body.theme-default, .mat-table, .mat-tab-label, .mat-tab-link, .mat-tab-group,body, html,.mat-stepper-vertical, .mat-stepper-horizontal, .mat-menu-item, button, .mat-expansion-panel-header, body .mat-checkbox{  font-family: 'Roboto', sans-serif !important; font-size: 13px;}
button{  font-size: 12px !important;}
.mat-raised-button.btn-custom{background-color: #fff; border-radius: 3px;    border: 1px solid #1665d8;        color: #1665d8;        line-height: normal;        padding: 5px 5px; box-shadow: none !important;}
.mat-raised-button.btn-custom .mat-button-wrapper{ color: #1665d8; }
.mat-raised-button.btn-custom:hover .mat-button-wrapper{ color: #fff; }
.mat-raised-button.btn-custom:hover{background-color: #1665d8; color: #fff;}
.mat-raised-button.btn-custom.b-green{border: 1px solid #34aa44;        color: #34aa44;}
.mat-raised-button.btn-custom.b-green .mat-button-wrapper{ color: #34aa44; }
.mat-raised-button.btn-custom.b-green:hover .mat-button-wrapper{ color: #fff; }
.mat-raised-button.btn-custom.b-green:hover{background-color: #34aa44; color: #fff;}
.white-box{background: #fff;    border-radius: 10px;box-shadow: 0 0px 3px 0px rgba(140, 140, 140, 0.5); margin-bottom:20px;}
html body.theme-default .white-box .search-wrapper {    width: 100%;    max-width: 300px;    border-radius: 3px;    
    overflow: hidden;    background: #f3f3f3;    box-shadow: none;    border: 1px solid #e5e5e5;}
html body.theme-default .white-box .search-wrapper .search input{background: none;}
.white-box .mat-form-field-appearance-outline .mat-form-field-outline{background: #fff;top: 0.4em;box-shadow: 0 2px 1px 0 rgba(0,0,0,0.03);}
.tHeader{border-bottom: 1px solid #e5e5e5;     padding: 10px 20px;}
.wraperBox{border-bottom: 1px solid #e5e5e5;padding: 0px 15px 0px 0px;}
.tHeader button{margin-right: 15px;}
.white-box .mat-form-field-wrapper {    padding-bottom: 0.5em;}
html body.theme-default .white-box .search-wrapper .search{height: 40px;    line-height: 40px;}
html body.theme-default .white-box .search-wrapper .search input{height: 40px;    min-height: 40px;    max-height: 40px;}
button.blue-bg {    background-color: #1665d8 !important;}
.white-box  .mat-row:nth-of-type(2n+2) {    background-color: #fcfcfd;}
.white-box .mat-header-cell{    background-color: #fcfcfd;}
h2.aHead{ font-weight: 600;}
body.theme-default .mat-form-field-appearance-outline .mat-form-field-outline-thick {    color: #e5e5e5 !important;
}
body.theme-default .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color:#e5e5e5 !important;   }

.title-text{display: block;border-left: 1px solid #bbb;padding-left: 15px;}
table{ width: 100%; border-collapse: collapse;  border-spacing: 0;}
.loginFrm {
    display: flex;
    position: fixed;
    inset: 0px;
    -moz-box-align: stretch;
    align-items: stretch;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    -webkit-box-align: stretch;
    align-items: stretch;

}

.lWrp {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    position: relative;
    display: flex;
    background: #2c2e50;
}

.frmWraper{
        display: flex;
        flex: 1 1 0%;
        overflow-y: auto;
        position: relative;
    
}

.logoWrp {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
}

.frminn {
    display: flex;
    margin: auto;
    padding: 60px 0px;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
}

body.theme-default .frminn .mat-form-field-appearance-outline .mat-form-field-outline{background: #fff;}

.frminn .mat-form-field{ display: block;}

.frmn{
    position: relative;
    flex-direction: column;
    -moz-box-align: stretch;
    align-items: stretch;
    flex-shrink: 0;
    align-content: flex-start;
    display: flex;
    width: 350px;
}

button.btnFull{width: 100%;line-height: 50px;}
.rfp{ padding-top: 20px; text-align: center;}
.pTitle{ padding-left: 25px;}
.tHeader h2{ margin: 0; padding: 0;}

.smlText{    display: block;    font-size: 11px; padding-top: 5px;}
.smlText .material-icons{ font-size: 14px; }
td.mat-cell.actColumn{padding: 10px 0px 10px 0px;}

body.theme-default .mat-flat-button.mat-primary.b-green{background-color: #34aa44;}
body.theme-default .mat-flat-button.mat-primary.b-green:hover{background-color: #219e32;}
#profile .header{background: url(/assets/images/backgrounds/dark-material-bg.jpg) 0 45%/cover no-repeat;    min-height: 150px;
    max-height: 150px;}
    .w250{ width: 250px;}
    .align-right{ text-align: right;}
    .txt-green{ color: #219e32;}
    .txt-blue{ color: blue;}
    .txt-red{ color: red;}
    .bg-red{    background: #f7eaea;}
    .bg-green{ background: #e6f9e9;}
    .bg-yellow{ background: #fdfde2;}
.tHeader h4{  margin: 0;    padding: 0;    text-transform: uppercase;    font-weight: 700;    font-size: 13px;}

.boxBodyInn{ padding: 20px ;}
p.dLabel{ margin: 0; color: #a5a1a1; font-size: 13px;}
p.dValue{     margin-top: 0.5em;}
.box-blank{    padding: 0px 20px;    border: 1px solid #e7e7e7; margin: 20px 0;}
.bLabel{font-weight: bold; font-size: 12px;}
.sep-20{     margin: 20px 0px;    clear: both;    display: flex;}
.white-box h4{text-transform: uppercase;    font-size: 13px;    font-weight: 700;}
.white-box  .mat-checkbox{ font-size: 14px;    font-family: Roboto;}
.white-box .mat-checkbox-layout{    white-space: normal;    margin-bottom: 5px; padding-right: 15px;}
.white-box .mat-checkbox-inner-container{ margin-top: 5px;}
hr{ border-top: 1px solid #e5e5e5;}
.actWraper{ background: #FAFAFA; padding: 20px;border-top: 1px solid #e5e5e5; text-align: right; border-radius: 0px 0px 10px 10px;}
.actWraperfile{ background: #FAFAFA; padding: 20px;border-top: 1px solid #e5e5e5; text-align: left; border-radius: 0px 0px 10px 10px;}
.actWraper1{  text-align: right;}
.d-form {
    min-width: 150px;
    max-width: 500px;
    width: 100%;
  }
  
  .d-full-width {
    width: 100%;
  }

  .item p.dLabel{ margin-bottom: 0;}
  .mat-dialog-actions.actWraper{    margin-right: -24px;    margin-left: -24px;    padding: 20px }
  .bBoxInn{padding: 20px;    background: #fff;    box-shadow: 0 6px 6px -6px rgba(140, 140, 140, 0.5);
    border-radius: 5px; margin-bottom: 20px;}
  .invValWrap{ text-align: center; margin: 35px 0px;}
  .mb-0{ margin-bottom: 0;}
  .mt-0{ margin-top: 0;}
  .invVal{ font-size: 18px; font-weight: 700;}
  .bBox h4{ font-weight: 400;}
  .page-layout.w85 {   width: 95%;    min-height: 100%;    margin: auto;}
.bxLink{ cursor: pointer;}
.bxLink:hover{box-shadow: 0 1px 8px 0px rgba(140, 140, 140, 0.2);}
.pl10{ padding-left: 10px;}
.invAdd{ text-align: right;}
.invAdd h2{ text-transform: uppercase; font-weight: 700; color:#adadad;}
.invAdd p, .invInfo p{ margin-bottom: 0; margin-top: 0;}
.invHeader{ padding: 20px;border-bottom: 1px solid #e5e5e5; position: relative;}
.pStatus{ position: absolute; top:8px; right: 50%;}
.pText{ background: #00c51b; color: #fff;padding: 10px 30px;border-radius: 0px 0px 5px 5px;}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #14ab08;
  }
  .ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 5px 0;
    background-color: #14ab08;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
  }
  
  /* top left*/
  .ribbon-top-left {
    top: -10px;
    left: -10px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
  }
  .ribbon-top-left::before {
    top: 0;
    right: 0;
  }
  .ribbon-top-left::after {
    bottom: 0;
    left: 0;
  }
  .ribbon-top-left span {
    right: -25px;
    top: 35px;
    transform: rotate(-45deg);
  }

  .logoWrap{padding-left: 45px;}
  .projectPage .table{border-collapse: collapse;  border-spacing: 0;}
  .projectPage .table tr th{ padding: 10px 20px; text-align: left;}
  .projectPage .table tr td{ padding: 10px 20px; text-align: left;border-top: 1px solid #e5e5e5;}
  .p20{ padding: 20px;}
  .bb1{ border-bottom:1px solid #e5e5e5; }
  .text-left{ text-align: left;}

  table.simple.lan-table{ margin-bottom: 30px;}
  
  table.simple.lan-table tbody tr td:last-child {
    padding-right: 5px;
}
table.simple.lan-table tbody tr td {
  padding: 5px;
}table.simple.lan-table thead tr th:first-child {
  padding-left: 0px;
}table.simple.lan-table thead tr th {
  padding: 5px;
  font-weight: 600;
  white-space: nowrap;
}table.simple.lan-table tbody tr td:first-child {
  padding-left: 5px;
}
.bicon.mat-button, .bicon.mat-stroked-button{line-height: normal;      border-radius: 50%;    height: 25px;
    width: 25px;  padding: 0;    min-width: auto;     padding-top: 4px;}
    
.bicon .mat-icon{ margin-right: 0;}

.material-icons {  font-size: 13px;}
.rowcon{ margin-bottom: 5px;}

h2.aHead{ text-transform: uppercase; font-weight: 700; color:#adadad;}
.prfInfo{font-size: 13px;display: block;padding-top: 5px;letter-spacing: 0.5px;}
.hText{color: #fff;padding: 5px 10px;display: inline-block;margin-left: 5px; border-radius: 16px;}
.hGreen{background:#06c106;}
.hRed{background: red !important; }
.hYellow{background: yellow; color: #000;}
.hWhite{background: #fff; border:1px solid #aaa; color: #666;}
textarea{ height: 50px;}
.fileUploader{ border:1px dashed #cadcf5; text-align: center; background: #f8fafd;}
.tStamp{color: #999;  font-size: 12px; padding-left: 15px;}
.ansDiv{    padding-left: 30px;}
.ansDiv .divinn {
  border-left: 2px solid #0f62e2;
  padding: 1px 10px;
  background: #f9f9f9;
}
.white-box .mat-form-field {
  font: 400 13px/1.125 Roboto, Arial, sans-serif;display: block;
}
textarea.mat-input-element{    line-height: 1.4;}
.mat-cell, .mat-footer-cell{padding-right:10px; font-size: 13px !important;}
.white-box mat-cell, .white-box mat-footer-cell, .white-box mat-header-cell{ overflow: visible;}
.bdg{ color: #fff;    padding: 5px 8px;border-radius: 20px;font-size: 12px; display: inline-block;}
.grn{background: linear-gradient(46.65deg, #09b109 0%, #08a508 100%);}
.rdb{background: linear-gradient(46.65deg, #FF5F47 0%, #FE6A8A 100%);}
.blank{ color: #000; border: 1px solid #e5e5e5;    background: #fff;}
body .mat-radio-button, body .mat-select, body .mat-radio-button{font-family: 'Roboto', sans-serif; font-size: 14px; padding:0 7px;}
h2.pName{ font-size: 35px; margin-bottom: 0px;}
.ylbg{background: linear-gradient(46.65deg, #fbac00 0%, #ff5e00 100%);}
.green-bg .material-icons{ color: #fff !important;}
body.theme-default .mat-raised-button[disabled]:not([class*='mat-elevation-z']){    background: #e5e5e5 !important;}
body.theme-default .white-box .mat-tab-group.mat-primary .mat-ink-bar, body.theme-default .white-box .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #039be5;
}
body .nav .nav-item .nav-link .nav-link-icon, body .nav .nav-item .nav-link .collapsable-arrow{font-size: 25px; position: relative; right:3px;}
.tStatus{    margin-left: -30px;}
.bdr1{border:1px solid #e5e5e5;}
body.theme-default .mat-hint{    margin-top: 12px;}
.input-row{ margin:20px 0px;}
.pmsDashBoard .tHeader{padding: 8px;}
.tHeader h2{font-size: 14px;font-weight: 600;}
.pmsDashBoard table, .pmsDashBoard mat-table{ font-size: 13px;}
.pmsDashBoard .mat-cell, .pmsDashBoard .mat-footer-cell{ font-size: 12px;}
.pmsDashBoard table th{text-transform: uppercase;color: #999; background:#fcfcfd; border-bottom:1px solid #eef1f5; font-weight: 400;padding: 5px; text-align: left;}
.pmsDashBoard table td{ padding: 3px 5px;  text-align: left;  border-bottom:1px solid #eef1f5; }
.pmsDashBoard table tr:hover{ cursor: pointer; background: #f7f7f7;}
.tLapse{ font-size: 11px; display: block;}
button.btn-link{padding: 5px;  line-height: normal;}
body.theme-default .pmsDashBoard .mat-badge-medium .mat-badge-content {  width: 20px;  height: 20px;
  line-height: 20px;  font-size: 11px;}
span.blk{ display: block;}
.boxFooter{ padding: 10px 10px;}
.pmsDashBoard .bicon.mat-button, .pmsDashBoard .bicon.mat-stroked-button{padding-top: 0px;    height: 30px;  width: 30px;}
.cnt{ color: #c3c3c3;}
.cnt b{ color: #000;}
.mat-badge.mat-badge-info .mat-badge-content{color: #040404;  background: #ffd806;}
.projStat{ text-align: center;}
.projStat h3{ font-weight: bold; text-align: center; margin-bottom:0px; }
.projStat p{ text-transform: uppercase; margin-top: 0px; font-weight: bold; font-size: 12px;}
.msgCenter{ border-top: 1px solid #e5e5e5; font-size: 13px;}
.msgRow{ padding: 10px 20px; border-top: 1px solid #e5e5e5;}
.msgRow p{ margin: 5px 0px;}
.msgRow.mRead{ background: #fff;}
.msgRow.munRead{ background: #f7f7f7;}
.msgAct{ color: #aaa;}
.msgAct button{min-width: auto;}
.msgTime{ font-size: 12px; padding-left:20px; }
.prfo{border-left: 1px solid #aaa;    padding-left: 5px;}
.prfo + .prfo{ margin-left: 5px;}
body.theme-default .projSteps .mat-stepper-vertical {  background: transparent; padding: 0; font-size: 13px;}

.projSteps .mat-vertical-stepper-content{margin-bottom: 15px;}
.projSteps .mat-vertical-content-container{margin-left: 0px;}
.projSteps .mat-stepper-vertical-line::before {    left: 36px;}
.projSteps .mat-vertical-content{    padding: 5px 20px;    background: #fff;    z-index: 5;position: relative;}
.projSteps .mat-step{background: #fff;    border-radius: 10px;  box-shadow: 0 2px 25px -6px rgba(140, 140, 140, 0.5);}
body.theme-default .mat-step-header .mat-step-icon-selected, body.theme-default .mat-step-header .mat-step-icon-state-done, body.theme-default .mat-step-header .mat-step-icon-state-edit
{background-color: #0143f3;}
.navigat{ visibility: hidden;}
.pmsDashBoard table tr:hover .navigat{ visibility: visible;}
.cLink{ padding-right: 10px;}
.bdrl1{ border-left: 1px solid #e5e5e5; padding-left: 10px;}
.projSteps .mat-stepper-vertical-line::before{border-left-width: 5px;    z-index: 1; top: 0px;}
.projSteps .mat-vertical-stepper-header{    padding: 15px;}
a:hover{ text-decoration: none !important;    color: #efa70a !important;}
.hind .material-icons{ vertical-align: middle;}
.fList:hover .navigat{ visibility: visible;}
button.btn-link {
    font-family: roboto;min-width: auto;
  color: blue !important;
  font-size: 13px !important;
  font-weight: 400;display: inline;  text-align: left; padding: 0px; border: none;
}
button.btn-link:hover {color: #15a9f1 !important;}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab{font-family: roboto;}
.white-box .mat-table .mat-checkbox-inner-container {  margin-top: 0px;}
.fList .navigat button.btn-link { color: #15a9f1 !important;}
.fList .navigat button.btn-link:hover { color: blue !important;}
body.theme-default button.btn-link .mat-button-focus-overlay{background: none;}
.mat-row{ padding:5px 0px;}
.h150{ height: 150px;}
.profImage{ width: 100px; height: 100px;}
.belI .material-icons{font-size: 25px;}
.notWraper{ font-size: 12px;}
.notWraper p{ margin: 0;}
.ntHeader h3{margin: 0;    text-transform: uppercase;    font-weight: 700;    font-size: 12px;
    color: #039be5;}
  .ntHeader{ padding: 10px 20px;}
  .ftr{ padding: 10px 20px; text-align: center; border-top: 1px solid #e5e5e5;}
  .ntfMenu.mat-menu-panel{ max-width: 400px;}
  .cBlue .mTypeIcon .material-icons{ color: #039be5;}
  .cRed .mTypeIcon .material-icons{ color: red;}
  .cYelow .mTypeIcon .material-icons{ color: yellow;}
  .cGreen .mTypeIcon .material-icons{ color: green;}
  .ntfMenu .msgRow{ cursor: pointer; padding-right: 5px;}
  .mIconStat{ display: none;}
  .ntfMenu .msgRow:hover{ background: #f9f9f9;}
  .ntfMenu .msgRow:hover .mIconStat{ display: block;}
  .ntHeader .mat-badge-content{ right: -22px !important;}
  .logTime{ font-weight: 200; padding-top: 5px;}
  .mat-badge-available .mat-badge-content{    background: linear-gradient(46.65deg, #09b109 0%, #08a508 100%) !important; left: -12px!important; top: 0px !important; color:#01bd01 !important; width:10px !important; height: 10px !important; }
  .mat-badge-busy .mat-badge-content{    background: linear-gradient(46.65deg, #FF5F47 0%, #FE6A8A 100%) !important; left: -12px!important; top: 0px !important; color:#FE6A8A !important; width:10px !important; height: 10px !important; }
  html body.theme-default .toolbar.search-wrapper{border-radius: 28px;  overflow: hidden;  border:1px solid #e5e5e5; box-shadow:none;}
  html body.theme-default .toolbar.search-wrapper .search input{ font-size: 14px; font-family: roboto;}

.w100{ width: 100% !important;}

.grnBox{background:#f2fff2;}
.pmsDashBoard .grnBox table th{color: #039403;background: #dcf9dc;}

.redBox{background: #ffe0e0;}
.pmsDashBoard .redBox table th{color: #9a0101;background: #ffe0e0;}

body.theme-default .redBox  .mat-table, .white-box.redBox .mat-row:nth-of-type(2n+2) {
  background: #ffe0e0;
}

.yelowBox{background: #fcffce;}
.pmsDashBoard .yelowBox table th{color: #6f7601;background: #fcffce;}
.table tr.mat-header-row th, .table tr td{ padding: 7px;     font-size: 13px;}
.table tr.mat-header-row{ height: auto;}
.white-box mat-header-row {  min-height: 30px;}
body mat-footer-row, body mat-row{min-height: auto; padding: 3px 0px;}


.cssloadcube-overlay {

  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 99999;
  text-align: center;
}

.cssloadcube-overlay .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.cssloadcube-overlay img {
  vertical-align: middle;
  
}
.queue-table button.btn-link {    font-size: 12px !important;}
body.theme-default .mat-table.queue-table{min-height: 280px;}
.queue-table p{ margin: 0px;}

.table-bordered {  border: 1px solid #dee2e6;}
.table-bordered thead td, .table-bordered thead th {
  border-bottom-width: 2px;
}
.table-bordered td, .table-bordered th {
  border: 1px solid #dee2e6;
  padding: 5px;
  text-align: left; font-size: 13px;
}

table tr .text-center{ text-align: center;}
table tr .text-right{ text-align: right;}

.table-bordered th { background: #f7f7f7;}
.pstat{    text-align: right;    margin-bottom: -20px;}
body .mat-expansion-panel-header{ font-size: 13px;}
.priceInfo input.font-25{ font-size: 25px;}
body .mat-radio-button, body .mat-select, body .mat-radio-button{font-size: 13px;}
.cMove{ cursor: move;}
body .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.5em 0 0.9em 0;
}
body .mat-form-field-appearance-outline .mat-form-field-flex{margin-top: 0em;}

body .mat-form-field{    font: 400 13px/1.125 Roboto, Helvetica Neue, Arial, sans-serif;}

.boxPrc{text-align: center; background: #fff;    border-radius: 5px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);margin-bottom: 40px;}
.bxHead{border-bottom: 1px solid #e5e5e5;    text-align: left;  padding-left: 15px;}
.bxHead h4{    padding: 0;  margin: 10px 0px 0px 0px;}
.bxFtr{ padding: 5px;}
.boxPrcIn{ padding: 10px;}
.boxPrc p{ margin: 5px 0px; padding: 0;}
.arrowRight{    margin-left: -15px;  margin-top: 50px;}
.arrowRight .material-icons{font-size: 50px; color:  #d8d6d6;}
.scrolHorizontal{    overflow-x: scroll; padding-left: 10px;     padding-top: 15px;}
.f25{ font-size: 25px;  position: relative;  top: 5px;}
.promoInput{border: 2px dashed rgba(151,166,187,.3);  border-radius: 4px;  background-color: rgba(235,237,245,.2);
  box-shadow: 0 2px 1px 0 rgba(0,0,0,.03);  padding: 7px;  text-align: center;  margin-bottom: 0;}
.assignRow{background: #fff; padding: 10px 10px 5px 5px;   border-radius: 5px;box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px -1px 5px 0px rgba(0, 0, 0, 0.12);margin: 20px 0px;}
.fileUploadWraper{    border: 2px dashed rgba(151,166,187,.3);
  border-radius: 4px;
  background-color: rgba(235,237,245,.2);
  box-shadow: 0 2px 1px 0 rgba(0,0,0,.03);
  padding: 15px;
  text-align: center;
  margin-bottom: 0;
}
.white-box button .mat-icon{    vertical-align: text-top;margin-right: 0px;}
.page-layout.w75 {   width: 75%;    min-height: 100%;    margin: auto;}
.w30{ width: 30%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.group-items.ng-star-inserted fuse-nav-vertical-item.nav-item.ng-star-inserted:last-child .nav-link {
  margin-top: 50px;
}
.plainBox{ box-shadow: none; border-radius: 1px; border:1px solid #ddd;}
.custInfo p{ margin:5px 0px;}
.bg-green p.dLabel{margin-top: 5px;}
.tText {
  font-size: 13px;
  color: #8e8c8c;
  font-family: roboto;
  font-weight: 200;
}
.logTime .material-icons{font-size: 15px;vertical-align: middle;}
body .mat-standard-chip{    min-height: 28px;    padding: 5px 12px;}
body .mat-chip {  font-size: 12px;  font-weight: 200;}
 
body.theme-default .group-title .hint-text {  color: rgba(236, 232, 232, 0.38);}
.pTitle b{  font-weight: 600;}

.card.card-stats {
  border: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 6px;
  color: #333;
  background: #fff;
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
.card.card-stats {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.card-stats .card-header + .card-footer {
  border-top: 1px solid #eee;
  margin-top: 14px;
}
.card.card-stats .card-body + .card-footer, .card.card-stats .card-footer {
  padding: 10px 0 0;
  margin: 0 15px 10px;
      margin-top: 0px;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
}
.card.card-stats .card-footer {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 0;
      border-top-color: currentcolor;
      border-top-style: none;
      border-top-width: 0px;
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-header{    padding: 0px 10px;}
.card-title{font-weight: 300;padding: 0;font-size: 60px;margin: 0; line-height: normal;}
.card-category{ font-weight:600;}
body .mat-menu-item .mat-icon{    margin-right: 0px; vertical-align: text-top;}

.tableScroll .mat-row, .tableScroll .mat-header-row {    min-width: 1000px;    width: 100%; }  

.tableScroll{ height: 300px; overflow-y: scroll;}

body.theme-default .page-layout .mat-chip.mat-standard-chip {  background-color: #fcfcfd;  border: 1px solid #ddd;}
.font11{ font-size: 11px; color: #777777;}
.dBlock{ display: block;}
.processList{ background: #FAFAFA; margin: 0px -10px -5px -5px; padding: 20px;border-top: 1px solid #e5e5e5; border-radius: 0px 0px 10px 10px;}
body.theme-default .mat-optgroup-label {
  color: rgb(247, 180, 34);
  font-weight: 600;
  font-size: 14px;
}
.workflow_done{background: #ebffed;}
.workflow_in_progress{background: #fdfad5;}
.workflow_completed{background : #d7ffeb  }


.aText{    font-size: 11px;  color: #02a702;  padding-left: 5px;}
.naText{    font-size: 11px;  color: #ff2701;  padding-left: 5px;}
.lcby{color: #bfbaba; font-weight: 200; font-size: 11px;}
.lcby .material-icons{color: #bfbaba !important; font-size: 10px;}
.jobInfo{margin: 0;   padding-left: 5px;}
.history-cell p{ margin: 0; margin-bottom: 3px;}
.avatar {overflow: hidden;  display: inline-block;  border-radius: 50%;  border: 1px solid #ccc;  vertical-align: middle;  background-size: cover;
  background-origin: padding-box;width: 26px;  height: 26px;text-align: center;  background-color: #fff;font-size: 10px;  line-height: 24px;}
  .tlink{ color:#0143f3; cursor: pointer;}
  .tlink:hover{ color:#4977f7; cursor: pointer;}
  .rptInputs p{ margin: 2px 0px;}
  .rptInputs{padding-bottom: 15px;  border-bottom: 1px solid #e5e5e5;}
  td.ylbg{ color: #fff;}
  .f20, input.f20{ font-size: 20px;}
  .f30{ font-size: 30px;}
  .mat-cell span p{ margin: 0;display: inline; padding-right: 5px;}
  .white-box .mat-icon{    min-width: 16px;    min-height: 16px;    width: 16px;}
  .danger .tLapse { background: #ff520e; padding: 2px 5px; color: #fff; border-radius: 16px;}
  .warning .tLapse{ background: #ffebc1; padding: 2px 5px; color: #ff520e;border-radius: 16px;}
  .normal .tLapse{ background: #02a702;padding: 2px 5px; color: #fff;border-radius: 16px;}
   .wMenu{padding: 10px 20px;}
   body.theme-default .mat-menu-item {line-height: 35px;    height: 35px;}
   .clr-w{color:#fff!important;}
   .w-100{ width: 100px;}
   .bdg .mat-icon {height: auto;    margin: 0;    width: auto;    padding: 0;    min-width: auto;    min-height: auto;}
   .tHeader button.mpw0{ margin:0; padding: 0; min-width:auto;}
   .mStamp{ color: #cac8c8;     font-size: 11px}
   .mCmnt{    margin-top: 0;    border-left: 2px solid #f7b422;  margin-left: 10px;  padding-left: 5px;}
   ul.list_items li {    float: left;    width: 100%;    margin: 0px;    padding: 0;    font-size: 14px;
    line-height: normal;}
ul.list_items {    float: left;    width: 100%;    padding: 0;    margin: 0;}
.mmin20{margin-left: -20px;  margin-right: -20px;  margin-bottom: -20px;}
body.theme-default button .icon, body.theme-default button i{color: inherit;}
.w-90{ width: 90px;}
 .blockLine .mat-radio-button{display: block; margin: 15px 3px;}
 .disabledBox, .disabledBox table th, .disabledBox .cnt b{ color: #eee;}
 .coming-soon{     opacity: 0.4;}
 
  .block{display:block;}
  .activityLog{ padding: 1px;    font-size: 12px;}
  .activityLog .avatar {    width: 25px;    min-width: 25px;    height: 25px;    line-height: 25px;    margin: 0 8px 0 0;    border-radius: 50%;
    font-size: 10px;    font-weight: 600;    text-align: center;}
.sDate{font-size: 10px;  color: #aaa;}
.activityLog h4{font-size: 13px;  text-transform: uppercase;  font-weight: bold;}
h4.title{ font-weight: 600; font-size: 13px; margin: 0px;}

.noDataFound{
	text-align: center;
	font-size: 14px;
	font-family: 'Roboto', sans-serif !important;
	padding: 10px 0;
	color: #000;
}

.sCard p{ margin:0px;}
p.aName{ font-weight: 600;}
.sCard{ background: #fff; margin-bottom: 10px; padding: 10px;  border-radius: 5px;box-shadow: 0 2px 25px -6px rgba(140, 140, 140, 0.5);}
p.aCreated, p.aModified{ font-size: 10px; color:#bbb;}
.sCard:hover{ cursor: pointer; background-color: #f7f7f7;}
.quote_active{color: #23bb05;}
.quote_inactive{color: #a09d9d;}
.mEqual{ margin-left:-25px; margin-right:-25px; margin-bottom: -25px;}
.mEqual20{ margin-left:-20px; margin-right:-20px;  margin-top:20px;}
.mEqual16{ margin-left:-16px; margin-right:-16px;  margin-top:16px;}

body.theme-default .valueItem .mat-form-field-appearance-outline .mat-form-field-outline{ color: #fff; box-shadow: none;}
body .mat-dialog-container{ padding: 0;}
.cke_contents{ min-height: 300px;}
.line-breaker {
  white-space: pre-wrap;
}
.custom-height-popup{
    min-height: 250px;
    
  } 
 

.custom-height-payment{
  height: 500px;
  overflow: auto;
}


body.theme-default div .mat-paginator {
  background: none;
}
.customcol-sm-4 {
  width: 50%;
  display: inline-table;
  padding-left: 20px;
  padding-top: 20px;
}
.resultWraper{ text-align: left;}
.profImage img{border: 1px solid #e5e5e5;  padding: 7px 6px;  background: #fff;}
img.i-icon{    vertical-align: initial;  height: 25px;}
toolbar button.qhIcon{padding: 0;min-width: 35px;}
.main-section small{	font-size: 12px;}
.main-section h3, .main-section h5{	margin: 0px; font-weight: 600;}
.head-section{	border-bottom:1px solid #E6E6E6;	clear: both;	overflow: hidden;  width: 100%;}
  .headLeft-section{	width: calc(30% - 1px);	float: left;	border-right:1px solid #E6E6E6;}
.headLeft-sub{	padding: 15px;}
.headLeft-sub input{	width: 60%;	border-radius: 20px 0px 0px 20px;	border:1px solid #E6E6E6;	padding: 7px;}
.headLeft-sub button{	background: #009EF7;     border-radius: 0px 20px 20px 0px;	color: #fff;	border:1px solid #009EF7;	padding: 7px 15px;}
.headRight-section{	width: 70%;	float: left;}
.headRight-sub{	padding: 10px 15px 0px 15px;}
.body-section{	clear: both;	overflow: hidden;	width: 100%;}
.left-section{	width: calc(30% - 1px);	float: left;		border-right:1px solid #E6E6E6;	z-index: 1;  position: relative;}
.left-section ul{	padding: 0px;	margin: 0px;	list-style: none;}
.left-section ul li{	padding: 15px 0px;	cursor: pointer;}
.left-section ul li.active{	background: #009EF7;	color: #fff;	position: relative;}
.mCustomScrollBox, .mCSB_container{	overflow: unset !important;}
.left-section ul li.active .desc .time{	color: #fff;}
.left-section ul li.active:before{	position: absolute;	content: '';	right: -10px;	border:5px solid #009EF7;	top: 0px;
	bottom: 0px;	border-radius: 0px 3px 3px 0px;}
.left-section ul li.active:after{  position: absolute;  content: "";  bottom: 0px;  right: 0px;
  left: auto;  width: 100%;  top: 0px;  -webkit-box-shadow: -8px 4px 10px #a1a1a1;  -moz-box-shadow: -8px 4px 10px #a1a1a1;
  box-shadow: -8px 4px 10px #a1a1a1;}
.left-section .chatList{	overflow: hidden;}
.left-section .chatList .img{	width: 60px;	float: left;	text-align: center;
	position: relative;}
.left-section .chatList .img img{	width: 30px;	border-radius: 50%;}
.left-section .chatList .img i{	position: absolute;	font-size: 10px;	color: #52E2A7;
	border:1px solid #fff;	border-radius: 50%;	left: 10px;}
.left-section .chatList .desc{	width: calc(100% - 60px);	float: left;	position: relative;}
.left-section .chatList .desc .time{	position: absolute;	right: 15px;	color: #c1c1c1;}
.right-section{	width: 70%;	float: left;	height: 600px;	position: relative;
  }
.message{	height: calc(100% - 168px);}
.message ul{	padding: 0px;	list-style: none;	margin: 0px auto;	width: 90%;	overflow:hidden;}
.message ul li{	position: relative;	width: 80%;	padding: 15px 0px;	clear: both;}
.message ul li.msg-left{	float: left;}
.message ul li.msg-left img{	position: absolute;	width: 40px;
	bottom: 30px;}
.message ul li.msg-left .msg-desc{background: #fff;	padding:10px;	border-radius: 5px 5px 5px 0px; position: relative;}
  .message ul li.msg-left .msg-desc:before{	position: absolute;	content: '';
	border:10px solid transparent;	border-bottom-color: #E8E8E8;	bottom: 0px;
	left: -10px;}
.message ul li.msg-left small{	float: right;	color: #c1c1c1;}
.message ul li.msg-right{	float: right;}
.message ul li.msg-right img{	position: absolute;	width: 40px;
	right: 0px;	bottom: 30px;}
.message ul li.msg-right .msg-desc{	margin-right: 70px;	background: #c9ffcb;	color: #015f27;	padding:10px;
	border-radius: 5px 5px 5px 0px;	position: relative;}
.message ul li.msg-right .msg-desc:before{	position: absolute;	content: '';	border:10px solid transparent;	border-bottom-color: #cce5ff;
	bottom: 0px;	right: -10px;}
.message ul li.msg-right small{
	float: right;	color: #c1c1c1;	margin-right: 70px;}
.message ul li.msg-day{	border-top:1px solid #EBEBEB;	width: 100%;	padding: 0px;
	margin: 15px 0px;}
.message ul li.msg-day small{	position: absolute;	top: -10px;	background: #F6F6F6;	color: #c1c1c1;
	padding: 3px 10px;	left: 50%;	transform: translateX(-50%);}
.right-section-bottom{	background: #f7f7f7;	width: 100%;	padding: 15px;	position: absolute;	bottom: 0px;	border-top:1px solid #E6E6E6;
  border-radius: 0px 0px 10px 0px;}

.btn-send .material-icons {  font-size: 2rem;}
.upload-btn{  position: relative;  overflow: hidden;  float: left;}
.upload-btn .btn{  	border:0px;	padding: 8px 10px;	color: #009EF7;	font-size: 18px;	background: #fff;
  cursor: pointer;}
  .upload-btn input[type=file] {  font-size: 100px;  position: absolute;
  left: 0;  top: 0;  opacity: 0;}
.img .material-icons{font-size: 3rem;  color: #bbb;}
.mCustomScrollbar{ overflow-y: auto; overflow-x: hidden;}
.active .img .material-icons{color: #fff;}
.left-section ul li:hover{ background: #efefef;}
.left-section ul li.active:hover{ background: #009EF7;}
.whatsApp .headLeft-section{background-color: rgb(38, 192, 168);}
.whatsApp .right-section{	  background: #e4e3e3 url(/assets/images/whatsapp-bg.png) repeat left top;}
.headLeft-sub img{ vertical-align: middle;}
.headLeft-sub span {
  color: #fff;
  padding-left: 15px;
  float: right;
  padding-top: 11px;
}
.h500{height: 500px;}

.sms .headLeft-section{background-color:#f7b422;}
.sms .message ul li.msg-left .msg-desc{    background: #efecec;}
.tSms{font-size: 2rem;}
.tSms .material-icons{font-size: 3rem;  color: #fff;  vertical-align: middle;}
.sms .headLeft-sub span{     float: none; }
.sms .message ul li.msg-right .msg-desc{    background: #fff0cf;}
.sms .message ul li.msg-right .msg-desc:before{border-bottom-color: #fff0cf;}
.myPanelClass{
  margin-top: 5px !important; 
}
.nav {  padding-left: 0;  margin-bottom: 0;  list-style: none;}
.nav-stacked > li {  border-bottom: 1px solid #f4f4f4;  margin: 0;}
.nav-stacked > li {  float: none;}
.nav > li {  position: relative;  display: block;}
.nav {  list-style: none;}
.nav-stacked > li > div {  border-radius: 0;  border-top: 0;  border-left: 3px solid transparent;  color: #444;}
.nav > li > div {  position: relative;  display: block;  padding: 10px 15px;}
.pull-right {  float: right;}
.badge {  display: inline-block;  min-width: 10px;  padding: 3px 7px;  font-size: 12px;
  font-weight: 700;  line-height: 1;  color: #fff;  text-align: center;  white-space: nowrap;
  vertical-align: middle;  background-color: #777;  border-radius: 10px;}
  .bg-blue {  background-color: #0073b7; color: #fff;}
.hHeader{   text-align: center;  border-radius: 6px 6px 0px 0px;border-bottom: 1px solid #e7e7e7;}
.card  .mat-raised-button .mat-button-wrapper>* {  vertical-align: bottom;}
.apsWraper .material-icons{color:#f7b422;}
.btn-link{ margin:0; padding: 0; line-height: normal;}
.closed, .blacklisted {background: red !important; }
.probation, .leader, .junior, .unavailable{background: yellow; color: #000;}
.tablescrolldata thead, .tablescrolldata tbody tr { display: table; width: 100%; table-layout: fixed; }
.tablescrolldata tbody { overflow-y: scroll; height: auto; display: block; max-height: 48vh; }
.my-select-panel-class{
  min-width: calc(100% + 90px) !important;    
}
.mt-1 {
  margin-top: 10px  !important; 
}
.mt-2 {
  margin-top: 15px  !important; 
}
.mt-3 {
  margin-top: 20px  !important; 
}

.multi_service_filed .mat-form-field-flex {
  background-color: none !important;
}
.font-16{
  font-size: 16px;
}