@charset "UTF-8";
/* Created by Jignesh Tejani on 20-12-17 */
/* Variables scss imported */
/* mixin scss imported */
/*********************
BREAKPOINTS
*********************/
/* Base scss imported */
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBlackCond.svg#HelveticaNeueBlackCond") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight.svg#HelveticaNeueLight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueHeavy.svg#HelveticaNeueHeavy") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium.svg#HelveticaNeueMedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueItalic.svg#HelveticaNeueItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold.svg#HelveticaNeueBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueBold_1.svg#HelveticaNeueBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueLight_1.svg#HelveticaNeueLight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueThin.svg#HelveticaNeueThin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueRegular.svg#HelveticaNeueRegular") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.eot");
  src: url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.eot?#iefix") format("embedded-opentype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.woff2") format("woff2"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.woff") format("woff"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.ttf") format("truetype"), url("/static/assets/fonts/HelveticaNeue/HelveticaNeueMedium_1.svg#HelveticaNeueMedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  background-color: #f3f3f3 !important;
  font-weight: 400 !important;
}

.webix_view {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
}

a {
  color: #009fda;
}

/*.wd-container {
  margin-top: 54px;
  margin-bottom: 80px;
  height: calc(100vh - 134px);
  overflow-y: auto;
  //min-height: 500px;
  @include breakpoint(minHeight) {
    min-height: 600px !important;
  }
  @include breakpoint(phablet) {
    margin-top: 41px;
    margin-bottom: 100px;
    height: calc(100vh - 141px);
  }
}*/
.wd-container {
  margin-top: 54px;
  min-height: calc(100vh - 54px);
  overflow-y: auto;
}
@media (max-width: 992px) {
  .wd-container {
    margin-top: 41px;
    min-height: calc(100vh - 48px);
  }
}

.wd-module-header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #DADADA;
  padding: 26px 0;
}
@media (max-width: 992px) {
  .wd-module-header {
    padding: 10px 0;
  }
}
.wd-module-header h2 {
  font-size: 20px;
  margin: 0;
  font-weight: 400;
}
@media (max-width: 992px) {
  .wd-module-header h2 {
    font-size: 16px;
  }
}
.wd-module-header h2 img {
  border-radius: 100%;
  margin-right: 8px;
}

.wd-card {
  background-color: #FFFFFF;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #DADADA;
}

/*  Placeholder css  */
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #A8A9AB !important;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #A8A9AB !important;
}

input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #A8A9AB !important;
}

input:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #A8A9AB !important;
}

.webix_vscroll_y {
  overflow-y: auto !important;
  width: 6px !important;
}
.webix_vscroll_y .webix_vscroll_body {
  width: 6px !important;
}

.webix_ss_vscroll_header {
  border-bottom: 0 !important;
  width: 0px !important;
  border-left: 0px solid #DADEE0;
}

/*  Placeholder css  */
path.highcharts-button-symbol {
  opacity: 0.2;
}

.container {
  width: 94% !important;
  max-width: 94% !important;
}
@media (max-width: 992px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.wd-filter-section button {
  float: right;
  height: 34px;
  padding: 4px 8px 0;
  margin: 8px 0 0 0;
}
.wd-filter-section button:hover i {
  color: #303032;
}
.wd-filter-section button i {
  color: #FFFFFF;
  font-size: 20px;
}
.wd-filter-section .wd-webix-input {
  width: calc(100% - 48px);
}

.webix_tooltip {
  z-index: 10007 !important;
}

@font-face {
  font-family: "WD";
  src: url("/static/assets/fonts/wd/WD.eot");
  src: url("/static/assets/fonts/wd/WD.eot#iefix") format("embedded-opentype"), url("/static/assets/fonts/wd/WD.ttf") format("truetype"), url("/static/assets/fonts/wd/WD.woff") format("woff"), url("/static/assets/fonts/wd/WD.svg#WD") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-wd-], [class*=" icon-wd-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "WD" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wd-work-order:before {
  content: "";
}

.icon-wd-Clear-filter:before {
  content: "";
}

.icon-wd-Achive-contact:before {
  content: "";
}

.icon-wd-Activity--notes:before {
  content: "";
}

.icon-wd-Add-new-job-Copy:before {
  content: "";
}

.icon-wd-Add-new-job:before {
  content: "";
}

.icon-wd-Address:before {
  content: "";
}

.icon-wd-Bit--invoice:before {
  content: "";
}

.icon-wd-Contact:before {
  content: "";
}

.icon-wd-copy-job:before {
  content: "";
}

.icon-wd-Dashboard:before {
  content: "";
}

.icon-wd-Date--priorites:before {
  content: "";
}

.icon-wd-Edit:before {
  content: "";
}

.icon-wd-job-characteristics:before {
  content: "";
}

.icon-wd-Job-info:before {
  content: "";
}

.icon-wd-open-in-maps:before {
  content: "";
}

.icon-wd-project-Contract:before {
  content: "";
}

.icon-wd-project-roles:before {
  content: "";
}

.icon-wd-rework:before {
  content: "";
}

.multiselect__option--highlight {
  background: #4883AE;
}

.multiselect__option--highlight:after {
  background: #4883AE;
}

.multiselect__tag {
  background: #4883AE;
}

.multiselect__tag-icon:hover {
  background: #4883AE;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #6d6e71;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #6d6e71;
}

.multiselect, .multiselect__input, .multiselect__single {
  font-size: 14px;
}

.v-select .vs__selected-options {
  height: 20px;
}

.vue-image-crop-upload .vicp-wrap .vicp-operate a {
  color: #4883AE;
}

.vue-image-crop-upload .vicp-wrap .vicp-success {
  color: #4883AE;
}

.vue-image-crop-upload .vicp-wrap .vicp-icon3::after {
  border-color: #4883AE;
}

.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {
  background-color: #4883AE;
}

.vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {
  background-color: #4883AE;
}

.p-0 {
  padding: 0px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-32 {
  padding-right: 32px !important;
}

.p-l-32 {
  padding-left: 32px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l--6 {
  margin-left: -6px !important;
}
.m-l--9 { /* WD-I357 increasing the size of checkbox */
  margin-left: -9px !important;
}
.m-t--25 { /* WD-I357 increasing the size of checkbox */
  margin-top: -25px !important;
}
.m-t--10 { /* Progression tracker */
  margin-top: -10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-b-64 {
  margin-bottom: 64px !important;
}

.m-t--5 {
  margin-top: -5px !important;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.cp {
  text-transform: capitalize;
}

/* Components scss imported */
/*Webix input and select*/
.wd-webix-input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin: 8px 0;
}
.wd-webix-input > label {
  font-size: 14px;
  color: #9E9E9E;
  font-weight: 400;
}
.wd-webix-input input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border: 1px solid #DADADA;
  border-radius: 4px;
  color: #303032;
  padding: 6px 12px;
  height: 34px;
  line-height: 36px;
  width: 100% !important;
}
.wd-webix-input input:focus {
  border: 1px solid #6d6e71;
}
.wd-webix-input .webix_input_icon.fa-calendar {
  display: none;
}
.wd-webix-input .webix_view {
  cursor: pointer;
  width: 100% !important;
  height: 34px !important;
}
.wd-webix-input .webix_view .webix_el_box {
  padding: 0;
  height: auto !important;
  width: 100% !important;
}
.wd-webix-input .webix_view .webix_el_box .webix_inp_static {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border: 1px solid #DADADA;
  border-radius: 4px;
  color: #303032;
  padding: 6px 12px;
  height: 34px;
  line-height: 24px !important;
  width: 100% !important;
}
.wd-webix-input .webix_view .webix_el_box .webix_inp_static:focus {
  border: 1px solid #6d6e71;
}

/*Webix input and select*/
/*Date and time picker for only add new timesheet*/
.wd-datetime-picker .vdatetime-input {
  width: 160px;
  border: 1px solid #DADADA !important;
  padding: 6px 0px 6px 12px;
  border-radius: 4px;
}

.vdatetime-overlay {
  z-index: 10004;
}

.vdatetime-popup {
  z-index: 10005;
}

/*Date and time picker for only add new timesheet*/
/*.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
  color: $theme-seconday-color !important;
}

.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control {
  background-image: linear-gradient(0deg, $theme-seconday-color 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0) !important;
}

select.custom-file-control:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]) {
  height: 33px !important;
}

.wd-input {
  & > label {
    font-size: 14px;
    color: $font-tertiary--dark-color;
    font-weight: 400;
  }
  input {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    border: 1px solid $border-color;
    border-radius: 4px;
    color: $font-primary-dark-color;
    padding: 6px 12px;
    height: 36px;
    line-height: 36px;
    width: 100% !important;
    &:focus {
      border: 1px solid $font-secondary-dark-color;
    }
  }
}*/
.wd-text-input {
  margin-bottom: 4px;
}
.wd-text-input label {
  font-size: 12px;
  color: #6d6e71;
}
.wd-text-input input {
  display: block;
  width: 100%;
  padding: 6px 12px;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  background: none;
  border: 1px solid #DADADA;
  height: 34px;
  font-weight: 400;
  color: #303032;
}
.wd-text-input input:active {
  border: 1px solid #6d6e71;
}
.wd-text-input input:focus {
  border: 1px solid #6d6e71;
}
.wd-text-input select {
  display: block;
  width: 100%;
  padding: 6px 12px;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  background: none;
  border: 1px solid #DADADA;
  height: 34px;
  cursor: pointer;
  font-weight: 400;
  color: #303032;
}
.wd-text-input select:active {
  border: 1px solid #6d6e71;
}
.wd-text-input select:focus {
  border: 1px solid #6d6e71;
}
.wd-text-input .mx-datepicker {
  display: block !important;
  width: 100%;
}
.wd-text-input .mx-datepicker input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.wd-text-input .mx-datepicker .mx-input-append {
  display: none;
}
.wd-text-input:hover .wd-datepicker-icon {
  visibility: visible;
}
.wd-text-input .wd-datepicker-icon {
  visibility: hidden;
  color: #9E9E9E;
  position: absolute;
  right: 24px;
  top: 32px;
  font-size: 20px;
}

.wd-prepend-icon-input {
  margin-bottom: 4px;
  position: relative;
}
.wd-prepend-icon-input label {
  font-size: 12px;
  color: #6d6e71;
}
.wd-prepend-icon-input input {
  display: block;
  width: 100%;
  padding: 8px 12px 8px 32px;
  border-radius: 4px;
  outline: none;
  box-shadow: none;
  background: none;
  border: 1px solid #DADADA;
  height: 39px;
}
.wd-prepend-icon-input input:active {
  border: 1px solid #6d6e71;
}
.wd-prepend-icon-input input:focus {
  border: 1px solid #6d6e71;
}
.wd-prepend-icon-input .wd-prepend-icon {
  width: 24px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 6px;
}
.wd-prepend-icon-input .bmd-form-group {
  display: inline-block;
}

.wd-v-select {
  margin-bottom: 4px;
}
.wd-v-select .dropdown-toggle {
  border: 1px solid #DADADA !important;
  padding: 6px 8px 6px 12px;
  border-radius: 4px;
}
.wd-v-select .dropdown-toggle:active {
  border: 1px solid #6d6e71;
  height: 34px !important;
}
.wd-v-select .dropdown-toggle:focus {
  border: 1px solid #6d6e71;
  height: 34px !important;
}
.wd-v-select .dropdown-toggle::after {
  margin: 0 !important;
  border: 0 !important;
}
.wd-v-select .vs__selected-options {
  min-height: 20px;
  width: calc(100% - 50px);
  padding: 0 !important;
}
.wd-v-select .vs__selected-options input.form-control {
  background: none !important;
  padding: 0 !important;
  width: 100% !important;
  margin: 0;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  height: 20px;
}
.wd-v-select .dropdown-menu {
  z-index: 10007;
  max-height: 300px !important;
  width: auto !important;
  min-width: -webkit-fill-available;
}
.wd-v-select .selected-tag {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  width: 100%;
  border: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.wd-v-select .bmd-form-group {
  padding: 0 !important;
  height: 0 !important;
  width: 100% !important;
}
.wd-v-select .form-control.hidden {
  height: 0 !important;
  margin: 0 !important;
}
.wd-v-select .vs__actions {
  padding: 0 !important;
  margin-top: -2px !important;
}
.wd-v-select .vs__actions button {
  display: none;
  height: 20px;
  font-size: 20px !important;
  font-weight: bolder !important;
}
.wd-v-select .vs__actions i {
  height: 22px;
}
.wd-v-select .vs__actions i:before {
  border-width: 0 !important;
  content: "";
  border-top: 6px solid #868686 !important;
  border-right: 5px solid transparent !important;
  border-bottom: 0 !important;
  border-left: 5px solid transparent !important;
  transform: rotate(0);
  height: 0 !important;
  width: 0 !important;
}
.wd-v-select .open .vs__actions i:before {
  transform: rotate(180deg) !important;
}
.wd-v-select .open .dropdown-toggle {
  border: 1px solid #6d6e71 !important;
}

.wd-v-select.header-search .dropdown-toggle {
  background-color: #f3f3f3;
  border: none !important;
}

.wd-v-select-label {
  font-size: 12px !important;
  color: #6d6e71 !important;
}

.mx-input-icon {
  color: #868686 !important;
}

.wd-textarea label {
  font-size: 12px;
  color: #6d6e71;
  width: 100%;
}
.wd-textarea textarea {
  border: 1px solid #DADADA !important;
  padding: 6px 8px 6px 12px;
  border-radius: 4px;
  width: 100%;
}

.wd-v-multi-select .multiselect--active .multiselect__input {
  margin: 0;
  padding: 0 !important;
  height: 23px;
}
.wd-v-multi-select .multiselect .multiselect__select {
  height: 34px !important;
  width: auto !important;
}
.wd-v-multi-select .multiselect .multiselect__tags {
  padding: 5px 8px 5px 12px !important;
  min-height: 34px !important;
  border-radius: 4px !important;
}
.wd-v-multi-select .multiselect .multiselect__tags .multiselect__placeholder {
  margin: 0 !important;
}
.wd-v-multi-select .multiselect__content-wrapper {
  width: auto !important;
  min-width: 100% !important;
}
.wd-v-multi-select .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option strong {
  font-weight: 500;
  font-size: 14px !important;
}
.wd-v-multi-select .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option span {
  font-size: 13px !important;
  color: #6d6e71;
  font-weight: 300;
}
.wd-v-multi-select .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight {
  background-color: #3b83c0;
}
.wd-v-multi-select .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight span {
  color: #FFFFFF;
}
.wd-v-multi-select .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight:after {
  content: "" !important;
}

.wd-ctk-timepicker {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.wd-ctk-timepicker .time-picker-overlay {
  background-color: rgba(0, 0, 0, 0.33);
  z-index: 99999 !important;
}
.wd-ctk-timepicker .datetimepicker.flex {
  z-index: 100000 !important;
  top: calc(50vh - 200px) !important;
  left: calc(50vw - 225px);
}

.wd-button-primary {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #4883AE;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-filter {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #449d44;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-green {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #449d44;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-green:hover {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #398439;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-red {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #d9534f;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-red:hover {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #ac2925;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}

.wd-button-primary img {
  margin-right: 8px;
}
.wd-button-primary:disabled {
  opacity: 0.65;
  box-shadow: none;
  background-color: #4883AE !important;
  color: #FFFFFF !important;
}

.wd-button-secondary {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #48AEA6;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-secondary img {
  margin-right: 8px;
}
.wd-button-secondary:disabled {
  opacity: 0.65;
  box-shadow: none;
  background-color: #4883AE !important;
  color: #FFFFFF !important;
}

.wd-button-tertiary {
  border-radius: 3px;
  border: none;
  padding: 8px 16px;
  background-color: #A8A9AB;
  color: #FFFFFF;
  font-weight: 400 !important;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: none !important;
  font-size: 12px !important;
}
.wd-button-tertiary img {
  margin-right: 8px;
}
.wd-button-tertiary:disabled {
  opacity: 0.65;
  box-shadow: none;
  background-color: #4883AE !important;
  color: #FFFFFF !important;
}

.btn-primary {
  background-color: #3b83c0 !important;
  border-color: #3b83c0 !important;
}

.wd-link {
  color: #3b83c0 !important;
  font-weight: 500;
}
.wd-link:hover {
  cursor: pointer;
}

.webixWindow {
  height: 100%;
}

/*.webix_win_body {
  .webix_layout_form {
    height: auto !important;
    .webix_scroll_cont {
      .webix_el_button {
        height: 40px !important;
        .webix_el_box {
          height: 40px !important;
          .webixtype_base {
            border-radius: 3px;
            border: none;
            padding: 8px 16px;
            background-color: $theme-color;
            color: $white-color;
            font-weight: 300 !important;
            letter-spacing: 1px;
            cursor: pointer;
            text-transform: none !important;
            font-size: 12px !important;
            line-height: 22px;
            height: 40px;
          }
        }
      }
    }
  }
}*/
.wd-webix-table .webix_view {
  border: none !important;
  height: 100% !important;
}
.wd-webix-table .webix_view .webix_hcell {
  text-transform: capitalize !important;
  color: #6d6e71 !important;
  font-size: 13px !important;
  padding: 12px  0 0 20px!important;
}
.wd-webix-table .webix_view .webix_hcell .bmd-form-group input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border: 1px solid #DADADA;
  border-radius: 4px;
  color: #303032;
  padding: 2px 8px;
  height: 34px;
  line-height: 36px;
  width: 100% !important;
}
.wd-webix-table .webix_view .webix_hcell .bmd-form-group input:focus {
  border: 1px solid #6d6e71;
}
.wd-webix-table .webix_view .webix_hcell.webix_div_filter {
  padding-right: 0 !important;
}
.wd-webix-table .webix_view .webix_hcell.webix_div_filter .webix_richfilter .webix_inp_static {
  height: 30px !important;
  margin-top: 5px !important;
  border-radius: 4px !important;
}
.wd-webix-table .webix_view .webix_hcell.webix_div_filter .webix_richfilter .webix_input_icon.fa-calendar {
  display: none;
}
.wd-webix-table .webix_view .webix_hcell {
  height: 50px !important;
  padding: 0 20px;
  font-size: 14px !important;
  color: #303032 !important;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.wd-webix-table .webix_view .webix_hcell .webix_ss_sort_asc {
  font-size: 18px;
  font-weight: bolder !important;
  padding: 0px 0px 5px;
  height: 10px;
  box-sizing: content-box;
  margin-top: -10px;
  background-color: #FFFFFF;
}
.wd-webix-table .webix_view .webix_hcell .webix_ss_sort_desc {
  font-size: 18px;
  font-weight: bolder !important;
  padding: 0px 0px 5px;
  height: 10px;
  box-sizing: content-box;
  margin-top: -10px;
  background-color: #FFFFFF;
}
.wd-webix-table .webix_view .webix_hcell .wd-defalut-sort {
  position: absolute;
  top: 12px;
  right: 0px;
  font-size: 20px;
  color: #9E9E9E;
  background-color: #FFFFFF;
}
.wd-webix-table .webix_view .webix_hcell.webix_ss_filter {
  padding: 5px 0 2px 20px;
}
.wd-webix-table .webix_view .webix_hcell.webix_ss_filter input {
  border-radius: 4px;
  font-size: 14px !important;
}
.wd-webix-table .webix_view .webix_hcell.webix_ss_filter select {
  padding: 0 8px;
}
.wd-webix-table .webix_view .webix_column .webix_cell {
  color: #303032;
  font-size: 14px;
  font-weight: 400;
  border: none !important;
  padding: 0 20px;
  text-overflow: ellipsis;
  line-height: 20px !important;
}
.wd-webix-table .webix_view .webix_column .webix_cell:nth-child(odd) {
  background-color: #f3f3f3;
}
.wd-webix-table .webix_view .wd-table-info-icon {
  text-align: center;
}
.wd-webix-table .webix_view .wd-table-info-icon .goto_followup {
  background: transparent;
  border: none;
}
.wd-webix-table .webix_view .wd-table-info-icon .goto_followup i.material-icons {
  color: #4883AE;
  margin: 6px;
}
.wd-webix-table .webix_el_datepicker {
  width: 100% !important;
  height: 40px !important;
}
.wd-webix-table .webix_el_datepicker .webix_el_box {
  width: 100% !important;
  height: 40px !important;
}
.wd-webix-table .webix_el_datepicker .webix_el_box .webix_inp_static {
  width: 100% !important;
}

.wd-webix-table-fiter .webix_view .webix_ss_header {
  height: 100px !important;
}
.wd-webix-table-not-filter .webix_view .webix_ss_header {
  height: 60px !important;
}
.wd-webix-table-fiter .webix_view .webix_ss_vscroll.webix_vscroll_y {
  margin-top: 92px !important;
}

.wd-simple-table {
  width: 100%;
}
.wd-simple-table tr th {
  text-transform: capitalize !important;
  color: #303032 !important;
  font-size: 14px !important;
  padding: 10px 20px;
  font-weight: 700 !important;
  background-color: #FFFFFF;
  line-height: 22px;
}
.wd-simple-table tr td {
  color: #303032;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 20px;
  border: none !important;
}
.wd-simple-table tr td a {
  line-height: 22px;
}
.wd-simple-table tr td p {
  line-height: 22px;
  margin: 0;
}
.wd-simple-table tr:nth-child(odd) {
  background-color: #f3f3f3;
}

.webix_transparent {
  opacity: 0.7 !important;
  cursor: all-scroll !important;
  background-color: #d0d0d0 !important;
}

.wd-vertical-align-middle {
  display: table;
  height: 100%;
  width: -webkit-fill-available;
}
.wd-vertical-align-middle p {
  vertical-align: middle;
  margin: 0;
  display: table-cell;
  line-height: normal;
}
.wd-vertical-align-middle a {
  vertical-align: middle;
  margin: 0;
  display: table-cell;
  line-height: normal;
}
.wd-vertical-align-middle i {
  vertical-align: middle;
  margin: 0;
  display: table-cell;
  line-height: normal;
}
.wd-vertical-align-middle .webix_el_button {
  vertical-align: middle;
  margin: 0;
  display: table-cell;
  line-height: normal;
}

.wd-vertical-align-middle-checkbox {
  height: 100%;
  position: relative;
}
.wd-vertical-align-middle-checkbox input {
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 8px);
  height: 18px;
  width: 18px;
  /* WD-I357 increasing the size of checkbox */
}

}

.vue_loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #00000090;
  z-index: 100005;
}
.vue_loader .loader {
  margin: calc(50vh - 30px) calc(50vw - 15px);
  border: 3px solid #cccccc;
  border-radius: 50%;
  border-top: 3px solid #666666;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 0.8s linear infinite;
  /* Safari */
  animation: spin 0.8s linear infinite;
}
.vue_loader .progress-circular {
  top: calc(50% - 30px);
  left: calc(50% - 15px);
}

.wd-tab {
  margin-bottom: 16px;
  border-bottom: 1px solid #CACACA;
}
.wd-tab .nav-item .nav-link {
  padding: 10px;
}
.wd-tab .nav-item .nav-link.active {
  border-bottom: 3px solid #3b83c0;
}

.wd-own-tab {
  margin-bottom: 16px;
  border-bottom: 1px solid #CACACA;
  overflow: hidden;
}
.wd-own-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}
.wd-own-tab button.active {
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 3px solid #3b83c0;
}

.wd-switch label {
  position: relative;
  padding-left: 44px;
  font-size: 14px;
}

.wd-switch label .bmd-switch-track {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 2.125rem;
  height: 0.875rem;
  cursor: pointer;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.26) 0, rgba(0, 0, 0, 0.26) 50%, rgba(59, 131, 192, 0.5) 0, rgba(59, 131, 192, 0.5));
  background-position: 0;
  background-size: 4.25rem 0.875rem;
  border-radius: 2.125rem;
  transition: background-position 0.2s ease-in;
}

.wd-switch label .bmd-switch-track:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background: #f1f1f1;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease;
  transform: translateY(-50%);
}

.wd-switch label .bmd-switch-track:active:after {
  transform: translateY(-50%) scale3d(1.15, 0.85, 1);
}

.wd-switch label input {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.wd-switch label input:checked + .bmd-switch-track {
  background-position: -100%;
}

.wd-switch label input:checked + .bmd-switch-track:after {
  left: calc(100% - 1.25rem);
  background-color: #3b83c0;
}

.wd-switch label input:disabled + .bmd-switch-track:active:after {
  transform: translateY(-50%);
}

.wd-switch label input:disabled + .bmd-switch-track {
  cursor: default;
  background: rgba(0, 0, 0, 0.12);
}

.wd-switch label input:disabled + .bmd-switch-track:after {
  background: #bdbdbd;
}

.wd-checkbox label, label.checkbox-inline {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  cursor: pointer;
  margin: 8px 0;
}

.wd-checkbox label .checkbox-decorator, label.checkbox-inline .checkbox-decorator {
  position: absolute;
  left: 0;
  padding: 4px 10px 8px;
  margin: -10px;
  line-height: 10px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 100%;
}

.wd-checkbox label .checkbox-decorator .check, label.checkbox-inline .checkbox-decorator .check {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 0.125rem;
}

.wd-checkbox label .checkbox-decorator .check:before, label.checkbox-inline .checkbox-decorator .check:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  margin-left: 6px;
  color: #757575;
  content: "";
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
  transform: rotate(45deg);
  animation: c;
}

.is-focused .wd-checkbox label .checkbox-decorator .check:before, .is-focused label.checkbox-inline .checkbox-decorator .check:before {
  animation: c 0.3s forwards;
}

.wd-checkbox label input[type=checkbox], label.checkbox-inline input[type=checkbox] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

.wd-checkbox label input[type=checkbox]:focus + .checkbox-decorator .check:after, label.checkbox-inline input[type=checkbox]:focus + .checkbox-decorator .check:after {
  opacity: 0.2;
}

.wd-checkbox label input[type=checkbox]:checked + .checkbox-decorator .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check {
  color: #3b83c0;
  border-color: #3b83c0;
}

.wd-checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-decorator .check:before {
  color: #3b83c0;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  animation: b 0.3s forwards;
}

.wd-checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check:after, .wd-checkbox label input[type=checkbox][disabled] .check:after, fieldset[disabled] .wd-checkbox label input[type=checkbox] + .checkbox-decorator .check:after, fieldset[disabled] .wd-checkbox label input[type=checkbox] .check:after, fieldset[disabled] label.checkbox-inline input[type=checkbox] + .checkbox-decorator .check:after, fieldset[disabled] label.checkbox-inline input[type=checkbox] .check:after, label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .check:after, label.checkbox-inline input[type=checkbox][disabled] .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg);
}

.wd-checkbox label input[type=checkbox][disabled] + .checkbox-decorator .check, .wd-checkbox label input[type=checkbox][disabled] .check, fieldset[disabled] .wd-checkbox label input[type=checkbox] + .checkbox-decorator .check, fieldset[disabled] .wd-checkbox label input[type=checkbox] .check, fieldset[disabled] label.checkbox-inline input[type=checkbox] + .checkbox-decorator .check, fieldset[disabled] label.checkbox-inline input[type=checkbox] .check, label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .check, label.checkbox-inline input[type=checkbox][disabled] .check {
  border-color: rgba(0, 0, 0, 0.26);
}

.wd-checkbox label input[type=checkbox][disabled] + .checkbox-decorator .ripple-container, fieldset[disabled] .wd-checkbox label input[type=checkbox] + .checkbox-decorator .ripple-container, fieldset[disabled] label.checkbox-inline input[type=checkbox] + .checkbox-decorator .ripple-container, label.checkbox-inline input[type=checkbox][disabled] + .checkbox-decorator .ripple-container {
  display: none;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  z-index: 10004;
}
#header nav {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #DADADA;
  padding: 0 8px;
  box-shadow: none;
}
@media (min-width: 992px) {
  #header nav {
    height: 54px;
  }
}
#header nav #navbarUserDropdown img {
  border-radius: 100%;
}
#header nav .dropdown-toggle:after {
  border: none !important;
}
#header nav .nav-item.dropdown.active .nav-link {
  color: #4883AE;
}
#header nav .dropdown-menu .dropdown-item {
  font-size: 14px !important;
  padding: 10px 16px;
  line-height: 20px;
  min-height: 22px;
}
#header nav .navbar-toggler {
  border: none !important;
}

/*.wd-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  z-index: 10004;
  background-color: $footer-bg-color;
  color: #a2a2a2;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300 !important;
  .wd-footer-detail-block {
    a {
      float: left;
      margin-right: 20px;
      color: #4883ae;
      padding: 8px 0;
      @include breakpoint(phablet) {
        font-size: 11px;
        padding: 2px 0;
      }
    }
    p {
      float: right;
      margin: 0;
      padding: 8px 0;
      @include breakpoint(phablet) {
        font-size: 11px;
        padding: 2px 0 4px;
      }
    }
    span{
      color: #666;
      @include breakpoint(phablet) {
        font-size: 10px;
      }
    }
    !* padding: 20px 0 16px;
     .float-left {
       img {

       }
     }
     p {
       margin-bottom: 4px;
       font-size: 13px;
     }
     a {
       color: #4883ae;
       font-size: 13px;
     }*!
  }
  .wd-footer-cpoyright-block {
    border-top: 1px solid #292929;
    p {
      float: right;
      margin: 0;
      padding: 8px 0;
      @include breakpoint(phablet) {
        font-size: 9px;
        padding: 4px 0;
        float: left;
      }
    }
    a {
      float: left;
      padding: 8px 0;
      @include breakpoint(phablet) {
        display: none;
      }
    }
    !* p {
       margin: 0;
       padding: 12px 0;
       text-align: right;
       font-size: 13px;
     }*!
  }
}*/
.wd-footer {
  background-color: #171719;
  color: #a2a2a2;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300 !important;
}
.wd-footer .wd-footer-detail-block {
  padding: 12px 0 0;
}
.wd-footer .wd-footer-detail-block p {
  margin-bottom: 4px;
  font-size: 13px;
}
.wd-footer .wd-footer-detail-block a {
  color: #4883ae;
  font-size: 13px;
}
.wd-footer .wd-footer-cpoyright-block a {
  text-align: center;
}
.wd-footer .wd-footer-cpoyright-block a img {
  float: right;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .wd-footer .wd-footer-cpoyright-block a {
    display: none;
  }
}
.wd-footer .wd-footer-cpoyright-block p {
  text-align: right;
  margin: 0;
  font-size: 12px;
}
@media (max-width: 992px) {
  .wd-footer .wd-footer-cpoyright-block p {
    text-align: center;
    margin: 12px 0;
  }
}

.wd-module-title {
  font-size: 28px;
  font-weight: 700;
  color: #303032;
}
.wd-module-title img {
  border-radius: 100%;
  margin-right: 16px;
}

.wd-module-card-title {
  font-size: 18px;
  font-weight: 300;
  color: #303032;
}

.wd-module-card-secondary-title {
  font-size: 14px;
  font-weight: 500;
  color: #303032;
}

.wd-field-heading {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 700;
  color: #9E9E9E;
}

.wd-invoice-title {
  color: #9E9E9E;
  margin-bottom: 0;
  text-align: right;
}
.wd-invoice-title span {
  color: #303032;
}

.wd-chart-report-filter-block .wd-description {
  margin-bottom: 0;
}

.wd-modal {
  padding: 16px;
}
.wd-modal .v--modal-box {
  overflow: unset !important;
}
.wd-modal .v--modal-box .wd-modal-container {
  height: 100%;
}
.wd-modal .v--modal-box .wd-modal-container .wd-close {
  position: absolute;
  top: -20px;
  right: -20px;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  color: #999;
  border-radius: 50%;
  padding: 8px;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-header {
  padding: 20px;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-header .wd-modal-header-icon i {
  font-size: 42px;
  margin-right: 8px;
  color: #303032;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-header .wd-modal-without-header h3 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 300;
  color: #303032;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-header .wd-modal-subheader h3 {
  font-size: 18px;
  font-weight: 300;
  color: #303032;
  margin: 0;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-header .wd-modal-subheader p {
  font-size: 14px;
  font-weight: 300;
  color: #9E9E9E;
  margin: 0;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-body {
  height: calc(100% - 156px);
  overflow-y: auto;
  overflow-x: hidden;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-footer {
  padding: 20px;
}
.wd-modal .v--modal-box .wd-modal-container .wd-modal-footer button {
  margin-bottom: 0;
}

.wd-modal-without-footer .wd-modal-body {
  height: calc(100% - 82px) !important;
}

.wd-modal-bootstrap {
  padding: 16px;
}
.wd-modal-bootstrap .wd-modal-container {
  height: 86vh;
}
.wd-modal-bootstrap .wd-modal-container .wd-close {
  position: absolute;
  top: -20px;
  right: -20px;
  background-color: #fff;
  color: #999;
  border-radius: 50%;
  padding: 8px;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-header {
  padding: 20px;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-header .wd-modal-header-icon i {
  font-size: 42px;
  margin-right: 8px;
  color: #303032;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-header .wd-modal-without-header h3 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 300;
  color: #303032;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-header .wd-modal-subheader h3 {
  font-size: 18px;
  font-weight: 300;
  color: #303032;
  margin: 0;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-header .wd-modal-subheader p {
  font-size: 14px;
  font-weight: 300;
  color: #9E9E9E;
  margin: 0;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-body {
  height: calc(100% - 156px);
  overflow-y: auto;
  overflow-x: hidden;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-footer {
  padding: 20px;
}
.wd-modal-bootstrap .wd-modal-container .wd-modal-footer button {
  margin-bottom: 0;
}

.v--modal-overlay {
  z-index: 10005 !important;
  background: rgba(0, 0, 0, 0.64) !important;
}

.modal-backdrop.show {
  opacity: 0.64 !important;
}

.wd-alert-warning {
  background-color: #fff8db;
  color: #b58105;
  border: 1px solid #b58105;
  border-radius: 4px;
}
.wd-alert-warning:hover {
  color: #b58105 !important;
}

.wd-alert-danger {
  background-color: #ffe8e6;
  color: #d95c5c;
  border: 1px solid #d95c5c;
  border-radius: 4px;
}
.wd-alert-danger:hover {
  color: #d95c5c !important;
}

/* Modules scss imported */
.wd-login-header {
  font-size: 25px !important;
  font-weight: 400 !important;
  color: #3b83c0;
}

.checkbox-decorator {
  margin: -8px !important;
}

.checkbox label input[type=checkbox]:checked + .checkbox-decorator .check:before {
  color: #3b83c0 !important;
  border-color: #3b83c0 !important;
}

.checkbox label input[type=checkbox]:checked + .checkbox-decorator .check {
  color: #3b83c0 !important;
  border-color: #3b83c0 !important;
}

.wd-forget-password a {
  text-decoration: none !important;
  color: #6a6a6a;
}
.wd-forget-password a:hover {
  color: #3b83c0;
}

.wd-resolve-followup .wd-resolve-followup-note p {
  margin: 0 0 8px !important;
}
.wd-resolve-followup .wd-resolve-followup-note img {
  height: 36px;
  width: 36px;
  border-radius: 100%;
  padding: 2px;
  border: 1px solid #9E9E9E;
}
.wd-resolve-followup .wd-resolve-followup-note ul {
  padding-left: 24px;
}
.wd-resolve-followup .wd-resolve-followup-note ul li {
  color: #9E9E9E;
}

.wd-table-nodata {
  background-color: #fafafa;
  padding: 158px;
  border-radius: 4px;
  font-size: 16px;
  color: #CACACA;
  margin-top: 6px;
}

.wd-table-loading {
  padding: 111px;
}
.wd-table-loading .wd-table-loader {
  border: 3px solid #cccccc;
  border-radius: 50%;
  border-top: 3px solid #666666;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 0.8s linear infinite;
  /* Safari */
  animation: spin 0.8s linear infinite;
  margin: auto;
}

.wd-dashboard-tab .tab {
  border: none !important;
  margin-bottom: 20px;
  background-color: transparent !important;
}
.wd-dashboard-tab .tab .tablinks {
  background-color: #FFFFFF;
  margin-right: 10px;
  border-radius: 4px;
}
.wd-dashboard-tab .tab .tablinks.active {
  background-color: #4883AE !important;
  color: #FFFFFF;
}

.picture-input {
  height: 170px !important;
  width: 170px !important;
  margin: 0 0 20px 0 !important;
}
.picture-input .picture-preview {
  height: 138px !important;
}
.picture-input .picture-inner {
  top: -142px !important;
}
.picture-input .btn {
  margin: 0;
}

.wd-user-management-role-list .form-check.form-check-inline {
  width: 120px;
}

.wd-copy-job-modal-body {
  height: 100%;
}
.wd-copy-job-modal-body .FilterDirectory-list {
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  list-style-type: none;
}
.wd-copy-job-modal-body .FilterDirectory-list li {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 4px;
}
.wd-copy-job-modal-body .FilterDirectory-list li .dc-checkbox-lable-text {
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wd-bid-invoice-table .webix_view {
  /*.webix_ss_center_scroll{
    .webix_column{
     &:nth-child(2){
       .webix_cell{
        padding-left: 0 !important;
       }
     }
    }
  }*/
  /*.webix_hs_center{
    table{
      tr{
        td{
          div{
            padding-left: 0 !important;
          }
        }
      }
    }
  }*/
}
.wd-bid-invoice-table .webix_view .webix_hcell {
  height: 54px !important;
}
.wd-bid-invoice-table .webix_view .wd-bidinvoice-header-checkbox {  /* WD-I357 increasing the size of checkbox */
  margin-top: 10px;
  height: 17px !important;
  width: 17px !important;
}
.wd-bid-invoice-table .webix_view .webix_first .webix_cell {
  padding: 0 !important;
  position: relative;
}
.wd-bid-invoice-table .webix_view .webix_first .webix_cell i {
  position: absolute;
  top: calc(50% - 12px);
}

.wd-add-timesheet-table {
  width: max-content !important;
}
.wd-add-timesheet-table tr th {
  padding-left: 10px;
  padding-right: 10px;
}
.wd-add-timesheet-table tr th:first-child {
  width: 360px;
}
.wd-add-timesheet-table tr th:nth-child(2) {
  width: 120px;
}
.wd-add-timesheet-table tr th:nth-child(3) {
  width: 120px;
}
.wd-add-timesheet-table tr th:nth-child(4) {
  width: 260px;
}
.wd-add-timesheet-table tr th:nth-child(5) {
  width: 200px;
}
.wd-add-timesheet-table tr th:nth-child(6) {
  width: 300px;
}
.wd-add-timesheet-table tr th:last-child {
  width: 100px;
}
.wd-add-timesheet-table tr td {
  padding: 0 !important;
}
.wd-add-timesheet-table tr td .wd-datetime-picker {
  width: fit-content;
  display: inline-block;
}
.wd-add-timesheet-table tr td .wd-datetime-picker .vdatetime-input {
  border: none !important;
  background-color: transparent !important;
}
.wd-add-timesheet-table tr td .wd-datetime-picker .vdatetime {
  width: fit-content;
}
.wd-add-timesheet-table tr td .wd-text-input input {
  border: none !important;
  font-size: 14px;
}
.wd-add-timesheet-table tr td .wd-v-select .dropdown-toggle {
  border: none !important;
}
.wd-add-timesheet-table tr td .wd-textarea textarea {
  border: none !important;
  background-color: transparent !important;
}
.wd-add-timesheet-table tr td .wd-v-multi-select .multiselect__tags {
  padding-top: 7px;
  border: none !important;
  background: transparent !important;
}
.wd-add-timesheet-table .form-control:disabled {
  background-color: transparent;
  border-bottom: 1px solid #bdbdbd;
  background-image: none !important;
  padding-bottom: 6px;
}

.timesheet_add, .timesheet_remove {
  width: 30px !important;
}

.wd-prepend-icon-input-field .wd-prepend-icon {
  position: absolute;
  top: 14px;
  left: 28px;
}
.wd-prepend-icon-input-field input {
  padding-left: 32px;
}

.wd-invoice-ammount {
  font-weight: 500;
  color: #303032;
}
.wd-invoice-ammount span {
  font-size: 16px;
}

.wd-job-bid-import-module .handsontable td.htInvalid {
  border: 1px solid #ff4c42 !important;
  background-color: white !important;
  height: 21px;
}

.wd-bid-invoice-modal .v--modal-box.v--modal {
  top: 10px !important;
  left: 0px !important;
}

.progression-text {
  color:green;
}
/*# sourceMappingURL=main.css.map */

.webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-bottom: 0px solid #5ccce7!important;
}
.wd-bid-invoice-table-new .webix_view .webix_hcell .wd-defalut-sort {
  position: relative;
  top: 6px!important;
  right: 0px;
  font-size: 20px;
  color: #9E9E9E;
  background-color: #FFFFFF;
}
.webix_ss_header, .webix_hcolumn, .webix_ss_vscroll_header, .webix_dd_drag_column, .webix_hs_left, .webix_hs_center, .webix_hs_right {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
  background: white;
}
.remove-all-check{
  margin-left: 3px;
}
.account-remove-all{
  right: 3px!important;
}
.wd-add-timesheet-block .wd-webix-table .webix_view .webix_ss_header {
  height: 60px !important;
}
.wd-webixheader-review-timesheet .wd-webix-table .webix_view .webix_hcell {
  height: 52px !important;
}
.wd-webixheader-review-timesheet .wd-webix-table .webix_view .webix_el_datepicker{
  margin-top: 9px;
}
.wd-bid-invoice-table-admin .webix_view .webix_ss_header {
  height: 85px !important;
}
.wd-bid-invoice-table-admin .webix_view .webix_column .webix_cell{
  padding: 8px 0px!important;
}
.autoheight-card{
  height: calc(100vh - 160px);
}
.autoheight-datatable{
  height: calc(100vh - 260px);
}
.autoheight-datatable-activity{
  height: calc(100vh - 220px);
}
.autoheight-datatable-dashboard{
  height: calc(100vh - 320px);
}
.autoheight-datatable-admin{
  height: calc(100vh - 380px);
}
.toast-header {
  padding: 7px 4px 8px 8px!important;
  color: #721c24;
  background-color: rgba(248, 215, 218, 0.85);
  border-bottom-color: rgba(245, 198, 203, 0.85);
}
.toast-body{
  margin-top: 15px !important;
  padding-bottom: 1px!important;
}
.b-toaster-top-center{
  position: fixed!important;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
}
.b-toast-danger .toast .toast-header {
  color: white!important;
  background-color: #DF3935!important;
  border-bottom-color: rgba(245, 198, 203, 0.85);
}
.b-toast-danger .toast {
  background-color: red;
  border-color: #FFD0D0!important;
}

.b-toast-success .toast .toast-header {
  color: white!important;
  background-color: #12C069!important;
  border-bottom-color: rgba(245, 198, 203, 0.85);
}
.b-toast-success .toast {
  background-color: #12C069;
  border-color: #D0EDDA!important;
}
.swal2-container{
  z-index: 20000!important;
}