/*! Custom styles for this template */
html {
  height: 100%;
  -ms-overflow-style: scrollbar;
}
.table-group{
  background-color: #efefef;
color: black;
}
.nopadding
{
  padding:0!important;
}

.nomargin
{
  margin:0!important;
}

.navbar {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}

#navbar
{
  /*right:0px;*/
  right:-25px;
  position:absolute;
  color:#F0BE50;
  display:block!important;
}

.badge-position
{
  margin: -7px 0px 15px -16px;
}

.layout
{
  padding-top: 0px;
}

.layout-content-body
{
  /*margin-left:-110px;*/
}

.layout-content
{
  margin-left:0px;
}

#menu-dashboard:after {
 content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e8e8e8;
    clear: both;
}

.tags{
    margin:0;
    padding:0;
    position:absolute;
    /*margin-left:80px;*/
    list-style:none;
    width:100%;
    /*top:-20px;*/
}

.tags li, .tags span
{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;
    margin-left:3px;
}

.tags .btn_mark_as
{
  width:83px;
  height:24px;
  font-family: MontserratRegular;
  font-size: 9px;
  text-align: left;
  cursor:pointer;
  position: relative;
  background: #ffffff;
  border-left: 2px solid #8f8f8f;
  border-top: 2px solid #8f8f8f;
  border-bottom: 2px solid #8f8f8f;
  border-radius:3px;
}

.btn_mark_as:after, .btn_mark_as:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.btn_mark_as:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;

}
.btn_mark_as:before {
  border-color: rgba(143, 143, 143, 0);
  border-left-color: #8f8f8f;
  border-width: 12.5px;
  margin-top: -12.5px;
}

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

.tags .btn_priority_status
{
  width: 100%;
  height: 18px;
  border-radius: 23px;
  border: solid 1px #e34646;
  font-family: MontserratRegular;
  text-align: left;
  cursor:pointer;
  margin-left:14px;
  top:2px;
}
.tags .btn_payment_status
{
  width: 100%;
  height: 18px;
  border-radius: 23px;
  border: solid 1px #37A6D8;
  font-family: MontserratRegular;
  text-align: left;
  cursor:pointer;
  margin-left:14px;
  top:2px;
}

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

.tags .btn_remark_status .text_remark_status
{
  top:-4px;
  font-size:9px;
  color:#f6a623;
}

.tags .btn_priority_status .text_priority_status
{
  top:-4px;
  left:6px;
  font-size:9px;
  color:#e34646;
  font-weight:bold;
}
.tags .btn_payment_status .text_payment_status
{
  top:-4px;
  left:6px;
  font-size:9px;
  color:#37A6D8;
  font-weight:bold;
}
.tags .btn_approve_remark_status .text_approve_remark_status
{
  top:-4px;
  left:6px;
  font-size:9px;
  color:#6AAF1D;
  font-weight:bold;
}

.storage-meter-block
{
  background-color:#fff;
  height:48px;
  position:relative;
  margin-top:20px;
  padding:12px;
}

.storage-meter-text
{
  margin-left:3%;
  top:-10px;
}
.text-red
{
  color:#FF0101;
}

.tags .btn_mark_as .text_mark_as
{
  top:-1px;
  left:6px;
  font-size:11px;
  color:#8f8f8f;
}

.circle-status
{
  font-weight:bold;
  border:1px solid;
  padding:10px 10px 10px 48px;
  border-radius:5px;
  margin-bottom:15px;
  font-size:18px;
  border-color:#F0F0F0;
}

.circle-status .text-red
{
  color:#D12823;
  width:45px;
  float:left;
}

.circle-status .text-task
{
  color:#4A4A4A;
}

.add-new-inquiry-pos
{
  float:right;
  right:77px;
  position:relative;
  top:-24px;
  height: 36px;
}

.mdl-navigation__link:hover
{
  border:0px;
}

#combo_date
{
  border-radius:5px 0px 0px 5px;
  right:2%;
  width:102%;
}

 .inquiry-content
{
  margin:30px;
}

.inquiry-content .inquiry-title
{
  font-weight:bold;
  font-size:26px;
}

.inquiry-content .inquiry-need
{
  color:#888888;
  overflow: hidden;
}

.page-content
{
  margin-left:52px;
  margin-right:52px;
  background-color:#fff;
  font-family:montserratregular;
}

.summary-title
{
  font-family:montserratregular;
  color:#AC2828;
  font-weight:bold;
  margin-left: 20px;
}

.mdl-layout__drawer-button
{
  cursor:pointer;
}

.mdl-layout__drawer-button .material-icons
{
  display:none!important;
}

.title-top
{
  background-color:#fff;
  height:50px;
}

.icon
{
  width:35px;
  height: 35px;
}

.inquiry-filter-section
{
    padding-bottom: 10px;
}

.inquiry-need:after {
    content:"";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid #888888;
}

.btn-tab
{
  -webkit-box-shadow:none;
  box-shadow:none;
  outline:none;
  position:relative
  text-decoration:none;
  text-transform:none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.paginate_button
{
  font-family:montserratregular;
  font-weight:bold;
  color:#000;
}

.paginate_button.active
{
  font-family:montserratregular;
  font-weight:bold;
  color:#fff;
  background-color:red;
  border-radius:20px;

}


.btn-view-dashboard
{
  float:right;
  background-color:#000;
  color:#fff;
  padding:10px 40px 10px 25px;
  border-radius:5px;
  font-family:montserratregular;
}

.mdl-layout__drawer-button
{
  padding:27px;
  top:-5px;
  left:-4px;
}

.btn-view-detail
{
  background-color:#000;
  color:#fff;
  padding:10px;
  border-radius:5px;
  text-transform:uppercase;
  text-transform:uppercase;
  background-size:18px;
  font-family:montserratregular;
  border:0;
  /*font-size:11px;*/
  font-size:0.85em;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-align:center;
}

.btn-view-detail .fa-arrow-right
{
  top:-1px;
  position:relative;
  left:4px;
}

.btn-view-detail .material-icons {
  margin-right: 0;
}

.mdl-layout__drawer
{
  background-color:#191919;
}

.mdl-layout__drawer-button
{
  background-image:url("../img/menu_cms.png");
  background-size:cover;
}

.sidenav-label
{
  color:#F0BE50;
  font-family:montserratregular;
}

.sidenav-item
{
  color:#F0BE50;
  font-family:montserratregular;
}

.mdl-layout__header
{
  background-color:#4A4A4A;
  min-height:54px;
  position:fixed;
}

.mdl-layout-title
{
  /*background-color:#F0BE50;*/
}

.mdl-layout__header-row
{
  height:54px;
  padding:0px 40px 0 0px;
}

.mdl-submenu .mdl-layout
{
  left:60px;
}

.img-sidenav
{
  width:25%;
  margin:0 auto;
  position:relative;
  padding:25px 0px 17px 0px;
}

.icon-title-bar
{
  width:35px;
  top:-5px;
  position:relative;
  margin-right: 12px;
}

.title-bar-user
{
  margin-left:4%;
  font-family:montserratregular;
  padding:10px 0px;
  margin-right: 52px;
  margin-left: 52px;
}

.trigger-tab:hover
{
  background-color:#fff!important;
}

.dashboard-tab
{
  background-color:#f7f7f7;
}

.title-bar-user-title
{
  font-size:30px;
  line-height: 1.5;
  color:#4A4A4A;
  font-weight:bold;
}
.title-bar-user-sub-title
{
  font-size:12px;
  line-height: 1.5;
  color:#4A4A4A;
  font-weight:bold;
  right: 10px;
  float: right;
  position: absolute;
  margin: 10px;
  padding: 10px;
  z-index: 1;
  margin-top: -5px;
}
.title-bar-user-sub-title-wf3
{
  font-size:12px;
  line-height: 1.5;
  color:#4A4A4A;
  /* font-weight:bold; */
  right: 10px;
  float: right;
  /* position: absolute; */
  /* margin: 10px; */
  padding: 10px;
  z-index: 1;
  margin-top: -5px;
}
.title-bar-user-sub-title-new
{
  font-size:12px;
  line-height: 1.5;
  color:#4A4A4A;
  font-weight:bold;
  right: 10px;
  float: right;
   position: absolute;
   margin: 10px;
   padding: 10px;
   z-index: 1;
   margin-top: -50px;
}

.title-bar-user-description
{
  font-size:24px;
  font-weight:100;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
  background-color:#4A4A4A;
}

.dropdown-toggle
{
  color:#000;
  background-color:#fff;
  /*border-radius:5px;*/
  border:1px solid #E7E7E7;
}

.arrow_down
{
  max-height:20px;
  max-width:auto;
  top:-3px;
  position:relative;
}

.arrow_down_user
{
  max-height: 20px;
  max-width: auto;
  top: 23px;
  position: absolute;
  right: 17.3px;
  float: right;
}


.inquiry-show
{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
  /*justify-content: flex-end;*/
}
.inquiry-show .dropdown {
  display: inline-block;
  margin-left: 1em;
  margin-right: 3em;
}
.inquiry-show > span {
    position:relative;
    font-family:montserratregular;
    color:#696969;
    font-weight:100;
}

.sidenav-subnav li
{
  color:#D7AC4F;
}

.label-new
{
  border:1px solid #D12C2C;
  padding:10px;
  color:#D12C2C;
  text-transform: uppercase;
  font-family:montserratregular;
}
.label-active
{
  border:1px solid #D12C2C;
  padding:10px;
  color:#D12C2C;
  text-transform: uppercase;
  font-family:montserratregular;
}

.inquiry-search-text
{
  font-family:montserratregular;
  top:32%;
  left:1%;
  font-size:24px;
  position:relative;
  font-weight:normal;
}

.btn-success
{
  background-color:#A81918;
  border-color:#A81918;
  color:#fff;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus
{
  background-color:#801716;
  border-color:#801716;
  color:#fff;
}

.btn-success:hover
{

  background-color:#801716;
  border-color:#801716;
  color:#fff;
}

.truncate
{
  color:#fff;
}

.truncate span
{
  color:#fff;
}

.nav > li > a:hover, .nav > li > a:focus
{
  background-color:#333333;
}

a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus
{
  background-color:#333333;
}

.label-work-done
{
  border:1px solid #4a90e2;
  padding:10px;
  color:#4a90e2;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-confirmed
{
  border:1px solid #4A90E2;
  padding:10px;
  color:#4A90E2;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-work-approval
{
  border:1px solid #4A90E2;
  padding:10px;
  color:#4A90E2;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-completed
{
  border:1px solid #9B9B9B;
  padding:10px;
  color:#9B9B9B;
  text-transform: uppercase;
  font-family:montserratregular;
}
.label-closed
{
  border:1px solid #9B9B9B;
  padding:10px;
  color:#9B9B9B;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-rejected
{
  border:1px solid #FF8C9A;
  padding:10px;
  color:#FF8C9A;
  text-transform: uppercase;
  font-family:montserratregular;
}
.label-inspection
{
  border:1px solid #FF8C9A;
  padding:10px;
  color:#FF8C9A;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-billing-approved
{
  border:1px solid #FF8C9A;
  padding:10px;
  color:#FF8C9A;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-billing-pending
{
  border:1px solid #83A73A;
  padding:10px;
  color:#83A73A;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-assigned
{
  border:1px solid #F6A623;
  padding:10px;
  color:#F6A623;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-reassigned
{
  border:1px solid #F6A623;
  padding:10px;
  color:#F6A623;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-process
{
  border:1px solid #FF9E7D;
  padding:10px;
  color:#FF9E7D;
  text-transform: uppercase;
  font-family:montserratregular;
}
.label-progress
{
  border:1px solid #FFD800;
  padding:10px;
  color:#FFD800;
  text-transform: uppercase;
  font-family:montserratregular;
}
.label-in-progress, .label-approved
{
  border:1px solid #FFD800;
  padding:10px;
  color:#FFD800;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-received, .label-awaiting
{
  border:1px solid #FF9E7D;
  padding:10px;
  color:#FF9E7D;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-reschedule
{
  border:1px solid #C7008C;
  padding:10px;
  color:#C7008C;
  text-transform: uppercase;
  font-family:montserratregular;
}

.label-cancelled
{
  border:1px solid #FF5858;
  padding:10px;
  color:#FF5858;
  text-transform: uppercase;
  font-family:montserratregular;
}

.img-pay
{
  background-image:url("/assets/img/icon/icon-atr-attach-proof.png");
  height: 14px;
  top: 2px;

}

.list-group-item:last-child
{
  background-color:#4A4A4A;
  color:#fff;
  border-color:#656464;
  /*font-family:montserratregular;*/
}

.mdl-navigation__link:hover
{
  color:#fff!important;
  text-decoration:none;
}

.mdl-layout__header-row .mdl-navigation
{
  height:38px;
  overflow-y:hidden;
  font-family:montserratregular;
}

.user_photo
{
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin-top: 13px;
  margin-left: 18px;
  margin-bottom: 10px;
  position: absolute;
}

.sidenav-subnav > li > a
{
  color:#DAAF4F;

}

.montserratregular
{
  font-family:montserratregular;
}

.user_name
{
  color: #BE9B4F;
  font-family: montserratregular;
  position: absolute;
  top: 13px;
  left: 60px;
  font-size: 12px;
}

.user_department
{
  color: #fff;
  font-family: montserratregular;
  top: 29px;
  position: relative;
  font-size: 10px;
  position: absolute;
  left: 60px;
  text-align: left;
}

.btn:hover, .btn:focus, .btn.focus
{
  /*color:#D12D2D;*/
}

.btn-success:hover
{
  background-color:#D12D2D;
  border-color:#D12D2D;
  color:#fff;
}

.badge-notify
{
     background:red;
     position:absolute;
     top: 0px;
     left: 35px;
}

.badge-sidebar
{
     background:red;
     position:relative;
     /*top: -16px;*/
     left: -15px;
}

.btn-inquiry
{
     background-color:#FAFAFA;
     color:#000000;
     font-size:15px;
     font-weight:bold;
     font-family:montserratregular;
     height: 50px;
     padding-left: 25px;
     padding-right: 25px;
}
.btn-inquiry:hover
{
     color:#D12C2C;
}

.font09em
{
    font-size:0.9em;
}

.btn-inquiry-active
{
    margin-bottom: 2px solid blue;
}
.table {
  width:100%;
  white-space: nowrap;
}
.inquiry-list-top
{
  margin-bottom:20px;
  background-color:#F4F1F3;
}

.dropdown-menu:before, .dropdown-menu:after
{
  content:none;
}

.mdl-layout__header-row .mdl-navigation__link
{
  padding:0 12px;
}

thead tr:first-child
{
  box-shadow:none;
}

.table-striped > tbody > tr:nth-of-type(odd)
{
  /*background-color:#fff;*/
}

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none;
 border-color:#cccccc;
}

/* test for calendar inside textbox */
/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  z-index:1;
}

.inner-addon .fa-filter
{
  font-size:24px;
  /*right:6px!important;*/
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #A81919;
  color: transparent;
}

.inner-addon .fa-border
{
  height:40px;
  border-right:0px;
}

/* align glyph */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
/* end test for calendar inside textbox */


.table-curved {
    border-collapse: separate;
    width:100%;
    border-spacing:0px;
    border-radius: 5px;
    border-left:0px;
    border-spacing:0px 12px;
    font-size:13px;
    font-family:hind_regularregular;
    color:#6a6a6a;
}

.table-curved tr {
    position: relative;
    border-radius: 5px;
    border-collapse:seperate;
    border-spacing:0;
    /*background:#f8f8f8;*/
    background-position-x: 10px;
    padding:10px 0;
    transition:background .1s;
    height:54px;
}
.table.table-curved > tbody > tr > td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  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-curved tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
.table-curved tbody tr td:last-child {
  border-right: 1px solid #ddd;
  border-radius: 0 5px 5px 0;
}

.table-curved tr:hover {
    background:#eee;
    border-radius: 5px;
}
.table-curved th {
    border-top: none;
}
.table-curved th:first-child {
    border-radius: 6px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 6px 0 0;
}
.table-curved th:only-child{
    border-radius: 6px 6px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td
{
    vertical-align: middle;
    border-top:0px;
}
.table-curved td:first-child:before {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 6px 0 0 6px;
    position: absolute;
}
/*.table-curved td:before
{
  background:#fff;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
}*/

td.action-btn:after
{
  background:#fff;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

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


  .table-wf3 {
      /* border-collapse: separate; */
      width:100%;
      border-left:0px;
      font-size:13px;
      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-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;*/
  }

#menu-inquiry:hover ~ #submenu-inquiry
{
    display:block;
}

.mdl-layout__drawer-button
{
  display:none;
}

.mdl-submenu
{
  background-color:#333333;
  height:auto;
}

#sidenav
{
  top:-20px;
  position:relative;
}

.dropdown-menu-right
{
  background-color:#4A4A4A;
  border:0px;
}

.dropdown-menu-lg
{
  border:0px;
}


.mdl-layout__header-row .mdl-navigation__link
{
  color:#F0BE50;
  font-size:.9rem;
}

.dropdown-menu > li > a
{
  color:#DAAF4F;
}

.sublink
{
  font-size:11px!important;
  font-family:montserratregular;
  padding-right:9px!important;
  white-space: nowrap;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
  /*background-color:#E8E8E8;*/
  background-color:white;
}

.mdl-navigation .v-link-active
{
  color:#fff!important;
  font-family:montserratregular;
}


.navbar-brand-center {
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.navbar-collapse {
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-toggler .arrow-up:before,
.navbar-toggler .arrow-up:after {
  bottom: 0;
  -webkit-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.navbar-toggler.collapsed .arrow-up:before,
.navbar-toggler.collapsed .arrow-up:after {
  bottom: -8px;
}
.navbar-toggler .ellipsis-object {
  background-color: #fff;
  border: 1px solid #fff;
}
.navbar-account-btn {
  background-color: transparent;
  background-image: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  /*padding: 7px 15px;*/
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  height: 54px;
  width: 100%;
}
.navbar-upgrade-heading {
  line-height: 1.538462;
  margin-bottom: 0;
  margin-top: 0;
}
.navbar-upgrade-notification {
  color: inherit;
  display: block;
}
.navbar-upgrade-version {
  color: #808080;
  padding: 5px 15px;
}
.navbar-search {
  display: block;
  height: 50px;
  overflow: hidden;
  position: relative;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  width: 400px;
}
.navbar-search-toggler {
  background-color: transparent;
  background-image: none;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 50px;
  left: 0;
  line-height: 50px;
  outline: none;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.navbar-search-input {
  background-color: transparent;
  background-image: none;
  border: none;
  display: block;
  font-size: 13px;
  height: 50px;
  line-height: 50px;
  outline: none;
  padding-left: 50px;
  padding-right: 70px;
  text-overflow: ellipsis;
  width: 100%;
}
.navbar-search-adv-btn {
  background-color: transparent;
  background-image: none;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 10px;
  line-height: 20px;
  min-width: 70px;
  outline: none;
  padding: 15px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: right;
  -o-transition-property: right;
  transition-property: right;
}
.navbar-search-collapsed {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
  width: 50px;
}
.navbar-search-collapsed .navbar-search-adv-btn {
  right: -70px;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.dropdown-menu-lg {
  padding: 0;
  width: 450px;
}
.dropdown-header {
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
}
.dropdown-body {
  height: 304px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  /*background-color:#4A4A4A;
  font-size:12px;
  color:#BE9B4F;*/

}
.dropdown-heading {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
}
.dropdown-link {
  float: right;
  line-height: 20px;
}
.dropdown-btn {
  background-color: transparent;
  background-image: none;
  border-color: #ddd;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-style: solid;
  border-width: 1px 0 0;
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  padding: 5px 10px;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.dropdown-btn:hover,
.dropdown-btn:focus {
  background-color: #d9230f;
  border-color: #d9230f;
  color: #fff;
  text-decoration: none;
}
.notification:before,
.notification:after {
  content: " ";
  display: table;
}
.notification:after {
  clear: both;
}
.notification-media {
  float: left;
  margin-right: 10px;
}

.notification-content {
  overflow: hidden;
}

.notification-content .icon {
  max-height:32px;
  max-width:auto;
}

.notification-content .text {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
  color:#fff;
  font-size:12px;
  font-family:montserratregular;
  margin-left: 54px;
 padding-right: 70px;
}

.notification-content .view-all {
  color:#f0be50;
  font-size:10px;
}


.notification-content .time {
  color:grey;
  font-size:10px;
  right: 10px;
}

.notification-heading {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
  color:#fff;
  font-size:12px;
  font-family:montserratregular;
}
.notification-timestamp {
  float: right;
  font-size: 12px;
  line-height: 20px;
}
.notification-text {
  margin-bottom: 0;
  color:#fff;
  font-size:10px;
  font-family:montserratregular;
}
.sidenav-toggler {
  background-color: transparent;
  background-image: none;
  border: none;
  display: block;
  float: left;
  height: 60px;
  line-height: 50px;
  margin-left: -15px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-transition: background-color 1s;
  -o-transition: background-color 1s;
  transition: background-color 1s;
  width: 50px;
}
.sidenav-toggler.collapsed {
  width: 60px;
}
.navbar-default .navbar-header {
  background-color: #ACC554;
}
.navbar-default .navbar-toggler .arrow-up:before,
.navbar-default .navbar-toggler .arrow-up:after {
  border-bottom-color: #fff;
}
.navbar-default .navbar-account-btn {
  color: #fff;
}
.navbar-default .navbar-account-btn:hover,
.navbar-default .navbar-account-btn:focus {
  background-color: #fff;
  color: #d9230f;
}
.navbar-default .open .navbar-account-btn,
.navbar-default .open .user-account-btn:hover,
.navbar-default .open .user-account-btn:focus {
  background-color: #ddd;
  color: #222;
}
.navbar-default .navbar-search-collapsed {
  background-color: #fff;
  color: #777;
}
.navbar-default .navbar-search-toggler {
  color: #777;
}
.navbar-default .navbar-search-toggler:hover {
  background-color: #fff;
  color: #d9230f;
}
.navbar-default .navbar-search-input {
  color: #777;
}
.navbar-default .navbar-search-input::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}
.navbar-default .navbar-search-input:-ms-input-placeholder {
  color: #ddd;
}
.navbar-default .navbar-search-input::-webkit-input-placeholder {
  color: #ddd;
}
.navbar-default .navbar-search-adv-btn {
  color: #777;
}
.navbar-default .sidenav-toggler.collapsed {
  background-color: #ACC554;
}
.navbar-default .sidenav-toggler .bar-line.in {
  background-color: #fff;
}
.navbar-inverse .navbar-toggler .arrow-up:before,
.navbar-inverse .navbar-toggler .arrow-up:after {
  border-bottom-color: #d9230f;
}
.navbar-inverse .navbar-account-btn {
  color: #fff;
}
.navbar-inverse .navbar-account-btn:hover,
.navbar-inverse .navbar-account-btn:focus {
  background-color: #ea2610;
  color: #fff;
}
.navbar-inverse .open .navbar-account-btn,
.navbar-inverse .open .user-account-btn:hover,
.navbar-inverse .open .user-account-btn:focus {
  background-color: #ea2610;
  color: #fff;
}
.navbar-inverse .navbar-search {
  background-color: #ea2610;
  color: #fff;
}
.navbar-inverse .navbar-search-collapsed {
  background-color: #d9230f;
  color: #fff;
}
.navbar-inverse .navbar-search-toggler {
  color: #fff;
}
.navbar-inverse .navbar-search-toggler:hover {
  background-color: #ea2610;
  color: #fff;
}
.navbar-inverse .navbar-search-input {
  color: #fff;
}
.navbar-inverse .navbar-search-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
.navbar-inverse .navbar-search-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-search-adv-btn {
  color: #fff;
}
.navbar-inverse .sidenav-toggler.collapsed {
  background-color: #ea2610;
}
.sidenav-search .form-group {
  margin-bottom: 0;
}
.layout-content-body
{
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
       -o-animation-name: fadeInRight;
          animation-name: fadeInRight;
  float: left;
  /*padding: 105px 15px 35px;*/
  padding: 55px 0px 0px;
  visibility: visible;
  width: 100%;
}
.layout-footer-body {
  padding: 5px 15px;
}
.title-bar {
  margin-bottom: 10px;
  background-color:#fff;
  height:64px;
  font-family:montserratregular;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.title-bar-title {
  display: block;
  line-height: 32px;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  margin-left:52px;
  font-family:montserratregular;
  top:12px;
  position:relative;
  color:#000;
  font-size:20px;
  padding-top: 3px;
}
.title-bar-actions {
  float: right;
}
.title-bar-shortcut {
  color: inherit;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
  position: relative;
}
.title-bar-shortcut:hover,
.title-bar-shortcut:focus {
  color: inherit;
  text-decoration: none;
}
.title-bar-shortcut:before {
  color: transparent;
  content: "\f005";
  display: block;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.title-bar-shortcut:after {
  content: "\f006";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.title-bar-shortcut:hover:before {
  color: #ffeb3b;
}
.title-bar-shortcut.active:before,
.title-bar-shortcut.active:hover:before {
  color: #fbc02d;
}
.title-bar-description {
  margin-bottom: 0;
  margin-left:4%;
  top:4px;
  position:relative;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: transparent;
  background-color:#333333;
}
.dropdown-menu.inner:before,
.dropdown-menu.inner:after {
  content: normal;
  display: none;
}
.jqvmap-zoomin,
.jqvmap-zoomout {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.img-flag {
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  width: 20px;
}
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
}
.panel {
  /*margin-bottom: 10px;*/
      z-index: 2;
}

a {
   outline: none!important;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hind_regularregular';
    src: url('../fonts/hind-regular-webfont.woff2') format('woff2'),
         url('../fonts/hind-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.btn_filter{
  /*border: none;*/
  background: transparent;
  border: none;
  height: 32px;
  /*margin-left: 6px;*/
  }
.btn_filter::after{
  border: none;

  }
.btn-flat > img{
      left: 10px;
      position: absolute;
      top: 10px;
}
.btn-flat:disabled{
  filter: grayscale(100%);
}
.search{
  width: 100%;
  height: 100px;
  padding-top: 20px;
      display: flex;
}

.limheight
{
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; /*3 is just placeholder -- can be anything*/
    left:30px;
    padding:10px 10px 10px 10px;
    position:relative;
    font-size:0.9em;
}
.limheight li {
    padding-left: 30px;
}
.limheight li a
{
    color:#F0BE50;
    font-family:montserratregular;
    line-height:30px;
}

.limheight li a:hover
{
    color:#FFF;
    font-family:montserratregular;
    text-decoration:none;
    line-height:30px;
}

.form-horizontal .form-group2
{
  margin-left:-15px;
}

.left-filter
{
  float:left;
}

.right-filter
{
  position:absolute;
  right:-16px;
  padding:0;
}

/* 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 !important;
  padding-bottom: 0px !important;
  padding-right: 90px !important;
  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;
}

.content-search-wrapper
{
  height: 280px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
  margin: auto;
}

.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;
 }