body.theme-default {  font-family: 'Roboto', sans-serif;}
button{font-weight: 400 !important;    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: 5px;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: #f7f7f7;top: 1em;}
.white-box .mat-form-field-appearance-outline .mat-form-field-infix {    padding: 1em 0 0.5em 0;}
.white-box .mat-icon{margin-right: 10px;vertical-align: middle; margin-left: 0 !important;}
.tHeader{border-bottom: 1px solid #e5e5e5;     padding: 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%;}
.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;
    background: #2c2e50;
    color: #fff;
}

.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;}
input.mat-input-element{ padding-left: 7px;}
.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;}
.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;}
.white-box .mat-checkbox-layout{    white-space: normal;    margin-bottom: 15px; 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;}
.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: 85%;    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{line-height: normal;    width: auto;    padding: 0;    min-width: auto;}
.material-icons {  font-size: 18px;}
.rowcon{ margin-bottom: 5px;}
.profilePage .white-box h4 {color:#0f62e2;}
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;}
.hGreen{background:#06c106;}
.hRed{background: red;}
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, Helvetica Neue, Arial, sans-serif;display: block;
}

textarea.mat-input-element{    line-height: 1.4;}
.mat-cell, .mat-footer-cell{padding-right:10px; font-size: 13px;}
.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;}
.grn{background: linear-gradient(46.65deg, #09b109 0%, #08a508 100%);}
.rdb{background: linear-gradient(46.65deg, #FF5F47 0%, #FE6A8A 100%);}
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 .mat-tab-group.mat-primary .mat-ink-bar, body.theme-default .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{ font-size: 13px;}
.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;}
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: 14px !important;
  font-weight: 400;display: inline;  text-align: left; padding: 0px;
}
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:10px 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{ visibility: hidden;}
  .ntfMenu .msgRow:hover{ background: #f9f9f9;}
  .ntfMenu .msgRow:hover .mIconStat{ visibility: visible;}
  .ntHeader .mat-badge-content{ right: -22px !important;}
  .logTime{ font-weight: 200;}
  .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;}
  .sAvailable{ color: #14ab08 !important;}
  .sIdle{ color:yellow !important;}
  .sBusy{ color:red !important;}
  body.theme-default .group-title .hint-text {color: rgba(236, 232, 232, 0.38);}
  .noDataFound{ text-align: center; font-size: 14px;font-family: 'Roboto', sans-serif !important;padding: 10px 0;color: #000;}
  .registerPage .lWrp{align-items: self-start;}
.regCnt{padding: 2rem 4rem;     text-align: center;}
.bxInn {  padding: 2rem;  border-radius: 50%;  width: 150px;  height: 150px;
  text-align: center;  font-size: 1.6rem;   text-transform: capitalize;  padding-top: 5rem; border: 1px solid #e5e5e5;
}
.title{    font-weight: 600;}
.registerPage .lWrp{ background: #fff;color: #333;    border-right: 1px solid #ddd;}
.tlink{ color:#0143f3; cursor: pointer;}
.tlink:hover{ color:#4977f7; cursor: pointer;}
.page-layout.w75 {   width: 75%;    min-height: 100%;    margin: auto;}