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;
}
.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: 100px !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
}
.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,
.mat-menu-content .logoutbtn:focus{
      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;
      }
       .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;
      }
      .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;
}