#loading-bg{
  width: 100%;
  height: 100%;
  background: #FFF;
  display: block;
  position: absolute;
}
.loading-logo{
  position: absolute;
  left: calc(50% - 45px);
  top: 40%;
}
.loading {
  position: absolute;
  left: calc(50% - 35px);
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.loading .effect-1,  .loading .effect-2{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgba(121, 97, 249,1);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loading .effect-1{
  animation: rotate 1s ease infinite;
}
.loading .effect-2{
  animation: rotateOpacity 1s ease infinite .1s;
}
.loading .effect-3{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgba(121, 97, 249,1);
  -webkit-animation: rotateOpacity 1s ease infinite .2s;
  animation: rotateOpacity 1s ease infinite .2s;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loading .effects{
  transition: all .3s ease;
}


.error {
  color: red;
  position: relative;
  bottom: 22px;
}
@keyframes rotate{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotateOpacity{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: .1;
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 1;
  }
}
/* Trilok css */

[dir=ltr] .v-nav-menu .vs-sidebar--item .router-link-active{background:#184e96;}
.required label::after {  content: "*";  color: red;}
button.vs-con-dropdown.parent-dropdown.ml-auto.md\:block.hidden.cursor-pointer {  display: none !important;}
.ag-header-cell.ag-header-cell-sortable {  background-color: #f7f5f5;}
.add_th {  background-color: #f7f5f5;}
.breadcrumb_pipe {  position: relative;  bottom: 2px;}
.delete_employee{  pointer-events: none;}
button.vs-con-dropdown.parent-dropdown.dd-actions.cursor-pointer.mr-4.mb-4 {  display: none;}
button.vs-component.vs-button.add_image_after.vs-button-primary.vs-button-filled.includeIcon.includeIconOnly.vs-radius {  background-color: red !important;}
.con-vs-dropdown--menu {  width: 15% !important;}
::placeholder {  color: #afafaf;}
.click_onlogo{  pointer-events: none;}
.edit_delete{cursor: pointer; }
button.vs-component.vs-button.vs-dialog-accept-button.vs-button-danger.vs-button-filled {  width: -webkit-fill-available;  height: 49px;}
/* .vs-dialog {  max-width: 495px !important;} */
/* .vs-input--placeholder.normal::after {  content: " *";  color: red;} */
/* .vs-textarea-primary::after {  content: " *" !important;  color: red !important;} */
.vs-table--search-input {  border-radius: 6px;}
.sampletext-center{text-align:right;}
.breadcrumb.breadcumb_main {margin:5px 0px 0px 15px;}
.con-vs-chip.uploaded_media_url.new_upload_file_csv{float: inherit !important;display: inline-block;}
.con-vs-chip.ag-grid-cell-chip.btn_inactive.vs-chip-primary.con-color {  background: red;}
select.w-full.select-large.custom_select {  height: 46px;  color: #626262;  background: none;  border: 1px solid rgba(60, 60, 60, 0.26);  border-radius: 4px;}

.hideme {display: none}
.input_section{ display: inline-block;width:98%;}
.dashboard-filters {display: inline-block;width:100%; padding: 10px;margin-bottom: 20px; border-radius: .5rem;}
.padding_common {
  padding: 0 15px;
}
.line-area-chart {
  display: none;
}
h2.mb-1.font-bold {
  position: absolute;
  left: 85px;
  top: 29px;
}
#one_month,#three_months,#six_months,#one_year,#rest {
  /* background: #fff;
    color: #222;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #ddd;
    border-radius: 49px;
    padding: 4px 17px; */
    background: #fff;
    color: #222;
    border: 3px solid #e7e7e7;
    border-bottom: 3px solid #ddd;
    border-radius: 49px;
    padding: 6px 21px 8px 18px;
    cursor: pointer;
    margin: 1px;

}
.toolbar {
  margin-left: 45px;
}
img.w-10.mr-4.fill-current.text-primary.orgpanel-logo{
  width: 79px !important;
}