@font-face {
  font-family: 'Mukta-Light';
  src: url('/assets/fonts/Mukta-Light.eot');
  src: url('/assets/fonts/Mukta-Light.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Mukta-Light.otf') format('otf'),
    url('/assets/fonts/Mukta-Light.svg#DMSans-Medium') format('svg'),
    url('/assets/fonts/Mukta-Light.ttf') format('truetype'),
    url('/assets/fonts/Mukta-Light.woff') format('woff'),
    url('/assets/fonts/Mukta-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Mukta-Regular';
  src: url('/assets/fonts/Mukta-Regular.eot');
  src: url('/assets/fonts/Mukta-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Mukta-Regular.otf') format('otf'),
    url('/assets/fonts/Mukta-Regular.svg#DMSans-Medium') format('svg'),
    url('/assets/fonts/Mukta-Regular.ttf') format('truetype'),
    url('/assets/fonts/Mukta-Regular.woff') format('woff'),
    url('/assets/fonts/Mukta-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'DMSans-Medium';
  src: url('/assets/fonts/DMSans-Medium.eot');
  src: url('/assets/fonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/DMSans-Medium.otf') format('otf'),
    url('/assets/fonts/DMSans-Medium.svg#DMSans-Medium') format('svg'),
    url('/assets/fonts/DMSans-Medium.ttf') format('truetype'),
    url('/assets/fonts/DMSans-Medium.woff') format('woff'),
    url('/assets/fonts/DMSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'DMSans-Regular';
  src: url('/assets/fonts/DMSans-Regular.eot');
  src: url('/assets/fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/DMSans-Regular.otf') format('otf'),
    url('/assets/fonts/DMSans-Regular.svg#DMSans-Regular') format('svg'),
    url('/assets/fonts/DMSans-Regular.ttf') format('truetype'),
    url('/assets/fonts/DMSans-Regular.woff') format('woff'),
    url('/assets/fonts/DMSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'DMSans-Bold';
  src: url('/assets/fonts/DMSans-Bold.eot');
  src: url('/assets/fonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/DMSans-Bold.otf') format('otf'),
    url('/assets/fonts/DMSans-Bold.svg#DMSans-Bold') format('svg'),
    url('/assets/fonts/DMSans-Bold.ttf') format('truetype'),
    url('/assets/fonts/DMSans-Bold.woff') format('woff'),
    url('/assets/fonts/DMSans-Bold.woff2') format('woff2');
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  background: #F4F4F4 !important;
}

#main {
  background: #F4F4F4 !important;
}

#main .main-content {
  background: #F4F4F4 !important;
}

/*---------------------------------------------*/
a {

  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
  outline: none !important;
}



/*---------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

p {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
}

ul,
li {
  margin: 0px;
  list-style-type: none;
}


/*---------------------------------------------*/
input {
  outline: none;
  border: none;
  font-family: 'DMSans-Regular';
  font-size: 16px;
}

textarea {
  outline: none;
  border: none;
}

/* start form  */
.form-field {
  width: 100%;
}

.form-control,
.form-field,
.card {
  border-radius: 0 !important;
}

.form-control,
.form-field {
  border: 1px solid #EDEDED !important;
  padding: 10px .6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
}

.form-control:focus,
.form-field:focus {
  box-shadow: 0 !important;
  /*background:transparent !important;
background-color: transparent !important;*/
  box-shadow: transparent !important;
  box-shadow: none;
}

.form-control.password-alert.is-invalid,
.was-validated .form-control.password-alert:invalid,
.form-field.password-alert.is-invalid,
.was-validated .form-field.password-alert:invalid {
  background-position: right calc(2.375em + .2335rem) center !important
}

/* end form */


input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

input::-webkit-input-placeholder {
  color: #555555;
}

input:-moz-placeholder {
  color: #555555;
}

input::-moz-placeholder {
  color: #555555;
}

input:-ms-input-placeholder {
  color: #555555;
}

textarea::-webkit-input-placeholder {
  color: #555555;
}

textarea:-moz-placeholder {
  color: #555555;
}

textarea::-moz-placeholder {
  color: #555555;
}

textarea:-ms-input-placeholder {
  color: #555555;
}



label {
  margin: 0;
  display: block;
  color: #121212;
  font-size: 16px;
  font-family: 'DMSans-Medium';
}

label > .bi.bi-info,
label > .bi.bi-info-circle {
  color: #757575 !important;
  position: absolute;
  top: 0;
  right: 0;
}

/*---------------------------------------------*/
button {
  outline: none !important;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

iframe {
  border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-size: 13px;
  color: #e5e5e5;
  line-height: 1.5;
}


/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.container-login100::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.65);
}


.logo {
  max-height: 66px !important;
  margin: 45px auto 20px auto;
  display: inherit;
}

/*------------------------------------------------------------------
[ Form ]*/
.login100-form {
  width: 100%;
  border-radius: 0;
  background-color: #fff;
  padding-bottom: 5px;
  /*2rem;*/
}

.login100-form-logo {
  font-size: 60px;
  color: #333333;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}

.login100-form-title {

  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

.forgetpassword {
  color: #1B57FA;
  font-size: 16px;
  font-family: 'DMSans-Medium';
  margin-bottom: 15px;
  ;
}

/*------------------------------------------------------------------
[ Input ]*/
.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 29px 0;
}

.input100 {
  font-family: Ubuntu-Regular;
  font-size: 20px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  height: 50px;
  background: transparent;
  padding: 0 10px 0 80px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

/*---------------------------------------------*/
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #d41872;
  background: -webkit-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: -o-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: -moz-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: linear-gradient(left, #a445b2, #d41872, #fa4299);
}

.focus-input100::after {
  font-family: Linearicons-Free;
  font-size: 18px;
  color: #999999;

  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 40px;
  left: 35px;


  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus {
  padding-left: 60px;
}

.input100:focus+.focus-input100::after {
  left: 23px;
  color: #d41872;
}

.input100:focus+.focus-input100::before {
  width: 100%;
}

.has-val.input100+.focus-input100::after {
  left: 23px;
  color: #d41872;
}

.has-val.input100+.focus-input100::before {
  width: 100%;
}

.has-val.input100 {
  padding-left: 60px;
}


/*------------------------------------------------------------------
[ Button ]*/

.save-cancel-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}



.display-more {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}



.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}

.marg-top-20 {
  margin-top: 20px !important;
}

.marg-top-15 {
  margin-top: 15px !important;
}

.p-fileupload {
  padding: 3px 0 !important;
}

.p-button-icon-left {
  padding: 0 5px 0 10px !important;
  float: left;
  margin-top: 3px;
}

.pi-plus:before,
.p-button-label {
  font-family: 'DMSans-Medium';
  font-size: 13px;
}

.login100-form-btn,
.submit-buttom-form,
.p-button-custom {
  font-family: 'DMSans-Bold';
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px !important;
  min-width: 100px !important;
  height: 42px !important;
  border-radius: 0;
  background: #1A57FD !important;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;


  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f12a";
  font-family: FontAwesome;
  font-size: 16px;
  color: #c80000;

  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}


/* Registration page */
.modal .modal-full {
  max-width: 94%
}

.modal-body {
  position: relative;
}

.modal-content {
  border-radius: 5px;
  padding: 1.4rem 1.7rem 4rem 1.7rem;
}

.modal-body {
  padding: 0;
}

.btn-close {
  width: 20px !important;
  z-index: 7;
  opacity: 1;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  background: transparent !important;
}

.modal-btn-close{
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat !important;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}


.modal-dialog-scrollable .modal-body {
  padding: 20px;
  overflow-x: hidden;
  background: transparent;
}

.input-group-addon {
  padding: .5rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  margin: -3px 7px 7px 7px !important;
  line-height: 12px !important;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, .15);
  border-left: 0;

  width: 35px;
  border: 0;
  position: absolute;
  background: transparent;
  right: 0;

  border-radius: 0;
  z-index: 999;
}

.form-groupl {
  float: left;
  width: 50%;
  padding-right: 15px;
}

.form-group2 {
  float: right;
  width: calc(50% - 15px)
}

.register-form-btn {
  font-family: 'DMSans-Bold';
  padding: .467rem .6rem;
  font-size: .855rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  background: #1A57FD;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.fl {
  float: left
}

.mgr-15 {
  margin-right: 15px;
}

.register-save {
  min-width: 100px !important;

}

.captcha {
  border: 1px solid #dddd;
  border-top: 0;
  border-radius: 0;
}

.register-conf {
  min-width: 250px;
}

.form-group-b {
  margin-top: 10px;
}

.form-group-b2 {
  margin-top: 25px;
}

.input-group-addon {
  background: none;
}

/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px white inset !important;
}*/


.forgetpassword a {
  font-family: 'DMSans-Medium';
  font-size: 16px;
  color: #1B57FA !important;
  text-decoration: none;
}

a.login100-form-btn {
  color: #fff;
}

.login100-form-btn:hover {
  background: #3f72fe !important;
  transition: background 125ms ease-in;
}
.login100-form-btn:active  {
  transition: background 125ms ease-out;
  background: #0342ee !important;
}


.card-header:first-child {
  border-radius: 0;
}

.alert-bottom-footer {
  margin-top: 15px;
  margin-left: -2px;
}

.alert {
  padding: 0.5rem !important;
}

.disable-loader {
  background: #56b6f7 !important
}

.disable-loader::after {
  margin-left: 10px;
  ;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -.125em;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}

.modal-dialog-scrollable .modal-content {
  padding: 0;
  margin: 0;
}

.pr {
  position: relative;
}

a {
  cursor: pointer;
}

.mp0 {
  margin-bottom: 0;
}

.card-title {
  margin: 0
}

.positionrelative {
  position: relative;
}



textarea:focus,
input:focus {
  border-color: #dfe3e7 !important;
  box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.pull-left-btn {
  justify-content: left !important;
  margin-top: 30px;
}

/* menu nav bar */
.sidebar-wrapper .sidebar-header img {
  height: auto !important;
}

.sidebar-menu {
  background: #F6F6F6 !important;
  padding-top: 1px !important;
}

.sidebar-wrapper .menu {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.sidebar-wrapper .sidebar-header {
  padding: 0 !important;
  font-weight: 700;
  height: 66px;
  ;
}

/*.navbar-header-top2 {
height:50px !important;
padding: 24px !important;
padding:0 20px !important;
font-size:32px !important;
font-weight: 700;
top:7px!important;
background:transparent;
}*/
.navbar-header-top1 {
  height: 64px !important;
  ;
  background: #fff;
}

.navbar-toggler-icon {
  width: 20px !important;
  height: 20px !important;
}

.sidebar-menu .navbar {
  position: fixed
}

.sidebar-wrapper .menu .sidebar-link>span {
  font-family: 'DMSans-Regular';
  font-size: 15px !important;
  color: #000 !important;
}

.navbar-light .navbar-toggler-icon {
  color: #B2B2B2;
}

.navbar {
  height: 66px !important;
  padding: 20px 10px !important;
}

.sidebar-wrapper .menu .sidebar-item.has-sub .sidebar-link:after {
  content: "" !important;
}

.arrow-menu {
  position: absolute;
  right: 25px;
}

.sidebar-wrapper .menu .sidebar-item.first.sidebar-link {
  background-color: #fff !important;
  margin-top: 1px !important;
}

.sidebar-wrapper .menu .sidebar-item {
  margin-top: 1px !important;
  position: relative;
}

.sidebar-wrapper .menu .submenu li a {
  font-size: 13px;
  font-family: DMSans-Regular;
  padding: .7rem 1rem 0rem 3rem !important;
}

.sidebar-wrapper .menu .submenu li:last-child {
  padding-bottom: .7rem
}

.sidebar-wrapper .menu .submenu li a:hover {
  color: #1A57FD !important;
}

.sidebar-wrapper .menu .sidebar-link>span {
  margin-left: 7px !important;
}

.sidebar-wrapper .menu .sidebar-link {
  background: #fff;
  padding: .7rem 26px .7rem 50px !important;
}

.sidebar-wrapper .menu .submenu {
  background: transparent !important;
  position: relative
}

/* header top menu  */
.navbar.navbar-header .avatar>svg {
  width: 41px !important;
  height: 41px !important;
}

.name1 {
  font-size: 14px !important;
  font-family: DMSans-Medium !important;
  color: #1A1818 !important;
  padding-right: 15px !important;
}

.name2 {
  font-size: 12px !important;
  font-family: DMSans-Regular !important;
  color: #7E7E7E !important;
  margin-top: -5px;
}

.nav-link {
  padding: 0 !important;
}

.avatar {
  display: table-cell !important;
}

.navbar.navbar-header .dropdown>a {
  display: table !important;
}

.navbar-header-top1 {
  z-index: 998;
  width: 100%;
  position: fixed;
}

.navbar-expand .navbar-nav.navbarnav {
  margin-left: 24px !important;
}

.profile-info {
  margin-left: 10px;
}

.topprofile {
  margin-left: 26px;
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -40px;
  padding: 10px;
  width: auto !important;
  height: auto !important;
}

.page-title h3 {
  font-size: 19px;
  font-family: DMSans-Medium;
}

#sidebar:not(.active)~#main {
  margin-left: 0px !important;

}

.between-dashboard {
  margin: 0 0px 0 5px;
  display: inline-block
}

.breadcrumb-item a,
.breadcrumb-item {
  padding: 0;
  display: inline-block;
  font-size: 12px;
  font-family: DMSans-Regular;
  text-transform: capitalize;
}

.breadcrumb {
  padding: 0;
}

.section h1 {
  font-size: 16px;
  font-family: DMSans-Medium;
}

#main .main-content {
  padding: 81px 50px 70px 50px !important;
}

.section {
  margin-top: 18px;
}

.section h1 {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 7px 0;
  margin-bottom: 14px;
}

.avatar img {
  height: 41px !important;
  width: 41px !important;
}

.navbar .nav-link-user img {
  height: 41px !important;
  width: 41px !important;
}

/*dashboar*/
.card.card-statistic {
  box-shadow: none !important;
  background: transparent !important;
}

.breadcrumb-item.active {
  margin-top: 1px !important;
}

.titleblock-bottom {
  color: #fff;
  position: absolute;
  bottom: 0;
}

.bgblock-w {
  background: #fff !important;
}

.block-list {
  font-size: 14px;
  font-family: DMSans-Medium;
}

.justify-content-between .block-list {
  width: 100%;
  padding: 0 0 10px 0 !important;
}

.justify-content-between .block-list li {
  height: 50px;
  font-family: DMSans-Medium;
  font-size: 14px;
  padding: 8px 15px !important;
}

.justify-content-between .block-list li span {
  font-family: DMSans-Medium;
  font-size: 14px;
}

.justify-content-between .block-list li.even {
  background: #f9f9f9 !important;
}

tr .p-paginator-bottom {
  background: #f9f9f9 !important;
}

.list-group-item {
  border: none
}

.bg-warning {
  background-color: transparent !important;
}

.badge {
  font-family: DMSans-Regular !important;
  font-size: 12px !important;
  color: #000;
  /* padding: .65rem; */
  /* background: url(../images/Path_4630.png) center center no-repeat; */
  border-radius: 50%;
  border: 1px dashed #1a57fd;
  padding: 0 !important;
  vertical-align: middle;
  text-align: center;
  width: 31px;
  height: 31px;
  display: table;

}

.badge span {
  font-family: DMSans-Regular !important;
  font-size: 12px !important;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}

.card.card-statistic .card-title {
  text-transform: capitalize !important;
  font-family: DMSans-Regular !important;
  font-size: 19px !important;
  text-align: center !important;
  width: 100%;
  color: #000 !important;
  font-weight: normal;
  letter-spacing: 0.5px !important;
  height: 28px !important;
  overflow: hidden;
}

.card.card-statistic .card-title2 {
  font-family: DMSans-Regular !important;
  letter-spacing: 0.5px !important;
  font-size: 16px !important;
  text-align: center !important;
  width: 100%;
  color: #3B66DB !important;
  font-weight: normal;
  margin-top: -4px;
  text-transform: uppercase !important;
}

.card-title3 {
  font-family: DMSans-Regular !important;
  font-size: 12px !important;
  text-align: center !important;
  width: 100%;
  color: #707070 !important;
  font-weight: normal;
}

.block-icon {
  margin: 0 auto;
  display: inline-block !important;
  width: 100%;
  text-align: center !important;
}

.px-py {
  padding: 25px !important;
  width: 100%;
  text-align: center;
  /*newblock*/
  height: 200px;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow-y: hidden !important;
}

.card-title4 {
  font-family: DMSans-Medium !important;
  font-size: 18px !important;
  text-align: center;
  margin: 6px 0 !important;
  color: #000;
}

.card-title5 {
  color: #707070;
  font-family: DMSans-Regular !important;
  font-size: 13px !important;
  text-align: center;
  height: 40px;
  line-height: 1;
  overflow: hidden;
}

.overlay-status {
  font-family: DMSans-Bold !important;
  font-size: 14px !important;
  color: #FFFFFF;
  line-height: 1;
  /* padding: 15px !important; */
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.px-py-pz {
  height: 200px;
}

.px-py-pz .card-img {
  width: 100% !important;
  height: 100% !important;
}

.bggreen {
  background-color: #27D566 !important;
}

.bgyellow {
  background-color: #F0CB00 !important;
}

.bgperple {
  background-color: #6D7780 !important;
}

.bgred {
  background-color: #f74121 !important;
}

.rightbool {
  position: absolute;
  right: 15px;
}

.request-now {
  font-family: 'DMSans-Medium' !important;
  font-size: 14px !important;
}

.tabledisplay {
  display: table !important;
  height: 100%;
  width: 100%;
}

.celltabledisplay {
  display: table-cell !important;
  vertical-align: middle;
  width: 100% !important;
  height: 100% !important;
}

.celltabledisplay1 {
  display: inline-block !important;
  /*display: table-cell  !important; newblock*/
  vertical-align: middle
}

.req-cust {
  color: #fff;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px !important;
  font-family: 'DMSans-Bold' !important;
  margin-bottom: 8px;
  line-height: 1.2;
}

.req-now {
  width: 100%
}

.req-now .request-now {
  width: 140px;
  margin: 0 auto
}

.card-header {
  padding: 0 !important;
  margin: 0 !important;
}

.table>:not(caption)>*>* {
  height: 40px;
  font-family: DMSans-Medium;
  font-size: 14px;
  padding: 5px 15px !important;
  font-weight: normal;
}

.table th {
  color: #000;
}

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

.dataTable-table thead th,
.table thead th {
  border: 0 !important;
}

.card {
  width: 100%;
}

.px-py-pf {
  padding: 0px !important;
}

.px-py.pffff {
  padding: 0px !important;
}

.px-py.pffff .container-login100-form-btn {
  margin-top: 0 !important;
}

.px-py-pfl {
  height: 280px;
  padding: 0
}

.px-py-pfl .card-img {
  height: 100% !important;
}

.latest {
  border-bottom: none !important;
}

.card-right img {
  width: 50px !important;
  height: 50px !important;
}

.viewall {
  color: #3B66DB;
  font-size: 13px !important;
  font-family: DMSans-Regular;
}

.arrow-viewall {
  width: 5px;
  height: 7px;
  margin-left: 5px;
  margin-top: 6px;
}

.month {
  color: #000 !important;
  font-family: DMSans-Bold !important;
  font-size: 14px !important;
}

.date-act {
  font-size: 10px !important;
  font-size: 10px;
  font-family: DMSans-Regular;
}

.table-activities td {
  line-height: 1;
  height: 40px;
  padding: 0px 10px !important;
  font-family: 'DMSans-Regular';
}

.table-activities .act1 {
  border-left: 6px solid #3B66DB;
  width: 110px !important;
}

.table-activities tr {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-collapse: separate;
  border-spacing: 0 15px;
}

table {
  border-collapse: collapse;
}

.table.table-activities>:not(caption)>*>* {
  padding: 0px 15px !important;
  height: 40px;
}

.table-activities td {
  border: 1px solid #e0e0e0;
}

.act2 {
  border-left: none !important;
}

.card-title-left-b0 {
  margin-bottom: 0px;
  font-size: 16px !important;
  font-family: 'DMSans-Medium' !important;
}

.table-activities td.geeks {
  border-right: 1px dashed #e0e0e0 !important
}

.geeks {
  border-right: hidden;
}

.gfg {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.card-body {
  padding: 10px 52px !important;
}

.wrap-login100 {
  width: 470px !important;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}

.wrap-popup {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  margin-top: 60px;
  ;
}

.card-img {
  margin-bottom: 1.5rem !important;
  border-radius: 0 !important;
}

.wrap-popup .login100-form {
  padding-bottom: 0 !important;
}

.form-group label,
.form-box label {
  text-transform: capitalize !important;
}

.form-group,
.form-box {
  margin-bottom: 15px;
  ;
}

section .card-body {
  padding: 0px !important;
}

.sidebar-header .logo {
  margin: 0 auto !important;
  max-width: 100%;
}

.alert {
  background-color: #fff !important;
  opacity: 1;
  color: #c80000 !important;
}

.dropdown-menu[data-bs-popper] {
  top: 100% !important;
  left: 0 !important;
  margin-top: 14px !important;
  border: 0 !important;
  font-family: 'DMSans-Regular';
  font-size: 14x !important;
  margin-bottom: 0;
  border-radius: 0;
  padding: 0;
}

.dropdown-item {
  font-family: 'DMSans-Regular' !important;
  font-size: 14x !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent !important;
}

.page-title-h1 {
  margin: 2px 0;
  font-size: 19px;
  font-family: DMSans-Medium !important;
  color: #000;
}

.page-title-component {
  margin: 2px 0;
  font-size: 19px;
  font-family: DMSans-Medium !important;
  color: #000;
  margin-bottom: 15px;
  margin-top: 15px
}

.navbar.navbar-header li.nav-icon .nav-link:hover {
  background: transparent !important;
}

.up-down {
  float: left;
  position: absolute;
  right: 15px;
}

.up-down-profile {
  position: absolute;
  right: 0px;
  top: 8px;
  width: 8px !important;
  height: 5px !important;
}

.general-block span {
  float: right;
  margin-top: 17px;
}

.form-check-label {
  float: left;
  font-family: DMSans-Regular;
  font-size: 14px;
}

.form-check-input-block {
  margin-left: 6px !important;
  margin-top: 0;
}

.login100-form-btn-delete {
  font-family: DMSans-Regular;
  font-size: 14px;
  color: #fff !important;
  background: #DE4747 !important;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px !important;
  min-width: 100px !important;
  height: 28px !important;
  margin-top: -9px;
  margin-left: 10px;
}

.form-left-block {
  float: left;
}

.login100-form-btn-delete {
  float: left;
}

.icondelete {
  display: inline-block;
  margin: 0 8px 0 0;
}

.btn-close-block {
  width: 20px;
  height: 20px;
  right: -14px !important;
  top: -13px;
  border-radius: 50%;
}

.block-add {
  background: #F5F5F5 !important;
  width: 280px;
  height: 145px;
  border: 1px dashed #e3e3e3;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 15px;
  ;
}

.block-add-full {
  background: #fff !important;
  height: 57px;
  border: 1px dashed #e3e3e3;
  vertical-align: middle;
  margin-bottom: 15px;
}

.add-group-href {
  color: #3B66DB;
  font-family: DMSans-Medium;
  font-size: 14px;
  height: 100%;
}

.add-group-href a {
  color: #3B66DB;
  font-family: DMSans-Medium;
}



.slide-toggle {
  /*position: fixed; z-index:99999999;right:0 !important;*/
  cursor: pointer;
}

.rightside {
  margin: 0 30px !important;
  padding: 10px 0;
  display: block;
  font-weight: 500;
  letter-spacing: .5px;
  transition: all .2s;
  font-family: 'DMSans-Medium';
  font-size: 15px !important;
  color: #000 !important;
}

.rs1 {
  border: 1px dashed #e3e3e3;
  font-size: 13px !important;
  font-family: 'DMSans-Medium';
  padding-left: 20px;
}

.floatright {
  float: right;
}

.form-control-edit {
  float: left;
  width: 33%;
}

@media (max-width: 992px) {
  .card-body {
    padding: 10px 26px !important;
  }

  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }

  .sidebarheader {
    margin: 0 !important;
  }
}




.box {
  float: right;
  overflow: hidden;
  background: #fff;
  width: 0;
  height: 100vh;

}

.box-inner {
  /*border-top: 2px solid #e0e0e0;*/
  top: 64px;
  width: 260px;
  position: fixed;
  border-right: 1px solid #eee;
  /*box-shadow: 0 0 10px #ececec;*/

  background: #fff;
  z-index: 996;
  height: 100vh;
  padding-top: 0px;
  right: -260px;
  transition: right 1s ease-in-out;
}

.section h1 {
  height: 30px !important;
}

#main {
  overflow: hidden;
  margin-right: 0;
}

.active2 .box-inner {
  right: 0;
  transition: right 1s ease-in-out;
}

.active2 {
  width: 260px !important;
  transition: width 1s ease-in-out;
}

.mainright {
  margin-right: 0;
  transition: margin-right 1s ease-in-out;
}

.active2 .mainright {
  margin-right: 260px;
  transition: margin-right 1s ease-in-out !important;
}

.section h1.editshow {
  height: auto !important;
}

.cursorpointer {
  cursor: pointer;
}

.card-body {
  margin-bottom: 1.5rem !important;
}

.BGcolor {
  padding-bottom: 15px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 15px;
}

.BGcolor label {
  padding: 15px 30px;
  font-size: 15px;
  font-size: DMSans-Medium;
}

.rightside_option {
  padding: 0px 30px;
  margin: 0;
}

.laung label {
  padding: 15px 30px 10px 30px;
  font-size: 15px;
  font-family: DMSans-Medium;
}

.laung .selectb {
  margin: 0 30px 15px 30px;
}

.laung {
  border-bottom: 1px solid #e0e0e0;
}

.linkside {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 30px;
}

.linkside a {
  color: #000;
  font-size: 15px !important;
  font-family: DMSans-Medium !important;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #E5E5E5;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000
}

.option-input:hover {
  background: #9faab7
}

.option-input:checked {
  background: #10202B
}

.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: "";
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px
}

.option-input:checked::after {
  -webkit-animation: click-wave 0.25s;
  -moz-animation: click-wave 0.25s;
  animation: click-wave 0.25s;
  background: #10202B;
  content: '';
  display: block;
  position: relative;
  z-index: 100
}

.option-input.radio {
  border-radius: 50%
}

.option-input.radio::after {
  border-radius: 50%
}

#main:not(.organization-main) {
  margin-left: 236px !important;
}

/* editmode */
.editmode {
  padding-top: 10px !important;
  background-color: #fff !important;
}

.editmode .form-group,
.editmode .form-box {
  background-color: #fff;
  /* width: 170px;*/
  margin: 15px 20px 15px 52px;
}

.list-group {
  margin-top: 25px
}

.list-group-item {
  font-size: 14px;
  font-family: DMSans-Regular
}

.list-group-item.active {
  background: #fff !important;
  color: #1A57FD !important;
}

.list-group {
  font-size: 14px;
  font-family: DMSans-Regular;
}

.list-group a {
  color: #000000;
  font-size: 14px;
  font-family: DMSans-Regular;
}

.list-group-item.active a {
  background: #fff !important;
  color: #1A57FD !important;
}

.list-group-item {
  padding: 2px 52px;
}

.section-inner h1 {
  margin-bottom: 12px;
  font-size: 16px;
  font-family: DMSans-Medium;
}

.section-inner {
  margin-top: 15px;
}

.section-inner .input-group {
  border: 1px solid #EDEDED !important
}

.section-inner .form-control,
.section-inner .form-field {
  background: #fff !important;
  color: #000;
  border: 0 !important;
  font-size: 14px;
  font-family: DMSans-Regular;
}

.section-inner .input-group {
  background: #fff;
  margin-bottom: 30px;
}

.section-inner .input-group-text {
  display: inline-block;
  text-align: center;
  width: 35px;
  border: 0;
  height: 35px;
  background: #f3f6ff;
  border-radius: 5px !important;
  margin: 10px;
}

#button-addon2 {
  padding: 0;
  width: 50px;
  border: 0;
  border-left: 1px solid #e6e6e6;
  font-family: DMSans-Regular;
  font-size: 10px;
  text-align: center
}

#button-addon2 img {
  width: 10px;
}

#button-addon2:hover {
  background: transparent !important;
  color: #000 !important;
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow: transparent !important;
}

.fbleft {
  float: left;
  float: left;
  width: 109px;
}

.sidebar-toggler {
  margin-left: 5px;
}

.navbar.navbar-header li.nav-icon {
  margin-right: 7px !important;
}

#dropdownMenuButton {
  text-align: left;
  font-family: DMSans-Medium;
  font-size: 13px;
  color: #000 !important;
  border-radius: 0;
  border: 1px solid #00000012 !important;
  background: #fff !important;
  width: 100%;
}

.dropdown-toggle:after {
  color: #3B66DB !important;
  margin-left: 66% !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 1px;
  content: "";
  border-top: 5px solid !important;
  border-right: 5px solid transparent !important;
  border-bottom: 0;
  border-left: 5px solid transparent !important;
  box-shadow: none !important;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  margin-left: 0 !important;
}

.logoheader {
  margin: 35px auto 40px auto !important;
}

.form-group label,
.form-box label {
  margin-bottom: 5px;
}

.select-company {
  margin-bottom: 20px;
  font-size: 19px;
  font-family: DMSans-Medium;
  color: #000;
}

#dropdownMenuButton_1 {
  text-align: left;
  font-family: DMSans-Medium;
  font-size: 13px;
  color: #000 !important;
  border-radius: 0;
  border: 1px solid #00000012 !important;
  background: #fff !important;
  width: 100%;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 43px !important;
  padding-top: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: DMSans-Regular;
}

.card-header {
  background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: url("/assets/images/Iconawesome-search.png") no-repeat !important;
  border-style: solid !important;
  border-width: 0 !important;
  left: -28px !important;
  margin-left: 0 !important;
  color: #fff !important;
  color: #fff !important;
  margin-top: 0 !important;
  position: absolute !important;
  top: 11px !important;
  width: 16px !important;
  height: 16px !important;
}

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

.select-company {
  text-align: center;
  margin: 35px auto 35px auto !important;
}

.card-body-select {
  padding-top: 0 !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item a:hover {
  color: #0a58ca !important;
}

.dropdown-item:hover {
  color: #0a58ca !important;
}

.viewall,
#flexSwitchCheckDefault,
.login100-form-btn-delete {
  cursor: pointer;
}

.icon-down {
  background: url(/assets/images/Icon-down.png) no-repeat;
  width: 8px !important;
  height: 5px !important;
}

.show .icon-down {
  background: url(/assets/images/Icon-up.png) no-repeat;
}

/* menu left top */
.left-notification {
  position: relative;
  background: #f3f6ff;
  width: 43px;
  height: 43px;
  float: left;
  border-radius: 50%;
}

.left-notification img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.body-notification {
  width: 155px;
  padding: 0 10px !important;
  float: left;
  font-family: DMSans-Medium;
  font-size: 13px;
  margin-top: 2px;
}

.body-notification2 {
  /* color:#A6A6A6; */
  font-family: DMSans-Regular;
  font-size: 11px;
}

.right-notification {
  width: 60px;
  float: left;
  padding-top: 5px;
  color: #1A57FD;
  font-family: DMSans-Regular;
  font-size: 10px;
}

.Clear-All {
  color: #3B66DB;
  font-family: DMSans-Medium;
  font-size: 14px;
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #F2F2F2;
}

.Clear-All a {
  color: #3B66DB;
}

/* End menu notification */
.form-check-input {
  display: inline-block;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background-color: transparent;
  margin-right: 15px;
  margin-left: 10px;
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: -1px;
  cursor: pointer;
}

.modal .modal-content {
  width: 470px !important;
}

.modal .modal-content.modalcontent {
  width: 100% !important;
}

.listgroup {
  margin-top: 0 !important;
}

.listgroup .list-group-item {
  font-size: 16px !important;
  font-family: DMSans-Regular !important;
  padding: 10px 0 12px 0 !important;
  border: 1px solid #EDEDED;
  margin-bottom: 5px;
  border-radius: 0;
}

.scrollbar {
  margin-left: 0px;
  float: left;
  height: 250px;
  width: 100%;
  background: #fff;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.force-overflow {
  min-height: 230px;
}

#wrapper {
  text-align: center;
  width: 500px;
  margin: auto;
}

#style-3::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: #fff;
}

#style-3::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

#style-3::-webkit-scrollbar-thumb {
  background-color: #E6E6E6;
}

/* start form   */
.marg-top-start-section {
  margin-top: 25px !important;
  padding: 0 25px !important;
}

.form-group-new {
  margin-bottom: 15px;
}

.form-group-new label {
  color: #3B66DB !important;
  font-size: 12px !important;
  font-family: DMSans-Medium !important;
}

.form-group-new .form-group,
.form-group-new .form-box {
  margin-bottom: 15px !important;
}

.section-bottom {
  padding-bottom: 70px !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000 !important;
}

.bg-white {
  background: #fff !important;
}

.input-group-addon-verify {
  width: 70px;
  padding: 9px 0;
  margin: 0 !important;
}

.input-group-addon-verify {
  font-size: 14px !important;
  font-family: 'DMSans-Medium' !important;
  color: #3B66DB
}

.input-group-addon-verify a i {
  font-family: 'DMSans-Medium' !important;
}

.w100 {
  width: 100%;
  ;
}

.pin-unpin {
  font-size: 10px;
  font-family: DMSans-Regular !important;
}

.searchtopside {
  padding: 5px 0.6rem !important;
}

/* start appraisal tab */
.leavesearchbtn-tab {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
  margin-bottom: 0;
  list-style: none;
  position: relative;
  border-bottom: 1px solid #00000012 !important;
}

.nav-tabs .nav-link.active {
  color: #000 !important;
}

.leavesearchbtn-tab .inputsearch {
  background: transparent;
  color: #000;
  width: 300px !important;
  float: left;
  padding: 1px;
  border: 0 !important;
  padding: 5px !important;
}

.leavesearchbtn-tab .ytem.ytem2 {
  padding: 0 !important;
}

.leavesearchbtn-tab .ytem a {
  padding: 10px 16px !important;
  line-height: 20px;
  height: 40px;
  color: #000;
  font-size: 14px;
  font-family: 'DMSans-Medium';
}

.leavesearchbtn-tab .ytem {
  display: inline-block;
  font-size: 14px;
  font-family: 'DMSans-Medium';
  text-transform: capitalize;
  color: #000;
  width: auto !important
}

.leavesearchbtn-tab .ytem.last {
  border-right: 0 !important;
}

/* start appraisal  */
.leavesearchbtn {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
  margin-bottom: 0;
  list-style: none;
  background-color: #F4F4F4 !important;
  position: relative;
}

.leavesearchbtn .inputsearch {
  background: transparent;
  color: #000;
  width: 300px !important;
  float: left;
  padding: 1px;
  border: 0 !important;
  padding: 5px !important;
}

.leavesearchbtn .ytem.ytem2 {
  padding: 0 !important;
}

.leavesearchbtn .ytem a {
  color: #201e1e;
  font-size: 13px;
  font-family: 'DMSans-Medium';
}

.leavesearchbtn .ytem {
  border-right: 1px solid #616161;
  display: inline-block;
  font-size: 13px;
  font-family: 'DMSans-Medium';
  text-transform: capitalize;
  padding: 0 16px;
  line-height: 20px;
  height: 20px;
  margin: 10px 0;
  color: #616161;
  width: auto !important
}

.leavesearchbtn .ytem.last {
  border-right: 0 !important;
}

.abppraisal .inputsearch {
  width: 200px !important;
  float: left;
}

.searchfa {
  position: relative;
  width: 30px;
  display: inline-block;
  float: left;
  min-width: 0;

}

.leavesearchbtn .ytem i {
  color: #616161;
  font-size: 12px;
  text-transform: capitalize;
  line-height: 20px;
  height: 20px;
  width: 12px;
  padding-right: 15px;
  text-align: center;
  padding-top: 0;
}

.leavesearchbtn .ytem label {
  color: #616161 !important;
  font-size: 12px;
  text-transform: capitalize;
  line-height: 20px;
  height: 20px;
  padding-right: 15px;
  text-align: left;
  float: left;
  padding-top: 0;
}

.loanrequestsapprovalr .ytem label {
  width: 41px !important;
  background: #ff0000;
  float: left;
}

.loanrequestsapprovalr .ytem .select {
  float: left;
  width: calc(100% - 45px);
  margin: 0;
  padding: 0;
}

.loanrequestsapprovalr .form-control,
.loanrequestsapprovalr .form-field {
  padding: 0 20px 0 20px !important;
  border: 0 !important;
}

.loanrequestsapprovalr.leavesearchbtn .ytem {
  padding-left: 0px !important;
}

.loanrequestsapprovalr .select {
  height: auto !important;
  width: 200px;
  ;
}

.loanrequestsapprovalr .select:after {
  top: 10px !important;
  right: 4px !important;
}

.loanrequestsapprovalr.leavesearchbtn .ytem {}

.loanrequestsapprovalr .select::after {
  color: #616161 !important;
}

.searchfa {
  height: 24px;
  width: 24px;
}

.input-group-text {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* table view */
.p-datatable-wrapper {
  margin-top: 30px !important;
}

.p-datatable-thead {
  background-color: #00000005;
}

.p-datatable-thead th {
  font-size: 13px;
  font-weight: normal;
  font-family: 'DMSans-Medium';
}


.p-datatable-tbody td,
.p-datatable-tbody td a {
  font-family: 'DMSans-Regular';
  font-size: 13px;
  color: #000 !important
}

.p-datatable-tbody tr.even {
  background: #00000005 !important;
}

.p-datatable-tbody tr:nth-child(odd) {
  background: #fff !important;
  /* rgba(247, 247, 247, 1) !important; */
}

.p-datatable-tbody tr:nth-child(even) {
  background: #00000005 !important;
  /* rgba(0, 0, 0, 0.2) !important; */
}

.p-datatable-tbody tr,
.p-datatable-tbody tr a {
  padding: 20px 0 !important;
  font-size: 13px;
  font-family: 'DMSans-Regular';
}

.box-body-table {
  overflow: hidden;
}

.p-paginator {
  background: #f7f7f7;
  font-size: 13px;
  font-weight: normal;
  font-family: 'DMSans-Medium';
  padding: 7px 0 7px 0 !important;
}

.p-paginator-pages {
  display: table;
  color: #000;
  background: transparent !important;
  ;
}

.p-paginator-pages button {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 25px !important;
  line-height: 23px;
  ;
  height: 25px !important;
  text-align: center;
  margin: 0px !important;
  background: transparent;
  font-size: 13px !important;
  font-family: 'DMSans-Medium';
}

.p-paginator-pages .p-highlight {

  border: 1px solid #EAEAEA !important;
  background: #fff !important;
  color: #3B66DB !important;
}

.pi-angle-left:before,
.pi-angle-right:before,
.pi-angle-double-right:before,
.pi-angle-double-left:before {
  color: #3B66DB !important;
  padding: 10px 5px !important;
}

.form-select {
  /* background: url(/assets/images/Icon-down.png) no-repeat !important; */
  background-position: top 17px right 20px !important;

}

.form-select option {
  font-family: 'DMSans-Regular' !important;
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/* search */
.container {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 46px;
}

.container .search {
  position: absolute;
  margin: auto;
  top: 0;
  right: 250px;
  bottom: 0;
  left: 0;
  width: 20px;
  /*height: 80px;
  background:#fff;
  border-radius: 50%;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);*/
  transition: all 1s;
  z-index: 4;

}

.container .search:hover {
  cursor: pointer;
}

.container .search::after {
  content: "";
  /* border-radius: 50%;
   border: 2px solid white;
 */
  position: absolute;
  margin: auto;
  top: 0px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: 20px;
  height: 20px;
  transition: all 0.5s;
  background-image: url(../../assets/images/Group_close1462.png);
}

.container input {
  position: absolute;
  margin: auto;
  top: 0;
  right: 250px;
  bottom: 0;
  left: 20px;
  width: 0px;
  border: 1px solid #EDEDED !important;
  height: 40px;
  outline: none !important;
  border: none;
  background: #fff !important;
  color: #616161 !important;
  padding: 10px 40px 10px 0.6rem !important;
  /* border: 1px solid #EDEDED !important;
  font-weight: bolder;
  letter-spacing: 0.1em; border-radius: 30px; padding: 0 80px 0 20px;
text-shadow: 0 0 10px crimson;box-shadow: 0 0 25px 0 crimson, 0 20px 25px 0 rgba(0, 0, 0, 0.2);*/
  transition: all 1s;
  opacity: 0;
  z-index: 5;
}

.container input:hover {
  cursor: pointer;
}

.container input:focus {
  width: 300px;
  opacity: 1;
  cursor: text;
}

.container input:focus~.search {
  content: '';
  right: -250px;
  background: transparent !important;
  z-index: 6;
}

.container input:focus~.search::after {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0%;
  background-image: url(../../assets/images/Group1462.png);
  /*  background: white;transform: rotate(-45deg);*/

}

.container input:focus::after {
  background-image: url(../../assets/images/Group1462.png);
}

.managepermissions {
  position: absolute;
  margin-top: 6px;
  right: 17px;
}

.search-appraisal {
  margin-left: 35px;
  font-size: 13px;
  font-family: 'DMSans-Medium';
}

.p-paginator-first,
.p-paginator-last {
  display: none !important;
}

/*
.container input:focus ~ .search::before {
top: 0;
left: 0;
width: 25px;
background-image: url(../../assets/images/Group1462.png) !important;
}
.container .search::before {
content: "";
position: absolute;
margin: auto;
top: 22px;
right: 0;
bottom: 0;
left: 22px;
width: 12px;
height: 2px;
background: white;
transform: rotate(45deg);
background-image: url(../../assets/images/Group_close1462.png);
transition: all 0.5s;
}*/

.form-group h5,
.form-box h5 {
  font-family: 'DMSans-Regular';
  font-size: 17px;
}

.choices_option_new option {
  /* font-family: 'DMSans-Regular'!important; */
  font-size: 14x !important;
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both !important;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropend .dropdown-toggle:after,
.dropend .fa-ellipsis-v.dropdown-toggle:after {
  display: none !important;
}

.dropdown-item1 {
  text-align: left;
  font-size: 13x !important;
  color: #3B66DB !important;
  padding: 8px 0 2px 8px !important;
}

.dropdown-item2 {
  text-align: left;
  font-size: 13x !important;
  color: #DE4747 !important;
  padding: 2px 0 6px 8px !important;
}

.dropdown-item2:hover {
  color: #DE4747 !important;
}

#dropdownMenuButtonh i {
  color: #3B66DB !important;
}

#dropdownMenuButtonh .dropdown-menu {
  border: none !important;
  border-radius: 5px;
  ;
}

#dropdownMenuButtonh.dropdown-toggle:after {
  display: none !important;
}

.pr {
  position: relative;
}

.pr .btn-close {
  top: 0 !important;
  right: 0;
}

.appraissalemployees {
  position: relative;
  height: 30px
}

.dropdownMenuButton_h .dropdown-menu {
  border: none !important;
  border-radius: 5px !important;
  left: -145px !important;
}

.dropdownMenuButton_h .dropdown-menu.show {
  min-width: 215px !important;
  left: -180px !important;
  top: 30px !important
}

.dropdownMenuButton_h .dropdown-menu:after {
  top: -19px !important;
  content: '';
  display: block;
  position: absolute;
  right: 1px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FFFFFF;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.dropdownMenuButton_h .dropdown-item a {
  font-size: 13px !important;
}

p-sorticon .p-element.p-icon-wrapper {
  color: #1A57FD;
  display: inline;
  margin-inline-start: 2px;
}

p-sorticon .p-element.p-icon-wrapper svg.p-icon.p-sortable-column-icon{
  display: inline;
}

checkicon.p-element.p-icon-wrapper svg.p-checkbox-icon.p-icon {
  color: #b1acac;
}

timesicon.p-element.p-icon-wrapper {
  pointer-events: initial;
}

.p-fileupload .p-fileupload-choose > plusicon.p-element.p-icon-wrapper {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.536%22%20height%3D%2213.072%22%20viewBox%3D%220%200%206.536%2013.072%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_material-attach-file%22%20data-name%3D%22Icon%20material-attach-file%22%20d%3D%22M16.145%2C4.471V11.3a2.377%2C2.377%2C0%2C1%2C1-4.754%2C0V3.877a1.485%2C1.485%2C0%2C1%2C1%2C2.971%2C0v6.239a.594.594%2C0%2C1%2C1-1.188%2C0V4.471h-.891v5.645a1.485%2C1.485%2C0%2C1%2C0%2C2.971%2C0V3.877a2.377%2C2.377%2C0%2C1%2C0-4.754%2C0V11.3a3.268%2C3.268%2C0%2C1%2C0%2C6.536%2C0V4.471Z%22%20transform%3D%22translate(-10.5%20-1.5)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 7px!important;
  height: 14px !important;
  margin-inline: 12px 5px;
}

.p-fileupload .p-fileupload-choose > plusicon.p-element.p-icon-wrapper svg {
  display: none;
}

.p-element.p-button.p-component.p-fileupload-choose {
  margin-top: 1px !important;
}

.p-fileupload.p-fileupload-advanced .p-element.p-button.p-component.p-fileupload-choose {
  margin-top: 4px !important;
}

.p-fileupload.p-fileupload-basic.p-component input[type=file] {
  display: none !important;
}

.p-element.p-ripple.p-datepicker-trigger.p-button-icon-only {
  display: none !important;
}

:ng-deep .fc-col-header-cell.fc-day {
  width: 14.29% !important;
}

.nodatayet {
  text-align: center !important;
  padding: 10px 0 !important;
  color: #DE4747 !important;
}

.p-paginator-icon {
  cursor: pointer !important;
}

.form-control-search {
  height: 40px;
  float: left;
  width: calc(100% - 30px);
  padding-right: 50px;
}

.form-control-span {
  height: 40px;
  float: left;
  margin-left: -45px;
  width: 44px;
  border: none !important;
  background: none !important;

}

.mb0 {
  margin-bottom: 0 !important;
}


/*app-single-employee*/



/*
p-dropdown.ng-touched {
  border: 1px solid #EDEDED !important;
  padding:10px 20px;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #000;
  background: #fff;
  height:42px !important;
}*/
.dropdwonsingle p-dropdownitem .p-dropdown-item {
  margin: 0 5px !important;
  padding: 7px 20px 7px 20px;
}

.p-dropdown-items-wrapper {
  overflow: auto !important;
}

.dropdwonsingle .pi-chevron-down {
  margin-right: 20px !important;
}

.dropdwonsingle .p-dropdownitem {
  padding-right: 12px !important;
  padding-left: 7px !important;
  background: #fff !important;
}

.dropdwonsingle .p-dropdown-label {
  margin: 0 34px 0 0px !important;
  color: #000 !important;
  padding: 0 13px !important;
}

.dropdwonsingle p-dropdownitem .p-dropdown-item {
  margin: 0 5px !important;
}

.dropdwonsingle p-dropdownitem .p-dropdown-item span {
  color: #000 !important;
}

.dropdwonsingle .pi-chevron-down:before {
  color: #3B66DB !important
}

.dropdwonsingle .p-dropdown .p-dropdown-panel {
  padding-top: 0px !important;
  top: 31px !important;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
}




.fc-button-primary {
  background: #f4f4f4 !important;
}



.p-multiselect {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  width: 100% !important;
  /*width: calc( 100% - 40px)  !important;*/
}


p-multiselect .pi-chevron-down {
  margin-right: 20px !important;
}

p-multiselect.p-dropdownitem {
  padding-right: 12px !important;
  padding-left: 7px !important;
  background: #fff !important;
}

p-multiselect .p-dropdown-label {
  margin: 0 34px 0 0px !important;
  color: #000 !important;
  padding: 0 13px !important;
}

p-multiselect p-dropdownitem .p-dropdown-item {
  margin: 0 5px !important;
}

p-multiselect p-dropdownitem .p-dropdown-item span {
  color: #000 !important;
}

p-multiselect .pi-chevron-down:before {
  color: #3B66DB !important
}

p-multiselect .p-dropdown .p-dropdown-panel {
  padding-top: 0px !important;
}

.multiselect p-multiselect .pi-chevron-down {
  margin-right: 0 !important;
}

.multiselect .p-multiselect-item {
  line-height: 29px !important;
}

.multiselect .p-multiselect .p-multiselect-panel {
  background: #fff !important;
  top: 31px m !important;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
  padding: 10px 0 !important;
}

.multiselect .p-multiselect-header {
  padding: 0 7px 0 20px !important;
}

.multiselect .p-multiselect-item {
  padding-inline: 20px !important;
}

.multiselect .p-multiselect-filter-icon {
  display: none;
}

.multiselect .p-checkbox {
  margin-right: 6px;
  ;
}

.multiselect .p-multiselect-close-icon {
  margin-left: 6px;
}

.p-multiselect-filter-container .p-inputtext {
  line-height: 28px !important;
  padding: 0 20px !important;
}

.p-multiselect-empty-message {
  text-align: center;
  margin-top: 10px;
  ;
}

@media (max-width: 992px) {
  .container .search::after {
    left: -89px;
  }

  .managepermissions {
    right: 15px !important;
  }

  .container {
    width: 100px !important;
  }

  .container .search {
    right: -31px !important;
  }

  .container input {
    width: 130px;
  }

  .container input:focus~.search::after {
    left: 62px !important
  }

  .container input:focus {
    width: 130px !important;
    left: 17px !important;
  }
}

.leftcircle {
  margin-left: 4px !important;
  ;
  font-size: 4px !important;
}

.vericalhh {
  /*margin-top:-19px !important;*/
  width: 23px;
  height: 26px;
}

.sidebar-wrapper .menu .submenu.active {
  max-height: 9999px !important;
}

.verticalcircle i {
  font-size: 4px !important;
  height: 4px !important;
  width: 4px !important;
}

.verticalcircle {
  margin: -4px auto 6px auto !important;
  height: 4px !important;
  width: 4px !important;
}

.form-group peoplepicker,
.form-box peoplepicker {
  border-radius: 0 !important;
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  width: 100% !important;
  display: inline-block !important;
}

.form-group peoplepicker:focus,
.form-box peoplepicker:focus {
  box-shadow: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: transparent !important;
}

.p-inputtext {
  padding-top: 1px !important;
}

.popupTextColor {
  text-align: center;
  font-family: 'DMSans-Medium';
  font-size: 14px;
  margin-bottom: 10px;
}

.lgbtoleft {
  margin-left: 10px;
}

p-table th:first-child,
p-table td:first-child {
  padding-left: 15px !important;
  height: 26px;
  padding: 10px;
  margin-left: 30px !important;
}

.p-datatable-thead th:first-child,
.p-datatable-thead th:first {
  margin-left: 30px !important;
}

.p-datatable-thead th:first-child {
  padding-left: 15px !important;
  height: 26px;
  padding: 10px;
  margin-left: 30px !important;
}

.p-datatable-thead .first,
.p-datatable-tbody .first {
  padding-left: 15px !important;
  height: 26px;
  padding: 10px;
}



/*.p-datatable-thead th:last-child {width:100px ;}*/
/*
.select{    display: block;
width: 100%;
padding: 0.467rem 1.8rem 0.467rem 0.6rem;
font-size: .855rem;
font-weight: 400;
line-height: 1.5;
color: #555252;
background-color: #fff;
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 16px 12px;
border: 1px solid #dfe3e7;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/

.whiteBodyContent .box-body {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y)*-1);
  margin-right: calc(var(--bs-gutter-x)/-2);
  margin-left: calc(var(--bs-gutter-x)/-2);
}

.form-box label,
.form-label {
  color: #3B66DB !important;
  font-size: 12px !important;
  font-family: DMSans-Medium !important;
  margin-bottom: 5px;
}

.form-box input {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #555252;
}

/* select box pure css */
select {
  /* Reset Select */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  /* Personalize */
  text-align: left;
  font-family: DMSans-Medium;
  font-size: 13px;
  color: #000 !important;
  border-radius: 0;
  border: 1px solid #00000012 !important;
  background: #fff !important;
  width: 100%;
  padding: .467rem 1.5rem;
  cursor: pointer;
  overflow: hidden !important;
  height: auto !important;
}

/* Remove IE arrow */
select::-ms-expand {
  display: none;
}

/* Custom Select wrapper */
.select {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  height: 3em !important;
  border-radius: .25em !important;
  /* overflow: hidden !important;
  */
}

/* Arrow */
.select::after {
  direction: none !important;
  /* display: inline-block;*/
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

/*
  .select:hover::after {
      color: #f39c12 !important;
  }

  select option:checked {
    background: #ff9500 -webkit-linear-gradient(bottom, #ff9500 0%, #ff9500 100%) !important;
}*/
select option {
  font-family: DMSans-Medium;
  font-size: 13px;
  background-color: #fff !important;
  color: #212529 !important
}

select option:hover,
select option:checked {
  background-color: #fff !important;
  background: #fff !important;
  font-family: DMSans-Medium;
  font-size: 13px !important;
  box-shadow: 0 0 10 px 100 px #1882A8 inset !important;
}

option:hover {
  background-color: #fff !important;
}

/* End select */
.error.ng-star-inserted {
  text-align: center;
  margin: 10px;
  width: 100%;
  font-size: 13px;
  font-family: 'DMSans-Medium';
  ;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: transparent !important;
  text-decoration: none !important;
}

.nav-tabs .nav-link.active:after {
  box-shadow: none !important;
}

.form-list {
  font-family: 'DMSans-Regular';
  padding-top: 12px !important;
  box-shadow: transparent !important
}

.content-legend {
  width: 100px;
}

.content-legend label,
.content-legend span {
  float: left;
  display: inline-block;
}

.nav-tabs .nav-link:hover {
  text-shadow: none !important
}

.numberOfPermissions,
.ListPermissionsTitle {
  font-family: 'DMSans-Medium';
  font-size: 14px;
}


.ui-fluid,
p-autocomplete,
.p-autocomplete {
  width: calc(100% + 7px);
}

.p-autocomplete-items {
  background: #fff !important;
  font-family: 'DMSans-Regular' !important;
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  color: #212529 !important;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.p-autocomplete-items {
  padding: 0px !important;
}

/*li.p-autocomplete-item:hover,
li.p-autocomplete-item>div:hover,li.p-autocomplete-item >a:hover,
li.p-autocomplete-item >span:hover {
background:#1e90ff !important;color:#fff !important;
}*/
.p-datepicker-title > .p-link {
  border: 1px solid #00000012 !important;
}
.p-monthpicker > .p-element.p-monthpicker-month {
  outline: none;
}
.ng-trigger.p-datepicker {
  min-width: unset !important;
}

.p-calendar .ng-trigger {
  border: 1px solid rgba(0, 0, 0, .15);
  top: 44px !important;
  left: 0px !important;
  border-radius: 0 !important;
  }

.p-datepicker-title select {
  padding: 0 !important;
}

.p-inputtext {
  cursor: pointer;
}

.bgtransparent {}

/*
 .p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:bottom;position:relative}
 .p-checkbox-disabled{cursor:default!important;pointer-events:none}
 .p-checkbox-box{display:flex;justify-content:center;align-items:center}
 p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}
 .p-checkbox-label{line-height:1}

 .p-checkbox{
   width: 11px !important;
   border: 1px solid #00000026 !important;
   height: 11px !important;}
 .p-checkbox .p-checkbox-box{
   width: 11px !important;
   border: 1px solid #00000026 !important;
   height: 11px !important;}
 .pi-check:before {
        content: "\e909";
        color: #fff!important;
        background: #3B66DB !important;
        font-size: 11px !important;
        line-height: 11px !important;
        overflow: hidden !important;
        width: 11px !important;
        height: 11px !important;}
*/
/* aaaaaaa */
/* The container */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}


/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;

  border: 2px solid #3B66DB;
  background: #ffffff;

}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -6px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #b1acac;
  background: #ffffff;
}

.container-checkbox:hover {
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input~.checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked~.checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 3px;
  top: 4px;
  width: 12px;
  height: 9px;
  background: url(/assets/images/CheckGray.svg) no-repeat;

}

/* aaaaaaa */
/* .pi-check:before { color:#3B66DB} */
p-checkbox {
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
}

.p-checkbox {
  width: 22px;
  height: 22px;
}

.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.p-checkbox .p-checkbox-box {
  border: 2px solid #b1acac;
  background: #ffffff;
  width: 22px;
  height: 22px;
  color: #3B66DB;
  /* border-radius:3px; */
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-checkbox-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 14px;
}


.p-checkbox-icon.pi-check:before {
  color: #b1acac;
}

.p-checkbox .p-checkbox-box.p-highlight {
  border: 2px solid #b1acac;
  background: #fff;
}

.p-checkbox .p-checkbox-box {
  border: 2px solid #b1acac;
  background: #ffffff;
  width: 20px;
  height: 20px;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}


.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.p-accordion-header {
  font-size: 14px;
  font-family: 'DMSans-Medium';
  margin: 0 !important;
}

.p-accordion-header-text {
  color: #3B66DB !important;
  font-size: 12px;
  font-family: 'DMSans-Regular';
  font-weight: normal;
  padding-left: 7px;
}

.p-accordion-content .p-datatable-wrapper {
  margin: 0 12px !important;
  margin-top: 0px !important;
}

/*.p-fileupload{ width:108px;height:44px; background-color:#3B66DB ; color:#fff !important  ; }*/
.p-accordion p-accordiontab .p-accordion-content,
.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}

.p-accordion .p-accordion-content {
  padding: 1rem;
  border: 1px solid #dee2e6 !important;
  background: #fff !important;
  color: #495057 !important;
  margin: 0 12px !important;
}

/* */


.p-calendar {
  width: 100%;
}

.p-datepicker-month {
  width: 90px;
  float: left;
  text-align: center;
}

.p-datepicker-year {
  width: 90px;
  float: left;
  text-align: center;
}


/* start  calendar */
.pi-calendar:before {
  content: '' !important;
}

p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext {
  border-color: #f44336;
}

.p-datepicker {
  padding: 0 !important;
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 0 !important;
}

.p-datepicker:not(.p-datepicker-inline) {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #ffffff;
}

.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
  border-color: #2196F3;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}

.p-datepicker table {
  font-size: 1rem;
  margin: 0;
}

.p-calendar .p-datepicker {
  min-width: 300px !important;
}

.p-datepicker table th {
  padding: 5px 0 0 0 !important;
  text-align: center !important;
}

.p-datepicker table th>span {
  width: 20px !important;
  height: 30px !important;
}

.p-datepicker table td {
  padding: 5px 0 !important;
  vertical-align: middle;
}

.p-datepicker table td>span {
  width: 21px;
  height: 21px;
  text-align: center;
  margin: 0 auto !important;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  font-size: 11px;
  font-family: 'DMSans-Medium';
  border: 1px solid transparent;
}

.p-datepicker table td>span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}

.p-datepicker table td>span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker table td.p-datepicker-today>span {
  background: #ced4da;
  color: #495057;
  border-color: transparent;
}

.p-datepicker table td.p-datepicker-today>span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}

.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
  display:flex !important;
  justify-content: space-around !important;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
  padding:10px;
  font-weight: bold;
  color:#1B57FA;
}

.p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover {
  border-color: transparent;
  background: #EDEDED;
  border-radius: 10px;
}

.p-datepicker .p-timepicker {
  border-top: 1px solid #dee2e6;
  padding: 0.5rem;
}

.p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: #6c757d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}

.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}

.p-datepicker .p-timepicker span {
  font-size: 1.25rem;
}

.p-datepicker .p-timepicker>div {
  padding: 0 0.5rem;
}

.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}

.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #495057;
  background: #E3F2FD;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #dee2e6;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.remarkpopupview {
  height: 35px ​ !important;
  font-size: 13px !important;
  min-width: 70px !important;
}

.basic-addon0 {
  width: calc(100% - 106px) !important
}

.p-autocomplete-item li,
.p-autocomplete-item span {
  font-family: DMSans-Medium !important;
  font-size: 13px !important;
}

.p-autocomplete-item li {
  color: #000 !important;
}

.pautocompleteitem {
  margin: 0px !important;
}

.form-group label {
  color: #3B66DB !important;
  font-size: 12px !important;
  font-family: DMSans-Medium !important;
}

.form-control.disable {
  background: #EDEDED !important;
}

.p-autocomplete .ng-trigger {
  left: -11px !important;
}

.add-title-legend {
  color: #444;
  font-weight: 700;
  font-size: 20px;
  padding: 8px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.middle-part-legend {
  border: 1px solid #ccc;
  width: 100%;
}

.add-title-legend label {
  padding: 0 12px !important;
  margin: 0 !important;
}

.box-body-legend {
  padding: 8px 20px !important;
}

.workflow-new .searchHeaderPadding {
  height: 15px !important;
}

.workflow-new {
  float: left;
  /*border:1px solid #ccc !important;*/
  width: 100%;
}


.workflow-new .add-title {
  font-family: 'DMSans-Medium' !important;
  color: #000 !important;
  /*padding:8px  12px !important ;
  margin:0 !important;border-bottom: 1px solid #ccc;
  background: #f8f9fa;
  font-weight: 600;*/
}

.middle-part .workflow-new .add-title label {
  border-bottom: 0 !important;
}

.workflow-new .add-title label {
  border-bottom: 0 !important;
  padding-bottom: 7px !important;
  color: #000 !important;
}

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

.p-accordion .p-accordion-header .p-accordion-header-link {
  /*padding: 1rem;
  border: 1px solid #dee2e6; border-radius: 3px;
  transition: box-shadow .2s;*/
  color: #495057 !important;
  background: #f8f9fa !important;
  font-weight: 600;
  border: 1px solid #dee2e6 !important;
  margin: 0 12px !important;
  padding: 12px !important;
}

.p-accordion-tab .p-datatable-wrapper {
  border: 1px solid #ccc !important;
}

.p-accordion .p-accordion-content {
  /*padding: 1rem;
  border: 1px solid #dee2e6;*/
  background: #fff;
  color: #495057;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}





.p-calendar input {
  border: 1px solid #EDEDED !important;
  padding: 0 .6rem !important;
  line-height: 41px;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
}

.p-calendar input.is-invalid {
  border: 1px solid #dc3545 !important;
  padding: 0 .6rem !important;
  line-height: 41px;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
}



select.is-invalid,
input.is-invalid {
  border: 1px solid #dc3545 !important;
  padding: 0 .6rem !important;
  line-height: 41px;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
}


.p-datepicker-group-container {
  padding-bottom: 10px !important;
}

.p-calendar .p-inputtext {
  background-color: transparent !important;
  background: url(../images/Icon-awesome-calendar-alt.png)no-repeat !important;
  background-position: top 12px right 20px !important;
}


.toast-container {
  /* This will not affect the toast position in 3d, but will emilinate any ghost renders that are left from chrome browser
  to fix the render issue of the toast. The issue was only in chrome browser */
  transform: translate3d(0, 0, 0);
}

.toast-container .ngx-toastr {
  opacity: 1;
  font-family: 'DMSans-Regular';
  font-size: 14px;
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 0px 15px 45px !important;
  width: 390px !important;
  border-radius: 0 !important;
  /*background-position:18px center !important;*/
  background-position-y: 19px !important;
  background-position-x: 20px !important;
  background-repeat: no-repeat;
  background-size: 14px !important;
  box-shadow: none !important;
}

.toast-top-right {
  top: 9px !important;
  right: 9px !important;
}

.toast-title {
  display: none !important;
  margin-top: -6px;
}

.toast-title,
.toast-message {
  font-weight: normal !important;
  font-size: 14px !important;
  font-family: 'DMSans-Regular' !important;
}

.toast-success .toast-message,
.toast-success .toast-title {
  color: #3BDB6C !important;
}

.toast-info .toast-message,
.toast-info .toast-title,
.toast-warning .toast-message,
.toast-warning .toast-title {
  color: #FFB100 !important;
}

.toast-error .toast-message,
.toast-error .toast-title {
  color: #DB3B3B !important;
}

.toast-success {
  font-family: 'DMSans-Regular';
  background-color: #f0fdf7 !important;
  background-image: url("/assets/images/group-2074.png") !important;
}

.toast-info,
.toast-warning {
  background-color: #fff6e3 !important;
  background-image: url("/assets/images/Icon_material_error-outline.png") !important;
}

.toast-error {
  background-color: #fff3f3 !important;
  background-image: url("/assets/images/Iconmaterial-error-outline.png") !important;
}


.toast-message {
  background-repeat: no-repeat !important;
  background-position-y: 5px !important;
  background-position-x: 315px !important;
  margin-top: -1px !important;
  padding: 0 46px 0 0 !important;
}

.toast-success .toast-message {
  background-image: url("/assets/images/Iconionic-md-close-succses.png") !important;
}

.toast-info .toast-message,
.toast-warning .toast-message {
  background-image: url("/assets/images/Iconionic-md-close.png") !important;
}

.toast-error .toast-message {
  background-image: url("/assets/images/Iconionic-md-close-error.png") !important;
}

/*
alert error
.toast-warning {
background-color: #F89406 !important;
}

form-group
.p-inputtext{    width:100%; border:1px solid #EDEDED !important  }
.p-autocomplete input{ margin-top:4px; ; font-size:14px !important ;}
.p-calendar .p-inputtext{
   border: 1px solid #EDEDED !important;
   padding: 10px 0.6rem !important;
   background-color: transparent !important;
   font-family: 'DMSans-Regular';
   font-size: 14px !important;
   background: url(../images/Icon-awesome-calendar-alt.png)no-repeat;
   background-position: top 12px right 20px!important;
   width: 100% !important;
 }*/
.savecancel {
  padding: 0 20px !important;
}

.login100-form-btn-save {
  font-family: DMSans-Regular;
  font-size: 14px;
  float: left;
  color: #fff !important;
  background: #3B66DB !important;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px !important;
  min-width: 85px !important;
  height: 30px !important;
  margin-top: -9px;
  margin-left: 10px;
  cursor: pointer;
}

.savecancel {
  padding: 20px !important;
  /* margin: 20px 0; */
  border-bottom: 1px solid #e0e0e0;
}

.login100-form-btn-cancel {
  font-family: DMSans-Regular;
  font-size: 14px;
  float: left;
  color: #fff !important;
  background: #DE4747 !important;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px !important;
  min-width: 85px !important;
  height: 30px !important;
  margin-top: -9px;
  cursor: pointer;
  margin-left: 10px;
}

.middle-part .add-title label {
  border-bottom: 1px solid #ccc !important;
  padding-bottom: 7px;
}

td.p-datatable-column {
  padding: 10px 10px !important;
  white-space: nowrap;
}
.p-datatable-thead th,
.p-datatable-thead td,
.p-datatable-tbody th,
.p-datatable-tbody td {
  padding: 10px 10px !important;
  white-space: nowrap;
}

.appraisal-emp-detals .p-datatable-tbody td,
.myappraissal-content .p-datatable-tbody td,
.appraisal-emp-detals .p-datatable-tfoot td,
.myappraissal-content .p-datatable-tfoot td {
  padding: 10px 20px !important;
}

.appraisal-emp-detals .p-datatable-thead tr:first-child th:nth-of-type(2),
.myappraissal-content .p-datatable-thead tr:first-child th:nth-of-type(2) {
  border-right: 1px solid #EDEDED;
}

.appraisal-emp-detals .p-datatable-tbody td:nth-of-type(7),
.myappraissal-content .p-datatable-tbody td:nth-of-type(7),
.appraisal-emp-detals .p-datatable-tfoot td:nth-of-type(4),
.myappraissal-content .p-datatable-tfoot td:nth-of-type(4) {
  border-left: 1px solid #EDEDED;
}

.remaknewdesgin {
  text-align: center;
}

.appraisal-emp-detals .p-datatable-thead tr:nth-child(2) th:nth-of-type(7),
.myappraissal-content .p-datatable-thead tr:nth-child(2) th:nth-of-type(7) {
  border-left: 1px solid #EDEDED;
}






#home>div:nth-of-type(1),
#profile>div:nth-of-type(1),
#contact>div:nth-of-type(1) {
  padding-top: 12px !important;
}

.workflowline-legend {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
  margin-bottom: 0;
  list-style: none;
  position: relative;
  text-align: left !important;
  /*border-bottom: 1px solid #00000012 !important;*/

}

.workflowline-legend .content-legend {
  display: inline-block;
  font-size: 14px;
  font-family: 'DMSans-Medium';
  text-transform: capitalize;
  color: #000;
  width: auto !important;
  text-align: center !important;
  margin-right: 20px !important;
  width: 100px !important;
}

.workflowline-legend .content-legend {
  display: flex;
  width: 100%;
}

.workflowline-legend .content-legend-group{
  display: flex;
  align-items: center;
}

.workflowline-legend .content-legend .status{
  width: 15px;
  height: 15px;
}

.workflowline-legend .content-legend.content-legend-1 {
  border-bottom: 2px solid #008002 !important;
}

.workflowline-legend .content-legend.content-legend-2 {
  border-bottom: 2px solid #FF0001 !important;
}

.workflowline-legend .content-legend.content-legend-3 {
  border-bottom: 2px solid #AED8E7 !important;
}

.workflowline-legend .content-legend.content-legend-4 {
  border-bottom: 2px solid #808080 !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
  background: #EDEDED !important;
}

.form-box input.ng-invalid,
.form-box select.ng-invalid,
.form-box textarea.ng-invalid {
  border: 1px solid #ff0000 !important;
}

label.required:before {
  content: '*';
  color: #3B66DB !important
}



.p-menu ul {
  position: absolute;
  z-index: 1000;
  min-width: 10rem;
  padding: 0.5rem 0 !important;
  margin: 0;
  font-size: .9rem;
  color: #727e8c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  max-height: 400px; 
  overflow-y: auto;
}

p-splitbutton .p-menuitem-link {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

p-splitbutton .p-menuitem-link:hover {
  background: #e9ecef;
}

.all-attach-comp .pi-plus:before {
  display: none !important;
}

.all-attach-comp .p-button-icon-left {
  margin: 3px 5px 0 14px !important;
  padding: 0 !important;
}

.pi-plus {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.536%22%20height%3D%2213.072%22%20viewBox%3D%220%200%206.536%2013.072%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_material-attach-file%22%20data-name%3D%22Icon%20material-attach-file%22%20d%3D%22M16.145%2C4.471V11.3a2.377%2C2.377%2C0%2C1%2C1-4.754%2C0V3.877a1.485%2C1.485%2C0%2C1%2C1%2C2.971%2C0v6.239a.594.594%2C0%2C1%2C1-1.188%2C0V4.471h-.891v5.645a1.485%2C1.485%2C0%2C1%2C0%2C2.971%2C0V3.877a2.377%2C2.377%2C0%2C1%2C0-4.754%2C0V11.3a3.268%2C3.268%2C0%2C1%2C0%2C6.536%2C0V4.471Z%22%20transform%3D%22translate(-10.5%20-1.5)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
  /* background: no-repeat !important; */
  background-repeat: no-repeat;
  width: 7px !important;
  height: 14px !important;
  margin-left: 12px;
}



.all-attach-comp .form-label {
  width: 100% !important;
  margin-bottom: 8px !important;
}

.pi-plus {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.536%22%20height%3D%2213.072%22%20viewBox%3D%220%200%206.536%2013.072%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_material-attach-file%22%20data-name%3D%22Icon%20material-attach-file%22%20d%3D%22M16.145%2C4.471V11.3a2.377%2C2.377%2C0%2C1%2C1-4.754%2C0V3.877a1.485%2C1.485%2C0%2C1%2C1%2C2.971%2C0v6.239a.594.594%2C0%2C1%2C1-1.188%2C0V4.471h-.891v5.645a1.485%2C1.485%2C0%2C1%2C0%2C2.971%2C0V3.877a2.377%2C2.377%2C0%2C1%2C0-4.754%2C0V11.3a3.268%2C3.268%2C0%2C1%2C0%2C6.536%2C0V4.471Z%22%20transform%3D%22translate(-10.5%20-1.5)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}


.attachIcon {
  float: left;
  margin-top: 2px;
  margin-left: 15px;
}


.attachLabel {
  float: left;
  margin-left: 4px;
  margin-bottom: 2px;
}


.pcancel-attach {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: 90px !important;
  height: 28px !important;
  color: #fff !important;
  line-height: 26px;
  float: left !important;
}

.pupload-attach {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: 90px !important;
  height: 28px !important;
  color: #fff !important;
  margin: 0 7px !important;
  line-height: 42px !important;
  float: left !important;
}

.img-upload {
  width: 10px !important;
  height: 12px !important;
  margin-top: 10px !important;
}

.list-delete {
  right: 11px !important;
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  top: 10px !important;
}

.list-title {
  margin: 4px 5px !important;
  cursor: pointer !important;
}

.list-upload-file {
  position: relative;
  display: flex;
  align-content: center;
  margin-top: 10px;
  border: 1px solid #EDEDED;
  min-width: 180px;
  padding: 0 10px;
}


.node-content-wrapper,
.tree-children {
  position: relative;
}

.node-content-wrapper::before,
.tree-children::after {
  content: "";
  position: absolute;
}

.node-content-wrapper::before {
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  height: 28px;
  top: -17px;
  width: 20px;
  left: -28px;
}

.tree-node-level-1>tree-node-wrapper>.node-wrapper>.node-content-wrapper::before {
  display: none;
}

.tree-node-leaf>.node-wrapper>.node-content-wrapper::before {
  width: 25px;
}

.tree-children::after {
  border-left: 1px solid lightgrey;
  height: 100%;
  top: -15px;
  left: -15px;
}

tree-node:last-child>.tree-node>.tree-children::after {
  border-left: none;
}

.toggle-children {
  z-index: 1;
}


/*   tree mutiple picker  */
.p-component,
.p-component * {
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
}

span.tree-clear:hover {
  text-decoration: none !important;
}

.one-attach-title-inhref-filename {
  border: none;
  background: transparent;
  border: 1px solid #EDEDED !important;
  padding: 5px 0.6rem !important;
  height: 33px;
  background-color: transparent !important;
  width: 100px;
  overflow: hidden;
  cursor: pointer;
  color: #3B66DB;
}

.tr2_afterupload2 {
  margin-top: 5px !important;
}

.tr2_afterupload3 {
  margin: 0 !important;
}

.a-angle-down {
  background: url(/assets/images/Icon-down.png) no-repeat !important;
  background-position: top 17px right 20px !important;
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

.p-tree-selectable {
  margin-top: 10px;
}




.p-treenode {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.p-multiselect-filter-container > searchicon {
  display: none;
}

p-tree searchicon.p-icon-wrapper {
  display: inline;
}

.tree-clear {
  position: absolute;
  top: -30px;
  right: 20px;
  background: #fff !important;
}

.proconTreePicker-tree {
  width: 100% !important;
  background: #fff !important;
}

.proconTreePicker p-button>button {
  border: 1px solid #ededed !important;
  background: #fff !important;
  color: #fff !important;
  width: 100% !important;
  max-height: 42px;
  margin-top: 0px !important;
}

.proconTreePicker p-button>button>span:first-of-type {
  padding-right: 5px;
  color: #5f5d5d;
  float: right;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -.5em;
  height: 1em
}

.proconTreePicker p-button > button > span:last-of-type {
  padding: 0 !important
}

.proconTreePicker .p-button-label,
.proconTreePicker .p-button-text {
  color: #555
}

.icon-margin {
  margin-top: 5px
}

.appraisal .p-button.p-button-icon-only,
.appraisal .proconTreePicker-tree {
  width: 300px
}

treepicker .p-element.p-button.p-component.ui-button-info {
  text-align: left;
}

.data-plus {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  float: left;
}

/* plus attachfile */
.pfileatt-attach-plus {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: auto !important;
  height: 34px !important;
  color: #fff !important;
  line-height: 22px !important;
  float: left !important;
  margin-left: 10px !important;
  padding: 0 7px !important;
}

.pupload-attach-plus {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: 90px !important;
  color: #fff !important;
  margin: 0 7px !important;
  height: 34px !important;
  line-height: 22px !important;
  float: left !important;
}

/* end plus */


.pfileatt-attach {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: 90px !important;
  height: 28px !important;
  color: #fff !important;
  /* line-height: 22px !important; */
  float: left !important;
}




.pfileatt-attach-exportexcel {
  width: 135px !important;
  height: 34px !important;
  /* line-height: 1px; */
  text-align: left;
  display: inline-block;
}

.pi-plus {
  padding-right: 5px !important;
}

.pi-plus:before {
  display: none !important;
}

.pfileatt-attach-exportexcel .pi-plus {
  margin-top: 4px !important;
  float: left;
}

.faplusexcel {
  width: 33px;
  height: 33px;
  background: #3B66DB;
  border-radius: 50%;
  margin-left: 7px !important;
}

.faplusexcel {
  color: #fff !important;
}

.faplusexcel tr th,
.faplusexcel tr td {
  height: 40px !important;
}

.card-title-left {
  margin-bottom: 10px;
  font-size: 16px !important;
  font-family: 'DMSans-Medium' !important;
}

.height_constant {}




/*.first{width:50px !important; }*/
.class-id {
  width: 50px !important;
}

.class-hours {
  width: 140px !important;
}

.class-leave {
  width: 140px !important;
}

.class-date {
  width: 140px !important;
}

.class-point {
  width: 140px !important;
}

.class-counter {
  width: 140px !important;
}

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

.p-datatable table {
  table-layout: auto !important;
}

.p-datatable-wrapper {
  overflow-y: hidden !important;
  overflow-x: auto !important;
}

th:last-child:not(.fc-col-header-cell) {
  width: 127px !important;
}
.dx-widget th:last-child {
  width: unset !important;
}

th.fc-widget-header,
.p-datepicker-calendar th:last-child {
  width: auto !important;
}

/* drop down vertical */
.dropdownvertical {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

tr:last-child td .dropdownvertical-content {
  top: -32px !important;
}

tr:last-child td .dropdownvertical-content:after {
  top: 26px ​ !important;
}

.dropdownvertical-content {
  border-radius: 3px !important;
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 90px;
  min-height: 40px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  z-index: 1;

  min-height: 40px;
  left: 20px;
  top: -27px;
}

.dropdownvertical:hover .dropdownvertical-content {
  display: block;
}

.dropdown-menu.show {
  transform: unset !important;
}



.dropdownvertical-content:after {
  top: 15px !important;
  content: '';
  position: absolute;
  display: block;
  left: -6px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 16px;
  background: #fff;
  background: #fff;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

.dropdown-menu {
  border-radius: 0 !important;
  min-height: 40px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.dropdown-menu.show {
  width: calc(100% - 1px);
  left: 0px !important;
}

.dropdown-menu-end-right:after {
  top: -20px !important;
  content: '';
  display: block;
  position: absolute;
  right: 39px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FFFFFF;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.dropdown-menu.show.dropdown-menu-end-right {
  right: -36px !important;
  left: auto !important;
  width: 295px;
  border-radius: 3px !important;
  top: 50px !important;
  /* padding-top:15px  */
}

.dropdown-menu-end-right .dropdown-item {
  width: 258px;
  /* border-bottom:1px solid #F2F2F2; */
  padding: 0 !important;
  padding-bottom: 14px !important;
  margin: 0 0px 0px 20px !important;
}

.dropdownvertical {
  margin-top: -5px !important;
  float: left;
}

tr td .dropdownvertical .dropdown-menu {
  min-width: 90px;
  padding: 0 0px 0 5px !important;
  border: none !important;
  border-radius: 5px !important;
}

.dropdownvertical .dropdown-menu h6 {
  font-size: 13px;
  font-family: 'DMSans-Medium';
}

.dropdownvertical .dropdown-menu h6 i {
  padding-left: 6px !important;
}

.dropdownvertical .dropdown-menu {
  width: 17px !important;
  border: 1px solid #fff !important;
}

tr td .dropdownvertical .dropdown-menu.show {
  left: 24px !important;
  top: -13px !important
}

tr td .dropdownvertical .dropdown-menu:after {
  top: 15px !important;
  content: '';
  position: absolute;
  display: block;
  left: -6px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 16px;
  background: #fff;
  background: #fff;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

tr:last-child .dropdownvertical .dropdown-menu.show {
  margin: -20px 0 0 0px !important;
}

tr:last-child .dropdownvertical .dropdown-menu.show:after {
  top: 22px !important;
}

.dropdownvertical {
  padding-top: 0px !important;
  cursor: pointer;
  padding-bottom: 3px !important;
  margin-bottom: 0 !important;
}

/* ddd */

.TrainingEmployeeInfo .p-autocomplete .p-autocomplete-panel {
  left: 0 !important
}

.TrainingEmployeeInfo .p-autocomplete-dd .p-autocomplete-dropdown {
  margin-left: -27px !important;
  margin-top: -4px !important;
}

.TrainingEmployeeInfo {
  border-right: 0 !important;
}

.TrainingEmployeeInfo.form-box input.p-autocomplete-input {
  padding: 3px 0.6rem !important;
  line-height: 30px !important;
}

.TrainingEmployeeInfo.form-box input.p-autocomplete-input {
  margin-top: -8px;
}

.px-py-block {
  width: 100%;
  text-align: center !important;
  /* newblock padding:25px 10px !important;*/
  padding: 25px 0px !important;
  height: 200px;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow-y: hidden !important;
}


.sidebar-wrapper .menu .submenu li a.leftmenu-active {
  margin-left: 0.3rem !important;
  color: #1A57FD !important;
}

.sidebar-wrapper .menu .submenu li.leftmenu-active a {
  color: #1A57FD !important;
  padding-left: 0.3rem !important;
}


.sidebar-wrapper .menu .leftmenu-active.sidebar-link span {
  color: #0a58ca !important;
  padding-left: 0.3rem !important;
}






/* chart */
.p-tree-horizontal {
  overflow: auto;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.p-tree {
  border: 1px solid #dee2e6;
  background: #fff;
  color: #495057;
  padding: 1rem;
  border-radius: 3px;
}

.p-component {
  font-family: sans-serif !important;
  font-size: 1em !important;
}

.hr {
  height: 100%;
  background-color: #eeeeee;
  font-family: "MagnumSans" !important;
  overflow-x: hidden;
  font-size: 13px;
  background-image: linear-gradient(#314f6a, #83bdf2);
}

.p-tree.p-tree-horizontal table {
  height: 0;
}

.p-tree.p-tree-horizontal table,
.p-tree.p-tree-horizontal td,
.p-tree.p-tree-horizontal tr {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.p-tree table.ng-star-inserted {
  border-bottom: 0;
  direction: ltr;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

.p-tree.p-tree-horizontal .p-treenode-connector-line {
  height: 50% !important;
}

.p-tree-horizontal .p-treenode-content {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  padding: 0.4em 1em 0.4em 0.2em;
}

.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background-color: #fff;
  color: #495057;
  padding: 0.5rem;
  transition: box-shadow .2s;
}

.p-tree table.ng-star-inserted {
  border-bottom: 0;
  direction: ltr;
}

.p-tree.p-tree-horizontal .p-treenode {
  width: 265px !important;
}

.p-tree.p-tree-horizontal .p-treenode {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAALGxsf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNC4xLWMwMzQgNDYuMjcyOTc2LCBTYXQgSmFuIDI3IDIwMDcgMjI6Mzc6MzcgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhhcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx4YXA6Q3JlYXRvclRvb2w+QWRvYmUgRmlyZXdvcmtzIENTMzwveGFwOkNyZWF0b3JUb29sPgogICAgICAgICA8eGFwOkNyZWF0ZURhdGU+MjAxMC0wMy0xMVQxMDoxNjo0MVo8L3hhcDpDcmVhdGVEYXRlPgogICAgICAgICA8eGFwOk1vZGlmeURhdGU+MjAxMC0wMy0xMVQxMjo0NDoxOVo8L3hhcDpNb2RpZnlEYXRlPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9naWY8L2RjOmZvcm1hdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PAA6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQABwD/ACwAAAAAAQABAAACAkQBADs=) repeat-x scroll 50% rgba(0, 0, 0, 0);
  padding: 0.25rem 2.5rem;
}

.p-tree.p-tree-horizontal .p-treenode-connector-line {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAALGxsf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNC4xLWMwMzQgNDYuMjcyOTc2LCBTYXQgSmFuIDI3IDIwMDcgMjI6Mzc6MzcgICAgICAgICI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnhhcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx4YXA6Q3JlYXRvclRvb2w+QWRvYmUgRmlyZXdvcmtzIENTMzwveGFwOkNyZWF0b3JUb29sPgogICAgICAgICA8eGFwOkNyZWF0ZURhdGU+MjAxMC0wMy0xMVQxMDoxNjo0MVo8L3hhcDpDcmVhdGVEYXRlPgogICAgICAgICA8eGFwOk1vZGlmeURhdGU+MjAxMC0wMy0xMVQxMjo0NDoxOVo8L3hhcDpNb2RpZnlEYXRlPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9naWY8L2RjOmZvcm1hdD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PAA6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQABwD/ACwAAAAAAQABAAACAkQBADs=) repeat-y scroll 0 0 rgba(0, 0, 0, 0);
  width: 1px;
}

table.p-treenode-connector-table {
  border-bottom: 0px;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

.p-tree.p-tree-horizontal table,
.p-tree.p-tree-horizontal td,
.p-tree.p-tree-horizontal tr {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}



p-treenode table td {
  display: table-cell !important;
  vertical-align: middle !important;
  /*height:100% !important;*/
}

.p-tree.p-tree-horizontal .p-treenode-connector {
  width: 1px;
}

.p-tree.p-tree-horizontal .p-treenode-connector-table {
  height: 100%;
  width: 1px;
}

p-treenode,
p-treenode table,
p-treenode tr,
p-treenode td,
p-treenode div,
p-treenode span {
  white-space: normal !important
}

.appraisal-emp-detals .p-datatable-thead tr th,
.myappraissal-content .p-datatable-thead tr th {
  padding: 10px 20px !important;
  color: #000 !important
}



.removeAttach {
  width: 28px;
  height: 28px;
  background-color: #DE4747;
  color: white;
}

.ui-button-success {
  width: 28px;
  height: 28px;
  background-color: #3B66DB !important;
  color: white !important;
}

.checkIcon .pi-check:before {
  color: white !important;
  ;

}


.ui-button-danger {

  width: 28px;
  height: 28px;
  background-color: #DE4747 !important;
  color: white !important;
}

.ui-cell-data {
  /* background-image: url(/assets/images/icon-plus.svg) !important; */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%0A%20%20%3Cg%20id%3D%22Group_2451%22%20data-name%3D%22Group%202451%22%20transform%3D%22translate(0.188)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22Ellipse_515%22%20data-name%3D%22Ellipse%20515%22%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%2216.5%22%20transform%3D%22translate(-0.188)%22%20fill%3D%22%233b66db%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22Icon_feather-plus%22%20data-name%3D%22Icon%20feather-plus%22%20transform%3D%22translate(25.051%207.755)%20rotate(90)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Path_4766%22%20data-name%3D%22Path%204766%22%20d%3D%22M0%2C0V12.685%22%20transform%3D%22translate(8.745%202.396)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%226%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Path_4767%22%20data-name%3D%22Path%204767%22%20d%3D%22M0%2C0H12.568%22%20transform%3D%22translate(2.46%208.739)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%226%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat !important;
  padding: 8px 17px !important;
  cursor: pointer;
}

.ui-cell-data .fa-plus:before {
  display: none;
}

.p-buttonset .p-button:last-of-type,
.p-buttonset .p-button:first-of-type {
  margin-top: -1px !important;
  height: 43px !important;
  /* border-bottom-right-radius: 25px !important;  
    border-top-right-radius: 25px !important;  
    border-bottom-left-radius: 25px !important;  
    border-top-left-radius: 25px !important;   */
}

.p-button {
  margin-top: -2px !important;
}

.p-buttonset .p-button {
  padding: 0 !important;
}

.p-selectbutton {
  width: 103px !important;
  border: 1px solid #EDEDED !important;
  border-radius: 2px !important;
}

p-selectbutton .p-button-label {
  width: 100% !important;
  color: #000 !important;
  height: 26px !important;
  line-height: 26px !important;
}

p-selectbutton .p-highlight {
  background: #3B66DB !important;
  color: #fff !important;
  border-radius: 2px !important;
  /* border-radius:25px ; */
}

p-selectbutton .p-highlight .p-button-label {
  color: #fff !important;
}

/*.pi-chevron-down{
    background:url(/assets/images/Icon-down.png) no-repeat !important;
    width: 8px;
    height: 5px;
  }
 */
/*
.pi-chevron-down:before{
       content:' ' !important;
  }
*/


p-dropdown.fixheight {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #000;
  /*
    width: calc( 100% + 40.5px ) !important;
    margin-left: -20.5px;*/
  background: #fff;
  height: 42px !important;
}

.form-box .p-dropdown-filter-container input {
  line-height: 32px !important;
  padding: 0px 0.6rem 0px 0.6rem !important;
  background: #fff !important;
}

.p-dropdown-items {
  background: #fff !important;
}

.p-dropdown-label {
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  color: #000 !important;
}

.p-dropdown-label span {
  color: #000 !important;
}

/*.p-dropdown-clear-icon.pi-times:before{
              margin-left:10px !important;
  }*/
  .p-dropdown-clear-icon{right: 35px !important; }
  .fixheight .p-dropdown {
    width: calc( 100% + 40.5px ) !important;
    left: -20.5px;
    top: 0px; 
                }

        /*        app-single-employee .form-box .form-label{ margin-left:-20px !important ;}*/
 
  /* .fc-event .fc-content {
          background-color: #3B66DB;
        } */

        .notification-top-nav:hover > .body-notification .body-notification2{
            color:#1A57FD !important
         }
         

        .p-inputswitch{width:3rem;height:1.75rem;
          display: inline-block;
          position: relative;
          border-radius: 0;
          background-color: transparent;
          vertical-align: middle;
          margin-bottom: 0;
          margin-top: -1px;
          outline: none;
          margin-top:7px !important ;
        }
        .p-inputswitch .p-inputswitch-slider{   outline: none;border: 2px solid rgba(0, 0, 0, 0.2);
          border-radius:30px}
        .p-inputswitch .p-inputswitch-slider:before{background:#3B66DB;
          width:1.25rem;height:1.25rem;left:.25rem;margin-top:-.625rem;
          border-radius:50%;transition-duration:.2s
        }
        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{transform:translateX(1.25rem)}
        .p-inputswitch.p-focus .p-inputswitch-slider{   outline: none;box-shadow:none}
        /*.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider{background:#b6bfc8}*/
        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:#3B66DB}
        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before{background:#fff}
        /*.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#0d89ec}
.p-dropdown-clear-icon {
  right: 35px !important;
}

.fixheight .p-dropdown {
  width: calc(100% + 40.5px) !important;
  left: -20.5px;
  top: 0px;
}

/*        app-single-employee .form-box .form-label{ margin-left:-20px !important ;}*/

.fc-event.fc-daygrid-event.event-blue {
  background-color: #3B66DB;
  color: #fff;
  font-weight: 700;
}
.fc-event.fc-daygrid-event.event-gray {
  background-color: #cacaca;
  border-color: #cacaca;
  color: #818181;
}
.fc-event.fc-daygrid-event.event-gray > div {
  font-weight: normal !important;
}

.fc-daygrid-event-dot {
  display: none;
}

.notification-top-nav:hover>.body-notification .body-notification2 {
  color: #1A57FD !important
}


.p-inputswitch {
  width: 3rem;
  height: 1.75rem;
  display: inline-block;
  position: relative;
  border-radius: 0;
  background-color: transparent;
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: -1px;
  outline: none;
  margin-top: 7px !important;
}

.p-inputswitch .p-inputswitch-slider {
  outline: none;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px
}

.p-inputswitch .p-inputswitch-slider:before {
  background: #3B66DB;
  width: 1.25rem;
  height: 1.25rem;
  left: .25rem;
  margin-top: -.625rem;
  border-radius: 50%;
  transition-duration: .2s
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(1.25rem)
}

.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: none;
  box-shadow: none
}

/*.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider{background:#b6bfc8}*/
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #3B66DB
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #fff
}

/*.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:#0d89ec}
        .p-inputswitch.p-error,.p-inputswitch.p-invalid,p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch{border-color:#f44336}*/

.notificationpage .ng-star-inserted {
  border-bottom: 1px solid #ccc;
  padding: 12px 20px 12px 0;
  position: relative;
}

.nottitle a {
  color: #000 !important;
  font-family: DMSans-Medium !important;
}

.notificationpage .notdatetime {
  color: #bcb9b9;
  font-family: DMSans-Medium !important;
}

.notificationpage .deletenotificationicon {
  position: absolute;
  right: 5px;
  top: 14px;
  color: #212529;
}

.dropdown-item {
  white-space: inherit !important;
}

.notification-top-nav {
  height: 43px;
  overflow: hidden;
}

.dropdownmenunotification {
  overflow-y: auto;
  height: 400px;
}

.notificationcount {
  position: absolute;
  top: -2px;
  left: 20px;
  font-size: 8px;
  min-width: 15px;
  min-height: 15px;
  padding: 0px 3px;
  color: white;
  background: #DB3B3B;
  text-align: center;
  /* position: relative !important;
   vertical-align: top; padding-bottom: 30px;*/
  border-radius: 50% !important;
}

.inputHeight_border {
  width: 100px !important;
}

.inputHeight-expenserequest p-celleditor {
  width: 100px !important;
}

.inputHeight-expenserequest .p-datatable-thead th,
.inputHeight-expenserequest .p-datatable-thead td,
.inputHeight-expenserequest .p-datatable-tbody th,
.inputHeight-expenserequest .p-datatable-tbody td {
  white-space: normal;
}

.level3-attachfileview6 {
  width: 25px !important;
  float: left !important;
  margin-top: 2px;
  margin-left: 5px;
}

.level3-attachfileview5 {
  width: 100px !important;
  float: left !important;
  overflow: hidden;
  margin-right: 5px !important;
  height: 26px;
  margin-top: -15px;
  line-height: 18px;
}

.level3-attachfileview4 {
  margin-top: 0px !important;
  width: 130px !important;
}

.one-attach-file1 {
  width: 100px;
  overflow: hidden;
  float: left;
  text-align: left;
  margin-right: 10px;
}

.tr2_afterupload1 {
  padding: 0 !important;
  margin: 5px 0 0 0 !important;
}

.one-attach-file1-a {
  width: 100px !important;
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem !important;
  float: left;
  font-family: 'DMSans-Regular';
  font-size: 13px !important;
  background: transparent;
}

.tr2_afterupload0 {}

.tr2_afterupload0 a {
  padding-top: 0 !important;
}

.one-attach-title-inhref {
  padding-top: 0 !important;
}

.one-attach-title {
  width: 100px;
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  float: left;
  font-family: 'DMSans-Regular';
  font-size: 13px !important;
  background: transparent;
}

.one-attach-file2 {
  margin-top: 5px;
  ;
}


.p-datatable-tbody td a.one-attach-file1-a {
  padding-top: 0 !important;
  border: 0 !important;
  padding-bottom: 5px !important;
  margin-bottom: 0 !important;
}

.p-autocomplete .p-autocomplete-panel {
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  top: 30px !important;
}

.p-autocomplete-item:hover {
  background-color: #e8e9eb !important;

}

.p-autocomplete-item {
  margin: 0px !important;
  padding: 10px !important;
}

.one-attach-file {
  width: 136px !important;
}

.dropdownvertical-editdelete {
  width: 127px !important;
}

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

  .p-datepicker table th,
  .p-datepicker table td {
    padding: 0;
  }
}

/* aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa   */
.px-py-request {
  overflow-y: unset !important;
}

.imgrequest {
  height: 200px !important;
  overflow: auto !important;
}

.list-title {
  margin-top: 4px !important;
  padding: 0 10px !important;
}

/* .p-person  .p-node-toggler{ display: none;}  */
.p-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}

.list-upload-file .p-button-icon-only {
  margin-top: 1px !important;
  height: 12px !important;
}

/* start new chart */

.p-person .node-header {
  white-space: normal;
  line-height: 1;
  margin-top: 20px;
  color: #000;
  font-size: 23px !important;
  font-family: 'DMSans-Regular';
}

.p-person .node-content {
  white-space: normal;
  color: #1A57FD !important;
  font-size: 14px !important;
  font-family: 'DMSans-Regular';
}

.chart-img-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chart-img-avatar img {
  border-radius: 50%;
  ;
  width: 93px;
  height: 93px;
}

.p-organizationchart .p-organizationchart-line-down {
  background: #dee2e6;
}

.p-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
}

.p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #dee2e6;
  border-color: #dee2e6;
}

.p-organizationchart-table>tbody>tr>td {
  text-align: center;
  vertical-align: top;
  padding: 0 0.75rem;
}

.p-organizationchart-line-left,
.p-organizationchart-line-right {
  border-radius: 0;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

.p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #dee2e6;
  border-color: #dee2e6;
}

.p-organizationchart-table>tbody>tr>td {
  text-align: center;
  vertical-align: top;
  padding: 0 0.75rem;
}

.p-organizationchart-line-left,
.p-organizationchart-line-right {
  border-radius: 0;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

/* center */
.p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057 !important;
  width: 160px !important;
  height: 150px !important;
  padding: 16px !important;

}

.p-organizationchart-selectable-node {
  cursor: pointer;
}

.p-organizationchart-node-content {
  display: inline-block;
  position: relative;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

/* body table chart */
.px-py-pffff {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.mtop {
  padding-top: 45px !important;
}

.p-paginator-rpp-options .p-dropdown-trigger {
  padding-left: 10px !important;
}

.navbar-nav .dropdown-menu .dropdown-divider {
  margin: 0.1rem 0px;
}

.notClicked {
  background-color: honeydew;
}

.ntf-space-top {
  height: 15px
}

.ntf-space-bottom {
  height: 15px;
  border-bottom: 1px solid #F2F2F2
}

.messaging {
  height: 100% !important;
}

.cs-loader-inner {
  padding-top: 14px !important;
}

peoplepicker .ui-fluid p-autocomplete {
  height: auto !important;
}

/* start hrm */
#dashboard-container {
  padding-bottom: 70px !important;
  margin-top: 18px;
}

.marg-topstartsection {
  margin-top: 0px !important;
  padding: 0px !important;
}

.leavesearchbtn_hrm {
  background: #0000000D !important;
}

.block_hrm {
  background: #fff !important;
  margin-bottom: 25px !important;
  position: relative;
}

.block_img {
  box-shadow: 0px 3px 25px #0000000d !important;
  width: 81px;
  height: 81px;
  vertical-align: middle;
  display: table-cell !important;
  margin: 0 auto !important;
  border-radius: 5px !important;
}

.card-hrm {
  margin: 0 auto;
  display: inline-block
}

.abppraisal_hrm {
  margin-bottom: 25px !important;
}

.company-office {
  font-size: 22px !important;
  color: #000000;
  margin-top: 15px;
  text-transform: capitalize;
  font-family: 'Mukta-Regular';
  font-weight: normal !important;
}

.dropdownvertical-hrm {
  position: absolute !important;
  top: 8px !important;
  right: 2px !important;
}

.container .search {
  position: absolute;
  margin: auto;
  top: 0;
  right: 250px;
  bottom: 0;
  left: 0;
  width: 20px;
  transition: all 1s;
  z-index: 4;
}

.ColumnWidth-300 {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
}

.ColumnWidth-250 {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}


.ColumnWidth-200 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.ColumnWidth-150 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.ColumnWidth-130 {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
}

.ColumnWidth-120 {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.ColumnWidth-100 {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.ColumnWidth-180 {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

.elipseColumn {
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: normal !important;
  overflow: hidden;
}

.dropdown-menu-hrm.show {
  left: -160px !important;
}

.dropdown-menu-hrm.show {
  left: -87px !important;
  margin-top: 2px !important;
}

.dropdown-menu-hrm {
  min-width: 90px;
  padding: 0 0px 0 5px !important;
  border: none !important;
  border-radius: 5px !important;
}

.dropdown-menu-hrm:after {
  top: 7px !important;
  content: '';
  position: absolute;
  display: block;
  right: -6px;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 16px;
  background: #fff;
  background: #fff;
  -webkit-clip-path: polygon(0% 0, 100% 50%, 100% 50%, 0 100%);
  clip-path: polygon(0% 0, 100% 50%, 100% 50%, 0 100%);
}

.card-hrm .card-right img {
  width: 35px !important;
  height: 35px !important;
}

.hrm-hrm .add-title {
  font-family: 'DMSans-Regular' !important;
  font-size: 16px !important;
  color: #000 !important;
  padding: 0 0 22px 0 !important;
  margin: 0 !important;
  font-weight: 600;
}

.hrm-hrm .container-login100-form-btn {
  margin-bottom: 20px;
}

.p-fileupload-hrm ul.ng-star-inserted {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  margin-top: 30px !important;
}

.p-fileupload-hrm ul .ui-fileupload-row div {
  color: #000;
}

.hrm-img {
  width: 50px;
  float: left;
  margin-right: 12px;
}

.p-fileupload-hrm .pi {
  margin-top: 6px !important;
}

.hrm-details-img {
  float: left;
}

.hrm-close {
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 18px;
}

.p-fileupload-hrm .pfileatt-attach {
  background: #fff !important;
  width: 100% !important;
}

.p-fileupload-hrm .p-fileupload-buttonbar {
  font-family: 'DMSans-Medium' !important;
  font-size: 13px !important;
  background: #3B66DB !important;
  width: 100px !important;
  height: 28px !important;
  color: #fff !important;
  line-height: 22px !important;
  float: left !important;
  margin-top: 0px;
}

#choice_url input {
  width: 100% !important;
  padding-top: 10px !important;
}

.fixedColumn {
  width: 50px !important;
}

td.p-editable-column {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

td.p-editable-column .form-control {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-selectable-row td a:hover {
  color: #0a58ca !important
}

td.p-editable-column select.form-control {
  padding-top: 2px !important;
  padding-bottom: 5px !important;
  line-height: 1.5;
  height: 32px !important;
  margin-top: 5px;
}

.dropdown-menu-hrm-company {
  min-width: 151px !important;
}

.dropdown-menu-hrm-company.show {
  left: -146px !important;
}



.pullleftcompany {
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  float: left !important;
  width: 110px !important;
}

.pullleftcompanyright {
  float: left;
}

.oveflowhidden .p-datatable-wrapper {
  overflow-x: hidden !important;
  overflow: hidden !important;
}

.oveflowhidden {
  overflow-x: hidden !important;
  overflow: hidden !important;
}

.worksheetproject p-selectbutton .p-button-label {
  width: 70px !important;
}

.worksheetproject .p-selectbutton {
  width: 145px !important;
}

.responsivetabel2 th:last-child {
  width: 300px !important;
}

.plugin-table th:nth-child(2) {
  width: 200px !important;
}

.plugin-table th:last-child {
  width: 300px !important;
}

/* .plugin-table .vericalhh { margin-top: 8px !important;} */
.plugin-table tr td .dropdownvertical .dropdown-menu.show {
  top: -2px !important;
}

.ytem-last {
  border-right: 0 !important;
}

.intd {
  height: 100%;
  position: relative
}

.calc-operator {
  font-size: 18px !important;
  cursor: pointer;
  text-transform: capitalize;
  background: #fff !important;
  font-family: 'DMSans-Medium';
  text-align: center !important;
  width: 100%;
  margin-bottom: 10px !important;
  color: #3B66DB !important;
  border: 1px solid #EDEDED !important;
  height: 60px
}

input[readonly].calc-operator,
select[readonly].calc-operator,
textarea[readonly].calc-operator {
  background: #fff !important;
}

.calc-div-elements {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
  /* min-height:180px !important; */
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}

.positionbuttom {
  /* position:absolute; */
  bottom: 13px;
  margin-top: 20px;
  width: calc(100% - 15px) !important
}

.calc-div-elements {
  position: relative
}

.colbm {
  margin: 0 13px;
}

.btnEraseAll {
  cursor: pointer;
  padding: 0 !important;
}

.btnEraseAll-left {
  margin: 0 4px !important;
}

.btnEraseAll-right {
  margin: 0 8px !important;
}

.width-35p-marg-top {
  margin-top: 10px;
}

.width-35p {
  width: 35px;
  float: left
}

.width-35p-right {
  float: left;
  width: calc(100% - 40px) !important;
}


.singleIcon {
  margin-top: 8px;
}

.btnAddcalculator {
  outline: none !important;
  padding: .467rem 10px !important;
}

.checkmarklabel {
  top: 0 !important;
}

.search-sidbar-box {
  display: block;
  font-size: .85rem;
  display: flex;
  align-items: center;
  transition: all .5s;
  padding: 0.7rem 50px !important;
  position: relative;
}

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

.search-sidbar .search {
  margin: .7rem 50px !important
}

.search-sidbar-box .search-appraisal {
  margin-top: 3px !important;
  margin-left: 18px !important;
  overflow: hidden
}

.search-sidbar-box input {
  left: 50px !important;
  background: #F4F4F4 !important;
  border: 0 !important;
  padding: 10px 40px 10px 26px !important;
  width: 180px !important;
}

.search-sidbar-box input:focus {
  width: 180px !important;
}

.search-sidbar-box .search::after {
  background-image: url(../../assets/images/Group1386.png) !important;
  width: 15px !important;
  height: 17px !important;
}

.p-buttonset .p-button.p-component.p-ripple {
  float: left !important;
  padding-top: 1px !important;
  margin-left: -1px !important;
}

.p-selectbutton {
  height: 43px !important;
  /* width:100px !important; */
}

p-selectbutton .p-selectbutton.p-buttonset.p-component .p-button.p-component.p-ripple {
  margin-left: 0px !important;
  width: 50%;
}

.fa-file-export {
  /*background-image: url(../../assets/images/Iconawesome-file-export.png) !important;*/
  width: 11px !important;
  height: 10px !important;
  background-repeat: no-repeat !important;
  margin-top: -3px;
}

.forcontrol {
  padding: 7px .6rem !important;
}

.form-group-new .form-group.form-grp,
.form-group-new .form-box.form-grp,
.form-grp {
  margin-bottom: 9px !important;
}

.p-multiselect-item span {
  color: #000;
  font-size: 14px
}

.p-multiselect-filter-container .p-multiselect-filter {
  border: 1px solid #EDEDED !important;
  padding: 10px 0.6rem;
}

.p-dropdown-filter {
  border: 1px solid #EDEDED !important;
  padding: 10px 1.2rem !important;
}

.fixheight.dropdwonsingle .p-dropdown {
  width: calc(100% + 20.5px) !important;
  left: -10.5px !important;
}

.newblock1 {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057 !important;
  min-width: 150px !important;
  height: 150px !important;
  padding: 16px !important;
}


p-autocomplete[name='selectedEmp'] input {
  padding: 10px 0.6rem !important;
  border: 0 !important;
}

p-autocomplete[name='selectedEmp'] {
  width: 100% !important;
  border: 1px solid #EDEDED !important;
  padding: 0 !important;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  display: block;
  width: 100%;
  line-height: 1.5;
  color: #555252;
}

p-autocomplete[name='selectedEmp'] .p-autocomplete-dropdown {
  width: 10px !important;
  right: 24px !important;
  top: 11px !important;
  height: 14px !important;
  ;
}

p-autocomplete[name='selectedEmp'] .p-autocomplete-panel {
  min-width: calc(100% - 11px) !important;
  left: -1px !important;
  width: calc(100% - 5px) !important;
}

.multiselect p-multiselect .pi-chevron-down {
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
  background: none !important;
}

.pi-chevron-down:not(.ignore-global) {
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
  background: none !important;

  top: 2px !important;
  right: 0 !important;
  width: 9px !important;
  height: 0px !important;
}

.p-multiselect-label {
  color: #000 !important;
}

.p-timepicker .pi-chevron-down:before {
  content: "\e902" !important;
}

.p-timepicker .pi-chevron-down {
  position: relative !important;
  background: none !important;
  top: -6px !important;
  right: 4px !important;
  border: 0 !important;
  color: #6c757d !important;
}

.p-tree-selectable {
  padding: 0 !important;
  margin-top: 2px !important;
}

.p-tree-filter-container .p-tree-filter,
.p-treeselect-filter-container .p-treeselect-filter {
  border: 1px solid #ccc !important;
  background: #fff !important;
  width: 100% !important;
  padding: 10px .5rem !important;
}

.p-autocomplete .p-autocomplete-panel {
  top: 30px !important;
}

.DisplayMode {
  margin-top: 15px !important;
  float: right;
  margin-right: 15px;
}

.DisplayMode-list .p-datatable-wrapper {
  margin-top: 15px !important;
}

.desgin2 {
  margin-top: 15px !important;
}

.newblock-title {
  font-family: 'DMSans-Regular' !important;
  font-size: 20px !important;
  margin-top: 6px;
}

.newblock-position {
  color: #1A57FD !important;
  font-size: 14px !important;
}

.p-paginator-rpp-options .p-dropdown-label {
  text-align: center !important;
}

.img-avatar-list img {
  width: 41px !important;
  height: 41px !important;
  border-radius: 50%;
}

.img-avatar-list {
  width: 50px !important;
  float: left;
}

.name-avatar-list {
  float: left;
  margin-top: 10px;
}


.drowpdown-employee .dropdown-item1 {
  padding-top: 0 !important;
  /* margin-top: 0 !important; */
}

tr td .dropdownvertical.dropdownvertical-list .dropdown-menu.show {
  top: -28px !important;
}

.dropdownvertical.dropdownvertical-list .dropdown-menu h6 {
  padding: 4px 4px 0 !important;
}

tr td .dropdownvertical.dropdownvertical-list .dropdown-menu:after {
  top: 34px !important;
}

tr:last-child .dropdownvertical.dropdownvertical-list .dropdown-menu.show:after {
  top: 43px !important
}

.dropdownvertical-content h6 i {
  padding-right: 3px !important;
}

.hiddenautocompl input {
  border: 1px solid #EDEDED !important;
  padding: 10px .6rem;
  background-color: transparent !important;
  background: transparent !important;
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  height: 43px !important;
  line-height: 43px;
  padding-top: 10px !important;
}

.hiddenautocompl .p-autocomplete .p-autocomplete-panel {
  min-width: calc(100% - 10px) !important;
  width: calc(100% - 10px) !important;
}

.hiddenautocompl .p-autocomplete .ng-trigger {
  left: 0 !important
}

.hiddenautocompl .p-autocomplete-dropdown {
  width: 10px !important;
  right: 24px !important;
  top: 11px !important;
  height: 14px !important;
  ;
}

.operator-sign {
  margin-top: 15px;
  padding-top: 0 !important;
}

.width-op-10 {
  width: 10px !important;
  padding: 0;
}

.width-op-30 {
  width: 30px !important;
  padding: 0;
}

.operatsign tr td .dropdownvertical .dropdown-menu.show {
  top: 9px !important;
}

.operatsign tr:last-child .dropdownvertical .dropdown-menu.show:after {
  top: 16px !important;
}

.checkmarklabel-employee {
  margin-top: 16px;
  margin-left: 17px;
  margin-right: 17px;
}


.optionhover:hover {
  background-color: #fff !important;
}

.select option {
  font-family: DMSans-Medium;
  font-size: 13px;
  background-color: #fff !important;
  color: #212529 !important
}

.select option:hover,
select option:checked {
  background-color: #fff !important;
  background: #fff !important;
  font-family: DMSans-Medium;
  font-size: 13px;
  box-shadow: 0 0 10 px 100 px #1882A8 inset !important;
}

option:hover {
  background-color: #fff !important;
}

p {
  color: #000000;
  font-family: DMSans-Regular;
  font-size: 13px;
}

#employeeTabs {
  margin: 30px 0 0 0;
  padding-bottom: 1px !important;
}

.login100-form-btn-left {
  margin-right: 10px;
}

.p-button-label {
  text-align: left !important;
}

.tab_1-emp,
.tab_2-emp {
  margin-top: 30px;
}

.dropitem2 {
  margin-top: 4px !important;
}

.mrg-t-10 {
  margin-top: 10px;
}

.scrolling-wrapper {
  overflow-y: hidden !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
}

.card-item {
  flex: 0 0 auto !important;
}

.new-block2 {
  min-width: 200px !important;
}

.panel-title-tabs0 {
  margin: 35px 0 25px 0 !important;
}

.panel-title-tabs {
  margin: 20px 0 25px 0 !important;
  font-size: 16px !important;
  font-family: DMSans-Medium !important;
}

#tab_0 .p-datatable-wrapper,
#tab_1 .p-datatable-wrapper,
#tab_2 .p-datatable-wrapper,
#tab_3 .p-datatable-wrapper,
#tab_4 .p-datatable-wrapper,
#tab_5 .p-datatable-wrapper,
#tab_6 .p-datatable-wrapper,
#tab_7 .p-datatable-wrapper,
#tab_8 .p-datatable-wrapper {
  margin-top: 0 !important;
}

.top-employee {
  border: 1px solid #EDEDED !important;
  padding: 30px 40px 0px 0 !important;
  margin-top: 25px;
}

.employee-name {
  font-size: 16px !important;
  margin-top: 23px !important;
}

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

.employee-id {
  font-size: 12px !important;
  margin-top: 20px
}

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

.employee-img img {
  border-radius: 50%;
  width: 100% !important;
  ;
  height: 100% !important;
  max-width: 172px !important;
  max-height: 172px !important;
}

.employee-block {
  width: 100%;
  text-align: center !important;
  /* newblock padding:25px 10px !important;*/
  padding: 0 0 25px 0px !important;
  overflow-y: hidden !important;
}


.scroll {
  scroll-margin-top: 80px;
}

.employee-img {
  position: relative;
  height: 172px;
  width: 172px;
  line-height: 16px;
  color: #fff;
  margin: 0 auto;
}

.employee-img .button {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 16px;
  color: #fff;
  padding: 0 !important;
  /*background: url("../../assets/images/bgimage.png") center no-repeat;*/
  /*background: #000000 0% 0% no-repeat padding-box;*/
  border-radius: 50% !important;
  height: 100%;
  z-index: 1;
}

.employee-img button {
  background: url("../../assets/images/bgimagebuttom1.png") center no-repeat;
  left: 0;
  width: 100%;
  z-index: 5;
  height: 27px;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #fff;
}

p-selectbutton .p-highlight .p-button-label,
p-selectbutton .p-button-label {
  text-align: center !important;
}

#changeImageModal .img-container {
  overflow: hidden;
}

.sidebar-wrapper .menu .submenu li .submenu li a {
  padding: .7rem 1rem .7rem 2rem !important;
  line-height: 1.2;
}

.fc-button.fc-button-primary:focus {
  box-shadow: none;
}

.fc-button-primary {
  border-color: #fff !important;
}

.fc-button-primary:not(:disabled).fc-button-active:focus,
.fc-button-primary:not(:disabled):active:focus {
  box-shadow: none !important;
}

@media (max-width:1300px) {
  .top-employee {
    padding: 30px 40px !important;
  }

  .new-block2 {
    min-width: 220px !important;
  }
}


.disableClick {
  pointer-events: none;
  color: #d3cccc !important;
}

.disabled-calendar {
  background-color: #EDEDED;
  pointer-events: none;
}

.rm-border {
  border-right: 0px !important;

}

.fc-button-active {
  font-weight: bold !important;
}

.search-sidbar-box .search_icon {
  position: absolute;
  top: 7px !important;
  right: 250px;
  bottom: 0;
  left: 0 !important;
  width: 20px;
  transition: all 1s;
  z-index: 4;
  margin: .7rem 50px !important;
}

.search-sidbar-box .search_icon::before {
  color: #4071ac !important;
}

.container .search_icon {
  position: absolute;
  margin: auto;
  top: 15px;
  right: 247px;
  bottom: 0;
  left: 8px;
  width: 20px;
  transition: all 1s;
  z-index: 4;
}

@media (max-width:1230px) {
  .col15 .col-md-3 {
    width: 23% !important;
  }
}


html {
  overflow-x: hidden;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: #333 !important;
}


.fa-file-export {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.48%22%20height%3D%229.316%22%20viewBox%3D%220%200%2010.48%209.316%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_awesome-file-export%22%20data-name%3D%22Icon%20awesome-file-export%22%20d%3D%22M6.987%2C2.218a.435.435%2C0%2C0%2C0-.127-.308L5.078.127A.436.436%2C0%2C0%2C0%2C4.769%2C0H4.658V2.329H6.987ZM10.39%2C5.6%2C8.649%2C3.85a.292.292%2C0%2C0%2C0-.5.206V5.24H6.985V6.4H8.15V7.591a.292.292%2C0%2C0%2C0%2C.5.206L10.39%2C6.041A.31.31%2C0%2C0%2C0%2C10.39%2C5.6Zm-6.9.509V5.532a.292.292%2C0%2C0%2C1%2C.291-.291h3.2V2.911H4.513a.438.438%2C0%2C0%2C1-.437-.437V0H.437A.436.436%2C0%2C0%2C0%2C0%2C.437V8.88a.436.436%2C0%2C0%2C0%2C.437.437H6.551a.436.436%2C0%2C0%2C0%2C.437-.437V6.4h-3.2A.292.292%2C0%2C0%2C1%2C3.494%2C6.114Z%22%20fill%3D%22rgba(0%2C0%2C0%2C0.6)%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat !important;
}

.file-export-disabled {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.48%22%20height%3D%229.316%22%20viewBox%3D%220%200%2010.48%209.316%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_awesome-file-export%22%20data-name%3D%22Icon%20awesome-file-export%22%20d%3D%22M6.987%2C2.218a.435.435%2C0%2C0%2C0-.127-.308L5.078.127A.436.436%2C0%2C0%2C0%2C4.769%2C0H4.658V2.329H6.987ZM10.39%2C5.6%2C8.649%2C3.85a.292.292%2C0%2C0%2C0-.5.206V5.24H6.985V6.4H8.15V7.591a.292.292%2C0%2C0%2C0%2C.5.206L10.39%2C6.041A.31.31%2C0%2C0%2C0%2C10.39%2C5.6Zm-6.9.509V5.532a.292.292%2C0%2C0%2C1%2C.291-.291h3.2V2.911H4.513a.438.438%2C0%2C0%2C1-.437-.437V0H.437A.436.436%2C0%2C0%2C0%2C0%2C.437V8.88a.436.436%2C0%2C0%2C0%2C.437.437H6.551a.436.436%2C0%2C0%2C0%2C.437-.437V6.4h-3.2A.292.292%2C0%2C0%2C1%2C3.494%2C6.114Z%22%20fill%3D%22%23d3cccc%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat !important;
}

.post-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22bi%20bi-file-earmark-check-fill%22%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%0A%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%22402%22%20width%3D%22582%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%0A%20%3C%2Fg%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cpath%20stroke%3D%22null%22%20fill%3D%22%23626262%22%20id%3D%22svg_1%22%20d%3D%22m5.736832%2C0l-4.158329%2C0a1.571256%2C1.180254%200%200%200%20-1.571256%2C1.180254l0%2C7.081523a1.571256%2C1.180254%200%200%200%201.571256%2C1.180254l6.285025%2C0a1.571256%2C1.180254%200%200%200%201.571256%2C-1.180254l0%2C-5.484049a0.785628%2C0.590127%200%200%200%20-0.230189%2C-0.41722l-2.912323%2C-2.1876a0.785628%2C0.590127%200%200%200%20-0.555439%2C-0.172907zm0.162625%2C2.065444l0%2C-1.180254l2.356884%2C1.770381l-1.571256%2C0a0.785628%2C0.590127%200%200%201%20-0.785628%2C-0.590127zm1.06374%2C2.569413l-2.356884%2C1.770381a0.392814%2C0.295063%200%200%201%20-0.556225%2C0l-1.178442%2C-0.88519a0.392814%2C0.295063%200%201%201%200.556225%2C-0.41781l0.90033%2C0.676876l2.078772%2C-1.562066a0.392814%2C0.295063%200%200%201%200.556225%2C0.41781z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat !important;
  width: 11px !important;
  height: 10px !important;
  background-repeat: no-repeat !important;
  margin-top: -3px;
}


.post-icon-disabled {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22bi%20bi-file-earmark-check-fill%22%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%0A%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%22402%22%20width%3D%22582%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%0A%20%3C%2Fg%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cpath%20stroke%3D%22null%22%20fill%3D%22%23d3cccc%22%20id%3D%22svg_1%22%20d%3D%22m5.736832%2C0l-4.158329%2C0a1.571256%2C1.180254%200%200%200%20-1.571256%2C1.180254l0%2C7.081523a1.571256%2C1.180254%200%200%200%201.571256%2C1.180254l6.285025%2C0a1.571256%2C1.180254%200%200%200%201.571256%2C-1.180254l0%2C-5.484049a0.785628%2C0.590127%200%200%200%20-0.230189%2C-0.41722l-2.912323%2C-2.1876a0.785628%2C0.590127%200%200%200%20-0.555439%2C-0.172907zm0.162625%2C2.065444l0%2C-1.180254l2.356884%2C1.770381l-1.571256%2C0a0.785628%2C0.590127%200%200%201%20-0.785628%2C-0.590127zm1.06374%2C2.569413l-2.356884%2C1.770381a0.392814%2C0.295063%200%200%201%20-0.556225%2C0l-1.178442%2C-0.88519a0.392814%2C0.295063%200%201%201%200.556225%2C-0.41781l0.90033%2C0.676876l2.078772%2C-1.562066a0.392814%2C0.295063%200%200%201%200.556225%2C0.41781z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat !important;
  width: 11px !important;
  height: 10px !important;
  background-repeat: no-repeat !important;
  margin-top: -3px;
}

.execute-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%0A%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%2215%22%20width%3D%2212%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%0A%20%3C%2Fg%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cpath%20stroke%3D%22null%22%20id%3D%22svg_1%22%20fill%3D%22%23626262%22%20d%3D%22m9.284067%2C4.1427l-8.080932%2C-3.907759c-0.185056%2C-0.089542%20-0.390973%2C-0.133921%20-0.597594%2C-0.133921c-0.206503%2C0%20-0.41242%2C0.044477%20-0.597242%2C0.134019c-0.369995%2C0.178692%20-0.597476%2C0.509174%20-0.597476%2C0.867049l0%2C7.816402c0%2C0.357777%200.227364%2C0.688063%200.597476%2C0.866951c0.184822%2C0.089542%200.390739%2C0.133823%200.597242%2C0.133823c0.20662%2C0%200.412538%2C-0.04428%200.597594%2C-0.133823l8.080932%2C-3.908741c0.369526%2C-0.178888%200.597125%2C-0.509174%200.597125%2C-0.867147c0%2C-0.357679%20-0.227482%2C-0.687964%20-0.597125%2C-0.866853z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat !important;
  width: 11px !important;
  height: 10px !important;
  background-repeat: no-repeat !important;
  margin-top: -3px;
}

.execute-icon-disabled {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%0A%20%3Cg%3E%0A%20%20%3Ctitle%3Ebackground%3C%2Ftitle%3E%0A%20%20%3Crect%20fill%3D%22none%22%20id%3D%22canvas_background%22%20height%3D%2215%22%20width%3D%2212%22%20y%3D%22-1%22%20x%3D%22-1%22%2F%3E%0A%20%3C%2Fg%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cpath%20stroke%3D%22null%22%20id%3D%22svg_1%22%20fill%3D%22%23d3cccc%22%20d%3D%22m9.284067%2C4.1427l-8.080932%2C-3.907759c-0.185056%2C-0.089542%20-0.390973%2C-0.133921%20-0.597594%2C-0.133921c-0.206503%2C0%20-0.41242%2C0.044477%20-0.597242%2C0.134019c-0.369995%2C0.178692%20-0.597476%2C0.509174%20-0.597476%2C0.867049l0%2C7.816402c0%2C0.357777%200.227364%2C0.688063%200.597476%2C0.866951c0.184822%2C0.089542%200.390739%2C0.133823%200.597242%2C0.133823c0.20662%2C0%200.412538%2C-0.04428%200.597594%2C-0.133823l8.080932%2C-3.908741c0.369526%2C-0.178888%200.597125%2C-0.509174%200.597125%2C-0.867147c0%2C-0.357679%20-0.227482%2C-0.687964%20-0.597125%2C-0.866853z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat !important;
  width: 11px !important;
  height: 10px !important;
  background-repeat: no-repeat !important;
  margin-top: -3px;
}

.history-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2239px%22%20height%3D%2233px%22%20viewBox%3D%220%200%2038%2033%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3Argb(9.411765%25%2C44.705882%25%2C76.078431%25)%3Bfill-opacity%3A1%3B%22%20d%3D%22M%2022.117188%200%20C%2013.105469%20-0.257812%205.714844%207.242188%205.714844%2016.5%20L%202.546875%2016.5%20C%201.75%2016.5%201.359375%2017.488281%201.925781%2018.058594%20L%206.871094%2023.191406%20C%207.222656%2023.558594%207.773438%2023.558594%208.125%2023.191406%20L%2013.066406%2018.058594%20C%2013.613281%2017.488281%2013.226562%2016.5%2012.429688%2016.5%20L%209.261719%2016.5%20C%209.261719%209.347656%2014.890625%203.574219%2021.832031%203.667969%20C%2028.421875%203.757812%2033.964844%209.496094%2034.050781%2016.316406%20C%2034.144531%2023.484375%2028.5625%2029.332031%2021.65625%2029.332031%20C%2018.804688%2029.332031%2016.167969%2028.324219%2014.078125%2026.621094%20C%2013.367188%2026.050781%2012.378906%2026.105469%2011.738281%2026.765625%20C%2010.992188%2027.539062%2011.046875%2028.839844%2011.882812%2029.496094%20C%2014.570312%2031.699219%2017.953125%2033%2021.65625%2033%20C%2030.601562%2033%2037.84375%2025.355469%2037.597656%2016.023438%20C%2037.363281%207.425781%2030.421875%200.238281%2022.117188%200%20Z%20M%2021.214844%209.164062%20C%2020.488281%209.164062%2019.882812%209.789062%2019.882812%2010.542969%20L%2019.882812%2017.289062%20C%2019.882812%2017.929688%2020.222656%2018.535156%2020.753906%2018.867188%20L%2026.28125%2022.253906%20C%2026.917969%2022.640625%2027.734375%2022.421875%2028.101562%2021.777344%20C%2028.476562%2021.121094%2028.261719%2020.277344%2027.644531%2019.890625%20L%2022.542969%2016.757812%20L%2022.542969%2010.523438%20C%2022.542969%209.789062%2021.941406%209.164062%2021.214844%209.164062%20Z%20M%2021.214844%209.164062%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat !important;
  width: 50px !important;
  height: 50px !important;
  margin-top: 11px;
}


.select2-container--default .select2-selection--single {
  border-radius: 0 !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #EDEDED !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none
}

.select2-container--default .select2-results>.select2-results__options {
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  top: 30px !important;
}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #000 !important;
  font-weight: normal !important;
  background-color: #e8e9eb !important;
}

.select2-results__option--highlighted {
  font-weight: normal !important;
  background-color: transparent !important;
  color: #000 !important;
}

.select2-container--default .select2-results__option--selected {
  font-weight: normal !important;
  background-color: transparent !important;
  color: #000 !important;
}

.select2-results__option:hover {
  font-weight: normal !important;
  background-color: #e8e9eb !important;
  color: #000 !important;
}

.select2-results__option {
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  color: #000;
}

/* .select2-results{ margin-top:0px !important; } */

.p-tree {
  border: 1px solid rgba(0, 0, 0, .15) !important;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
}

.p-treenode-content button {
  display: none !important;
}

/* .position-edit .pi-chevron-down{ background:#fff !important;top: -9px !important; } */
tr:last-child td.point-plus-reomve .dropdownvertical .dropdown-menu.show {
  top: -38px !important;
}

tr:last-child td.point-plus-reomve .dropdownvertical .dropdown-menu.show:after {
  top: 52px !important;
}

tr:last-child td.applliiccant .dropdownvertical .dropdown-menu.show {
  top: -38px !important;
}

tr:last-child td.applliiccant .dropdownvertical .dropdown-menu.show:after {
  top: 52px !important;
}

.dropdwonsingle p-dropdownitem .p-dropdown-item {
  margin: 0 !important;
}

.dropdwonsingle p-dropdownitem .p-dropdown-item:hover {
  font-weight: normal !important;
  background-color: #e8e9eb !important;
  color: #000 !important;
}

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

/* by tree*/
.pi-chevron-down:not(.ignore-global) {
  right: 14px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  color: #000 !important;
}

.p-treenode-content button,
.p-tree-toggler.p-link {
  display: block !important;
  width: 40px !important;
  height: 16px !important;
  text-align: center;
}

.p-treenode-leaf>.p-treenode-content .p-tree-toggler {
  visibility: hidden;
  width: 27px !important;
}

/* tree  */
/* pagination */
.p-paginator-bottom .pi-chevron-down {
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  color: #3B66DB !important;
  top: 10px !important;
}

.p-paginator-bottom .p-treenode-content button,
.p-paginator-bottom .p-tree-toggler.p-link {
  display: none !important;
}

.p-paginator-bottom .pi-chevron-down:before {
  display: none !important;
}

/* pagination */





.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}


/* position criteria*/
.dropdwonsingle.ass-dropdown {}

.dropdwonsingle.ass-dropdown .pi-chevron-down {
  margin-right: 0px !important;
}

.dropdwonsingle.ass-dropdown .pi-chevron-down {
  right: 0 !important;
}

.dropdwonsingle.ass-dropdown .pi-chevron-down:before {
  content: '' !important;
  direction: none !important;
  /* display: inline-block; */
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}



/* end */
.dropdwonsingle.as-dropdown .pi-chevron-down {
  margin-right: 0px !important;
}

.dropdwonsingle.as-dropdown .pi-chevron-down {
  right: 0 !important;
}

.dropdwonsingle.as-dropdown .pi-chevron-down:before {
  content: '' !important;
  direction: none !important;
  /* display: inline-block; */
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 5px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

.righteyes1 {
  right: 51px !important;
}

.righteyes {
  position: absolute;
  right: 60px;
  top: 20px;
  /*
  padding-right: calc(var(--bs-gutter-x)/2);
  padding-left: calc(var(--bs-gutter-x)/2);
  */
}

.righteyes button {
  height: 35px !important;
  top: 8px !important;
  background: transparent !important;
  color: #3B66DB !important;
  padding: 0;
  width: 14px;
}

.eyeinimput {
  position: relative;
  width: 100%;
}



.p-dropdown .p-dropdown-trigger,
.p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-dropdown-trigger {
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

.p-dropdown-clear-icon {
  right: 35px !important;
  top: 35% !important;
}

.p-multiselect .pi-chevron-down:before {
  content: '' !important;
  direction: none !important;
  /* display: inline-block; */
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: -1px !important;
  right: 0px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}


.p-panel-header {
  flex-direction: row-reverse;
  justify-content: space-between;
}

/* .p-panel-header-icon .pi-plus {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cpath%20id%3D%22Icon_awesome-plus%22%20data-name%3D%22Icon%20awesome-plus%22%20d%3D%22M13%2C7.75H8.5V3.25a1%2C1%2C0%2C0%2C0-1-1h-1a1%2C1%2C0%2C0%2C0-1%2C1v4.5H1a1%2C1%2C0%2C0%2C0-1%2C1v1a1%2C1%2C0%2C0%2C0%2C1%2C1H5.5v4.5a1%2C1%2C0%2C0%2C0%2C1%2C1h1a1%2C1%2C0%2C0%2C0%2C1-1v-4.5H13a1%2C1%2C0%2C0%2C0%2C1-1v-1A1%2C1%2C0%2C0%2C0%2C13%2C7.75Z%22%20transform%3D%22translate(0%20-2.25)%22%20fill%3D%22%23727e8c%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  width: 14px !important;
  color: #929ea9;
} */

/* .modal-content{
  overflow: visible !important;
}

.modal-body{
  overflow: visible !important;
} */


.p-steps {
  position: relative;
}


.p-steps ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
}

.p-steps-item {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
}


.p-steps-item.p-steps-current .p-menuitem-link {
  cursor: default;
}

.p-steps .p-steps-item .p-menuitem-link {
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 6px;
  background: #ffffff;
}

.p-steps-item .p-menuitem-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #EEF2FF !important;
  color: #0059fc !important;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #495057;
  border: 1px solid #e9ecef;
  background: #ffffff;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.143rem;
  z-index: 1;
  border-radius: 50%;
}

.p-steps-number {
  display: flex;
  align-items: center;
  justify-content: center;
}


.p-steps .p-steps-item.p-highlight .p-steps-title {
  color: #0059fc !important;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0.5rem;
  color: #6c757d;
}

.p-steps-title {
  display: block;
  white-space: nowrap;
}


.p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid #dee2e6;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}


.p-listbox .p-listbox-header {
  padding: 0.4rem 0.7rem;
  border-bottom: 1px solid #dee2e6;
  color: #343a40;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.p-listbox-header {
  display: flex;
  align-items: center;
}


.p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.75rem 1.25rem;
  border: 0 none;
  color: #495057;
  transition: box-shadow 0.2s;
  border-radius: 0;
}


.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #0059fc !important;
  background: #EEF2FF;
}

.p-listbox-filter-icon {
  right: 8px !important;
}


.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}

.rightTable .p-datatable-wrapper {
  margin-top: 0 !important;
}

.rightTable {
  padding-left: 0px !important;
}

.applicantActivities .filterList .p-listbox-header.ng-star-inserted {
  background: #fff !important;
  border-bottom: 1px solid #EEF2FF !important;
}


.elementSpan {
  min-width: 40px;
  height: 35px;
  background-color: #e0e1dd;
  font-size: medium;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  margin: 0.7px;
  border-style: outset;
  /* border-color: buttonface; */
  -o-border-image: initial;
  border-image: initial;
  padding: 0 6PX;
  color: black;
  margin-right: 5px;
}



.p-dropdown {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 1 auto;
  width: 1%;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 8px;
  margin-right: 20px;
}


.p-dropdown .p-dropdown-panel {
  min-width: 100%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
  border: 1px solid rgba(0, 0, 0, .15);
  top: 38px !important;

}

.p-dropdown-item {
  padding: 7px 20px 7px 20px;
  color: #000 !important;
}


p-dropdown .p-dropdown {
  height: 43px;
  border: 1px solid #EDEDED !important;
  width: 100% !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: #e9ecef;
}

.p-dropdown .p-dropdown-clear-icon {
  color: #6c757d;
  right: 3rem;
  margin-top: 0px;
}

.p-dropdown chevrondownicon.p-element.p-icon-wrapper::after,
.p-multiselect chevrondownicon.p-element.p-icon-wrapper::after,
.p-treeselect chevrondownicon.p-element.p-icon-wrapper::after,
.fa-angle-down::after {
  content: '' !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

.fa-angle-down::after {
  position: relative !important;
  top: 50% !important;
  right: -3px;
}

.proconTreePicker-tree .tree-clear {
  right: 17px !important;
}

.p-multiselect chevrondownicon.p-element.p-icon-wrapper svg,
.p-dropdown chevrondownicon.p-element.p-icon-wrapper svg,
.p-treeselect chevrondownicon.p-element.p-icon-wrapper svg,
.fa-angle-down::before {
  display: none;
}

button.p-element.p-paginator-element.p-link > .p-icon-wrapper {
  color: #3B66DB;
}

.p-autocomplete-multiple-container {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: text;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.p-autocomplete .p-autocomplete-multiple-container {
  padding: 10px 0.6rem 2px 0.6rem;
}

.p-fluid .p-inputtext {
  width: 100%;
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

.p-inputtext {
  color: #000;
  background: #ffffff;
  padding: 0;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  border-radius: 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.3rem 0.35rem 0 0.35rem;
  margin-right: 0;
  background: transparent;
  color: #000;
  border-radius: 6px;
}

.p-autocomplete-token {
  cursor: default;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}


.p-autocomplete-token-icon {
  cursor: pointer;
}

.ui-fluid p-autocomplete,
.ui-fluid .ui-autocomplete,
.ui-fluid .p-autocomplete-input {
  /*height: auto !important;*/
}

.p-autocomplete-input-token input {
  padding: 7px 0.6rem !important;
  border: 0 !important;
}

/* p autocomplete */


p-menu .p-menu-overlay {
  top: 40px !important;
  position: absolute !important;
}

.p-menu .p-menuitem-link:hover {
  background: #e9ecef;
}
.p-menu ul .p-menuitem-link {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

p-paginator .p-dropdown {
  height: 25px;
}

p-paginator .p-dropdown .p-dropdown-label {
  margin: 0px !important;
  margin-left: 8px !important;
}


p-paginator .p-dropdown .p-dropdown-trigger {
  width: 2rem !important;
}

p-paginator .p-dropdown .p-dropdown-panel {
  top: 23px !important;
}


.p-paginator-bottom .p-inputwrapper-filled {
  /*display: none !important;*/
  /* background: #fff; */
  /* border: 1px solid #EAEAEA !important; */
  margin-left: 0px;
  /* padding-bottom: 1px;
  padding-right: 12px !important;
  padding-left: 7px !important; */
}

/* responsive */
/* Portrait phones and smaller */
.p-checkbox .p-checkbox-box.p-disabled {
  background: #eee !important;
  cursor: no-drop !important;
}

.container-checkbox input[disabled]+.checkmark {
  background: #eee !important;
  cursor: no-drop !important;
}

p-autocomplete[name='selectedEmp'] .p-autocomplete-dropdown {
  width: 20px !important;
}

@-moz-document url-prefix() {
  .index-fix {
    width: 20px !important;
  }

  .table-calendar-fix,
  .calendar-fix {
    width: 200px !important;
  }

  .table-input-fix {
    width: 220px !important;
  }

  .input-fix {
    width: 200px !important;
  }

  .p-person .node-header {
    font-size: 15px !important;
    white-space: normal !important;
  }

  .p-organizationchart .p-organizationchart-node-content {
    height: auto !important;
  }
}

.px-py-block-payrool {
  width: 100%;
  text-align: center !important;
  /* newblock padding:25px 10px !important;*/
  padding: 25px 0px !important;
  height: 200px;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow-y: hidden !important;
}


.select .select2-selection__rendered::after {
  direction: none !important;
  /* display: inline-block;*/
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

.navbar-header-top1 {
  z-index: 8 !important;
}

.navbar-header-top2 {
  z-index: 9 !important;
}

.sidebar-wrapper {
  z-index: 7 !important;
}

.p-calendar .p-datepicker {
  z-index: 1002
}

.select2-container {
  z-index: 998 !important;
}

.select2-container--default.select2-container--open {
  z-index: 9999 !important;
}


p-autocomplete[name='selectedEmp'] .p-autocomplete-dropdown {
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  content: "" !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;

  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;

  width: 10px !important;
  right: 24px !important;
  top: 18px !important;
  height: 14px !important;
}

.margin-leftright {
  margin-left: 10px !important;
}

p-autocomplete[name='selectedEmp'] button .pi-chevron-down:before {
  display: none !important;
}

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

.w60 {
  width: 60%;
}

.w20 {
  width: 20%;
}

.dropdownvertical .dropdown-menu h6 i {
  padding-right: 6px !important;
  padding-left: 0 !important;
}

.dropdown-item2 {
  padding: 2px 0 3px 8px !important;
}


.dx-dashboard-viewer {
  background-color: #F4F4F4 !important;
}

/* */
tr td .dropdownvertical .dropdown-menu.dropdown-menu-hrm-pos.show {
  top: 10px !important;
  left: -105px !important;
}

.dropdownvertical .dropdown-menu.dropdown-menu-hrm-pos.show {
  left: -105px !important;
}

.dropdown-menu-hrm-pos {
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 0 0px 0 5px !important;
  border: none !important;
  border-radius: 5px !important;
}

tr:last-child .dropdownvertical .dropdown-menu.dropdown-menu-hrm-pos.show:after {
  top: 7px !important;
}

tr td .dropdownvertical .dropdown-menu.dropdown-menu-hrm-pos:after {
  top: 7px !important;
  content: '';
  position: absolute;
  display: block;
  right: -6px;
  left: 110px !important;
  ;
  bottom: 0;
  width: 6px;
  height: 16px;
  background: #fff;
  -webkit-clip-path: polygon(0% 0, 100% 50%, 100% 50%, 0 100%);
  clip-path: polygon(0% 0, 100% 50%, 100% 50%, 0 100%);
}

.dropfirst {
  padding-top: 0 !important;
}

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

.bgimagebuttom {
  background: url("../../assets/images/bgimagebuttom.png") no-repeat;
}

.Display_Mode1 {
  margin-top: 10px !important;
  float: right;
  margin-right: 13px;
  font-size: 18px;
  color: #7d837d;
}

.Display_Mode2 {
  margin-top: 10px !important;
  float: right;
  font-size: 18px;
  color: #7d837d;
}

.content-chart {
  zoom: 0.6;
}

/* */


.p-dropdown-item {
  padding: 10px 20px 10px 20px !important;
}

.p-dropdown-panel {
  width: 100px
}

.p-dropdown-panel {
  min-width: 100%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
  border: 1px solid rgba(0, 0, 0, .15);
  font-family: 'DMSans-Regular';
  font-size: 14px !important;
  background: #fff;
}

.p-dropdownitem li:hover {
  color: #000 !important;
  font-weight: normal !important;
  background-color: #e8e9eb !important;
}

.p-inputtext {
  font-family: 'DMSans-Regular' !important;
  font-size: 14px !important;
}

.p-inputtext.paddingtTop6 {
  padding-top: 6px !important;
}

.Display_Mode3 {
  text-align: center;
  float: right;
  margin: 0px 15px 0 15px !important;
  color: #7d837d !important;
  width: 60px !important;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}

.p-organizationchart-node-content .p-node-toggler {
  position: absolute;
  bottom: -0.75rem;
  margin-left: -0.75rem;
  z-index: 2;
  left: 50%;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
}

.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
  position: relative;
  top: 0.25rem;
}

.pi {
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.leavesearchbtn-tab {
  overflow-x: auto !important;
  overflow-y: hidden;
  flex-wrap: nowrap !important;
}

.leavesearchbtn-tab .ytem {
  flex-wrap: wrap !important;
}

.sidebarheader {
  margin-left: 40px !important;
  margin-right: 10px !important;
}

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

#myTab .ytem {
  min-width: 175px !important;
}

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

  .dropdown-menu.show {
    width: calc(100% - 1px);
    left: -123px !important;
  }

  .navbar .nav-link-user img {
    width: 37px !important;
    height: 37px !important;
  }

  .navbar-expand .navbar-nav.navbarnav {
    margin-left: 0 !important;
  }

  /* .sidebarheader { margin-left: 0px !important;} */
  .sidebar-toggler {
    margin-left: 0 !important;
  }

  .navbar {
    padding: 20px 20px !important;
  }

  .navbar.navbar-header-top2 {
    padding: 20px 10px 20px 18px !important;
  }

  .sidebar-wrapper .menu .sidebar-link {
    padding: .7rem 26px .7rem 20px !important;
  }

  .section {
    margin-top: 14px !important;
  }

  .px-py {
    padding: 11px 16px !important;
    min-height: 174px !important;
    height: 174px !important;
  }

  .justify-content-between .block-list {
    padding: 0 !important
  }

  .justify-content-between .block-list li span {
    font-size: 11px !important;
  }

  .justify-content-between .block-list li span span,
  .breadcrumb-item a,
  .breadcrumb-item {
    font-size: 10px !important;
  }

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

  .breadcrumb-item+.breadcrumb-item:before {
    margin-top: 3px !important;
  }

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

  .section h1 {
    height: 29px !important;
    padding: 0 !important;
  }

  .section {
    margin-top: 20px !important;
  }

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

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

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

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

  .date-act {
    font-size: 8px !important;
  }

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

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

  .card-title-left {
    font-size: 11px !important;
    margin-bottom: 0 !important;
  }

  .cs-loader-inner img {
    width: 100% !important;
  }

  .table>:not(caption)>*>* {
    font-size: 10px !important;
    padding: 5px !important;
  }

  .openingtraining thead tr th {
    min-width: 100px !important;
  }

  .login100-form-btn,
  .submit-buttom-form,
  .p-button-custom {
    font-size: 12px !important;
  }

  .top-employee {
    padding: 30px 12px 0px 12PX !important
  }

  .select {
    height: 35px !important;
  }

  .marg-top-start-section {
    padding: 0 15px !important;
  }

  .card-body {
    margin-bottom: 10px !important;
  }

  .row {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .row>* {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .card-img {
    margin-bottom: 10px !important;
  }

  .table-activities td.geeks {
    line-height: 1.3;
  }

  .sidebar-wrapper .menu .sidebar-link>span {
    font-size: 12px !important;
  }

  .general-block {
    margin-top: 15px !important;
  }

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

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

  #dropdownMenuButton {
    font-size: 10px !important;
  }

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

  .right-notification {
    font-size: 9px !important;
  }

  .left-notification {
    width: 37px !important;
    height: 37px !important;
  }

  .ntf-space-top {
    height: 10px;
  }

  .notification-top-nav {
    height: 37px !important;
  }

  .sidebar-wrapper .menu .submenu li a {
    padding: 0.7rem 1rem 0rem 15px !important
  }

  .sidebar-wrapper .menu .submenu li a.leftmenu-active {
    margin-left: 15px !important;
  }

  .sidebar-wrapper .menu .sidebar-link {
    font-size: 12px !important;
  }

  .sidebar-wrapper .menu .submenu li a {
    font-size: 11px !important;
  }

  #main {
    margin-left: 0 !important;
  }

  .navbar.navbar-header-top2 {
    padding: 20px 10px 20px 16px !important;
  }

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

  .leavesearchbtn .ytem i {
    font-size: 9px !important;
  }

  /* .search-appraisal{margin-left: 25px !important;} */
  .p-component,
  .p-component * {
    font-size: 14px !important;
  }

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

  .form-group h5,
  .form-box h5 {
    font-size: 10px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
  }

  .p-component tr th,
  .p-component tr td a,
  .p-component tr td {
    font-size: 12px !important;
  }

  .dropdown-item,
  .dropdown-item i {
    font-size: 12px !important;
  }

  .p-datatable.p-datatable-responsive .p-datatable-tbody>tr>td {
    float: none !important;
    width: auto !important;
    display: table-cell !important;
  }

  p-table th:first-child,
  p-table td:first-child {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-py-block {
    height: 160px;
    min-height: 160px !important;
    max-height: 160px !important;
  }

  .px-py-block-payrool {
    min-height: auto !important;
    max-height: auto !important;
    height: auto !important;
  }

  /* table responsive */
  table.grid {
    width: auto !important;
  }

  .p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th.PeriodicMovmentFirstColumn,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th.p-sortable-column,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr.ng-star-inserted>th.p-sortable-column,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr.ng-star-inserted>th.responsivetable {
    display: table-cell !important;
  }

  .p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td.responsivetable,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th.responsivetable,
  .p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td.fixedColumn,
  .p-datatable.p-datatable-responsive .p-datatable-thead>tr>th.fixedColumn {
    display: table-cell !important;
  }

  .container .search_icon {
    top: 17px !important;
  }

  .search-sidbar-box {
    padding: 0.7rem 21px !important
  }

  .search-sidbar-box .search_icon {
    margin: 0.7rem 20px !important
  }

  .search-sidbar-box .search-appraisal {
    margin-top: 0 !important;
  }

  .search-sidbar-box-menu .search_icon {
    margin: 0rem 20px !important;
  }

  /*
  .navbar-header-top1{z-index:9999999 !important}
  .sidebar-wrapper{ z-index:99999 !important}*/


  .navbar-header-top1 {
    z-index: 8 !important;
  }

  .navbar-header-top2 {
    z-index: 9 !important;
  }

  .sidebar-wrapper {
    z-index: 7 !important;
  }

  .new-block2 {
    min-width: auto !important;
  }

  .px-py img.imgrequest {
    height: 174px !important;
  }

  .leavesearchbtn .ytem.last {
    min-width: 165px;
  }
}

.managepermissions-final {
  display: none;
}

tr td .dropdownvertical {
  width: 130px !important;
}

#pr_id_13-table tr td {
  white-space: normal !important;
}

/* Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
  .modal .modal-content {
    top: 100px;
  }

  .active2 {
    position: fixed !important;
    right: 0 !important;
    z-index: 7 !important;
  }

  .leavesearchbtn-tab {
    overflow-x: scroll !important;
    overflow-y: hidden;
  }

  .leavesearchbtn .ytem.last {
    min-width: 165px;
  }

  .p-element .p-steps ul {
    overflow-x: scroll;
  }

  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    font-size: 12px !important;
  }

  #main .main-content {
    padding: 74px 15px 70px 15px !important;
  }

  .managepermissions-final {
    width: 100% !important;
    line-height: 1px;
    height: 1px;
    margin: 0;
    display: block
  }

  p-table th.aaaa4:first-child,
  p-table td.aaaa4:first-child {
    padding-left: 15px !important;
    height: 26px;
    padding: 10px;
    margin-left: 30px !important;
  }

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

  p-table th:first-child,
  p-table td:first-child {
    margin-left: 15px !important;
  }

  .calc-operator {
    font-size: 12px !important;
    height: 32px !important;
  }

  .fc-toolbar.fc-header-toolbar {
    overflow-y: scroll;
  }

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

  .fc-button-group>.fc-button {
    font-size: 12px !important;
  }

}


.navbar-header-top2 {
  /*padding:20px 42px !important;*/
  background: #fff !important;
}

.sidebar-leftnav {
  margin-left: 10px !important;
}

.footer-card {  
  padding: 2px;
  font-size: .7rem;
  z-index: 100;
  position: fixed;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  background-color: #e4e3e3;
  color: #4e4e4e;
  height: 20px;
  text-align: center;
}

.p-datatable.p-datatable-responsive .p-datatable-thead>tr>th.aaaa4 {
  display: table-cell !important;
}

.p-datatable-thead th.aaaa4:first-child {
  width: 30px !important;
}

.p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td.aaaa4 {
  padding: 10px 10px !important;
  white-space: nowrap;
}

.p-datatable.p-datatable-responsive .p-datatable-tbody>tr>td {
  float: none !important;
  display: table-cell !important;
}

.p-datatable-scrollable th.p-frozen-column {
  z-index: 1;
  background-color: #fafafa !important;
}

.p-datatable-scrollable tr:nth-child(even) .p-frozen-column {
  position: sticky;
  background-color: #fafafa !important;

}

.p-datatable-scrollable .p-datatable-thead>tr>th {
  height: 100%;
  margin-left: 0px !important;
}

.p-datatable-scrollable-both .p-datatable-tbody>tr>td {
  height: 100%;
  margin-left: 0px !important;
}


.p-datatable-scrollable .p-datatable-tbody tr {
  padding: 0px !important
}

p-dropdown .p-disabled {
  cursor: default !important;
  pointer-events: none;
  background-color: #ededed;
}

p-dropdown .p-readonly {
  cursor: default !important;
  pointer-events: none;
  background-color: #ededed;
}

.dd-menu {
  top: 30px !important;
  left: 0 !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

@media only screen and (max-width: 600px) {
  #main {
    margin-left: 0 !important;
  }


  @media only screen and (max-width: 363px) {
    .pcancel-attach {
      margin-top: 10px;
    }
  }
}

@media only screen and (max-width: 379px) {
  .expenseCancelBtn {
    margin-top: 10px;
  }
}

@media (max-width: 992px) {
  .container {
    width: 295px !important;
  }
}


.table-header {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #fafafa;
  font-weight: normal;
  font-family: 'DMSans-Medium';
}



@media only screen and (min-width: 961px) {
  #expenseResponsiveHeader {
    display: none !important;
  }

}





@media only screen and (max-width: 961px) {
  td#expenseThreeDots {
    max-width: 200px;
    /* margin-left: 40%; */
  }

}


label.p-checkbox-label {
  color: #000 !important;
  margin-left: 10px !important;
  font-family: 'DMSans-Regular' !important;
  font-size: 14px !important;
}



@media only screen and (min-width: 413px) {
  #expenseResponsiveButtons {
    display: none !important;
  }

}


@media only screen and (max-width: 412px) {
  #expenseButtons {
    display: none !important;
  }

}

.attachmentFile {
  vertical-align: middle;
  margin-left: 3px;
  font-family: 'DMSans-Regular' !important;
  color: #000 !important;
}

.attachmentFile a:hover {
  color: #1867da !important;
}


.p-autocomplete-token-icon {

  margin-left: 5px;
  background-image: url("/assets/images/times3.svg") !important;
  background-repeat: no-repeat !important;
  color: transparent;
  height: 24px;
  width: 22px;

}

.p-autocomplete-token-icon timescircleicon svg {
  display: none;
}

.p-tree-filter-icon,
.p-treeselect-filter-icon,
.p-dropdown-filter-icon {
  right: 10px;
  transform: translateY(-50%);
}

.p-picklist {
  display: flex;
}

.p-picklist .p-picklist-buttons {
padding: 1.25rem;
display: flex;
flex-direction: column;
justify-content: center;
}

.p-picklist-list-wrapper {
flex: 1 1 50%;
}

.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
padding: 1.25rem;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

.p-picklist .p-picklist-header .p-picklist-title {
font-weight: 700;
}

.p-picklist .p-picklist-filter-container {
padding: 1.25rem;
background: #ffffff;
border: 1px solid #dee2e6;
border-bottom: 0 none;
}
.p-picklist-filter {
position: relative;
}

.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  padding-top: 0.5rem !important;
  padding: 0.5rem 0.5rem;
}

.p-picklist-filter-input {
width: 100%;
}

.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
right: 0.75rem;
color: #6c757d;
}

.p-picklist-filter-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}

.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.75rem 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.p-picklist-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
min-height: 12rem;
}

.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
}
.p-picklist-item:not(.cdk-drag-disabled) {
cursor: move !important;
}
.p-picklist-item {
display: block;
cursor: pointer;
overflow: hidden;
position: relative;
}


.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #bfdbfe;
}

.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
}

.p-picklist-item:not(.cdk-drag-disabled) {
cursor: move !important; 
}

.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
  color: #727e8c;
}
.p-treeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 6px;
  width: 20rem;
  display: inline-flex;
  height: 42px;
  border-radius: 0px !important;
  border: 1px solid #ededed;

}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 6px;
  transition: box-shadow 0.2s;
  padding: 0.5rem;
}

.p-treenode-content {
  display: flex;
  align-items: center;
}

.p-treenode-selectable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.p-treeselect-label {
  display: block;
  margin: 8px 2px 7px 10px;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}


p-treeselect .p-treeselect-trigger-icon.pi-chevron-down:before {
  content: '' !important;
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  border-top: 0.3em solid !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 15px !important;
  right: 5px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
  color: #3B66DB !important;
}

.p-treeselect-empty-message {
  display: none;
}

.hide-item {
  display: none;
}

li ul li.has-sub a img {
  display: none;
}

li ul li.has-sub a img.up-down {
  display: initial !important;
  margin-top: 5px;
}

li.has-sub.sidebar-item.first ul.submenu li a img {
  display: none;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
}

tr:last-child .dropdownvertical .drowpdown-employee.dpInviteEmp.dropdown-menu.show {
  margin: -28px 0 0 0px !important;
}


.fc-button-primary {
  color: #1e2b37 !important;
}

.btnPage .p-dropdown-items-wrapper .p-dropdown-items{
  max-height: 165px  !important;
}

.btnPageWithFiler .p-dropdown-items-wrapper .p-dropdown-items{
  max-height: 120px  !important;
}

.btnPage .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  background-color: white !important;
}

.btnPageWithFiler .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item {
  background-color: white !important;
}







  .p-splitbutton {
    display: inline-flex;
    position: relative;
}


.p-splitbutton .p-splitbutton-defaultbutton {
  background: #1867da;
  flex: 1 1 auto;
  color: white;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.p-splitbutton.p-button-sm > .p-button {
  font-size: 0.875rem;
  padding: 0.65625rem 1.09375rem;
}

.p-splitbutton.p-button-sm > .p-button {
  font-size: 0.875rem;
  padding: 0.65625rem 1.09375rem;
}

.p-splitbutton .p-button.p-button-icon-only {
  width: 3rem;
  background: #1867da;
  color: white;
  padding: 0.75rem 0;
}

.p-splitbutton-menubutton, .p-splitbutton.p-button-rounded>.p-splitbutton-menubutton.p-button, .p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.p-tieredmenu.p-tieredmenu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.p-tieredmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 6px;
}

p-selectbutton .p-ripple.p-element.p-button.p-component.ng-star-inserted.p-highlight {
  pointer-events: none;
}


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

.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #EFF6FF;
}

.p-tieredmenu .p-menuitem {
  position: relative;
}


p-splitbutton .p-splitbutton .pi.pi-chevron-down:before {
  content: "\e902";
  color: white;
  /* content: '' !important;
  direction: none !important; */
  /* display: inline-block; */
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
  border-right: 0.3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0.3em solid transparent !important;
  position: absolute !important;
  top: 15px !important;
  right: 5px !important;
  transition: .25s all ease !important;
  pointer-events: none !important;
}


p-splitbutton .p-menuitem-icon {
  margin-inline-end: 5px  !important;
}


.p-virtualscroller .p-virtualscroller-header  {
    background: #f5f5f5;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-top: 0px !important;
}

.p-virtualscroller-item{
  height: 75px !important;
}

.p-virtualscroller-item:hover {
  background: #e9ecef;
  color: #495057;
  cursor:pointer ;
}

.virtual-item-selected {
  background: #EFF6FF;
  color: #495057;
  cursor:pointer ;
}


.scroller-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  width: 100%;
  flex-wrap: nowrap;
}

.virtual-search{
  width: 90%;
  margin-right: 10px;
  padding: 10px;
}

.p-virtualscroller{
  border: 1px solid #dee2e6;
}

.scroller-close-icon{
  cursor: pointer;
}

.scroller-header-info{
  display: inline-block;
  width: 250px;
  margin-right: 30px;
}


.dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover{
z-index: 9999;
}


.dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable{
  z-index: 9999;
}

p-dropdownitem li span{
  white-space: normal;
  word-break: break-all;
}

.breakWord{
  white-space: normal;
  word-break: break-all;
}

p-dropdown div span.p-dropdown-label.p-inputtext{
  white-space: normal;
  word-break: break-all;
  outline: none;
}

img, object, svg {
  /* display: initial !important; */
  vertical-align: middle !important;
}

.sidebar-menu .menu ul li ul {
  padding: revert  !important
}
.sidebar-menu .menu ul.submenu {
  padding: revert  !important
}

.cs-loader-inner img{
  display: initial !important;
}

.block-icon.block_img img{
  display: initial !important;
}


elsa-workflow-instance-list-screen div.elsa-mt-8.sm\:elsa-block{
  overflow: scroll  !important;
}


.elsa-border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity)) !important;
  border: inherit;
  border-width: 1px !important;
}

 
[type=text]:focus {
  --tw-ring-inset: var(--tw-empty, );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: none !important;
  --tw-ring-color: none !important; 
  --tw-ring-offset-shadow: none;
  --tw-ring-shadow: none; 
  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
} 


.ui-fluid .p-autocomplete-input[type=text] {
  --tw-shadow: 0 0 #0000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: none;
  border-radius: 0;
  border-width: 0px;
  font-size: 1rem;
  line-height: 0 !important;
  padding: 0 !important;
}
input[type=number] {
  direction: inherit;
}

p-editor[type=text] {
  --tw-shadow: 0 0 #0000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: none;
  border-radius: 0;
  border-width: 0px;
  line-height: 0 !important;
  padding: 0 !important;
}

.ui-fluid .p-autocomplete-input[type=text]:focus {
  --tw-shadow: 0 0 #0000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: none;
  border-radius: 0;
  border-width: 0px;
  font-size: 1rem;
  line-height: 0 !important;
  padding: 0 !important;
}

elsa-workflow-instance-list-screen div.elsa-mt-8.sm\:elsa-block
  [type=number]:focus, [type=search]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, select:focus, textarea:focus {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff; 
    --tw-ring-color: #2563eb; 
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
}


.card-right.align-items-center.block-icon img{
  display: initial !important;
   vertical-align: middle !important;
}


img.elsa-h-8.elsa-w-8{
  display: none;
}
.ellipsisOneLine {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  max-width: 50px !important;
}

.queryUIBuilder [type=checkbox]:checked{
  background: url(/assets/images/CheckGray.svg) no-repeat !important;
  background-size: contain !important;
}

/* ###########################################
########### PrimeNg Tooltip Styles
############################################## */
.p-tooltip {
  background-color: white;
  box-shadow: 0 0 20px #ececec;
  margin-left: 2px;
}

.p-tooltip-arrow {
  background-color: white;
  margin-left: -3px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;

}

.p-tooltip-text {
  color: black;
}

.tooltipAppraisalStyleClass.p-tooltip {
  padding-inline: 0.6rem !important;
  padding-block: 0.3rem !important;
  background-color: #fff;
  margin: 0 !important;
  border-radius: 0.25rem;
  /* width: 100%; */
  max-width: 500px;
}
.tooltipAppraisalStyleClass.p-tooltip > .p-tooltip-arrow {
  display: none;
}
.tooltipAppraisalStyleClass.p-tooltip {
  box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}
.tooltipAppraisalStyleClass.p-tooltip > .p-tooltip-text {
  color: #343a40;
}

.p-multiselect-items {
  margin: 5px 5px 5px 0 !important;
  padding: 0px 10px 10px 10px !important;
}

.p-multiselect-item-group {
  color: #1B57FA !important;
  margin-top: 10px !important;
  font-weight: bold;
  margin-inline-start: 4px;
}

label.propertygrid-editor-displayName {
  font-size: inherit;
}

.timeline-appraisal-btn{
  right:0;
  position: absolute;
}

.navbar.navbar-header-top2.navbar-header {
  left: 0;
  top: 0;
}

.login-container .form-container .right-section .login-language {
  right: 0 !important;
}

.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-106%) scale(0.75) !important;
}

.mdc-text-field .mdc-floating-label {
  transform: translateY(-106%) scale(0.75) !important;
}

.mdc-text-field .mdc-floating-label > mat-label,
.mdc-text-field--filled .mdc-floating-label--float-above > mat-label {
  padding-left: 0px !important;
}

.modal-header{
  padding: 1rem 1rem !important;
}

.login-container .form-container .right-section .twofa-qrcode {
  right: 0 !important;
}