@import url("./circle.css");
.alt-modal .alt-modal-body::-webkit-scrollbar-track,
.suggestion-list::-webkit-scrollbar-track,
.scroll-style::-webkit-scrollbar-track,
.sticky-top-0 .section-filter::-webkit-scrollbar-track {
	background-color: transparent;
}

.alt-modal .alt-modal-body::-webkit-scrollbar,
.suggestion-list::-webkit-scrollbar,
.scroll-style::-webkit-scrollbar,
.sticky-top-0 .section-filter::-webkit-scrollbar {
	background-color: transparent;
	width: 8px;
	height: 8px;
}

.alt-modal .alt-modal-body::-webkit-scrollbar-thumb,
.suggestion-list::-webkit-scrollbar-thumb,
.scroll-style::-webkit-scrollbar-thumb,
.sticky-top-0 .section-filter::-webkit-scrollbar-thumb {
	background: #e3e3e3;
	border-radius: 12px;
}
.width-130{
  width: 130px!important;
}
.min-width-150{min-width: 150px;}
.min-width-100{min-width: 100px;}
.cdk-overlay-container {
  z-index: 99999 !important;
}
body {
  /*background:#e3e3e3;*/
  background: #f0f1f2 !important;
  font-family: 'DIN Regular';
}
app-header .site-header {
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}
.card-block-inner.alt-card-inner,
.card-block-inner, .alt-card-inner {
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3) !important;
}
input:focus::-webkit-input-placeholder { color:transparent; }

    /* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }

    /* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

    /* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }
input:focus, textarea:focus, button:focus { outline: none;}
.word-wrap {
  white-space: normal !important;
  word-break: break-word;
}

app-header .site-header {
  background: #fff;
}

/*=======calender dropdown issue resolved===========START*/
.ui-datepicker-title select {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

/*=======calender dropdown issue resolved===========END*/

/****Deal Of The day start***********/


.partner_logo {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.partner_logo img {
  display: inline-block;
  max-width: 100px;
  text-align: center;
  border-radius: 5px;
}

.dealTitleText {
  font-size: 20px;
  padding: 0px;
  margin-bottom: 20px;
}

.deal-code {
  font-size: 24px;
  font-family: 'DIN Bold';
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

.btn-dashed {
  border: dashed 1px #aeaeae;
}

/****Deal Of The day End***********/


/************** mesh css ********************/

.pnumber {
  display: flex  !important;
  align-items: center !important;
}

.customdropdown{
  width: 45px;
  margin-right: 5px;
  max-width: 30px;
}

.customdropdown .dropdown-1 {width:200px !important; }
.customdropdown .text-dropdown.text-nowrap-grad{display: none !important;}
.customdropdown .select-dropdown .dropdown-button .mdi{right: 0px !important;}

.formfield-control.isdCode {
  padding: 6px 6px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  white-space: nowrap;
  width: auto !important;
}

.contact {
  border-top-left-radius:0px !important;
  border-bottom-left-radius:0px !important;
  padding-left:0.5rem !important;
  padding: 6px 6px !important;
}

.payroll-tr-selected {
  background: #F0F5FB;
}


.switch-app-holder {
  display: block;
  position: relative;
  float: left;
  width: 60px;
  height: 75px;
  max-height: 75px;
  margin-right: 5px;
  /*padding-left:0px !important
  transition: all 0.5s ease;*/
}
.alt-nav {
    /*padding-left:16px !important;*/
}

/*.switch-app-holder .switch-app-icon {
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  margin: -5px 0 0 -5px;
  color: #777;
}*/

.switch-app-holder.open {
  background: #fff;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.18);
}
.switch-app-holder .switch-app-icon  { cursor:pointer; }
.switch-apps-dropdown:after {
  content: '';
  display: block;
  width: 60px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0px;
  margin-top: -5px;
  z-index: 4;
}

.switch-apps-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 260px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
  border-top-left-radius: 0px;
  z-index: 3;
  padding: 20px 20px 10px 20px;
  transition: all 0.5s ease;
}

.switch-app-holder.open .switch-apps-dropdown {
  display: block;
}

.dropapp-title-outer {
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.dropapp-title-outer .dropapp-title-inner {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #4282be;
  font-family: 'DIN Medium';
}

.dropapp-title-inner .altapps-icon {
  width: 27px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  background: url(../images/switch_altapp_icons/alt_small.png) no-repeat;
}

.dropapp-title-inner .partnerapp-icon {
  width: 27px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  background: url(../images/switch_altapp_icons/ic_partner.svg) no-repeat;
}

.switch-apps {
  margin: 0px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0px;
  list-style: none;
}

.switch-apps li {
  display: block;
  padding: 10px;
  float: left;
}

.switch-apps li a {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: top;
  border-radius: 4px;
  background-color: #f8f8f8;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3);
}

.switchapps_inner {
  display: block;
  width: 100%;
}

.switchapps_inner .apps_iconholder {
  width: 100px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.switchapps_inner .apps_iconholder img {
  max-height: 40px;
  max-width: 60px;
}

.app_text {
  text-align: center;
  color: #494949;
  padding: 0 5px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: break-spaces;
  font-family: 'DIN Medium';
  font-size: 11px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 12px;
}

.switch-apps li a:hover,
.switch-apps li a.active {
  background-color: #fff;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

.switch-apps li a img {
  border: none;
  margin: 0 auto;
}

.drop-more-row {
  display: block;
  padding: 10px 28px 5px;
  text-align: right;
  text-transform: uppercase;
}

.drop-more-row .btn-link {
  font-size: 12px;
  font-family: 'DIN Medium';
}

/********** landing page css ************/
.bar-navigation li a {
  display: block;
  font-size: 12px;
  color: #777777;
  padding: 30px 20px 30px 20px;
  text-transform: uppercase;
  font-family: 'DIN Bold';
  -webkit-transition: none;
  transition: none;
  line-height: 1.17;
  letter-spacing: 0.5px;
  float: left;
  max-height: 75px;
}

.bar-navigation .dropdown.active>a {
  color: #4282be;
}

.bar-navigation .md24 {
  margin-left: 5px;
  margin-right: -10px;
  display: inline-block;
}

.navigation .dropdown-menu {
  background-color: #fff;
  border-radius: 0px 4px 4px 4px;
  border: none;
  overflow: hidden;
  min-width: 180px;
  z-index: 101;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
}

.search-top-btn,
.icon-top-block a {
  color: #777;
  display: inline-block;
}

.fs-12{
font-size: 12px;
letter-spacing: 0.5px;
}

.task_inbox_btn {
  display: inline-block;
  padding-top: 22px;
  padding-left: 20px;
}

.live-search-block .fl-right {
  margin-left: 20px;
}

.search_icon_top {
  max-height: 15px;
  max-width: 15px;
}

.quick_links_icon {
  max-height: 15px;
  max-width: 29px;
}

.quick_links_icon,
.search_icon_top {
  margin-bottom: 5px;
}

.top_quick_text {
  height: 10px;
  display: block;
  font-size: 8px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  color: #777777;
}

.header-container {
  margin-right: 269px;
  margin-left: 16px;
}

.alt-navigation {
  display: inline-block;
}

.header-right {
  width: 240px;
  margin: 0 19px 0 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.custom-punch .punch-check input[type=checkbox]:checked + .punch-swiper {
    background-color: rgba(109, 164, 216, 0.5);
}
.custom-punch .punch-check input[type=checkbox]:checked + .punch-swiper:before {
    background-color: #6da4d8;
}
.custom-punch input[type=checkbox]:checked + .punch-swiper:after {
    content: "Active";
    color: #494949;
}
.punch-wrap {
  display: inline-block;
  text-align: center;
  padding: 8px 0 5px 26px;
}

.punch-check {
  display: inline-block;
  width: 25px;
  height: 10px;
  position: relative;
  margin-bottom: 13px;
}

.punch-check .punch-swiper {
  display: inline-block;
  width: 25px;
  height: 10px;
  background-color: rgba(173, 173, 173, 0.5);
  border-radius: 4.5px;
}

.punch-check input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 10px;
  margin: 0px;
  opacity: 0;
  z-index: 2;
}

.punch-check input[type=checkbox]+.punch-swiper:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
  top: -3px;
  left: 0px;
  background-color: #adadad;
  border-radius: 50%;
}

.punch-check input[type=checkbox]:checked+.punch-swiper:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 16px;
  height: 16px;
  top: -3px;
  right: 0px;
  left: inherit;
  background-color: #adadad;
  border-radius: 50%;
}



.punch-tile-label {
  display: block;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.5px;
  text-align: left;
  color: #777;
}

.punch-tile-label .tm-label {
  margin-left: 5px;
}
.alt-modal .custom-punch input[type=checkbox] + .punch-swiper:after {
    color: #494949;
}
.custom-punch input[type=checkbox] + .punch-swiper:after {
    content: "Inactive";
    color: #aeaeae;
}
.custom-punch input[type=checkbox] + .punch-swiper:after, .custom-punch input[type=checkbox]:checked + .punch-swiper:after {
    position: absolute;
    top: 0;
    left: 35px;
    bottom: 0;
    margin: auto;
    height: 23px;
    line-height: 22px;
}

.header-profile-inner {
  padding: 15px 10px 0px 10px;
  background-color: #fff;
  position: relative;
  z-index: 100;
  max-height: 75px;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
  -webkit-box-shadow: 0 0 4px 0 rgba(150, 194, 236, 0.49);
  box-shadow: 0 0 4px 0 rgba(150, 194, 236, 0.49);
}

.leave-section {
  padding-right: 30px;
  display: table-cell;
  width: 80.6%;
  padding-top: 2px;
  padding-bottom: 20px;
}


.up {
  display: none;
}

.header-profile-inner.open {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
  -webkit-box-shadow: 0 6px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 3px 0 rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.profile-block-more {
  margin: 0px;
  padding: 20px;
  list-style: none;
}

.profile-block-more .md-icons {
  max-height: 15px;
  max-width: 12px;
  margin-right: 20px;
}

.profile-block-more li a {
  display: block;
  font-size: 12px;
  color: #494949;
  line-height: 14px;
  text-decoration: none;
  padding: 12px 0;
}

.p-img-b-outer {
  display: inline-block;
  float: right;
}

.p-img-b {
  display: inline-block;

  width: 44px;
  height: 44px;
  position: relative;
  margin-right: 46px;
  cursor: pointer;
}

.p-img-b img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.p-img-b .p-toggle {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -23px;
  top: 50%;
  margin-top: -10px;
}

.p-img-b .p-toggle .material-icons {
  color: #777;
  font-size: 24px;
  text-align: center;
  line-height: 20px;
}

.header-profile-inner.open .down {
  display: none;
}

.header-profile-inner.open .up {
  display: inline-block;
  color: #4282be;
}

.col-5 {
  width: 20%;
}

.card-sm-inner {
  background-color: #fff;
  border-radius: 6px;
  margin: 20px;
  margin: 10px 20px;
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.apps_icon-holder {
  display: flex;
  height: 150px;
  align-items: center;
  justify-content: center;
}

.app-list .card-sm-inner {
  height: 200px;
}

.app-hover-view {
  display: flex;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.app-list .card-sm-inner:hover .app-hover-view {
  opacity: 1
}

.app-hover-view a {
  clear: both;
}

.apphover-view-inner {
  display: inline-block;
  width: 130px;
}

.apphover-view-inner a {
  display: inline-block;
}

.apphover-view-inner a+a {
  margin-top: 10px;
}

.app-name {
  padding: 0 10px;
  font-size: 16px;
  font-family: 'DIN Medium';
  color: #494949;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #eee;
  border-top: solid 1px #ccc;
}

.card-category:after,
.card-category:before {
  content: '';
  display: table;
  clear: both;
  visibility: hidden;

}

.card-category {
  display: block;
  padding: 20px 20px 8px;
  font-family: 'DIN Medium';
  font-size: 16px;
}

.app-list .card-sm-inner:hover {
  background-color: #eee;
}

.mobileapps-icon {
  display: inline-block;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url(../images/app-icons/mob.png) no-repeat;
}

/****************** mesh css end ************/
.site-logo {
  float: left;
  width: inherit;
  min-width: 100px;
  max-width: 180px;
  height: 60px;
  vertical-align: middle;
  margin-top: 6px;
  margin-right: 30px;
}

.logo_outer {
  width: inherit;
  max-width: 125px;
  height: 63px;
  vertical-align: middle;
  display: table-cell;
}

.logo-inner {
  display: table-cell;
  width: 180px;
  height: 60px;
  vertical-align: middle;
}

.logo-inner img {
  max-width: 180px;
  max-height: 50px;
}

.active .dropdown-button {
  color: #4282be !important;
  background-color: #fff;
  border: solid 1px #fff;
  font-family: 'DIN bold';
}

.active .dropdown-button .mdi-chevron-down::before {
  color: #4282be;
}

.dropdown-block .dropdown {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.dropdown-button {
  display: block;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 5px;
  border-radius: 5px;
  background-color: #fff;
  height: 30px;
  float: inherit;
  text-transform: uppercase;
  border: solid 1px #fff;
  color: #777777;
  line-height: 14px;
  letter-spacing: 0.5px;
  font-size: 12px;
  font-family: 'DIN Regular';
}
.dropdown-button:hover{ background: #fff;}

.filter-by-block .dropdown .formfield-control {
  color: #777 !important;
  background-color: #fff !important;
  border: solid 1px #fff !important;
}

.filter-by-block .active .formfield-control {
  color: #6da4d8 !important;
  background-color: #fff !important;
  border: solid 1px #fff !important;
  font-family: 'DIN bold';
}

.dropdown-style {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: inherit;
  padding: 0 0 12px 0;
  padding-bottom: 12px;
  margin: 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  border: none;
  -webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, .18);
  box-shadow: 0 7px 6px rgba(0, 0, 0, .18);
}
.dropdown-right-0 .dropdown-style {
  left:inherit !important;
  right: 0px !important;
}
.dropdown-10 {
  min-width: 197px;
  border-radius: 4px 0 4px 4px !important;
  overflow: hidden;
  right: 0px;
  left: inherit;
  background-color: #494949;
}

.default-dropdown {
  min-width: 197px;
  border-radius: 4px 0 4px 4px !important;
  overflow: hidden;
  right: 0px;
  left: inherit;
  background-color: #4282be !important;
}

.default-dropdown li a {
  color: #fff;
}

.open>.btn {
  border-radius: 4px 4px 0 0 !important;
}

.search-block-filter .search-block {
  height: 30px;
  width: 100%;
  max-width: 500px;
  border-radius: 5px;
  background-color: #fff;
}
.search-block-filter .search-block.gray {
  background-color: #f5f5f5;
}

.bulk-action-dropdown .btn {
  padding-right: 5px;
}

.btn-black, .btn-black:hover, .btn-black:focus {
  color: #fff !important;
  border-radius: 5px;
  background-color: #494949;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px !important;
  font-weight: bold !important;
}

.bulk-action-dropdown .btn .md24 {
  margin-left: 10px;
  margin-top: -1px;
  height: 14px;
  display: inline-block;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
}
.radio {
  padding-left: 20px;
}

.arrow-doted-outer {
  width: auto;
  padding: 0 10px;
  height: inherit;
  z-index: inherit;
  position: relative;
  border: dashed 1px #adadad;
  height: 30px;
}

.arrow-doted-inner {
  display: block;
  height: auto;
  line-height: inherit;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  color: #777777;
  margin-left: 0px;
  letter-spacing: 1px;
}

.add-new-fillter {
  float: left;
  position: relative;
  margin-left: 0px;
  cursor: pointer;
}

.filter-cell{
  width: 120px;
  text-transform: uppercase;
  font-family: 'DIN Bold';
  padding-top: 8px;
  display: table-cell;
  vertical-align: top;
  letter-spacing: 1px;
}
.applied-filters-block h2{
  display: inline-block;
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: 'DIN Bold';
  letter-spacing: 1px;
}

.applied-text {
  padding-right: 0px;
  color: #4282be !important;
  cursor: pointer;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-right: 13px;
  height: 16px;
  display: inline-block;
}

.applied-text .mdi-close {
  font-size: 16px;
  float: right;
  margin-top: -3px;
  height: 16px;
  margin-left: 3px;
}

.gray-color {
  color: #777777 !important;
}

.toggle-jobs {
  border-bottom: solid 2px #e4d8e7;
  position: relative;
  margin: 15px 0px 5px 0px;
}

.toggle-element .md24 {
  margin-right: 0px;
  text-align: right;
}

/*********** columns *******************/
.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.666667%;
}

.col-10 {
  width: 83.333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.666667%;
}

.col-7 {
  width: 58.333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.666667%;
}

.col-4 {
  width: 33.333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.666667%;
}

.col-1 {
  width: 8.333333%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  display: block;
  float: left;
}

.sb-section {
  display: table;
  width: 100%;
}

.sb-section-outer {
  margin-left: -7px;
  margin-right: -7px;
}

.sec-block-table {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.w-100 {
  width: 100% !important;
}

.sec-block-table-inner {
  display: table;
  width: 100%;
}

.altone-tables .td-emp-status,
.altone-tables .td-emp-position-label,
.altone-tables .td-year-month-label,
.color_777,
.sub-text {
  color: #777;
}

.leave-count-status {
  margin-left: 2px;
}

.timesheet-status-outer {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 5px;
  border-radius: 3px;
  background: #d8d8d8;
}

.timesheet-status-outer {
  overflow: hidden;
}

.present_hours {
  display: block;
  height: 5px;
  border-radius: 3px;
}

.info-bg {
  background: #6da4d8;
}

.success-bg {
  background: #70cf00;
}

.danger-bg {
  background: #e71d09;
}

.present_hours,
.extra_hours,
.danger_hours,
.empty_hours {
  display: block;
  height: 5px;
  border-radius: 3px;
  float: left;
}

.altone-tables a {
  color: #494949;
}

.bulk-actionblock {
  width: 160px;
}

.addnewemp-block {
  width: 177px;
}

.search-block>.search-input {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 10px;
  letter-spacing: normal;
  border: none;
  background: none;
  height: 30px;
  max-width: 100% !important;
}
.search-block>.ui-inputfield.search-input.ui-state-focus {
  box-shadow: none !important;
}
.select-search-input {
  /*width: 110% !important;*/
  padding: 9px !important;
  font-size: 11px !important;
  font-family: tahoma;
  height: 30px;
  background: #e7e7e7 !important;
  border: 1px solid #bac3c9 !important;
}

.select-ui-icon-search {
  position: absolute !important;
  top: 7px !important;
  right: 10px !important;
  z-index: 4 !important;
}

.search-block-filter,
.addnewemp-block,
.bulk-action-cell {
  padding: 0px 7px;
}

.mb10 {
  margin-bottom: 10px;
}

.w-100 {
  width: 100% !important;
}

.sb-section .card-bulk-actions .dropdown {
  display: inline-block;

}

.sb-section .card-bulk-actions button {
  display: inline-block;
  float: left;
}

.sb-section .td {
  vertical-align: top;
  padding: 7px;
}
.sb-section.footer-sbsection .td {
  padding: 0px;
}

.btn-action {
  background-color: #5bb75b;
  color: #fff;
}

.btn-default,
.btn-default:focus,
.btn-default:hover {
  color: #fff;
  background-color: #031842;
}
.btn-default .mdi {
  color: #fff !important;
}

.mt-50 {
  margin-top: 50px !important
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.btn-black,
.btn-black:hover,
.btn-black:focus {
  color: #fff !important;
  border-radius: 5px;
  background-color: #494949;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  font-size: 12px !important;
  font-weight: bold !important;
}
.btn-black .text-dropdown,
.btn-black:hover .text-dropdown,
.btn-black:focus .text-dropdown { color: #fff !important;}

.btn {
  position: relative;
}

.btn .task-count {
  position: absolute;
  top: 0px;
  margin-left: 3px;
  margin-top: -8px;
  font-weight: lighter;
}

.sb-section .card-block.search-block-section,
.search-block .form-control {
  height: 30px;
}

.search-block .btn {
  padding-top: 4px;
  padding-right: 10px;
  font-size: 22px;
}
.search-block .btn .material-icons {
  color: #adadad;
  font-size: 22px;
}

.fixed-btn-bottom {
  right: 5px !important;
  bottom: 170px !important;
}

.btn {
  height: 29px;
  display: inline-block;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.section-table {
  padding: 20px 0;
}

.altone-tables, .altone-tables2 {
  background: #fff;
  border-radius: 5px;
  width: 100%;
  /* table-layout: fixed; */
  border-collapse: collapse;
  display: table;
}
.altone-tables tr > td {
  border-bottom: solid 1px #e7e7e7;
}
.altone-tables .tr, .altone-tables2 .tr {
  display: table-row;
  border-bottom: solid 1px #e7e7e7;
  border-left: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
}
.altone-tables .tr.selected, .altone-tables2 .tr.selected { background: rgb(109,164,216, 0.2);}

.altone-tables .thead, .altone-tables2 .thead {
  height: 50px;
  border-radius: 5px;
  display: table-header-group;
}
.altone-tables thead {
  height: 50px;
}

.altone-tables .thead .th:first-child,
.altone-tables2 .thead .th:first-child,
.altone-tables thead th:first-child {
  border-top-left-radius: 5px;
}

.altone-tables .thead .th:last-child,
.altone-tables2 .thead .th:last-child,
.altone-tables thead th:last-child {
  border-top-right-radius: 5px;
}

.select-view {
  /*z-index: 100;
  right: 50px;
  top: 60px;
  padding: 5px 0;
  background-color: #f5f5f5;
  display: block;
  border: solid 1px #f5f5f5;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.18);*/

}

.select-view ul {
  max-height: 360px;
  overflow: auto;
  display: block;
  min-height: 68px;
}

.black-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  object-fit: contain;
  background-color: #000;
  border-radius: 50%;
  margin-right: 5px;
}

#include .ui-commandlink.green-color { color:#5bb75b !important;}
#include .ui-commandlink.blue-color { color:#4282be !important;}
#include .ui-commandlink.red-color { color:#e71d09 !important;}
#include .ui-commandlink.black-color { color:#000 !important;}
#include .ui-commandlink.orange-color {color:#ffb532 !important;}



.select-view:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 18px #dae8f5;
  position: absolute;
  top: -18px;
  right: 30px;
}

.select-view:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: solid 14px transparent;
  border-right: solid 14px transparent;
  border-bottom: solid 17px #fff;
  position: absolute;
  top: -17px;
  right: 31px;
}

.select-view li a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  font-family: 'DIN Regular';
  line-height: 14px;
  text-transform: capitalize;
}

.select-view li.active a {
  background: #ecf6ff;
}

.select-view li+li {
  border-top: 0px;
}

.select-view li:hover {
  background: #fff;
}

.select-view li a .task-list-title {
  height: 20px;
  line-height: 20px;
}

.select-view li a .task-list-text {
  color: #777;
  font-size: 12px;
}

.searchDrop {
  width: 21%;
  min-width: 260px;
  position: absolute;
}

.altone-tables .td,
.altone-tables .th,
.altone-tables th,
.altone-tables td {
  padding: 10px;
  position: relative;
  vertical-align: middle !important;
}

.td,
.th {
  display: table-cell;
}

.altone-tables .td,
.altone-tables td {
  color: #494949;
  font-size: 12px;
  vertical-align: middle;
  word-break: break-word;
}
.altone-tables .tr > .td:first-child {
  border-left: solid 1px #f5f5f5;
}
.altone-tables .tr > .td:last-child {
  border-right: solid 1px #f5f5f5;
}

.altone-tables .th,
.altone-tables th {
  color: #404040;
  font-size: 13px;
  background-color: #e4e5e6;
  vertical-align: middle;
  font-weight: bold;
  height: 50px;
}

.check-box-col {
  max-width: 25px;
  width: 25px;
  min-width: 25px;
  padding-right: 0px !important;
}

.altone-tables .td .c100 {
  margin: 3px 8px 0 0;
}

.profile-c100 {
  padding-left: 48px !important;
}

.altone-tables .th label,
.altone-tables th label {
  margin-bottom: 0px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.theme-color {
  color: #4282be !important;
}

.altone-tables .td .td-name-label {
  font-family: 'DIN bold';
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 0;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  font-size: 15px;
  color: #555555;
}
.profile-col-width {
  min-width: 200px;
}
.altone-tables .td-emp-status,
.altone-tables .td-emp-position-label,
.altone-tables .td-year-month-label,
.color_777 {
  color: #777;
}

.td-emp-status {
  text-transform: uppercase;
}

.td-more-options {
  display: inline-block;
  float: right;
  position: relative;
}

.td-more-options .material-icons {
  color: #adadad;
  font-size: 22px;
}

.rewards-text-outer {
  display: inline-block;
  float: left;
  min-width: 70px;
}

.altone-tables .badge-danger,
.altone-tables .badge-warning {
  display: inline-block;
  margin-left: 5px;
  height: 16px;
  border-radius: 2px;
  color: #fff;
  padding: 3px 5px;
  font-size: 8px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  line-height: 10px;
}

.task-count {
  display: inline-block;
  border-radius: 40px;
  padding: 0 5px;
  height: 17px;
  min-width: 17px;
  text-align: center;
  background-color: #4282be;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-family: 'DIN Medium';
}

.altone-tables .task-count {
  float: left;
  margin: 3px 10px 3px 0;
}

.tab-list .task-count {
  margin-right: 4px;
  margin-top: -5px;
  position: relative;
}

.task-count.warning {
  background-color: #ffb532;
  border: none;
}

.task-count.danger {
  background-color: #e71d09;
}

.altone-tables .badge-danger {
  background-color: #e71d09;
}

.altone-tables .badge-warning {
  background-color: #ffb532;
}

.altone-tables .badge-danger {
  background-color: #e71d09;
}

.altone-tables .danger-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  object-fit: contain;
  background-color: #e71d09;
  border-radius: 50%;
  margin-right: 5px;
}

.info-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  object-fit: contain;
  background-color: #4282be;
  border-radius: 50%;
  margin-right: 5px;
}

.warning-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  object-fit: contain;
  background-color: #ffb532;
  border-radius: 50%;
  margin-right: 5px;
}

.td-emp-info {
  min-width: 240px;
}

.altone-tables .dropdown-menu {
  width: 214px;
}

.altone-tables .dropdown-menu .md-icons {
  max-width: 12px;
  max-height: 12px;
  margin-right: 20px;
  margin-left: 5px;
}

.altone-tables .sorter-icon {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: url(../images/svg-small/sorter.svg) no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.altone-tables .sorter-icon.active {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: url(../images/svg-small/sorter-active.svg) no-repeat;
  background-size: 12px 12px;
  background-position: center;
}

.sorter-icon {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: url(../images/svg-small/sorter.svg) no-repeat;
  background-size: 12px 12px;
}
.sorter-icon.active {
  display: inline-block;
  margin-left: 7px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: url(../images/svg-small/sorter-active.svg) no-repeat;
  background-size: 12px 12px;
}

.altone-tables .check-box,
.altone-tables .progress-radia {
  display: inline-block;
}

.altone-tables .check-box {
 /* margin-top: 5px;
  margin-bottom: 5px;*/
  float: left;
}

.altone-tables .progress-radial {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e3e3e3;
  display: inline-block;
}

.altone-tables .progress-radial .overlay {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #e3e3e3;
  border-radius: 50%;
  margin-left: 2px;
  margin-top: 2px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.altone-tables .progress-radial:after,
.altone-tables .progress-radial:before {
  content: '' !important;
  background: none !important;
  position: inherit !important;
  display: none;
}

.altone-tables .progress-radial .overlay img {
  width: 100%;
  border-radius: 50%;
  box-shadow: none;
  border: solid 2px #fff;
}

.altone-tables .progress-0 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-5 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-10 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-15 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-20 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-25 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-30 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-35 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-40 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-45 {
  background-image: linear-gradient(90deg, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #e71d09 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-50 {
  background-image: linear-gradient(-90deg, #a8407f 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-55 {
  background-image: linear-gradient(-72deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-60 {
  background-image: linear-gradient(-54deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-65 {
  background-image: linear-gradient(-36deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-70 {
  background-image: linear-gradient(-18deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-75 {
  background-image: linear-gradient(0deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}


.altone-tables .progress-80 {
  background-image: linear-gradient(18deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-85 {
  background-image: linear-gradient(36deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-90 {
  background-image: linear-gradient(54deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-95 {
  background-image: linear-gradient(72deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

.altone-tables .progress-100 {
  background-image: linear-gradient(90deg, #70cf00 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #70cf00 50%, #ffffff 50%, #ffffff);
}

-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
textarea { resize: none;}
.altone-tables .tool-tp-con>.tool-tp {
  position: absolute;
  display: none;
  /*width:200px;*/
  padding: 15px;
  background: rgba(73, 73, 73, 0.9);
  color: #fff;
  border-radius: 5px;
  text-transform: inherit;
  text-align: left;
  font-size: 12px;
  z-index: 3;
  top: 0px;
  left: 100%;
  margin-left: 8px;
  margin-top: -15px;


}

.altone-tables .tool-tp-con .tool-tp::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 18px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(73, 73, 73, 0.9) transparent transparent;
}

.tool-tp-con {
  position: relative;
}
.tool-tp-con > .tool-tp {
  position:absolute;
  display:none;
  /*width:200px;*/
  padding:10px 15px;
  background:rgba(73, 73, 73, 0.8);
  color:#fff;
  border-radius:5px;
  text-transform:inherit;
  text-align:left;
  font-size:12px;
  z-index:3;
  top:0px;
  left:100%;
  margin-left:8px;
  margin-top:-15px;
}
.tool-tp-con.top > .tool-tp {
  bottom:100%;
  left:0;
  right:auto;
  top: auto;
}
.tool-tp-con.top-center > .tool-tp {
  bottom:100%;
  left:50%;
  right:auto;
  top: auto;
  margin-left:0px;
  transform: translateX(-50%);
}
.nowrap {
  white-space: nowrap;
}
.tool-tp-con.top .tool-tp::after {
  content: "";
  position: absolute;
  left: 18px;
  top: auto;
  bottom: 0px;
  margin-bottom: -13px;
  border-width: 7px;
  border-style: solid;
  border-color: rgba(73, 73, 73, 0.8)transparent transparent transparent;
}
.tool-tp-con.top-center .tool-tp::after {
  content: "";
  position: absolute;
  left:50%;
  top: auto;
  bottom: 0px;
  margin-bottom: -13.5px;
  border-width: 7px;
  border-style: solid;
  border-color: rgba(73, 73, 73, 0.8)transparent transparent transparent;
}
.tool-tp-con.left > .tool-tp {
  top:0px;
  left:auto;
  right: 100%;
  margin-right: 5px;
}
.tool-tp-con .tool-tp::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 18px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(73, 73, 73, 0.8) transparent transparent;
}
.tool-tp-con .tool-tp.rightIconToolTip::after {
 display:none;
}
.tool-tp-con.left .tool-tp::after {
  content: "";
  position: absolute;
  right:auto;
  left: 100%;
  top: 18px;
  margin-right: -5px;
  margin-left: auto;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(73, 73, 73, 0.8);
}
.tool-tp-bottom {
  position: relative;
}

.tool-tp-bottom .tool-tp {
  position: absolute;
  display: none;
  width: 200px;
  padding: 12px;
  background: rgba(73, 73, 73, 0.9);
  color: #fff;
  border-radius: 5px;
  text-transform: inherit;
  text-align: left;
  font-size: 12px;
  z-index: 3;
  top: 100%;
  left: 0px;
  /*margin-top: 5px;*/
}

.tool-tp-bottom .tool-tp::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 0px;
  margin-top: -13px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent rgba(73, 73, 73, 0.9)transparent;
}
.tool-tp-bottom.right-0 .tool-tp { right: 0px; left: auto !important;}
.tool-tp-bottom.right-0 .tool-tp::after {
  left: auto !important;
  right: 20px;
}

.tool-tp-con:hover>.tool-tp,
.tool-tp-bottom:hover .tool-tp,
.tool-tp-top:hover .tool-tp{
  display: inline-block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.vertical-scrollbox li.tool-tp-con.top:first-child > .tool-tp {
  position: absolute;
  display: none;
  padding: 12px;
  background: rgba(73, 73, 73, 0.9);
  color: #fff;
  border-radius: 5px;
  text-transform: inherit;
  text-align: left;
  font-size: 12px;
  z-index: 3;
  top: 100%;
  bottom: auto;
  left: 0px;
  margin-top: -5px;
}
.vertical-scrollbox li.tool-tp-con.top:first-child > .tool-tp:after {
  content: "";
  position: absolute;
  left: 18px;
  top: 0px;
  bottom: auto;
  margin-top: -13px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent rgba(73, 73, 73, 0.9)transparent;
}
.vertical-scrollbox li.tool-tp-con.top:first-child:hover > .tool-tp {
  display: inline-block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.vertical-scrollbox .tool-tp {
  max-width: 98%;
  word-break: break-word;
}
.tool-tp-text-lg {
  text-align: left;
  text-transform: capitalize;
  font-size: 11px;
  line-height: 14px;
  word-break: break-word;
}
.word-break{
  word-break: break-word;

}

.tool-tp-text-lg+.tool-tp-text-lg {
  padding-top: 10px;
}

.tool-tp .tool-tp-title {
  font-size: 12px;
  font-family: 'DIN bold';
  margin-bottom: 5px;
  text-transform: capitalize;
}

.tool-tp .tool-tp-title,
.tool-tp-st,
.tool-tp .tool-tp-info,
.tool-tpst-info {
  /*word-break: keep-all;
  white-space: nowrap;*/
}

.tool-tp .tool-tp-st {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
  font-family: 'DIN Regular';
}

.tool-tp .tool-tp-info,
.tool-tpst-info {
  text-transform: initial;
  font-family: 'DIN Regular';
  font-weight: normal;
}

.tool-tpst-info+.tool-tpst-info {
  padding-top: 5px;
}

.c100.tool-tp-bottom .tool-tp {
  width: auto;
  margin-left: -10px;
}
.font-small { font-size: 11px; }
.ls-first-half,
.ls-second-half {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin-right: 5px;
}

.ls-second-half {
  box-shadow: 0px 0.04em 0px 0.04em rgba(0, 0, 0, 0.2);
}

.ls-first-half {
  box-shadow: 0px 0.04em 0px 0.04em rgba(0, 0, 0, 0.2);
}

.ls-first-half:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 4px;
  height: 8px;
  background-color: #e71d09;
}

.ls-second-half:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4px;
  height: 8px;
  background-color: #e71d09;
}

.ls-unfilled {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  border: solid 1px #e71d09;
}

.td-emp-status .ls-second-half,
.td-emp-status .ls-first-half,
.td-emp-status .danger-indicator,
.td-emp-status .ls-unfilled {
  margin-left: 7px;
}

.td-emp-status .tool-tpst-info .ls-second-half,
.td-emp-status .tool-tpst-info .ls-first-half,
.td-emp-status .tool-tpst-info .danger-indicator,
.td-emp-status .tool-tpst-info .ls-unfilled {
  margin-left: 0px;
}

.td-emp-code {
  text-transform: uppercase;
  display: inline-block;
  padding-right: 5px;
}

.tab-row {
  margin-bottom: 15px;
  border-bottom: solid 1px #adadad;
  position: relative;
  font-family: 'DIN Medium';
  text-transform: uppercase;
  color: #494949;
  font-size: 12px;
}

.filter-toggle {
  display: inline-block;
  color: #4282be;
  font-weight: bold;
  text-transform: capitalize;
  position: absolute;
  right: 0px;
  bottom: 14px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}
.tab-row.h-auto{ min-height: 35px !important;}

.show-filtericons {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/svg/filter_mobile.svg) 0 0 no-repeat;
  background-size: 12px auto;
  margin-top: 2px;
  float: left;
}

.filter-toggle .show-filter-icons,
.filter-toggle.hide-filter .hide-filter-icons {
  /*display:none;*/
}

.filter-toggle.hide-filter .show-filter-icons,
.filter-toggle .hide-filter-icons {
  display: block;
}

.filter-toggle .material-icons {
  width: 16px;
  height: 16px;
  float: left;
  font-size: 16px;
  color: #adadad;
  margin-top: 1px;
}

.tab-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.tab-list>li {
  font-size: 12px;
  color: #494949;
  letter-spacing: normal;
  line-height: 14px;
  font-family: 'DIN Regular';
  display: inline-block;
  position: relative;
}
.tab-list > li + li {
  margin-left: 20px;
}
.vmiddle {
  vertical-align: middle !important;
}
.tab-list li>a {
  display: inline-block;
  padding: 18px 10px 10px;
  height: 44px;
  font-size: 12px;
  color: #494949;
  letter-spacing: normal;
  line-height: 14px;
  font-family: 'DIN Regular';
}

.tab-list li>a.select-width {
  width: 100% !important;
}

.tab-list li.active a {
  font-weight: bold;
  font-family: 'DIN Bold';
}

.tab-list li.active a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  height: 3px;
  background-color: #4282be;
  bottom: -2px;
}

.load-more-section {
  padding: 20px 0;
  text-align: center;
}
.font-size-16 { font-size: 16px;}
/**************** sidebar css ***************/
.st-block {
  padding: 20px 15px;
}

.st-block-bg {
  background-color: #404040;
}

.st-icon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  float: left;
}

.s-title {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 16px;
  margin-bottom: 18px;
  height: 16px;
  letter-spacing: 0.5px;
}

.s-title .date-text {
  font-weight: lighter;
  margin-left: 5px;
}

.s-title .time {
  margin-left: 5px;
}

.prifile-fields-outer {
  height: 30px;
  border-radius: 5px;
  background-color: #777777;
  color: #fff;
  padding: 8px 10px;
}

.prifile-fields-outer+.prifile-fields-outer {
  margin-top: 5px;
}

.prifile-fields-outer .field-counts {
  font-weight: bold;
  float: right;
}

.prifile-fields-outer .pftl {}

.st-progress {
  display: block;
  height: 3px;
  background-color: #5e5e5e;
  position: relative;
  margin-bottom: 5px;
}

.st-progress-fill {
  display: inline-block;
  height: 3px;
  background-color: #4282be;
  float: left;
}

.st-earning-progress-fill {
  display: inline-block;
  height: 3px;
  background-color: #ffb532;
  float: left;
}

.stp-status {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
  color: #fff;
}

.stp-count-text {
  text-transform: uppercase;
}

.stp-count-text>span {
  margin-right: 5px;
}

.sti-right {
  display: inline-block;
  float: right;
}

.st-bottom-lr {
  opacity: 0.7;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 12px;
  letter-spacing: 0.5px;
  text-align: right;
  color: #ffffff;
  text-transform: uppercase;
}

.st-jinie-block {
  background-color: #4282be;
}

.st-jinie-msg {
  font-size: 14px;
  color: #fff;
}

.st-jinie-msg+.st-jinie-msg {
  border-top: solid 2px rgba(255, 255, 255, 0.18);
  padding-top: 15px;
  margin-top: 15px;
}

.st-month-swiper {
  width: 190px;
  margin: 0 auto;
  height: 14px;
  position: relative;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.5px;
}

.st-month-swiper .arrows-btns {
  display: inline-block;
  width: 20px;
  height: 14px;
}

.st-month-swiper .left {
  float: left;
}

.st-month-swiper .right {
  float: right;
}

.st-month-swiper .arrows-btns .material-icons {
  color: #fff;
  width: 20px;
  height: 14px;
  display: inline-block;
  text-align: center;
  line-height: 14px;
  font-size: 22px;
}

.font-normal {
  font-weight: normal;
  font-family: 'DIN Regular';
}


.dropdown .employees.plus-more img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: solid 2px #fff;
  margin-left: -12px;
  float: left;
}

.dropdown .employees img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: solid 2px #fff;
  margin-right: 5px;
  float: left;
}

.dropdown .employees .employee-more {
  display: inline-table;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  padding: 0px;
  color: #fff;
  background-color: #494949;
  border: solid 2px #ffffff;
  border-radius: 50%;
}

.dropdown .employees.plus-more .employee-more {
  margin-left: -10px;
}

.dropdown .employees .employee-more .td {
  vertical-align: middle;
}

.dropdown .employees img:hover {
  width: 25px;
  height: 25px;
}

.dropdown .employees.plus-more {
  padding-left: 10px;
  margin: 10px 0;
}

.dropdown .checkbox label {
  padding-left: 15px;
  color: #494949;
  font-size: 12px;
  margin-left: 10px;
  word-wrap: break-word;
  font-weight: 100;
  font-family: 'DIN Regular';
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 15px;
  margin-top: 1px;
}

.checkbox input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
  z-index: 1;
  opacity: 0;
  left: 0;

}

.checkbox input[type="checkbox"]:enabled {
 cursor: pointer;
}

input[type="checkbox"].styled:checked+label::after {
  font-family: 'Material Design Icons';
  content: "\f12c";
}

.checkbox input[type="checkbox"]:checked+label::after {
  color: #fff !important;
}

.checkbox label::before {
  content: "";
  margin-top: 1px;
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  margin-left: 0px;
  border: 2px solid #aeaeae;
  border-radius: 2px;
  background-color: #fff;
  z-index: 0;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox input[type="checkbox"]:checked+label::before {
  background-color: #4282be !important;
  border-color: #4282be !important;
}
.radio input[type="radio"]:checked+label::before {
  border-color: #4282be !important;
}

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

.radio input[type="radio"]:checked+label::after {
  background-color: #4282be !important;
}

.new-ui .radio input[type="radio"]:checked+label::after {
  border-color: #2A5EE3 !important;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #aeaeae;
  border-radius: 50%;
  background-color: #fff;
  z-index: 0;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 7px;
  height: 7px;
  left: 4px;
  top: 4px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: transparent;
}

.dropdown-200 {
  width: 200px;
  border-radius: 0 5px 5px 5px;
}

.dropdown-150 {
  width: 150px;
  border-radius: 0 5px 5px 5px;
}
.dropdown_width250 .dropdown-style, .dropdown_width250 .dropdown-list {
  min-width: 250px;
}
.dropdown_width200 .dropdown-style, .dropdown_width200 .dropdown-list {
  min-width: 200px;
}
.dropdown_width150 .dropdown-style, .dropdown_width150 .dropdown-list {
  min-width: 150px;
}
.dropdown_width100 .dropdown-style, .dropdown_width100 .dropdown-list {
  min-width: 100px;
}
.width175{min-width: 175px;}

.dropdown-inner {
  padding: 20px 0;
  padding-bottom: 0px;
}

.dropdown-inner ul {
  max-height: 300px;
  overflow-y: auto;
}

.dlp>li {
  padding: 10px 20px;
  position: relative;
}

.dlp>li .dlp {
  display: none;
}

.dlp>li.open .dlp {
  display: block;
}

.dlp>li .material-icons {
  position: absolute;
  right: 10px;
  top: 10px;
}

.dlp li .material-icons {
  font-size: 22px;
  color: #adadad;
}

.dlp>li .dlp>li .material-icons {
  position: absolute;
  right: -10px;
  top: 10px;
}

.dlp>li.open {
  background-color: #f5f5f5;
}

.dlp>li .up {
  display: none;
}

.dlp>li.open .checkbox>label {
  font-weight: bold;
  color: #4282be;
}

.dropdown-style .dlp>li.active a {
  font-weight: normal !important;
  font-family: 'DIN Regular';
}

.dlp>li.open .right {
  display: none;
}

.dlp>li.open>.up {
  display: inline-block;
  color: #4282be;
}

.dlp>li .dlp {
  margin-top: 10px;
}

.dlp>li .dlp>li {
  padding: 0px 0 0 15px;
}

.dlp>li .dlp>li a {
  background: none;
  color: #494949;
  font-weight: normal;
}

.dropdown-title {
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.sort-by-block {
  display: none;
}

.card-pagination span+span {
  margin-left: 3px;
}

.card-pagination {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5;
  color: #777;
  text-transform: uppercase;
  padding: 10px 0 5px;
}

.pagination-num {
  color: #494949;
  float: left;
}

.card-pagination .checkbox-outer {
  float: right;
}

.card-pagination .checkbox label {
  font-family: 'DIN Regular';
}

.card-pagination .checkbox label::before {
  background: none;
}

.no-scroll {
  overflow: hidden;
}

.btn-white {
  border: solid 1px #777;
}

.btn-gray {
  background-color: #939598;
  color: #fff;
}

.btn-gray:hover {
  background-color: #494949 !important;
}

.FL {
  float: left;
}

.FR {
  float: right;
}

.altone-tables .td .c100,
.default-table .td .c100,
.default-table td .c100 {
  margin: 3px 8px 0 0;
}

.bulk-task-approval-modal {
  width: 955px;
}

.add-filter-dialog .alt-modal {
  width: 935px;
  min-height: 377px;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
  border-radius: 5px;
}

.add-filter-dialog .alt-modal .alt-modal-title {
  background: none;
  color: #494949;
  font-size: 18px;
  font-family: 'DIN bold';
  padding: 10px 20px;
  position: relative;
}

.add-filter-dialog .alt-modal-close .material-icons {
  color: #adadad;
  font-size: 22px;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: left;
}

.add-filter-dialog .alt-modal-close {
  right: 30px;
  top: 15px;
  width: 18px;
  height: 16px;
  padding: 0px;
}

.filtercheck-outer {
  margin-left: -20px;
  margin-right: -20px;
}

.filtercheck-list {
  display: block;
}

.filtercheck-list>li {
  display: inline-block;
  width: 33.33%;
  padding: 0 20px;
  float: left;
}

.add-filter-dialog .modal-footer {
  padding: 15px 20px;
  border: none;
}

.filtercheck-list .checkbox label {
  display: block;
}

.filtercheck-list .checkbox .filter-check-label {
  display: block;
  background: #f4f4f4;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0px 9px;
  font-family: 'DIN Regular';
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.filtercheck-list>li {
  margin-top: 20px;
}

.add-filter-dialog .alt-modal-body {
  min-height: 275px;
}

.filtercheck-list li .checkbox label::before {
  top: 7px;
}

.filtercheck-list li .checkbox input[type="checkbox"] {
  margin: 8px 0 0;
  left: 0;
}

.filtercheck-list li .checkbox .checkbox label::after {
  top: 8px;
}

.filtercheck-list li .checkbox input[type="checkbox"]:checked+label::after {
  top: 7px;
  line-height: 14px;
}

.filtercheck-list li .checkbox input[type="checkbox"]:checked+label .filter-check-label {
  color: #4282be;
  font-family: 'DIN Bold';
}

.task-inbox-section {
  margin-left: -5px;
  margin-right: -5px;
}

.task-inbox-section .section-table {
  padding-top: 0px;
}

.task-inbox-section .filter-by-block {
  margin-bottom: 0px;
  display: table;
  width: 100%;
}

.task-inbox-section .section-left {
  width: 42%;
  padding: 0 5px;
  float: left;
}

.task-inbox-section .section-right {
  width: 58%;
  padding: 0 5px;
  float: left;
}

.task-inbox-section .task-inbox-user-card {
  display: block;
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /*height: 145px;*/
  padding: 0 15px;
  margin-bottom: 5px;
  min-height: 161px;
  border: solid 1px #f5f5f5;
}
.task-inbox-user-card.custom-for-payroll { height: auto; min-height: auto;}
.task-inbox-section .task-inbox-user-card .tiuc-card-title {
  padding: 20px 0 15px;
  border-bottom: solid 1px #e3e3e3;
  color: #494949;
}

.tiuc-card-title .module-name {
  font-size: 22px;
  font-family: 'DIN Bold';
  font-style: normal;
  font-stretch: normal;
  line-height: 0.77;
  letter-spacing: -0.5px;
  margin-right: 5px;
}

.tiuc-card-title .stage-name {
  font-size: 12px;
  font-family: 'DIN Bold';
  margin-right: 5px;
  letter-spacing: -0.5px;
}

.tiuc-card-title .task-code {
  font-size: 12px;
  margin-right: 5px;
  letter-spacing: -0.5px;
}

.task-inbox-section .task-inbox-user-card .tiuc-card-title .icons-holder {
  display: inline-block;
  float: right;
}

.tiuc-card-title .icons-holder .icons {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
}

.tiuc-card-title .icons-holder .icons+.icons {
  margin-left: 15px;
}

.p-pro-60 .progress-radial {
  position: relative;
  width: 62px;
  height: 62px;
  background-color: #76d10a;

}

.p-pro-60 .progress-radial .overlay {
  position: absolute;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 3px;
  text-align: center;
  line-height: inherit;
  font-size: 16px;
  padding: 2px;

}

.progress-radial:after,
.progress-radial:before {
  display: none;
}

.p-pro-60 .progress-radial .overlay img {
  box-shadow: none;
  width: 100%;
  height: 100%;
}

.task-in-pic {
  width: 70px;
  text-align: left;
  vertical-align: middle;
  height: 90px;
}

.tin-user-info {
  display: inline-block;
}

.task-inbox-user-card .name-text {
  font-family: 'DIN Bold';
  font-size: 12px;
  letter-spacing: 0.5px;
}

.task-inbox-user-card .inline-table-right {
  float: right;
  display: inline-table;
  width: auto !important;
}

.task-inbox-user-card .inline-table-right td {
  padding: 0 10px;
}

.task-inbox-details-outer {
  display: block;
  background: #fff;
  padding: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: solid 1px #f5f5f5;
}
.flex { display: flex;}

.flex-inline { display: inline-flex; align-items: center; justify-content: center;}
.mr-5 {
margin-right:5px;
}

.task-inbox-details-outer .tiuc-card-title {
  padding: 5px 0 15px;
  border-bottom: solid 1px #e3e3e3;
  color: #494949;
  margin-bottom: 15px;
  position: relative;
}

.task-inbox-details-outer .tiuc-card-title .title-text {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 12px;
  font-family: 'DIN Bold';
}

.task-inbox-details-outer .border-devider {
  border-bottom: solid 1px #e3e3e3;
  height: 1px;
  margin: 15px 0 20px;
}

.task-inbox-details-outer .border-devider.full {
  margin-left: -15px;
  margin-right: -15px;
}

.dropdown-style {
  padding: 0;
  margin-top: 0px;
}

.dropdown-style li:hover a {
  background: #f5f5f5;
}

.tab-list .dropdown-style {
  background: #fff;
}

.option-overlap {
  float: right;
  background: #fff;
  display: inline-block;
  padding: 0 0 4px 10px;
  margin-top: -4px;
  max-width: 99.9%;
}
.option-overlap .attached-path { max-width: 100%;}
.file-btn img {
  margin-top: 0px
}

.default-table .file-btn img {
  margin-top: 3px !important;

}

.option-overlap .uploaded-doc {
  height: 36px;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  padding: 7px;
  cursor: pointer;
}
.option-overlap .uploaded-doc-proxy {
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  padding: 7px;
  cursor: pointer;
}

.option-overlap .uploaded-doc img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.simple-dropdown>a>.mdi {
  font-size: 24px;
  color: #494949;
  float: right;
  margin-left: 3px;
}

.dropdown-250 {
  width: 250px;
}

.dropdown-300 {
  width: 300px;
}

.simple-dropdown .dropdown-style {
  border-radius: 5px;
  margin-top: 2px;
}

.simple-dropdown .dropdown-style .mdi-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #adadad;
  cursor: pointer;
}

.filter-by-block .dropdown+.dropdown {
  margin-left: 0px;
}

.file-btn input {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0;
  z-index: 1;
  height: 100%;
  font-size: 24px;
  cursor: pointer;
}

.file-btn {
  display: inline-block;
  position: relative;
  line-height: 24px;
  /*margin-top: 4px;*/
}
.file-manadatory-mark {
	position: absolute;
    top: 0;
    left: 32px;
    z-index: 2;
    font-size: 13px;
}
.btn-outline {
  background: none;
  border: dashed 1px #adadad;
  box-shadow: none;
  color: #adadad;
  font-weight: normal;
  font-size: 16px;
  font-family: "DIN Regular";
  line-height: 24px;
}

.emp-profilepic-cell {
  width: 80px !important;
  height: 110px !important;
  padding: 15px !important;
}

.btn-30 {
  padding: 0px !important;
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-30 .mdi {
  font-size: 16px;
  padding: 0px;
}
.btn-30 .mdi.mdi-20{font-size: 20px;}
.flex-wrapper{display: flex; align-items: center;}
.flex-wrapper .flex-1{flex: 1;}
.flex-wrapper .search-block-filter{padding: 0px 7px 0 0;}
select:focus,
input:focus, *:focus {
  outline: 0;
}

.default-table {
  background: #f4f4f4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  table-layout: auto;
  border-collapse: collapse !important;
  display: table;
  color: #404040;
}

.altone-tables .thead .th:last-child,
.thead .th:last-child
 {
  border-radius: 0 5px 0 0;
}

.default-table .thead .th, .default-table thead th {
  background: #e3e3e3;
}

.default-table .thead .th:first-child,
.default-table thead th:first-child {
  border-top-left-radius: 5px;
}

.default-table .thead .th:last-child,
.altone-tables thead th:last-child {
  border-top-right-radius: 5px;
}
.aspanel th {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.aspanel {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.default-table .th,
.default-table .td {
  padding: 7px 20px;
  vertical-align: middle;
}

.default-table .th,
.default-table .td,
.default-table th,
.default-table td {
  padding: 7px 20px;
  vertical-align: top;
}

.datepicker-field .form-group.text-sucess {
  margin-bottom: 0 !important;
}

.thead, thead {
  border-radius: 5px;
  display: table-header-group;
}

.default-table .tr, .default-table tr {
  border-top: 1px solid #ffffff;
  display: table-row;
}

.margin-b15 {
  margin-bottom: 15px;
}

.margin-t15 {
  margin-top: 15px;
}

.emp-designation span {
  padding-right: 5px;
  display: block;
  float: left;
}

.panel-footer {
  border-top: 0px !important;
}

.employee-designation {
  font-family: 'DIN Bold';
}

.upload-loader {

  width: 30px;

}

.btn-Reinstate {
  color: #fff;

  background-color: #939598;
  border-color: #494949;
}

.btn-Reinstate:focus,
.btn-Reinstate.focus {
  color: #fff;
  background-color: #494949;
  border-color: #494949;

}

.btn-Reinstate:hover {
  color: #fff;
  background-color: #494949;
  border-color: #494949;
}



.btn-Terminate {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-Terminate:focus,
.btn-Terminate.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-Terminate:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}



.btn-Revoke {
  background-color: #939598;
  color: #fff;
  border-color: #494949;
}

.btn-Revoke:focus,
.btn-Revoke.focus {
  color: #fff;
  background-color: #939598;
  border-color: #494949;
}

.btn-Revoke:hover {
  color: #fff;
  background-color: #939598;
  border-color: #494949;
}

.value-changed {
  text-decoration: line-through #4282be;
}

.max-char-label {
  display: block;
  font-size: 10px;
  color: #b5b5b5;

}


.btn-EXTEND {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-EXTEND:focus,
.btn-EXTEND.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-EXTEND:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}


/*******shiv new css style ******/

.panel-footer {
  background: transparent !important;
  padding: 10px 0px 0px !important;
}

.new-dropdown-style .dropdown-button .mdi {
  top: 7px !important;
}

.new-dropdown-style .select-view::after {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #fff;
  position: absolute;
  top: -9px;
  display: none;
}

.new-dropdown-style .select-view::before {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #dae8f5;
  position: absolute;
  top: -9px;
  display: none;
}



select {
  -webkit-appearance: none;
  -moz-appearance: none;

}

.select-wrapper {
  position: relative;
}


.select-wrapper select option.grey-bg {
  background-color: #f5f5f5;
}

.select-wrapper {
  background: #f5f5f5;
  border-radius: 5px;
  height: 30px;
}
.start-end-time .select-wrapper {
  width: 100%;
  display: block;
  float: left;
  min-width: 50px;
}
.formfield-control-group {
  margin-left: -3px;
  margin-right: -3px;
}
.wrapperouter {
  display: block;
  width: 50%;
  float: left;
  padding: 0 3px;
}
.time_pick .formfield-control-group.select-wrapper {
  display: inline-block;
  width: 108px;
}
.default-table .select-wrapper { background-color: #fff !important;}
.default-table .select-wrapper .formfield-control.white, .default-table .white .select-wrapper .formfield-control {
  background: none !important;
}

.time_pick .select-wrapper {
  width: 50px;
  display: inline-block;
}

.select-wrapper:after {
  position: absolute;
  right: 5px;
  top: 0;
  content: "\F140";
  font-family: "Material Design Icons";
  font-size: 24px;
  color: #aeaeae;
  z-index: 0;
}

.select-wrapper:after:focus {
  content: "\F143";
  font-family: "Material Design Icons";
  z-index: 0;
}

.time_pick .select-wrapper:after {
  position: absolute;
  right: 2px;
  top: 6px;
  content: "\F140";
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 18px;
  color: #aeaeae;
  z-index: 0;
}

.select-wrapper select {
  cursor: pointer;
  background: transparent !important;
  z-index: 1 !important;
}

/*.td .dropdown .formfield-control,*/
.time_pick .select-wrapper select.formfield-control {
  color: #979797 !important;
  background: none !important;
  background-image: none;
  border: 1px solid #fff !important;
}



.mw-230 {
  max-width: 230px !important;
}

.custom-dialog {
  width: 100% !important;
  max-width: 600px;
}

.custom-dialog .alt-modal-close .material-icons {
  color: inherit !important;
}

.custom-dialog .alt-modal-title {
  color: #494949;
  background: transparent !important;
}

.custom-dialog .alt-modal-body {
  position: relative;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 35px 35px 0;
  border-radius: 5px;
}

.custom-dialog .alt-modal-body .empname {
  color: #4e88c7 !important;
  font-size: 16px;
}

.custom-dialog .alt-modal-body .empname .empc {
  color: #494949;
  font-family: "Din Regular";
}

.custom-dialog .alt-modal-body .emp-role-block {
  margin-top: 30px;
}

.custom-dialog .alt-modal-body .emp-role-block .emp-profile-pic {
  position: absolute;
  left: 20px;
  top: -25px;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #4e88c7;
  overflow: hidden;
}

.custom-dialog .alt-modal-body .emp-role-block .emp-profile-pic img {
  width: 100%;
}

.custom-dialog .alt-modal-body .emp-role-block .emp-profile-pic .initial {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  line-height: 55px !important;
  font-size: 30px !important;
}

.custom-dialog .modal-footer {
  padding: 15px 35px 25px;
  border-top: 0px !important
}

.alt-modal .alt-modal-title {
  background: transparent !important;
  color: #494949 !important;
}

.hr {
  border-top: 1px solid #e3e3e3 !important;
  height: 1px !important;
  margin: 0 20px 10px !important;
  clear: both !important;
}

.new-dropdown-style .input-group.search-block {
  padding: 0px;
  background: #f5f5f5 !important;
}

.new-dropdown-style .input-group.search-block input {
  background: #fff !important;
  border-radius: 5px !important;
}

.new-dropdown-style .input-group.search-block .select-ui-icon-search {
  top: 12px !important;
}

.new-dropdown-style .slimscroll-wrapper {
  display: inherit !important
}

.new-dropdown-style li .text-nowrap-grad::before {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
}

.new-dropdown-style li.active a .text-nowrap-grad::before {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ecf6ff, #ecf6ff) !important;
  background: linear-gradient(left, rgba(255, 255, 255, 0), #ecf6ff, #ecf6ff) !important;
}

.calender_icon {
  z-index: 0 !important;
}


.sn-clm {
  width: 10%;
}

.modify-date {
  color: #494949;
}

.attached-icon {
  vertical-align: top;
  display: inline-block;
}

.fields-group>li .field-output {
  display: block;
  color: #494949;
  padding: 7px 0;
  overflow: hidden !important
}

.form-group .field-output.outline {
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 7px !important;
}

.fields-group li textarea.formfield-control {
  resize: none !important;
  height: 60px !important;
}

.column-5>li {
  width: 19%;
}

.column-5>li.col-merge-2 {
  width: 40%;
}

.column-3>li.col-merge-2 {
  width: 66%;
}

.modal-300{
  width: 300px;
}


.column-5>li.col-merge-3 {
  width: 60%;
}

/*.column-5 > li:nth-child(5n+1) {
	clear: left
}*/
.column-4>li {
  width: 25%;
}

.column-4>li.col-merge-2 {
  width: 50%;
}

.column-4>li.col-merge-3 {
  width: 75%;
}

/*.column-4 > li:nth-child(4n+1) {
	clear: left;
}*/
.column-3>li {
  width: 33.33%;
}

/*.column-3 > li:nth-child(3n+1) {
	clear: left;
}*/

.column-7>li {
  width: 14.285%;
}



.main-title.history-title {
  margin-bottom: 15px !important;
  border-bottom: solid 2px #aeaeae !important;
}

.serial-no {
  width: 30px;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  color: #fff;
  background-color: #494949 !important;
}


.table-scroller {
  overflow: auto;
}

.lg-large {
  width: 92%;
  max-width: 1200px;
}

.large {
  width: 92%;
  max-width: 900px;
}

.small {
  width: 92%;
  max-width: 600px;
}

.xtra-small {
  width: 92%;
  max-width: 400px;
}

.select-view .input-group.search-block,
.dropdown-style .input-group.search-block {
  padding:10px 15px;
}

.select-view .input-group.search-block .mdi-magnify,
.dropdown-style .input-group.search-block .mdi-magnify {
  top: 7px !important;
  position: absolute;
  right: 7px;
  z-index: 3;
  font-size: 16px;
  color: #777;
}

.houserent-addtableouter {
  margin-bottom: 10px;
}

.houserent-addtableouter li.add-document {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 5px;
  border: 1px dashed #adadad;
  margin: 7px 10px 7px 0;
  cursor: pointer;
  vertical-align: middle;
  text-transform: uppercase;
}

.houserent-addtableouter li.icon-btn-30 {
  margin: 7px 10px 7px 0;
}

.table-scroller {
  overflow: auto;
}

.lg-large {
  max-width: 1200px;
}

.large {
  max-width: 900px;
}

.alt-modal.large {
  max-width: 700px;
  margin: auto;
  width: 100%;
}

.small {
  max-width: 600px;
}

.xtra-small {
  max-width: 400px;
}

.custom-left-40 {
  left: 40%;
}

.h-auto {
  min-height: auto !important;
  height: auto !important;
}

/********************* start tax declaration ****************************/
.tax-declaration {
  position: relative;
}

.tax-declaration .panel {
  padding: 15px 20px 20px;
}

.tax-declaration .panel .panel-body {
  padding: 10px 0;
}

.tax-declaration .title-row>.main-title {
  width: 100%;
  padding: 20px 0 12px 0;
  line-height: 18px;
  font-family: 'DIN bold';
  font-size: 14px;
}

.tax-declaration .card-style {
  box-shadow: none;
}

.tax-declaration .title-row>.main-title .light-text {
  font-family: 'DIN Regular';
  font-weight: lighter;

}

.tax-declaration h2.panel-title {
  line-height: normal;
  display: table-cell;
  float: none;
  vertical-align: top;
  float: none;
}

.tax-declaration .emp-profilecard-inner {
  height: 130px;
}

.card-col3 {
  width: 33.33%;
  padding-top: 15px;
}

.card-col3 .label-left {
  width: 100px;
}


.claim-amount {
  display: table-cell;
  width: 115px;
  text-align: center;
  vertical-align: top;
}

.min-width-90 {
  min-width: 90px;
}


.tax-dec-field.fields-group {
  margin-bottom: 0;
}

.tax-dec-field.fields-group>li {
  padding-bottom: 0;
  width: 100%;
  padding: 0;
}

.tax-dec-field.fields-group>li .open>a.formfield-control {
  border-radius: 5px 5px 0 0;
}

.tax-dec-field.fields-group>li .open>.dropdown-style {
  border-radius: 0 0 5px 5px;
}

.textarea-control {
  display: block;
  position: relative;
  width: 100%;
  min-width: 130px;
  height: 50px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 14px;
  color: #979797;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  letter-spacing: 0.5px;
  resize: none;
}

.tax-declaration .panel .panel-heading {
  background: #fff;
  border-bottom: 2px solid #e3e3e3;
  border-radius: 5px 5px 0 0;
  display: table;
  padding: 0;
  width: 100%;
}

.section-outer {
  padding: 5px 0 20px 0;
  display: inline-block;
  width: 100%;
}

.section-outer .emp-card-outer {
  padding: 0;
}

.section-outer .card-left {
  float: left;
  width: 59%;
}

.section-outer .card-right {
  float: right;
  width: 39%;
}

.tax-declaration .empname-designation {
  width: 100%
}

.tax-declaration .employee-department {
  width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.tax-declaration .employee-location span {
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  direction: rtl;
  vertical-align: bottom;
}

.tax-detail-card-box {
  display: block;
  background: #6DA5D8;
  border-radius: 5px;
  height: 130px;
  padding: 31px 15px;
}

.tax-detail-card-box .grid-details {
  position: relative;
  display: table;
  width: 100%;
}

.tax-detail-card-box .grid-details li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.tax-detail-card-box .grid-details li h3 {
  font-family: 'DIN Medium';
  color: #fff;
  font-weight: 300;
  font-size: 24px;
  margin: 0 0 10px;
}

.tax-detail-card-box .grid-details li p {
  width: 96px;
  margin: 0 auto;
  letter-spacing: -0.3px;
  font-family: 'DIN Medium';
  color: rgba(256, 256, 256, 0.7);
  line-height: normal;
  font-size: 12px;
  padding: 0;
}

.tax-declaration h3 {
  font-size: 14px;
  color: #494949;
  font-family: inherit;
  font-weight: bold;
  margin-bottom: 15px;
}

.tax-declaration h3 .total-amount {
  float: right;
  text-align: right;
}

.doted-seprator {
  border: 1px dashed #c3c3c3;
  margin: 5px 0 20px;
}


.grid-wrapper {
  position: relative;
}

.grid-wrapper .grid-content {
  position: relative;
  clear: both;
  display: table;
  width: 100%;
}

.grid-wrapper .grid-content>li {
  padding: 10px;
  margin-bottom: 30px;
  display: table-cell;
  vertical-align: top;
}

.grid-wrapper li:nth-child(1) .grid-content li label {
  visibility: visible;
  min-height: 28px;
  height: auto;
}

.grid-wrapper li .grid-content li label {
  visibility: hidden;
  height: 0;
  min-height: 0;
}



.grid-wrapper .grid-content>li:nth-child(1) {
  width: 40%;
}

.grid-wrapper .grid-content>li .field-data {
  min-width: 70px;
}

.grid-wrapper .grid-content>li label,
.data-grid-wrapper>li .data-grid label {
  color: #494949;
  font-weight: bold;
  font-family: inherit;
  margin-bottom: 10px;
  min-height: 28px;
}

.grid-wrapper.one-head-only>li .label-head {
  display: none;
}

.grid-wrapper.one-head-only>li:first-child .label-head {
  display: inline-block;
}

.grid-wrapper .grid-content>li .field-data,
.data-grid-wrapper>li .data-grid .field-data {
  color: #494949;
  font-weight: 100;
  display:block;
}

.view-policy-data-wrapper {
  margin: 10px 0;
  padding: 15px 0;
  border-top: 1px solid #e3e3e3;
  /*border-bottom:1px solid #e3e3e3;*/
}

.data-grid-wrapper {
  position: relative;
  clear: both;
}

.data-grid-wrapper.hrd-custom-grid>li .data-grid {
  width: 125px;
}

.data-grid-wrapper>li {
  display: table-cell;
  vertical-align: top;
}

.data-grid-wrapper>li .data-grid.sn {
  width: 40px;
  margin: 0 0 20px 0;
}

.data-grid-wrapper>li .data-grid {
  padding: 0;
  margin: 15px 0;
}

.data-grid-wrapper>li .data-grid .textarea-control {
  min-width: auto;
}

.data-grid-wrapper>li .data-grid {
  margin: 0 6px 20px 6px;
  width: 98px;
  display: inline-block;
  vertical-align: top;
}

.data-grid-wrapper>li .data-grid.merge-2 {
  width: 196px;
}

.tax-declaration .attached-file {
  position: relative;
}

.grid-wrapper .attached-file:after {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  margin: auto 0;
  width: 35px;
  background: -webkit-linear-gradient(right, rgba(231, 231, 231, 0), rgba(255, 255, 255, 1) 70%);
  background: -ms-linear-gradient(right, rgba(231, 231, 231, 0), rgba(255, 255, 255, 1) 70%);
  background: linear-gradient(to right, rgba(231, 231, 231, 0), rgba(255, 255, 255, 1) 70%);
}

.tax-declaration .attached-file img {
  float: left;
  margin-right: 5px;
  width: 19px;
  vertical-align: top;
}

.tax-declaration .attached-file {
  width: 75px;
  border-radius: 5px;
  height: 30px;
  display: block;
  overflow: hidden;
  border: solid 1px #e3e3e3;
  padding: 5px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 12px;
}

.tax-declaration .attached-file span {
  float: left;
  width: 36px;
  line-height: 20px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
}

.profile-progress-large .c100 .badgets-icon {
  position: absolute;
  right: -8px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  left: auto;
  top: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.employee-wrap .empname-designation {
  width: 73%;
}

.employee-wrap .emp-code-col {
  width: 15%;
  float: left;
}

.employee-wrap .emp-doj-col {
  width: 12%;
  float: right;
  padding: 10px 0 0px;
}

.valign-m {
  vertical-align: middle !important;
}

.normal-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

ul.normal-table>li {
  display: table-cell;
  vertical-align: top;
}

.width20 {
  width: 20px;
}

.section-bg {
  background: #f8f8f8;
}

.fields-group-table .td {
  padding: 5px 0px 5px 10px;
  vertical-align: top;
}

.fields-group-table .td+.td {
  padding: 5px 0px 5px 5px;
}

.row-title {
  font-size: 16px;
  padding: 8px 0;
  border-bottom: solid 1px #bfbfbf;
  color: #494949;
  font-weight: bold;
}

.summary-row {
  border-top: solid 2px #fff;
  position: relative;
}

.alt-modal-body {
  max-height: 400px;
  overflow: auto;
}
.max-height-300 {
  max-height: 300px !important;
}
.max-height-250 {
  max-height: 250px !important;
}

.overflow-false {
  overflow: inherit !important;
}
.overflow {
  max-height: inherit !important;
}

.uploaded-docs {
  height: 30px;
  border: solid 1px #e3e3e3;
  border-radius: 5px;
  padding: 3px;
  cursor: pointer;
  background: #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  max-width: 99%;
}

.uploaded-docs:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 30px;
  background-image: linear-gradient(to right, transparent, #fff 80%);
}

.uploaded-docs img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.toggle-ds {
  display: inline-block;
  float: right;
  background: #fff;
  padding-left: 10px;
}

.border-outline {
  display: inline-block;
  height: 30px;
  border-radius: 5px;
  border: solid 1px #4282be;
  padding: 7px;
  color: #4282be;
  font-size: 12px;
  font-weight: normal;
  background: #fff;
}

.border-outline .mdi {
  font-size: 18px;
  display: inline-block;
  height: 16px;
  float: right;
  line-height: 16px;
  margin-left: 5px;
}

fields-group>li {
  padding-top: 7px;
  padding-bottom: 8px;
}

.fields-output {
  min-height: 26px;
}

.attachment-link {
  padding-left: 40px;
  position: relative;
  color: #979797;
  min-height: 30px;
}

.attachment-link .btn {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 30px;
  min-width: 30px;
  font-size: 16px;
  padding-top: 7px;
  padding-left: 0px;
  padding-right: 0px;
}

.alt-modal.large-1280 {
  max-width: 1280px;
  width: 100%;
}

.marg_t_20 {
  margin-top: 20px;
}





.profile-progress-large .c100 .badgets-icon {
  position: absolute;
  right: -8px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  left: auto;
  top: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.employee-wrap .empname-designation {
  width: 50%;
}

.employee-wrap .emp-code-col {
    width: 100px;
    float: right;
}

.employee-wrap .emp-doj-col {
  width: 12%;
  float: right;
  padding: 10px 0 0px;
}

.current-status .td {
  border-right: solid 2px #e3e3e3;
  width: 33%;
  padding: 9px 10px;
  vertical-align: top;
}

.current-status .td:first-child {
  padding-left: 0px;
}

.status-text {
  float: left;
  width: 50%;
}

.current-status .td p {
  padding: 0;
  margin: 0;
  line-height: 16px;
}

.status-btn {
  float: left;
  width: 50%;
  text-align: center;
  padding: 9px 0 0 0;
}

.attendance-status span {
  float: left;
  min-width: 34px;
}

.current-status .td:last-child {
  border-right: none;
}

.timesheet-status span {
  float: left;
  min-width: 24px;
}

.emp-profilecard-date {
  float: right;
  color: #494949;
  font-size: 12px;
  line-height: 22px;
  margin: 0 12px 0 0;
}

.leave-fullday {
  width: 8px;
  height: 8px;
  display: inline-block;
  object-fit: contain;
  background-color: #e71d09;
  border-radius: 50%;
  margin-right: 1px;
}

.past-leave {
  opacity: 0.5;
}

.leave-secondhalf.past-leave,
.leave-firsthalf.past-leave {
  box-shadow: 0px 0.06em 0px 0.06em rgba(0, 0, 0, 0.3);
}

.leave-secondhalf,
.leave-firsthalf,
.leave-hourly {
  box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.leave-firsthalf,
.leave-secondhalf,
.leave-hourly {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin-right: 1px;
}

.col-max {
  display: inline-block;
  width: 100%;
  max-width: 290px;
}

.table-layout.current- {
  height: 66px;
}

.leave-firsthalf::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 4px;
  height: 8px;
  background-color: #e71d09;
}

.leave-secondhalf:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4px;
  height: 8px;
  background-color: #e71d09;
}

.leave-hourly:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #e71d09;
  transform: rotate(25deg);
}

.tab-list>li.simple-dropdown {
  font-weight: bold;
  padding: 18px 0px 10px;
}

.simple-dropdown .simple-multidropdown {
  display: inline-block;
  margin-left: 5px;
}

.simple-multidropdown-country {
  display: inline-block;
}

.simple-multidropdown-country .formfield-control {
  background-color: #fff !important;
}

.simple-multidropdown .select-dropdown .dropdown-button {
  border: none !important;
  background: none !important;
  overflow: inherit !important;
  color: #6ca3d8 !important;
  font-family: 'DIN Bold';
  text-transform: uppercase !important;
  padding: 0px 0px 0px 10px !important;
  margin-left: -5px;
  height: auto;
  z-index: 1;
  box-shadow: none;
}

.simple-multidropdown .select-dropdown .dropdown-button .text-nowrap-grad {
  overflow: inherit !important;
  position: relative;
  display: inline-block !important;
  padding-right: 25px;
  z-index: 1;
}

.simple-multidropdown .select-dropdown.new-dropdown-style .dropdown-button .mdi {
  top: 3px !important;
  right: -6px !important;
  color: #494949;
  background: none !important;
  z-index: 0;
}

.simple-multidropdown .select-dropdown.new-dropdown-style .dropdown-button .text-nowrap-grad:before {
  display: none;
}

.simple-multidropdown .dropdown-style {
  width: 100%;
  min-width: 200px;
}
.simple-multidropdown.dropdownWidth100 .dropdown-style {
  width: 100%;
  min-width: 100%;
}

.valign-m {
  vertical-align: middle !important;
}

.input-style {
  padding: 3px 0px;
  display: block;
  word-break: break-word;
  /*height: 30px;
  line-height: 24px;*/
}

.table-fixed {
  table-layout: fixed;
}

.textarea {
  min-height: 70px;
}

.tax-declaration-table {
  display: table;
}

.tax-declaration-table .td,
.tax-declaration-table .th {
  padding: 8px;
  vertical-align: top;
}

.altone-tables .custom-col .view-details-col {
  display: inline-block;
  vertical-align: baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  vertical-align: -webkit-baseline-middle;
}

.altone-tables .link {
  text-decoration: none;
  color: #4282be;
}

.td-more-options {
  display: inline-block;
  /* float: right; */
  position: absolute;
  top: 5px;
  right: 6px;
}

.menu-click {
  cursor: pointer;
}

.altone-tables .dropdown-menu .md-icons2,
.onboarding-card .md-icons2 {
  max-width: 20px;
  margin-right: 20px;
  margin-left: 5px;
}

.mdi-dots-vertical.mdi,
.mdi-dots-horizontal.mdi {
  color: #adadad;
  font-size: 22px;
}

.md22 {
  font-size: 22px !important;
}

.mt-20 {
  margin-top: 20px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.sb-section {
  display: table;
  width: 100%;
}

.sb-section .td {
  vertical-align: top;
}

.comments-block-wrapper {
  position: relative;
  width: 100%;
}

.comment-box {
  position: relative;
}

.comment-box .formfield-control {
  padding-right: 30px;
}

.comment-box:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: 4px;
  background: url(../images/svg-small/comment.svg) no-repeat;
  z-index: 1;
}

.alt-module-true,
.alt-modal-true {
  /* background: rgba(227, 227, 227, 0.5);*/
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /*display: none;*/
}

.alt-modal {
  position: absolute !important;
  left: 50%;
  top: 50%;
  z-index: 1009;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18) !important;
}

.alt-modal-body-entity {
  max-height: 450px;
  height: 200px;
  overflow: auto;
  padding: 5px 20px 15px;
}

.option-overlap.fl-left {
  float: left;
}

.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.alt-modal .alt-modal-title {
  background: transparent;
  color: #494949;
  font-size: 18px;
  font-family: 'DIN Bold';
  padding: 10px 20px;
  position: relative;
  display: block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.alt-modal-close {
  color: #adadad;
}

.option-overlap .no-document {
  height: 36px;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  padding: 7px;
  line-height: 20px;
}

.option-overlap .no-document .mdi {
  float: left;
  margin-right: 10px;
  color: #adadad;
  font-size: 18px;
}

.sb-section-row {
  margin-left: -7px;
  margin-right: -7px;
}
.tab-row {
    margin-bottom: 15px;
    border-bottom: solid 1px #e4d8e7;
    position: relative;
    font-family: 'DIN Medium';
    text-transform: capitalize;
    color: #494949;
    font-size: 12px;
    /*margin-right: 260px;*/
}
.tab-m { margin-right:0px !important; }
.head-title {
    display: inline-block;
    margin: 18px 0 7px;
    color: #494949;
}
h3 {
    font-size: 18px;
    font-family: 'DIN Bold';
}
.emp-wrapper {
    position: relative;
}
.emp-wrapper .empname-designation {
    width: 73%;
}
.emp-wrapper .emp-code-col {
    width: 75px;
    float: left;
}
.emp-wrapper .emp-doj-col {
    width: 75px;
    float: right;
    padding: 10px 0 0px;
    line-height: inherit;
}
.emp-card .details-col,
.taskinbox-emp-card .details-col {
    /*width: 50%;
    max-width: 180px;*/
    float: left;
    padding: 10px 0;
    line-height: 18px;
}
.emp-card .details-col + .details-col,
.taskinbox-emp-card .details-col + .details-col { margin-left: 30px;}
.emp-card {
    padding-left: 90px !important;
    height: auto !important;
}
.mt-0 { margin-top: 0px !important;}
.taskinbox-emp-card {
  padding-left: 90px !important;
  height: auto !important;
}
.emp-card .empname {
    font-size: 12px;
    color: #4282be;
}
.icons-holder {
    display: inline-block;
    float: right;
}
.icons-holder .icons {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}
.alt-modal-title .icons-holder { margin-right: 30px;}
.td-emp-status span { margin-right: 2px; }
.task-inbox-details-outer .tiuc-card-title, .tiuc-card-title {
    padding: 5px 0 15px;
    border-bottom: solid 1px #e3e3e3;
    color: #494949;
    margin-bottom: 15px;
    position: relative;
}
.task-inbox-details-outer .tiuc-card-title .title-text, .tiuc-card-title .title-text {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-family: 'DIN Bold';
}
.emp-fields-saprator.h1px { height:1px;}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.task-inbox-section .section-left {
  width: 42%;
  padding: 0 5px;
  float: left;
}

.task-inbox-section .section-right {
  width: 58%;
  padding: 0 5px;
  float: left;
}

.bulk-action-layers {
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
  margin-top: 10px;
}
.bulk-action-layers .layer1 {
  margin-left: 60px;
  margin-right: 60px;
  z-index: 0;
  opacity: 0.4;
}
.bulk-action-layers .layer2 {
  margin-left: 40px;
  margin-right: 40px;
  z-index: 1;
  margin-top: -20px;
  opacity: 0.6;
}
.bulk-action-layers .layer3 {
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
  margin-top: -20px;
  opacity: 0.8;
}
.bulk-action-main-layer {
  position: relative;
  background: #fff;
  border: solid 1px #6da4d8;
  height: 700px;
}
.center-table {
  display: table;
  width: 100%;
  height: 100%;
}
.center-table-cell {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.bulk-action-layers .layer1, .bulk-action-layers .layer2, .bulk-action-layers .layer3, .bulk-action-layers .layer4 {
  position: relative;
  background: #fff;
  border: solid 1px #6da4d8;
  min-height: 30px;
}
.selected-task-title {
  font-size: 18px;
  font-family: 'DIN Bold';
  margin-bottom: 18px;
}

.inline-block {
  display: inline-block;
}

.loading {
  position: relative;
  float: right;
  margin-right: 210px;
  margin-top: 200px;
  text-align: center;
}
.right-norecord {
  float: right;
  margin-right: 197px;
  margin-top: 215px;
  font-weight: bold;
  font-family: DIN;
  font-size: 22px;
}

.pointer {
  cursor: pointer;
}


.initial.initial-70 {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  line-height: 70px;
  font-size: 30px;
  display: block;
  position: relative;
  z-index: 1;
}
.c100 .initial.initial-70 { margin-top: 10px;}
.dropdown-10 {
    min-width: 197px;
    border-radius: 4px 0 4px 4px !important;
    overflow: hidden;
    right: 0px;
    left: inherit;
    background-color: #494949 !important;
}
.slimscroll-wrapper { width: 100% !important; display: block !important; }
.data-header { width: 100%; clear: both; color: #777; font-weight: normal;}
.action-125 a {
    width: 100%;
}
.emp_list_profile { display:inline-block; width:30px; height:30px; border-radius:50%; margin-right:10px; float:left; }
.divider {
    border-bottom: solid 2px #eee;
    position: relative;
    margin: 15px 0px 15px 0px;
    clear: both;
}
.mini_title {
    margin: 10px 0;
    font-size: 12px;
    color: #494949;
    text-transform: uppercase;
	font-family:'DIN Bold' !important;
}

.alt-modal.medium {
    max-width: 450px;
    margin: auto;
    width: 100%;
}
.text_linethrough {
  color: #bbbbbb;
  text-decoration: line-through;
}

.margin-t7 { margin-top: 7px;}
.margin-b7 { margin-bottom: 7px;}
.list-disc {
  list-style: disc;
  margin-left: 15px;
  line-height: 20px;
}
::placeholder {
  color: #979797 !important;
  font-family: 'DIN Regular';
}
input, .text-dropdown, input[type="text"].formfield-control {
  color: #979797 !important;
  font-family: 'DIN Regular';
}
.undo {
  cursor: pointer;
  color: #4282be;
  font-weight: bold;
  font-size: 14px;
}
.fields-old-value {
  padding: 2px 0;
}
.panel-tab-section {
    padding-top: 29px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.panel-tab-section .tab-section{
  padding: 15px;
}
.tab-bar.tab-bar-custom, .tab-bar.tab-bar-custom ul {
  display: block;
  height: auto;
}
.tab-bar.tab-bar-custom > ul {
  border-bottom: solid 2px #6da4d8;
}
.tab-bar.tab-bar-custom ul li::after {
  display: none;
}
.tab-bar.tab-bar-custom ul li {
  display: block;
  float: left;
}
.tab-bar.tab-bar-custom ul li a, .tab-bar.tab-bar-custom ul li.active a {
  padding: 15px;
  height: auto;
}
.tab-bar.tab-bar-custom ul li.active a {
  top: 0px;
}
.panel-tab-section .tab-bar {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-section-normal {
  padding-top: 10px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.tab-section-normal .tab-bar {
padding-left:0px;
padding-right:0px;
}
.tab-section-normal .tab-details {
  padding: 20px 0;
}

.tab-section-slim{ padding-top: 0px !important;}
.tab-section-slim .tab-bar ul li a {
    height: auto !important;
    border-right: none !important;
}
.tab-section-slim .tab-bar ul li + li > a {
    margin-left: 2px;
}
.tab-section-slim .tab-bar ul {
    height: 34px !important;
}
.task-reassign-modal {
  width: 615px;
  border-radius: 5px;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  margin: 100px auto;
  position: relative !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
}
.search-fields-icon {
  position: relative;
}
.search-fields-icon .mdi-magnify {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 20px;
  color: #adadad;
}


.d-table {
  display: table;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.bulk-actionwrap {
  display: flex;
}
.bulk-actionwrap .bulk-upload {
  order: 1;
}
.bulk-actionwrap .bulk-action-cell {
  order: 3;
}
.show-in-mobile {
  display: none;
}

/* ad card block css */
.show-true{ display: block;}
.show-false{ display: none;}

.ad-banner h5 {
    margin-bottom: 10px;
}

.ad-banner h5.card_title {
    color: #555555;
    font-size: 14px;
    line-height: normal;
}

.ad-banner.card-block-inner+.ad-banner.card-block-inner {
    margin-top: 10px;
}

.ad-banner .welcome_msg{
  position: relative;
  text-align: left;
  color: #777;
  font-size: 14px;
  line-height: normal;
  margin-top: 10px;
}

.ad-banner .welcome_msg .msg_header{
  font-size: 17px;
  font-family: 'DIN medium';
  color:#757575;
  line-height: 20px;
  max-height:82px;
  overflow: hidden;
}
.ad-banner .welcome_msg .msg_body{
  font-size: 12px;
  font-family: 'DIN regular';
  margin: 10px 0;
  min-height: 85px;
  max-height:85px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ad-banner .welcome_msg .msg_footer{
  font-size: 12px;
  font-family: 'DIN medium';
}

.banner-block {
    width: 240px;
    margin: 0 auto;
    text-align: center;
}

.banner-block img {
    width: 100%;
    vertical-align: top;
}

.es_icon {
    background: url(../images/es-logo.png) no-repeat;
}
.icon_sheet img{ width: 40px; vertical-align: top;}
.ui-icon img {
    width: 80px;
    height: auto;
}

.ad-banner button.btn-info-outline{
  background:#fff !important;
}

.add-card-listing {
    position: relative;
}

.add-card-listing .description-cell {
    margin: 10px 0;
    width: 100%;
}

.add-card-listing .description-cell .text-bold-cell {
    color: #757575;
}

.add-card-listing .description-cell .text-cell {
    margin-top: 10px;
}

.alt-modal.abs {
    position: absolute;
}

.ad-popup .card_title{
  font-size: 14px !important;
  line-height: 18px !important;
 font-family: 'DIN Regular' !important;
}
.ad-popup .alt-modal-body .seemore_popup span{
  display: inline;
    font-size: 14px;
    font-family: din medium;
    text-transform: capitalize;
  }

.btn-white,
.btn-white:focus,
.btn-white:hover {
    color: #494949 !important;
    background-color: #fff !important;
    /*border: 0px !important;*/
}

.module_title {
  margin: 10px 0 0 0;
}
.to_continue {
  padding: 20px 20px 0;
}
.i_accept {
  padding: 2px 20px 5px;
  font-size: 14px;
}
.i_accept checkbox {
  vertical-align: top;
}
.early_salary_icon img{
 width: 30px !important;
}
/* ad card block css */
.btn-link, .link, .task-view li a, .quick-options li a,
#include .ui-commandlink /*#include a*/ { color:#4282be !important; }
.scroller_navi ul li .dots.active, .Hiliday_list li .holidayDate_cell:after,
.slimscroll-bar { background:#777 !important; }
.datePicker input {
    color:#777 !important;
	cursor:pointer;
}
.slimscroll-wrapper div.slimscroll-grid{background: transparent !important;}
.slimscroll-wrapper div.slimscroll-bar {
  background: #bfbfbf !important;
  border-radius: 0px !important;
}
.table_outer{ overflow: auto;}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.datePicker .material-icons { color:#777; }
.card-outer-row {
  margin-left: -5px;
  margin-right: -5px;
}
.card-5-sm {
  width: 16.6666%;
}
.card-inner {
  background: #fff;
  border-radius: 6px;
  margin: 5px;
  padding: 20px;
}

.p-listcard-table {
  font-size: 16px;
  font-family: 'DIN Bold';
  height: 40px;
  line-height: 18px;
}
.ptext-col {
  color: #777;
  text-align: left;
  vertical-align: middle;
}
.pcount-col:last-child {
  padding-right: 0px;
}
.pcount-col {
  padding-right: 20px;
}
.pcount-col {
  color: #6da4d8;
  text-align: right;
  vertical-align: middle;
  font-size: 30px;
  width: 40px;
}


.td-name-label.theme-color,
.td-name-label,
.td-name-label.theme-color .theme-color,
.head-title span.theme-color
 {
	color:#494949 !important;
}
.td-name-label.theme-color:hover,
.td-name-label:hover,
.td-name-label.theme-color .theme-color:hover,
.head-title span.theme-color:hover {
	color: #4282be !important;
}

.table-field-listing td, .table-field-listing th {
	padding:5px;
}
.dropdown-w200 .dropdown-style { width:200px; }

.td-name-label.theme-color,
.td-name-label,
.td-name-label.theme-color .theme-color,
.head-title span.theme-color
 {
	color:#494949 !important;
}
.td-name-label.theme-color:hover,
.td-name-label:hover,
.td-name-label.theme-color .theme-color:hover,
.head-title span.theme-color:hover {
	color: #4282be !important;
}

.table-field-listing td, .table-field-listing th {
	padding:5px;
}

.default-table, table.default-table {
  background: #f4f4f4;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  width:100%;
  table-layout:auto;
  border-collapse:collapse;
  display:table;
  color: #404040;
}
.default-table .thead .th, .default-table thead th {
  background: #e3e3e3;
}
/*.default-table .thead .th:last-child {
  width:120px;
}*/
.default-table .thead .th label {
  margin: 0;
}
.default-table .th , .default-table .td {
  padding: 7px 20px;vertical-align: middle;
}
.default-table .tr, .default-table tr {
  border-top:1px solid #ffffff;display: table-row;
}
.default-table .thead .th:first-child{
  /*width:30px;*/
}
.btn-file {
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 10px;
  float: left;
  padding: 0px !important;
  text-align: center;
}
.btn-file .mdi {
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
}
.file {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.remarkswith-attachment .formfield-control { float: left; margin-right: 10px; max-width: 77%; }
.remarkswith-attachment .btn-file { margin-right: 0px;}

.mdi-icons + .mdi-icons {
  margin-left: 10px;
}

.mdi-16 {
  font-size: 16px;
}
.mdi-20 {
  font-size: 20px;
}
.mdi-24 {
  font-size: 24px;
}

.max-width150 {
  max-width: 150px;
}

.tab-bar.tab-bar-custom, .tab-bar.tab-bar-custom ul {
  display: block;
  height: auto;
}
.tab-bar.tab-bar-custom ul li {
  display:block;
  float: left;
}
.tab-bar.tab-bar-custom ul li a,
.tab-bar.tab-bar-custom ul li.active a {
  padding: 15px;
  height: auto;
}
.margin-b5 { margin-bottom: 5px;}
.grey_bg .dropdown-button{background-color:#f5f5f5 !important;}
.fields-group.height-auto>li{min-height: inherit}
.col-width {
  width: 220px;
  word-wrap: break-word;
}
.remarkswith-attachment {
  width: 180px;
}
.no-data-row {
    display: block;
    padding: 10px;
    text-align: center;
    background: #fff;
}
.no-task-msg-box {
    position: relative;
    background: #fff;
    height: 470px;
    border-radius: 5px;
}
.no-data-msg-box {
  position: relative;
  height: 350px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
}
.no-data-msg-box img {
  max-width: 40px;
  margin-bottom: 15px;
}
.center-table {
    display: table;
    width: 100%;
    height: 100%;
}
.center-table-cell {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.no-task-msg-box h3 {
    line-height: 36px;
	font-size: 18px;
	font-family: 'DIN Bold';
}
.no-task-msg-box .mdi {
    font-size: 24px;
    color: #4282be !important;
}
.mobile-data-th { display: none;}
#ang-pages { width: 100%;}
.minwidth100 { min-width: 100px;}
.select-dropdown.new-dropdown-style.open .dropdown-button {
  border: 1px solid #fff !important;
  background-color: #fff !important;
}
.dropdown-filter-block app-custom-single-select .select-dropdown .dropdown-button {
  border: 1px solid #fff !important;
  background-color: #fff !important;
  text-transform:uppercase !important;
}
.dropdown-filter-block app-custom-single-select .select-dropdown .dropdown-button .text-nowrap-grad:before {
    background-color: #fff;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
    background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
}
.dropdown-filter-block app-custom-single-select .select-dropdown .dropdown-button .mdi { background-color: #fff !important; }

.dropdown-filter-block app-custom-single-select .select-dropdown .select-view
{ background:none !important; border:none !important; padding:0px !important; }
.dropdown-filter-block app-custom-single-select .select-dropdown .select-view .search-block {
border-radius:0px !important; }
.dropdown-filter-block app-custom-single-select .select-dropdown.new-dropdown-style .select-view  li .text-nowrap-grad::before {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
    background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
}
.dropdown-filter-block app-custom-single-select .select-dropdown.new-dropdown-style .select-view  li:hover a .text-nowrap-grad::before {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
    background: linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
}
.modal-1000 { width: 1000px;}
.modal-900 { width: 900px;}
.modal-800 { width: 800px;}
.modal-700 { width: 700px;}
.modal-600 { width: 600px;}
.modal-500 { width: 500px;}
.modal-400 { width: 400px;}
.modal-765 { max-width: 765px; width: 100%;}
.modal-430 { max-width: 415px; width: 100%;}

.modal-950 {max-width: 950px; width:100%;}


.search-pane .mat-form-field-wrapper {
  position: relative;
  background: #fff !important;
  border: solid 1px #fff;
  border-radius: 6px;
  height: 30px;
}
.search-pane .mat-chip-list-wrapper {
  margin: 0 !important;
}
.search-pane .mat-chip-list-wrapper input.mat-chip-input {
  margin: 0 !important;
  border:0px !important;
}
.search-pane .mat-form-field-flex,
.search-pane .mat-input-element,
.search-pane .mat-form-field,
.search-pane .mat-chip-list-wrapper .form-control{ height: auto !important;}
.search-pane .mat-form-field-label-wrapper{padding-left: 10px;}



.tree-pane .action-wrap .reports-note {
  display: none;
}
.export-wrap .dropdown-inner {
  padding:0!important;
}
.export-wrap .dropdown-style{
  min-width: 121px;
  max-width: 121px;
}

.refresh-btn{font-size: 16px;
  color: #2F87CC; cursor: pointer;}

.refresh-btn i{
  margin-right: 5px;
  font-size: 21px;
  vertical-align: middle;}
  .list-numeric-grid{ position: relative;margin:0 15px;}
  .list-numeric-grid li{list-style: numeric;
    margin: 10px 0; font-size: 14px; color: 000;
  }
  .position-setup {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.position-setup .c100 {
    margin-right: 10px;
}
.pstTitle {
    font-size: 14px;
    font-family: 'DIN Bold';
    margin-bottom: 5px;
}
.pstSubText {
    font-size: 14px;
    color: #707070;
}
.progressOuter {
    padding: 30px 0;
}
.inputIcon {
    margin-left: 8px;
    font-size: 18px;
    width: 26px;
    cursor: pointer;
}
.inputIconInner {
    position: relative;
}
.right-icon {
    display: flex;
}
.chart-block {
    display: flex;
}
.chart-status-block {
    display: block;
    width: 300px;
    padding: 0 40px 0 50px;
    border-right: solid 1px #f5f5f5;
    margin-right: 30px;
}
.chart-status-list {
    list-style: none;
    margin: 0;
    padding: 0;

}
.chart-status-list li {
    border-bottom: solid 1px #f5f5f5;
    padding: 8px;
    display: flex;
    font-size: 13px;
    font-family: 'DIN Bold';
}
.chart-status-list li div {
    max-width: 110px;
}
.chart-status-list li span {
    font-size: 16px;
    text-align: left;
    display: block;
}
.chart-status-list li:last-child {
    border-bottom: none;
}
.note-text {
    color: #aeaeae;
}
.mdiplbox {
    color: #031842;
    font-size: 16px;
}
.fs-18 {
  font-size: 18px !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.min_height_300 {
  min-height: 300px;
}


.disabled,
.disabled:focus, .disabled:hover {
  opacity: 0.6 !important;
  pointer-events: none;
}
.isDisable,
.isDisable:focus, .isDisable:hover {
  opacity: 0.5 !important;
  pointer-events: none;
  user-select: none;
}
.isDisable.formfield-control.ellipsis-applied{
  pointer-events: inherit;
    opacity: 1 !important;
    background: rgba(245, 245, 245,.5) !important;
    border-color: transparent !important;
}
.isDisable.formfield-control.ellipsis-applied .appEllipsis{
  color: rgba(151, 151, 151,.5);
}

.fields-label .checkOption {
  display: flex;
  float: right;
  align-items: center;
  position: relative;
}
.swap-check {
  display: inline-block;
  width: 25px;
  height: 10px;
  position: relative;

}
.swap-text {
  margin-right: 5px;
}
.swap-check .swap-area {
  display: inline-block;
  width: 25px;
  height: 10px;
  background-color: rgba(173, 173, 173, 0.5);
  border-radius: 4.5px;

}

.swap-check input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 10px;
  margin: 0px;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.swap-check input[type=checkbox]+.swap-area:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 7.5px;
  height: 7.5px;
  top: 1px;
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
}

.swap-check input[type=checkbox]:checked+.swap-area:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 7.5px;
  height: 7.5px;
  top: 1px;
  right: 2px;
  left: inherit;
  background-color: #fff;
  border-radius: 50%;
}
.swap-check input[type=checkbox]:checked+.swap-area {
  background-color: #1700c7;
}
.swap-check input[type=checkbox]:checked+.swap-area.green {
  background-color: #31c700;
}

.swap-check.label-text{
    white-space: nowrap;
    width: 200px;
    padding-right: 20px;
}

.chips-block {
  border: solid 1px #f5f5f5;
  border-radius: 5px;
  height: 64px;
  overflow-y: auto;
}
.chips-block ul {
  padding: 4px 5px;
}
.chips-block ul li {
  display: inline-flex;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 3px 5px;
  margin: 3px 2px;
  align-items: center;
}
.chips-block ul li .mdi-close {
  margin-left: 5px;
  cursor: pointer;
}
.chips-block::-webkit-scrollbar {
  width: 7px;
}
.chips-block::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 5px;
  border: solid 1px #fff;
}

.mdi24middle {
  line-height: 20px; font-size: 24px;
 }
.light-grey-bg {
  background-color: #f5f5f5 !important;
}


.mr-10 {
  margin-right: 10px !important;
}

.right-icon {
  display: flex;
  }
 .rightIconToolTip {
   right: -15px !important;
   left: auto !important;
   width: max-content !important;

 }
.tool-tp-top .tool-tp {
 position: absolute;
 display: none;
 width: 200px;
 padding: 15px;
 background: rgba(73, 73, 73, 0.8);
 color: #fff;
 border-radius: 5px;
 text-transform: inherit;
 text-align: left;
 font-size: 12px;
 z-index: 1;
 bottom: 100%;
 left: 0px;
 /* margin-top: 5px; */
 }
.alt-modal-body .dropdown-filter-block app-custom-single-select .select-dropdown .dropdown-button,
.alt-modal-body .dropdown-filter-block .dropdown-button {
  background-color: #f4f4f4 !important;
  border: solid 1px #f4f4f4 !important;
  }
.alt-modal-body  .dropdown-filter-block app-custom-single-select .select-dropdown .dropdown-button .mdi,
.alt-modal-body .dropdown-filter-block .dropdown-button .mdi {
    background-color: #f4f4f4 !important;
}
.position-chart-filter {
  display: block;
}
.position-chart-filter .filter-showHide {
  display: none !important;
}
.position-chart-filter .dropdown-block .dropdown .dropdown  {
  margin-bottom: 0px;
  margin-right: 0px;
}
.scroll-none {
  overflow: visible !important;
}

.form-label-ellipsis {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
}
.search-block.gray {
  border-radius: 5px;
}
.pagination-list .inline-block .flex {
  align-items: center;
}
.pagination-list .inline-block .flex pagination-controls pagination-template .ngx-pagination {
  margin-bottom: 0px !important;
}
.pagination-list .inline-block .flex .formfield-control.width90,
.pagination-list .inline-block .flex .formfield-control {
  width: 50px !important;
}

/* new css shiv 20-08-2023 */
.position-setup .c100{
  min-width: 50px;
}
.max-width-500{ max-width: 500px; display: inline-block !important; float: none !important; margin: 0 auto !important;}

app-position-filter .section-filter,
app-position-filter .section-filter .filter-by-block{margin-bottom: 0;}
.addremove {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/svg-small/add-remove.svg) no-repeat;
  background-size: 18px 18px;
}

.addplus {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../images/svg-small/add.svg) no-repeat;
  background-size: 15px 15px;
}
 .alt-modal-body .panel-white{ border-radius: 6px; background: #FFF; padding: 10px;}
 .alt-modal-body .panel-white .form-group-row{
  column-gap: 35px;
    row-gap: 20px;
 }
 .new-ui .alt-modal-body .panel-white .mat-form-field{margin-bottom: 0px !important;}
 .alt-modal-body .panel-white h3{font-size: 12px; color:#031842; margin-bottom: 10px; font-family: 'Inter-SemiBold';}
.bulk-action-dropdown.open .btn.btn-white{border-color: transparent;}
.btn-30 .mdi.mdi-table-edit{
  display: inline-block;
  margin-top: 4px;
  margin-left:2px;
  font-size: 20px;
}
.dropdown-white .dropdown-10{background: #fff !important;}
.dropdown-white .text-dropdown{
  color: #494949 !important;
}

.dropdown-white .dropdown-style{z-index: 100;}
.sticky-top-0 {
  position: sticky;
  background-color: #fff;
  top: -5px;
  margin-top: -5px;
  z-index: 2;
}

.dropdown-action-btn{
  padding: 10px;
}

.dropdown-action-btn{
  padding: 10px;
}
.btn.small-btn{
    padding: 0px 8px;
    font-size: 10px;
    height: 26px;
}
.bulk-action-dropdown.open .dropdown-action-btn .btn.btn-white {
  border-color: #777;
}
.btn-30 .mdi.mdi-plus{font-size: 21px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0;
  outline-offset: 0;
}
.ellipsis-not-applied:hover .tool-tp {
  display: none !important;
}
.appEllipsis {
    display: inline-block;
    position: relative;
    max-width: 99.9%;
    overflow: hidden;
    white-space: nowrap;
    clear: both;
    text-overflow: ellipsis;
}

.max-width150 {
   max-width: 150px;
}

.tool-tp-text-wrap {
  word-wrap: break-word;
}
.card .tool-tp {
  max-width: 200px;
}
.thead-sticky{
  position: sticky;
    z-index: 1;
}
.pt-30{ padding-top: 30px;}
.width120{ width: 120px !important;}
.emp-details-col .employee-wrap .emp-code-col{width:auto;}
.applied-filters-block {
  margin-bottom: 7px;
}
.applied-filters-block.d-block{display: block !important;}
#include .ui-commandlink.arrow-doted-inner{color: #494949 !important;}
.emp-grid-list{
  position: relative;
  max-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 0 20px 20px;
  border: 1px solid #ccc;
  padding: 10px;
}

.emp-grid-list li{
  margin-bottom: 10px;
}
.emp-grid-list li .fields-label{
font-size: 14px;color: #000;
}


/* Shiv start new css for reportbuilderAI */

/* Start Fonts */
@font-face {
  font-family: 'Inter-Light';
  src: url('../fonts/Inter-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/Inter-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-SemiBold';
  src: url('../fonts/Inter-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Black';
  src: url('../fonts/Inter-Black.ttf');
  font-weight: 900;
  font-style: normal;
}

.inter-light {
  font-family: "Inter-Light";
}

.inter-regular {
  font-family: "Inter-Regular";
}

.inter-medium {
  font-family: "Inter-Medium";
}

.inter-semibold {
  font-family: 'Inter-SemiBold';
}

.inter-bold {
  font-family: "Inter-Bold";
}



/* End Fonts */
.html,
body,
* {
    scrollbar-color: rgba(0, 0, 0, .25) transparent;
    scrollbar-width: thin;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar {
	background-color: transparent;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .25);
	border-radius: 12px;
}

.mt-15{ margin-top: 15px !important;}
.mb-15{ margin-bottom: 15px !important;}
.mb-20{ margin-bottom: 20px !important;}
.btn-secondary-outline,
.btn-secondary-outline:focus,
.btn-secondary-outline:hover {
    color: rgba(216, 3, 3, 1) !important;
    border-color: rgba(216, 3, 3, 1) !important;
    background-color: #fff !important;
}
.new-ui .notification-bar{top: auto;bottom: 20px;}
.new-ui .rep-loading{padding:110px;}
.new-ui .rep-loading img{margin:0 auto; display: flex;}
.new-ui{font-family: 'Inter-Regular';}
.new-ui .blue-color {color:#2A5EE3 !important;}
.new-ui .tab-bar{border-bottom: 1px solid #C7C9D9;}
.new-ui .tab-bar ul{height: auto;display: flex;align-items: center;}
.new-ui .tab-bar ul li a{background: transparent; border:0px; font-size: 14px;font-family: 'Inter-Regular'; line-height: 17px; padding: 7px 24px; height: auto;}
.new-ui .tab-bar ul li{position: relative;}
.tab-bar ul li:after{display: none;}
.new-ui .tab-bar ul li.active a {height: auto; background-color: transparent;color: #28293D;border-radius: 0;font-family: 'Inter-Bold';}
.new-ui .tab-bar ul li.active::before {content: "";position: absolute;bottom: -1px;left: 0;right: 0;background:#031842;height: 4px;}
.new-ui .mat-form-field-appearance-fill .mat-form-field-label{
      top: 3px;margin-top: 0;color: #8d8d8d !important;
}
.new-ui .mat-input-element,
.mat-form-field-appearance-legacy .mat-form-field-label{ height: auto !important; line-height: normal !important;}

.new-ui .form-group-row li{ position: relative; width:100%;}
.new-ui .form-group-row li.form-group{ margin-bottom: 0px !important;}
.new-ui .form-group-row li.form-group .mat-form-field{vertical-align: middle;}
.new-ui .form-group-row.clm-2>li{width: 47%;}
.new-ui .form-group-row.clm-3>li{width: 30.667%;}
.new-ui .form-group-row.clm-4>li{width: 23.2223%;}

.custom-grid-section{width: 100% !important;}
.custom-grid-section+.custom-grid-section{border-top: 1px solid #d3d3d3;padding-top: 20px;}
.custom-grid-section .label-text.label-heading{
      font-size: 12px !important;
    line-height: 12px !important;
    color: #000 !important;
    font-family: 'Inter-Bold' !important;
    text-transform: capitalize !important;
}
.custom-grid-section .section-row{display: flex;align-items: center;column-gap: 35px;margin: 0px !important;}
.custom-grid-section .section-row .form-group {width:47% !important; margin-bottom: 0px !important;}

.role-selector.panel.panel-open .panel-body{ padding: 20px; background: #fff; border-radius: 10px;}
.new-ui .customlist.form-group-row.clm-2>li .mat-form-field{ width: 100%;margin-bottom: 15px !important;}
.new-ui .customlist.form-group-row.clm-2>li .mat-form-field.selectdrop1{width: 50px;
    margin-right: 20px !important;}
.new-ui .customlist.form-group-row.clm-2>li .mat-form-field.selectdrop1 .mat-select-value{padding-top: 5px;}
.new-ui .customlist.form-group-row.clm-2>li .mat-form-field.selectdrop1+.select-caledar{width: calc(100% - 70px); margin-right: 0px !important;}

.new-ui .customlist.form-group-row.clm-2>li .fixed-operator {
    width: 30px;
    display: inline-block;
        vertical-align: super;
}
.new-ui .customlist.form-group-row.clm-2>li .fixed-operator+ .mat-form-field.select-caledar {width: calc(100% - 30px);}
.new-ui .tab-content .module-selection,
.new-ui .tab-content .filter-selection{background:#fff;box-shadow: none;border-radius:8px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);}

.new-ui .tab-content .mat-card-title{font-family: 'Inter-Bold'; font-size: 18px;color: rgba(3, 24, 66, 1); margin-bottom: 15px;}
.new-ui .tab-content .mat-card-subtitle{
  font-family: 'Inter-Regular';
  font-size: 12px;
  margin-bottom: 10px;
}
.new-ui .mat-card-header-text{margin: 0;}

.new-ui .filter-selection.mat-card .mat-card-content{background:#fff;border-radius: 0; margin-top: 30px;}
.new-ui .form-group-row {box-shadow: none;border-radius: 0px; background: transparent;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin: 0;
}

.report-filter-select .dropdown-list ul.item2{ max-height: 110px !important;}
.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select .multiselect-dropdown .dropdown-btn .selected-item{
    background: #e9e9e9 !important;
    border: 0px !important;
    border-radius: 6px !important;
    color: #000 !important;
    padding: 1px 10px !important;
    line-height: 16px !important;
}
.new-ui .checkbox input[type="checkbox"]:checked+label::before{background: #2A5EE3 !important; border-color:#2A5EE3 !important}
.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select.singleselect-ui .multiselect-dropdown .dropdown-btn .selected-item{
   padding: 1px 0 !important;
}
.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select.singleselect-ui .multiselect-dropdown .dropdown-btn .selected-item{background: transparent !important;}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .selected-item a {
    font-size: 10px !important;}

.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select .multiselect-dropdown span.dropdown-btn span.selected-item {color: #000 !important;}
.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select .multiselect-dropdown span.dropdown-btn span{color: #2A5EE3 !important;}
.new-ui .alt-modal-body .form-group-row .form-group .report-filter-select .multiselect-dropdown span.dropdown-btn>span{color: #979797 !important;}

.new-ui .alt-modal-body .form-group-row .form-group input[type="time"]::-webkit-calendar-picker-indicator {
  filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(1305%) hue-rotate(208deg) brightness(88%) contrast(104%);
}

.new-ui .form-group-row .form-group label.label-text {
  font-size: 9px;
  line-height: 11px;
  color: #8F90A6;
  font-family: 'Inter-SemiBold';
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0;
}
.new-ui .form-group-row .form-group input[type="text"].form-control,
.new-ui .column-header input[type="text"].form-control,
.new-ui input[type="text"].form-control,
.new-ui input[type=date].form-control,
.new-ui input[type=time].form-control,
.new-ui input[type=number].form-control {
  font-family: 'Inter-Regular';
  font-size: 12px;
  line-height: 16px;
  color: #1C1C28 !important;
  height: 28px;
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #E4E4EB;
  width: 100%;
  border-radius: 0;
  padding: 0px;
}
.new-ui input[type=date].form-control {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.new-ui input[type=date].form-control::before,
.new-ui .mat-form-field-suffix .mat-icon-button:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 15px;
    height: 15px;
    display: block;
    background: #f7f7fa url(../images/svg-small/calendar_icn.svg) no-repeat center / 17px auto !important;
    pointer-events: none;
}
.new-ui input.mat-input-element {
    margin-top: 3px !important;
    color: #1C1C28 !important;
}
.cdk-overlay-pane.mat-datepicker-popup{    margin-top: 0px;}
.new-ui .mat-form-field-suffix .mat-icon-button:after { top: 4px !important;}
.mat-button-ripple.mat-ripple{display: none !important;}
.new-ui .form-group-row .form-group textarea.form-control {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 14px;
  min-height: 80px;
  max-height: 250px;
  background: #fff;
  border: 1px solid #E4E4EB;
  border-radius: 8px;
  resize: none;
}
.new-ui .form-group-row .form-group input[type="text"].form-control:focus,
.new-ui .form-group-row .form-group textarea.form-control:focus {
  border-color: #2A5EE3;
}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn{
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #E4E4EB !important;
    padding: 5px 24px 5px 0!important;
    border-radius: 0px !important;
    height: auto!important;
    min-height: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .selected-item {
  background: #fff !important;
  color: rgba(52, 69, 103, 1) !important;
  border: 1px solid rgba(52, 69, 103, 1) !important;
  border-radius: 14px!important;
  font-size: 10px;
  padding: 0px 12px !important;
  line-height: 15px;
}
.new-ui .alt-modal-body .form-group-row .form-group .multiselect-dropdown .dropdown-btn .selected-item {
  background: transparent !important;
}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .selected-item:hover{box-shadow: none !important;}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .selected-item a{
  color: #000 !important;
  font-size: 12px;
  font-family: 'Inter-Bold';
  line-height: normal;
}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{right: -4px !important; width: 20px !important;}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{color:#2A5EE3 !important;}
.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-list{
  padding: 9px 0;
  background: #FCFCFD;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  border: 0px;
}

  .new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-list ul li{
    font-family: 'Inter-Regular';
    font-size: 14px;
    line-height: 18px;
    padding: 9px 14px;
    color: #1C1C28;
    cursor: pointer;
    display: inline-flex;
    width: 100%;
  }
  .new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox input[type=checkbox] + div:before{ border-radius: 2px !important;}
  .new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox:hover {
    background-color:#F7F7F7;
}

.new-ui .form-group-row .form-group .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: #2A5EE3!important;
  border-color: #2A5EE3 !important;
}
.new-ui .form-group-row li.form-group .multiselect-dropdown .dropdown-list ul.item1{margin: 5px 15px 10px;}
.new-ui .form-group-row li.form-group .multiselect-dropdown .dropdown-list ul.item1 li.filter-textbox{
  background: #F2F2F5;
  box-shadow: 0px 0px 1px rgb(40 41 61 / 8%), 0px 0.5px 2px rgb(96 97 112 / 16%);
  border-radius: 10px !important;
  border-bottom: 0px;
  padding: 0px;
}
.new-ui .form-group-row li.form-group .multiselect-dropdown .dropdown-list ul.item1 li.filter-textbox input {
      position: relative;
      height: 28px;
      width: 100%;
      display: block;
      padding-left: 35px;
      background: #F2F2F5 url(../images/svg-small/search_ic.svg) no-repeat 10px center / 17px auto !important;
      border: 0;
      border-radius: 6px;
  }

  .new-ui .module-options .filter-display{background: rgba(247, 247, 250, 1); margin: 8px 0; padding:4px 10px; min-height: 36px; }

  .new-ui .altone-tables thead {height: 42px;}
  .new-ui .altone-tables .th,
  .new-ui .altone-tables th {
  color: #fff;
  font-size: 12px;
  background: rgba(3, 24, 66, 1);
  font-family: 'Inter-SemiBold';
  font-weight: 100;
  height: 42px;
}
.new-ui .altone-tables thead.gray-header .th,
.new-ui .altone-tables thead.gray-header th{  background: #8F90A6 !important;}


.new-ui .altone-tables tr td {
  font-family: 'Inter-Regular';
  font-weight: 100;
}
.new-ui .altone-tables tr td .link {
  font-family: 'Inter-SemiBold';
  font-weight: 100;
  text-decoration: underline !important;
  color:rgba(42, 94, 227, 1) !important;
}
.new-ui .altone-tables thead th:first-child {
  border-top-left-radius: 6px;
}
.new-ui .altone-tables thead th:last-child {
  border-top-right-radius: 6px;
}
.new-ui .altone-tables tr:last-child > td {
  border-bottom: 0px;
}
.new-ui .altone-tables tr:last-child > td:first-child {
  border-top-left-radius: 6px;
}
.new-ui .altone-tables tr:last-child > td:last-child {
  border-top-right-radius: 6px;
}

.new-ui .form-group-row .form-group .singleselect-ui .multiselect-dropdown .dropdown-btn .selected-item{ border: 0px !important; padding: 0px !important; border-radius: 0px !important; margin-right: 0px; font-size: 12px;}
.new-ui .form-group-row .form-group .singleselect-ui .multiselect-dropdown .dropdown-btn .selected-item a,
.new-ui .form-group-row .form-group .singleselect-ui .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox input[type=checkbox] + div:before,
.new-ui .form-group-row .form-group .singleselect-ui .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox input[type=checkbox] + div:after{display: none !important;}

.new-ui .form-group-row .form-group .singleselect-ui .multiselect-dropdown .dropdown-list ul li.multiselect-item-checkbox input[type=checkbox] + div{padding-left: 2px !important;}
.new-ui .flex-wrapper{
  display: flex;
  align-items: center;
  float: none;
  justify-content: end;
}
.new-ui .flex-wrapper.module-name h5{ font-size: 12px; font-weight: 100; font-family: 'Inter-Bold';}
.new-ui .alt-modal-wrapper .alt-modal-title {
  background: rgba(3, 24, 66, 1);
  padding: 5px 12px;
  position: relative;
  display: flex;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 32px;
}
.new-ui .alt-modal-wrapper .alt-modal-title h3{
  color: #fff;
  font-size: 12px;
  font-family: 'Inter-Bold';
  line-height: 16px;
  margin: 0;
  text-transform: capitalize;
}

.new-ui .alt-modal-wrapper .alt-modal-close .material-icons {
  color: #fff;
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: left;
}

.new-ui .alt-modal-wrapper .alt-modal-close {
  right: 12px;
  top: 8px;
  width: 18px;
  height: 16px;
  padding: 0px;
}
.new-ui .alt-modal-wrapper .alt-modal-body{padding:20px}

.overflowScrollNone{
   overflow: inherit;
}

.overflowScroll{
   overflow: auto!important;
}
.new-ui .alt-modal-wrapper .alt-modal-footer{display: flex; align-items: center; justify-content: end; position: relative; padding: 10px 20px;}
.new-ui .alt-modal-wrapper .alt-modal-footer .btn,
.new-ui .btn{
  text-transform: capitalize !important;
  font-family: 'Inter-Regular';
  font-weight: 100;
}
.alt-modal-footer span+span{
  margin-left: 10px !important;
}
.new-ui .btn+.btn {margin-left: 10px !important;}

.overflow-visible{    max-height: none !important;overflow: inherit !important;}
.new-ui-alt-modal{
  height: auto !important;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
}
.new-ui .btn-white{
  border-color: #031842;
    color: #031842 !important;
}
.new-ui-alt-modal .mat-dialog-container{padding: 0 !important;border-radius: 8px !important;overflow: inherit !important; width: auto !important;background: #f7f7fa !important;}

.new-ui .edit-icon,
.new-ui .calendar_icon{
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    float: none !important;
    margin-top: 0px !important;
}
.new-ui .edit-icon{
    background: url(../images/svg-small/edit-pencil.svg) no-repeat center / 19px auto;
}
.width-100{width: 100px;}
.width-30{width:30px !important;}
.width-60{width: 60px;}
.width-70{width:70px;}
.width-300{width: 300px;}
.width-40{ width: 50px; min-width: 50px;}
.new-ui .empty-content img{margin: auto;}
.new-ui .empty-content h4,
.no-report-created h2,
.no-report-created h5{font-family: 'Inter-Bold';font-weight: 100;text-align: center; color:rgba(28, 28, 40, 1);}

.no-report-created img{margin-left: 20px;}



/* module menu */

.max-width-500{ max-width: 500%;}
.altone-tables .tool-tp-con.custom-tooltip>.tool-tp{top:38px !important;left: auto !important;}
.altone-tables .tool-tp-con.custom-tooltip .tool-tp::after{
    left: 50px;
    right: auto !important;
    top: -9px;
    transform: rotate(90deg);
}

.module-menu{ position: relative;}
.module-menu .module-selector .module-columns{ position: relative; transition: all ease .3s;}
.module-menu .module-selector .module-columns::before{
  position: absolute;
  content: "";
  left: 16px;
  top: -10px;
  bottom: 0;
  width: 1px;
  background: rgba(228, 228, 235, 1);
  display: block;
}
.module-menu .module-selector .module-columns .module-columns-scroll{max-height:200px; overflow:auto;}
.module-menu .module-selector .module-columns .module-column{position: relative;padding-left: 35px;margin-left: 0;}
.module-menu .module-selector .module-columns .module-column:first-child .option-display{margin-top: 0px !important;}

.module-menu .module-selector .module-columns .module-column::before{
  position: absolute;
  content: "";
  left: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 1px;
  background: rgba(228, 228, 235, 1);
  display: block;
}

.module-menu .module-selector .option-header-display,
.module-menu .module-selector .module-columns .module-column .option-display{
  background-color: rgba(247, 247, 250, 1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 7px 9px;
  margin: 10px 0;
  min-height: 34px;
}
.module-menu .module-selector .option-header-display .menu-add-icon{
  height: 20px;
  width: 20px;
  display: block;
  background: url(../images/svg-small/plus-circle_icn.svg) no-repeat center / 19px auto;
}
.module-menu .module-selector .option-header-display .menu-remove-icon{
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: block;
  background: url(../images/svg-small/minus-circle_icn.svg) no-repeat center / 19px auto;
}

.module-menu .module-selector .option-header-display .option-header-expand-collapse-icon-button .menu-icon{
  height: 15px;
  width: 15px;
  min-width: 15px;
  display: block;
  background: url(../images/svg-small/down-arrow-blue.svg) no-repeat center / 12px auto;
  transition: all ease .3s;
}
.module-menu .module-selector.expanded .option-header-display .option-header-expand-collapse-icon-button .menu-icon{
  transform: rotateZ(180deg);
}

.add-selected .menu-add-icon,
.module-columns .module-columns-scroll .option-display .menu-add-icon{
  height: 18px;
  width: 18px;
  min-width: 18px;
  cursor: pointer;
  display: block;
  background: url(../images/svg-small/plus-circle_icn.svg) no-repeat center / 16px auto;
}
.blue-icon,
.add-selected .menu-add-icon.blue-icon,
.module-menu .module-selector .option-header-display:hover .menu-add-icon,
.module-columns .module-columns-scroll .option-display:hover .menu-add-icon{
  filter: brightness(0) saturate(100%) invert(29%) sepia(42%) saturate(3862%) hue-rotate(216deg) brightness(91%) contrast(95%);
}
.month-year-container .checkbox label{
  padding-left: 0;    font-family: 'DIN Bold';margin-left: 0;}
.menu-minus-icon{
  height: 14px;
  width: 14px;
  min-width: 14px;
  display: block;
  background: url(../images/svg-small/minus-circle_icn.svg) no-repeat center / 12px auto;
}
.red-icon{
  filter: brightness(0) saturate(100%) invert(15%) sepia(38%) saturate(6955%) hue-rotate(355deg) brightness(105%) contrast(125%);
}

.gray-icon{
  filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(136%) hue-rotate(201deg) brightness(101%) contrast(89%) !important;
}

.module-columns .module-columns-scroll .option-display{display: flex; align-items: center;}
.module-columns .module-columns-scroll .option-display .option-select-unselect-icon-button{
  display: block;
  margin-right: 21px;
  height: 12px;
}
.module-columns .module-columns-scroll .option-display .checkcontainer{ flex: 1;}
.module-menu .module-selector .option-header-display .option-header-expand-collapse-icon-button{ margin-left: 10px;}
.module-menu .module-selector .option-header-display .option-header-name,
.module-columns .module-columns-scroll .option-display .checkcontainer label{font-family: 'Inter-Regular'; font-size: 12px; color:rgba(28, 28, 40, 1);padding-right: 5px;margin-left: 0;word-break: break-word; flex: 1;}

.selcted-flex-wrapper{display: flex; align-items: center;justify-content: space-between; padding-left: 45px; padding-right: 15px; margin-bottom: 11px; }
.justify-content-space-between,
.justify-content-between{justify-content:space-between;}
.selcted-flex-wrapper i.material-icons{ font-size: 18px; color: rgba(42, 94, 227, 1);}
.add-selected{ display: flex; align-items: center; font-size: 12px; font-family: 'Inter-Regular'; color: rgba(42, 94, 227, 1); cursor: pointer; opacity: 0;pointer-events: none;}

.add-selected i{ margin-right: 5px;}

    .up-dowm-arrow{
    position: absolute;
    width: 16px;
    height: 16px;
    right: -3px;
    top: 5px;
    background: #fff url(../images/svg-small/up-down-arrow.svg) no-repeat center / 15px auto;
    pointer-events: none;
    cursor: pointer;
    }
    .time-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0px;
    top: 5px;
    background: #fff url(../images/svg-small/time-icon.svg) no-repeat center / 15px auto;
    pointer-events: none;
    cursor: pointer;
    }
    input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.form-group-row.custom-form-grid li{}
.relative {position:relative;}
.module-menu .module-selector .module-columns.selected-menu .add-selected{opacity: 1;pointer-events:unset;}
.module-menu .module-selector .module-columns.selected-menu .module-column .option-display .menu-add-icon{display: none;}

.checkcontainer {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkcontainer {position: relative;}
.checkcontainer label {padding-left: 21px;font-size: 12px; font-family: 'Inter-Regular'; color: rgba(42, 94, 227, 1);}
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: 0;
}
.checkcontainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1.25px solid #d9dbe9;
  border-radius: 3px;
  pointer-events: none;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

.module-menu .module-selector .module-columns .module-column .option-display .checkcontainer input:disabled ~ .checkmark{
  border-color: #B1BBC9;
  background-color: #B1BBC9;
  cursor: not-allowed;
}

.new-ui .switch input:disabled + .slider {
  cursor: not-allowed;
}

.checkmark:after {
  left: 3px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkcontainer input:checked ~ .checkmark {
  border-color: rgba(42, 94, 227, 1);
  background-color: rgba(42, 94, 227, 1);
}

.info-icon{
  position: relative;
  height: 16px;
  width: 16px;
  min-width: 16px;
  display: block;
  background: url(../images/svg-small/info_icn.svg) no-repeat center / 13px auto;
}
.info-icon-blue{
  position: relative;
  height: 16px;
  width: 16px;
  min-width: 16px;
  display: block;
  background: url(../images/svg-small/info_icn_blue.svg) no-repeat center / 13px auto;
}

.tooltip-info{
	position: relative;
}

.tooltip-info {
	font-family: 'Inter-Regular';
    font-weight: 100;
    background: #031842;
    padding:10px;
    position: absolute;
    left:0;
    bottom: 28px;
    min-width: 285px;
    text-align: left;
    border-radius: 6px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    z-index: 999999;
    font-style: normal;
    display: none;
    white-space: normal !important;
}
.tooltip-info::before {
    transform: rotate(-90deg);
    content: "";
    position: absolute;
    left: 25px;
    bottom:-14px;
    border-width: 10px 10px 10px 0;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-right-color: #031842;
    z-index: 999999;
    font-style: normal;
}
.tooltip-info.right{
  left: auto;
    right: -30px;
}
.tooltip-info.right::before{
  left: auto;
  right: 18px;
}


.info-icon-blue .tooltip-info{left: -22px !important;}
.change-field-placeholder .input-info{ position: relative;}

.change-field-placeholder .info-icon-blue:hover .tooltip-info,
.change-field-placeholder .input-info:hover .tooltip-info,
.new-ui .form-group-row li .input-info:hover .tooltip-info,
.column-unselect-icon-button:hover .tooltip-info {
	display: block;
}
.new-ui app-filter-card .module-options{
  max-height: 400px;
  overflow: auto;
}
.new-ui app-module-card .module-options{
  max-height: 400px;
  overflow: auto;
}
/* .new-ui app-filter-card .module-options>div{ padding-top: 20px;} */
.new-ui app-filter-card .module-options>div:first-child{ padding-top: 0;}
.new-ui app-custom-filters-select .flex-wrapper{
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  padding-bottom: 5px;
}
app-custom-filters-select .selcted-flex-wrapper{
  padding-right: 0px;
  padding-left: 10px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 5px;
  position: sticky;
  top: 46px;
  background: #fff;
  z-index: 1;
}
app-custom-filters-select .selcted-flex-wrapper .remove-selected{display:flex;align-items: center;color:#D80303; cursor: pointer; height: 14px;}
app-custom-filters-select .selcted-flex-wrapper .remove-selected .menu-minus-icon{margin-right: 5px;}
.new-ui .module-options .filter-display .checkcontainer label{color:#1C1C28;}
.new-ui .change-field-placeholder,
.new-ui .change-field-placeholder span,
.new-ui .add-field-filter,
.new-ui .module-options .filter-display .right-wrap{display: flex;align-items: center;}
.new-ui .module-options .filter-display .right-wrap i.menu-minus-icon{
  height: 18px;
  width: 18px;
  min-width: 18px;
  cursor: pointer;
  display: block;
  margin-left: 5px;
  background: url(../images/svg-small/minus-circle_icn.svg) no-repeat center / 16px auto;
}
.new-ui .column-unselect-icon-button{ padding-left: 0px !important;}
.new-ui .module-options .filter-display .right-wrap i.menu-minus-icon{
  height: 18px;
  width: 18px;
  min-width: 18px;
  cursor: pointer;
  display: block;
  margin-left: 5px;
  background: url(../images/svg-small/minus-circle_icn.svg) no-repeat center / 16px auto;
  filter: brightness(0) saturate(100%) invert(15%) sepia(38%) saturate(6955%) hue-rotate(355deg) brightness(105%) contrast(125%);
}
.new-ui .module-options .filter-display .right-wrap i.empty-space{
  height: 18px;
  width: 30px;
  min-width: 30px;
  margin-left:5px;
}

.new-ui .module-options .filter-display .checkcontainer{ flex: 1;}
.new-ui .change-field-placeholder>span{white-space: nowrap;}
.new-ui .change-field-placeholder>span i{ margin-left: 5px;}
.new-ui .change-field-placeholder>span{margin-right: 15px; font-size: 12px;color: #1C1C28}
.new-ui .change-field-placeholder input[type="text"].form-control{width: 200px; margin-top: -5px;}
.new-ui .add-field-filter{padding: 0 0 0 40px;}
.new-ui .add-field-filter>span{font-size: 12px;margin-right: 15px;}
.new-ui .right-filter-info .info-icon{margin-left: 5px;}
.new-ui .switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 18px;
}

.new-ui .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.new-ui .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#EBEBF0;
  border: 1px solid #E4E4EB;
  -webkit-transition: .4s;
  transition: .4s;
  margin-right: 0;
}

.new-ui .switch .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0px 2px 4px 0px rgba(50, 50, 71, 0.06);
}
.new-ui .switch .slider:after {
  position: absolute;
  content: "No";
  right: 7px;
  bottom: 2px;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.5);
  line-height: normal;
}

.new-ui .switch input:checked + .slider {
  background-color: #4CD964;
  border-color: #4CD964;
}
.new-ui .switch input:checked + .slider:before {
  left: 1px;
  bottom: 2px;
}
.new-ui .switch input:checked + .slider:after {
  position: absolute;
  left: 5px;
  bottom: 2px;
  content: "Yes";
  font-size: 10px;
  color: #fff;
  line-height: normal;
}

.new-ui .switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.new-ui .switch .slider.round,
.new-ui .switch .slider.round:before {

  border-radius: 50px;
}
/*filter filler div start*/
.new-ui .filter-filler-space {
  padding: 0 0 0 40px;
	position: relative;
	display: inline-block;
	width: 191px;
	height: 18px;
}
/*filter filler div end*/
/*hierarchy filler div start*/
.new-ui .hierarchy-labels-filler-space {
  padding: 0 0 0 40px;
	position: relative;
	display: inline-block;
	width: 220px;
	height: 18px;
}
/*hierarchy filler div end*/
.new-ui .table-pagination{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.new-ui .table-pagination .select-page-drop{ width: 112px;}

 /*start footer pagination */
 .new-ui .align-items-center {
  align-items: center;
}
.new-ui .d-flex {
  display: flex;
}
.new-ui .d-flex.radio-wrapper-section{
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    }
.new-ui .pagi-info,
.new-ui .pagi-show-list-length span{
   font-family: 'Inter-Medium';
   font-size: 12px;
   letter-spacing: 0.2px;
   color: #000000;
 }
 .new-ui .pagination {
   display: inline-flex;
     white-space: nowrap;
 }
 .new-ui .pagination>li {
     display: inline;
 }
 .new-ui .pagination>li {
     padding: 0 6px;
 }
 .new-ui .pagination>li>a,
 .new-ui .pagination>li>button {
   position: relative;
   display: flex;
     align-items: center;
     justify-content: center;
   width:28px;
     height:28px;
     border-radius:4px;
     float: left;
     background: #F7F7FA;
   color:#031842;
   border: 0px;
   cursor: pointer;
 }
 .new-ui .pagination .previous button,
 .new-ui .pagination .next button {
     width: 28px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
 }
 .new-ui .pagination .previous button,
 .new-ui .pagination .prev button {
     background: #F7F7FA url(../images/svg-small/pagi-left-arrow.svg) no-repeat center / 9px auto;
 }
 .new-ui .pagination .next a,
 .new-ui .pagination .next button {
     background: #F7F7FA url(../images/svg-small/pagi-right-arrow.svg) no-repeat center / 9px auto;
 }

 .new-ui .pagination .previous button[disabled],
 .new-ui .pagination .next button[disabled] {
    opacity: .4;
    pointer-events: none;
 }

 .new-ui .pagination>li button.active,
 .new-ui .pagination>li button.active:hover {
     background-color: #031842;
     border-color: #031842;
     color: #fff;
 }
 .new-ui .pagi-show-list-length span.selected{
   margin-right: 12px;
   cursor: pointer;
 }

.new-ui .module-menu app-custom-module-select .search-box{
  margin-left: 36px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.new-ui .module-menu app-custom-module-select .search-box input{
  position: relative;
	height: 28px;
	width: 100%;
	display: block;
	padding-left: 35px;
	background: #F2F2F5 url(../images/svg-small/search_ic.svg) no-repeat 10px center / 17px auto !important;
	border: 0;
	border-radius: 6px
}

.new-ui .module-options app-custom-filters-select .selected-module-columns-search-box{
  display: block;
	background: #FFF;
	position: sticky;
	top: 18px;
	z-index: 1;
}
.new-ui .module-options app-custom-filters-select .selected-module-columns-search-box input{
	height: 28px;
	width: 100%;
	display: block;
	padding-left: 35px;
	background: #F2F2F5 url(../images/svg-small/search_ic.svg) no-repeat 10px center / 17px auto !important;
	border: 0;
	border-radius: 10px;
}
/* Shiv end new css for reportbuilderAI */

.ellipsis-line4{
  display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal !important;
    word-break: break-word !important;
}

.scroll-content{ max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dashed-border{ border: 1px dashed #777 !important;}

.width-full{ width: 100% !important;}
.width-500{ width: 500px;}
.max-width-500{max-width: 500px !important; width: 100%;}
.max-width-300{max-width: 300px !important; width: 100%;}
.consent-modal .alt-modal{background:#F7F7FA;border-radius: 12px;}
.consent-modal .alt-modal .alt-modal-title{ background: #0B0BCC; color: #fff !important; font-size: 14px;padding: 9px 20px;border-top-left-radius: 12px;border-top-right-radius: 12px;
}
.consent-modal .alt-modal h3{margin: 10px 0; color: #000000; font-size: 16px; line-height: 17px;}
.consent-modal .alt-modal .panel{box-shadow: none; margin-bottom: 20px; background: transparent;}
.consent-modal .alt-modal .panel-body{
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  min-height: 50px;
  display: inline-block;
  width: 100%;}
.consent-modal .alt-modal .panel-body p{font-size: 14px;line-height: 24px;color: #000;}
.consent-modal .alt-modal .panel-body .links-list-grid{ position: relative;}
.consent-modal .alt-modal .panel-body .links-list-grid li{font-size: 14px; line-height: 20px;color: #2A5EE3; border-bottom: 1px solid #E4E4EB;}
.consent-modal .alt-modal .panel-body .links-list-grid li a{word-break: break-word; color: #2A5EE3 !important;}
.consent-modal .alt-modal .panel-body .links-list-grid li:last-child{border-bottom: 0;}
.consent-modal .alt-modal .panel-body .empty-wrapper{ position: relative; text-align: center; padding: 10px;}
.consent-modal .alt-modal .panel-body .empty-wrapper img{ width:105px;}
.consent-modal .alt-modal h3 a.file-download {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #2A5EE3;
  text-decoration: underline;
  margin-bottom: 10px;
}
.mr-5{margin-right: 5px;}
.align-center{align-items: center;}
.flex-1{flex:1}
.mx-full{max-width: 100% !important;}
.consent-modal .alt-modal h3 .file-download img {
  margin-right: 5px;
  width: 24px;
}
.consent-modal .alt-modal .modal-footer{text-align: left;
  background: #fff;
  border-radius: 0 0 12px 12px;}

.consent-modal .alt-modal .btn{ border-radius: 6px; padding:6px 20px;}
.consent-modal .alt-modal .btn-default{background: #031842;}
.consent-modal.user-verification .alt-modal .btn{ padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
}

.consent-modal .alt-modal .checkbox label{ font-size: 12px; line-height: 20px;padding-left: 30px;font-family: 'DIN Regular';}
.consent-modal .alt-modal .checkbox label::before{
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #aeaeae;
}
.consent-modal .checkbox label::after{
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.consent-modal .alt-modal .checkbox input[type="checkbox"]{
  margin: 0;
  width: 20px;
  height: 20px;
}
.consent-modal .alt-modal .checkbox input[type="checkbox"]:checked+label::before {
  background-color: #2A5EE3;
  border-color:#2A5EE3;
}


.consent-modal .toasts-msg{
	position: absolute;
	left: 0;
	right: 0;
	bottom:70px;
	margin: auto;
	width: 320px;
	transition: .3s all ease;
	z-index: 1040;
	background: #fff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16), 0px 3px 8px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(17, 17, 17, 0.12);
	border-radius: 8px;
  display: none;
}
.consent-modal .toasts-msg-inner{
	position: relative;
	padding: 12px;
	transition:.3s all ease;
}
.consent-modal .toasts-msg h2{
	font-family: 'Din Bold';
	font-size: 14px;
	line-height: 17px;
	color: #1C1C28;
	margin: 0 0 5px;
}
.consent-modal .toasts-msg p{
	font-family: 'Din Regular';
	font-size: 12px;
	line-height: 16px;
	color: #1C1C28;
	margin: 0;
}
.consent-modal .toasts-msg .status-icon {
  width: 16px;
  height: 16px;
	border: 0px;
  display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	display: none;
}
.consent-modal .toasts-msg.error{
	background: #FCE7E7;
}
.consent-modal .toasts-msg.error .status-icon {
	display: inline-block;
	background: url(../images/svg/error_icn.svg) no-repeat center / 16px auto;
}
.consent-modal .toasts-msg.show{
	display: block !important;
}

.consent-modal .mobile-only{display: none;}
.consent-modal .desktop-only{display: block;}

.consent-modal.user-verification .alt-modal .modal-footer{
  background: #F7F7FA;}

.dropdown.drop-width-350,
.dropdown.drop-width-350 .dropdown.new-dropdown-style{ width:350px;}
.drop-width-350 .dropdown-style{ width:100%; border-radius: 0px !important;}

.dropdown.calendar-width-337 .dropdown{width:237px !important;}
.dropdown.calendar-width-337 .dropdown .dropdown-calender.dropdown-style{width: 100% !important; border-radius: 0px !important;}
.mobile-view{display: none;}
.desktop-view{display: block;}

.mandatory-star{
  position: absolute;
  right: 0;
  top: 0px;
  color: red;
  z-index: 1;
  width: 5px;
  height: 5px;
  vertical-align: top;
  display: inline-block;
  line-height: 7px;
  color: #ff0000 !important;
  }

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

  .section-outer .card-left,
  .section-outer .card-right {
    width: 100%;
  }

  .section-outer .card-right {
    margin-top: 10px;
  }

  .leave-section {
    padding-right: 30px;
    display: table-cell;
    width: 80.6%;
    padding-top: 2px;
  }
}

.column-2 > li:nth-child(even) {
  float: right;
}

.margin_L10 {
  margin-left: 10px;
}

.success-indicator {
  width: 8px;
  height: 8px;
  display:inline-block;
  object-fit: contain;
  background-color: #79b020;
  border-radius:50%;
  margin-right:5px;
}
.custom-drop-210{ width:210px; min-width: 210px;}
.custom-drop-210 .dropdown-200{border-radius: 0 0 5px 5px !important;}

.search-block .input-group-btn .btn {
  background-color: #031842 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  height: 30px;
  line-height: 24px;
}
.search-block .btn .material-icons,
.search-block .btn .mdi-magnify {
  color: #fff !important;
  font-size: 22px;
}
.alt-modal  .search-block .btn .mdi-magnify {
  color:#8F90A6 !important;

}

.dashboard-panel .panel-heading .panel-title a{display: inline-block;width: 100%;}
.dashboard-panel .panel-heading .accordion-toggle:after {font-family: 'Material Design Icons'; content: "\F140" !important;float: right;color:#6da4d8; font-size:24px;
}
.dashboard-panel.panel-open .panel-heading .accordion-toggle:after {content:"\F143" !important;}

.dashboard-panel .panel-heading .panel-title a{display: inline-block;width: 100%;}
.dashboard-panel .panel-heading .accordion-toggle:after {font-family: 'Material Design Icons'; content: "\F140" !important;float: right;color:#6da4d8; font-size:24px;
}
.dashboard-panel.panel-open .panel-heading .accordion-toggle:after {content:"\F143" !important;}

app-variable-assignment .multiselect-dropdown .dropdown-btn .selected-item{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.accordion-panel .panel-heading{
  background: #F7F7FA !important;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.alt-modal-body .checkbox label::before{ border-radius: 3px !important; border-color: #000000;}
.alt-modal-body .checkbox label::after{
      font-size: 12px;
      left: 1px;
      top: 2px;
}
.accordion-panel .panel-heading .panel-title{display: flex;align-items: center;
flex: 1;font-size: 12px;
}
.accordion-panel .panel-heading .btn{
  background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.inter-bold{font-family: 'Inter-Bold' !important;}
.accordion-panel .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow: none !important;}
.accordion-panel .mat-expansion-panel:first-of-type {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.accordion-panel .mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.accordion-panel .mat-expansion-panel +.mat-expansion-panel {margin-top: 10px;}
.accordion-panel .mat-expansion-panel-header{ height: 32px !important;padding: 0 10px;    background: #F7F7FA !important;}
.mat-expansion-panel-header{ font-size: 12px;font-family: 'Inter-SemiBold'; color: #000; }
.accordion-panel .mat-expansion-indicator::after{color: #2A5EE3 !important;}
.accordion-panel .mat-expansion-panel-header-description{flex-grow: 0 !important;}
.accordion-panel .mat-expansion-panel-header-title{color: #000;}
.accordion-panel .mat-expansion-panel-header-description .selected-count{font-size: 12px;font-family: 'Inter-Medium';color: #000;}
.accordion-panel .mat-expansion-panel-content{font-family: 'Inter-Regular';font: inherit;background: #F2F2F5;}
.accordion-panel .mat-expansion-panel-body {padding: 10px;}
.accordion-panel .checkbox-grid{column-gap: 12px;}
.accordion-panel .checkbox-grid li{width: 33.333%;margin: 0px 0 15px !important;}
.accordion-panel .checkbox-grid .form-check-label{font-size: 12px !important;color: #000;
font-family: 'Inter-Medium'; padding-left: 24px;}

  .select-manager .label-text{color: #8F90A6; font-size: 9px;font-family: 'Inter-Bold'; text-transform: uppercase; margin-bottom: 10px;}
   .alt-modal-body .radio-wrapper-section .radio label{
        padding-left: 5px;
    font-family: 'Inter-Medium';
    font-size: 12px;
   }

.new-ui .radio input[type="radio"]:checked+label::before{border-color:#2A5EE3 !important;}
.panel.grey_panel{background:#F4F4F4; box-shadow: none; border-radius: 6px;}
.panel.grey_panel .panel-heading{display: flex;align-items: flex-start; border: 0px !important;background: transparent;}
.panel.grey_panel .panel-heading .panel-title{font-family: 'DIN Bold';font-size: 12px; color: #4F524A;}
.panel.grey_panel .panel-heading p{font-family: 'DIN Regular';font-size: 12px; color: #4F524A;}
.action-right-btn{min-width: 100px; display: flex; align-items: center;justify-content: flex-end;}
.panel.grey_panel .action-right-btn .mdi{font-size: 20px; margin-right: 5px;}
.panel.grey_panel .action-right-btn .mdi.mdi-chevron-up.mdi-24,
.panel.grey_panel .action-right-btn .mdi.mdi-chevron-down.mdi-24{ font-size: 24px;margin-right: 0px;}
.panel.grey_panel .select-dropdown .dropdown-button{border: 1px solid #fff !important;background-color: #fff !important;}
.panel.grey_panel .select-dropdown .dropdown-button .mdi{background: #fff !important;}
.panel.grey_panel .mat-form-field-appearance-legacy .mat-form-field-label{
  height: auto;line-height: 18px;
}
.panel.grey_panel .mat-form-field {padding: 2px 0 !important;}
.panel.grey_panel .mat-form-field-suffix .mat-icon-button {
    margin-top: -5px !important;
}
.panel.grey_panel .remarkswith-attachment .formfield-control{max-width: 100%;}
.panel.grey_panel .custom-dropdown .dropdown-style{width: 100% !important;}
app-variable-landing-page .checkbox label::after{top: -2px;}
.panel.grey_panel .column-6>li:nth-child(7) .btn.file-btn.tool-tp-con.left > .tool-tp,
.panel.grey_panel .column-6>li:nth-child(8) .btn.file-btn.tool-tp-con.left > .tool-tp{
  left: 100%;
    right: auto;
}
.panel.grey_panel .column-6>li:nth-child(7) .btn.file-btn.tool-tp-con.left > .tool-tp::after,
.panel.grey_panel .column-6>li:nth-child(8) .btn.file-btn.tool-tp-con.left > .tool-tp::after{
  right: 100%;
    left: auto;
    margin-right: 0;
    transform: rotate(-180deg);
}
.panel.grey_panel .msg{display: inline-block;
    width: 100%;}

    .panel.grey_panel .file_option {
    display: flex;
    align-items: flex-start;
}
.panel.grey_panel .file_option_icon {
    width: 25px;
}

.newui-pchart{ background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 1px;
    font-family: 'Inter-Regular';
    min-height: 100%;
}
.newui-pchart .alt-module-true.position-modal,
.newui-pchart .alt-module-true.view-card-modal{background: rgba(0, 0, 0, 0.4) !important;}
.newui-pchart .menu-style{border-radius: 8px;}
.newui-pchart .menu-style .close{font-size: 18px;}
.newui-pchart .sb-section-outer{ margin-left: 0px !important; margin-right: 0px !important;padding: 0 20px;}
.newui-pchart .breadcrumb{
    position: relative;
    background: transparent;
    padding: 0 20px;
    margin: 0 0 5px;
    border-radius: 0;
}

.newui-pchart .breadcrumb li{
	display: inline-block !important;
	font-size: 10px;
	color: #1C1C28;
	text-transform: capitalize;
    font-family: 'Inter-Regular' !important;
}
.newui-pchart .breadcrumb li b{font-weight: 100 !important;}
.newui-pchart .breadcrumb li a{
    color: #2A5EE3 !important;
    margin: 0;
    padding: 0;
}
.newui-pchart .breadcrumb>li+li:before {
    padding: 0 2px 0 0 !important;
    color: #1C1C28 !important;
    content: "\003E" !important;
}

.newui-pchart .position-chart .chart-header,
.newui-pchart .position-chart .chart-header h2{display: flex; align-items: center;gap:5px; font-family: 'Inter-Bold'; color: #1C1C28 !important; font-size: 19px;}
.newui-pchart .action-wrap .btn,
.newui-pchart .download-btn{
      display: flex;
    align-items: center;
    gap: 6px;
    text-transform: capitalize;
    color: #031842 !important;
    font-weight: normal;
    font-family: 'DIN Medium';
}

.newui-pchart .search-block-filter{width: 100%; max-width: 340px; padding: 0px !important;}
.newui-pchart .search-block-filter .search-block{background-color: #F2F2F5; border-radius: 6px; box-shadow: none !important;}
.newui-pchart .search-block-filter .search-block .form-control{font-size: 12px;}
.newui-pchart .search-block .input-group-btn .btn {background: transparent !important;}
.chart-wrapper .card .action-btn .download img{margin-top: -2px; margin-right: 8px;filter: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(579%) hue-rotate(199deg) brightness(84%) contrast(88%);}

.newui-pchart .search-block .btn .search-icon {
      position: relative;
      height: 20px;
      width: 20px;
      display: block;
      background: url(../images/svg-small/search_ic.svg) no-repeat center / 17px auto !important;
  }
.newui-pchart .open>.btn {
    border-radius: 4px !important;
    box-shadow: none !important;
    border-color:#777 !important;
}
.newui-pchart .dropdown-style{
    top: 30px !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    box-shadow: 0px 0px 2px 0px #11111130, 0px 0px 7px 2px rgba(17, 17, 17, 0.19) !important;
}
.newui-pchart .dropdown-style li a{ padding: 10px 0 !important;}
.newui-pchart .dropdown-style li a:hover{background: transparent !important;}
.newui-pchart .dropdown-style li+li {
    border-top: 1px solid #EBEBF0;
}
.newui-pchart .menu-style .dropdown-menu{min-width: 145px;}
.print-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    border: 0px;
    background: url(../images/svg-small/print-icn.svg) no-repeat center / 20px auto;
  }
.newui-pchart .filter-click .notification {
    min-width: 20px;
    right: auto !important;
    background: #ed0c0c;
    top: -8px;
    left: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chart-wrapper .card .card-content .list-grid li .grid-col-3 .fields-label{
  font-family: 'Inter-Regular' !important; color: #031842 !important; font-size: 15px !important;
}
.chart-wrapper .card .card-content .list-grid li p {
    font-size: 9px !important;
    color: #8F90A6 !important;
    text-transform: uppercase;
    font-family: 'Inter-Bold' !important;
}

.newui-pchart .accordion-panel .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow: none !important;}
.newui-pchart .accordion-panel .mat-expansion-panel:first-of-type {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.newui-pchart .accordion-panel .mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.newui-pchart .accordion-panel .mat-expansion-panel{padding: 0 !important; background: #F7F7FA !important;margin-bottom: 10px !important; border-radius: 12px !important; }
.newui-pchart .accordion-panel .mat-expansion-panel +.mat-expansion-panel {margin-top: 10px;}
.newui-pchart .accordion-panel .mat-expansion-panel-header{
    height: auto !important;
    padding: 0;
    margin-bottom: 0;
}
.newui-pchart .mat-expansion-panel-header{padding: 20px !important; font-size: 14px;font-family: 'Inter-Bold';color: #1C1C28;}
.newui-pchart .accordion-panel .mat-expansion-indicator::after{color: #2A5EE3 !important;border-width: 0 1.5px 1.5px 0;}
.newui-pchart .accordion-panel .mat-expansion-panel-header-description{flex-grow: 0 !important;}
.newui-pchart .accordion-panel .mat-expansion-panel-header-title{color: #000;}
.newui-pchart .accordion-panel .mat-expansion-panel-header-description .selected-count{font-size: 12px;font-family: 'Inter-Medium';color: #000;}
.newui-pchart .accordion-panel .mat-expansion-panel-content{font-family: 'Inter-Regular';font: inherit;background:transparent;}
.newui-pchart .accordion-panel .mat-expansion-panel-body {
    padding: 0 20px 20px;
    background: #F7F7FA;
    border-radius:6px;
    margin-top: 0;
}
.newui-pchart .accordion-panel .mat-expansion-panel-body .content-body-nner{
    padding: 20px 10px;
    background: #fff;
    border-radius: 6px;
}

.newui-pchart .fields-group{margin: 0px !important;row-gap: 30px;}
.newui-pchart .fields-group>li{ padding: 0 15px !important;}
.newui-pchart .fields-group .fields-label{color: #8F90A6;font-family: 'Inter-Bold';font-size: 9px;text-transform: uppercase;    min-height: auto;}
.newui-pchart .fields-group .input-style{color: #1C1C28;font-family: 'Inter-Regular';font-size: 12px;padding: 0;}
.newui-pchart .position-modal .alt-modal{border-radius: 8px !important; box-shadow: none !important;}
.newui-pchart .position-modal .alt-modal .alt-modal-body{ max-height: 550px;}
.newui-pchart .position-modal .alt-modal .alt-modal-title{
    height: 28px;
    background: #4987F3 !important;
    font-size: 12px;
    color: #fff !important;
    font-family: 'Inter-Bold';
    padding: 6px 12px;
    display: flex;
    align-items: center;
    border-radius: 8px 8px 0 0 !important;
}
.newui-pchart .position-modal .alt-modal .alt-modal-title .alt-modal-close{color: #fff;right: 8px;top: 4px;}
.newui-pchart .position-modal .alt-modal .alt-modal-title .alt-modal-close:hover,
.newui-pchart .position-modal .alt-modal .alt-modal-title .alt-modal-close:focus,
.newui-pchart .position-modal .alt-modal .alt-modal-title .alt-modal-close:active{color: #fff !important;}
.newui-pchart .position-modal .alt-modal .alt-modal-title .alt-modal-close .material-icons{font-size: 16px;}
.newui-pchart .chart-wrapper .card label{font-size: 15px !important;line-height: 22px !important;min-height: auto !important; word-break: break-word;}

.view-card-modal .alt-modal-body .chart-wrapper .card .card-header .card-header-text .card-title{color:#232326 !important}
.view-card-modal .alt-modal-body .chart-wrapper .card .img-placeholder .initial-text{background: #232326 !important;}
.view-card-modal .alt-modal-body .chart-wrapper .card label{font-size: 15px !important;line-height: 22px !important;word-break: break-word;}
.view-card-modal .alt-modal-body .chart-wrapper .card .action-btn img {height: 16px !important;}
.view-card-modal .alt-modal-body .chart-wrapper .card .action-btn .download img{margin-right: 10px;}
.view-card-modal .alt-modal-body .chart-wrapper .card .action-btn .more-menu.menu-click{margin-left: 4px;}
.view-card-modal .alt-modal-body .chart-wrapper .card .action-btn .chart-wrapper .card .action-btn .more-menu .material-icons{font-size: 20px !important}

.newui-pchart .alt-modal-footer{display: flex; align-items: center; justify-content: end; position: relative; padding: 15px 20px;}
.newui-pchart .alt-modal-footer .btn,
.newui-pchart .btn{
  text-transform: capitalize !important;
  font-family: 'Inter-Regular';
  font-weight: 100;
}

.newui-pchart .btn.btn-outline{
    background: #ffffff !important;
    color: #031842 !important;
    border: solid 1px #031842 !important;
    display: flex;
    align-items: center;
    font-size: 12px !important;
    line-height: 12px !important;
}
.newui-pchart .btn.btn-default{
    color: #ffffff !important;
    background: #031842 !important;
    border-color: #031842 !important;
}

.newui-pchart .tool-tp-con.top-center > .tool-tp{left: 0 !important; transform: none !important;}
.newui-pchart .tool-tp-con.top-center .tool-tp::after{left: 20px !important;}
.download-btn{margin-top: 5px;}

.print-dropdown {
  position: relative;
  display: inline-block;
}

.print-dropdown .dropdown-menu-wrapper {
  position: absolute;
  top: 35px;
  left: -20px;
  width: 175px;
  background: #fff;
  border-radius: 8px;
  padding:8px 10px;
  list-style: none;
  display: none;
  z-index: 1000;
  box-shadow: 0px 0px 2px 0px #11111130, 0px 0px 7px 2px rgba(17, 17, 17, 0.19);

}
.print-dropdown.open .dropdown-menu-wrapper{display: block;}
.print-dropdown.open .dropdown-menu-wrapper::before,
.print-dropdown.open .dropdown-menu-wrapper::after{
    content: "";
    position: absolute;
    left: 20px;
    width: 18px;
    height: 18px;
    background: #fff;
    transform: rotate(45deg);
  }
.print-dropdown.open .dropdown-menu-wrapper::before{
    top: -10px;
    border: 1px solid #ccc;

  }
  .print-dropdown.open .dropdown-menu-wrapper::after{
    top: -9px;
  }
.print-dropdown .dropdown-menu-wrapper .dropdown-list{ position: relative;}
.print-dropdown .dropdown-menu-wrapper .dropdown-list li {
  padding: 10px 0;
  cursor: pointer;
  color: #031842;
  font-size: 12px;
  font-family: 'Inter-Regular';

}
.print-dropdown .dropdown-menu-wrapper .dropdown-list li a,
.print-dropdown .dropdown-menu-wrapper .dropdown-list li a:hover{color:#031842 !important}
.print-dropdown .dropdown-menu-wrapper .dropdown-list li+li {
  border-top:1px solid #EBEBF0;
}

.view-card-modal.alt-module-true {background: rgba(0, 0, 0, .3) !important;}
.view-card-modal .alt-modal-body{
      max-height: 100%;
      overflow: visible;
      padding: 0px;
}

.view-card-modal .alt-modal-body .chart-wrapper{
    min-width: auto !important;
    padding: 0px !important;
}

.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .card{
      padding: 15px !important;
    margin: auto !important;
    width: 415px !important;
    height: auto !important;
    min-height: 240px;
    max-height: 550px;
}
.list-scrollbar{
  max-height: 430px;
  overflow-y: auto;
  overflow-x: hidden;
}
.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .card .card-content .list-grid li{padding-bottom: 10px !important;}
.print.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .team-tree-view:before{ width: 100% !important;}
.print.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .indication-wrapper{right: 0px !important;}
.print.view-card-modal .alt-modal-body{
      max-height: 550px !important;
      overflow: hidden;
      overflow-y: auto !important;
      padding: 20px 40px !important;
}
.print.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .card{margin: 0 auto 50px !important;max-height: 100% !important;}
.print.view-card-modal.alt-module-true .alt-modal-body .chart-wrapper .card.v-line::before{bottom: -50px !important;height: 58px !important;}
.print.view-card-modal .action-btn a,
.print.view-card-modal .action-btn .more-menu{pointer-events: none;}

.container-inner{padding-bottom: 20px;}
.newui-pchart .chart-wrapper{padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
.newui-pchart .chart-wrapper.mb-40{margin-bottom: 0px !important;}
.print-with-all-details{left: -900% !important;top: -900% !important;}
.print-with-all-details.chart-wrapper{padding-top: 20px;}
.print-with-all-details.chart-wrapper .card{width: calc(33.333% - 20px) !important;height: auto !important;}
.newui-pchart .action-btn a.download{display: none;}

.search-wrap{
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 300px;
    float: right;
    margin: 10px 0;
}
.search-wrap .label-text{margin-bottom:5px}
.search-wrap input{
  border-radius: 6px;width: 100%;
    padding: 0.4rem !important;
    font-size: 14px !important;
  }
.table-responsive-outer{ overflow: auto;}
.table-responsive-outer .default-table .formfield-control{background: #fff !important;}
.form-row:last-child .divider{display: none;}
.task-flex-wrapper{display:flex;align-items:center;gap:10px;}

@media screen and (max-width: 1023px) {
  .mobile-full-width{width: 100% !important;}
  .panel.grey_panel .remarkswith-attachment .formfield-control {
    max-width: 100%;
}
.panel.grey_panel .remarkswith-attachment {
    width: 100%;
}

app-exit-tasks .mobile-only{display: block !important;}
app-exit-tasks .desktop-only{display: none !important;}
.mobile-view{display:block;}
.desktop-view{display: none;}
  .tax-table-row {
    overflow-x: inherit
  }
  .task-inbox-section .section-left, .task-inbox-section .section-right {
  width: 100%;
  padding: 0px;
  float: left;
}
.bulk-action-main-layer .block-btns .btn { margin:5px !important; }
  .tax-declaration .altone-tables .tr .td .th-title {
    display: block;
  }

  .tax-declaration .altone-tables .tr .td {
    box-shadow: none;
  }

  .grid-wrapper .grid-content>li:nth-child(1) {
    display: inline-block;
    width: 99%;
  }

  .grid-wrapper .grid-content>li {
    display: inline-block;
    width: 49%;
    margin-right: 0;
  }

  .data-grid-wrapper>li .data-grid,
  .data-grid-wrapper>li .data-grid.merge-2,
  .data-grid-wrapper.hrd-custom-grid>li .data-grid {
    width: 31%;
  }


  .emp-tax-info .emp-profilecard-inner {
    height: auto !important;
  }

  .emp-tax-info .emp-fields-saprator {
    display: block !important
  }


  .emp-tax-info .close-card-info {
    position: absolute;
    top: 4px;
    right: 0px;
  }

  .emp-tax-info .table-layout .td.card-col3 {
    padding: 10px 5px;
  }

  .emp-tax-info .emp-code-col {
    border: 0px !important;
  }

  .serial-no {
    margin-top: 5px;
  }

  .emp-profilepic-cell .initial {
    line-height: 52px;
  }

  .emp-profilepic-cell {
    width: 80px !important;
    height: 75px !important;
    padding: 0px 10px !important;
  }

  .header-right {
    right: 0px;
    margin: 0px;
  }

  .switch-app-holder,
  .punch-tile-label,
  .FixedRight-btn {
    display: none;
  }

  .switch-app-holder {
    display: block !important;
  }

  .header-right {
    width: 200px;
  }

  .header-profile-inner {
    box-shadow: none;
  }

  .p-img-b-outer {
    height: 75px;
    background: #fff;
    padding: 20px 34px 20px 10px;

  }

  .header-profile-inner.open {
    box-shadow: none;
    background: none;
    border-radius: 0px;
    overflow: visible;
  }

  .header-profile-inner.open .p-img-b-outer {
    box-shadow: -3px -1px 3px 0 rgba(0, 0, 0, 0.1);
  }

  .p-img-b img {
    width: 34px;
    height: 34px;
  }

  .punch-wrap {
    text-align: left;
    padding: 30px 0 5px 52px;
    min-height: 75px;
  }

  .header-profile-inner.open .profile-block-more {
    transition: max-height 0.25s ease-in;
    -webkit-box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #fff;
  }

  .p-img-b {
    width: 34px;
    height: 34px;
    margin-right: 20px;
  }

  .p-img-b .p-toggle {
    right: -20px;
  }

  .header-profile-inner {
    max-height: 75px;
    padding: 0px 0px 0px 0px;
  }

  .header-container {
    margin: 0px;
  }

  .filter-cel-active .filter-cell {
    background-color: #e3e3e3;
  }

  .filter-cell {
    height: 45px;
    width: 50%;
    display: block;
    text-align: center;
    padding-top: 14px;
    margin-bottom: 0px;
    cursor: pointer;
    border-right: solid 2px #e9e9e9;
    background-color: #fff;
    letter-spacing: 0.5px;
    vertical-align: top;
  }

  .sort-by-block .dropdown-block {
    top: -2px;
  }

  .filter-open .dropdown-block {
    box-shadow: 0 2px 5px 0px #ccc;
  }

  .filter-footer {
    background: #fff;
    position: relative;
    box-shadow: 0 2px 5px 0px #ccc;
    text-align: right;
  }

  .filter-cell {
    width: 50%;
    display: block;
  }

  .sort-by-block {
    display: block;
  }


  .card-pagination {
    padding: 0;
  }

  /* table card css */
  .table-outer-row {
    margin-left: -1%;
    margin-right: -1%;
  }

  .altone-tables {
    background: none;
  }

  .altone-tables .thead {
    display: none;
  }
  .altone-tables.leave-table .thead {
    display: table-header-group;
  }
  .altone-tables.leave-table {
	  min-width:600px;
  }
.altone-tables.leave-table.mobile-header-none .thead { display: none;}
.altone-tables.leave-table.mobile-header-none { margin-top: 10px;}
  .altone-tables .tr {
    border-top: none;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.07);
    display: flex;
    flex-wrap: wrap;
    width: 48%;
    float: left;
    margin: 1%;
  }
  .default-table.mobile-card .altone-tables .tr{background: #fff !important;}
  .default-table.mobile-card .altone-tables .tr .td{box-shadow: 0 0 0 0.05em #e3e3e3 !important;}

  .default-table.mobile-card { background: none;}
  .default-table.mobile-card .thead { display: none;}
  .default-table.mobile-card .tr {
    border-top: none;
    margin-bottom: 10px;
    background: #f4f4f4;
    border-radius: 5px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 98% !important;
    float: left;
    margin: 1%;
  }
  .altone-tables .tr:nth-child(2n),
  .default-table.mobile-card .tr:nth-child(2n) { clear:both;}
  .default-table.mobile-card .tr .td {
    box-shadow: 0 0 0 0.05em #fff;
    word-wrap: break-word;
    font-family: 'DIN Bold';
}
  .altone-tables .check-box {
    margin-top: 0px;
  }

  .altone-tables .tr .td {
    position: static;
    vertical-align: top;
  }

  .altone-tables .tr .td .td-more-options {
    position: absolute;
    top: 10px;
    right: 0px;
  }

  .altone-tables .td,
  .altone-tables .th {
    padding: 9px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    color: #494949;
  }


  .col-merge-2 .fields-group>li div {
    white-space: normal !important
  }

  .text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .column-4>li.col-merge-2 {
    width: 50%;
  }

  .fields-group .col-merge-2 {
    width: 40%;
  }

  .fields-group {
    margin-bottom: 20px !important;
  }

  .fields-group>li {
    padding-top: 7px;
    padding-bottom: 8px;
  }




  .block-devider-text {
    border-bottom: 0px !important;
    display: block;
    text-align: right;
    padding-bottom: 20px;
    margin-bottom: 15px;
    margin-top: -10px;
  }


  .textarea.formfield-control {
    min-height: 50px;
    height: auto;
    resize: none;
  }

  .td-more-options .material-icons {
    height: 15px;
    line-height: 15px;
  }

  .check-box-col,
  .m-profile-col {
    max-width: 100%;
    width: 100%;
  }


  .m-profile-col {
    border-bottom: solid 1px #f0f0f0;
  }

  .m-position-col,
  .m-contact-col,
  .m-doj-col,
  .m-task-col {
    border: solid 1px #f0f0f0;
  }

  .m-contact-col {
    order: 1;
    width: 70%;
    border-left: 0px;
  }

  .m-position-col {
    order: 3;
    width: 70%;
    border-left: 0px;
    border-bottom: 0px;
  }

  .m-doj-col {
    order: 2;
    width: 30%;
    border-right: 0px;
  }

  .m-task-col {
    order: 4;
    width: 30%;
    border-right: 0px;
    border-bottom: 0px;
  }
.m-100 { width: 100% !important;}
.m-50 { width: 50% !important;}
  .m-task-col .mobile-only {
    font-size: 11px;
  }

  /* table card css end */
  .bulk-actionblock .mdi {
    position: absolute;
    right: 0px;
    top: 8px;
  }

  .desktop-inline-only {
    display: none;
  }

  .tool-tp {
    display: none !important;
  }


  .alt-module-true {
    z-index: 1120;
  }

  /*shiv new css 17-12-18 */

  .tab-row {
    /*overflow-x: auto !important;*/
  }

  .tab-list li {
    display: table-cell;
  }

  .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .text-center {
    text-align: center !important
  }

  .responsive-table {
    position: relative;
  }



  /*mobile width css*/

  .responsive-table .td.clm-1 {
    width: 100%
  }

  .responsive-table .td.clm-1.w-80 {
    width: 80% !important;
  }

  .responsive-table .td.clm-2 {
    width: 50%
  }

  .responsive-table .td.clm-3 {
    width: 33.333%
  }

  .responsive-table .td.clm-4 {
    width: 25%
  }

  .responsive-table .td.clm-5 {
    width: 20%
  }

  .responsive-table .td.w-10 {
    width: 10%
  }

  .responsive-table .td.w-80 {
    width: 90%
  }





  .responsive-table .td.clm-7 {
    width: 14.285%
  }



  /*mobile order css*/

  .responsive-table .td.order1 {
    order: 1
  }

  .responsive-table .td.order2 {
    order: 2
  }

  .responsive-table .td.order3 {
    order: 3
  }

  .responsive-table .td.order4 {
    order: 4
  }

  .responsive-table .td.order5 {
    order: 5
  }

  .responsive-table .td.order6 {
    order: 6
  }

  .responsive-table .td.order7 {
    order: 7
  }



  .responsive-table .td.edit {
    position: static !important;
  }

  .responsive-table .td.edit .link {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .tab-row { margin-right: 0px;}
  .alt-modal.large, .alt-modal {
    max-width: 95%;
    margin: auto;
    width: 100%;
}
.mob-w-50 {
    width: 50% !important;
}
.mob-w-80 {
    width: 80% !important;
}
.mob-w-20 {
    width: 20% !important;
}
.altone-tables .tr .td {
    box-shadow: 0 0 0 0.05em #e3e3e3;
}
.hide-in-mobile {
    display: none !important;
}
.view-details-col .mdi-eye { font-size: 16px;}
.custom-col { text-align: center;}
.mobile-data-th { display: block; font-family: 'DIN Regular'; margin-bottom: 5px;}

.section-filter.mobile-filter .filter-by-block {
  display: inline-block !important;
  position: inherit !important;
}
.section-filter.mobile-filter .filter-cell {
    height: auto !important;
    width: 100% !important;
    display: block;
    text-align: left !important;
    padding-top: 14px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    border-right: inherit !important;
    background-color:inherit !important;
    letter-spacing: 0.5px;
}
.section-filter.mobile-filter .dropdown-block {
  position: inherit !important;
  width: auto !important;
  background-color: inherit !important;
  display: block !important;
  top: inherit !important;
  border-top: inherit !important;
  z-index: inherit !important;
  margin-left: -5px;
}
.section-filter.mobile-filter .dropdown-button .mdi-chevron-down {
  display: inline-block !important;
}
.section-filter.mobile-filter .dropdown {
  width: auto !important;
  margin: 5px !important;
  position: relative !important;
  float: left !important;
}
.section-filter.mobile-filter .dropdown.multilevel-dropdown { margin: 0px !important;}
.section-filter.mobile-filter .dropdown-button {
  display: block;
  padding-top: 7px !important;
  padding-bottom: 8px !important;
  padding-left: 15px !important;
  padding-right: 5px !important;
  border-radius: 5px !important;
  background-color: #fff;
  height: 30px;
  float: inherit;
  text-transform: uppercase;
  border: solid 1px #fff !important;
  color: #777777 !important;
  line-height: 14px;
  letter-spacing: 0.5px;
  font-size: 12px;
  font-family: 'DIN Regular';
}
.section-filter.mobile-filter .dropdown-button .text-dropdown {
  padding-right: 25px !important;
}
.section-filter.mobile-filter .dropdown-style {
  top: 0px !important;
  left: 0 !important;
  right: 0px !important;
  width: auto !important;
  min-width: 150px !important;
  -webkit-box-shadow: 0 7px 6px rgb(0 0 0 / 18%) !important;
    box-shadow: 0 7px 6px rgb(0 0 0 / 18%) !important;
}
.section-filter.mobile-filter .multilevel-dropdown .dropdown-style {
  top: 100% !important;
  min-width: 260px !important;
  box-shadow: 0 0 14px rgba(0, 0, 0, .15) !important;
}

.dropdown.drop-width-350,
.dropdown.drop-width-350 .dropdown.new-dropdown-style,
.dropdown.drop-width-350 .select-dropdown.new-dropdown-style{ width:350px !important;}

.drop-width-350 .dropdown-style{ width:100% !important;}
.section-filter.mobile-filter .dropdown.drop-width-350.mobile-position-right .dropdown-style{
  left: auto !important;
    right: 0 !important;
}

.dropdown.calendar-width-337 .dropdown{width:237px !important;}
.dropdown.calendar-width-337 .dropdown .dropdown-calender.dropdown-style{width: 100% !important;}
.section-filter.mobile-filter .dropdown-filter-block {
  padding: 0px;
  position: inherit !important;
  z-index: 0;
}
.task-inbox-section {
  margin-left: 0px;
  margin-right: 0px;
}
.search-block .btn {
  margin-bottom: 0px !important;
}

.applied-filters-block.filters-wrap,
.applied-filters-block.filters-wrap .flex.align-center{display: block;}
.applied-filters-block.filters-wrap .flex.align-center{margin: 0 0 10px;}

.section-filter.mobile-filter .applied-filters-block.filters-wrap .flex.align-center label.filter-cell{padding-top: 0px !important; padding-bottom: 10px !important;}

.mob-clearboth{clear: both;}

}


@media only screen and (max-width:1023px) and (min-width:768px) {
  .tax-calcu-text {
    font-size: 16px !important;
    margin-right: 10px;
  }

  .copytextdecaration-text {
    line-height: normal !important;
  }

  .tax-year-text,
  .total-taxdeduction-text,
  .saved-tax-text {
    font-size: 16px !important;
  }

  .save-tax-col {
    padding-left: 10px !important;
  }

  .tax-detail-card {
    padding: 30px 30px !important;
  }

	.custom-mobile-table .m-data-header { display:block; font-family:'DIN Bold'; }
	.custom-mobile-table.mobile-table thead { display:none; }
	.custom-mobile-table.mobile-table tbody { background:none; }
	.custom-mobile-table.mobile-table table tr {
		background: #fff;
		border-radius: 5px;
		position: relative;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
		display: flex;
		flex-wrap: wrap;
		box-sizing: inherit !important;
		float: left;
		width: 48%;
		margin: 1%;
		margin-bottom: 10px;
	}
	.custom-mobile-table.mobile-table table tr td {
		width: 50%;
		padding: 7px;
		max-width: 50%;
		word-wrap: break-word;
		min-width: 50%;
    box-shadow: 0 0 0 0.05em #e3e3e3;
    border-bottom: 0px !important;
	}
  .custom-mobile-table.mobile-table table tr td .min-height-15{min-height: 15px;}

}

@media screen and (max-width: 767px) {
  .custom-mobile-table.mobile-table table tr td {
    box-shadow: 0 0 0 0.05em #e3e3e3;
    border-bottom: 0px !important;
	}
  .custom-mobile-table.mobile-table table tr{width: 100%;}
.consent-modal .mobile-only{display: block;}
.consent-modal .desktop-only{display: none;}
.consent-modal .alt-modal .btn{ width: 100%; margin-bottom: 0;}
  .action-125 {
    width: 100%;
}
  .tax-declaration .emp-profilecard-inner {
    height: auto;
  }

  .tax-declaration .card-col3 {
    padding: 10px;
  }

  .tax-declaration .card-col3 div {
    margin-bottom: 3px;
  }

  .tax-declaration .title-row {
    margin-bottom: 10px;
  }

  .data-grid-wrapper>li .data-grid,
  .data-grid-wrapper>li .data-grid.merge-2,
  .data-grid-wrapper.hrd-custom-grid>li .data-grid {
    width: 49%;
    padding: 10px;
    margin: 0 0px 20px;
  }

  .tax-declaration .panel {
    padding: 15px;
  }

  .leave-section {
    padding-right: 0px;
    display: block;
    width: 100%;
  }

  .empname-ellipsis {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 55%;
  }

  .emp-designation {
    /*padding-left: 80px;*/
  }
.empname-designation {
  display: flex !important;
}
  ul.claim-amount {
    float: left;
  }

  .emp-tax-info .emp-profilecard-inner {
    padding-left: 0 !important;
  }

  .emp-tax-info .emp-code-col {
    width: 100% !important;
  }

  .emp-tax-info .profile-progress-large .c100 {
    margin: 0 1px !important
  }

  .last-yeartaxdeclarationblock {
    padding: 5px 0 !important;
  }

  .emp-tax-info .emp-profilepic-cell {
    width: 100% !important;
  }

  .emp-tax-info .profile-progress-large .c100 {
    float: left !important
  }

  .emp-tax-info .emp-taxcard-inner .profile-progress-large .center-link {
    display: inline-block;
    margin: 15px;
  }

  .emp-tax-info .head-amount {
    width: 100px !important;
  }

  .tax-amount-col {
    width: 82px !important;
  }

  .tax-detail-card {
    height: auto !important;
    display: none !important;
    margin-left: 0 !important;
    padding: 15px 9px !important;
    clear: both;
  }

  .approximate,
  .tax-year-text,
  .tax-calcu-text,
  .total-taxdeduction-text,
  .saved-tax-text,
  .approximate span {
    font-size: 12px !important;
  }

  .total-taxdeduction-amount,
  .saved-tax-amount {
    font-size: 18px !important
  }

  .tax-deduction-col {
    padding-right: 0 !important;
  }

  .save-tax-col {
    padding-left: 10px !important;
  }


  .copytextdecaration-text {
    line-height: normal !important;
  }

  .emp-tax-info .emp-taxcard-inner {
    height: auto !important
  }

  .emp-tax-info .emp-taxcard-inner .profile-progress-large {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .emp-tax-info .emp-desig-grade {
    white-space: normal !important;
    margin-bottom: 7px;
    overflow: hidden;
  }

  .emp-designation span {
    margin-bottom: 7px;
  }

  .empname .empc {
    margin-left: 0px !important;
    display: block
  }

  .empname span.theme-color {
    margin-right: 10px;
  }

  .emp-tax-info .emp-taxcard-inner .profile-progress-large .emp-propic-placeholder {
    width: 48px !important;
    height: 48px !important;
  }

  .common-list-text li {
    margin: 5px 0;
  }

  .common-list-text li .text-p {
    display: inline-block;
    width: 65%;
    vertical-align: top;
  }

  .common-list-text li .tax-amount-col {
    width: 100px !important;
  }

  .last-yeartaxdeclarationblock .common-heading-text {
    line-height: normalimportant;
    margin-bottom: 10px;
  }

  .last-yeartaxdeclarationblock .common-heading-text .text-title {
    width: 200px;
    display: inline-block;
    line-height: normal;
    vertical-align: top;
  }

  .last-yeartaxdeclarationblock .common-heading-text .head-amount {
    line-height: normal !important;
  }



  .value-changed,
  .field-output .attached-icon {
    display: block;
  }

  .btn {
    padding-left: 10px;
    padding-right: 10px;
	margin-bottom:10px;
  }


  .empon-socialnetwork {
    width: 100% !important;
  }

  .header-profile-inner {
    max-height: 56px;
    padding: 0px 0px 0px 0px;
  }

  .punch-wrap {
    padding: 20px 0 5px 80px;
    min-height: 56px;
  }

  .p-img-b-outer {
    height: 56px;
    background: #fff;
    padding: 10px 25px 10px 10px;
  }

  .tab-row {
    /*overflow-x: auto;
	overflow-y: hidden;*/
   /* margin-left: -15px;
    margin-right: -15px;*/
    /*overflow: hidden;*/
  }

  .tab-row.back-with-tab {
    margin-left: 0px;
    margin-right: 0px;
  }

  .st-jinie-block {
    margin-left: -10px;
    margin-right: -10px;
  }

  .tab-list {
    display: block;
    /*width: 100%;*/
    /*overflow: auto;*/
  }


  .tab-list li a {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
  }

  .sort-by-block {
    display: block;
  }

  .sb-section {
    display: flex;
    flex-wrap: wrap;
  }

  .sb-section-outer {
    margin-left: -5px;
    margin-right: -5px;
  }

  .search-block-filter,
  .addnewemp-block,
  .bulk-action-cell {
    padding: 5px;
    display: block;
    width: 100%;
  }
  .bulk-action-cell.td .dropdown {
    display:block;
}

  .sec-block-table {
    display: block;
    width: 100%;
  }

  .bulk-actionblock {
    display: table;
    table-layout: fixed;
  }

  .bulk-actionblock .btn {
    width: 100%;
    /*text-align: left;*/
  }

  .dropdown-filter-block .dropdown {
    margin-bottom: 0px;
  }

  .dropdown-filter-block .dropdown .dropdown-button {
    height: auto;
  }

  .filter-by-block.filter-open .dropdown-block {
    position: fixed !important;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 168px !important;
    overflow: auto;
  }

  .filter-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
  }

  .bulk-action-dropdown .btn .md24 {
    margin-left: 5px;
  }

  .filter-footer .btn {
    padding: 12px 15px !important;
  }

  .default-dropdown {
    min-width: 197px;
    width: 100%;
    margin-top: -2px;
    border-radius: 0px 4px 4px 4px !important;
    overflow: hidden;
    right: inherit;
    left: 0px;
    background-color: #4282be;
  }

  .dropdown-10 {
    width: 100%;
    margin-top: -2px;
  }

  .bar-navigation:after,
  .task_inbox_btn:after,
  .bar-navigation:before,
  .task_inbox_btn:before {
    content: '';
    display: table;
    clear: both;
    visibility: hidden;
  }

  .task_inbox_btn {
    display: block;
    background: #f4f4f4;
    padding: 20px 30px;
    text-align: right;
  }

  .card-pagination {
    padding: 0 0 5px 0;
  }

  .table-outer-row {
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
  }
.calendar-row .pagination-outer { display: none;}
  .altone-tables .tr, .default-table.mobile-card .tr {
    width: 100% !important;
    float: inherit;
    margin: 0 0 10px 0;
  }

  .desktop-inline-only {
    display: none;
  }

  .bulk-actionblock .mdi {
    position: absolute;
    right: 0px;
    top: 12px;
  }

  .add-filter-dialog .alt-modal {
    width: 100%;
  }

  .filtercheck-outer {
    margin: 0px;
  }

  .filtercheck-list>li {
    display: block;
    width: 100%;
    padding: 0px;
    float: left;
    clear: both;
  }

  .reset-fielter-btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .title-row>.main-title {
    min-height: 28px;
    padding-bottom: 10px !important;
  }

  .table-layout.current-status {
    display: block;
    clear: both;
  }

  .current-status .td {
    border-right: none;
    width: 100%;
    padding: 9px 10px;
    vertical-align: top;
    display: block;
  }

  .current-status .td+.td {
    border-top: solid 2px #e3e3e3;
  }

  .current-status .td:first-child {
    padding-left: 10px;
  }

  .current-status .td .col-max {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }

  .current-status .td .col-max .status-btn {
    float: left;
    width: 50%;
    text-align: right;
    padding: 0px;
  }
  .employee-wrap .empname-designation {
    width: 100%;
}
.employee-wrap .emp-code-col {
  width: 100%;
  float: left;
  text-align: left;
}
.mobile-col-block {
  width: 100% !important;
}
.all-col-50 .td {
  width: 50%;
}
.emp-profilepic-cell .initial {
  line-height: 60px !important;
  font-size: 30px;
}
.emp-tax-info .td.emp-profilepic-cell {
  padding:0px 15px !important;
}
.inline-btn-block .fields-group li {
  display: block;
  clear: both;
  text-align: center;
}
.mobile-flex {
	display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
}
.tiuc-card-title .module-name {
  display: block;
  margin-bottom: 5px;
}

}


@media screen and (max-width: 580px) {
  .tax-detail-card-box .grid-details li h3 {
    font-size: 14px;
  }

  .tax-detail-card-box {
    height: auto;
    padding: 15px 5px;
  }

  .tax-detail-card-box .grid-details li p {
    width: 60px;
    font-size: 11px;

  }

  .tax-declaration .card-col3 {
    padding: 5px;
  }

  .card-col3 .label-left {
    width: 80px;
  }

  .claim-amount {
    width: 105px;
    padding-left: 5px;
  }

  .tax-declaration .panel-title {
    font-size: 14px;
  }

  .cm {
    font-size: 16px;
  }

  .emp-details-col .table-layout .emp-default-col,
.emp-details-col .table-layout .card-col {
    width: 49%;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
}
.panel-heading .claim-amount { display: none;}

.table-field-listing { table-layout: auto;}
.table-field-listing tr td:last-child { min-width: 100px;}
.tax-table-row .formfield-control, .table-field-listing .formfield-control {
    min-width: 100px;
}
.dialog-disclaimer {
    float: left;
    text-align: left;
    max-width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
    clear: both;
}
.emp-profilepic-cell .initial {
    width: 48px;
    height: 48px;
    line-height: 46px;
    font-size: 24px;
}
.emp-tax-info .td.emp-profilepic-cell {
    padding: 0 10px !important;
}

.panel-heading .claim-amount { display: none;}
.table-scrolling {
    overflow: auto;
}
.table-scrolling table.table-field-listing { table-layout: auto !important;}
.table-field-listing tr td:last-child { min-width: 100px;}
.tax-table-row .formfield-control, .table-field-listing .formfield-control {
    min-width: 100px;
}
.dialog-disclaimer {
    float: left;
    text-align: left;
    max-width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
    clear: both;
}
.emp-profilepic-cell .initial {
    width: 48px;
    height: 48px;
    line-height: 54px !important;
    font-size: 24px;
}
.emp-tax-info .td.emp-profilepic-cell {
    padding: 0 10px !important;
}
.show-in-mobile {
  display:inherit;
}

}
@media screen and (max-width: 480px) {
  .dropdown.drop-width-350, .dropdown.drop-width-350 .dropdown.new-dropdown-style, .dropdown.drop-width-350 .select-dropdown.new-dropdown-style {
    width: 342px !important;
}
.dropdown.drop-width-350,
.dropdown.drop-width-350 .dropdown.new-dropdown-style,
.dropdown.drop-width-350 .select-dropdown.new-dropdown-style{margin: 5px 0 !important;}


.drop-width-350 .dropdown-style{ width:100% !important;}
.section-filter.mobile-filter .dropdown.drop-width-350.mobile-position-right .dropdown-style{
  left: auto !important;
    right: 0 !important;
}
.dropdown.calendar-width-337 .dropdown {
  width: 342px !important;margin: 5px 0 !important;
}
.dropdown.calendar-width-337 .dropdown .dropdown-calender.dropdown-style{width: 100% !important;}
}


@media print {
  body {
    margin: 0;
    padding: 0;
  }
  .mdi:before, .mdi {
    color: #adadad !important;
  }
  .fields-group li .fields-label {
    font-size: 12px !important;
    font-family: 'DIN Bold';
  }
  .selectBox {
    display: inline-block;
    width: 180px !important;
    background-color: #f5f5f5 !important;
    border-radius: 5px;
  }
.mat-icon-button:after {
    font-size: 18px;
    color: #adadad !important;
  }
.textarea-output.formfield-control {
height: auto !important;
min-height: 60px;
word-wrap: break-word;
}
  /* Hide any non-essential elements */
  .no-print {
    display: none;
  }
@page
{
  size: auto; /* auto is the default value */
    /* this affects the margin in the printer settings */
    margin: 5mm  5mm;
}

}

.width200 {
  width: 200px;
}


.scroll-hide{overflow: hidden;}

.right-link{ width:auto !important; padding-right:20px !important;}
.right-link .ui-commandlink+.ui-commandlink {margin-left:10px}

.custom-code-col{
  width: auto !important;
  margin-right: 15px !important;
}
input.mat-input-element {
  margin-top: -.3em !important;
}
.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
  margin-top: -2px !important;
}

.new-modal.alt-modal .modal-footer{ text-align: left;}
.new-modal.alt-modal .modal-footer .disclaimer{
  color: #8F90A6;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-word;
}
.new-modal.alt-modal .modal-footer .disclaimer p{word-break: break-word;}
.emp-consent-list.fields-group>li{ width:100%;}
.emp-consent-list.fields-group>li:last-child{padding-bottom: 0 !important;}
.emp-consent-list.fields-group>li .fields-label{width: 100%;}
.emp-consent-list.fields-group>li .fields-output{min-height: auto !important; display: block;}
.disabled-link-unique { pointer-events: none; cursor: not-allowed; opacity: 0.6;}

.user-verification .emp-consent-list .fields-label{
  font-family: 'DIN Bold';
  font-size: 9px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: 0.05em;
  color: #8F90A6;
  margin-bottom: 0px !important;
}
.user-verification .emp-consent-list .fields-output,
.user-verification .new-modal.alt-modal .modal-footer .disclaimer,
.user-verification .new-modal.alt-modal .modal-footer .disclaimer p{
  font-family: 'DIN Regular';
  font-size: 12px;
  font-weight: 400 !important;
  line-height: 16px;
  color: #28293D;
}
.user-verification .emp-consent-list .fields-output{ overflow: inherit !important; text-overflow: inherit !important; white-space: normal !important;}
.user-verification .emp-consent-list .fields-output a{display: block;color: #2A5EE3 !important;}
.user-verification .new-modal.alt-modal .modal-footer .disclaimer,
.user-verification .new-modal.alt-modal .modal-footer .disclaimer p{
color: #8F90A6 !important;
}
.user-verification .checkbox label {
  min-height: 20px;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
}
.user-verification .checkbox label::before {
  width: 20px;
  height: 20px;
  border: 1.25px solid #aeaeae;
  border-radius: 3px;
}
/* .user-verification .checkbox label::after {
  width: 20px;
  height:20px;
  left: 3px;
  top: 1px;
} */
.user-verification  .checkbox label .filter-check-label{font-family: 'DIN Regular' !important;color: #28293D !important;}

/*start multilevel-dropdown */
.dropdown.multilevel-dropdown.mr-10{margin-right: 10px !important;}
.multilevel-dropdown{ position: relative;}
.multilevel-dropdown .dropdown-button{min-width: 200px;}
.multilevel-dropdown .open .dropdown-button{ border-radius: 4px; box-shadow: none;}

.multilevel-dropdown .dropdown-style{
 min-width: 260px;
 margin: 10px 0 0;
 padding: 15px 10px;
 border-radius: 10px;
 background: #F0F1F2;
 box-shadow: 0 0 14px rgba(0, 0, 0, .15);
}
.multilevel-dropdown .dropdown-inner {padding:0;}
.multilevel-dropdown .dropdown-style h2{
font-size: 14px;
font-family: 'DIN Bold';
color: #031842;
margin: 0 0 15px;
}

.multilevel-dropdown .dropdown-inner ul{
max-height: inherit;
overflow-y: visible;
}
.multilevel-dropdown .dropdown-style li{position: relative;}
.multilevel-dropdown .dropdown-style li+li{margin-top: 10px;}
.multilevel-dropdown .dropdown-style li>a{
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff !important;
  border-radius: 3px;
  font-family: 'DIN Medium';
  font-size: 12px;
  color: #031842;
  padding: 8px 3px 8px 10px;
  position: relative;
}
.select-area-wrapper{display: flex; align-items: center;}
.select-area-wrapper a.add-btn{
background: transparent !important;
border-radius: 0px !important;
font-size: 12px !important;
color: #2A5EE3 !important;
padding: 3px 10px !important;
font-family: 'DIN Bold' !important;
}
.multilevel-dropdown .dropdown-style li .checkbox{
position: relative;
/* background: #fff; */
border-radius: 2px;
font-family: 'DIN Medium';
font-size: 12px;
color: #031842;
padding:8px;
margin: 0;
}
.multilevel-dropdown .dropdown-style li .checkbox.selectall{background: transparent;padding: 5px 3px 8px 0; flex: 1;}
.multilevel-dropdown .dropdown-style li .checkbox.selectall label{font-family: 'DIN Bold';}
.multilevel-dropdown .dropdown-style li .checkbox.selectall label::after,
.dropdown.multilevel-dropdown .dropdown-style li .checkbox.selectall label::after{ top: -2px;}
.multilevel-dropdown .dropdown-style li .checkbox label{ position: relative; margin-left: 0px !important;padding-left: 25px; font-family: 'DIN Medium';color: #031842;}
.multilevel-dropdown .dropdown-style li .checkbox input[type="checkbox"] {
z-index: 1;
opacity: 0;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: 0;
}

.multilevel-dropdown .dropdown-style li a span{flex: 1;}
.multilevel-dropdown .dropdown-style li a i{font-size: 18px;color: #1700C7;}
.multilevel-dropdown .dropdown-style li>a+a{margin-top: 10px;}
.multilevel-dropdown .dropdown-style li:last-child{margin-bottom: 0;}
.multilevel-dropdown .dropdown-style li>.dropdown-style{top:0;left: 250px; margin-top: 0;}

.multilevel-dropdown .dropdown-style {
display: none;
}

.items-count .tooltip-width-size150{min-width: 200px;}
.items-count .tooltip-width-size150 .list-disc li{list-style: disc;}

.multilevel-dropdown .dropdown-style.open {
display: block;
}

.flex{display:flex;}
.align-center{ align-items: center; margin: inherit;}
.justify-end{justify-content: end;}
.action-btn{margin-top: 10px;}
.action-btn a.text-btn{background: transparent !important; border-radius: 0px !important; width: auto !important; font-size: 12px !important;color:#2A5EE3 !important; padding: 3px 10px !important;font-family: 'DIN Regular';}
.action-btn a.text-btn.bold{font-family: 'DIN Bold';}

.chips-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
  background: #fff;
  padding: 10px;
  border-radius: 7px;
}

.chip {
position: relative;
padding: 3px 10px;
background-color: #fff;
border: 1px solid #C7C9D9;
border-radius: 5px;
display: flex;
align-items: center;
font-family: 'DIN Medium';
margin-right: 15px;
}
.chip::before {
position: absolute;
right: -19px;
content: "\F142";
display: inline-block;
font: normal normal normal 19px / 1 "Material Design Icons";
color: #1700C7;
}
.chip.chip-last-cell::before {
 display: none;
 width: 0px;
 padding: 0px;
  }
  .chip.chip-last-cell {
 margin-right: 5px;
   }
   .chip-section .chip.bot5{
    margin-bottom: 5px;
   }
   .chip-section .chip{
    display: inline-flex;
   }
.items-count {
  padding: 0px;
  color: #1700C7;
  display: inline-block;
  display: inline-flex;
  align-items: center;
}

.close-btn {
margin-left: 5px;
cursor: pointer;
font-size: 19px;
line-height: 0;
margin-top: -3px;
}
.applied-outer .chips-wrapper{
  margin-bottom: 0px;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.applied-outer .chips-wrapper .chip {
  background-color: transparent;
  border: 1px solid #C7C9D9;
}
.dropdown.custom-drop-210 .formfield-control {
  padding: 5px 12px !important;
}
.w-auto{width: auto !important;}
.pr-20{ padding-right: 20px !important;}
.filters-wrap{ position: relative;padding-top: 10px;padding-bottom: 20px; border-top: 1px solid #C7C9D9;border-bottom: 1px solid #C7C9D9;}
.dropdown.multilevel-dropdown{margin-right: 0px !important;}
.flip-dropdown .flip-right.dropdown-style{/*left: auto !important; */ right: 250px;}
/*end multilevel-dropdown */

.ndcinfo.altone-tables {table-layout: auto !important;}
.ndcinfo.altone-tables .th.min-width-80{ min-width:80px;}
.ndcinfo.altone-tables .th label{word-break: break-word;}
.ndcinfo.altone-tables .width100 {
  width: 120px !important;
  max-width: 70px !important;
  min-width: 70px !important;
}
.modal-460{width: 460px; }
.modal-460 .alt-modal-body{min-height: 50px;}
.multiselect-item-checkbox input[type=checkbox] + div:before {box-sizing: border-box !important;}

.section-filter.mobile-filter .multilevel-dropdown .dropdown-style .checkbox.selectall input[type="checkbox"]:checked+label::after {
  top: -2px;
}
.hide-field{display: none !important;}
.fonts-16{font-size: 16px;}
.fonts-16.mr-5{margin-right: 5px;}
.hide-field{display: none !important;}
.fonts-16{font-size: 16px;}
.fonts-16.mr-5{margin-right: 5px;}

/* start new css Leave Encashment  */
/* .sticky-wrapper{position: sticky;top: 0px;background: #f0f1f2;z-index: 5;} */
/* .sticky-wrapper.top-44{top: 44px;} */
/* .max-height-525{ max-height: 525px;} */
.red-color { color:#e71d09 !important;}
.blue-bg{background-color: #4987F3B2;}
.text-capitalize {text-transform: capitalize !important;}
.pr-0{padding-right: 0px !important;}
.mb-30{margin-bottom: 30px !important;}
.pending{color: #FFB531 !important;}
.light-gray-color{color: #8F90A6 !important;}
.encashment .emp-profilecard-inner {
  padding-left:90px;
  padding-right: 15px;
  height: auto;
  min-height:90px;
}
.encashment.bulk-action-main-layer{height: 655px;}
/* .sb-section.bootom-action-sticky {    padding: 5px 0 10px 0;
  position: sticky;
  bottom: 0;
  background: #fff; z-index: 1;} */

  .task-inbox-details-outer.max-height-490{ max-height: 490px;}
.panel-scroller {overflow: auto;}
/* .encashment .empname-designation.empdcolmax{ margin-top: 15px;} */
.encashment .emp-profilepic-cell {
  width: 80px !important;
  height: auto !important;
  padding:15px !important;
}
.suspension-tu {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}
.initial {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  background: #777;
  color: #fff !important;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 2em;
  font-family: 'DIN Medium';
}
.encashment .check-box-col .check-box.checkbox{ margin-top: 7px;}
.encashment .empon-socialnetwork,
.encashment .emp-email-col,
.encashment .emp-contacts,
.encashment .blood-group-col,
.encashment .card-col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.width-58.card-profile-img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
}

.encashment .empname{font-size: 18px; line-height: normal;}
.encashment .emp-fields-saprator{height: 1px;}
.encashment .company-name,
.encashment .empname .empc,
.encashment .employee-department{color: #8F90A6;font-family: 'DIN Bold';}
.encashment .emp-join-col{ float: right; padding: 14px 0; font-size: 12px; color: #000;font-family: 'DIN Bold';}

.new-ui-checkbox.checkbox label::before{border: 1.25px solid #d9dbe9; border-radius: 3px;}
.new-ui-checkbox.checkbox label::after{font-size: 13px;left: 1px;top: 0px;}
.travelling-members .mdi-information-outline{ font-size: 13px;}
.fields-label > span {color: #E71D09;}
.img-28.c100 > img{width: 28px;height: 28px;}
.height-27{height: 27px;}
.attached-path {
  display: inline-block;
  position: relative;
  max-width: 99.9%;
  overflow: hidden;
  white-space: nowrap;
  clear: both;
  padding-right: 12px;
  text-overflow: ellipsis;
}
.attached-path .mdi-close {
  position: absolute;
  right: -2px !important;
  cursor: pointer;
  z-index: 2;
  top: 6px;
  color: red;
  display: none;
}
.attached-path:hover .mdi-close {display: block;}
.dropdown-style li a label{ margin-bottom: 0px !important;}
.pt-10{padding-top: 10px !important;}
.pb-10{padding-bottom: 10px !important;}
.ml-0{margin-left: 0px !important;}
.green-color {color: #79b020 !important;}

.encashment .link{color: #2A5EE3 !important;}
.md14{font-size: 14px;}

.btn-black,
.btn-black:hover,
.btn-black:focus {
  background-color:#031842;
}
.dropdown-10 {background-color:#031842 !important;}
.calendar-row .pagination-outer {float: left;line-height: 29px;}
.pagination-outer {display: inline-block;padding: 0 13px;line-height: 30px;text-transform: uppercase;letter-spacing: 0.5px;}
.pagination-text {float: left;margin: 0;text-transform: uppercase;letter-spacing: .5px;color: #777;}
.calendar-row .pagination-num {display: inline-block;padding: 0 3px;font-family: 'DIN Bold';}
.calendar-row .pagination-num,
.calendar-row .pagination-text {color: #fff;}
.pagination-num {color: #494949;float: left;}
.encashment .altone-tables .thead .th:first-child,
.encashment .altone-tables .thead .th:last-child {border-radius: 0px;}
.encashment .altone-tables .td .m-profile-col{display: flex; align-items: center;}
.encashment .c100 > span{height: 30px;line-height: 30px;}
.encashment .altone-tables .td .c100{margin-top: 0px !important;}
.encashment .altone-tables .td .c100 > img{top: 1px;left: 1px;}
.checkbox-list li .checkbox{padding-left: 0px !important;}
.checkbox-list li .checkbox label{margin-left: 0px !important; padding-left: 25px !important;}

.encashment.task-inbox-section .section-left{width: 47%;}
.encashment.task-inbox-section .section-right{width: 53%;}
.max-width-200{max-width: 200px !important;}


.add-filter-list{ position: relative;}
.add-filter-list li{display: flex; align-items: center; padding: 7px 0;}
.add-filter-list li .check-box.checkbox{margin-bottom: 0px;}
.add-filter-list li .form-check-input{margin-right: 5px;margin-top: 0;}
.add-filter-list li .form-check-label{
    font-size: 12px !important;
    font-family: 'Inter-Medium';
    padding-left: 24px;
    line-height: normal;
    color: #000;
    display: flex;
    align-items: center;
}

.add-filter-btn{background: transparent  !important;
    border: 0;
    padding: 5px 0;
    color: #2A5EE3;
    font-weight: bold;
    font-size: 14px;}

  .weekdays-list{ position: relative; display: flex; align-items: center; width: 100%; gap: 8px;margin-top: 6px;}
  .weekdays-list li{ background: #fff; width: 25px !important; min-width: 25px !important; height: 25px !important;border: 1px solid #C7C9D9; border-radius: 100px; display: flex; align-items: center; justify-content: center;line-height: normal; font-size: 10px;font-family: 'Inter-Regular';letter-spacing: 0.05em; color: #2A5EE3; cursor: pointer;}
  .weekdays-list li.active{ background: #2A5EE3;border-color:#2A5EE3;color: #fff; cursor: default;}


  .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-select select {
  position: relative;
  width: 50px;
  cursor: pointer;
  appearance: none; /* Remove default arrow (cross-browser) */
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 1px solid #E4E4EB;
}

  .custom-select::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
    pointer-events: none;
    background: url(../images/svg-small/down-arrow-blue.svg) no-repeat center / 15px auto;
  }
  .new-ui .mat-form-field{
    border-bottom: 1px solid #E4E4EB;
    height: 26px !important; margin-right: 0px !important;
    padding: 0px !important;
  }
  .new-ui .mat-select-value{color: #1C1C28 !important;}
  .mat-select-arrow-wrapper{ position: relative;}
  .mat-select-arrow-wrapper .mat-select-arrow{border: 0 !important;}
   .mat-select-arrow-wrapper .mat-select-arrow:before{
    content: "\F140" !important;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    line-height: inherit;
    font-size: 22px;
    text-rendering: auto;
    position: absolute;
    right: -3px;
    top: 0;
    color: #2A5EE3 !important;
    line-height: 20px !important;
   }
mat-chip .slected-chips{
  background: #ececec;
    padding: 2px 6px;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
  }
mat-chip .plus-count{font-size: 12px; color: #2A5EE3;font-family: 'Inter-Medium';}

.new-ui .checkbox input[type="checkbox"]:disabled + label::before {background: #C4C4C4 !important; border-color: #C4C4C4 !important;}

.new-ui .mat-form-field-appearance-fill .mat-form-field-flex{ background: transparent !important;}
.new-ui .mat-form-field-flex{height: 24px !important;}
.new-ui .mat-form-field-appearance-fill .mat-form-field-flex{ padding: 0px !important;}
.new-ui .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
    transform: none !important;
    min-width: 16px;
}
.new-ui .mat-form-field-label-wrapper{ left: 0px !important;}
.new-ui .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display: none !important;transform: none !important;}
.new-ui .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0 !important;
}

  .cdk-overlay-pane .mat-select-panel:not([class*=mat-elevation-z]){
    padding: 9px 0;
    background: #FCFCFD;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    border: 0px;
}
.cdk-overlay-pane{
  margin-top: 23px;
  margin-left: 0 !important;
  transform: none !important
}
.cdk-overlay-pane .mat-pseudo-checkbox{
    border-color:#031842;
    border-radius: 3px;
}
.cdk-overlay-pane .mat-primary .mat-pseudo-checkbox-checked{background: #2A5EE3 !important;}
.cdk-overlay-pane .mat-select-panel{min-width:100% !important}
.cdk-overlay-pane .mat-select-panel .mat-option{
  font-family: 'Inter-Regular';
    font-size: 12px;
    line-height: 18px;
    padding: 9px 14px;
    color: #000 !important;
    cursor: pointer;
    display: inline-flex;
    width: 100%;
}
.cdk-overlay-pane .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){
    background: #F7F7F7;
    color: #2A5EE3;
}
.cdk-overlay-pane .mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) {
    background: #F7F7F7;
}
.mat-calendar-body-selected {
    background-color: #2A5EE3;
}
.mat-datepicker-content {
    border-radius: 6px !important;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: #2A5EE3;
}

.panel-white .dashboard-panel+.dashboard-panel{ margin-top:10px;}


@media screen and (max-width: 1023px) {
  .encashment .empname-designation{border: 0px;}
  .encashment .emp-fields-saprator{display: block;}
  .encashment.task-inbox-section .section-left,
  .encashment.task-inbox-section .section-right {
    width: 100%;
}
.mob-w-100 {
  width: 100% !important;
}
}

@media screen and (max-width: 767px) {
  .encashment .empname-designation{border-bottom: solid 1px #e3e3e3;}
  .encashment .emp-fields-saprator{display: none;}
  .encashment .empdcolmax {max-width: 100%;}
  .userdetails{ width: 100%;margin-bottom: 5px;}
  .encashment .empname-designation.empdcolmax .emp-designation .employee-designation{ width: auto !important;}
  .encashment .empname-designation.empdcolmax .emp-designation span {margin-bottom: 5px !important;}
  .encashment .empname,
  .encashment .emp-designation{display: flex; align-items: center;}
  .encashment .empname .empc{margin-left: 5px !important;}
  .encashment .emp-profilecard-inner {padding-left: 10px;padding-right: 10px;}
  .encashment .empname-designation.empdcolmax {margin-top: 0;border-width: 1px !important;
}
.encashment .emp-profilepic-cell {width: 60px !important;height: auto !important;padding: 0 !important;}
.width-58.card-profile-img {width: 40px;height: 40px;border-radius: 50%;}
.encashment .empname {font-size: 14px;}
}
/* end new css Leave Encashment  */



.alt-modal-body .mat-tree .mat-checkbox .mat-checkbox-ripple{
  width: 0px!important;
  height: 0px!important;
  display: none!important;

}
.alt-modal-body .mat-tree .mat-checkbox .mat-ripple-element{
  opacity: 0!important;
  width: 0px!important;
  height: 0px!important;
  display: none!important;
}

.alt-modal-tree-body .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.alt-modal-tree-body .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{
  background-color: #4282be!important;
}
.alt-modal-tree-body .mat-checkbox-frame{
  border-color: #aeaeae!important;
}

.alt-modal-tree-body{
  background-color: #fff;
  border-radius: 8px;
  padding:0px 15px 15px;
  margin-top: 15px;
  position: relative;
}
.alt-modal-tree-body .mat-tree{
  background-color: transparent!important;
}
.total-count{
  position: absolute;
  right: 10px;
  top: 10px;
}
.custom-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: block !important;
  width: 305px;
  padding: 16px;
  background: white;
  border-radius: 8px;
  margin-top: 2px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

.alt-modal-tree-body .mat-tree{
  background-color: transparent!important;
}

.crossTabReport .form_content_inner {
  display: unset;
  width: 100%;
  float: left;
}

.title_form label {
  margin: 0 0 0px 0;
  font-size: 14px;
  line-height: 20px;
}

.title_form .titleRight {
  float: right;
  text-transform: uppercase;
  font-size: 12px;
  color: #031842;
  font-weight: normal;
  line-height: 20px;
}

.pivotColumns {
  float: left;
  width: 30.3%;
  margin: 1.5%;
}

.pivotColumns .heading {
  margin: 0 0 4px 0;
}

.pivotColumnsInner {
  background: #def0ff;
  border-radius: 5px;
  padding: 5px;
  margin: 0;
  float: left;
  width: 100%;
  min-height: 133px;
}

.selectedFields {
  background: #fff;
  float: left;
  width: 100%;
  padding: 3px 5px;
  margin: 5px 0 0 0;
  border-radius: 5px;
}

.pivotColumnsInner .selectedFields:first-child {
  margin-top: 0px;
}

.selectedFields p {
  float: left;
  width: 60%;
  margin: 0;
  line-height: 23px;
}

.selectedFields select {
  float: left;
  width: 30%;
  height: 24px;
  border-radius: 4px;
  background: #def0ff;
  border: solid 1px #def0ff;
}

.selectedFields .close_icon {
  float: left;
  width: 10%;
  text-align: right;
}

.selectedFields .close_icon .material-icons {
  cursor: pointer;
}

.crossTabReport .form_content_inner .btn_row {
  padding: 1.5%;
  margin: 0;
}
div#horizontalScrollBarjqxWidget3eb39d27e2c0,
div#horizontalScrollBarjqxWidget6d3b17bb1501,
div#horizontalScrollBarjqxWidget24b1ee79fa71 {
  left: 0 !important;
  position: relative !important;
  right: auto !important;
  width: 100% !important;
  overflow: hidden !important;
}

.pivotReport_drageDrop_table {
  float: left;
  width: 100%;
}

.pivotReport_drage_td {
  float: left;
  width: 100%;
}

.pivotReport_dataList_td {
  float: left;
  width: 100%;
  background: #fff;
  border: solid 1px #d2dde9;
  border-radius: 5px;
  margin: 5px 0 0 0;
}

.jqx-pivotgrid-content-wrapper {
  border: 1px solid #e3e2f0 !important;
}

.jqx-fill-state-normal {
  /*background: #F7F7FA !important;*/
  background: #ffffff !important;
}

.pivotReport_editBTN_td {
  width: 100%;
}

.jqx-rc-all.jqx-widget.jqx-pivotgrid.jqx-designer-hostjqx-widget-content {
  background: none !important;
}

.jqx-pivotgrid.jqx-rc-all.jqx-widget.jqx-widget-content {
  background: none !important;
}

.jqx-pivotgrid-item {
  height: auto !important;
}

.labelFields.jqx-widget,
.labelFilters.jqx-widget,
.labelColumns.jqx-widget,
.labelRows.jqx-widget,
.labelValues.jqx-widget {
  font-family: 'RobotoMedium' !important;
  font-size: 13px !important;
  line-height: 11px !important;
  cursor: move;
}

.pivotReport_drage_td .form_content_inner {
  position: relative;
}

.divFields,
.divFilters,
.divColumns,
.divRows,
.divValues {
  /*background: #def0ff !important;*/
  background: #ffffff !important;
  border: solid 1px #def0ff !important;
  font-family: 'RobotoRegular' !important;
  font-size: 12px !important;
}

.labelFilters,
.divFilters {
  display: none !important;
}

.pivotReport_drage_td .labelFields {
  /*width: 96% !important;
  left: 1.5% !important;
  top: 20px !important;*/
  width: 22.5% !important;
  left: 1.5% !important;
  top: 20px !important;
  cursor: auto !important;
}

.pivotReport_drage_td .divFields {
  /*width: 96% !important;
  left: 1.5% !important;
  top: 35px !important;*/
  width: 22.3% !important;
  left: 1.5% !important;
  top: 35px !important;
}

.pivotReport_drage_td .labelColumns {
  /*width: 30% !important;
  left: 1.5% !important;
  top: 184px !important;*/
  width: 22.5% !important;
  /*left: 26% !important;*/
  left: 50.5% !important;
  top: 20px !important;
  cursor: auto !important;
}

.pivotReport_drage_td .divColumns {
  /*width: 30% !important;
  left: 1.5% !important;
  top: 200px !important;*/
  width: 22.3% !important;
  /*left: 26% !important;*/
  left: 50.5% !important;
  top: 35px !important;
}

.pivotReport_drage_td .labelRows {
  /*width: 31% !important;
  left: 33.5% !important;
  top: 184px !important;*/
  width: 22.5% !important;
  /*left: 50.5% !important;*/
  left: 26% !important;
  top: 20px !important;
  cursor: auto !important;
}

.pivotReport_drage_td .divRows {
  /*width: 31% !important;
  left: 33.5% !important;
  top: 200px !important;*/
  width: 22.3% !important;
  /*left: 50.5% !important;*/
  left: 26% !important;
  top: 35px !important;
}

.pivotReport_drage_td .labelValues {
  /*width: 31% !important;
  left: 66.5% !important;
  top: 184px !important;*/
  width: 22.5% !important;
  left: 75% !important;
  top: 20px !important;
  cursor: auto !important;
}

.pivotReport_drage_td .divValues {
  /*width: 31% !important;
  left: 66.5% !important;
  top: 200px !important;*/
  width: 22.3% !important;
  left: 75% !important;
  top: 35px !important;
}

.pivotReport_drage_td .jqx-scrollbar {
  left: unset !important;
  right: 3px !important;
}

.pivotReport_drage_td .form_content_inner {
  /*height: 325px;*/
  height: 265px;
}


/*.pivotReport_drage_td .divValues div div div, divRows div div div, .divColumns div div div {
  max-width: 100% !important;
  overflow: hidden !important;
}*/

.jqx-listitem-state-normal {
  padding: 3px 3px !important;
  line-height: 18px !important;
}

.jqx-listitem-state-hover.jqx-fill-state-hover,
.jqx-listitem-state-selected,
.jqx-fill-state-pressed {
  border-color: #ffffff !important;
  background: #ffffff !important;
  padding: 3px 3px !important;
  line-height: 18px !important;
  cursor: move;
}

.jqx-pivotgrid-settings-icon {
  margin: 0px 4px 0 0 !important;
}

.jqx-widget-content {
  font-family: 'RobotoRegular' !important;
}

.pivotReport_dataList_td .jqx-pivotgrid-collapse-button,
.pivotReport_dataList_td .jqx-pivotgrid-expand-button {
  margin: 0 10px 0 0;
  top: 1px !important;
}

.pivotReport_dataList_td .jqx-fill-state-pressed .jqx-pivotgrid-item {
  padding: 4px !important;
}

.pivotReport_dataList_td .jqx-fill-state-pressed .jqx-pivotgrid-item .jqx-pivotgrid-expand-button {
  top: 3px !important;
}

.jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-pressed {
  padding: 0 !important;
}

.pivotReport_dataList_td .jqx-pivotgrid-content-wrapper {
  border-color: #d2dde9 !important;
}

.pivotReport_dataList_td .title_form {
  padding: 8px 8px !important;
  text-align: center;
}

.jqx-scrollbar-thumb-state-normal-horizontal,
.jqx-scrollbar-thumb-state-hover-horizontal,
.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-pressed-horizontal {
  border: 1px solid transparent;
  border-color: #aaa !important;
  background: #efefef !important;
  padding: 0 !important;
}
.columnStyle {
  background-color: rgba(254, 173, 117, 255);
}

.columnStyleSelected {
  background-color: rgba(234, 153, 87, 255);
}

.rowStyle {
  background-color: rgba(187, 232, 227, 255);
}

.rowStyleSelected {
  background-color: rgba(167, 212, 207, 255);
}

.cellStyle {
  background-color: rgba(255, 255, 255, 255);
}

.cellStyleSelected {
  background-color: rgba(239, 249, 136, 255);
  color: rebeccapurple;
}

.ng-select-disabled {
  opacity: .35;
}

.jqx-pivotgrid-settings-icon {
  background: url(../images/ic_movement.png) 2.5px 2.5px no-repeat !important;
}

.jqx-window.jqx-popup .jqx-widget-header {
  background: #6ca3d8 !important;
  color: #fff !important;
}

.jqx-window.jqx-popup .jqx-widget-header>div {
  font-size: 13px !important;
  font-family: 'RobotoMedium' !important;
}

.jqx-window.jqx-popup {
  left: 50% !important;
  top: 130px !important;
  margin: 0 0 0 -190px;
  width: 380px !important;
  position: relative !important;
}

.jqx-window-content.jqx-widget-content {
  margin: 15px !important;
}

.jqx-popup .jqx-dropdownlist {
  margin: 5px !important;
}

.jqx-popup .jqx-dropdownlist .jqx-dropdownlist-content {
  line-height: 20px !important;
}

.jqx-popup .btnOk {
  background: #031842 !important;
  border: solid 1px #031842 !important;
  color: #fff !important;
  margin: 7px 0;
}

.jqx-popup .btnCancel {
  background: #757575!important;
  border: solid 1px #4c4c4c!important;
  color: #fff !important;
  margin: 7px 0;
}

.jqx-popup .jqx-listitem-state-normal {
  background: none !important;
  border: none !important;
  margin: 5px !important;
  cursor: pointer !important;
}

.jqx-popup .jqx-fill-state-pressed,
.jqx-popup .jqx-listitem-state-hover.jqx-fill-state-hover,
.jqx-popup .jqx-listitem-state-selected {
  border-color: #f5f5f5 !important;
  background: none !important;
  cursor: auto;
  padding: 0px !important;
}

.jqx-listbox.jqx-fill-state-focus {
  border-color: #f5f5f5 !important;
}

.min_height_auto {
  min-height: auto !important;
}


/*------------------------ Pivot report css (drage fields bg white) start ------------------------*/

.divColumns,
.divFields,
.divFilters,
.divRows,
.divValues {
  padding: 5px !important;
}

.jqx-listitem-state-normal {
  padding: 1px !important;
  /*background: #def0ff !important;*/
  background: #ffffff !important;
  max-width: 94.6% !important;
}

.divFields .jqx-listitem-state-normal {
  max-width: 94.6% !important;
}

.jqx-listitem-state-hover.jqx-fill-state-hover,
.jqx-listitem-state-selected,
.jqx-fill-state-pressed {
  padding: 1px !important;
}

.jqx-listitem-state-normal>div {
  background: #e0e7ec !important;
  padding: 3px 6px !important;
  border-radius: 3px !important;
}

.jqx-listitem-state-hover.jqx-fill-state-hover>div,
.jqx-listitem-state-selected>div,
.jqx-fill-state-pressed>div {
  background: #a3c7ea !important;
  padding: 3px 6px !important;
  border-radius: 3px !important;
  /*color: #fff !important;*/
}

.pivotReport_dataList_td .jqx-listitem-state-hover.jqx-fill-state-hover>div,
.pivotReport_dataList_td .jqx-listitem-state-selected>div,
.pivotReport_dataList_td .jqx-fill-state-pressed>div {
  background: none !important;
}

.jqx-scrollbar-thumb-state-normal {
  padding: 0 !important;
}
.pivotReport_drage_td .jqx-scrollbar+.jqx-scrollbar {
  display: none;
}

.pivotReport_drage_td .draggable div {
  max-width: 235px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
/*top-right rounded Corners*/
.jqx-rc-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*top rounded Corners*/
.jqx-rc-t {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/*bottom rounded Corners*/
.jqx-rc-b {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*right rounded Corners*/
.jqx-rc-r {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*left rounded Corners*/
.jqx-rc-l {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/*all rounded Corners*/
.jqx-rc-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*reset rounded corners*/
.jqx-rc-reset {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}

/*Reset Style*/
.jqx-reset {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  outline: none;
  box-sizing: content-box;
}

.jqx-clear {
  align: left;
  valign: top;
  left: 0px;
  top: 0px;
  -webkit-appearance: none !important;
  outline: none !important;
  padding: 0px;
  margin: 0px;
}

.jqx-popup {
  box-sizing: content-box;
}

.jqx-position-reset {
  position: static !important;
}

.jqx-border-reset {
  border: none !important;
}

.jqx-overflow-hidden {
  overflow: hidden !important;
}

.jqx-position-relative {
  position: relative !important;
}

.jqx-position-absolute {
  position: absolute !important;
}

.jqx-max-size {
  width: 100% !important;
  height: 100% !important;
}

.jqx-background-reset {
  background: transparent !important;
}
/*Disable browser selection*/
.jqx-disableselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.jqx-enableselect {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: all;
}

.jqx-hideborder {
  border: none !important;
}

.jqx-hidescrollbars {
  overflow: hidden !important;
}
/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
.jqx-button {
  outline: none;
  border: 1px solid transparent;
  padding: 5px;
  text-align: center;
  vertical-align: central;
  margin: 0 0 0 0;
  cursor: default;
}

button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

.jqx-buttongroup {
}

.jqx-group-button-normal {
  vertical-align: middle;
  text-align: center;
}
/*applied to the link button's anchor element.*/
.jqx-link {
  text-decoration: none;
  color: #111111;
}

/*shows elements.*/
.jqx-visible {
  display: block;
}
/*hides elements.*/
.jqx-hidden {
  display: none;
}

.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
  line-height: 1.231;
}
/*jqxGauge Style*/
.jqx-gauge-label, .jqx-gauge-caption {
  fill: #333333;
  color: #333333;
  font-size: 11px;
  font-family: Verdana;
}

.jqx-knob {
  text-align: center;
}
/*jqxChart Style*/
.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
  fill: #333333;
  color: #333333;
  font-size: 11px;
  font-family: Verdana;
}

.jqx-chart-axis-description {
  fill: #555555;
  color: #555555;
  font-size: 11px;
  font-family: Verdana;
}

.jqx-chart-title-text {
  fill: #111111;
  color: #111111;
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana;
}

.jqx-chart-title-description {
  fill: #111111;
  color: #111111;
  font-size: 12px;
  font-weight: normal;
  font-family: Verdana;
}

/*applied to the Grid's element.*/
.jqx-grid {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
}

  .jqx-grid .jqx-adaptive-table {
      border-collapse: collapse;
      border: none;
      width: 100%;
  }

      .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th {
          border-bottom: 1px solid #ddd;
          padding: 8px;
          overflow: auto;
      }

      .jqx-grid .jqx-adaptive-table tr:nth-child(even) {
          background-color: #f2f2f2;
      }

      .jqx-grid .jqx-adaptive-table th {
          padding-top: 12px;
          padding-bottom: 12px;
          text-align: left;
          background-color: #4CAF50;
          color: white;
      }

  .jqx-grid .jqx-adaptive-view a {
      padding: 10px;
      text-decoration: none;
      color: orangered;
  }

/*applied to the Pager.*/
.jqx-grid-pager {
  border: none;
  border-top: 1px solid transparent;
}
/*applied to the Top Pager.*/
.jqx-grid-pager-top {
  border: none;
  border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
  padding: 2px 5px;
  text-decoration: none;
  margin: 1px;
  border: 1px solid transparent;
  color: inherit !important;
  outline: none;
  font-weight: normal !important;
  line-height: 14px;
}

.jqx-grid-menu-item-touch {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
.jqx-grid-bottomright {
}
/*applied to the Grid's header area.*/
.jqx-grid-header {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  overflow: hidden;
  border-color: transparent;
  margin: 0px;
  padding: 0px;
}
/*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: transparent;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}

.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
  border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
  border-bottom-width: 1px;
  border-left-width: 1px;
}
/*applied to the column's button.*/
.jqx-grid-column-menubutton {
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: transparent;
  background-image: url('../images/icon-menu-small.png') !important;
  background-repeat: no-repeat;
  background-position: center !important;
  cursor: pointer;
}

.jqx-grid-column-menubutton-rtl {
  border-width: 0px 1px 0px 0px;
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton {
  border: none;
  background-image: url('../images/sortascbutton.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton {
  border: none;
  background-image: url('../images/sortdescbutton.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton {
  border: none;
  background-image: url('../images/filter.png');
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
}
/*applied to the column's resize line.*/
.jqx-grid-column-resizeline {
  border-right: 1px dotted #555;
}
/*applied to the validation popup during cell editing.*/
.jqx-grid-validation {
  background: #df2227 !important;
  color: #fff !important;
  padding: 4px 8px;
}

.jqx-grid-validation-label {
  color: #fff !important;
  background: #df2227 !important;
  border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
  background-image: url('../images/red_arrow_up.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.jqx-grid-validation-arrow-down {
  background-image: url('../images/red_arrow_down.png');
  background-repeat: no-repeat;
  background-position: center center;
}
/*applied to the column's resize start line.*/
.jqx-grid-column-resizestartline {
  border-right: 1px solid #444;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon {
  background-image: url('../images/icon-sort-asc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon {
  background-image: url('../images/icon-sort-desc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon {
  background-image: url('../images/icon-sort-remove.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon {
  background-image: url('../images/drag.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}
/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon {
  background-image: url('../images/dragcancel.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
}
/*applied to the 'group by' menu item.*/
.jqx-grid-groupby-icon {
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}
/*applied to the column anchor tags.*/
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}

.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  color: inherit;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}
/*applied to the groups header area.*/
.jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #aaa;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
/*applied to a grouping row.*/
.jqx-grid-groups-row {
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  padding: 0px;
  top: 50%;
  margin-top: -8px;
}
/*applied to the row details.*/
.jqx-grid-groups-row-details {
  font-weight: normal;
}
/*applied to a grouping column.*/
.jqx-grid-group-column {
  border: 1px solid transparent;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
/*applied to the lines between the group columns.*/
.jqx-grid-group-column-line {
  background: #aaa;
}
/*applied to the drop line indicators displayed in the grouping header.*/
.jqx-grid-group-drag-line {
  background: #80be09;
}
/*applied to the anchor tags inside a grouping column.*/
.jqx-grid-group-column a:link {
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

.jqx-grid-group-column a:visited {
  color: inherit;
  display: block;
  margin: 4px;
  height: 18px;
  line-height: 18px !important;
  outline: 0 none;
  text-decoration: none;
  cursor: pointer;
}
/*applied to a grid cell*/
.jqx-grid-cell {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  margin-right: 1px;
  margin-bottom: 1px;
  border-color: transparent;
  background: #fff;
  white-space: nowrap;
  font-weight: normal;
  font-size: inherit;
  overflow: hidden;
  position: absolute !important;
  height: 100%;
  outline: none;
}

.jqx-grid-cell-locked {
  color: #aaa !important;
}

.jqx-grid-cell-left-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: left;
  margin-right: 2px;
  margin-left: 4px;
}

.jqx-grid-cell-middle-align {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 2px;
  text-align: center;
}

.jqx-grid-cell-right-align {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
  text-align: right;
  margin-right: 4px;
  margin-left: 2px;
}

/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell {
  overflow: hidden;
  position: absolute !important;
  height: 100%;
  background: #fff;
}
/*applied to the grid cells in the sort column*/
.jqx-grid-cell-sort {
  background-color: #f0f0f0;
}

/*applied to the grid cells in the filter column*/
.jqx-grid-cell-filter {
  background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
  background: #fdfcf3 !important;
  color: #000 !important;
}

/*applied to the grid cells area.*/
.jqx-grid-content {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: transparent;
  white-space: nowrap;
  overflow: hidden;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell, .jqx-grid-empty-cell {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  white-space: nowrap;
  font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
  border: transparent !important;
}

.jqx-grid-cell-wrap {
  white-space: normal !important;
}

.jqx-tree-grid-indent {
  width: 18px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  vertical-align: top;
}

.jqx-tree-grid-title {
  text-decoration: none;
  vertical-align: bottom;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: top;
}

.jqx-tree-grid-checkbox {
  float: none !important;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 6px !important;
  margin-left: 2px !important;
}

.jqx-tree-grid-icon {
  float: none !important;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.jqx-tree-grid-icon-rtl {
  margin-right: 0px;
  margin-left: 4px;
}

.jqx-tree-grid-icon-size {
  width: 14px;
  height: 14px;
  line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
  width: 100%;
  height: 100%;
}

.jqx-tree-grid-expand-button {
  height: 18px;
  width: 18px;
  vertical-align: top;
}

/*applied to a cell in jqxDataTable*/
.jqx-cell {
  min-height: 23px;
  padding: 6px 4px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  border-top-width: 0px;
  border-left-width: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: normal;
  line-height: 1.231;
}

.jqx-grid-cell-nowrap {
  white-space: nowrap;
}

.jqx-cell-editor {
  padding-left: 4px !important;
  padding-right: 3px !important;
}

.jqx-left-align {
  text-align: left;
}

.jqx-center-align {
  text-align: center;
}

.jqx-right-align {
  text-align: right;
}

.jqx-top-align {
  vertical-align: top;
}

.jqx-bottom-align {
  vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
  position: static !important;
  zoom: 1 !important;
}
/*applied to the Grid's Table element.*/
.jqx-grid-table {
  font-size: 13px;
  table-layout: fixed;
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  -webkit-overflow-scrolling: touch;
  outline: none;
  zoom: 1 !important;
  empty-cells: show;
  border-right: 1px solid #aaa;
  line-height: 1.231;
  width: auto;
  border: none;
}

.jqx-grid-table-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}

.jqx-details table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0px;
}

/*applied to a grid cell that is part of a details row and grouping is enabled.*/
.jqx-grid-group-details-cell {
}
/*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
  border-width: 0px 1px 0px 0px;
}
/*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
  background: #f9f9f9;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
  background-color: #e5e5e5;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
  background-color: #f0f0f0;
}
/*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
  background-color: #e5e5e5;
}
/*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
  background-color: #e5e5e5;
}
/*applied to a selected grid cell.*/
.jqx-grid-cell-selected {
  border-left: 0px solid transparent;
}

  .jqx-grid-cell-selected.jqx-grid-cell-edit {
      border-color: #DDDDDD !important;
      background-color: #fff !important;
      color: #333 !important;
  }

.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
  border-color: #DDDDDD !important;
}

.jqx-cell-rtl {
  border-left-width: 1px;
  border-right-width: 0px;
}

.jqx-grid-cell-rtl {
  border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
  border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
  border: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
  border-left-width: 0px;
}

/*applied to the selection area.*/
.jqx-grid-selectionarea {
  border: 1px solid transparent;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*applied to a hovered grid cell.*/
.jqx-grid-cell-hover {
  border-color: transparent;
}
/*applied to a grid cell when the grid is empty.*/
.jqx-grid-empty-cell {
  overflow: visible;
  border-bottom: none;
}

/*applied to the Grid when its loading the data.*/
.jqx-grid-load {
  padding-right: 0px;
  background-image: url(../images/loader.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 9999;
  display: block;
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse {
  padding-right: 0px;
  background-image: url(../images/icon-right.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
  padding-right: 0px;
  background-image: url(../images/icon-left.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
  padding-right: 0px;
  background-image: url(../images/icon-down.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*jqxProgresBar Style*/
.jqx-progressbar {
  position: relative;
  overflow: hidden;
  outline: none;
  border: 1px solid transparent;
  height: 2em;
}
/*applied to the progressbar's value element*/
.jqx-progressbar-value {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
}
/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical {
  outline: none;
  border: 0px solid transparent;
  height: 100%;
  background: transparent;
}
/*applied to the progressbar's text element*/
.jqx-progressbar-text {
  font-size: 10px;
  border: none;
}
/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled {
  outline: none;
  border: 1px solid transparent;
  height: 2em;
}

/*jqxMenu Style*/
.jqx-menu {
  border: 1px solid transparent;
  float: none;
  margin: 0px;
  height: 100%;
  padding: 0px;
  overflow: hidden;
  text-align: left;
}

.jqx-menu-dropdown-column {
  float: left;
}
/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical {
  text-align: left;
}
/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px;
  right: 0;
  overflow: hidden;
  display: none;
  float: none;
  width: 150px;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  padding: 2px;
}
  /*applied to the sub menu's ul elements.*/
  .jqx-menu-dropdown ul {
      left: 100%;
      margin: 0px;
      padding: 0px;
      right: 0;
      overflow: hidden;
      border: none;
  }
/*applied to the menu's ul elements.*/
.jqx-menu ul {
  left: 100%;
  margin: 0px;
  padding: 2px;
  right: 0;
  overflow: hidden;
  background-color: transparent;
  border: none;
}
/*applied to the menu's li elements.*/
.jqx-menu li, .jqx-menu-dropdown li {
  line-height: 1.3 !important;
}
/*applied to the top level menu items.*/
.jqx-menu-item-top {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px 4px 8px;
  left: 100%;
  overflow: hidden;
  color: inherit;
  right: 0;
  margin: 0px 3px 0px 3px;
  cursor: pointer;
}
/*applied to the sub menu items.*/
.jqx-menu-item {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 4px 8px 4px 8px;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
}
/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}
/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover {
  color: inherit;
  right: 0;
  list-style: none;
  margin: 0px 3px 0px 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  top: 50%;
  cursor: pointer;
}
/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected {
  right: 0;
  list-style: none;
  margin: 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  text-align: left;
  cursor: pointer;
}
/*applied to a disabled sub menu item.*/
.jqx-menu-item-disabled {
}
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected {
  right: 0;
  list-style: none;
  margin: 0px 1px 0px 1px;
  margin-left: 3px;
  margin-right: 3px;
  left: 100%;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
}
/*applied to the menu separator items.*/
.jqx-menu-item-separator {
  text-indent: 0;
  background-color: #ddd;
  border: none;
  list-style: none;
  height: 1px;
  line-height: 0 !important;
  padding: 0px;
  margin: 1px 2px 1px 2px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  font-size: 1px;
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right {
  background-image: url(../images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down {
  background-image: url(../images/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up {
  background-image: url(../images/icon-up.png);
}

.jqx-menu-minimized {
  position: relative;
}

.jqx-menu-title {
  position: relative;
  float: right;
  margin-top: 4px;
  padding-top: 4px;
  padding-right: 20px;
}

.jqx-menu-minimized-button {
  background-image: url('../images/icon-menu-minimized.png');
  background-repeat: no-repeat;
  background-position: left center;
  height: 24px;
  width: 24px;
  padding: 0px;
  margin-left: 7px;
  margin-top: 4px;
  float: left;
}

.jqx-menu-ul-minimized {
  display: block !important;
  width: auto !important;
}

  .jqx-menu-ul-minimized ul {
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      -o-box-shadow: none !important;
      box-shadow: none !important;
  }

.jqx-menu-minimized li:last-child {
  padding-bottom: 0px;
  margin: 0px;
}

.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left {
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
  background-image: url(../images/icon-left.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected {
  background-image: url(../images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected {
  background-image: url(../images/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected {
  background-image: url(../images/icon-up.png);
}

.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
  padding-right: 0px;
  margin-right: -8px;
  width: 17px;
  height: 15px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right {
  background-image: url(../images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected {
  background-image: url(../images/icon-left.png);
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left {
  background-image: url(../images/icon-left.png);
}

.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-right: 0px;
  padding-left: 5px;
  width: 17px;
  height: 15px;
}
/*applied to the anchor elements*/
.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover {
  font: inherit;
  text-decoration: none;
  color: inherit;
  outline: none;
  background-color: transparent;
}

/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled {
  cursor: default;
}
  /*applied to the anchor elements of all disabled menu items.*/
  .jqx-menu-disabled a:link {
      cursor: default;
      text-decoration: none;
  }

  .jqx-menu-disabled a:visited {
      cursor: default;
      text-decoration: none;
  }

  .jqx-menu-disabled a:hover {
      cursor: default;
  }

.jqx-menu-dropdown {
  right: -1px;
}

/*jqxtree Style*/
.jqx-tree {
  left: 100%;
  right: 0;
  float: none;
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  overflow: hidden;
  text-align: left;
  outline: none;
  white-space: nowrap;
  line-height: 14px !important;
}
/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root {
  left: 100%;
  padding: 0px 5px 0px 5px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: #fff;
  text-align: left;
  outline: none;
  white-space: nowrap;
  margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
  padding: 0px 5px 0px 0px;
  text-align: right;
  float: right;
  margin: 0px;
}

/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown {
  left: 100%;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  right: 0;
  display: block;
  float: none;
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  text-align: left;
  outline: none;
}

.jqx-tree-dropdown-rtl {
  padding: 3px 0px 0px 0px;
  text-align: right;
}

/*applied to a tree item.*/
.jqx-tree-item {
  border: 1px solid transparent;
  text-indent: 0;
  list-style: none;
  padding: 3px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  right: 0;
  text-align: left;
  cursor: default;
  text-decoration: none;
}
/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  left: 100%;
  right: 0;
  text-align: left;
  outline: none;
  margin: 0px;
  margin-top: 1px;
  padding: 0px;
}
/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last {
  margin: 0px 0px 0px 0px;
}
/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
}
/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected {
  color: inherit;
  right: 0;
  padding: 3px;
  margin: 0px;
  list-style: none;
  left: 100%;
  cursor: pointer;
  text-decoration: none;
}

.jqx-tree-item-rtl {
  text-align: right;
}

.jqx-tree-item-li-rtl {
  text-align: right;
}
/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link, .jqx-tree-item a:visited {
  text-indent: 0;
  background-color: transparent;
  border: 0px solid transparent;
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: none;
  overflow: hidden;
  left: 100%;
  color: inherit;
  right: 0;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:hover {
  color: inherit;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:visited {
  color: inherit;
}

/*applied to a tree item when the item is disabled.*/
.jqx-tree-item-disabled {
}
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url(../images/icon-right.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
  background-image: url(../images/icon-left.png);
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
  padding-right: 0px;
  width: 17px;
  height: 17px;
  background-image: url(../images/icon-down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*applied to the tree when it is disabled.*/
.jqx-tree-disabled {
  cursor: default;
}
  /*applied to the anchor elements in a tree when it is disabled.*/
  .jqx-tree-disabled a:link {
      cursor: default;
      text-decoration: none;
  }

  .jqx-tree-disabled a:visited {
      cursor: default;
      text-decoration: none;
  }

  .jqx-tree-disabled a:hover {
      cursor: default;
  }


/*jqxTabs*/
.jqx-tabs {
  outline: none;
  margin: 0 0 0 0;
  padding: 0px;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
}
/*applied to the tab close button.*/
.jqx-tabs-close-button {
  outline: none;
  background-image: url(../images/close.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  left: 5px;
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected {
  outline: none;
  background-image: url(../images/close.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover {
  outline: none;
  background-image: url(../images/close.png);
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover {
  background-repeat: no-repeat;
  background-position: center;
}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left {
  outline: none;
  position: relative;
  z-index: 15;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-image: url('../images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right {
  outline: none;
  position: relative;
  z-index: 15;
  background-image: url('../images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.jqx-tabs-arrow-background {
  background: #eeeeee;
}
/*applied to the tab's title.*/
.jqx-tabs-title {
  outline: none;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  left: 100%;
  right: 0;
  text-indent: 0px;
  list-style: none;
  border: 1px solid transparent;
  margin: 0px 2px 0px 0px;
  overflow: hidden;
  z-index: 1;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  padding-top: 5px;
  background: transparent;
  height: auto;
  position: relative;
}

.jqx-tabs-title-bottom {
}

.jqx-tabs-title a:link {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:hover {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:active {
  color: inherit;
  text-decoration: none;
}

.jqx-tabs-title a:visited {
  color: inherit;
  text-decoration: none;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top {
  z-index: 99;
  outline: none;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  padding-bottom: 7px;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
  outline: none;
  border-top: 1px solid #fff;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-top: -2px;
  background-color: #fff;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-hover-top {
  outline: none;
  border: 1px solid transparent;
  padding-bottom: 5px;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom {
  outline: none;
  border: 1px solid transparent;
  padding-top: 5px;
}
/*applied to the tab's title when the tab is disabled.*/
.jqx-tabs-title-disable {
}
/*applied to the tab's header.*/
.jqx-tabs-header {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 1px;
  margin: 0px;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1px solid #aaa;
  background: #eeeeee;
}
/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom {
  padding-top: 1px;
  padding-bottom: 3px;
  border-top: 0px solid #aaa;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1px solid transparent;
}
/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed {
  border: 1px solid #aaa;
}
/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom {
  border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
  border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
  border: 0px solid transparent;
}
/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container {
  outline: none;
  position: relative;
  text-indent: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: transparent;
  height: 0px;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding-bottom: 2px;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #fff;
  outline: none;
  position: absolute;
  z-index: 10;
  margin-top: -1px;
  padding-bottom: 2px;
}
/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content {
  outline: none;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  text-align: left;
  clear: both;
}

.jqx-tabs-content-element {
  height: 100%;
  overflow: auto;
}

/*jqxCheckBox*/
.jqx-checkbox {
  overflow: hidden;
  text-align: left;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*applied to the check box.*/
.jqx-checkbox-default {
  text-align: left;
  float: left;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0px 3px 0px 3px;
}
/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover {
  cursor: pointer;
  float: left;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0px 3px 0px 3px;
}
/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled {
  cursor: default;
  background: transparent;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0px 0px 0px 0px;
}
/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box {
  float: left;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0px 3px 0px 3px;
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked {
  float: left;
  background: transparent url(../images/check_black.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled {
  float: left;
  background: transparent url(../images/check_disabled.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate {
  float: left;
  background: transparent url(../images/check_indeterminate_black.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled {
  float: left;
  background: transparent url(../images/check_indeterminate_disabled.png) center center no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
}
/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
  float: right;
}
/*jqxRadioButton*/
.jqx-radiobutton {
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  white-space: nowrap;
}
/*applied to the radio button.*/
.jqx-radiobutton-default {
  cursor: pointer;
  float: left;
  background: transparent url(../images/roundbg_classic_normal.png) left center scroll repeat-x;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 1px 3px 0px 3px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover {
  cursor: pointer;
  float: left;
  background: transparent;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 1px 3px 0px 3px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled {
  cursor: default;
}
/*applied to the radio button's radio icon when it is disabled.*/
.jqx-radiobutton-disabled-box {
}
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked {
  float: left;
  background: transparent url(../images/roundbg_check_black.png) left top no-repeat;
  padding: 0px;
  border: 1px solid transparent;
  outline: none;
  margin: 0 0 0 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 7px;
  height: 7px;
  margin-left: 2px;
  margin-top: 2px;
}
/*applied to the radio button when it is checked and disabled.*/
.jqx-radiobutton-check-disabled {
}
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate {
  float: left;
  background: transparent url(../images/roundbg_check_indeterminate.png) left top no-repeat;
  padding: 0px;
  border: none;
  outline: none;
  margin: 0 0 0 0;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  margin-top: 2px;
}
/*applied to the radio button when it is in indeterminate state and disabled.*/
.jqx-radiobutton-check-indeterminate-disabled {
}
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
  float: right;
}

/*jqxRating*/
.jqx-rating {
  margin: 0px;
  padding: 0px;
  outline: none;
  overflow: hidden;
}

.jqx-rating-image {
  border-width: 0px;
}

.jqx-rating-image-default {
  margin: 0px;
  padding: 0px;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../images/star.png);
  overflow: hidden;
}
/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover {
  background-color: transparent;
  padding: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../images/star_hover.png);
  overflow: hidden;
}
/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward {
  background-color: transparent;
  padding: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(../images/star_disabled.png);
  overflow: hidden;
}
/*jqxCalendar Style*/
.jqx-calendar {
  border: 1px solid transparent;
  -webkit-appearance: none;
  overflow: hidden;
  outline: none;
  padding: 0px;
  margin: 0 0 0 0;
  cursor: default;
  border-collapse: separate;
}

  .jqx-calendar .jqx-widget-header {
  }

  .jqx-calendar > div {
      padding: 0px;
      box-sizing: border-box;
  }

.jqx-calendar-light > div {
  padding: 10px;
}

.jqx-calendar td {
  padding-top: 0px;
  padding-bottom: 0px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 13px;
  line-height: 1.231;
  height: auto;
}

.jqx-calendar table {
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 13px;
  line-height: 1.231;
}
/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header {
  outline: none;
  border: 0px solid #f2f2f2;
  padding: 0;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header {
  outline: none;
  text-align: right;
  padding: 3px;
  border-top: none;
  border-bottom: 1px solid transparent;
  border-left: none;
  border-right: none;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header {
  outline: none;
  border: 0px solid #f2f2f2;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation {
  cursor: pointer;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  width: 25px;
  height: 25px;
}
/*applied to the month table*/
.jqx-calendar-month {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
}
/*applied to the calendar's title content.*/
.jqx-calendar-title-content {
  cursor: pointer;
  text-align: center;
}
/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
}

  .jqx-calendar-title-header td {
      padding-left: 0px;
      padding-right: 0px;
      border: none;
  }
/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 0 0 0;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
}
/*applied to a calendar cell.*/
.jqx-calendar-cell {
  border: 1px solid transparent;
  margin: 0px;
  outline: none;
  text-align: center;
  padding: 1px;
  cursor: pointer;
  background-color: transparent;
}

  .jqx-calendar-cell td {
      padding: 0;
      margin: 0;
  }
/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
  text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
  background: transparent;
  border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden {
  margin: 0 0 0 0;
  visibility: hidden;
  cursor: default;
}
/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate {
  color: #FF0000 !important;
  background-color: transparent;
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate {
  background-color: rgba(251, 132, 153, 1);
  border: 1px solid #fff;
  margin: 0 0 0 0;
  cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
  color: #FFF !important;
  background: #FF0000 !important;
  border: 1px solid #FF0000 !important;
}
/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today {
  color: #898989;
  background-color: #ffffdb;
  border: 1px solid #fdc066;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover {
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected {
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth {
  color: #898989 !important;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled {
  color: #ccc;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell {
  outline: none;
  text-align: center;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-row-cell-disabled {
}

.jqx-calendar-footer {
  margin: 5px;
  color: inherit;
  font-size: 13px;
}

.jqx-calendar-title-container {
  overflow: hidden;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell {
  overflow: hidden;
  text-align: center;
  outline: none;
  font-weight: normal;
  padding: 1px;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: default;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
.jqx-calendar-column-cell-disabled {
}
/*applied to the calendar's cell area element.*/
.jqx-calendar-view {
  -webkit-appearance: none;
  outline: none;
  padding: 0px;
  border: 0px solid #fff;
  margin: 0 0 0 0;
  cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/
.jqx-expander {
}
/*applied to the Expander's header and content*/
.jqx-expander-header, .jqx-expander-content {
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  outline: 0;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content {
  padding-left: 3px;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl {
  padding-right: 3px;
}

.jqx-expander-content {
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: auto;
  outline: 0;
}
/*applied to the Expander's header and its content when it is on the top of the header*/
.jqx-expander-header, .jqx-expander-content-top {
  border-top-width: 1px;
  border-top-style: solid;
}
/*applied to the Expander's header and its content when it is on the bottom of the header*/
.jqx-expander-header, .jqx-expander-content-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
/*applied to the Expander's header*/
.jqx-expander-header {
  cursor: pointer;
  overflow: hidden;
}
/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
.jqx-expander-header-disabled {
  cursor: default;
}
/*applied to the Expander's arrow*/
.jqx-expander-arrow {
  width: 17px;
  height: 17px;
  position: relative;
}
/*applied to the Expander's content if it is empty*/
.jqx-expander-content-empty {
  border-width: 0px;
  padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
.jqx-navigationbar {
  border: none;
  margin: 0px;
  -webkit-appearance: none;
  outline: none;
}
/*jqxPanel Style*/
.jqx-panel {
  border: 1px solid transparent;
  -webkit-appearance: none;
  outline: none;
  padding: 0px;
  margin: 0px;
  cursor: default;
  overflow: hidden;
}
/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-panel-bottomright {
}
/*applied to the DropDownButton's Popup.*/
.jqx-dropdownbutton-popup {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
}

.jqx-listbox {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  padding: 0px;
  margin: 0px;
  cursor: default;
  overflow: hidden;
}
/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-listbox-bottomright {
}
/*applied to the ListBox's groups.*/
.jqx-listitem-state-group {
  white-space: nowrap;
  padding: 5px 2px 5px 2px;
  background: transparent;
  font-weight: bold;
  text-align: left;
  outline: none;
  overflow: hidden;
  vertical-align: middle;
  cursor: default;
}
/*applied to a list item in default state.*/
.jqx-listitem-state-normal {
  white-space: nowrap;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid transparent;
  outline: none;
  visibility: inherit;
  display: inherit;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
}
/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover {
  white-space: nowrap;
  background: transparent;
  padding: 3px 3px 3px 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid transparent;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected {
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid transparent;
}

.jqx-listbox-feedback {
  height: 1px;
  border-top: 1px dashed #000;
}

.jqx-listitem-element {
  -ms-touch-action: none;
  border: none;
  width: 100%;
  height: 100%;
  align: left;
  valign: top;
  position: absolute;
}
/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content {
  padding: 0px;
  overflow: hidden;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: none;
  border: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
  border: none;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-right: none;
  border-left: 1px solid transparent;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
/*applied to the ComboBox's input field.*/
.jqx-combobox-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding: 0 0 0 0;
  outline: none;
  border: 0px solid #aaa;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

  .jqx-combobox-input::-ms-clear {
      display: none;
  }
/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled {
  color: #AAA;
}
/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal, .jqx-action-button {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
  border: none;
  cursor: pointer;
}
/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected {
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  margin: 0 0 0 0;
}
/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  overflow: hidden;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
}
/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus {
  border: 1px solid transparent;
}

.jqx-combobox-multi-item {
  padding: 1px 3px;
  margin: 2px;
  white-space: nowrap;
  border-style: solid;
  font-weight: normal;
  overflow: hidden;
  text-align: left;
}

  .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
      color: inherit;
      display: block;
      outline: 0 none;
      text-decoration: none;
      cursor: pointer;
  }
/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled {
  white-space: nowrap;
  margin: 0px;
  color: #AAA;
}
/*jqxSelect Style*/
.jqx-select {
  overflow: hidden;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  -webkit-appearance: none;
  outline: 0 none;
}

.jqx-select-content {
  cursor: pointer;
  text-overflow: ellipsis;
}

.jqx-select-container {
  padding: 0;
}

.jqx-select-item {
  padding: 3px;
  margin: 1px;
  white-space: normal !important;
  cursor: default;
}
/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-dropdownlist-content {
  padding: 0px;
  overflow: hidden;
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  outline: 0 none;
  border: none;
}

.jqx-dropdownlist-content-rtl {
  padding-left: 0px;
  padding-right: 3px;
}

.jqx-dropdownlist .jqx-icon-arrow-down {
  width: 13px;
}

.jqx-dropdownlist .jqx-icon-arrow-up {
  width: 13px;
}

.jqx-combobox .jqx-icon-arrow-down {
  width: 13px;
}

.jqx-combobox .jqx-icon-arrow-up {
  width: 13px;
}
/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
.jqx-dropdownlist-content-disabled {
}
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal {
  -webkit-appearance: none;
  outline: none;
  border: 1px solid transparent;
  overflow: hidden;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover {
  overflow: hidden;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected {
  overflow: hidden;
  background-color: transparent;
  border: 1px solid transparent;
  margin: 0 0 0 0;
  cursor: pointer;
}
/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus {
  border: 1px solid #909090;
}
/*applied to the dropdownlist in disabled state.*/
.jqx-dropdownlist-state-disabled {
}
/*jqxScrollBar Style*/
.jqx-scrollbar {
  background: transparent;
  margin: 0;
  padding: 0;
  border: none;
}
/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal {
  background: #efefef;
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal {
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
  touch-action: none;
}
/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal {
  margin: 0px;
  padding: 0px;
  border: 1px solid transparent;
  touch-action: none;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover {
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed {
  margin: 0px;
  padding: 0px;
  background: #d1d1d1;
  border: 1px solid #909090;
}

/* jqxWindow */
.jqx-window {
  position: absolute;
  overflow: hidden;
  border: 1px solid transparent;
}
/*applied to the jqxWindow when it’s disabled*/
.jqx-window-disabled {
}
/*applied to the window’s header*/
.jqx-window-header {
  outline: none;
  border-width: 0px;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  padding: 7px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
}
/*applied to the window’s header when the window is disabled*/
.jqx-window-header-disabled {
}
/*applied to the window’s content*/
.jqx-window-content {
  outline: none;
  overflow: auto;
  text-align: left;
  background-color: transparent;
  padding: 5px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled {
  outline: none;
  overflow: auto;
  text-align: left;
  padding: 5px;
}
/*applied to the window’s close button*/
.jqx-window-close-button {
  cursor: pointer;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  margin-top: 2px;
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button {
  background-image: url(../images/icon-up.png);
  cursor: pointer;
  margin-top: 3px;
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed {
  margin-top: 3px;
  cursor: pointer;
  background-image: url(../images/icon-down.png);
}
/*setting styles of the modal window’s background*/
.jqx-window-modal {
  background-color: Black;
}

.jqx-window-close-button-hover {
}

.jqx-docking {
  overflow: hidden;
}

.jqx-docking-panel {
  margin: 0px;
  padding: 0px;
  min-height: 100px;
}

.jqx-docking-drop-indicator {
  border-style: dashed;
  border-width: 1px;
  margin: 0px;
}

.jqx-docking-window {
  margin: 0px;
}

/* jxSlider */
/* applied to jqxSlider widget */
.jqx-slider {
  outline: none;
  clear: both;
  position: relative;
  overflow: hidden;
}
/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
.jqx-slider-tick {
  border-left: 1px solid transparent;
  z-index: 9;
}
/*applied to the ticks when the slider is in horizontal mode*/
.jqx-slider-tick-horizontal {
  width: 1px;
  border-left: none;
  margin-top: 1px;
}
/*applied to the ticks when the slider is in vertical mode*/
.jqx-slider-tick-vertical {
  height: 1px;
  border-top: none;
}
/*applied to the ticks container*/
.jqx-slider-tickscontainer {
  z-index: 10;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 9;
}
/*applied to the jqxSlider thumb used for changing/indicating current value*/
.jqx-slider-slider {
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 15;
  position: absolute;
  left: 0px;
  top: 0px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.jqx-slider-button {
  cursor: pointer;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  box-sizing: content-box !important;
  padding: 3px !important;
}
/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal {
  margin-top: -9px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid transparent;
}
/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical {
  margin-left: -9px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid transparent;
}
/*applied to the track where is located the thumb*/
.jqx-slider-track {
  height: 4px;
  float: left;
  position: relative;
  z-index: 20;
  cursor: pointer;
}
/*used in horizontal slider*/
.jqx-slider-track-horizontal {
  height: 4px;
  margin-top: 2px;
}
/*used in vertical slider*/
.jqx-slider-track-vertical {
  width: 4px;
}
/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/
.jqx-slider-rangebar {
}

/* jqxSplitter */
.jqx-splitter {
  overflow: hidden;
  border: 1px solid transparent;
  position: relative;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical {
  border: 1px solid transparent;
  border-top-width: 0px;
  border-bottom-width: 0px;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
}
/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover {
  background-color: transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal {
  position: absolute;
  border: 1px solid transparent;
  border-left-width: 0px;
  border-right-width: 0px;
  cursor: n-resize;
  cursor: row-resize;
}
/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-splitbar-invalid {
  background: #FF0000 !important;
}
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal {
  cursor: pointer;
  width: 45px;
  height: 5px;
}
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical {
  cursor: pointer;
  width: 5px;
  height: 45px;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed {
  cursor: default;
}
/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel {
  border: none;
  outline: none;
  position: absolute;
  overflow: hidden;
}
/* This class is added to a nested splitter.*/
.jqx-splitter-nested, .jqx-splitter-panel-nested {
  border: none;
  overflow: hidden;
}

.jqx-draggable {
}

.jqx-draggable-dragging {
  border: 0px solid black;
}

.jqx-draggable-disabled {
  cursor: default;
}

.jqx-validator-hint {
  height: 18px;
  width: auto;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Verdana;
  font-size: 13px;
  border: 1px solid #6E0000;
  background-color: #942724;
  color: #fff;
  z-index: 99999;
  white-space: nowrap;
}

.jqx-validator-hint-arrow {
  z-index: 99999;
  height: 9px;
  width: 9px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  background-image: url(../images/multi-arrow.gif);
}

.jqx-validator-error-label {
  color: #dd4b39;
  vertical-align: top;
  text-align: left;
  display: block;
  cursor: default;
  line-height: 17px;
}

.jqx-validator-error-element {
  border-color: #dd4b39 !important;
}

.jqx-switchbutton {
  outline: none;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.jqx-switchbutton-thumb {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #ccc;
}

.jqx-switchbutton-label {
  font-size: 15px;
  font-family: Sans-Serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.jqx-switchbutton-wrapper {
}

.jqx-switchbutton-label-on {
}

.jqx-switchbutton-label-off {
}

/*left, right, up and down arrow icons.*/
.jqx-left-arrow {
  background: transparent;
  background-image: url('../images/icon-left.png');
  cursor: pointer;
}

.jqx-right-arrow {
  background: transparent;
  background-image: url('../images/icon-right.png');
  cursor: pointer;
}

.jqx-icon-delete {
  background-image: url('../images/icon-delete.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-edit {
  background-image: url('../images/icon-edit.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-save {
  background-image: url('../images/icon-save.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-cancel {
  background-image: url('../images/icon-cancel.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
  background-image: url('../images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
  background-image: url('../images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
  background-image: url('../images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
  background-image: url('../images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
  background-image: url('../images/icon-first.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
  background-image: url('../images/icon-last.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up-hover {
  background-image: url('../images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-down-hover {
  background-image: url('../images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left-hover {
  background-image: url('../images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right-hover {
  background-image: url('../images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-up-selected {
  background-image: url('../images/icon-up.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-down-selected {
  background-image: url('../images/icon-down.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-left-selected {
  background-image: url('../images/icon-left.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-arrow-right-selected {
  background-image: url('../images/icon-right.png');
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-close {
  cursor: pointer;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-close-white {
  background-image: url(../images/close_white.png);
}

.jqx-icon-close-hover {
  cursor: pointer;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-icon-search {
  cursor: pointer;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
  background-size: 13px;
  width: 13px;
  height: 13px;
}

.jqx-icon-plus {
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}

.jqx-icon-plus-alt, .jqx-icon-plus-alt-white {
  background-image: url(../images/icon-plus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
}

.jqx-icon-plus-alt-white {
  background-image: url(../images/icon-plus-white.png);
}
/* jqxScrollView */
.jqx-scrollview-button {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: inline-block;
  margin: 2px;
  cursor: pointer;
  background-color: #aaaeaf;
}

.jqx-scrollview {
  background-color: #000;
  -ms-touch-action: auto !important;
}

.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
  background-image: url('../images/icon-calendar.png');
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  width: 15px !important;
  height: 15px !important;
  margin-top: -7.5px !important;
}
/*applied to Inputs*/
.jqx-input-widget {
  box-sizing: border-box !important;
}

.jqx-input {
  overflow: hidden;
  background-color: inherit;
  border-color: #c7c7c7;
}

.jqx-input-invalid {
  color: red !important;
}

.jqx-input-group {
  overflow: hidden;
}

.jqx-input-group-addon {
  border: 1px solid transparent;
  position: relative;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 2px 8px !important;
  float: left;
  white-space: nowrap;
  vertical-align: middle;
}

  .jqx-input-group-addon:first-child {
      border-right-width: 0px;
      border-bottom-right-radius: 0 !important;
      border-top-right-radius: 0 !important;
  }

  .jqx-input-group-addon:last-child {
      border-left-width: 0px;
      border-bottom-left-radius: 0 !important;
      border-top-left-radius: 0 !important;
  }

  .jqx-input-group-addon:not(:last-child):not(:first-child) {
      border-bottom-left-radius: 0 !important;
      border-top-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-top-right-radius: 0 !important;
      border-left-width: 0px;
  }

.jqx-input-group .jqx-input {
  padding: 2px 1px !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

.jqx-editor {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  overflow: hidden;
  box-sizing: border-box !important;
}

.jqx-editor-window {
  overflow: hidden;
}

.jqx-editor-inline {
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

  .jqx-editor-inline p {
      margin: 0px;
      padding: 0 .2em;
  }

.jqx-editor-inline-focus {
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}

.jqx-editor iframe {
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  display: inline;
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.jqx-editor-color-bar {
  height: 3px;
}

.jqx-editor-color-picker table {
  margin: 0;
  padding: 0 4px 4px;
  empty-cells: show;
  border-collapse: separate;
}

.jqx-editor-color-picker td {
  border-collapse: separate;
  border: 1px solid transparent;
  cursor: pointer;
  margin: 0;
  position: relative;
}

  .jqx-editor-color-picker td:hover {
      border: 1px solid #000;
  }

.jqx-editor-color-picker-selected-cell {
  outline: 1px solid #000;
}

.jqx-editor-color-picker td div {
  width: 16px;
  height: 16px;
}

.jqx-editor-content {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  outline: 0;
  left: 0px;
  position: relative;
  box-sizing: border-box !important;
}

.jqx-editor-container {
  position: relative;
  padding: 4px;
  padding-top: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box !important;
}

.jqx-editor-toolbar-container {
  top: 0px;
  left: 0px;
  box-sizing: border-box !important;
}

.jqx-editor-toolbar-inline {
  padding: 0px 4px;
  border-width: 1px;
  border-style: solid;
}

.jqx-editor-toolbar {
  margin: 0;
  padding: 0px;
  padding-bottom: 4px;
}

.jqx-editor-toolbar-icon {
  height: 21px;
  width: 21px;
  vertical-align: middle;
  opacity: .667;
  margin: 2px 0;
  background: url('../images/html_editor.png') no-repeat;
}

.jqx-editor-toolbar-icon-bold {
  background-position: 0px 0px !important;
}

.jqx-editor-toolbar-icon-italic {
  background-position: -21px 0px !important;
}

.jqx-editor-toolbar-icon-underline {
  background-position: -42px 0px !important;
}

.jqx-editor-toolbar-icon-fontname {
  background-position: -63px 0px !important;
}

.jqx-editor-toolbar-icon-fontsize {
  background-position: -84px 0px !important;
}

.jqx-editor-toolbar-icon-createlink {
  background-position: -147px 0px !important;
}

.jqx-editor-toolbar-icon-insertorderedlist {
  background-position: -168px 0px !important;
}

.jqx-editor-toolbar-icon-insertunorderedlist {
  background-position: -189px 0px !important;
}

.jqx-editor-toolbar-icon-outdent {
  background-position: -210px 0px !important;
}

.jqx-editor-toolbar-icon-indent {
  background-position: -231px 0px !important;
}

.jqx-editor-toolbar-icon-insertimage {
  background-position: -337px 0px !important;
}

.jqx-editor-toolbar-icon-justifyleft {
  background-position: -252px 0px !important;
}

.jqx-editor-toolbar-icon-justifycenter {
  background-position: -273px 0px !important;
}

.jqx-editor-toolbar-icon-justifyright {
  background-position: -294px 0px !important;
}

.jqx-editor-toolbar-icon-removeformat {
  background-position: -316px 0px !important;
}

.jqx-editor-toolbar-icon-viewsource {
  background-position: -359px 0px !important;
}

.jqx-editor-toolbar-icon-forecolor {
  background-position: -105px 0px !important;
  height: 15px;
}

.jqx-editor-toolbar-icon-backcolor {
  background-position: -380px 0px !important;
  height: 15px;
}

.jqx-editor-toolbar-icon:hover {
  opacity: 1;
}

.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
  opacity: .667;
}

.jqx-editor-toolbar-item {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

.jqx-editor-toolbar-separator {
  border-left: 1px solid #ccc;
  margin: 0 2px;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  width: 0;
  display: inline-block;
}

.jqx-editor-toolbar-group {
  display: inline-block;
  margin-right: 4px;
  margin-top: 4px;
  white-space: nowrap;
}

.jqx-editor-toolbar-button {
  text-decoration: none;
  vertical-align: middle;
  cursor: default;
  display: inline-block;
  padding: 0px !important;
  margin-right: 2px;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
  margin-right: -1px;
  box-shadow: none;
  position: relative;
  margin-left: 0px !important;
}

  .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
      z-index: 55;
  }

  .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
      background: transparent !important;
  }

.jqx-date-time-input-popup table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: 0;
  color: #333;
}

.jqx-date-time-input-popup table td input {
  width: 25px;
  margin: 0;
  text-align: center;
  padding: 4px 6px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
  padding: 0px !important;
  cursor: default;
}

.jqx-scheduler .jqx-widget-header.jqx-grid-header {
  border-bottom-color: transparent;
  border-bottom-width: 0px;
}

.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header {
  border-bottom: 1px solid #c5c5c5;
}

.jqx-grid-column-header[sort] > div > div {
  width: calc(100% - 20px);
}

.jqx-grid-column-header[filter] > div > div {
  width: calc(100% - 20px);
}

.jqx-grid-column-header[filter][sort] > div > div {
  width: calc(100% - 40px);
}

.jqx-scheduler-all-day-cell {
  text-align: left;
}

  .jqx-scheduler-all-day-cell span {
      margin-left: 3px;
  }

.jqx-scheduler-month-cell {
  background: #f2f2f2;
  color: #000;
  opacity: 0.8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  vertical-align: top;
  text-align: left;
}

.jqx-scheduler-month-cell-touch {
  background: transparent;
  border: none;
  vertical-align: middle;
  text-align: center;
}

.jqx-scheduler-month-cell-popup {
  border: 1px solid #333;
  background: #f2f2f2;
  box-shadow: 0 5px 0px rgba(0,0,0,.15) !important;
}

.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell {
  border-bottom-color: #ddd !important;
}

.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
  border-bottom-style: dotted;
}

.jqx-scheduler-work-time-cell {
  background: #fff;
}

.jqx-scheduler-not-work-time-cell {
  background: #eee;
}

.jqx-scheduler-month-outer-cell {
  color: #555;
}

.jqx-scheduler-month-weekend-cell {
  background: #eee;
}

.jqx-scheduler-disabled-cell {
  background: #e9edf1;
}

.jqx-scheduler-toolbar {
  font-size: 14px;
}

.jqx-scheduler-time-column, .jqx-scheduler-toolbar {
  background-image: none !important;
  background: #fff !important;
  color: #333 !important;
}

.jqx-scheduler-week-number-column {
  background: #e8e8e8 !important;
  color: #333;
}

.jqx-scheduler-time-column-header-cell {
  border-left-color: transparent !important;
}

.jqx-scheduler-time-column-header-cell-rtl {
  border-right-color: transparent !important;
}

.jqx-scheduler-appointment {
  overflow: visible;
  border: 1px solid #555;
  white-space: pre-line;
  cursor: pointer;
  vertical-align: middle;
  text-overflow: ellipsis;
  user-select: none;
}

.jqx-scheduler-appointment-rtl {
  direction: rtl;
  text-align: right;
}

.jqx-scheduler-appointment-content {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.jqx-scheduler-appointment-inner-content {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  padding-bottom: 3px;
}

.jqx-scheduler-appointment-duration-status {
  height: 0px;
  border-bottom-width: 2px;
  border-bottom-style: dotted;
  border-color: #f05c2d;
  background: #f05c2d;
  position: absolute;
  bottom: -1px;
  left: 0px;
  border-radius: 5px;
}

.jqx-scheduler-appointment-status {
  width: 4px;
  height: 100%;
  border-right-width: 1px;
  border-right-style: solid;
  position: absolute;
  top: 0px;
  left: 0px;
}

.jqx-scheduler-appointment-status-rtl {
  width: 4px;
  height: 100%;
  border-right-width: 0px;
  border-right-style: none;
  border-left-width: 1px;
  border-left-style: solid;
  position: absolute;
  top: 0px;
  right: 0px;
}

.jqx-scheduler-appointment-status-stripes {
  background-image: url('../images/stripes.png');
  background-repeat: repeat-y;
  background-position: left top;
}

.jqx-scheduler-appointment-resize-indicator {
  width: 4px;
  height: 4px;
  position: absolute;
  border: 1px solid black;
  background: white;
  display: none;
}

.jqx-scheduler-appointment-top-resize-indicator {
  top: -3px;
  left: 50%;
  margin-left: -2px;
  cursor: row-resize;
}

.jqx-scheduler-appointment-bottom-resize-indicator {
  cursor: row-resize;
  bottom: -3px;
  left: 50%;
  margin-left: -2px;
}

.jqx-scheduler-appointment-left-resize-indicator {
  cursor: col-resize;
  top: 50%;
  left: -3px;
  margin-top: -2px;
}

.jqx-scheduler-appointment-right-resize-indicator {
  cursor: col-resize;
  top: 50%;
  margin-top: -2px;
  right: -3px;
}

.jqx-scheduler-appointment span {
  vertical-align: middle;
  text-overflow: ellipsis;
  position: relative;
  top: -1px;
}

.jqx-scheduler-feedback-appointment {
  opacity: 0.7;
  position: absolute;
  z-index: 99999;
}

.jqx-scheduler-selected-appointment {
  border: 1px solid #316293 !important;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  white-space: pre-line;
}

.jqx-scheduler-appointment:hover {
  border: 1px solid #3f7ebe !important;
}

.jqx-scheduler-feedback-drag-appointment {
  background: #aaa !important;
}

.jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time {
  background-image: url('../images/icon-recurrence.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  float: left;
  margin: 3px;
  margin-left: 5px;
}

.jqx-icon-time {
  background-image: url('../images/icon-time.png');
  margin: 0px;
  position: relative;
  left: 1px;
  margin-top: -8px;
}

.jqx-icon-time-white {
  background-image: url('../images/icon-time-white.png');
}

.jqx-icon-recurrence-exception {
  background-image: url('../images/icon-recurrence-exception.png');
}

.jqx-icon-recurrence-exception-white {
  background-image: url('../images/icon-recurrence-exception-white.png');
}

.jqx-icon-recurrence-white {
  background-image: url('../images/icon-recurrence-white.png');
}

.jqx-scheduler-cell-hover {
  border-color: #3f7ebe !important;
  background: #a2c0df !important;
}

.jqx-scheduler-cell-selected {
  border-color: #316293 !important;
  background: #2f7eb6 !important;
}

.jqx-scheduler-edit-dialog-label {
  clear: both;
  float: left;
  margin-left: 2%;
  padding: 4px;
  text-align: right;
  width: 18%;
  line-height: 25px;
}

.jqx-scheduler-edit-dialog-field {
  clear: right;
  float: right;
  margin-right: 2%;
  padding: 4px;
  width: 380px;
}

.jqx-scheduler-edit-dialog-label-rtl {
  clear: both;
  float: right;
  margin-left: 0px;
  margin-right: 2%;
  padding: 4px;
  text-align: left;
  width: 18%;
  line-height: 25px;
}

.jqx-scheduler-edit-dialog-field-rtl {
  clear: left;
  float: left;
  margin-right: 0px;
  margin-left: 2%;
  padding: 4px;
  width: 72%;
}

.jqx-scheduler-legend-bar {
  overflow: hidden;
  border-color: inherit;
  border: none;
}

.jqx-scheduler-legend-bar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-scheduler-legend-bar-top {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-scheduler-legend {
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 3px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 4px;
}

.jqx-scheduler-legend-label {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 4px;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
  color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
  color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
  color: #fff;
}

.jqx-scheduler-agenda-date {
  padding-top: 5px;
  padding-bottom: 5px;
}

.jqx-scheduler-agenda-time {
  padding: 5px;
}

.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl {
  cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl {
  margin: 5px;
  cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl {
  float: right;
}

.jqx-scheduler-agenda-day {
  margin: 3px;
  font-size: 33px;
  font-weight: normal;
}

.jqx-scheduler-agenda-week {
  font-style: normal;
  font-size: 13px;
}

.jqx-scheduler-agenda-date {
  font-size: 10px;
}

.jqx-scheduler-cell-focus {
  border-style: dotted;
  border-color: #59a0d5 !important;
  background: #59a0d5 !important;
}
/*applied to all widgets*/
.jqx-widget {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -ms-touch-action: none;
  zoom: 1 !important;
  color: #000000;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-appearance: none;
  -webkit-background-clip: padding-box;
  direction: ltr !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-family: Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 13px;
}

.jqx-item {
  -ms-touch-action: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: inherit;
  -webkit-text-size-adjust: none;
}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-family: Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 13px;
  border-color: #c7c7c7;
  background: #fff;
}
/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -ms-touch-action: none;
  -moz-background-clip: padding;
  -webkit-text-size-adjust: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-color: #c5c5c5;
  background: #e8e8e8;
}

.jqx-fill-state-normal {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -ms-touch-action: none;
  font-family: Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 13px;
  border-color: #aaa;
  background: #efefef;
}

.jqx-fill-state-hover {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-color: #999;
  background: #e8e8e8;
}

.jqx-fill-state-pressed {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-color: #999;
  background: #d1d1d1;
}

.jqx-fill-state-focus {
  border-color: #555;
}

.jqx-fill-state-disabled {
  cursor: default;
  color: #000;
  opacity: .55;
  filter: Alpha(Opacity=45);
}

  .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
  }

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
  border-color: #aaa;
}

.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton {
  background-color: transparent;
  border-color: #aaa;
}

.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
}

.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright {
  background-color: #e5e5e5;
}

.jqx-tabs-title-selected-top {
  border-color: #aaa;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
  border-color: #aaa;
  border-top: 1px solid #fff;
  background-color: #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
  border-color: #aaa;
  border-bottom: 1px solid #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
  border-color: #aaa;
  border-top: 1px solid #fff;
}
/*jqxMaskedInput and jqxNumberInput Styles*/
.jqx-input {
  -webkit-appearance: none;
  padding: 0 0 0 0;
  outline: none;
  border-width: 1px;
  border-style: solid;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

input[type=text].jqx-input, input[type=password].jqx-input {
  min-height: 16px;
  min-width: 16px;
  margin: 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  padding: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.jqx-input::-ms-reveal {
  display: none;
}

.jqx-input::-ms-clear {
  display: none;
}

.jqx-input-content::-ms-clear {
  display: none;
}

.jqx-input::-ms-value {
  margin: 0px;
  padding: 0px;
  min-height: 13px;
  line-height: 13px;
}

/*applied to the input when the validation fails.*/
.jqx-input-invalid {
  border-color: #dd4b39 !important;
}

/*applied to the input's content.*/
.jqx-input-content {
  -webkit-appearance: none;
  padding: 1px;
  resize: none;
  outline: none;
  outline-width: 0px;
  -webkit-user-modify: inherit;
  -moz-user-modify: inherit;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
/*applied to the input when it is disabled.*/
.jqx-input-disabled {
  -webkit-appearance: none;
  resize: none;
  outline: none;
  outline-width: 0px;
}
/*applied to the list menu.*/
.jqx-listmenu-widget {
  -ms-touch-action: auto;
}

  .jqx-listmenu-widget .jqx-widget-content {
      -ms-touch-action: auto;
  }

  .jqx-listmenu-widget .jqx-widget-header {
      -ms-touch-action: auto;
  }

  .jqx-listmenu-widget li {
      -ms-touch-action: auto;
  }

.jqx-menu-popup {
}

.jqx-menu-vertical {
  background-color: #efefef;
}

.jqx-color-picker {
}

.jqx-color-picker-panel {
}

.jqx-color-picker-map {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url('../images/map-saturation.png');
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.jqx-color-picker-map-hue {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url('../images/map-hue.png');
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.jqx-color-picker-map-overlay {
  background-color: transparent;
  background-image: url('../images/map-saturation-overlay.png');
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-bar {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url('../images/bar-saturation.png');
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-bar-hue {
  border: 1px solid #A0A0A0;
  background-color: transparent;
  background-image: url('../images/bar-hue.png');
  background-repeat: no-repeat;
  background-position: left top;
}

.jqx-color-picker-preview {
  border: 1px solid #A0A0A0;
}

.jqx-color-picker-pointer {
  background-image: url('../images/crosshair.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.jqx-color-picker-pointer-alt {
  background-image: url('../images/crosshair-white.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.jqx-color-picker-bar-pointer {
  background-image: url('../images/pointer.png');
  background-repeat: no-repeat;
  height: 15px;
  margin-left: 6px;
  background-position: right top;
}

.jqx-icon {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -8px;
}

.jqx-input-icon {
  width: 13px;
  height: 13px;
  margin: 0 auto;
}

.jqx-scrollbar-thumb-state-normal-touch {
  border-color: #c3c3c3;
  background: #c3c3c3;
}

.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link {
}

.jqx-scrollbar .jqx-icon-arrow-up {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-down {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-left {
  width: 100%;
  height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-right {
  width: 100%;
  height: 100%;
}
/*jqx-listmenu*/
.jqx-listmenu-widget {
  border-width: 1px;
  border-style: solid;
}

ol.jqx-listmenu, ul.jqx-listmenu {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1;
  counter-reset: section;
}

.jqx-listmenu li {
  margin-left: 0px;
  list-style: none;
  line-height: 1;
}

.jqx-listmenu {
  width: 100%;
}

.jqx-listmenu-header {
  padding: 15px;
}

.jqx-listmenu-item {
  cursor: pointer;
  padding: 15px;
  float: none;
  overflow: hidden;
  text-align: left;
  position: relative;
}

.jqx-listmenu-separator {
  padding: 10px;
  counter-reset: section;
}

.jqx-listmenu-header-label {
  margin-left: 30px;
}

.jqx-listmenu-arrow-right {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 7px;
}

.jqx-listmenu-arrow-rtl {
  right: 0px;
  left: 7px;
}

.jqx-listmenu-arrow-right-pressed {
  width: 16px;
  height: 16px;
}

.jqx-listmenu-header .jqx-button {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 6px 10px;
}

.jqx-listmenu-filter-input {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid;
  outline: none;
  width: 97%;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  border-color: #c7c7c7;
  background-color: #fff;
  font-size: 20px;
  min-height: 25px !important;
  height: 25px;
}

.jqx-listmenu-filter {
  text-align: center;
  padding: 4px;
}

ol li .jqx-listmenu-item-label:before {
  content: counter(section) ". ";
  counter-increment: section;
}

.jqx-listmenu div {
  clear: both;
}

.jqx-listmenu-auto-separator {
}

.jqx-listmenu-item-readonly {
  cursor: default;
}

.jqx-tooltip {
  position: absolute;
  width: auto;
  height: auto;
}

.jqx-tooltip-main {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  filter: inherit;
  border-style: solid;
  border-width: 1px;
}

.jqx-tooltip-text {
  padding: 5px 8px;
  overflow: hidden;
  filter: inherit;
}

.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.jqx-tooltip-arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  display: block;
  border-style: solid;
  margin: -6px 0 0 -7px;
  background: transparent !important;
  filter: inherit;
}

.jqx-tooltip-arrow-t-b {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
/*Sets the text-alignment to right.*/
.jqx-rtl {
  text-align: right !important;
}

.jqx-shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
  box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
}

.jqx-noshadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl {
  background-image: url(../images/icon-showpassword.png) !important;
  background-repeat: no-repeat !important;
  width: 14px;
  height: 9px;
}

.jqx-passwordinput-password-icon-ltr {
  background-position: right !important;
}

.jqx-passwordinput-password-icon-rtl {
  background-position: left !important;
}

.jqx-passwordinput-password-strength-inicator {
  width: 20%;
  height: 5px;
  margin-top: 5px;
}
/*top rounded Corners*/
.jqx-rc-t-expanded {
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
/*bottom rounded Corners*/
.jqx-rc-b-expanded {
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.jqx-treemap-rectangle {
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #555;
  color: #222;
  text-shadow: 0px 0px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-treemap-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.jqx-treemap-rectangle-parent {
  color: #222;
  font-size: 15px;
  font-family: Verdana;
  font-weight: bold;
}

.jqx-treemap-legend-label {
  color: #fff;
}

.jqx-treemap-legend {
  width: 350px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 41;
  overflow: hidden;
}

.jqx-treemap-legend-table {
  table-layout: fixed;
  width: 100%;
}

.jqx-treemap-legend-color {
  height: 3px;
}

.jqx-treemap-legend-values {
  height: 12px;
  width: 100%;
}

.jqx-treemap-legend-value {
  font-size: 9px;
  position: absolute;
  color: #fff;
}

.jqx-treemap-rectangle-hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  z-index: 40;
}
/*jqxRangeSelector*/
.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-sizing: content-box !important;
}

.jqx-rangeselector-markers {
}

.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
  position: absolute;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider {
  height: 100%;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider {
  width: 100%;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}

.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider {
  float: left;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
  border-style: solid;
}

.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks {
  width: 1px;
  background: #aaa;
}

.jqx-rangeselector-labels, .jqx-rangeselector-markers {
  white-space: nowrap;
  width: auto;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers {
  border-width: 1px !important;
}

.jqx-rangeselector-ticks-container {
  background-color: transparent;
  position: relative;
}

.jqx-rangeselector-shutter {
  opacity: 0.75;
  background: #efefef;
  border-width: 0px !important;
}

.jqx-rangeselector-slider {
  background-color: transparent !important;
  border-top: none !important;
  background-image: none !important;
  border-bottom: none !important;
  border-color: #aaa;
  border-right-color: transparent !important;
  position: relative;
  overflow: hidden;
}

.jqx-rangeselector-inner-slider {
  position: absolute;
  right: 0;
  background: #aaa;
  width: 1px;
  height: 100%;
}

.jqx-rangeselector-ticks {
  margin-top: 0px;
}

.jqx-rangeselector-labels, .jqx-rangeselector-group-labels {
  margin-top: 4px;
}

.jqx-rangeselector-markers {
  height: 20px;
  padding: 5px;
  opacity: 0.75;
}

.jqx-rangeselector-marker-arrow {
  width: 0px;
  height: 0px;
  display: block;
  margin: -6px 0 0 -7px;
  background-color: transparent !important;
  filter: inherit;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  background-clip: border-box;
  background-repeat: repeat;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
}

.jqx-rangeselector-marker-arrow-top {
  border-bottom-color: transparent !important;
}

.jqx-rangeselector-marker-arrow-bottom {
  border-top-color: transparent !important;
}

.jqx-rangeselector-marker-left-arrow {
  border-right-width: 0px;
  border-left-width: 5px;
}

.jqx-rangeselector-marker-right-arrow {
  border-right-width: 5px;
  border-left-width: 0px;
}

.jqx-rangeselector-markers-value {
  overflow: hidden;
  white-space: nowrap;
}

.jqx-rangeselector-group-labels-rtl {
  margin-right: 10px;
  direction: rtl;
}

.jqx-rangeselector-group-labels-ticks {
  height: 17px;
}

.jqx-rangeselector-group-labels-ticks-rtl {
  margin-left: 5px;
}

.jqx-action-button {
  border: none;
  border-left: 1px solid #c7c7c7;
}

.jqx-action-button-rtl {
  border: none;
  border-right: 1px solid #c7c7c7;
  cursor: pointer;
}
/*jqxBulletChart*/
.jqx-bulletchart {
}

.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical {
  position: relative;
}

.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels {
  position: absolute;
}

.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical {
  width: 100%;
}

.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal {
  float: left;
  overflow: hidden;
}

.jqx-bulletchart-title, .jqx-bulletchart-description {
  text-align: center;
}

.jqx-bulletchart-title-inner-container {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.jqx-bulletchart-title-inner-container-ltr {
  padding-right: 5px;
}

.jqx-bulletchart-title-inner-container-rtl {
  padding-left: 5px;
}

.jqx-bulletchart-title-description-ltr {
  text-align: right;
}

.jqx-bulletchart-title-description-rtl {
  text-align: left;
}

.jqx-bulletchart-title-description-vertical {
  text-align: center;
}

.jqx-bulletchart-title {
  font-size: 110%;
  font-weight: bold;
}

.jqx-bulletchart-description {
  font-size: 90%;
}

.jqx-bulletchart-range-horizontal {
  height: 100%;
}

.jqx-bulletchart-target-horizontal {
  top: 10%;
  height: 80%;
}

.jqx-bulletchart-target-vertical {
  left: 10%;
  width: 80%;
}

.jqx-bulletchart-ticks {
  background-color: #AAAAAA;
}

.jqx-bulletchart-ticks-horizontal {
  width: 1px;
}

.jqx-bulletchart-ticks-vertical {
  height: 1px;
}

.jqx-bulletchart-zero-tick {
}

.jqx-bulletchart-labels {
}
/*jqxNotification*/
.jqx-notification {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  pointer-events: auto;
}

.jqx-notification-table {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
}

.jqx-notification-container {
  position: fixed;
  height: auto;
  width: auto;
  pointer-events: none;
}

.jqx-notification-container-full-width {
  width: 100%;
}

.jqx-notification-container-full-height {
  height: 100%;
}

#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left {
  direction: rtl;
}

.jqx-notification-icon, .jqx-notification-content {
  vertical-align: middle;
}

.jqx-notification-content {
}

.jqx-notification-content-rtl {
  direction: rtl;
}

.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

  .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }

  .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }

  .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }

  .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }

  .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }

  .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed {
      background-image: url('../images/icon-calendar-white.png');
  }

  .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed {
      background-image: url('../images/icon-time-white.png');
  }


.jqx-notification-info, .jqx-info {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #5bc0de !important;
  *background-color: #5bc0de !important;
  border-left-color: #46b8da !important;
  border-right-color: #46b8da !important;
  border-top-color: #46b8da !important;
  border-bottom-color: #46b8da !important;
}

  .jqx-info:hover,
  .jqx-info:focus,
  .jqx-info:active,
  .jqx-info.active,
  .jqx-info.disabled,
  .jqx-info[disabled] {
      color: #ffffff !important;
      background-color: #31b0d5 !important;
      *background-color: #31b0d5 !important;
      border-color: #269abc !important;
  }

  .jqx-fill-state-pressed.jqx-info,
  .jqx-info:active,
  .jqx-info.active {
      background-color: #269abc \9 !important;
  }

.jqx-notification-warning, .jqx-warning {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #f0ad4e !important;
  *background-color: #f0ad4e !important;
  border-left-color: #eea236 !important;
  border-right-color: #eea236 !important;
  border-top-color: #eea236 !important;
  border-bottom-color: #eea236 !important;
}

  .jqx-warning:hover,
  .jqx-warning:focus,
  .jqx-warning:active,
  .jqx-warning.active,
  .jqx-warning.disabled,
  .jqx-warning[disabled] {
      color: #ffffff !important;
      background-color: #ec971f !important;
      *background-color: #ec971f !important;
      border-color: #d58512 !important;
  }

  .jqx-fill-state-pressed.jqx-warning,
  .jqx-warning:active,
  .jqx-warning.active {
      background-color: #d58512 \9 !important;
      border-color: #985f0d !important;
  }

.jqx-notification-success, .jqx-success {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #5cb85c !important;
  *background-color: #5cb85c !important;
  border-left-color: #4cae4c !important;
  border-right-color: #4cae4c !important;
  border-top-color: #4cae4c !important;
  border-bottom-color: #4cae4c !important;
}

  .jqx-success:hover,
  .jqx-success:focus,
  .jqx-success:active,
  .jqx-success.active,
  .jqx-success.disabled,
  .jqx-success[disabled] {
      color: #ffffff !important;
      background-color: #449d44 !important;
      *background-color: #449d44 !important;
      border-color: #398439 !important;
  }

  .jqx-fill-state-pressed.jqx-success,
  .jqx-success:active,
  .jqx-success.active {
      background-color: #398439 !important;
      border-color: #255625 !important;
  }

.jqx-notification-error, .jqx-danger {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #d9534f !important;
  *background-color: #d9534f !important;
  border-left-color: #d43f3a !important;
  border-right-color: #d43f3a !important;
  border-top-color: #d43f3a !important;
  border-bottom-color: #d43f3a !important;
}

  .jqx-danger:hover,
  .jqx-danger:focus,
  .jqx-danger:active,
  .jqx-danger.active,
  .jqx-danger.disabled,
  .jqx-danger[disabled] {
      color: #ffffff !important;
      background-color: #c9302c !important;
      *background-color: #c9302c !important;
      border-color: #ac2925 !important;
  }

  .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
  .jqx-danger.active {
      background-color: #ac2925 !important;
      border-color: #761c19 !important;
  }

.jqx-notification-mail, .jqx-primary {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #337ab7 !important;
  *background-color: #337ab7 !important;
  border-left-color: #2e6da4 !important;
  border-right-color: #2e6da4 !important;
  border-top-color: #2e6da4 !important;
  border-bottom-color: #2e6da4 !important;
}

  .jqx-primary:hover,
  .jqx-primary:focus,
  .jqx-primary:active,
  .jqx-primary.active,
  .jqx-primary.disabled,
  .jqx-primary[disabled] {
      color: #ffffff !important;
      background-color: #286090 !important;
      *background-color: #286090 !important;
  }

  .jqx-fill-state-pressed.jqx-primary,
  .jqx-primary:active,
  .jqx-primary.active {
      background-color: #204d74 !important;
  }

.jqx-notification-time, .jqx-inverse {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-color: #363636 !important;
  *background-color: #222222 !important;
  border-left-color: #222222 !important;
  border-right-color: #222222 !important;
  border-top-color: #222222 !important;
  border-bottom-color: #000000 !important;
}

  .jqx-inverse:hover,
  .jqx-inverse:focus,
  .jqx-inverse:active,
  .jqx-inverse.active,
  .jqx-inverse.disabled,
  .jqx-inverse[disabled] {
      color: #ffffff !important;
      background-color: #222222 !important;
      *background-color: #151515 !important;
  }

  .jqx-fill-state-pressed.jqx-inverse,
  .jqx-inverse:active,
  .jqx-inverse.active {
      background-color: #080808 !important;
      background-image: linear-gradient(to bottom, #444444, #444444) !important;
  }

.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.jqx-link {
  color: #0088cc !important;
  cursor: pointer !important;
  border-color: transparent !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

  .jqx-link:hover,
  .jqx-link:focus {
      color: #005580 !important;
      text-decoration: underline !important;
      background-color: transparent !important;
  }

  .jqx-link[disabled]:hover,
  .jqx-link[disabled]:focus {
      color: #333333 !important;
      text-decoration: none !important;
  }

  .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
  .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
      background-position: 0 -15px !important;
      -webkit-transition: background-position 0.1s linear !important;
      -moz-transition: background-position 0.1s linear !important;
      -o-transition: background-position 0.1s linear !important;
      transition: background-position 0.1s linear !important;
  }

  .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
      background-image: none !important;
      outline: 0 !important;
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  }

.jqx-notification-icon {
  background-repeat: no-repeat;
}

.jqx-notification-icon-ltr {
  background-position: left center;
}

.jqx-notification-icon-rtl {
  background-position: right center;
}

.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time {
  width: 30px;
  height: 25px;
}

.jqx-notification-icon-info {
  background-image: url('../images/info.png');
}

.jqx-notification-icon-warning {
  background-image: url('../images/warning.png');
}

.jqx-notification-icon-success {
  background-image: url('../images/success.png');
}

.jqx-notification-icon-error {
  background-image: url('../images/error.png');
}

.jqx-notification-icon-mail {
  background-image: url('../images/mail.png');
}

.jqx-notification-icon-time {
  background-image: url('../images/time.png');
}

.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error {
  background-image: url('../images/close_white.png');
}

.jqx-notification-close-button-warning {
  background-image: url('../images/close_black.png');
}

.jqx-notification-close-button-container, .jqx-notification-close-button {
  width: 16px;
  height: 16px;
}

.jqx-notification-close-button-container {
  vertical-align: top;
}

.jqx-notification-close-button {
  position: relative;
  top: -11px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.jqx-notification-close-button-ltr {
  right: -11px;
  background-position: right top;
}

.jqx-notification-close-button-rtl {
  left: -11px;
  background-position: left top;
}

.jqx-navbar {
  width: 100%;
  border-style: solid;
  border-width: 1px;
}

  .jqx-navbar ul:before,
  .jqx-navbar ul:after {
      content: "";
      display: table;
  }

  .jqx-navbar ul:after {
      clear: both;
  }

  .jqx-navbar ul {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      display: block;
      border: 0;
      max-width: 100%;
      overflow: visible;
  }

.jqx-navbar-block {
  margin: 0;
  overflow: hidden;
  padding: 0px 12px;
  border-width: 0px;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.jqx-navbar-block-rtl {
  float: right;
}

.jqx-ribbon {
  position: relative;
  overflow: hidden;
}

.jqx-ribbon-auto {
  display: inline-block;
}

.jqx-ribbon-popup {
  overflow: visible;
}

.jqx-ribbon-header {
  position: absolute;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  display: block;
  box-shadow: none !important;
}

.jqx-ribbon-header-auto {
  position: relative;
}

.jqx-ribbon-header-horizontal {
  width: 100%;
  min-height: 30px;
  padding: 0px;
  white-space: nowrap;
}

.jqx-ribbon-header-bottom {
  bottom: 0;
}

.jqx-ribbon-header-vertical {
  min-width: 75px;
  height: 100%;
  float: left;
  padding: 0px;
}

.jqx-ribbon-header-right {
  right: 0;
}

.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup {
  position: relative;
}

.jqx-ribbon-header-horizontal-popup {
  height: 100%;
}

.jqx-ribbon-header-vertical-popup {
  width: 100%;
}

.jqx-ribbon-item {
  position: relative;
  list-style-type: none;
  padding: 5px;
  border: 1px solid transparent;
  box-sizing: border-box;
  text-overflow: ellipsis;
  cursor: default;
  min-width: 10px;
  vertical-align: top;
}

.jqx-ribbon-item-top, .jqx-ribbon-item-bottom {
  height: 100%;
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}

.jqx-ribbon-item-top {
  margin-top: 1px;
}

.jqx-ribbon-item-bottom {
  margin-top: -1px;
}

.jqx-ribbon-item-left, .jqx-ribbon-item-right {
  width: 100%;
  margin-top: 2px;
}

.jqx-ribbon-item-left {
  margin-left: 1px;
}

.jqx-ribbon-item-right {
  margin-left: -1px;
}

.jqx-ribbon-item-hover {
  border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-hover {
  border-bottom-color: inherit !important;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
  border-top-color: inherit !important;
}

.jqx-ribbon-item-left.jqx-ribbon-item-hover {
  border-right-color: inherit !important;
}

.jqx-ribbon-item-right.jqx-ribbon-item-hover {
  border-left-color: inherit !important;
}

.jqx-ribbon-item-selected {
  border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-selected {
  border-bottom-color: transparent;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
  border-top-color: transparent;
}

.jqx-ribbon-item-left.jqx-ribbon-item-selected {
  border-right-color: transparent;
}

.jqx-ribbon-item-right.jqx-ribbon-item-selected {
  border-left-color: transparent;
}

.jqx-ribbon-content {
  background-image: none !important;
  background-color: transparent !important;
  box-sizing: border-box;
}

.jqx-ribbon-content-horizontal {
  clear: both;
  height: 100%;
}

.jqx-ribbon-content-vertical {
  height: 100%;
  width: 100%;
  float: left;
  border-width: 1px;
}

.jqx-ribbon-content-popup {
  z-index: 99999;
  position: absolute;
  border-left: none;
}

  .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
      width: 100%;
      height: auto;
  }

  .jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
      width: auto;
      height: 100%;
  }

.jqx-ribbon-content-popup-top {
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-bottom {
  -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-left {
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-right {
  -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
  box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
}

.jqx-ribbon-content-auto-width {
  width: auto;
}

.jqx-ribbon-content-section {
  width: 100%;
  height: 100%;
  display: none;
  border-width: 1px;
  border-style: solid;
  box-sizing: inherit;
  overflow: auto;
}

.jqx-ribbon-content-section-top {
  border-top: none;
}

.jqx-ribbon-content-section-bottom {
  bottom: 0;
  border-bottom: none;
}

.jqx-ribbon-content-section-left {
  border-left: none;
}

.jqx-ribbon-content-section-right {
  border-right: none;
  right: 0;
}

.jqx-ribbon-content-section-popup {
  position: relative;
}

.jqx-ribbon-content-section-horizontal-popup {
  height: auto;
}

.jqx-ribbon-content-section-vertical-popup {
  width: auto;
}

.jqx-ribbon-header-rtl {
  text-align: right;
}

.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
  direction: rtl;
}

.jqx-ribbon-item-rtl {
  direction: rtl;
}

.jqx-ribbon-scrollbutton {
  position: absolute;
  display: none;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: center !important;
  z-index: 0;
}

.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom {
  width: 17px;
}

.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right {
  height: 17px;
}

.jqx-ribbon-scrollbutton-top {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-bottom {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-right {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  left: 1px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  right: 18px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  right: 1px;
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  left: 18px;
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
  top: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
  bottom: 18px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
  bottom: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
  top: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.jqx-ribbon-selection-token {
  position: absolute;
  z-index: 0;
}

.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom {
  height: 1px;
}

.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right {
  width: 1px;
}

.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content {
  *display: inline;
}

.jqx-ribbon-content-left {
  *float: none;
}

.jqx-ribbon-content-right {
  *float: left;
}

.jqx-ribbon-content.jqx-ribbon-content-popup {
  *left: 0;
}

.jqx-ribbon-content-popup .jqx-ribbon-content-section {
  *overflow: visible;
}

.jqx-ribbon-content-section-popup {
  *position: absolute;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup-separator {
  box-sizing: border-box;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup {
  padding: 5px;
}

.jqx-toolbar {
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
}

.jqx-toolbar-tool {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.jqx-toolbar-tool-rtl {
  float: right;
}

.jqx-toolbar-tool-no-separator-ltr {
  margin-right: 2px !important;
}

.jqx-toolbar-tool-no-separator-rtl {
  margin-left: 2px !important;
}

.jqx-toolbar-tool-separator-ltr {
  margin-right: 6px !important;
}

.jqx-toolbar-tool-separator-rtl {
  margin-left: 6px !important;
}

.jqx-toolbar-tool-inner-button {
  margin-right: 0;
  margin-left: 0;
  border-radius: 0 !important;
}

.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup {
  position: absolute;
}

.jqx-toolbar-minimized-button {
  height: 100%;
  right: 0;
  cursor: pointer;
  margin-top: -5px;
  margin-right: 5px;
  display: none;
}

.jqx-toolbar-minimized-button-rtl {
  left: 0;
  margin-left: 5px;
  margin-right: 0;
}

.jqx-toolbar-minimized-popup {
  border-width: 1px;
  border-top-width: 0;
  border-style: solid;
  visibility: hidden;
  z-index: 99999;
}

.jqx-toolbar-tool-minimized {
  margin: 1px 0 !important;
}

.jqx-toolbar-minimized-popup-separator {
  width: 100%;
  height: 2px;
  margin: 5px 0;
  display: none;
}

.jqx-complex-input-spin-buttons-container {
  border-width: 1px;
  border-style: solid;
  position: relative;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 2px 8px !important;
  white-space: nowrap;
  vertical-align: middle;
}

.jqx-formatted-input, .jqx-complex-input {
  padding-right: 2px !important;
  text-align: right;
}

.jqx-formatted-input-lower-case, .jqx-complex-input {
  text-transform: lowercase;
}

.jqx-formatted-input-upper-case {
  text-transform: uppercase;
}

.jqx-formatted-input-item {
  word-wrap: break-word;
}

.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl {
  direction: rtl !important;
}

.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon {
  height: 100%;
}

.jqx-formatted-input-spin-buttons-container {
  width: 18px;
  padding: 0 0 0 1px !important;
  overflow: hidden;
}

.jqx-formatted-input-spin-buttons-container-rtl {
  border-right-width: 0px;
  padding: 0 0 0 2px !important;
}

.jqx-formatted-input-spin-buttons-container-rtl-border {
  border-left-width: 1px !important;
}

.jqx-formatted-input-spin-button {
  position: relative;
  width: 17px;
  height: 50%;
  margin-left: -1px;
  border-width: 0px;
  padding: 0px;
  overflow: hidden;
  cursor: pointer;
}

.jqx-formatted-input-addon {
  width: 19px;
  padding: 0 !important;
  cursor: pointer;
}

.jqx-formatted-input-addon-rtl {
  border-right-width: 1px !important;
}

.jqx-complex-input-parent {
  overflow: hidden;
}

.jqx-complex-input-child {
  height: 100%;
  float: left;
  box-sizing: border-box;
}

.jqx-complex-input-child-rtl {
  float: right;
}

.jqx-complex-input-spin-buttons-container-ltr {
  border-left-width: 0;
}

.jqx-complex-input-spin-buttons-container-rtl {
  border-left-width: 1px !important;
  border-right-width: 0;
}

.jqx-file-upload {
  position: relative;
  overflow: auto;
}

.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}

.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element {
  display: none;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon {
  width: 100%;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element {
  height: 100%;
}

.jqx-file-input-iframe, .jqx-file-upload-form-ie9 {
  position: absolute;
}

.jqx-file-input-iframe {
  width: 0;
  height: 0;
  border: none;
}

.jqx-file-upload-form, .jqx-file-upload-file-input {
  visibility: hidden;
  display: none;
}

.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 {
  display: block;
  visibility: visible;
}

.jqx-file-upload-form-ie9 {
  z-index: 10000;
  opacity: 0;
  filter: alpha(opacity=0);
}

.jqx-file-upload-file-name {
  width: auto;
  padding: 0 2px 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  *float: left;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
  float: right;
}

.jqx-file-upload, .jqx-file-upload-file-row {
  padding: 5px;
}

.jqx-file-upload-button-browse {
  display: block;
}

.jqx-file-upload-buttons-container {
  height: auto;
  margin-top: 10px;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl {
  direction: rtl !important;
}

.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl {
  margin-left: 5px;
}

.jqx-file-upload-button-upload-rtl-ie {
  margin-right: 5px;
}

.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie {
  margin-left: 0;
}

.jqx-file-upload-file-row {
  height: 30px;
  margin-bottom: 3px;
  clear: both;
}

.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
  width: 17px;
  margin: 0 1px 0 1px;
}

.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl {
  float: none;
  *float: left;
}

.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  cursor: pointer;
  white-space: nowrap;
}

.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
  display: inline-block;
}

.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element {
  margin-top: 1px;
}

.jqx-file-upload-loading-element {
  background-image: url('../images/loader-small.gif');
  background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
  margin-top: 0px;
}


.jqx-text-area-element {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: none;
  outline: none;
  left: 0px;
  top: 0px;
  margin: 0px;
  position: absolute;
  resize: none;
}

.jqx-text-area-element-rtl {
  direction: rtl !important;
}

.jqx-responsive-panel {
  overflow: auto;
}

.jqx-responsive-panel {
  border-width: 0px;
}

.jqx-responsive-panel-button {
  border-width: 1px;
  border-style: solid;
}

.jqx-responsive-panel-button {
  display: none;
  cursor: pointer;
}

.jqx-responsive-panel-button-inner {
  margin: 0;
  width: 100%;
  height: 100%;
  background-position: center;
}

.jqx-loader {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255,255,255,0.5);
  z-index: 999;
  border-style: solid;
  border-width: 1px;
}

.jqx-loader-ie-transparency {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/
}

.jqx-loader-modal {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99;
  cursor: default;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.6;
}

.jqx-loader-icon {
  background-image: url("../images/loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}

.jqx-loader-text {
  z-index: 999;
  position: relative;
}

.jqx-loader-text-left {
  margin-left: 5px;
  position: absolute;
  top: 50%;
}

.jqx-loader-text-right {
  margin-right: 5px;
  position: absolute;
  top: 50%;
  right: 0px;
}

.jqx-loader-text-top {
  text-align: center;
  margin-top: 5px;
}

.jqx-loader-text-bottom {
  bottom: 0px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 5px;
}

.jqx-loader-rtl {
  direction: rtl;
}
/* jqxLayout and jqxDockingLayout */
.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content {
  position: relative;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay {
  position: absolute;
}

.jqx-layout {
  background-color: #c5c5c5;
}

.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay {
  width: 100%;
  height: 100%;
}

.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
  float: left;
}

.jqx-layout-group-tabbed {
  position: static;
  box-sizing: border-box;
  min-height: 0 !important;
}

  .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content {
      padding: 0;
  }

  .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section {
      border: none;
  }

.jqx-layout-window {
  position: static;
}

.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal {
  overflow: auto;
}

.jqx-layout-group-auto-hide-content-vertical {
  width: 150px;
}

.jqx-layout-group-auto-hide-content-horizontal {
  width: 100%;
  height: 150px;
}

.jqx-layout-pseudo-window {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  box-shadow: none !important;
}

.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content {
  width: 100%;
  box-sizing: border-box;
}

.jqx-layout-pseudo-window-header {
  height: 30px;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background {
  width: 16px;
  height: 16px;
  top: 5px;
}

.jqx-layout-pseudo-window-pin-background-ltr {
  right: 15px;
}

.jqx-layout-pseudo-window-close-background-ltr {
  right: 0;
}

.jqx-layout-pseudo-window-pin-background-rtl {
  left: 15px;
}

.jqx-layout-pseudo-window-close-background-rtl {
  left: 0;
}

.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon {
  cursor: pointer;
}

.jqx-layout-pseudo-window-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-layout-pseudo-window-pin-icon {
  background-image: url("../images/pin.png");
}

.jqx-layout-pseudo-window-pinned-icon {
  background-image: url("../images/pinned.png");
}

.jqx-layout-pseudo-window-title-rtl {
  float: right;
}

.jqx-layout-resize-feedback {
  z-index: 9999;
  top: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  display: none;
}

.jqx-layout-resize-feedback-horizontal {
  width: 100%;
  height: 4px;
  cursor: row-resize;
}

.jqx-layout-resize-feedback-vertical {
  width: 4px;
  height: 100%;
  cursor: col-resize;
}

.jqx-layout-resize-feedback-warning {
  border-color: #800000 !important;
  background-color: Red !important;
}

.jqx-layout-overlay {
  top: 0;
  left: 0;
  display: none;
  background-color: transparent;
  z-index: 8999;
  pointer-events: none;
}

.jqx-layout-ribbon-header-ltr {
  padding-left: 20px;
}

.jqx-layout-ribbon-header-rtl {
  padding-right: 20px;
}

/* jqxDockingLayout-specific */
.jqx-docking-layout-group-floating {
  border-color: #FFD280 !important;
}

  .jqx-docking-layout-group-floating .jqx-window-header {
      border-color: #FFD280;
      background-color: #FFD280 !important;
      background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important;
      background: -o-linear-gradient(#FFE4B5, #FFD280) !important;
      background: -moz-linear-gradient(#FFE4B5, #FFD280) !important;
      background: linear-gradient(#FFE4B5, #FFD280 ) !important;
  }

.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
  z-index: 99999;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.jqx-docking-layout-overlay-square-edge {
  display: none;
}

.jqx-docking-layout-overlay {
  width: 100px;
  height: 100px;
  left: 100px;
  top: 70px;
}

.jqx-docking-layout-overlay-section {
  height: 33px;
  width: 100px;
}

.jqx-docking-layout-overlay-square {
  width: 26px;
  height: 26px;
  padding: 3px;
}

.jqx-docking-layout-overlay-square-invisible {
  background-color: transparent !important;
  background-image: none !important;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom {
  border-top-width: 1px;
  border-top-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right {
  border-left-width: 1px;
  border-left-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left {
  border-right-width: 1px;
  border-right-style: solid;
}

.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.jqx-docking-layout-overlay-square-center {
  border-color: transparent !important;
}

.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical {
  width: 24px;
}

.jqx-docking-layout-overlay-inner-square {
  border-width: 1px;
  border-style: solid;
  height: 24px;
}

.jqx-docking-layout-overlay-inner-square-header {
  height: 5px;
}

.jqx-docking-layout-overlay-inner-square-content {
  height: 18px;
}

.jqx-docking-layout-overlay-highlight {
}

.jqx-docking-layout-overlay-highlight-top {
  height: 9px;
  border-bottom-style: dashed;
}

.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right {
  width: 12px;
  height: 18px;
}

.jqx-docking-layout-overlay-highlight-left {
  border-right-style: dashed;
}

.jqx-docking-layout-overlay-highlight-right {
  right: 0;
  border-left-style: dashed;
}

.jqx-docking-layout-overlay-highlight-bottom {
  bottom: 0;
  height: 9px;
  border-top-style: dashed;
}

.jqx-docking-layout-drop-overlay {
  display: none;
  background-color: #6495ED;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: 10000;
  top: 0px;
  left: 0px;
}

.jqx-docking-layout-square-disabled {
  visibility: hidden;
}

.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical {
  border-style: solid;
  border-width: 1px;
}

.jqx-docking-layout-overlay-inner-square-edge {
  width: 26px;
  height: 26px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal {
  height: 24px;
}

.jqx-docking-layout-overlay-mini-window-edge-vertical {
  height: 13px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal {
  width: 13px;
}

.jqx-docking-layout-overlay-inner-square-content-vertical {
  height: 7px;
}

.jqx-docking-layout-overlay-square-edge-arrow {
  border-style: solid;
  border-width: 5px;
  width: 0px;
  height: 0px;
  display: block;
  background: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top {
  border-top-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-bottom-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-left-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  border-right-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right {
  margin-top: 8px;
}

.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
  margin-left: 8px;
}

.jqx-tag-cloud ul {
  padding-left: 5px;
}

.jqx-tag-cloud-item {
  padding: 3px;
  display: inline-block;
}

  .jqx-tag-cloud-item a {
      text-decoration: initial;
  }

      .jqx-tag-cloud-item a:hover {
          text-decoration: underline;
      }

.jqx-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.jqx-popover-modal-background {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jqx-popover-close-button {
  width: 16px;
  height: 16px;
  float: right;
}

.jqx-popover-close-button-rtl {
  float: left;
}

.jqx-popover.top {
  margin-top: -10px;
}

.jqx-popover.right {
  margin-left: 10px;
}

.jqx-popover.bottom {
  margin-top: 10px;
}

.jqx-popover.left {
  margin-left: -10px;
}

.jqx-popover-title {
  padding: 8px 14px;
  margin: 0;
  border-bottom: 1px solid inherit;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

  .jqx-popover-title:empty {
      display: none;
  }

.jqx-popover-content {
  padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
  border-width: 11px;
}

  .jqx-popover .jqx-popover-arrow:after {
      border-width: 10px;
      content: "";
  }

.jqx-popover.top .jqx-popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: inherit;
  border-bottom-width: 0;
}

  .jqx-popover.top .jqx-popover-arrow:after {
      bottom: 1px;
      margin-left: -10px;
      border-top-color: #ffffff;
      border-bottom-width: 0;
  }

.jqx-popover.right .jqx-popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: inherit;
  border-left-width: 0;
}

  .jqx-popover.right .jqx-popover-arrow:after {
      bottom: -10px;
      left: 1px;
      border-right-color: #ffffff;
      border-left-width: 0;
  }

.jqx-popover.bottom .jqx-popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: inherit;
  border-top-width: 0;
}

  .jqx-popover.bottom .jqx-popover-arrow:after {
      top: 1px;
      margin-left: -10px;
      border-bottom-color: #ffffff;
      border-top-width: 0;
  }

.jqx-popover.left .jqx-popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: inherit;
}

  .jqx-popover.left .jqx-popover-arrow:after {
      right: 1px;
      bottom: -10px;
      border-left-color: #ffffff;
      border-right-width: 0;
  }


.jqx-kanban-full-frame {
  width: 100vw;
  height: 100vh;
}

.jqx-kanban-in-frame {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.jqx-kanban-rtl {
  direction: rtl;
  text-align: right;
}

.jqx-kanban-column {
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  float: left;
}

.jqx-kanban-column-collapsed {
  width: 50px;
}

.jqx-kanban-column-first {
  border-width: 1px;
}

.jqx-kanban-column:first-of-type {
  border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
  /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed { /*vertical column invisible*/
  display: none;
  box-sizing: border-box;
  height: 0px;
  width: 0px;
  position: relative;
  cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show { /*vertical column visible*/
  display: block !important;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.jqx-kanban-column-vertical-container {
  padding-top: 0px;
  padding-left: 0px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
  padding-top: 0px;
  padding-left: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  white-space: nowrap;
}

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
  position: relative;
}

.jqx-kanban-column-hide { /*colapsed*/
  display: none !important;
}

.jqx-kanban-column-header {
  border-width: 1px;
  border-style: solid;
  margin: 1px;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.jqx-kanban-column-header-button {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.jqx-kanban-column-header .jqx-window-collapse-button {
  margin-top: 1px !important;
}

.jqx-kanban-column-header-custom-button {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.jqx-kanban-column-header-custom-button-rtl {
  left: 20px;
}

.jqx-kanban-column-header-button-rtl {
  left: 0px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
  top: 100%;
  right: 50%;
  margin-top: -21px;
  left: 50%;
  margin-left: -8px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
  top: 100%;
  right: 50%;
  margin-top: -41px;
  left: 50%;
  margin-left: -8px;
}

.jqx-kanban-column-container {
  margin: 1px;
  overflow-y: auto;
}

.jqx-kanban-item-placeholder {
  height: 100px;
  border: gray dotted 1px;
  border-radius: 3px;
  margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
  margin: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  position: relative;
  box-shadow: #ddd 2px 2px 3px;
  cursor: pointer;
  touch-action: none;
  -ms-touch-action: none;
}

.jqx-kanban-item-selected {
}

.jqx-kanban-item-color-status {
  background-color: #6bbd49;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.jqx-kanban-item-color-status-rtl {
  right: 0px;
  left: 100%;
}

.jqx-kanban-item-text {
  padding-left: 6px;
  padding-right: 23px;
  font-size: 14px;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jqx-kanban-rtl .jqx-kanban-item-text {
  padding-right: 6px;
  padding-left: 23px;
}

.jqx-kanban-column-header-title {
}

.jqx-kanban-column-header-status {
}

.jqx-kanban-item-content {
}

.jqx-kanban-item-avatar {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 3px;
  top: 3px;
  background: #eee;
  text-align: center;
  overflow: hidden;
}

.jqx-kanban-item-avatar-rtl {
  left: 3px;
}

.jqx-kanban-item-avatar-image {
  width: 20px;
  height: 20px;
}

  .jqx-kanban-item-avatar-image:hover {
  }

.jqx-kanban-item-footer {
  border-top: 1px solid transparent;
  border-color: inherit;
  overflow: hidden;
  padding-top: 5px;
  margin-top: 5px;
  padding-bottom: 1px;
  padding-left: 6px;
  padding-right: 6px;
}


.jqx-kanban-item-keyword {
  float: left;
  margin: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  border-color: inherit;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
  direction: rtl;
  text-align: right;
  float: right;
}

.jqx-kanban-item-keyword:hover {
}

.jqx-kanban-item-avatar {
  height: 20px;
}

.jqx-kanban-handle {
  cursor: move;
}

.jqx-kanban-clearing {
  clear: both;
}

.jqx-sortable {
  touch-action: none;
  -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
  position: absolute;
  left: 20px;
  top: 20px;
  display: none;
  padding: 6px 12px;
  border: black solid 1px;
  background-color: white;
  color: #333333;
  font-size: 11px;
  font-weight: 100;
  font-family: Verdana;
  border: black solid 1px;
  border-radius: 3px;
  opacity: 1;
  white-space: nowrap;
  z-index: 5;
}

.jqx-bar-gauge-measure-text {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  z-index: -99999;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

.jqx-scrollbar-mobile {
  background: transparent !important;
}

  .jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
      background: transparent !important;
      border-color: transparent !important;
  }

  .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
      background: #808080 !important;
      border-color: #808080 !important;
      border-width: 1px;
      z-index: 99999;
      border-radius: 0px !important;
  }

  .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
      width: 4px !important;
  }

  .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
      height: 4px !important;
  }


.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down {
  background-image: url('../images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected {
  background-image: url('../images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover {
  background-image: url('../images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up {
  background-image: url('../images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected {
  background-image: url('../images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover {
  background-image: url('../images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right {
  background-image: url('../images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected {
  background-image: url('../images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover {
  background-image: url('../images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left {
  background-image: url('../images/icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected {
  background-image: url('../images/icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover {
  background-image: url('../images/icon-left-white.png');
}

.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  text-shadow: none !important;
  border-color: #f5f5f5 !important;
}

.jqx-element {
  overflow: hidden;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  box-sizing: border-box;
}

.jqx-element-no-border {
  border-width: 0px;
}

.jqx-element-container {
}

.jqx-resize-trigger, .jqx-resize-trigger-shrink {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0s;
}

.jqx-resize-trigger-shrink {
  width: 200%;
  height: 200%;
}

.jqx-resize-trigger-container {
  display: block;
  visibility: hidden;
  position: relative;
  top: -100%;
  left: 0;
  min-height: 0.1px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  visibility: hidden;
}

/* jqxPivotGrid */
.jqx-pivotgrid {
  background-color: #DEDEDE;
}

.jqx-pivotgrid-item {
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  text-overflow: ellipsis;
  width: 100% !important;
}

.jqx-pivotgrid-content-wrapper {
  align: left;
  valign: top;
  overflow: hidden;
  border: solid 1px grey;
}

.jqx-pivotgrid-menu-button {
  border: none;
  background-image: url('../images/icon-menu-small.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.jqx-pivotgrid-expand-button {
  outline: none;
  background-image: url('../images/icon_expand.png');
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 10px !important;
  margin: 0 0 0 0;
  scale: 1.5;
  position: relative;
  left: 5px;
  float: left;
  vertical-align: middle;
}

.jqx-pivotgrid-collapse-button {
  outline: none;
  background-image: url('../images/icon_collapse.png');
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 10px !important;
  scale: 1.5;
  position: relative;
  left: 5px;
  float: left;
  vertical-align: middle;
}

.jqx-pivotgrid-sortasc-icon {
  background-image: url('../images/icon-sort-asc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-sortdesc-icon {
  background-image: url('../images/icon-sort-desc.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-sortremove-icon {
  background-image: url('../images/icon-sort-remove.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

.jqx-pivotgrid-settings-icon {
  background-image: url('../images/icon-menu-small.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: -4px;
  margin-right: 4px;
}

jqx-bullet-chart {
  width: 800px;
  height: 80px;
}

jqx-scroll-view {
  width: 600px;
}

jqx-bar-gauge, jqx-draw {
  width: 850px;
  height: 600px;
}

jqx-menu {
  width: 600px;
}

jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban {
  width: 850px;
}

jqx-nav-bar {
  height: 50px;
}

jqx-chart {
  width: 850px;
  height: 400px;
}

jqx-docking-layout, jqx-layout {
  width: 850px;
  height: 600px;
}

jqx-ribbon, jqx-panel {
  width: 450px;
  height: 300px;
}

jqx-scheduler {
  height: 600px;
}

jqx-list-box, jqx-text-area {
  width: 200px;
  height: 200px;
}

jqx-file-upload {
  width: 300px;
}

jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider,
jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button {
  width: 300px;
  height: 35px;
}

jqx-loader {
  width: 100px !important;
  height: 60px !important;
}

jqx-expander, jqx-navigation-bar {
  width: 350px;
}

jqx-navigation-bar {
  height: 450px;
}

jqx-range-selector {
  width: 600px;
}

jqx-tabs {
  width: 800px;
}

jqx-tool-bar {
  width: 800px;
  height: 35px;
}

jqx-editor {
  width: 600px;
  height: 400px;
}

jqx-tree-map {
  width: 850px;
  height: 600px;
}

jqx-tree {
  width: 250px;
}

jqx-linear-gauge {
  width: 100px;
}

jqx-color-picker, jqx-calendar {
  width: 200px;
  height: 200px;
}

jqx-scroll-bar {
  width: 400px;
  height: 20px;
}

jqx-knob {
  width: 600px;
  height: 600px;
}

.jqx-input-label {
  visibility: hidden;
  position: absolute;
}

.jqx-input-bar {
  visibility: hidden;
  position: absolute;
}

.jqx-info-icon {
  background-image: url('../images/icon-info-small.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 16px;
  height: 16px;
  float: left;
}

.jqx-labels-and-palette {
  display: flex;
}

.jqx-shades {
  width: 560px;
  padding-left: 100px;
}

.jqx-palette > ul,
.jqx-shades > ul,
.jqx-color-labels > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.jqx-color-labels > ul {
  flex-direction: column;
}

.jqx-color-cell {
  width: 39px;
  height: 39px;
  margin: 0.5px;
  cursor: pointer;
}

.jqx-color-cell:hover {
  border-radius: 8px;
}

.jqx-shade-cell {
  width: 38px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 1px 5px 1px;
  text-align: center;
}

.jqx-color-label {
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
}

.jqx-heatmap-container-wrapper {
  display: flex;
}

.jqx-heatmap-container-wrapper canvas {
  display: block;
}

.jqx-heatmap-title {
  font-weight: bold;
  margin-bottom: 25px;
  text-align: center;
}

.jqx-heatmap-grid {
  display: flex;
  cursor: default;
}

.jqx-x-axis-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.jqx-y-axis-container {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
}

.jqx-column {
  display: flex;
  flex-direction: column-reverse;
}

.jqx-x-axis {
  display: flex;
}

.jqx-x-axis-label {
  padding-top: 10px;
  font-size: 14px;
  color: gray;
  text-align: center;
}

.jqx-x-axis-label.jqx-top {
  padding: 0 0 10px 0;
}

.jqx-y-axis {
  display: flex;
  flex-direction: column-reverse;
}

.jqx-y-axis.jqx-margin-top-auto {
  margin-top: auto;
}

.jqx-y-axis-label {
  display: flex;
  align-items: center;
  color: gray;
  padding-right: 10px;
}

.jqx-y-axis-label.jqx-right {
  padding: 0 0 0 10px;
}

.jqx-heatmap-cell {
  position: relative;
  padding: 20px 10px;
  margin: 1px;
  text-align: center;
}

.jqx-heatmap-cell.jqx-empty-cell {
  pointer-events: none;
}

.jqx-heatmap-tooltip {
  display: inline-block;
  position: absolute;
  background: #000;
  color: #fff;
  opacity: 0.6;
  padding: 10px;
  pointer-events: none;
  border-radius: 3px;
  transition: top 0.7s ease, left 0.7s ease;
  box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75);
}

.jqx-heatmap-tooltip::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: calc(50% - 5px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}

.jqx-legend-vertical {
  position: relative;
  margin-left: 10px;
}

.jqx-legend-vertical.jqx-left {
  margin: 0 10px 0 0;
}

.jqx-legend-vertical.jqx-margin-top-auto {
  margin-top: auto;
}

.jqx-legend-horizontal {
  position: relative;
  margin-left: auto;
  margin-bottom: 40px;
}

.jqx-legend-horizontal.jqx-bottom {
  margin-top: 10px;
  margin-bottom: 30px;
}

.jqx-legend-horizontal.jqx-margin-right-auto {
  margin-right: auto;
  margin-left: 0;
}

.jqx-palette-vertical {
  width: 10px;
  height: 100%;
}

.jqx-palette-horizontal {
  width: 100%;
  height: 10px;
}

.jqx-palette-horizontal.jqx-fixed {
  display: flex;
}

.jqx-color-container,
.jqx-color-container-tick {
  cursor: pointer;
}

.jqx-opacity-50 {
  opacity: 0.5;
}

.jqx-selected-color {
  background: #d3d3d3 !important;
}

.jqx-heatmap-hidden {
  visibility: hidden;
}

.jqx-tick-vertical {
  position: absolute;
  left: 15px;
}

.jqx-tick-vertical::before {
  content: '';
  width: 10px;
  background: #fff;
  height: 1px;
  position: absolute;
  top: 6px;
  left: -15px;
}

.jqx-tick-vertical.jqx-no-line::before,
.jqx-tick-horizontal.jqx-no-line::before {
  content: none;
}

.jqx-tick-horizontal {
  position: absolute;
  top: 20px;
}

.jqx-tick-horizontal::before {
  content: '';
  width: 10px;
  background: #fff;
  width: 1px;
  height: 10px;
  position: absolute;
  top: -20px;
  left: 6px;
}

.jqx-arrow-vertical {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid gray;
  position: absolute;
  left: -8px;
  display: none;
}

.jqx-arrow-horizontal {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid gray;
  position: absolute;
  top: 11px;
  left: -6px;
  display: none;
}

/*jqxTimePicker Style*/
.jqx-time-picker {
  display: block;
  border: 1px solid #c5c5c5;
  border-radius: 1px;
  font-family: Verdana;
  font-size: 12px;
  line-height: initial;
  touch-action: none;
  min-width: 250px;
  box-sizing: border-box;
}
.jqx-time-picker * {
  box-sizing: border-box;
}
.jqx-time-picker[view="landscape"] {
  min-width: 400px;
}
.jqx-time-picker>.jqx-container {
  width: 100%;
  height: 100%;
}
.jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container {
  display: flex;
}
.jqx-time-picker .jqx-header {
  width: 100%;
  height: 20%;
  justify-content: center;
  align-items: center;
}
.jqx-time-picker[view="landscape"] .jqx-header {
  flex-direction: column;
  width: 33%;
  height: 100%;
}
.jqx-time-picker .jqx-main-container {
  width: 100%;
  height: 80%;
  padding: 2%;
  background-color: var(--jqx-time-picker-background);
}
.jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.jqx-time-picker[view="landscape"] .jqx-main-container {
  width: 67%;
  height: 100%;
}
.jqx-time-picker .jqx-svg-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.jqx-time-picker[footer] .jqx-svg-container {
  height: calc(100% - 30px);
}
.jqx-time-picker .jqx-footer {
  display: none;
}
.jqx-time-picker[footer] .jqx-footer {
  display: block;
  width: 100%;
  height: 30px;
}
.jqx-time-picker .jqx-hour-minute-container {
  font-size: 50px;
}
.jqx-time-picker .jqx-am-pm-container {
  margin-left: 10px;
}
.jqx-time-picker[view="landscape"] .jqx-am-pm-container {
  margin-left: 0;
}
.jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container {
  opacity: 0.5;
  cursor: pointer;
}
.jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container {
  cursor: default;
}
.jqx-time-picker .jqx-selected {
  opacity: 1;
}
.jqx-time-picker .jqx-hour-minute-container div:nth-child(2) {
  opacity: 0.5;
}
.jqx-time-picker .jqx-svg-picker {
  border-radius: 50%;
  position: relative;
  box-sizing: content-box;
}
.jqx-time-picker .jqx-svg-picker.animate {
  animation: jqx-time-picker-animation 0.5s linear;
}
.jqx-time-picker[disabled] {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.jqx-time-picker .jqx-label.jqx-selected {
  fill: white;
}
.jqx-time-picker .jqx-header:focus {
  outline: 1px solid skyblue;
}
.jqx-time-picker .jqx-svg-picker:focus {
  border: 1px solid skyblue;
  outline: none;
}
@keyframes jqx-time-picker-animation {
  0% {
      opacity: 1;
  }
  25% {
      opacity: 0.5;
  }
  50% {
      opacity: 0;
  }
  75% {
      opacity: 0.5;
  }
  100% {
      opacity: 1;
  }
}

app-pivot-table-reports .pivotReport_drageDrop_tr{max-height: 70vh; overflow: auto;}
.column-unselect-icon-button{ position: relative;}
.btn-style-none{border: 0px !important; background: transparent !important}
button:disabled,
button[disabled] {}

button:disabled,
button[disabled] i.menu-minus-icon.red-icon{opacity: .5; }

.hide-header {
  display: none !important;
}

.fields-group>li .rable-radio-row{ min-width: auto !important;}

.new-drop-ui .dropdown-button .text-dropdown{padding-right: 0px;}
.new-drop-ui .dlp>li{padding: 0px !important;}
.new-drop-ui .dropdown-button.mdi-arrow .mdi {
  font-size: 20px;
  color: #adadad;
}
.open.new-drop-ui .dropdown-button.mdi-arrow .mdi-chevron-down:before{transform: rotate(-180deg);}

#print-pdf-container {
  display: block !important;
  visibility: visible !important;
  position: static !important;
}
.box-wrap {
  display: inline-block;
  width: 100%;
  text-align: right;
}

@media print {
  .no-print {
    display: none !important;
  }
}


.pagination-list{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-list .ngx-pagination{
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  margin-bottom: 0px;
}
pagination-controls,
pagination-template{display: inline-block;}
.ngx-pagination a,
.ngx-pagination button{padding: 0 !important;}
.pagination-list .ngx-pagination li{padding: 0 5px;}
.pagination-list .ngx-pagination li.pagination-previous a,
.pagination-list .ngx-pagination li.pagination-next a,
.pagination-list .ngx-pagination li span{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 0 5px;
  height: 28px;
  border-radius: 4px;
  float: left;
  background:#fff;
  color: #031842;
  border: 0px;
  cursor: pointer;
  border: 1px solid #d9d9d9 !important;
}
.alt-modal .alt-modal-body .pagination-list .ngx-pagination li span{
  background:#F7F7FA;
}

.pagination-list .ngx-pagination li.pagination-previous span,
.pagination-list .ngx-pagination li.pagination-previous a{
  min-width: 33px;
  text-indent: -9999px;
  background: #fff url(../images/svg-small/pagi-left-arrow.svg) no-repeat center / 9px auto !important;
}

.pagination-list .ngx-pagination li{padding: 0 5px;}
.pagination-list .ngx-pagination li.pagination-next span,
.pagination-list .ngx-pagination li.pagination-next a{
  min-width: 33px;
  text-indent: -9999px;
  background: #fff url(../images/svg-small/pagi-right-arrow.svg) no-repeat center / 9px auto !important;
}

.alt-modal .alt-modal-body .pagination-list .ngx-pagination li.pagination-previous span,
.alt-modal .alt-modal-body .pagination-list .ngx-pagination li.pagination-previous a{
  background: #F7F7FA url(../images/svg-small/pagi-left-arrow.svg) no-repeat center / 9px auto !important;
}

.alt-modal .alt-modal-body .pagination-list .ngx-pagination li.pagination-next span,
.alt-modal .alt-modal-body .pagination-list .ngx-pagination li.pagination-next a{
  background: #F7F7FA url(../images/svg-small/pagi-right-arrow.svg) no-repeat center / 9px auto !important;
}


.pagination-list .ngx-pagination li.pagination-previous a::before,
.pagination-list .ngx-pagination li.pagination-previous.disabled::before,
.pagination-list .ngx-pagination li.pagination-next a::after,
.pagination-list .ngx-pagination li.pagination-next.disabled::after {
display: none;

}

.pagination-list .ngx-pagination .current{
  background-color: transparent;
}
.pagination-list .ngx-pagination .current span,
.alt-modal .alt-modal-body .pagination-list .ngx-pagination .current span{
  background-color: #031842;
  border-color: #031842 !important;
  color: #fff;
}


.pagi-info,
.pagi-show-list-length span {
  font-family: 'Inter-Medium';
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #000000;
}
.pagi-show-list-length span{margin-right: 10px;}
.justify-content-space-between {
  justify-content: space-between;
}
.align-items-center{align-items:center;}
.pagination-list .select-wrapper {position: relative; background: #fff !important;}
.pagination-list .select-wrapper select{background: transparent !important;border-color: #d9d9d9 !important;}
.pagination-list .select-wrapper:after{ color:#2A5EE3;}
.pagination-list select.formfield-control{color: #000 !important;}

.pagination-list .formfield-control.width105{
  width: 105px !important;
}

app-exit-tasks .mobile-only{display: none;}
app-exit-tasks .desktop-only{display: flex;}
app-exit-tasks .multiselect-dropdown .dropdown-btn{background-color: #fff !important; border: 0px !important;}
.print-dropdown .select-dropdown.new-dropdown-style .dropdown-button{height: auto !important;width: 165px !important;}
.print-dropdown .select-dropdown.new-dropdown-style .dropdown-button .text-dropdown.text-nowrap-grad{white-space: normal !important;height: auto !important;}

.exel-icon{width: 20px; height: 20px; border: 0px; background: transparent url(../images/default_icons/excel.svg) no-repeat center / 20px auto;}

.altone-tables thead.gray-header th{white-space:nowrap !important;}
.custom-footer-details{ font-size: 10px;}
.border-radius-all{border-radius: 5px;}
.justify-content-end{justify-content: end;}