body {
      margin: 0;
      padding: 0;
      font-family: 'Open Sans', sans-serif;
}

header {
      background: #f7f7f7;
      position: relative;
      z-index: 999;
      display: block;
      border-bottom: 1px solid #dcdcdc;
}

.ml5 {
      margin-left: 5px;
}

.ml10 {
      margin-left: 10px;
}

.ml15 {
      margin-left: 15px;
}

.ml20 {
      margin-left: 20px;
}

.ml25 {
      margin-left: 25px;
}

.ml30 {
      margin-left: 30px;
}

.ml35 {
      margin-left: 35px;
}

.ml40 {
      margin-left: 40px;
}

.ml45 {
      margin-left: 45px;
}

.ml50 {
      margin-left: 50px;
}

.mt5 {
      margin-top: 5px;
}

.mt10 {
      margin-top: 10px;
}

.mt15 {
      margin-top: 15px;
}

.mt20 {
      margin-top: 20px;
}

.mt25 {
      margin-top: 25px;
}

.mt30 {
      margin-top: 30px;
}

.mt35 {
      margin-top: 35px;
}

.mt40 {
      margin-top: 40px;
}

.mt45 {
      margin-top: 45px;
}

.mt50 {
      margin-top: 50px;
}

.mr5 {
      margin-right: 5px;
}

.mr10 {
      margin-right: 10px;
}

.mr15 {
      margin-right: 15px;
}

.mr20 {
      margin-right: 20px;
}

.mr25 {
      margin-right: 25px;
}

.mr30 {
      margin-right: 30px;
}

.mr35 {
      margin-right: 35px;
}

.mr40 {
      margin-right: 40px;
}

.mr45 {
      margin-right: 45px;
}

.mr50 {
      margin-right: 50px;
}

.mb5 {
      margin-bottom: 5px;
}

.mb10 {
      margin-bottom: 10px;
}

.mb15 {
      margin-bottom: 15px;
}

.mb20 {
      margin-bottom: 20px;
}

.mb25 {
      margin-bottom: 25px;
}

.mb30 {
      margin-bottom: 30px;
}

.mb35 {
      margin-bottom: 35px;
}

.mb40 {
      margin-bottom: 40px;
}

.mb45 {
      margin-bottom: 45px;
}

.mb50 {
      margin-bottom: 50px;
}


.pt5 {
      padding-top: 5px;
}

.pt10 {
      padding-top: 10px;
}

.pt15 {
      padding-top: 15px;
}

.pt20 {
      padding-top: 20px;
}

.pt25 {
      padding-top: 25px;
}

.pt30 {
      padding-top: 30px;
}

.pt35 {
      padding-top: 35px;
}

.pt40 {
      padding-top: 40px;
}

.pt45 {
      padding-top: 45px;
}

.pt50 {
      padding-top: 50px;
}

.ftBld {
      font-weight: bold;
}

.ftBld5 {
      font-weight: 500;
}

.logoblock {
      position: relative;
      top: 4px;
      /*margin-top:-45px;*/
}

.logopanel {
      background: #fff;
      padding: 0 0 5px 20px !important;
      border-right: 1px solid #dcdcdc;
      vertical-align: middle;
}

.menu-icon {
      padding: 0px 10px 0px 50px;
      position: absolute;
      top: 10px;
      left: 170px;
      z-index: 999;
}

.material-icons.md-48 {
      font-size: 48px;
}

.headerRightPanel {
      text-align: right;
      border-left: 1px solid #dcdcdc
}

.user-block {
      display: inline-block;
      position: relative;
      background: url('../images/icon-bg.png') no-repeat;
      background-position: 1px 1px;
      width: 35px;
      background-position: -1px 0px;
      height: 35px;
      position: relative;
      top: 5px;
}

.headerRightPanel {
      /*max-width: 18% !important*/
}

.headerRightPanel .btn {
      color: #8b8a8a;
      font-size: 22px;
      font-weight: normal;
}

.headerRightPanel .btn:hover,
.headerRightPanel .btn:focus {
      color: #b9350d;
      box-shadow: none
}

.headerCompanyPanel {
      text-align: right
}

.headerCompanyPanel .companyName {
      font-family: ProximaNova-Semibold;
      font-size: 14px;
      color: #3a3a3a;
}

.headerCompanyPanel .branchName {
      font-family: ProximaNova-Regular;
      font-size: 12px;
      color: #3a3a3a;
}

.headerCompanyPanel .colblock {
      padding: 9px 0 0;
      min-height: auto;
      line-height: 13px;
}

#header-navigtion {
      border-bottom: 1px solid #dcdcdc;
      background: #f7f7f7;
}

#header-navigtion ul {
      margin: -1px 0 0;
      padding: 0;
      position: relative;
      z-index: 999;
}

#header-navigtion ul li {
      display: inline-block;
      margin: 0 -1px 0 0;
}

#header-navigtion ul li a {
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 600;
      color: #353535;
      padding: 8px 15px;
      display: block;
      text-align: center;
      border-top: 1px solid rgba(0, 0, 0, .05);
      border-left: 1px solid rgba(0, 0, 0, .05);
      border-right: 1px solid rgba(0, 0, 0, .05);
      border-bottom: 1px solid transparent;
      cursor: pointer;
}

#header-navigtion ul li:first-child a {
      width: 227px;
}

#header-navigtion ul li.active a {
      color: #b9350d;
      background: #fff;
      border-top: 1px solid rgba(185, 53, 13, .4);
      border-left: 1px solid rgba(185, 53, 13, .4);
      border-right: 1px solid rgba(185, 53, 13, .4);
      border-bottom: 1px solid transparent;
      cursor: default;
      z-index: 1;
}

.noBottomSpace .innerPageWrapper {
      height: 85vh;
}

.innerPageWrapper {
      height: 76vh;
      border-bottom: 1px solid #ccc;
      overflow: auto;
      position: relative;
}

.pageFooterSection {
      background: #f7f7f7;
      height: 63px;
      padding: 13px 15px 15px ;
      padding-bottom: 8rem !important;
}

.pageFooterSection button+button {
      margin-left: 10px;
}

.cdk-overlay-dark-backdrop {
      background: rgba(255, 255, 255, .8) !important;
}

.companySelectionPanel .mat-dialog-container {
      background: transparent;
      padding: 0;
      box-shadow: none
}

.companySelectionPanel .companySelectionWrapper {
      width: 680px;
      position: relative;
      display: table;
      padding: 15px 25px
}

.companySelectionPanel .companySelectionWrapper:before {
      content: '';
      position: absolute;
      background: #ac320d;
      border-radius: 5px;
      height: 70%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: -1;
      box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock {
      background: #fff;
      position: relative;
      margin: 0;
      height: 230px;
      display: table-cell;
      box-shadow: 0 0 10px rgba(0, 0, 0, .1);
      border-radius: 5px;
      padding: 0;
      vertical-align: top;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock h5 {
      font-size: 14px;
      color: #b1330d;
      font-weight: 500;
      padding: 15px 20px;
      margin: 0;
      border-bottom: 1px solid #f0f0f0
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .cmpInnerBlock {
      padding: 10px 20px;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .cmpHeadingBlcok {
      padding: 5px 0 10px
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .cmpHeadingBlcok .title {
      font-size: 14px;
      color: #5a5a5a;
      font-weight: 500;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .cmpHeadingBlcok a {
      font-size: 12px;
      color: #1369ba;
      font-weight: 500;
      float: right;
      position: relative;
      top: 5px;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany {
      border: 2px solid #d8d8d8;
      overflow: auto;
      height: 150px;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany ul {
      margin: 0;
      padding: 10px 0
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany ul li {
      list-style: none
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany ul li a {
      display: block;
      padding: 5px 15px;
      font-size: 13px;
      color: #7d7d7d;
      font-weight: 500;
      text-decoration: none;
}

.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany ul li a:hover,
.companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock .listOfCompany ul li a.active {
      color: #fff;
      background: #b1330d;
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection {
      padding: 15px 0 10px
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn {
      background: transparent;
      color: inherit;
      font-size: 13px;
      padding: 5px 20px;
      text-transform: uppercase;
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn+.btn {
      margin-left: 15px;
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-primary {
      color: #039548;
      border-color: #0bb55b
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-danger {
      color: #b1330d;
      border-color: #b1330d
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-primary:hover,
.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-primary:focus {
      color: #fff;
      border-color: #0bb55b;
      background-color: #0bb55b
}

.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-danger:hover,
.companySelectionPanel .companySelectionWrapper .cmpButtonSection .btn.btn-danger:focus {
      color: #fff;
      border-color: #b1330d;
      background-color: #b1330d
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock {
      display: table-cell;
      padding: 75px 0 0 30px;
      vertical-align: top;
      width: 40%
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .headingSection {
      color: #fff;
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock {
      border: 1px solid rgba(255, 255, 255, .3);
      overflow: auto;
      height: 150px;
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul {
      margin: 5px 0;
      padding: 0;
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul li {
      list-style: none
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul li a {
      font-size: 13px;
      color: #fff;
      text-decoration: none;
      font-weight: 500;
      padding: 6px 15px;
      display: block
}

.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul li a:hover,
.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul li a:focus,
.companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock ul li a.active {
      color: #b1330d;
      background: #fff;
}

.hamburger {
      position: absolute;
      top: -2px;
      left: 166px;
      z-index: 9999;
}

.tab-close {
      top: 1px;
      position: relative;
      display: block;
      width: 15px;
      float: right;
      text-align: right;
      margin-left: 6px;
      cursor: pointer;
}

.rightButtonPanel {
      width: 10rem !important;
      background: #f7f7f7;
      border-left: 1px solid #d8d8d8;
      max-width: 80px !important;
      padding: 15px 20px !important;
}

.rightButtonPanel .btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #fff;
      border-color: rgba(126, 126, 126, .4);
      color: #7e7e7e
}

.rightButtonPanel .btn+.btn {
      margin-top: 15px;
}

.rightButtonPanel .btn:hover,
.rightButtonPanel .btn:focus {
      background: #bd370f;
      border-color: #bd370f;
      color: #fff
}


.rightButtonPanel {
      position: fixed !important;
      bottom: 0;
      width: 100% !important;
      height: auto;
      max-width: 100% !important;
      left: 0;
      padding: 10px 13px !important;
      border-top: 1px solid #d8d8d8;
      border-left: 0;
      z-index: 999;
}

.rightButtonPanel .btn {
      margin: 5px;
      padding: 0 8px;
      width: 35px;
      height: 35px;
}

.rightButtonPanel .btn+.btn {
      margin-top: 5px;
}
.innerPageWrapper {
      /* height: auto; */
      padding-bottom: 35px;
  }
.leftContentPanel {
      padding: 0 !important
}

.pageMultiComponentWrapper {
      height: 85.5vh;
      height: calc(100vh - 95px);
      position: relative;
}

.form-field {
      padding-top: 10px;
}

.form-field .full-width {
      width: 100%
}

.form-field .mat-form-field-appearance-legacy .mat-form-field-label {
      color: #a1a1a1;
      font-size: 13px;
      font-weight: 500;
}

.form-field .mat-form-field-appearance-legacy .mat-form-field-underline,
.form-field .mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
      height: 2px;
}

.form-field .mat-form-field-appearance-legacy .mat-form-field-underline {
      background-color: #c7c7c7 !important
}

.form-field .ng-valid.mat-form-field-appearance-legacy .mat-form-field-underline {
      background-color: #444444 !important
}

.form-field .full-width.mat-form-field.mat-form-field-appearance-legacy.mat-focused .mat-form-field-label {
      color: #444444
}

.form-field .full-width.mat-form-field.mat-form-field-appearance-legacy.mat-focused .mat-form-field-underline {
      background-color: #444444 !important
}

.form-field .mat-select-value-text {
      font-size: 14px;
      font-weight: 500
}

.form-field .form-label-caption {
      color: #444444;
      font-size: 14px;
      font-weight: 500;
      display: block;
}

.form-radio-button {
      width: 100%;
      display: block;
}

.form-radio-button .mat-radio-button {
      width: 50%;
}

.form-radio-button .mat-radio-button .mat-radio-container {
      height: 15px;
      width: 15px;
}

.form-radio-button .mat-radio-button .mat-radio-label-content {
      font-size: 14px;
      font-weight: 500;
}

.form-radio-button .mat-radio-button .mat-radio-label .mat-radio-outer-circle {
      height: 15px;
      width: 15px;
}

.form-radio-button .mat-radio-button .mat-radio-label .mat-radio-inner-circle {
      height: 15px;
      width: 15px;
}

.verticalRadioButtons {
      display: flex;
      flex-direction: column;
      margin: 15px 0;
}

.verticalRadioButton {
      margin: 5px;
}

.formPanel {
      padding: 15px 0
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
}

input[type="number"] {
      -moz-appearance: textfield;
}

.expansion-panel-heading {
      color: #b9350d !important;
      font-size: 20px !important;
}

/*
.innerPageWrapper .gridTable table{
      line-height: normal
}
.innerPageWrapper .gridTable table .ng2-smart-th{
      padding: 8px 5px  0 !important;
      text-align: center
}
.innerPageWrapper .gridTable table .ng2-smart-filters th{
      padding: 5px;
      text-align: center;
      position: relative;
      top: -5px;
      padding: 5px !important;
}
.innerPageWrapper .gridTable table thead{
      border-bottom: 1px solid #d7d7d7;
}
.innerPageWrapper .gridTable table .ng2-smart-sort-link{
      display: block;
      width: 100%;
      font-size: 13px;
      color: #4d4d4d;
      text-decoration: none;
      font-family: 'Open Sans';
      font-weight: 600
}
.innerPageWrapper .gridTable table .ng2-smart-th{
      padding-top: 0 
}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control{
      border: 0;
      border-bottom: 2px solid #c7c7c7;
      border-radius: 0;
      padding: 0;
      font-size: 13px;
      font-weight: 600;
}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control:focus{
     border-bottom: 2px solid #333;
     box-shadow: none
}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control::-webkit-input-placeholder{color:#fff;opacity:1}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control::-moz-placeholder{color:#fff;opacity:1}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control:-ms-input-placeholder{color:#fff;opacity:1}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control::-ms-input-placeholder{color:#fff;opacity:1}
.innerPageWrapper .gridTable table .ng2-smart-th .ng2-smart-filter .form-control::placeholder{color:#fff;opacity:1}

.innerPageWrapper .gridTable table tbody .ng-star-inserted td{
      border-left: 1px solid #d7d7d7;
      font-size: 14px;
      font-weight: 400;
      color: #5b5a5a;
      padding: 5px;
      border-bottom: 1px solid transparent
}
.innerPageWrapper .gridTable table tbody .ng-star-inserted td:first-child{
      border-left: 0;
      text-align: center
}
.innerPageWrapper .gridTable table tbody .ng-star-inserted.ng2-smart-row.selected td{
      background-color: #fff0c7;
      border-bottom: 1px solid #ebddb9;
      color: #88581f;
}*/

/* Grid Pager CSS */
/*
ng2-smart-table-pager{
      border-top: 1px solid #d7d7d7;
      text-align: center;
      padding: 15px 0 0;
      position: fixed;
      width: 100%;
      bottom: 0;
      background: #fff;
}
ng2-smart-table-pager .ng2-smart-pagination-nav{
      display: block;
      text-align: center;
      width: 100%;
      padding: 0 15px;
}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination{

}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item .page-link{
      color: #bd370f
}
.ngPagerSection .ng2-smart-pagination-nav .pagination .page-item .page-link:hover{
      background-color: rgba(189, 55, 13, .1);
}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item.arrow-icon{}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item.active{}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item.active .page-link,
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item.active .page-link:hover{
      background-color: #bd370f;
      border-color: #bd370f;
      color: #fff;
}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item.disabled .page-link{
      color: #969696
}
ng2-smart-table-pager .ng2-smart-pagination-nav .pagination .page-item .page-link{
      width: 35px;
      padding: 6px;
      height: 32px;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
}*/

.dashboard {
      padding: 25px 15px
}

.dashboard-block {
      box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
      background: #fff;
}

.dashboard-block h3 {
      font-size: 14px;
      font-weight: 500;
      color: #454545;
      border-bottom: 1px solid #e8e8e8;
      padding: 10px;
      margin: 0
}

.dashboard-content {
      min-height: 150px;
}

.userMenuPosition {
      margin-top: 0px;
}

.usercation {
      width: 100%;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      color: #454545;
      border-bottom: 1px solid #f7f7f7;
      padding: 0 5px 10px;
}

.mat-menu-content .logoutbtn {
      color: #bd370f;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      padding: 5px 10px;
      height: auto;
      line-height: normal;
}

.mat-menu-content .logoutbtn:hover {
      background: #bd370f !important;
      color: #fff;
}

.ng-sidebar {
      height: 100vh;
}

.mainNotSidebar {
      height: 91vh !important;
      position: absolute !important;
}

.notificationSideBar {
      background: #fff;
      box-shadow: -1px 3px 12px rgba(0, 0, 0, .2);
      max-width: 18%;
      width: 18%;
}

.notificationSideBar.ng-sidebar--inert {
      -webkit-transform: translateX(105%) !important;
      -moz-transform: translateX(105%) !important;
      transform: translateX(105%) !important;
}

.notificationSideBar h4 {
      padding: 10px;
      margin: 0;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      color: #353535;
      background: #f7f7f7;
      border-bottom: 1px solid #dcdcdc
}

.notificationSideBar .notecontainer {
      padding: 10px
}

.notificationSideBar .notecontainer .card {
      border: 1px solid #dcdcdc;
      border-radius: 0;
}

.notificationSideBar .notecontainer .card a {
      display: block;
      cursor: pointer;
      text-decoration: none;
      padding: 8px;
}

.notificationSideBar .notecontainer .card h6 {
      font-size: 14px;
      font-weight: 600;
      color: #bd370f;
      margin: 0 0 5px;
      padding: 0
}

.notificationSideBar .notecontainer .card p {
      font-size: 12px;
      font-weight: 400;
      color: #5b5a5a;
      padding: 0;
      margin: 0;
}

.companyLogoSection {
      border: 1px solid #e5e5e5;
      border-radius: 15px;
      overflow: hidden;
      text-align: center;
      margin: 10px;
}

.contentTabLayout {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      position: relative;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
}

.chooseFileSection {
      padding: 10px 0;
      text-align: center
}

.btn.btn-choosefile {
      border: 1px solid #0bb55b;
      background: #fff;
      color: #0bb55b;
      position: relative;
      font-size: 14px;
      padding: 7px 15px;
      border-radius: 2px;
}

.btn.btn-choosefile input {
      visibility: hidden;
      width: 1px;
      height: 1px;
      position: absolute;
      z-index: 0;

}

.btn.btn-choosefile:hover,
.btn.btn-choosefile:focus {
      border: 1px solid #0bb55b;
      background: #0bb55b;
      color: #fff
}

.btn.btn-removefile {
      border: 1px solid #b32205 !important;
      background: #b32205 !important;
      color: #fff !important;
      position: relative;
      font-size: 14px;
      padding: 7px 15px;
      border-radius: 2px;
}

.btn.btn-removefile input {
      visibility: hidden;
      width: 1px;
      height: 1px;
      position: absolute;
      z-index: 0;

}

.btn.btn-removefile:hover,
.btn.btn-removefile:focus {
      border: 1px solid #b32205 !important;
      background: #fff !important;
      color: #b32205 !important;
}

.uploadcnt {
      border: 1px solid #ddd;
      padding: 5px;
      border-radius: 2px;
      width: 100%;
      position: relative;
}

.uploadcnt.error {
      border: 1px solid rgba(179, 34, 5, .4)
}

.uploadcnt.success {
      border: 1px solid rgba(11, 181, 91, .4)
}

.uploadcnt.error .uploadinfo {
      color: #b32205
}

.uploadcnt.success .uploadinfo {
      color: #038c44
}

.uploadcnt .uploadinfo {
      text-align: left;
      padding-bottom: 10px;
}

.uploadcnt .uploadinfo .uploadfilename {
      font-size: 13px;
}

.uploadcnt .uploadinfo .uploadsize {
      font-size: 13px;
      margin-left: 15px;
}

.uploadcnt .uploadinfo .uploadsizeprogress {
      margin-left: 15px;
      font-size: 13px;
}

.uploadcnt .uploadinfo .uploadbtn {
      position: absolute;
      top: 5px;
      right: 0;
}

.uploadcnt .uploadinfo .uploadbtn .btn {
      border: 0;
      background: transparent;
      padding: 2px 10px;
      font-size: 15px;
      color: #b32205;
}

.uploadcnt .progress {
      height: 2px;
}

.uploadcnt.success .progress .progress-bar {
      background: #0bb55b;
}

.uploadcnt.error .progress .progress-bar {
      background: #b32205;
}

.filed-check-box {
      padding-bottom: 15px;
      display: inline-block;
}

.filed-check-box .mat-checkbox-layout {
      font-size: 13px;
      font-weight: 500;
}

.filed-check-box .mat-checkbox-inner-container .mat-checkbox-frame {
      width: 16px;
      height: 16px;
      border-radius: 3px;
}

.filed-check-box .mat-checkbox-inner-container .mat-checkbox-background {
      width: 16px;
      height: 16px;
      border-radius: 3px;
}

.filed-check-box.mat-checkbox-checked.mat-accent .mat-checkbox-background {
      background-color: #b32205;
}

.mat-tab-label.mat-ripple.mat-tab-label-active {
      color: #b32205 !important
}

.mat-tab-group.mat-primary .mat-ink-bar {
      background-color: #b32205 !important;
}

.listOfCompany .mat-nav-list .mat-list-item {
      height: 40px;
      ;
}

.listOfCompany .mat-list-item-content {
      font-size: 14px;
      font-weight: 500;
      padding: 5px 15px;
      display: block
}

.listOfCompany .selectedCompany .mat-list-item-content {
      color: #b1330d;
}

.listOfCmpFYearBlock .mat-list-item-content {
      color: #000;
      font-size: 14px;
      font-weight: 500
}

.listOfCmpFYearBlock .selectedYear .mat-list-item-content {
      color: #fff;
}

/*************************************************/

.taskManagementWrapper .taskmheading {
      padding: 12px 0 20px 10px
}

.taskManagementWrapper .taskmheading .title {
      font-weight: 600;
      font-size: 15px;
      color: #4d4d4d
}

.taskManagementWrapper {}

.taskSingleBlock {
      float: left;
      max-width: none !important;
      width: 330px !important;
      flex: auto;
}

.taskmContainer {
      width: auto;
      overflow-y: auto;
      overflow-x: auto;
      height: calc(100vh - 26vh);
}

.taskmHorizontalContainer {
      width: max-content;
      display: block;
      float: left;
}

.taskmContainer .taskSingleBlock .taskSingleWrapper {
      border: 1px solid;
}

.taskmContainer .taskSingleBlock .taskSingleWrapper .tswHeading .title {
      float: left;
      padding: 8px 0;
}

.taskmContainer .taskSingleBlock .taskSingleWrapper .tswHeading .btn {
      padding: 8px 7px;
}

.taskmContainer .taskSingleBlock .taskSingleWrapper .tswHeading {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      padding: 0 10px;
      text-align: right
}

.taskSingleWrapper .tswContent article {
      padding: 15px;
}

.taskSingleWrapper .tswContent article a {
      cursor: pointer;
}

.taskSingleWrapper .tswContent article+article {
      border-top: 1px solid #d1d1d1
}

.taskSingleWrapper .tswContent article h2 {
      font-size: 15px;
      color: #3e3e3e;
      font-weight: 700;
      margin: 0
}

.taskSingleWrapper .tswContent article .tagsBlock {
      padding: 7px 0
}

.taskSingleWrapper .tswContent article .tagsBlock label {
      padding: 3px;
      font-size: 10px;
      font-weight: 700;
      margin: 0;
      border: 1px solid;
      border-radius: 3px;
      padding: 1px 6px;
}

.taskSingleWrapper .tswContent article .tagsBlock label+label {
      margin-left: 5px;
}

.taskSingleWrapper .tswContent article .target {
      padding: 0 0 5px;
      font-size: 13px;
      font-weight: 500
}

.taskSingleWrapper .tswContent article .target .caption {
      color: #818181
}

.taskSingleWrapper .tswContent article .target .text {
      color: #555555
}

.taskSingleWrapper .tswContent article .buttonGroup .btn {
      color: #8f8f8f;
      background: transparent;
      box-shadow: none;
      padding: 6px 0
}

.taskSingleWrapper .tswContent article .buttonGroup .btn+.btn {
      margin-left: 20px;
}

.taskSingleWrapper .tswContent article .buttonGroup .btn:hover,
.taskSingleWrapper .tswContent article .buttonGroup .btn:focus {
      color: #b9350d;
      background: transparent;
      box-shadow: none
}

.rightSideCommanPanel .mat-dialog-container {
      padding: 0
}

.rightPanelDialog {
      width: 100%;
}

.rightPanelDialog .rpd-header {
      background: #427be4;
      color: #fff;
}

.rightPanelDialog .rpd-header .rpd-title {
      color: #fff;
      font-size: 16px;
      font-family: Open Sans;
      font-weight: 300;
      padding: 10px 20px;
      display: inline-block
}

.rpd-close-button {
      float: right;
      padding: 10px 20px;
      color: #fff;
      background: transparent;
      border: 0;
      outline: none;
      font-size: 15px;
      cursor: pointer;
}

.mat-dialog-content {
      max-height: 76vh !important;
      min-height: 55.4vh;
      margin: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
}

.rightSideCommanPanel.descriptionPanel .mat-dialog-content {
      max-height: 55.4vh !important;
}

.mat-dialog-actions {
      margin-bottom: 0 !important;
      background: #f7f7f7;
      border-top: 1px solid #dfdfdf;
      padding: 10px 20px !important;
}

.rpd-caption {
      font-size: 14px;
      font-weight: 600;
      font-family: Open Sans;
      padding: 0 0 15px;
}

.rpd-content-data {
      font-weight: 300
}

.rpd-caption .fas,
.rpd-caption .far,
.rpd-caption .fab {
      font-size: 14px;
      min-width: 20px;
}

.rpd-content-header {
      border-bottom: 2px dashed #dcdcdc;
      padding: 15px 25px 10px;
}

.rpd-content-panel {
      padding: 20px 25px;
}

.rightSideCommanPanel .btn {
      padding: 3px 15px;
      font-family: 'Open Sans';
      font-weight: 600;
      font-size: 13px;
      border-radius: 3px;
}

.rightSideCommanPanel .btn+.btn {
      margin-left: 12px;
}

.btn.btn-primary {
      background: #3ab54a;
      color: #fff;
      border: 1px solid #3ab54a;
}

.btn.btn-primary:hover,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #3ab54a;
      border: 1px solid #3ab54a;
      box-shadow: none
}

.btn.btn-danger {
      background: #d44645;
      color: #fff;
      border: 1px solid #d44645;
}

.btn.btn-danger:hover,
.btn.btn-danger:not(:disabled):not(.disabled).active,
.btn.btn-danger:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #d44645;
      border: 1px solid #d44645;
      box-shadow: none
}

.btn.btn-info {
      background: #427be3;
      color: #fff;
      border: 1px solid #427be3;
}

.btn.btn-info .fas,
.btn.btn-info .far,
.btn.btn-info .fab {
      color: #fff;
}

.btn.btn-info:hover,
.btn.btn-info:not(:disabled):not(.disabled).active,
.btn.btn-info:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #427be3;
      border: 1px solid #427be3;
      box-shadow: none
}

.btn.btn-info:hover .fas,
.btn.btn-info:hover .far,
.btn.btn-info:hover .fab,
.btn.btn-info:focus .fas,
.btn.btn-info:focus .far,
.btn.btn-info:focus .fab,
.btn.btn-info:not(:disabled):not(.disabled).active .fas,
.btn.btn-info:not(:disabled):not(.disabled).active .far,
.btn.btn-info:not(:disabled):not(.disabled).active .fab {
      color: #427be3;
}

.btn .fas,
.btn .far,
.btn .fab {
      margin-right: 5px;
}

.btn.btn-success {
      background: #30b182;
      color: #fff;
      border: 1px solid #30b182;
}

.btn.btn-success:hover,
.btn.btn-success:not(:disabled):not(.disabled).active,
.btn.btn-success:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #30b182;
      border: 1px solid #30b182;
      box-shadow: none
}

.btn.btn-warning {
      background: #de7e3e;
      color: #fff;
      border: 1px solid #de7e3e;
}

.btn.btn-warning:hover,
.btn.btn-warning:not(:disabled):not(.disabled).active,
.btn.btn-warning:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #de7e3e;
      border: 1px solid #de7e3e;
      box-shadow: none
}

.btn.btn-secondary {
      background: #a8465f;
      color: #fff;
      border: 1px solid #a8465f;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #a8465f;
      border: 1px solid #a8465f;
      box-shadow: none
}

.btn.btn-default {
      background: #617c93;
      color: #fff;
      border: 1px solid #617c93;
}

.btn.btn-default:hover,
.btn.btn-default:not(:disabled):not(.disabled).active,
.btn.btn-default:not(:disabled):not(.disabled):active {
      background: #fff;
      color: #617c93;
      border: 1px solid #617c93;
      box-shadow: none
}

.mat-dialog-actions .btn {
      font-size: 12px;
      font-weight: 600;
      padding: 5px 10px;
}

.rightSideCommanPanel.taskDetailsPanel {
      max-width: 650px !important;
}



.form-field .fas,
.form-field .far,
.form-field .fab {
      font-size: 18px !important;
      color: #9f9f9f;
}

.form-field-caption {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: 400;
      color: #333;
      margin: 0;
}

.form-field textarea {
      height: 60px;
}

.form-field-checkbox {
      position: relative;
      top: 3px;
}

.form-field-checkbox .mat-checkbox-label {
      color: #333;
      font-size: 14px;
      font-weight: 600;
      font-family: Open Sans;
}

.form-field-checkbox+.form-field-checkbox {
      margin-left: 15px;
}

.form-field-checkbox .mat-checkbox-inner-container {
      height: 15px;
      width: 15px;
}

.form-field-checkbox .mat-checkbox-checkmark {
      width: 90%;
      margin: auto
}

.form-field-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.form-field-checkbox.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
      background-color: #d44645 !important;
}

.rpd-cnt-caption {
      padding-bottom: 10px;
      font-family: 'ProximaNova-Regular';
      font-size: 15px;
}

.rpd-cnt-caption .label {
      color: #5d5d5d;
}

.rpd-cnt-caption .label .far,
.rpd-cnt-caption .label .fas,
.rpd-cnt-caption .label .fab {
      color: #5d5d5d;
      margin-right: 5px;
      font-size: 14px;
}

.rpd-cnt-caption .content {
      color: #545454
}

.custome-multi-select {}

.custome-multi-select .cuppa-dropdown {
      padding: 10px 0px 20px 0px;
}

.custome-multi-select .cuppa-dropdown .selected-list .c-btn {
      border: 0;
      border-bottom: 2px solid;
      border-radius: 0;
      padding: 0 0 5px;
}

.custome-multi-select .cuppa-dropdown .selected-list .c-list {}

.custome-multi-select .cuppa-dropdown .selected-list .c-token {
      background: #bb3209;
      color: #fff;
      font-size: 13px;
      font-family: Open Sans;
      font-weight: 500;
}

.custome-multi-select .cuppa-dropdown .selected-list .c-token .c-remove {
      top: 45%;
      width: 8px;
}

.custome-multi-select .cuppa-dropdown .selected-list .c-angle-down {
      top: 0;
      bottom: 0;
      margin: auto;
}

.custome-multi-select .cuppa-dropdown .dropdown-list {
      position: relative;
      /*display: block !important;*/
      padding: 0;
}

.custome-multi-select.keepOpen .cuppa-dropdown .dropdown-list {
      position: relative;
      display: block !important;
      padding: 0;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .arrow-up {
      display: none;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area {
      box-shadow: none;
      border-radius: 3px;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .select-all {
      padding: 4px 10px;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .select-all label,
.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .pure-checkbox input[type="checkbox"]:checked+label:before {
      font-size: 13px;
      font-weight: 700;
      font-family: Open Sans;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .select-all.pure-checkbox input[type="checkbox"]+label:before {
      color: #bb3209;
      border: 2px solid #545454;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .select-all.pure-checkbox input[type="checkbox"]:checked+label:before {
      background: #bb3209;
      border: 2px solid #bb3209
}

.custome-multi-select .cuppa-dropdown .selected-list .countplaceholder {
      right: 38px;
      top: 29%;
      font-family: Open Sans;
      font-weight: 600;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .list-filter input {
      font-family: Open Sans;
      font-size: 13px;
      font-weight: 600;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .list-filter .c-search {
      top: 4px;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .list-filter .c-clear {
      top: 4px;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area .filter-select-all .pure-checkbox input[type="checkbox"]:checked+label:before {
      background: #bb3209;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area ul li {
      padding: 2px 10px;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area ul li label {
      font-family: Open Sans;
      font-size: 13px;
      font-weight: 600;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area ul li.selected-item {
      background: #fff;
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area ul .pure-checkbox input[type="checkbox"]:checked+label:before {
      background: #bb3209;
      border: 2px solid #bb3209
}

.custome-multi-select .cuppa-dropdown .dropdown-list .list-area ul .pure-checkbox input[type="checkbox"]+label:before {
      color: #bb3209;
      border: 2px solid #545454;
}

.cuppa-menu[_ngcontent-c10] ul[_ngcontent-c10]>li[_ngcontent-c10]>a.active[_ngcontent-c10] {
      background: #b9350d !important;
      color: #fff;
}

.moreMenusOptions .mat-menu-content .mat-menu-item {
      line-height: 34px;
      height: 34px;
      font-size: 13px;
      font-weight: 600;
      font-family: Open Sans;
}

.moreMenusOptions .mat-menu-content .mat-menu-item:hover {
      background: #bb3209;
      color: #fff;
}

.moreMenusOptions .mat-menu-content .mat-menu-item span.fas {
      margin-right: 12px;
}

.taskSingleWrapper .tswContent article .buttonGroup .btn.mat-icon-button .mat-button-wrapper {
      margin: -5px 0 0;
      display: block;
}

.form-field .btn-choosefile {
      padding: 10px 25px;
      font-size: 12px;
      margin-left: 15px;
      margin-top: 3px;
}

.caption-label {
      font-weight: 600;
}

.caption-label .fas,
.caption-label .far,
.caption-label .fab {
      font-size: 13px !important;
      color: #666;
      margin-right: 5px;
}

.form-field-caption .info-bar {
      font-family: 'Open Sans';
      font-size: 12px;
      color: #8d8d8d;
      display: block;
      margin: 5px 0 10px;
}

.form-field-caption.caption-label .info-bar {
      padding-left: 15px;
}

.tagLabels {
      min-width: 150px;
      padding: 2px 10px;
      border: 1px solid;
      border-radius: 3px;
      text-align: center;
}

.mat-calendar-body-selected {
      background: #bb3209 !Important;
      background-color: #bb3209 !Important
}

.mat-datepicker-toggle-active {
      color: #bb3209 !Important;
}

.downloadByDateWise {
      background: #eeeeee;
      padding: 15px
}

.downloadByDateWise+.downloadByDateWise {
      margin-top: 15px;
}

.downloadByDateWise h4 {
      background: #427be3;
      color: #fff;
      margin: 0;
      padding: 5px 10px;
      ;
      border-radius: 3px;
      width: 100%;
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 600;
}

.downloadByDateWise .downloadByUserWise {
      padding: 15px 0 0;
}

.downloadByDateWise .downloadByUserWise h6 {
      position: relative;
      margin: 0
}

.downloadByDateWise .downloadByUserWise h6:before {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 1px;
      margin: auto;
      background: #adadad;
}

.downloadByDateWise .downloadByUserWise h6 span {
      background: #eeeeee;
      display: inline-block;
      color: #555555;
      font-family: 'Open Sans';
      font-weight: 400;
      font-size: 13px;
      position: relative;
      z-index: 1;
      top: -3px;
      padding: 0 15px 0 0;
}

.downloadByDateWise .downloadByUserWise .downloadOptions {
      padding: 10px 0
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt {
      width: 80px;
      display: inline-block;
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt+.downloadCheckOpt {
      margin-left: 15px;
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt .mat-checkbox-layout {
      position: relative;
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt .mat-checkbox-layout .mat-checkbox-inner-container {
      position: absolute;
      visibility: hidden;
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt .mat-checkbox-layout .mat-checkbox-label {
      border: 2px solid #ccc;
      border-radius: 6px;
}

.downloadByDateWise .downloadByUserWise .downloadOptions .downloadCheckOpt.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-label {
      border: 2px solid #e2574c;
}

.rightSideCommanPanel.downloadsPanel .mat-dialog-content {
      max-height: 56vh !important;
}

.moveto-dialog-block {
      display: block;
      background: #fbffcf;
      border: 2px dashed #fedcb7;
      padding: 10px;
}

.moveto-dialog-block h6 {
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 700;
      color: #737373;
      padding: 0;
      margin: 0;
}

.moveto-dialog-block .mdb-tags {
      padding: 3px 0
}

.moveto-dialog-block .mdb-tags .tags {
      border: 1px solid;
      font-family: 'Open Sans';
      font-size: 10px;
      font-weight: 700;
      padding: 1px 6px;
      border-radius: 3px;
      margin: 0;
      display: inline-block;
      text-transform: uppercase
}

.moveto-dialog-block .mdb-tags .tags+.tags {
      margin-left: 5px;
}

.moveto-dialog-block .mdb-target {
      padding: 5px 0 0;
      font-family: 'Open Sans';
      font-size: 11px;
}

.moveto-dialog-block .mdb-target label {
      color: #818181;
      margin: 0;
      padding: 0;
      font-weight: 700;
}

.moveto-dialog-block .mdb-target span {
      display: inline-block;
      color: #555555;
      padding-left: 5px;
}

.dialog-moveto-options {
      padding: 15px 0;
      width: 100%;
      display: block
}

.dialog-moveto-options .dmo-item {
      border: 1px solid;
      padding: 5px 10px 10px;
      margin-bottom: 10px;
      font-family: 'Open Sans';
      font-size: 15px;
      font-weight: 700;
      width: 100%;
}

.dialog-moveto-options .dmo-item .dmo-count {
      float: right;
      font-family: 'Open Sans';
      font-size: 15px;
      font-weight: 400;
}

.dialog-moveto-options .dmo-item .far,
.dialog-moveto-options .dmo-item .fas,
.dialog-moveto-options .dmo-item .fab {
      font-size: 15px;
}

.dialog-moveto-options .dmo-item .mat-radio-label {
      width: 100%;
      margin: 0;
}

.dialog-moveto-options .dmo-item .mat-radio-label .mat-radio-label-content {
      width: 100%
}

.dialog-moveto-options .dmo-item .mat-radio-container {
      display: none
}

.dialog-moveto-options .dmo-item .checkcircleoprions {
      display: inline-block;
      position: relative;
      width: 20px;
      height: 20px;
      border: 2px solid;
      border-radius: 50%;
      top: 4px;
      left: -5px;
      z-index: 1;
      transition: all .5s ease-in-out
}

.dialog-moveto-options .dmo-item.mat-radio-checked .checkcircleoprions:before {
      content: '';
      position: absolute;
      width: 50%;
      height: 50%;
      left: 0;
      top: 0;
      border-radius: 50%;
      z-index: -1;
      bottom: 0;
      right: 0;
      margin: auto;
      border-width: 4px;
      border-style: solid;
      border-color: inherit;
}

.rightSideCommanPanel.movetoPanel .mat-dialog-content {
      min-height: 47.6vh !important;
}

.rightSideCommanPanel.taskAddFormPanel .mat-dialog-content {
      max-height: 77vh !important;
      min-height: 76.4vh;
      min-width: 600px;
}

.form-radio-group .form-radio-caption,
.form-radio-caption {
      font-size: 14px;
      font-weight: 500;
      font-family: Open Sans;
      padding-left: 5px;
}

.form-radio-group .form-radio-caption .mat-radio-container,
.form-radio-caption .mat-radio-container {
      width: 15px;
      height: 14px;
}

.form-radio-group .form-radio-caption .mat-radio-outer-circle,
.form-radio-caption .mat-radio-outer-circle {
      height: 14px;
      width: 14px;
}

.form-radio-group .form-radio-caption .mat-radio-inner-circle,
.form-radio-caption .mat-radio-inner-circle {
      height: 10px;
      width: 10px;
      margin: auto;
      bottom: 0;
      right: 0;
      left: 0px;
      top: 0px;
}

.form-radio-group .form-radio-caption+.form-radio-caption,
.form-radio-caption+.form-radio-caption {
      margin-left: 10px;
}

.form-field-select {
      font-size: 14px !important;
}

.form-field-select .mat-select-value-text {
      font-size: 13px;
      font-family: 'Open Sans';
      font-weight: 600;
}

.form-field-select.mat-form-field.mat-focused .mat-form-field-label {
      color: #b9350d
}

.mat-option.mat-selected.mat-active {
      background: #b9350d !important
}

.mat-option.mat-selected.mat-active .mat-option-text {
      color: #fff
}

.form-text-field {
      font-family: 'Open Sans';
      padding: 5px 0
}

.form-text-field .ftf-caption {
      font-size: 13px;
      font-weight: 600;
      color: #8b8b8b;
}

.form-text-field .semicolon {
      float: right;
}

.form-text-field .ftf-content {
      font-size: 13px;
      font-weight: 600;
      color: #3e3e3e;
}

.tags {
      display: inline-block;
      padding: 0 6px;
      font-size: 11px;
      font-weight: 600;
      border: 1px solid;
      border-radius: 3px;
      text-transform: uppercase;
      margin: 0
}

.tags+.tags {
      margin-left: 8px;
}

.rightSideCommanPanel.taskDetailsPanel .mat-dialog-content {
      max-height: 59vh !important;
}

.custome-accordion .mat-expansion-panel {
      box-shadow: none !important;
      border-bottom: 2px dashed #dcdcdc;
}

.custome-accordion .mat-expansion-panel-header {
      padding: 0 25px;
      font-size: 13px;
      font-family: Open Sans;
      min-height: 65px;
}

.custome-accordion .mat-expansion-panel-header-title {
      font-weight: 600;
      color: #8b8b8b;
}

.custome-accordion .mat-expansion-panel-header-description {
      color: #272727
}

.custome-accordion .mat-expansion-panel-body {
      font-size: 13px;
}

.custome-accordion .mat-content {
      display: block;
}

.rightSideCommanPanel.taskDetailsPanel .rpd-content-panel {
      padding: 0
}

.chat-listing-container {
      background: #eceff1;
      padding: 25px;
}

.chat-content-row+.chat-content-row {
      padding-top: 22px;
}

.chat-content-row.chat-left {
      padding-right: 10%
}

.chat-content-row.chat-right {
      padding-left: 10%
}

.chat-content-row .chat-content-block {}

.chat-content-row .chat-block-header {
      padding-bottom: 8px;
}

.chat-content-row .cbh-user-icon {
      width: 22px;
      height: 22px;
      display: inline-block;
      text-align: center;
      border-radius: 50%;
      background: #616161;
      font-family: 'Open Sans';
      font-size: 11px;
      font-weight: 600;
      padding: 2px;
      color: #fff;
}

.chat-content-row .cbh-user-name {
      font-family: 'Open Sans';
      font-size: 13px;
      font-weight: 600;
      padding: 0 7px;
}

.chat-content-row .cbh-right {
      float: right;
}

.chat-content-row .cbh-post-date-time {
      font-size: 11px;
      font-family: Open Sans;
      font-style: italic;
      padding: 0 13px 4px 0;
      display: inline-block;
}

.chat-content-row .cbh-post-action {
      font-size: 13px;
      color: #888;
}

.chat-content-row .chat-block-text-content {
      background: #fff;
      padding: 10px 15px 12px;
      border-radius: 3px;
      font-size: 13px;
      box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}

.chat-content-row.chat-right .chat-block-text-content {
      background: #fef3e9
}

.fieldCaption {
      font-size: 20px;
      padding: 5px 10px 10px 10px;
      font-weight: 500
}

.ck-editor__editable_inline {
      min-height: 500px;
}

@media(max-width: 991px) {
      .logopanel {
            text-align: center
      }

      .menu-icon {
            padding: 0px 10px 0px 10px;
            position: absolute;
            top: 16px;
            left: 0px;
            z-index: 999;
      }

      .hamburger {
            left: 0;
            top: -6px;
      }

      .headerCompanyPanel,
      .headerRightPanel {
            border-top: 1px solid #dcdcdc;
      }

      .menu-container {
            top: 49px !important;
            z-index: 9999 !important;
            height: calc(100% - 49px) !important;
      }

     

      .ngPagerSection {
            position: relative !important;
      }

      .noBottomSpace .innerPageWrapper {
            height: auto;
      }

      .innerPageWrapper {
            /* height: auto; */
            padding-bottom: 50px;
      }

      .pageMultiComponentWrapper {
            height: auto;
            padding: 0 0 66px;
      }
}


@media(max-width: 768px) {
      .innerPageWrapper .gridTable table tbody {
            display: block;
      }

      .innerPageWrapper .gridTable table tbody tr {
            display: block;
            border-bottom: 1px solid #d7d7d7;
            position: relative;
            padding-left: 5px;
      }

      .innerPageWrapper .gridTable table tbody tr.selected {
            background-color: #fff0c7 !important;
      }

      .innerPageWrapper .gridTable table tbody tr td {
            border: 0 !important;
            display: block;
      }

      .innerPageWrapper .gridTable table thead {
            display: none;
      }

      .innerPageWrapper .gridTable table tbody .ng-star-inserted td:first-child {
            text-align: left
      }

      .companyGridTable.gridTable table tbody td:nth-child(1) {
            display: none
      }

      .companyGridTable.gridTable table tbody td:nth-child(2) {
            width: 80%;
            font-size: 14px;
            font-weight: 700;
            color: #555;
      }

      .companyGridTable.gridTable table tbody td:nth-child(3) {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 14px;
            font-weight: 600;
            color: #b9350d;
      }

      .companyGridTable.gridTable table tbody td:nth-child(4) {}

      .companyGridTable.gridTable table tbody td:nth-child(5) {}

      .companyGridTable.gridTable table tbody td:nth-child(6) {
            display: inline-block;
      }

      .companyGridTable.gridTable table tbody td:nth-child(7) {
            display: inline-block;
      }

      .companyGridTable.gridTable table tbody td:nth-child(8) {
            color: #333
      }

      .companyGridTable.gridTable table tbody td:nth-child(9) {
            display: inline-block;
            float: right;
            position: relative;
            top: -30px;
            color: #333
      }

      .companyGridTable.gridTable table tbody td:nth-child(10) {
            display: inline-block;
      }

      .companyGridTable.gridTable table tbody td:nth-child(11) {
            display: inline-block;
      }

      .companyGridTable.gridTable table tbody td:nth-child(12) {
            display: block;
            color: #30bb2d;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
      }

      .rightSideCommanPanel.taskDetailsPanel {
            width: 100%;
            max-width: 100% !important
      }

      .cdk-overlay-container {
            z-index: 99999 !important;
      }

      .mat-dialog-actions .btn .text {
            text-indent: -999px;
            display: inline-block;
      }

      .mat-dialog-actions .btn {
            padding-left: 17px !important;
      }
}



@media(max-width: 575px) {

      .headerRightPanel,
      .headerCompanyPanel {
            text-align: center
      }

      .taskmHorizontalContainer {
            width: 100%
      }

      .taskSingleBlock {
            width: 100% !important;
      }

      .taskSingleBlock+.taskSingleBlock {
            margin-top: 20px;
      }

      .cdk-overlay-container {
            z-index: 999999 !important;
      }

      .rightSideCommanPanel {
            width: 100% !important;
            height: 100vh !important;
            max-width: 100% !important;
            min-width: 100% !important;
      }

      .rightSideCommanPanel .mat-dialog-content {
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
      }

      .rightSideCommanPanel.descriptionPanel .mat-dialog-content,
      .rightSideCommanPanel.reminderPanel .mat-dialog-content,
      .rightSideCommanPanel.usersAddPanel .mat-dialog-content,
      .rightSideCommanPanel.commentsPanel .mat-dialog-content,
      .rightSideCommanPanel.labelsPanel .mat-dialog-content,
      .rightSideCommanPanel.uploadsPanel .mat-dialog-content,
      .rightSideCommanPanel.downloadsPanel .mat-dialog-content {
            min-height: 61vh !important;
            max-height: 62vh !important;
      }

      .rightSideCommanPanel.movetoPanel .mat-dialog-content {
            min-height: 53vh !important;
      }

      .rightSideCommanPanel.taskAddFormPanel .mat-dialog-content {
            min-height: 84vh !important;
            max-height: 85vh !important;
      }

      .rightSideCommanPanel.taskDetailsPanel .mat-dialog-content {
            min-height: 51vh !important;
            max-height: 52vh !important;
      }

      .companySelectionPanel .companySelectionWrapper {
            width: 100%;
      }

      .companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock,
      .companySelectionPanel .companySelectionWrapper .cmpSelectionLeftBlock {
            display: block;
            height: auto;
            width: 100%
      }

      .companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock {
            padding: 15px 0 0 0;
      }

      .companySelectionPanel .companySelectionWrapper .cmpFYearRightBlock .listOfCmpFYearBlock {
            background: #ac320d;
      }

      .taskmContainer {
            height: auto
      }

      .pageMultiComponentWrapper {
            height: auto
      }

      .mat-dialog-actions .btn {
            margin-bottom: 5px;
      }

      .mat-dialog-content .adduser-field,
      .mat-dialog-content .addlabel-field {
            max-width: 100% !important;
            flex-grow: unset !important;
            display: block;
            width: 100% !important;
            flex: none;
            flex-basis: auto !important;
            padding: 0 15px !important;
      }

      .mat-dialog-content .adduser-field .cuppa-dropdown {
            margin-bottom: 20px;
      }

      .form-field {
            flex-grow: unset !important;
            flex-basis: unset !important;
      }
}

@media(max-width: 450px) {
      #header-navigtion ul li {
            display: block;
            margin: 0 !important
      }

      #header-navigtion ul li a {
            width: 100% !important
      }

      .header-company-column,
      .header-module-column {
            width: 100% !important;
            max-width: 100% !important;
            flex-basis: unset !important;
      }

      .header-module-column {
            padding-bottom: 8px;
      }

      .notificationSideBar {
            max-width: 100%;
            width: 100%;
            height: 100%;
      }
}













/**************************************************/




@font-face {
      font-family: 'ProximaNovaT-Thin';
      src: url('../fonts/proxima/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNovaT-Thin.woff') format('woff'),
            url('../fonts/proxima/ProximaNovaT-Thin.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'ProximaNova-Light';
      src: url('../fonts/proxima/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNova-Light.woff') format('woff'),
            url('../fonts/proxima/ProximaNova-Light.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'ProximaNova-Regular';
      src: url('../fonts/proxima/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNova-Regular.woff') format('woff'),
            url('../fonts/proxima/ProximaNova-Regular.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'ProximaNova-Semibold';
      src: url('../fonts/proxima/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNova-Semibold.woff') format('woff'),
            url('../fonts/proxima/ProximaNova-Semibold.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'ProximaNova-Bold';
      src: url('../fonts/proxima/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNova-Bold.woff') format('woff'),
            url('../fonts/proxima/ProximaNova-Bold.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: 'ProximaNovaA-Black';
      src: url('../fonts/proxima/ProximaNovaA-Black.eot?#iefix') format('embedded-opentype'),
            url('../fonts/proxima/ProximaNovaA-Black.woff') format('woff'),
            url('../fonts/proxima/ProximaNovaA-Black.ttf') format('truetype'),
            url('../fonts/proxima/ProximaNovaA-Black.svg#ProximaNovaA-Black') format('svg');
      font-weight: normal;
      font-style: normal;
}