/** start : vuetable **/
 .table-responsive {
  padding-bottom: 24px;
 }
 .vuetable-pagination {
   font-size: 12px;
 }
 .vuetable-pagination-wf3 {
   font-size: 12px;
 }
 .vuetable-pagination-info {
     float: left;
     margin-top: auto;
     margin-bottom: auto;
 }
 .vuetable-pagination-component a.item {
     cursor: pointer;
     padding: 5px 10px;
 }
 .vuetable-pagination-component {
     float: right;
 }
 .vuetable-pagination-component .pagination {
     margin: 0px;
 }
 .vuetable-pagination-component .pagination .btn {
     cursor: pointer;
     margin: 2px;
 }
 .layout-main {
     position: inherit !important;
 }
 .vuetable tr:hover {
     color: #2185d0;
     cursor: pointer;
 }
 .swal2-container:not(.swal2-in){
    pointer-events: all;
 }
.vuetable-actions {
  width: 16% !important;
}
/** end : vuetable **/

/** Additional **/
.dashboard-link {
    cursor: pointer;
    text-decoration: none;
}

#billing_daily_panel {
    width: 80%;
}

.p-font-tiny {
    font-weight: normal;
}
.btn-set {
    background-color: #1796b0 !important;
    border-color: transparent !important;
    margin-left: 10px;
    color: #fff;
    border-radius: 5px;
}

.table-responsive {
  padding-bottom: 24px;
}

/** Start : Data feature **/
.box-border {
    position:relative;
    width: 150px;
    max-width:90%;
    height: 100px;
    padding:20px 0 20px 0;
    float:left;
    text-align:center;
    margin: 10px 0 0 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px #CCC;
    -moz-box-shadow: 0px 0px 5px #CCC;
    box-shadow: 0px 0px 5px #CCC;
    border-radius: 5px;
}
.custom-inline-toolbar {
    display: inline-block;
    float: right;
    margin-right: 15px;
}
.fieldset-filter {
    margin-top: 10px;
}
.sq-24 {
    padding-right: 10px;
}
.standard-font-size {
    font-size: 13px;
}
/** End : Data feature **/

/** Form error validation style **/
.form-group.error .vlabel {
    color: #f66;
}
.form-group.error input[type=text].form-control, .form-group.error select.form-control, .form-group.error textarea {
    border-color: #f66;
}
.form-group.error .message {
    color: #f66;
}
.form-group .message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 0 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
}

/**announcement**/
/** start : switch button style */
.settings {
  display: table;
  width: 100%;
}
.settings .row {
  display: table-row;
}
.settings .question,
.settings .btn-switch {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.settings .question {
  width: 600px;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
}
.image-preview {
  padding: 20px 20px 20px 0px;
}
img.preview {
  width: 280px;
  background-color: white;
  border: 1px solid #DDD;
  padding: 5px;
}

/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 80px;
  height: 40px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 40px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #4cd964;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 39px;
}
.div-switch-label {
    width: 20px;
}
.btn-switch {
    width: 100px;
}
/** end : switch button style */

/** start checkbox button **/
#cb-button {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}

#cb-button .cb-label {
    float:left;
    width:6.5em;
    margin-bottom: 0px;
}

#cb-button .cb-label span {
    text-align:center;
    padding:3px 0px;
    display:block;
}

#cb-button .cb-label input {
    position:absolute;
    top:0px;
    display: none;
}

#cb-button input:checked + span {
    background-color:#911;
    color:#fff;
}

.div-list {
    width: 119px;
    height: 220px;
    overflow-x: hidden;
}
/** end checkbox button **/

.form-on-panel {
    margin: 15px 0px 15px 5px;
}

.panel-for-form {
    margin: 0rem 4rem;
}

/** facility booking **/
.input-text-time {
    width:50px !important;
    text-align: center;
}
.div-time {
    width: 70px;
    height: 22px;
    font-size: 18px;
    color: #4a4a4a;
    margin-left: 30px;
}

/** start : theme setting */
.box-color {
  width: 120px;
  cursor: pointer;
}
.box-font-color {
  margin-top: 8px;
}
.img_thumb_theme {
  position: absolute !important;
  width: 80px;
}
.img_checked_theme {
    display: none;
    position: absolute;
    left: 12px;
    bottom: 5px;
}
img.img_thumbnail_logo {
  width: 72px;
  background-color: white;
  border: 1px solid #DDD;
  padding: 5px;
}
/** end : theme setting */

.btn-detail-standard {
  height: 24px;
  width: 80px;
  font-size: 10px;
  padding: 6px 5px 6px 10px;
}

.input-with-icon {
  margin-top: 10px;
  margin-bottom: 10px;
}

table.no-background {
  background: transparent;
}

/*** top notification **/
.dropdown-menu-right
{
  color:#ffffff;
}
.dropdown-menu-right > li {
  height: 40px;
  width: 215px;
  font-size: 10px;
}
.dropdown-top-right {
  width: 215px;
}
.nav .open > button,
.nav .open > button:hover,
.nav .open > button:focus {
  border-color: transparent;
  background-color:#333333;
}
#navbar #btn-navbar-account-btn span.user_name {
    top: 21px;
}
/*** end top notification **/

/*** tooltip table **/
p.tooltip-status {
  color: #6a6a6a;
  font-weight: normal;
  font-family: hind_regularregular;
}

.box-priviledges-top
{
  padding:10px;
  width:92%;
  text-align:left;
  position:relative;
  margin:0 auto;
  font-family:"montserratregular";
  font-size: 18px;
}

.box-priviledges-top .title
{
  margin:13px 13px 5px 13px;
  font-weight: bold;
}

.box-priviledges-top .block
{
  border-radius:8px;
  background-color:#fff;
  padding:20px 0px 0px 24px;
  margin:35px 0px 0px 0px;
}

.btn-priviledges
{
  border-radius:8px;
  font-size:14px;
  height:40px;
}

@font-face {
  font-family:"Montserrat-Bold";
  src:url("../fonts/Montserrat-Bold.eot?") format("eot"),
  url("../fonts/Montserrat-Bold.woff") format("woff"),
  url("../fonts/Montserrat-Bold.ttf") format("truetype"),
  url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight:normal;
  font-style:normal;
}

.montserrat-bold
{
  font-family:"Montserrat-Bold";
}

.white-checkbox {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 1px;
    display: block;
    float: left;
    position: relative;
    cursor:pointer;
}
.white-checkbox:after {
    content:"";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 13px;
    width: 13px;
    left:0px;
    top:0px;
    font-size:10px;
    -webkit-box-shadow: inset 0px 0px 1px #000, 0px 1px 0px #444;
    -moz-box-shadow: inset 0px 0px 0px #000, 0px 0px 0px #444;
    box-shadow: inset 0px 0px 1px #000, 0px 0px 0px #444;
    background: #fff;
}
.white-checkbox:checked:after {
    background: #fff;
    content:'\2714';
    color: #000;
}
.col-md-3.error
{
  color:#ff0000;
}

.col-md-3.error input[type=text].form-control, .form-group.error select.form-control
{
  border-color: #f66;
}

/*start css for analytic page */

.avg-icon
{
  width:47px;
  right:20px;
  float:right;
  position:relative;
}

.analytic-container
{
  padding-left:43px;
  padding-right:43px;
}

.analytic-left-block
{
  border-radius:12px;
  padding:16px;
}

.analytic-right-block
{
}

.analytic-graph
{
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
  position:relative;
  padding:6px 13px 34px 0px;
  top:20px;
}

.graph-horizontal-left
{
  float:left;
  height:8px;
  background-color:#1b7bbb;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.graph-horizontal-right
{
  float:left;
  height:8px;
  background-color:#ffc35f;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.graph-horizontal-request
{
  float:left;
  height:8px;
  background-color:#1b7bbb;
  /*border-radius: 5px;*/
}

.graph-horizontal-complaint
{
  float:left;
  height:8px;
  background-color:#ffc35f;
  /*border-radius: 5px;*/
}

.graph-horizontal-others
{
  float:left;
  height:8px;
  background-color:#e00000;
  /*border-radius: 5px;*/
}

.pad-input
{
  padding-top:12px;
}

.analytic-panel
{
  border-radius:12px;
  padding:8px;
  background:#fff;
  margin-top:25px;
  padding:23px 17px 23px 17px;
  box-shadow: 0 2px 2px 0 rgba(201, 201, 201, 0.5);
}

.info-panel
{
  border-radius:12px;
  background:#fff;
  top:25px;
  font-weight:normal;
  font-size:12px;
  height:60px;
  box-shadow: 0 2px 2px 0 rgba(201, 201, 201, 0.5);
}

.info-panel .left-info-panel
{
  padding:23px 8px 23px 18px!important;
  border-right:1px solid #f0f0f0;
  font-weight:normal;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.info-panel .right-info-panel
{
 padding:23px 0px 24px 0px!important;
 cursor:pointer;
 font-size: 11px;
 font-weight: 600;
 font-style: normal;
 font-stretch: normal;
 line-height: normal;
 letter-spacing: normal;
 color: #6a6a6a;
 text-align:center;
}

.right-info-panel.active
{
  border-bottom:2px solid #1b7bbb;
  box-shadow: 0 0px 0px 0 rgba(201, 201, 201, 0.5);
  color: #1b7bbb;
}


.showing-analytic
{
    font-family: montserratregular;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding:0;
}


.analytic-total
{
  font-family: montserratregular;
  font-size: 18px;
  /*font-weight: bold;*/
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;

}

.inquiry-completed
{
  font-family: montserratregular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  font-weight:500;
}

.avg-font
{
  font-family: montserratregular;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}

.avg-number
{
  font-family: montserratregular;
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1b7bbb;
  top:8px;
  position:relative;
  margin:10px;
}

.blue-font
{
  color:#1b7bbb;
  font-weight:500;
}

.yellow-font
{
  color: #ffc35f;
  font-weight:500;
}

.highcharts-button-box
{
  display:none;
}

/*end css for analytic page */

.border-houserule-pdf
{
  border:1px dashed #cfcfcf;
  width:30%;
  height:50px;
}

#select_pdf
{
  font-weight:200;
  top:12px;
  cursor:pointer;
  text-overflow:ellipsis;
  overflow:hidden;
  width:312px;
  display:inline-block;
  white-space:nowrap;
}

.icon-title-bar
{
  top:0px;
}

.box-leader
{
  color:#4F94E3;
  padding:5px;
  border-radius: 1px;
  border: solid 1px #4F94E3;
  font-family: "montserratregular";
  font-size: 8px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.inquiry-status.New
{
    border: 1px solid #D12C2C;
    padding: 10px;
    color: #D12C2C;
    text-transform: uppercase;
    font-family: montserratregular;
}

.inquiry-status.Completed
{
  border: 1px solid #9b9b9b;
  padding: 10px;
  color: #9b9b9b;
  text-transform: uppercase;
  font-family: montserratregular;
}

.inquiry-status.In-Progress
{
    border: 1px solid #FFD800;
    padding: 10px;
    color: #FFD800;
    text-transform: uppercase;
    font-family: montserratregular;
}



.inquiry-status.Cancelled
{
    border: 1px solid #D12C2C;
    padding: 10px;
    color: #D12C2C;
    text-transform: uppercase;
    font-family: montserratregular;
}
.inquiry-status.active, .inquiry-status.rejected
{
    border: 1px solid #D12C2C;
    padding: 10px;
    color: #D12C2C;
    text-transform: uppercase;
    font-family: montserratregular;  
}

.label-rejected {
  border: 1px solid #D12C2C;
  color: #D12C2C;
}
.inquiry-status.closed
{
    border: 1px solid #9B9B9B;
    padding: 10px;
    color: #9B9B9B;
    text-transform: uppercase;
    font-family: montserratregular;  
}
.disable-click
{
    pointer-events : none;
}

/* wf3 detail inquiry */

.panel-fixed-wf3
{
  padding-top: 50px;
}

.panel-fix-wf3
{
  padding-top: 50px;
}

.header-wf3
{
  padding-top:17px !important;
  padding-left: 90px !important;
  padding-right: 90px !important;
  border-bottom: 1px solid #f1f1f1;
}

.content-wf3
{
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.footer-wf3
{
  padding-left: 90px;
  padding-bottom: 0px !important;
  padding-right: 90px;
  border-top: 1px solid #f1f1f1;
  background-color: #fcfcfc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.icon-wf3
{
  width:24px;
  height: 24px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.content-title-wf3
{
    color: #9b9b9b;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
}

.content-detail-wf3
{
  font-size: 12px;
  word-wrap: break-word;
  white-space: normal;
  font-family: hind_regularregular;
}

.tags_wf3{
    margin-left:-10px;
    padding:0;
    position:absolute;
    list-style:none;
    width:100%;
}

.tags .btn_remark_status_wf3
{
  width: 100%;
  height: 18px;
  border-radius: 23px;
  border: solid 1px #8f8f8f;
  font-family: MontserratRegular;
  text-align: left;
  cursor:pointer;
  margin-left:14px;
  top:2px;
}

.tags .btn_remark_status_wf3 .text_remark_status_wf3
{
  top:-4px;
  font-size:9px;
  color:#8f8f8f;
}

.box-wf3
{
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  margin: 2rem 5.75rem;
  padding-right: 31px;
  padding-left: 39px;
}

.detail-wf3
{
  height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.btn-spv-wf3
{
  width: 164px;
  height: 28px;
  border-radius: 5px;
  background-color: #f58220 !important;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.heaedline-det-wf3
{
  width: 190px;
  height: 19px;
  font-family: MontserratRegular;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
}

.staff-popup
{
  padding:50px 244px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.popup-schedule-date
{
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.sch-date-wf3
{
  width: 228px;height: 36px;border-radius: 5px;border: solid 1px #d0d0d0 !important;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:8px;
  font-family: montserratregular;
  font-size: 10px !important;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #9b9b9b;
}

.popup-schedule-hour
{
  height: 13px;
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.sch-hour-wf3
{
  width: 52px;height: 36px;border-radius: 5px;border: solid 1px #d0d0d0 !important;
  font-family: montserratregular;
  margin:10px 8px;
  font-size: 10px !important;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #9b9b9b;
}

.sch-minute-wf3
{
  width: 52px;height: 36px;border-radius: 5px;border: solid 1px #d0d0d0 !important;
  font-family: montserratregular;
  margin:10px 8px;
  font-size: 10px !important;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #9b9b9b;
}

.popup-estimate
{
  height: 13px;
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.estimate-hour
{
  width: 52px;height: 36px;border-radius: 5px;border: solid 1px #d0d0d0 !important;
  font-family: montserratregular;
  margin:10px 8px;
  font-size: 10px !important;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #9b9b9b;
}

.estimate-minute
{
  width: 52px;height: 36px;border-radius: 5px;border: solid 1px #d0d0d0 !important;
  font-family: montserratregular;
  margin:10px 11px;
  font-size: 10px !important;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #9b9b9b;
}

.content-heading
{
  height:350px;
  padding:13px 38px;
  overflow:hidden;
}

.billing-content
{
  max-height: 65vh !important;
  padding:13px 38px;
  overflow:hidden;
}

.content-head-wrapper
{
  width:100%;
  display: inline-block;
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.content-detail-title-left
{
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  float: left;
}

.content-detail-title-right
{
  font-family: montserratregular;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9b9b9b;
  float: right;
}

/***BILLING**/
.content-search-wrapper
{
  height: 280px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
  margin: auto;
  overflow: auto;
  min-width: max-content;
}

.billing-wrapper
{
  min-height:368px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
  margin: auto;
}

.staff-search-wf3
{
  padding:12px; 10px;
  border-bottom:solid 1px #ebebeb;
}

.staff-search-input
{
  width:100%;height: 36px;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border: solid 1px #d0d0d0 !important;
  padding-right:0 !important;
}

.content-footer-text-left
{
  display:inline-block;
  float:left;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.content-footer-text-right
{
  display:inline-block;
  float:right;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.warningTextWf3
{
  font-family: montserratregular;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: normal;
  color: #4a4a4a;
}

.warn
{
  display: inline-block;
}

.warn:before {
    content: "!";
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 50%;
    color: #fff;
    background-color: #d0021b;
    text-align: center;
}

.input-box-wf3 {
    width: 74px;
    height: 30px;
    border-radius: 5px;
    background-color: #ffffff !important;
    border: solid 1px #ebebeb !important;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6a6a6a;
    padding-left: 16px;
    padding-top: 7px;
    padding-bottom: 8px;
}

.select-box-bill {
  height: 30px;
  border-radius: 5px;
  background-color: #ffffff !important;
  border: solid 1px #ebebeb !important;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
  padding-left: 16px;
  padding-top : 7px;
  padding-bottom: 8px;
}

.additem-billing{
  cursor: pointer;
  font-family: montserratregular;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4e8ee9;
  text-transform: uppercase;
}

.input-price {
  border-radius: 0px 5px 5px 0px !important;
  border-left: none !important;
}

.input-group-addon {
  padding:7px 8px;
  background-color: #ffffff !important;
  display: inline;
  height: 30px;
  border-collapse: separate;
  border-right: none !important;
  border: solid 1px #ebebeb !important;
  border-radius: 5px 0px 0px 5px;
}

 .panel-foot-wf3 {
   border-bottom-left-radius:8px;
   border-bottom-right-radius:8px;
   border-top:solid 1px #dfdfdf;
 }

 .panel-total-billing {
   height:47px;
   border-bottom:solid 1px #f1f1f1;
   padding: 10px 38px 15px 38px;
 }

 .total-billing {
    float:right;
    font-family: montserratregular;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    text-transform: uppercase;
 }

 .value-total {
    float:right;
    font-family: montserratregular;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c78bb;
 }

 .top-panel-inq {
     overflow-x: auto; 
     min-height: 0.01%;
     padding-left: 36px;
     padding-right: 36px;
     padding-bottom: 31px;
     background: white;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     margin-bottom: 50px;
 }

 .table-wf3 {
      /* border-collapse: separate; */
      width:100%;
      border-left:0px;
      font-size:12px;
      font-family:hind_regularregular;
      color:#4a4a4a;
  }

  .table-wf3 tr {
    position: relative;
    /* border-collapse:seperate; */
    border-spacing:0;
    background-position-x: 10px;
    padding:10px 0;
    transition:background .1s;
    height:54px;
  }

  .table-wf3 > tbody > tr:nth-of-type(odd)
  {
    background-color:#f8f8f8;
  }

  .table.table-wf3 > tbody > tr > td {

    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
  }

  .table.table-wf3 thead tr > th {
    /* border-top: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
  }

  .table-wf3 tbody tr td:first-child {
  /* border-left: 1px solid #ddd; */
  }
  .table-wf3 tbody tr td:last-child {
  /* border-right: 1px solid #ddd; */
  /* border-radius: 0 5px 5px 0; */
  }
  .table.table-wf3 > tbody > tr:last-child {
    border-bottom: 1px solid #ddd;
  }

  .table-wf3 tr:hover:nth-of-type(even) {
    background-color: #ffffff !important;
    border-radius: 5px;
  }
  .table-wf3 th {
  border-top: none;
  }
  .table-wf3 th:first-child {
  border-radius: 6px 0 0 0;
  }
  .table-wf3 th:last-child {
  border-radius: 0 6px 0 0;
  }
  .table-wf3 th:only-child{
  border-radius: 6px 6px 0 0;
  }
  .table-wf3 tr:last-child td:first-child {
  border-radius: 0 0 0 6px;
  }
  .table-wf3 tr:last-child td:last-child {
  border-radius: 0 0 6px 0;
  }

  .table-wf3 td:first-child:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 6px 0 0 6px;
    position: absolute;
  }

  .table-wf3 td.red:before {
    background:red;
  }
  .table-wf3 td.green:before {
    background:green;
  }
  .table-wf3 td.blue:before {
    background:blue;
  }
  .table-wf3 td.orange:before {
    background:orange;
  }
  .table-wf3 td:first-child{
    padding-left: 15px;
    border-radius:5px 0px 0px 5px;
  }
  .table-wf3 td:last-child{
    border-radius:5px;
  }
  .table-wf3 td{
    position: relative;
    border-spacing: 0px;
    padding: 10px;
  /*border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;*/
  }

  .filter-inq {
   min-height: 0.01%;
   padding-left: 36px;
   padding-right: 36px;
   padding-top: 11px;
   padding-bottom: 23px;
   background: white;
   height: 51px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color: #fbfbfb;
 }

 .filter-top-table {
   min-height: 0.01%;
   padding-left: 10px;
   padding-top: 20px;
   padding-bottom: 24px;
   background: white;
   height: 60px;
   border-bottom:2px solid #f1f1f1;
 }

 .info-top-table {
   display: inline;
   font-size:12px;
   font-weight:normal;
   color:#6a6a6a;
 }

 .overide-pad {
   padding-top:0px;
 }

 .select-box-inq {
    min-width: 164px;
    height: 35px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6a6a6a;
    padding-left: 16px;
    padding-top: 7px;
    padding-bottom: 8px;
}

.billing-status {
  height: 30px;
  text-transform: uppercase;
  font-family: montserratregular;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.top-table-left {
  width: 37%;
  padding-right: 0px;
}

.top-table-right {
  width: 60%;
  padding-right: 0px;
  padding-left: 0px;
}

.select-box-inv {
  min-width: 105px;
  margin-right: 10px;
}

.no-bold {
  font-weight: normal !important;
}

.editu-width {
  width:576px;
}

.editu-width-rec {
  width:823px;
}

.unit-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
  height: 54px;
}

.unit-content {
  background-color: white;
  overflow: auto;
  height: 370px;
}

.unit-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 54px;
}

.unit-panel {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #f1f1f1;
}

.edit-unit-label {
  font-family: montserratregular;
  display: block !important;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-top: 24px;
  /* margin-left: 10px; */
  margin-bottom: 25px;
}
/***END BILLING **/

/** DASHBOARD **/
.dashboard-block {
  text-align:center;
  border-radius:5px;
  box-shadow: 0 2px 2px 0 rgba(201,201,201,0.5);
  background-color:#fff;
  border: 6px solid #f4f1f3;
  padding-top: 20px;
}

.dashboard-block div {
  margin-bottom: 20px;
}

.block-ds {
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(201, 201, 201, 0.5);
  background-color: #ffffff;
  padding: 24px 0 26px 0;
  font-family:montserratregular;
  margin-bottom: 10px;
}

.block-ds:hover {
  background-color: #cce5f2;
}

.block-ds.active {
  border-bottom: 6px solid #4a90e2;
}

.block-ds img {
  width: 60px;
  height: 60px;
}

.block-ds h3 {
  color: #1b7bbb;
  margin-bottom: 0px;
}

.block-ds h5 {
  color: #3086c0;
}

.block-ds p {
  color: inherit;
}

.no-background {
  background-color: transparent;
}

.tb-footer {
  margin-bottom: 16px;
}

.tb-footer > a {
  font-size: 14px;
  color: #4a90e2;
}

.icon-setting-dashboardbm-link {
  width: 26px;
  height: 26px;
  margin-top: -5px;
}

.blue_arrow_down
{
  height:0;
  width:0;
  margin:0 auto;
  border-style: solid;
  border-width: 8px 10px 0 10px;
  border-color: #4a90e2 transparent transparent transparent;
  top: -10px;
  position: relative;
}

.dashboard-content
{
  padding:0px 140px 0px 140px;  
}

.btn-ds-add-inquiry {
  margin-top: 10px !important;
  margin-right: 52px !important;
}

.powered-by-bamms {
  top: 4px;
  position: relative;
}

.hide-el {
  display: none;
}


ul[role="tablist"] > li[role="presentation"].active {
  background-color: #e9f3ff;
}

li[role="presentation"] ul[role="tablist"] li.indent.active {
  background-color: #d4e7ff;
}

@media only screen and (max-width: 978px) {
  /* For mobile phones: */
  /* .col-md-3 {
    width: 49%;
    display: inline-block;
  } */
  .dashboard-content {
    padding: 0px 10px;
  }
  .wf3-tenant-box-container .col-md-3 {
      width: inherit;
  }
}

/***BILLING**/

.editu-width {
  width:576px;
}

.unit-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
  height: 54px;
}

.unit-content {
  background-color: white;
  overflow: auto;
  height: 370px;
}

.unit-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 54px;
}

.unit-panel {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #f1f1f1;
}

.edit-unit-label {
  font-family: montserratregular;
  display: block !important;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-top: 24px;
  /* margin-left: 10px; */
  margin-bottom: 25px;
}
/***END BILLING **/

.wf3-container {
    margin-right: auto;
    margin-left: auto;
}
.wf3-content {
    margin-bottom: 94px;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.wf3-form {
    padding: 15px;
    margin: 15px;
}
.wf3-form .wf3-form-title {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}
.wf3-tenant-box-container {
    margin: 0 -24px;
}
.wf3-tenant-box,
.wf3-tenant-box.well.no-pointer,
.wf3-tenant-box.well.no-pointer:hover {
    border-radius: 5px;
    border: 1px dashed #9b9b9b;
    cursor: pointer;
    background-color: transparent;
}
.wf3-tenant-box p {
    color: #9b9b9b;
    font-weight: inherit;
}
.wf3-tenant-box:hover p, .active p {
    color: #4a4a4a;
    font-weight: inherit;
}
.wf3-tenant-box.well.no-pointer:hover p {
    color: #9b9b9b;
    font-weight: inherit;
}
.no-pointer {
    cursor: inherit !important;
}
.wf3-title {
    padding: 26px 5px;
}
.wf3-title span {
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #4a4a4a;
}
.wf3-datepicker {
    padding: 0;
    position: relative !important;
}
.wf3-datepicker .calendar {
    width: auto;
}
.wf3-datepicker input.form-control {
    background-color: transparent;
}
.fade-transition {
    transition: opacity .3s ease;
}
.fade-enter, .fade-leave {
    opacity: 0;
}

.label-new {
  border: 1px solid #E76F51;
  color: #E76F51;
}

.inquiry-status.New {
  border: 1px solid #E76F51;
  color: #E76F51;
}

.label-received, .label-awaiting {
  border: 1px solid #F4A261;
  color: #F4A261;
}

.inquiry-status.Received {
  border: 1px solid #F4A261;
  color: #F4A261;
}

.label-in-progress, .label-approved {
  border: 1px solid #6AAF1D;
  color: #6AAF1D;
}

.inquiry-status.In-Progress {
  border: 1px solid #6AAF1D;
  color: #6AAF1D;  
}

.label-completed {
  border: 1px solid #264653;
  color: #264653;
}

.inquiry-status.Completed {
  border: 1px solid #264653;
  color: #264653;
}

.label-cancelled {
  border: 1px solid #9B9B9B;
  color: #9B9B9B;
}

.label-danger {
  border: 1px solid #df3c05;
  color: #df3c05;
  padding: 10px;
  text-transform: uppercase;
  font-family: montserratregular;
  background-color: #ffffff00;
}

.inquiry-status.Cancelled {
  border: 1px solid #9B9B9B;
  color: #9B9B9B;  
}

.filter-status .btn-tab-status-active {
  background-color: #fff;
  color: #1c78bb;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.filter-status .btn-tab-status {
  height: 50px;
  text-transform: uppercase;
  font-family: montserratregular;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 150px;
}

@media (min-width: 768px) {
    .wf3-container {
        width: 448px;
    }
}
@media (min-width: 1024px) {
    .wf3-container {
        width: 704px;
    }
}
@media (min-width: 1280px) {
    .wf3-container {
        width: 1200px;
    }
}
@media (min-width: 1600px) {
    .wf3-container {
        width: 1280px;
    }
}

  .center-photo {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }  

  .visitor-popup {
    padding: 60px 360px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    z-index: 98!important;
  }

  .visitor-panel-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 12px 20px;
    background-color: white;
    border-bottom: 3px solid #f1f1f1;
    font-family: montserratregular;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6a6a6a;
  }

  .visitor-panel-content {
    max-height: 580px;
    padding: 5px 26px;
    background-color: white;
    overflow: auto;
  }

  .visitor-panel-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 70px;
    padding: 12px 20px;
    background-color: white;
    border-top: 1px solid #f1f1f1;
    font-family: montserratregular;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
  }

  .visitor-added {
    font-size: 13px;
    margin-left: 20px;
    margin-bottom: 10px;
    font-weight: normal;
  }

  .visitor-type.GUEST {
    border: 1px solid #1c78bb; 
    color: #1c78bb;
  }

  .visitor-type.VENDOR {
    border: 1px solid #f5a623; 
    color: #f5a623;
  }

  .visitor-type.BLACKLIST {
    border: 1px solid #f35e70; 
    color: #f35e70;
  }

.wf3-v2-list {
    margin: 0 69px;
}
.wf3-v2-list .content {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.wf3-v2-list .top-title {
    margin-top: 23px;
    font-size: 32px;
    font-weight: bold;
    line-height: normal;
    color: #4a4a4a;
}
.wf3-v2-list label {
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #4a4a4a;
    padding-right: 10px;
}
.wf3-v2-list .select-tower {
    display: inline-block;
    width: 390px;
}
.wf3-v2-list .nav-pills > li > a {
    cursor: pointer;
    color: #4a4a4a;
}
.wf3-v2-list .nav-pills > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #1c78bb;
}
.wf3-v2-list .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: transparent;
    color: #1c78bb;
}
.wf3-v2-list .form-control::-moz-placeholder {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
    opacity: 1;
}
.wf3-v2-list .form-control:-ms-input-placeholder {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}
.wf3-v2-list .form-control::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}
.wf3-v2-list .btn-search {
    background-color: #ffffff;
    border: solid 1px #f1f1f1;
}

.show-el {
  display: inline-block;
}

.wf3-v2-list .table-search input {
    height: 44px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.wf3-v2-list .table-search .btn-search {
    height: 44px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.see-more
{
  float:right;
  font-size:14px;
}

.modal {
    z-index: 98;
    overflow-y: auto;
}
.modal .modal-content {
    border-radius: 5px;
}
.modal .modal-header .modal-title {
    margin: 5px;
}
.modal .modal-header h4 {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}
.modal-backdrop {
    z-index: 97;
}
.modal-footer button[data-dismiss="modal"] {
    background-color: #a81919;
}
.select2-container--bootstrap span {
    font-weight: normal;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #0288d1;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #ddd;
    color: #757575;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
    line-height: inherit;
    color: #757575;
}
.select2-container--bootstrap.select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #757575;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #757575 transparent transparent transparent;
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #757575 transparent;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: default;
}
.lb-data .lb-caption {
    color: inherit;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background-color: #f1eded;
}
.property-filter {
    margin-top: 16px;
    margin-bottom: 24px;
}
.property-filter > label {
    display: inline;
    margin-right: 26px;
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a;
}
.property-filter > select {
    display: inline;
    width: 216px;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}
.badge-notify
{
  width:37px;
  color:#fff;
  border:2px solid rgb(217, 35, 15);
}
.btn-link
{
    background-color:white;
    color:#000000;
    font-size:15px;
    font-weight:bold;
    font-family:montserratregular;
    height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: default
}
.tab-active{
    border-bottom: 3px solid #4a90e2;
}
.btn-draft{
  background-color: #ffffff !important ;
  color: #f8a21e !important;
  border : 1px solid #f8a21e !important;
  height: 40px !important ;
}

/** core container **/
.core-container {
  margin-right: 93px;
  margin-left: 93px;
}

.core-content {
  margin-bottom: 94px;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

.nav-pills > li > .active {
  border-bottom: #4a90e2;
}

.core-tab {
  font-size: 12px;
  color: #2483c8;
}
.core-row {
  padding-bottom: 0px;
  padding-top: 0px;
}

@media (min-width: 768px) {
  .core-container {
    width: 448px;
  }
}
@media (min-width: 1024px) {
  .core-container {
    width: 704px;
  }
}
@media (min-width: 1280px) {
  .core-container {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .core-container {
    width: auto;
  }
}
.container.tenant-dashboard {
    margin: 48px auto auto;
}
.tenant-dashboard .goto-website-ads {
    margin-bottom: 15px;
}
.tenant-dashboard .goto-website-ads .btn-info {
    font-size: inherit;
}

#quota-info .list-group {
    margin-top: 15px;
}
#quota-info .list-group-item:last-child {
    background-color:inherit;
    color:inherit;
    font-family:inherit;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

#quota-info .progress {
    padding: 0;
    margin: inherit;
    background: #e0e0e0;
}

#quota-info .progress-bar-danger {
    background-color: #d50000;
}
.flatpickr-input[readonly] {
    background-color: #fff;
}
.tenant-dashboard ul {
    list-style: inherit;
    padding-left: revert;
}
/*.tenant-dashboard a {*/
/*    color: #0000EE;*/
/*}*/

a{
  color: #287fbe;
}

@media (max-width: 450px) {
    .panel-header.header-wf3.hide-on-scroll {
        padding: 17px!important;
    }
    .absolute-right.absolute-y-center {
        margin-right: 0.8rem!important;
    }
}

.tenant-dashboard .content-feeds p,
.tenant-dashboard .content-feeds span {
    font-weight: normal;
}

/* Community Feeds */
.community-feed-dashboard > h4:first-child {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #4a4a4a;
}

.community-feed-dashboard .post-input-btn {
    cursor: pointer;
    background-color: #fff;
    padding: 16px;
    margin: 16px 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.community-feed-dashboard .post-input-border {
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #cccccc;
}
.community-feed-dashboard .post-input-border > span {
    color: #a6a6a6;
    font-weight: normal;
    font-size: 12px;
}
.community-feed-dashboard .post-input-border > .icon {
    position: inherit;
    font-size: 24px;
    margin-left: 4px;
}
.community-feed-dashboard .post-input-border > .icon-send {
    color: #4a90e2;
    opacity: 0.75;
}

#modal-post-create .modal-title,
#modal-post-report .modal-title{
    font-size: 20px;
    font-weight: bold;
    color: #4a4a4a;
}

#modal-post-create .upload-field {
    position: relative;
}
#modal-post-create .upload-field .row:only-child {
    border: 1px dashed #c9c9c9;
    width: 100%;
}
#modal-post-create .upload-field img {
    margin-top: 0;
    width: 45px;
    height: 45px;
}

#modal-post-create .upload-field > .row:first-child > div > .col-sm-1 > img {
    margin-top: 0;
    width: 45px
    height: 45px;
}

#modal-post-create .upload-field > .row:first-child > div > .col-sm-10 > div:first-child {
    display: inline-block;
    margin-top: 12px;
    margin-left: 24px;
    font-size: 12px;
}

#modal-post-create .upload-field > .row:first-child > .col-sm-1:last-child > button {
    background-color: transparent;
    border: inherit;
    margin-top: 10px;
}

#modal-post-create .upload-field > .row:first-child > .col-sm-1:last-child > button > i{
    color: red;
}

#modal-post-report .modal-body > p:first-child {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

#modal-post-report .modal-body > ol {
    padding: 12px 0 0;
}

#modal-post-report .modal-body li {
    display: inline-block;
    cursor: pointer;
    border: dashed 1px #9b9b9b;
    border-radius: 8px;
    padding: 10px;
    margin-right: 12px;
    margin-top: 12px;
}
#modal-post-report .modal-body li:hover,
#modal-post-report .modal-body li.selected {
    border: solid 1px #1c78bb;
    background-color: #e1f0fd;
}


#modal-post-report .modal-body li.selected > span.icon.icon-check-circle {
    color: #1c78bb;
}

#modal-post-report .modal-body li > span:first-child {
    margin-right: 10px;
    font-weight: normal;
}

.community-feed-dashboard .post-filter {
    margin-bottom: 16px;
}

.community-feed-dashboard .post-filter > select.form-control {
    border-radius: 8px;
    height: 36px;
    width: 161px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.community-feed {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    font-family: hind_regularregular;
}

.community-feed:after,.feed:before {
    content: " ";
    display: table
}

.community-feed:after {
    clear: both
}

.community-feed .feed-item {
    padding-left: 10px;
    padding-right: 10px;
}

.community-feed .feed-item > .post {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 20px
}

.community-feed .post-header {
    padding: 24px 24px 0;
    position: relative
}

.community-feed .post-header:after,.post-header:before {
    content: " ";
    display: table
}

.community-feed .post-header:after {
    clear: both
}

.community-feed .post-author {
    margin-right: 48px;
    min-height: 48px
}
.community-feed .post-author-name {
    font-size: 16px;
}

.community-feed .post-timestamp {
    font-size: 12px;
    color: #9b9b9b;
    display: block;
    line-height: 1;
    margin-top: 5px;
}

.community-feed .post-author-info {
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px
}

.community-feed .post-dropdown {
    position: absolute;
    right: 10px;
    top: 10px
}

.community-feed .post-content {
    padding: 16px 24px 10px 24px;
}

.community-feed .post-content > p {
    font-weight: normal;
}

.community-feed .post-content-load-more {
    padding: 16px 24px 10px 24px;
    cursor: pointer;
    color: #4a90e2;
}

.community-feed .post-img {
    margin-bottom: 15px;
    padding: 24px;
}

.community-feed .post-img img.img-responsive {
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    max-height: 480px;
}

.community-feed .post-actions {
    margin-top: 10px;
    padding: 16px 24px 40px;
    border-top: solid 1px #cccccc;
}

.community-feed .post-action.liked, .community-feed .post-action.liked > .icon {
    color: #0288d1;
}

.community-feed .post-action {
    cursor: pointer;
    color: #757575;
    display: block;
    float: right;
    margin-right: 15px;
}

.community-feed .post-action:focus,.post-action:hover {
    color: #0288d1;
    text-decoration: none
}

.community-feed .post-footer {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ccc;
    padding: 10px
}

.community-feed .post-comments {
    font-size: 12px;
    line-height: 1.3333333333
}

.community-feed .post-comment-more {
    margin-bottom: 15px;
    padding-left: 18px;
    cursor: pointer;
}

.community-feed .post-comment-more a {
    color: #4a90e2;
}

.community-feed .post-comment-list {
    margin-bottom: 15px
}

.community-feed .post-comment-list > .media-list {
    list-style: inherit;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
}

.community-feed .post-comment-list > .media-list > .media {
    background-color: #f4f7f9;
    padding: 20px;
}

.community-feed .post-comment-list span.media-link {
    display: block;
    margin-bottom: 8px;
}

.community-feed .post-comment-list span.media-link > a {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: bold;
}

.community-feed .post-comment-list span.media-link > .comment-dropdown {
    display: inline-block;
    float: right;
}

.community-feed .comment-dropdown .dropdown-menu > li > a {
    color: #4a4a4a;
    font-size: 12px;
}

.community-feed .comment-dropdown ul.dropdown-menu.dropdown-menu-right {
    color: #fff;
    background-color: #fff;
    padding-left: 10px;
}

.community-feed .comment-dropdown ul.dropdown-menu.dropdown-menu-right > li {
    width: inherit;
    height: inherit;
    cursor: pointer;
}

.community-feed .comment-dropdown .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #eef9ff;
}

.community-feed .post-comment-list .media-content {
    font-weight: normal;
}

.community-feed .post-comment-list .media-content > textarea {
    overflow: hidden;
    border: none;
    resize: none;
    background-color: transparent;
    padding: 0;
    height: auto;
    font-size: 14px;
    color: #4a4a4a;
}

.community-feed .post-comment-list .media-content > .comment-loadmore {
    cursor: pointer;
    color: #4a90e2;
    margin-top: 16px;
}

.post-comment-list .media-actions a:hover,
.post-comment-list .media-actions.liked a,
.post-comment-list .media-actions a span.icon:hover,
.post-comment-list .media-actions.liked a span.icon {
    color: #0288d1;
}

.community-feed .post-comment-list .media-actions {
    margin-top: 8px;
}

.community-feed .post-comment-list .media-actions > span {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: normal;
}

.community-feed .post-comment-list .media-actions > .link-muted {
    float: right;
    cursor: pointer;
}

.community-feed .post-comment-box input {
    padding-right: 50px;
}

.community-feed .post-comment-box {
    padding-left: 20px;
    padding-right: 20px;
}

.community-feed .post-comment-box .input-with-icon .icon-send {
    cursor: pointer;
    pointer-events: auto;
    color: #4a90e2;
    opacity: 0.75;
}

.community-feed .post-comment-box .input-with-icon .icon-send:hover {
    opacity: 1.0;
}

.community-feed .post-dropdown .dropdown-menu-right {
    background-color: #fff;
    padding-left: inherit;
}

.community-feed .post-dropdown .dropdown-menu > li > a  {
    cursor: pointer;
    color: #4a4a4a;
    font-weight: bold;
    font-size: 14px;
    font-family: 'montserratregular';
}

.community-feed .post-dropdown .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color:#eef9ff;
}

.community-feed .dropdown-menu {
    right: -10px
}

.community-feed .dropdown-toggler {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 24px
}

.community-feed .dropdown-toggler:focus,.dropdown-toggler:hover {
    border-color: #eee
}

.community-feed .input-with-icon {
    margin: 0;
}

.community-feed .input-with-icon .form-control {
    padding-left: 10px;
    height: 43px;
    border-radius: 5px;
    border: solid 1px #cccccc;
}

.community-feed .input-with-icon textarea.form-control::-webkit-scrollbar { width: 0 !important }
.community-feed .input-with-icon textarea.form-control {
    padding: 10px 45px 10px 10px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    resize: none;
}

.community-feed .input-with-icon .input-icon {
    top: 5px;
    right: 50px;
    left: inherit;
    font-size: 24px;
    color: inherit;
    cursor: pointer;
    pointer-events: auto;
    opacity: 0.75;
}
.community-feed .input-with-icon .input-icon:last-child {
    right: 10px;
    left: inherit;
    cursor: pointer;
    pointer-events: auto;
    color: #4a90e2;
    opacity: 0.75;
}

.community-feed .input-with-icon .input-icon:hover {
    opacity: 1.0;
}

.community-feed-dashboard .post-load-more {
    font-size: 14px;
    background-color: #fff;
    color: inherit;
    border-color: transparent;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.community-feed-dashboard .post-load-more:hover {
    background-color: #eef9ff;
    color: inherit;
    border-color: transparent;
}

.community-feed .post-report {
    float: right;
}

.community-feed .post-report-info {
  padding-top: 5px;
}

#modal-edit-occupant #dob.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ddd;
    opacity: 1;
}

#modal-edit-tenant-info #dob.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ddd;
    opacity: 1;
}

#modal-tenant-promo-detail-disclaimer .mce-tinymce.mce-container.mce-panel {
    border: unset !important
}
#modal-tenant-promo-detail-disclaimer .mce-edit-area {
    border-width: inherit !important}

.form-control.price
{
    min-width:100px;  
}


.form-control.unit
{
    min-width:60px;
}

.form-control.qty
{
    min-width:40px;
}

.subtotal
{
  min-width:100px;
}

#panel-staff .panel-footer {
  margin-bottom: 30px;
}

.billing-content select.select-box-bill.select-box-bill-other {
  width: 50%;
}

.billing-content select.select-box-bill.select-box-bill-other ~ input.input-box-wf3 {
  width: 48%;
}

.panel-header-schedule {
  height:115px;
  padding:13px 38px;
  overflow: auto;  
}

.blacklist_content td.blacklist-image {
    width: 10%;
}

#modal-import-hint .mce-panel, #modal-import-hint .mce-first {
    border: none !important;
}

.content-detail-wf3 {
    display: -webkit-inline-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.package-vuetable > tbody > tr > td {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: normal !important;       /* Internet Explorer 5.5+ */
    word-break: inherit !important;
    white-space: nowrap !important;
}

.tenancy-icon.tooltip {
  top: inherit;
  left: inherit;
}
.tenancy-icon.tooltipped .tooltip:before, .tooltipped .tooltip:after {
  border-style: unset;
}
#lightbox {
  display: flex;
  flex-direction: column-reverse;    
}

.no-margin-bottom{
  margin-bottom: 0px;
}
.no-padding-bottom{
  padding-bottom: 0px;
}
.no-padding-left{
  padding-left: 0px;
}

.multiselect-tag {
  background-color: #37a6d8!important;
}

.checkbox-anytime {
  margin-top: 28px;
}

.flatpickr-input[disabled] {
    background-color: #f6f6f6;
    cursor: not-allowed;
}
input.mx-input::placeholder{
  color: #ddddde;
}
td.prevent-from-token {
    color: red;
}

.font-weight-normal{
  font-weight: normal;
}

.login-checklist{
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.font-12{
  font-size: 12px;
}

.search-rounded{
  height: 44px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  font-style:italic;
}


#itemRequestDetail textarea {
  border-radius: 5px;
  width: 100%;
  padding: 5px 10px;
  font-size: 12px !important;
}

#itemRequestDetail .cover-input-box-receipt {
  color: #9b9b9b;
  width: 255px;
  min-height: 66px;
  border: 1px dashed #9b9b9b;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  font-size: 10px;
}

#itemRequestDetail table.mdl-data-table {
  width: 100%;
  border: 0;
}

#itemRequestDetail table.mdl-data-table tr:hover {
  background-color: inherit;
}

#itemRequestDetail table.mdl-data-table td {
  text-align: left;
  border: 0;
  vertical-align: top;
  overflow: unset;
}

#itemRequestDetail .content-title {
  font-family: montserratregular;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999999;
  margin-bottom: 5px;
}

#itemRequestDetail .content-detail {
  font-family: hind_regularregular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

#itemRequestDetail .button-billing {
  display: inline-block;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  padding: 1em 1.5em;
  color: #4a4a4a;
  border-right: solid 1px #f6f6f6;
}

#itemRequestDetail .button-billing img {
  display: block;
  margin: 0 auto;
}

#itemRequestDetail .button-billing-print-invoice {
  display: inline-block;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
  padding: 1em 1.5em;
  color: #4a4a4a;
  border: solid 1px #fcfcfc;
  background-color: #fcfcfc;
}

#itemRequestDetail .button-billing-print-invoice img {
  display: block;
  margin: 0 auto;
}

#itemRequestDetail .warningText {
  font-family: montserratregular;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: normal;
  color: #4a4a4a;
}

#itemRequestDetail .warn {
  display: inline-block;
}

#itemRequestDetail .warn:before {
  content: "!";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  border-radius: 50%;
  color: #fff;
  background-color: #d0021b;
  text-align: center;
}

#itemRequestDetail .payment-receipt-popup {
  padding: 80px 260px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

#itemRequestDetail .payment-receipt-panel-content {
  padding: 0 20px 20px 20px;
  background-color: white;
  overflow: auto;
}

#itemRequestDetail .payment-receipt-panel-content-inquiry {
  height: 300px;
  padding: 0 20px 20px 20px;
  background-color: white;
  overflow: auto;
}

#itemRequestDetail .payment-receipt-invoice-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 14px;
}

#itemRequestDetail .payment-receipt-action-page {
  background: white;
  font-size: 12px;
  font-family: "Hind", sans-serif;
}

#itemRequestDetail .payment-receipt-page {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0 20px;
  background: white;
  font-size: 12px;
  font-family: "Hind", sans-serif;
  border-radius: 5px;
}

#itemRequestDetail .payment-receipt-table {
  margin-top: 5px;
  border-color: white;
}

#itemRequestDetail .payment-receipt-no-border {
  border-top: none !important;
  border-bottom: none !important;
}

#itemRequestDetail .payment-receipt-no-border-bottom {
  border-bottom: none !important;
}

#itemRequestDetail .payment-receipt-bmt-align {
  vertical-align: bottom !important;
}

#itemRequestDetail .payment-receipt-card-panel {
  border: 1px solid #979797;
  border-radius: 8px;
  margin-top: 14px;
}

#itemRequestDetail .payment-receipt-card-panel-title {
  padding-left: 29px;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px !important;
}

#itemRequestDetail .payment-receipt-card-panel-header {
  border-bottom: 1px solid #979797;
  height: 40px;
  font-family: "Hind", sans-serif;
}

#itemRequestDetail .payment-receipt-card-panel-content {
  padding-left: 38px;
  padding-right: 34px;
}

#itemRequestDetail .payment-receipt-table-eo {
  width: 100%;
  border-left: 0px;
  font-size: 10px;
  font-family: "Hind", sans-serif;
  color: #4a4a4a;
}

#itemRequestDetail .payment-receipt-page table {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

#itemRequestDetail .payment-receipt-footer {
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 100%;
}

#itemRequestDetail .payment-receipt-line {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
}

#itemRequestDetail .payment-reject-popup {
  padding: 80px 390px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

#itemRequestDetail .payment-reject-panel-content {
  padding: 0 20px 20px 20px;
  background-color: white;
  overflow: auto;
}

#itemRequestDetail .payment-reject-panel-content-inquiry {
  height: 300px;
  padding: 0 20px 20px 20px;
  background-color: white;
  overflow: auto;
}

#itemRequestDetail .payment-reject-invoice-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 14px;
}

#itemRequestDetail .payment-reject-action-page {
  background: white;
  font-size: 12px;
  font-family: "Hind", sans-serif;
}

#itemRequestDetail .payment-reject-page {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0 20px;
  background: white;
  font-size: 12px;
  font-family: "Hind", sans-serif;
  border-radius: 5px;
}

#itemRequestDetail .payment-reject-table {
  margin-top: 5px;
  border-color: white;
}

#itemRequestDetail .payment-reject-no-border {
  border-top: none !important;
  border-bottom: none !important;
}

#itemRequestDetail .payment-reject-no-border-bottom {
  border-bottom: none !important;
}

#itemRequestDetail .payment-reject-bmt-align {
  vertical-align: bottom !important;
}

#itemRequestDetail .payment-reject-card-panel {
  border: 1px solid #979797;
  border-radius: 8px;
  margin-top: 14px;
}

#itemRequestDetail .payment-reject-card-panel-title {
  padding-left: 29px;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px !important;
}

#itemRequestDetail .payment-reject-card-panel-header {
  border-bottom: 1px solid #979797;
  height: 40px;
  font-family: "Hind", sans-serif;
}

#itemRequestDetail .payment-reject-card-panel-content {
  padding-left: 38px;
  padding-right: 34px;
}

#itemRequestDetail .payment-reject-table-eo {
  width: 100%;
  border-left: 0px;
  font-size: 10px;
  font-family: "Hind", sans-serif;
  color: #4a4a4a;
}

#itemRequestDetail .payment-reject-page table {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}

#itemRequestDetail .payment-reject-footer {
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 100%;
}

#itemRequestDetail .payment-reject-line {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
}

#itemRequestDetail .confirm-payment-popup {
  padding: 70px 390px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

#itemRequestDetail .confirm-payment-panel-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 20px;
  background-color: white;
  border-bottom: 3px solid #f1f1f1;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
}

#itemRequestDetail .confirm-payment-panel-content {
  padding: 15px 8px;
  background-color: white;
  height: 385px;
  overflow: auto;
}

#itemRequestDetail .confirm-payment-panel-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 72px;
  padding: 12px 20px;
  background-color: white;
  border-top: 1px solid #f1f1f1;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

#itemRequestDetail .confirm-payment-blue-text {
  font-family: montserratregular;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1c78bb;
}

#itemRequestDetail .confirm-payment-receipt {
  width: 100%;
  justify-content: normal;
  padding-left: 16px;
  max-height: 200px;
}

#itemRequestDetail .confirm-payment-receipt-preview {
  width: 100%;
  justify-content: center;
  padding-left: 16px;
  max-height: 200px;
}

#itemRequestDetail .confirm-payment-preview {
  display: flex;
  justify-content: center;
  align-items: center;
}

#itemRequestDetail .confirm-payment-preview img {
  max-width: 100%;
  max-height: 200px;
}

#itemRequestDetail .payment-history-popup {
  padding: 70px 260px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

#itemRequestDetail .payment-history-panel-header {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 20px;
  background-color: white;
  border-bottom: 3px solid #f1f1f1;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6a6a6a;
}

#itemRequestDetail .payment-history-panel-content {
  padding: 5px 38px;
  background-color: white;
  height: 240px;
  overflow: auto;
}

#itemRequestDetail .payment-history-panel-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 52px;
  padding: 12px 20px;
  background-color: white;
  border-top: 1px solid #f1f1f1;
  font-family: montserratregular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

#itemRequestDetail .payment-history-blue-text {
  font-family: montserratregular;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1c78bb;
}

#itemRequestDetail .payment-history-receipt {
  width: 100%;
  justify-content: normal;
  padding-left: 16px;
  max-height: 200px;
}

#itemRequestDetail .payment-history-receipt-preview {
  width: 100%;
  justify-content: center;
  padding-left: 16px;
  max-height: 200px;
}

#itemRequestDetail .payment-history-preview {
  display: flex;
  justify-content: center;
  align-items: center;
}

#itemRequestDetail .payment-history-preview img {
  max-width: 100%;
  max-height: 200px;
}

@media only screen and (min-width: 768px) {
  #itemRequestDetail .margin-top-item{
    margin-top:0px;
  }  
}

@media only screen and (min-width: 1024px) {
  #itemRequestDetail .margin-top-item{
    margin-top:350px;
  }  
}
.scroll-x{
  overflow-x: scroll;
}
.flex-column{
  flex-direction: column;
}
.flex-item-center{
  align-items: center;
}
.flex-item-right{
  align-items: flex-end;
}
.flex-space-between{
  justify-content: space-between;
}
.flex-gap-5{
  gap: 5px;
}
.font-12{
  font-size: 12px;
}
.font-13{
  font-size: 13px;
}
.font-24{
  font-size: 24px;
}
.text-bold{
  font-weight: bold;
}
.text-light{
  font-weight: lighter;
}
.inventory-status-box{
  border: 1px solid;
  font-size: .625em;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 1em !important;
}
.color-awaiting{
  color: #F4A261;
}
.color-approved{
  color: #6AAF1D;
}
.color-completed{
  color: #264653;
}
.color-cancelled{
  color: #d0011c;
}
.margin-right-button{
  margin-right: 5px;
}
.color-inprogress{
  color: #1C78BB;
}
.color-light{
  color: #999999;
}
.padding-top-5{
  padding-top: 5px;
}
.padding-top-8{
  padding-top: 8px;
}
.padding-top-10{
  padding-top: 10px;
}
.font-weight-500{
  font-weight: 500;
}
.box-employee-detail{
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}