.calendarDialgog .ui-dialog {
  width: 500px !important;
  left: 500px !important;
}

.myclass {
  color: #ffffff !important;
  background: #4f77bf !important;
}

.myclass > .tabview {
  color: #ffffff !important;
}

.tabview {
  color: #777 !important;
}
a:active {
  color: #777 !important;
}

.tab-container {
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0px;
  height: 27px;
  color: #000 !important;
}

.txt {
  text-align: center;
  font-size: 14px;
}

// filter related styles
.filterCard {
  background: #fff;
  padding: 0;
  border: 1px solid #e8e3e3;
  border-right: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 63px;
}
.filterSlide {
  padding: 10px;
}
.filterbluecard {
  background: #4f77bf !important;
  text-align: center;
  display: flex;
  width: 5%;
  margin-top: 63px;
}
.overroll {
  display: flex;
}
.center-items {
  text-align: center;
  display: contents;
}
.filter-icon {
  color: white;
}
.plus-expand-icon {
  color: #ffc000;
  padding-top: 11px;
  cursor: pointer;
  font-size: 16px;
}
.paddingbt15 {
  padding-bottom: 15px !important;
}
.pagewidth {
  width: 115%;
  display: inline-block;
  padding-left: 70px;
  padding-top: 20px;
}
.filtertitle {
  font-size: 18px;
  font-weight: 500;
}
.margintop-5 {
  margin-top: -5px;
}
.customClass {
  min-width: 7.5em !important;
}
.width1785 {
  width: 1600px !important;
}
.filterlogo {
  padding: 0 10px 0 0;
  width: auto;
}
.filtertextsection {
  padding: 0 10px 0 0;
  width: 10px;
}

.filterExpandSec {
  padding: 0;
  width: auto;
  float: none;
  position: absolute;
  margin-top: 5px;
  right: 10px;
}
.padding0 {
  padding: 0;
}

.filterApplyBtn {
  padding: 20px 10px 0 0;
  width: auto;
}

.filterClearbtn {
  padding: 20px 0 0 0;
}

.backRed {
  background: #cc0000 !important;
  border: 0 !important;
}
.filterSlide {
  padding: 10px;
}
.filterSlide1 {
  padding: 6px;
  padding-top: 23px !important;
}

.tabMenuCard {
  background: #fff !important;
}
.s-box {
  height: 50px;
  border-bottom: 1px solid #ccc;
}
.sliderbtnImg {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0 auto;
}
.backBlue {
  background: #3797e4 !important;
  border: 1px solid #3797e4 !important;
  font-size: 15px !important;
}
.max-col-2 {
  max-width: fit-content;
}
.min-col-2 {
  max-width: fit-content !important;
  padding-left: 0;
  padding-right: 0;
}
.filterCard {
  background: #fff;
  padding: 0;
  border: 1px solid #e8e3e3;
  border-right: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 54px;
}
.filterSlide {
  padding: 10px;
}
.filterbluecard {
  background: #4f77bf !important;
  text-align: center;
  margin-top: 56px;
}
.center-items {
  text-align: center;
  display: contents;
}
.filter-icon {
  color: white;
}
.plus-expand-icon {
  color: #ffc000;
  padding-top: 11px;
  cursor: pointer;
  font-size: 16px;
}
.paddingbt15 {
  padding-bottom: 15px !important;
}
.pagewidth {
  width: 115%;
  display: inline-block;
  padding-left: 70px;
  padding-top: 20px;
}
.filtertitle {
  font-size: 18px;
  font-weight: 500;
}
.margintop-5 {
  margin-top: -5px;
}
.customClass {
  min-width: 7.5em !important;
}
.width1785 {
  width: 1600px !important;
}
.filterlogo {
  padding: 0 10px 0 0;
  width: auto;
}
.filtertextsection {
  padding: 0 10px 0 0;
  width: 10px;
}

.filterExpandSec {
  padding: 0;
  width: auto;
  float: none;
  position: absolute;
  margin-top: 0px;
  /* right: 10px; */
  left: -935px;
  z-index: 999;
}
.padding0 {
  padding: 0;
}

.filterApplyBtn {
  padding: 20px 10px 0 0;
  width: auto;
}

.filterClearbtn {
  padding: 20px 0 0 0;
}

.backRed {
  background: #cc0000 !important;
  border: 0 !important;
  font-size: 15px !important;
}

.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #116fbf !important;
  border-bottom: none !important;
  border-radius: 1px !important;
}

.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #fff !important;
}
.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  padding: 3px !important;
}

.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  margin-right: 0px !important;
}
.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  border: 1px solid #ccc !important;
  border-radius: 1px !important;
}
.tabMenuCard::ng-deep .ui-tabmenu .ui-tabmenu-nav {
  background: transparent !important;
}

.tabMenuCard::ng-deep .ui-tabmenu {
  border-bottom: none !important;
  position: absolute !important;
  left: 44% !important;
}

.stafflist::ng-deep .ui-dropdown label.ui-dropdown-label {
  padding: 0px;
  padding-left: 4px;
  margin-top: 3px;
  font-size: 13px;
  color: #000 !important;

}

.stafflist::ng-deep .ui-dropdown {
  border-radius: 4px;
  border: 1px solid #ccc;
  height: 27px !important;
  min-width: 83px;

}

.search-lbl-cont {
  width: 7%;
}

.search-div {
  height: 27px;
  font-size: 13px;
  background: #fff;
  border: 1px solid #d6d4d4;
}

.search-span {
  vertical-align: middle;
  line-height: 20px;
}

.top-table-bar {
  margin-left: -32px;
  margin-bottom: -10px;
}

.row-count-dropdown-section {
  justify-content: flex-end;
  display: flex;
  width: 22%;
}

.row-count-dropdown {
  width: 50%;
}

.tabs-section-div {
  margin-left: 12%;
}

.ui-inputtext {
  border: 1px solid #e0dddd !important;
}

.customInput {
  width: 300px;
  height: 27px;
}

.add-contact::ng-deep .ui-dropdown {
  border-radius: 4px !important;
  border: 1px solid #ccc !important;
  height: 27px !important;
  min-width: 83px !important;
  background: #98000f !important;

}

.add-contact::ng-deep .ui-dropdown-label {
  padding: 0px !important;
  padding-left: 4px !important;
  margin-top: 3px !important;
  font-size: 13px !important;
  color: #fff !important;
  background: #98000f !important;
}


.add-contact::ng-deep .ui-dropdown .ui-dropdown-trigger{
  background-color: #98000f !important;
  border-left: 1px solid #797272 !important;
}


.add-contact::ng-deep  .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon{
  color: #fff !important;
}

.cM-client-tabCustom::ng-deep .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active{
  background: #77777759 !important;
  border-bottom: none !important;
}

.cM-client-tabCustom::ng-deep .ui-tabview.ui-tabview-top .ui-tabview-nav li a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, .ui-tabview.ui-tabview-left .ui-tabview-nav li a, .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  color: #777 !important;
  border: 1px solid #c3c0c0;
}

.cM-client-MYOBContactBtn{
  background: #506992 !important;
  border: 3px solid #1b5179 !important;
  margin-left: -13px !important;
  margin-top: 25px !important;
}