@import "variables";
@import "~cx/src/index";

* {
  box-sizing: border-box;
}


html {
  height: 100%;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Maven Pro', sans-serif;
  font-size: .875rem; //14px
  color: $base-font-color;
}

/*.cxs-view-mode {
    background-color: whitesmoke;
    border:1px solid gray;
}

.cxs-readOnly-mode {
    background-color: whitesmoke;
    border: 1px solid gray;
}*/


//typography

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #475767;
}

a {
  color: darken($base-blue-color,10);
}

h1 {
  font-size: 1.75rem; //28px
  font-weight: 100;
  line-height: 2rem; //32px
}

h3 {
  font-size: 1.25rem;
  font-weight: normal;
}

h4 {
  font-size: .875rem;
}

#app {
  height: 100%;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.flex-05 {
  flex: 0.5;
}

.flex-stretch {
  align-items: stretch;
}

.cxe-numberfield-clear{
  left: 6px;
  right: 0;
}
.cxe-numberfield-input {
    text-align: right;
}

.cxe-datetimefield-input {
    text-align: right
}

.cxe-labelsLeftFieldsRight{
  width: 100%;

  .cxe-labelsleftlayout-label{
    text-align: left;
  }
  .cxe-labelsleftlayout-field{
    text-align: right;

    .cxb-lookupfield{
      text-align: left;
      width: 100%;
    }

    .cxb-textfield{
      width: 100%;
    }

    .cxb-textarea{
      width: 100%;
    }

  }
}

.cxe-labelsLeftFieldsLeft{
  .cxe-labelsleftlayout-label{
    text-align: left;
  }
  .cxe-labelsleftlayout-field{
    .cxb-lookupfield{
      width: 100%;
    }

    .cxb-textfield{
      width: 100%;
    }

    .cxb-textarea{
      width: 100%;
    }
  }
}

.cxe-labelstoplayout-fieldstretched{
  .cxe-labelstoplayout-field{
    .cxb-lookupfield{
      width: 100%;
    }

    .cxb-textfield{
      width: 100%;
    }

    .cxb-textarea{
      width: 100%;
    }
  }
}

.cxe-innerLayoutBoldLabel{
  .cxe-labelsleftlayout-label,
   .cxe-labelstoplayout-label{
      .cxb-label {
        font-weight: bold;
      }
  }
}

.cxe-innerLayoutBoldField{
  .cxe-labelsleftlayout-field,
  .cxe-labelstoplayout-field{
    * input, span{
      font-weight: bold;
    }
  }
}

.cxe-innerLayoutSmallPad{
  .cxe-labelstoplayout-label{
    padding: 1px 1px 0px 1px;
  }
  .cxe-labelstoplayout-field{
    padding: 0px 1px;
  }

  .cxe-labelstoplayout-field:first-child{
    padding-left: 0;
  }

  .cxe-labelstoplayout-field:last-child{
    padding-right: 0;
  }

  .cxe-labelsleftlayout-label{
    padding: 1px 1px 1px 0;
  }
  .cxe-labelsleftlayout-field{
    padding: 2px 0px 1px 7px;
  }
}

.cxe-innerLayoutNoPad{
  .cxe-labelstoplayout-label{
    padding: 0;
  }
  .cxe-labelstoplayout-field{
    padding: 0;
  }

  .cxe-labelstoplayout-field:first-child{
    padding-left: 0;
  }

  .cxe-labelstoplayout-field:last-child{
    padding-right: 0;
  }

  .cxe-labelsleftlayout-label{
    padding: 0;
  }
  .cxe-labelsleftlayout-field{
    padding: 0 2px;
  }
}

.cxe-textarea-input {
  resize: none
}

.cxe-grid-col-nowrap{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

//.cxb-tab.cxs-active {
//  font-weight: bold;
//  border-right: 0px;
//  background-color: $base-back-color !important;
//  border-top: 3px solid $base-blue-color;
//}

//.cxb-numberfield input{
//  height:28px
//}

.cxs-inputfield-readonly{
  .cxe-lookupfield-input{
    background-color: $main-color-light;
  }
  input{
    background-color: $main-color-light;
  }
}

.cxm-help-placement-down .cxb-helptext {
  position: absolute;
  bottom: 0;
  left: 0
}

.cxe-horizontalline{
  display: block;
  height: 0px;
  border-bottom: 1px solid $base-border-color;
}

.cxb-lookupfield.cxs-view-mode{
  padding: 0;
  border-width: 0;
}

.cxb-datetimefield.cxs-view-mode{
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
}

.cxb-textfield.cxs-view-mode{
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
}

.cxb-numberfield.cxs-view-mode{
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
}
@import "core/mods.scss";
@import "core/components/index";
@import "client/components/index";
@import "core/layouts/index";
@import "core/pageTemplates/index";
@import "orders.scss";
@import "client/routes/index";
@import "core/routes/index";
@import "core/util/index";