/**
    This is a MASTER LESS file for all css used in Sitefinity's Backend. 
     
    Do not compile other .less file. Only compile this file. 
    Use @import to include new .less files.
*/
/**************************************
    ==============================
      Project-Specific Variables
    ==============================
**************************************/
/**
    ECO Colors
*/
/*@grid-background: #f2f2f2;*/
/*@grey-background-hover: #dde1eb;*/
/*@yellow-background: fade(#ec9828, 90%);
@yellow-background-hover: #ec9828;*/
/**
    Eco Fonts
*/
/**
    ECO UI 
*/
/****** End (Project-Specific Variables) ******/
/**************************************
    ==============================
            Form Variables
    ============================== 
**************************************/
/****** End (Form Variables) ******/
/**************************************
    ==============================
            Global Variables
    ==============================
**************************************/
/**
    Global Colors
*/
/**
    Global Measurements
*/
/****** End (Global Variables) ******/
/**************************************
    ==============================
                Functions
    ==============================
**************************************/
/****** End (Functions) ******/
/**************************************
    ==============================
                Mixins
    ==============================
**************************************/
/**
    Bootstrap Alerts / Errors
*/
.alert {
  padding: 15px;
  border-radius: 4px;
  font-size: 16px;
}
.alert .fa {
  padding-right: 10px;
}
.alert > :last-child {
  margin-bottom: 0;
}
.alert-danger,
.tpc .tpc-required.k-tooltip,
.field-validation-error {
  color: #a94442;
  border: 1px solid #ebcccc;
  background: #f2dede;
}
.alert-success {
  color: #3c763d;
  border: 1px solid #d0e9c6;
  background: #dff0d8;
}
.tpc .tpc-required.k-tooltip {
  margin-top: 5px;
}
.form-group .alert,
.tpc .tpc-required.k-tooltip,
.field-validation-error {
  position: relative;
  display: inline-block;
  padding: 7px;
  padding-left: 30px;
  font-size: 15px;
  border-radius: 4px;
  margin-bottom: 0;
}
.form-group .alert::before,
.tpc .tpc-required.k-tooltip::before,
.field-validation-error::before {
  content: "\f06a";
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-group .alert .k-icon,
.tpc .tpc-required.k-tooltip .k-icon,
.field-validation-error .k-icon {
  display: none;
}
.tpc .tpc-required.k-tooltip {
  display: table;
}
.input-validation-error {
  border: 1px solid #a94442 !important;
}
.required > label,
.required > .label {
  position: relative;
}
.required > label::after,
.required > .label::after {
  content: "*";
  display: inline;
  padding-left: 5px;
  font-size: 18px;
  color: red;
  line-height: 0;
}
.required-asterisk {
  display: inline;
  padding-left: 5px;
  font-size: 18px;
  color: red;
  line-height: 0;
}
/**
    Bootstrap Borders / Backgrounds
*/
.border.border-primary {
  border-color: #599a35 !important;
}
.border.border-secondary {
  border-color: #004d65 !important;
}
/**
    Cross-Browser Support
*/
.translateBoth {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
}
.translateClear {
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
.transformClear {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
/**
    General UI Helpers
*/
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.eco-overlay {
  position: relative;
  opacity: 0.4;
}
.eco-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 14, 14, 0.5);
  z-index: 10;
}
.tpc-loading-screen {
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding: 15px;
}
.tpc-loading-screen::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 14, 14, 0.1);
  z-index: 10;
}
.tpc-loading-screen::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 40px;
  height: 40px;
  background-image: url("/images/default-source/default-album/eco-loader.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
.tpc-loading-screen img {
  display: none;
}
/*.k-loading-mask {
    position: relative;
    .overlay;

    .k-loading-image {
        position: absolute;
        .translateBoth;
        width: 40px;
        height: 40px;
        background-image: url("/images/default-source/default-album/eco-loader.gif");
        background-size: cover;
    }
}*/
.loading-screen {
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  /*padding: @page-padding;*/
}
.loading-screen::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 14, 14, 0.1);
  z-index: 10;
}
.loading-screen::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 40px;
  height: 40px;
  background-image: url("/images/default-source/default-album/eco-loader.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
.pav-prewrap {
  white-space: pre-wrap;
}
/**
    ECO UI Specifics
*/
/**
    Default Photo
*/
.default-photo[src*='R0lGODlhAQABAAAAACwAAAAAAQABAAA='],
.default-photo[src$='AA=='] {
  max-height: 100%;
  max-width: 100%;
  content: url("/SFRes/images/Telerik.Sitefinity.Resources/Images.DefaultPhoto.png");
}
.default-photo:not([src]) {
  background: url("/SFRes/images/Telerik.Sitefinity.Resources/Images.DefaultPhoto.png") no-repeat center center transparent;
  background-size: cover;
}
.default-photo:not([src]) img {
  height: 100%;
}
/****** End (Mixins) ******/
/**************************************
    ==============================
           Custom UI Items
    ==============================
**************************************/
/**
    Dividers
*/
.pav-divider {
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.pav-divider::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #599a35;
  width: 100%;
  height: 4px;
}
/**
    Underlines
*/
/**
    Flex
*/
.eco-flex-clear {
  position: initial;
  display: unset;
  align-content: unset;
  align-items: unset;
  justify-content: unset;
}
.flex-container {
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
/**
    Custom Grid: Custom Markup
*/
.eco-custom-grid {
  margin-bottom: 20px;
  border: 1px solid #6fbe44;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.eco-custom-grid .grid-header {
  background-color: #6fbe44;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  text-shadow: 0.5px 0.5px rgba(0, 0, 0, 0.25);
}
.eco-custom-grid .grid-header > [class^=col] {
  padding: 15px;
}
.eco-custom-grid .grid-header > [class^=col]:not(:first-of-type) {
  /*border-left: @border-width solid @white;*/
}
.eco-custom-grid .grid-content > .row {
  border-bottom: 1px solid #6fbe44;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
}
.eco-custom-grid .grid-content > .row > [class^=col] {
  /*border: @border-width solid @color-primary;
                align-self: stretch;*/
  word-break: break-word;
}
.eco-custom-grid .grid-footer {
  padding: 20px 0;
  border-top: 1px solid #6fbe44;
}
.eco-custom-grid .grid-footer .grid-totals span {
  font-weight: bold;
  font-size: 16px;
}
.eco-custom-grid .grid-footer .grid-totals .grid-total {
  width: 100px;
}
.grid-edit,
.grid-edit a,
.grid-edit .fa {
  color: #6fbe44;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.grid-edit:hover,
.grid-edit a:hover,
.grid-edit .fa:hover,
.grid-edit:focus,
.grid-edit a:focus,
.grid-edit .fa:focus,
.grid-edit:active,
.grid-edit a:active,
.grid-edit .fa:active {
  color: #2d4e1b;
}
.grid-edit.tpc,
.grid-edit a.tpc,
.grid-edit .fa.tpc {
  display: block;
  text-align: center;
}
.grid-delete,
.grid-delete a,
.grid-delete .fa {
  color: #a94442;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.grid-delete:hover,
.grid-delete a:hover,
.grid-delete .fa:hover,
.grid-delete:focus,
.grid-delete a:focus,
.grid-delete .fa:focus,
.grid-delete:active,
.grid-delete a:active,
.grid-delete .fa:active {
  color: #dda8a7;
}
.grid-delete.tpc,
.grid-delete a.tpc,
.grid-delete .fa.tpc {
  display: block;
  text-align: center;
}
/**
    Custom Widget: Kendo MVC Grid
*/
.pav-kendo-grid .k-grid .k-grid-header th.k-header {
  background: #6fbe44;
  border-color: #fff;
  padding: 15px 10px;
}
.pav-kendo-grid .k-grid .k-grid-header th.k-header > .k-link {
  position: relative;
  color: #fff;
  padding: 15px 0;
  font-weight: bold;
}
.pav-kendo-grid .k-grid .k-grid-header th.k-header > .k-link > .k-icon {
  bottom: 15px;
}
.pav-kendo-grid .k-grid tbody tr td {
  border: none;
  background: #fff;
  border-bottom: 1px solid #6fbe44;
  padding: 15px 10px;
  font-size: 16px;
}
.pav-kendo-grid .k-grid tbody tr:hover td {
  background: #dee2e6;
}
.pav-kendo-grid .k-grid tbody tr.k-state-selected td {
  background: #007498;
  border-bottom-color: #fff;
}
.pav-kendo-grid .k-grid .k-checkbox-label {
  padding: 0 !important;
  width: auto;
  height: auto;
  left: 7px;
}
.pav-kendo-grid .k-grid .k-checkbox-label::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 75%;
}
.pav-kendo-grid .k-grid .k-grid-pager {
  padding: 10px;
  background: #fff;
}
@media only screen and (max-width: 575px) {
  .eco-custom-grid:not(.no-mobile-scroll) {
    overflow-x: scroll;
  }
  .eco-custom-grid:not(.no-mobile-scroll) .grid-header,
  .eco-custom-grid:not(.no-mobile-scroll) .grid-content > .row,
  .eco-custom-grid:not(.no-mobile-scroll) .grid-footer {
    min-width: calc(575px - 15px * 2);
  }
  .pav-kendo-grid {
    overflow-x: scroll;
  }
  .pav-kendo-grid .k-widget.k-grid {
    min-width: calc(575px - 15px * 4);
    overflow-x: hidden;
  }
}
/**
    Form Spacing
*/
.eco-spacing[class*='top']::before {
  content: "";
  position: relative;
  display: block;
  margin: 20px 0;
}
.eco-spacing[class*='top'][class*='sm']::before {
  margin: 10px 0;
}
.eco-spacing[class*='top'][class*='lg']::before {
  margin: 40px 0;
}
.eco-spacing[class*='top'][class*='xl']::before {
  margin: 80px 0;
}
.align-buttons {
  margin-top: 27px;
}
.align-buttons .btn {
  margin: 0;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .align-buttons {
    margin-top: 0;
    text-align: right;
  }
}
/**
    Popout
*/
.pav-popout {
  width: 100%;
  max-width: 600px;
  padding: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  margin: 0 auto;
}
.pav-popout.full {
  max-width: 100%;
}
.pav-popout.desktop {
  max-width: calc(1199px - 15px * 2);
}
.pav-popout.tablet {
  max-width: calc(991px - 15px * 2);
}
.pav-popout.mobile {
  max-width: calc(767px - 15px * 2);
}
.pav-popout.mini {
  max-width: calc(575px - 15px * 2);
}
.pav-popout.pav-notice {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .pav-popout:not(.always) {
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
  }
  .pav-popout:not(.always).border {
    border: none!important;
  }
  .pav-popout:not(.always)[class^=col] {
    padding: 0 15px;
  }
}
/**
    PAV Accordion
*/
.pav-accordion .accordion-trigger {
  cursor: pointer;
}
.pav-accordion .accordion-trigger::before {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.pav-accordion.toggled .accordion-trigger::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/**
    Positions
*/
.position-right {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}
.position-left {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}
/**
    Append Button to TPC field
*/
.append-button {
  position: relative;
  display: inline-block;
}
.append-button [id*='_container'] {
  float: left;
}
.append-button .btn {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 15px;
  margin: -5px 0 0 15px;
  white-space: nowrap;
}
.append-button .btn .fa {
  padding-left: 5px;
}
/**
    Printable Container
*/
.pav-printable {
  position: relative;
  padding: 60px 0;
  margin: 20px 0;
}
.pav-printable::before {
  content: "\f0c4";
  font-family: FontAwesome;
  position: absolute;
  bottom: calc(100%);
  left: -20px;
  width: calc(100% + 40px);
  border-bottom: 4px dotted black;
  text-indent: 20px;
}
.pav-printable::after {
  content: "\f0c4";
  font-family: FontAwesome;
  position: absolute;
  top: calc(100%);
  left: -20px;
  width: calc(100% + 40px);
  border-top: 4px dotted black;
  text-indent: 20px;
}
/**
    Popup (different than Popout)
*/
.pav-popup .popup-target {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  z-index: 100000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  width: 0;
  height: 0;
  left: 0;
  padding-top: 40px;
}
.pav-popup .popup-target::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 14, 14, 0.5);
  z-index: 10;
}
.pav-popup .popup-target > div {
  max-height: 100%;
  overflow: auto;
  max-width: 100%;
}
.pav-popup .popup-target::after,
.pav-popup .popup-target .popup-trigger,
.pav-popup .popup-target .popup-action {
  position: absolute;
  font-size: 15px;
  color: #eee !important;
  background: #007498;
  display: inline-block;
  top: 0;
  width: auto;
  padding: 8px 15px;
  text-align: right;
  cursor: pointer;
  border: 1px solid #eee;
}
.pav-popup .popup-target .popup-trigger {
  left: 50%;
  z-index: 1000001;
}
.pav-popup .popup-target .popup-action {
  top: 0;
  right: 50%;
  z-index: 1000001;
  border-right: 1px solid #eee;
}
.pav-popup .popup-target.show {
  position: fixed;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  opacity: 1;
  visibility: visible;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000%;
  height: 100%;
}
/****** End (Custom UI Items) ******/
/**************************************
    ==============================
         Bootstrap Overwrites
    ==============================
**************************************/
/**
    Bootstrap Buttons
*/
.btn {
  font-family: "open-sans", Arial, Tahoma, sans-serif;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
  text-decoration: none;
  padding: 8px 20px;
  margin: 10px auto;
  white-space: inherit;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn.btn-xs {
  font-size: 12px;
  font-weight: 400;
  padding: 2px 8px;
}
.btn.btn-sm {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
}
.btn.btn-lg {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 40px;
}
.btn.btn-form {
  font-size: 16px;
  font-weight: normal;
  padding: 6px 20px;
  margin: 4px 0 0 0;
}
.btn:focus,
.btn.focus {
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn:active:hover,
.btn.active:hover,
.btn:active:focus,
.btn.active:focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn > .fa {
  margin-right: 5px;
}
/**
    Primary Button (Green) - Bootstrap and Kendo
*/
.btn-primary,
button.k-button.k-primary {
  color: #fff !important;
  background-color: #6fbe44;
  border: 1px solid #599a35;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-primary .badge,
button.k-button.k-primary .badge {
  color: #6fbe44;
  background-color: #fff;
}
.btn-primary:focus,
button.k-button.k-primary:focus,
.btn-primary.focus,
button.k-button.k-primary.focus {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
}
.btn-primary:hover,
button.k-button.k-primary:hover {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
}
.btn-primary:active,
button.k-button.k-primary:active,
.btn-primary.active,
button.k-button.k-primary.active {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
  background-image: none;
}
.btn-primary:active:hover,
button.k-button.k-primary:active:hover,
.btn-primary.active:hover,
button.k-button.k-primary.active:hover,
.btn-primary:active:focus,
button.k-button.k-primary:active:focus,
.btn-primary.active:focus,
button.k-button.k-primary.active:focus,
.btn-primary:active.focus,
button.k-button.k-primary:active.focus,
.btn-primary.active.focus,
button.k-button.k-primary.active.focus {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
}
.btn-primary.disabled,
button.k-button.k-primary.disabled,
.btn-primary[disabled],
button.k-button.k-primary[disabled] {
  color: #fff;
  background-color: #6fbe44;
  border-color: #6fbe44;
  opacity: 0.65;
}
.btn-primary.disabled:hover,
button.k-button.k-primary.disabled:hover,
.btn-primary[disabled]:hover,
button.k-button.k-primary[disabled]:hover,
.btn-primary.disabled:focus,
button.k-button.k-primary.disabled:focus,
.btn-primary[disabled]:focus,
button.k-button.k-primary[disabled]:focus,
.btn-primary.disabled.focus,
button.k-button.k-primary.disabled.focus,
.btn-primary[disabled].focus,
button.k-button.k-primary[disabled].focus {
  color: #fff;
  background-color: #6fbe44;
  border-color: #6fbe44;
  opacity: 0.65;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
  box-shadow: none !important;
}
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
  background-image: none;
}
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
}
.open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #599a35;
  border-color: #599a35;
}
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #6fbe44;
  border-color: #6fbe44;
}
/**
    Secondary Button (Blue) - Bootstrap and Kendo
*/
.btn-secondary,
button.k-button:not(.k-upload-action) {
  color: #fff !important;
  background-color: #007498;
  border: 1px solid #004d65;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-secondary .badge,
button.k-button:not(.k-upload-action) .badge {
  color: #fff;
  background-color: #3d3d3d;
}
.btn-secondary:focus,
button.k-button:not(.k-upload-action):focus,
.btn-secondary.focus,
button.k-button:not(.k-upload-action).focus {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
}
.btn-secondary:hover,
button.k-button:not(.k-upload-action):hover {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
}
.btn-secondary:active,
button.k-button:not(.k-upload-action):active,
.btn-secondary.active,
button.k-button:not(.k-upload-action).active {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
  background-image: none;
}
.btn-secondary:active:hover,
button.k-button:not(.k-upload-action):active:hover,
.btn-secondary.active:hover,
button.k-button:not(.k-upload-action).active:hover,
.btn-secondary:active:focus,
button.k-button:not(.k-upload-action):active:focus,
.btn-secondary.active:focus,
button.k-button:not(.k-upload-action).active:focus,
.btn-secondary:active.focus,
button.k-button:not(.k-upload-action):active.focus,
.btn-secondary.active.focus,
button.k-button:not(.k-upload-action).active.focus {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
}
.btn-secondary.disabled,
button.k-button:not(.k-upload-action).disabled,
.btn-secondary[disabled],
button.k-button:not(.k-upload-action)[disabled] {
  color: #fff;
  background-color: #007498;
  border-color: #007498;
  opacity: 0.65;
}
.btn-secondary.disabled:hover,
button.k-button:not(.k-upload-action).disabled:hover,
.btn-secondary[disabled]:hover,
button.k-button:not(.k-upload-action)[disabled]:hover,
.btn-secondary.disabled:focus,
button.k-button:not(.k-upload-action).disabled:focus,
.btn-secondary[disabled]:focus,
button.k-button:not(.k-upload-action)[disabled]:focus,
.btn-secondary.disabled.focus,
button.k-button:not(.k-upload-action).disabled.focus,
.btn-secondary[disabled].focus,
button.k-button:not(.k-upload-action)[disabled].focus {
  color: #fff;
  background-color: #007498;
  border-color: #007498;
  opacity: 0.65;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
  box-shadow: none !important;
}
.open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
  background-image: none;
}
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
}
.open > .btn-secondary.dropdown-toggle:hover {
  color: #fff;
  background-color: #004d65;
  border-color: #004d65;
}
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  color: #fff;
  background-color: #007498;
  border-color: #007498;
}
/**
    Default Button (Grey) - Bootstrap 
    Note: btn-secondary.previousButton is included because TPC 5.2 changed the default class for all TPC buttons from btn-default to btn-secondary.
*/
.btn-default,
.k-grid-toolbar .k-button,
.btn-secondary.previousButton {
  color: #000 !important;
  background-color: #eee;
  border: 1px solid #d5d5d5 !important;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-default .badge,
.k-grid-toolbar .k-button .badge,
.btn-secondary.previousButton .badge {
  color: #000;
  background-color: #3d3d3d;
}
.btn-default:focus,
.k-grid-toolbar .k-button:focus,
.btn-secondary.previousButton:focus,
.btn-default.focus,
.k-grid-toolbar .k-button.focus,
.btn-secondary.previousButton.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.btn-default:hover,
.k-grid-toolbar .k-button:hover,
.btn-secondary.previousButton:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.btn-default:active,
.k-grid-toolbar .k-button:active,
.btn-secondary.previousButton:active,
.btn-default.active,
.k-grid-toolbar .k-button.active,
.btn-secondary.previousButton.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  background-image: none;
}
.btn-default:active:hover,
.k-grid-toolbar .k-button:active:hover,
.btn-secondary.previousButton:active:hover,
.btn-default.active:hover,
.k-grid-toolbar .k-button.active:hover,
.btn-secondary.previousButton.active:hover,
.btn-default:active:focus,
.k-grid-toolbar .k-button:active:focus,
.btn-secondary.previousButton:active:focus,
.btn-default.active:focus,
.k-grid-toolbar .k-button.active:focus,
.btn-secondary.previousButton.active:focus,
.btn-default:active.focus,
.k-grid-toolbar .k-button:active.focus,
.btn-secondary.previousButton:active.focus,
.btn-default.active.focus,
.k-grid-toolbar .k-button.active.focus,
.btn-secondary.previousButton.active.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.btn-default.disabled,
.k-grid-toolbar .k-button.disabled,
.btn-secondary.previousButton.disabled,
.btn-default[disabled],
.k-grid-toolbar .k-button[disabled],
.btn-secondary.previousButton[disabled] {
  color: #000;
  background-color: #eee;
  border-color: #eee;
  opacity: 0.65;
}
.btn-default.disabled:hover,
.k-grid-toolbar .k-button.disabled:hover,
.btn-secondary.previousButton.disabled:hover,
.btn-default[disabled]:hover,
.k-grid-toolbar .k-button[disabled]:hover,
.btn-secondary.previousButton[disabled]:hover,
.btn-default.disabled:focus,
.k-grid-toolbar .k-button.disabled:focus,
.btn-secondary.previousButton.disabled:focus,
.btn-default[disabled]:focus,
.k-grid-toolbar .k-button[disabled]:focus,
.btn-secondary.previousButton[disabled]:focus,
.btn-default.disabled.focus,
.k-grid-toolbar .k-button.disabled.focus,
.btn-secondary.previousButton.disabled.focus,
.btn-default[disabled].focus,
.k-grid-toolbar .k-button[disabled].focus,
.btn-secondary.previousButton[disabled].focus {
  color: #000;
  background-color: #eee;
  border-color: #eee;
  opacity: 0.65;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  box-shadow: none !important;
}
.open > .btn-default.dropdown-toggle {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  background-image: none;
}
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.open > .btn-default.dropdown-toggle:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  color: #000;
  background-color: #eee;
  border-color: #eee;
}
/**.
    Warning Button (Yellow) - Bootstrap 
*/
.btn-warning {
  color: #fff;
  background-color: #ffc107;
  border: 1px solid #ecb100;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-warning .badge {
  color: #fff;
  background-color: #3d3d3d;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
}
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
  background-image: none;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning:active.focus,
.btn-warning.active.focus {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
}
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: 0.65;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: 0.65;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
  box-shadow: none !important;
}
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
  background-image: none;
}
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
}
.open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #ecb100;
  border-color: #ecb100;
}
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
/**
    Danger Button (Red) - Bootstrap 
*/
.btn-danger {
  color: #fff;
  background-color: #a94442;
  border: 1px solid #973d3b;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn-danger .badge {
  color: #fff;
  background-color: #3d3d3d;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
}
.btn-danger:hover {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
}
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
  background-image: none;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger:active.focus,
.btn-danger.active.focus {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
}
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
  opacity: 0.65;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
  opacity: 0.65;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
  box-shadow: none !important;
}
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
  background-image: none;
}
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
}
.open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #973d3b;
  border-color: #973d3b;
}
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
/****** End (Bootstrap Overwrites) ******/
/**************************************
    ==============================
         Input/Control Base
    ============================== 
**************************************/
.hide {
  display: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
label:focus {
  outline: 0px !important;
  -webkit-appearance: none !important;
  box-shadow: 0px 0px 1px 1px #6fbe44 !important;
}
select:hover,
select:active,
select:focus {
  box-shadow: 0px 0px 1px 1px #6fbe44 !important;
}
.form-control {
  width: 100%;
  padding: 0 12px;
  /*margin: 6px 0 4px;*/
  margin: 0;
  color: #3d3d3d;
  font-family: "open-sans", Arial, Tahoma, sans-serif;
  font-size: 16px;
  line-height: inherit;
  border: 1px solid #cecece !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: 0px !important;
  height: 38px !important;
  line-height: 38px !important;
}
.form-control[disabled],
.form-control[readonly] {
  background: #eee;
}
.form-control[disabled]:focus,
.form-control[readonly]:focus {
  background: #cecece !important;
  border-left: 1px solid #cecece !important;
}
/**
    Radio and Checkbox: fix disappearance bug
*/
input[type='radio'] {
  -webkit-appearance: radio !important;
  box-shadow: none !important;
}
input[type='checkbox'] {
  -webkit-appearance: checkbox !important;
  box-shadow: none !important;
}
/**
    TextArea: remove fixed-height
*/
textarea.form-control {
  height: auto !important;
  resize: none;
}
/**
    Select: fix padding for consistency
*/
select.form-control {
  padding: 6px;
}
/**
    MaskedTextBox: make consistent with other textboxes
*/
.form-control.k-maskedtextbox {
  border: none!important;
}
.form-control.k-maskedtextbox > input {
  margin: 0;
  color: #3d3d3d;
  border-radius: 4px;
}
/**
    OnFocus: remove outline and box-shadow; add border
*/
/*.form-control:focus,
.k-state-focused {
    outline: 0px !important;
    box-shadow: none !important;
    background: @white !important; 
} 
.form-control:focus {
    border-left: ~"calc(@{border-width} * 2)" solid @color-primary !important;
}*/
/****** End (Input/Control Base) ******/
/**************************************
    ==============================
         Bootstrap Overwrites
    ==============================
**************************************/
#createLoginModal.modal .modal-body {
  /*padding-top: 40px;
        .close {
            position: absolute;
            top: 15px;
            right: 0;
            z-index: 1;
        }*/
}
/****** End (Bootstrap Overwrites) ******/
/**************************************
    ==============================
             Kendo Overwrites
    ==============================
**************************************/
/**
    Kendo Inputs
*/
.k-radio:checked + .k-radio-label:after {
  background-color: #6fbe44 !important;
}
.k-checkbox:checked + .k-checkbox-label:before {
  color: #6fbe44 !important;
}
.form-spacing {
  height: calc(38px + 37px);
  margin-bottom: 15px;
}
.fix-formgroup {
  display: inline-block;
  width: 100%;
}
.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
  background: #6fbe44 !important;
  border-color: #6fbe44 !important;
  box-shadow: none !important;
}
.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-multiselect-wrap,
.k-numeric-wrap.k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-progress-status-wrap,
.k-slider-selection,
.k-slider-track {
  box-shadow: none !important;
}
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-textbox:hover {
  background: #fff;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  /*border-left: ~"calc(@{border-width} * 2)" solid @color-primary !important;*/
  box-shadow: 0px 0px 1px 1px #6fbe44 !important;
}
/*.k-dropdown.k-header,
.k-datepicker.k-header,
.k-datetimepicker.k-header,
.k-numerictextbox,
.k-textbox,
.k-multiselect {
    height: @input-height !important;
    margin: 6px 0 4px;
    border-radius: @border-radius !important;
}

.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
    height: ~"calc(@{input-height} - @{border-width} * 2)" !important;
    border-radius: @border-radius !important;
    border-color: @grey-border !important;
    box-shadow: none !important;
    font-family: @font-family;
    font-size: @font-form-base !important;
}

.k-picker-wrap .k-input,
.k-numeric-wrap input,
.k-dropdown-wrap .k-input {
    padding: 0 4px 0 0 !important;
    color: @black-font;
    line-height: @input-height;
}
.tpc .k-dropdown .k-dropdown-wrap,
.tpc .k-picker-wrap {
    background: @white;
    & > span.k-input,
    & > span.k-select {
        line-height: @input-height!important;
        height: 100%!important;
    }

    &.k-state-hover {
        background: #ebebeb;
    }
}*/
.k-datepicker .k-picker-wrap {
  background: #fff !important;
}
.k-picker-wrap .k-input {
  height: calc(38px - 1px * 2) !important;
  border: none !important;
  border-radius: 4px !important;
}
.k-numeric-wrap input,
.k-dropdown-wrap input,
.tpc .k-widget .k-numeric-wrap input,
.tpc .k-widget .k-dropdown-wrap input {
  height: calc(38px - 1px * 2) !important;
  border-radius: 4px !important;
}
/*.k-dropdown-wrap .k-select {
    padding: 0 !important;
}*/
.k-animation-container .k-dropdown-wrap .k-select {
  padding: 0 4px 0 0!important;
  line-height: 38px;
}
.k-animation-container .k-dropdown-wrap .k-input {
  padding: 0 4px 0 0 !important;
  line-height: 38px;
}
.k-picker-wrap .k-select {
  padding: 0 !important;
}
.k-menu .k-state-selected > .k-link {
  color: #fff;
  background: #6fbe44 !important;
}
.k-menu .k-state-selected > .k-link > .k-icon {
  color: #fff !important;
}
/**
    Kendo Checkboxes (Checked/Active)
*/
.k-checkbox-label {
  padding-left: 25px !important;
}
/*.k-checkbox-label:before {
    .form-box-shadow;
    
    border-color: @color-primary !important;
    border-radius: @border-radius;
}

.k-checkbox:checked + .k-checkbox-label:active:before,
.k-checkbox:checked:active + .k-checkbox-label:before,
.k-checkbox-label:active:before,
.k-checkbox:active + .k-checkbox-label:before {
    box-shadow: 0 0 2px 0 @color-primary !important;
    border-color: @color-primary !important;
}

.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox-label:active:before,
.k-checkbox:active + .k-checkbox-label:before {
    background-color: @color-primary !important;
    border-color: @color-primary !important;
    color: @white !important;
    outline: 0 !important;
}*/
/* fix form 'diabled' numeric field on mobile devices - temp for TPC 5.2v */
div .tpc.tpc-text-field-numeric .k-numeric-wrap.k-state-hover .tpc-not-focusable,
div .tpc.tpc-text-field-numeric .k-numeric-wrap.k-state-focused .tpc-not-focusable,
div .tpc.tpc-text-field .k-numeric-wrap.k-state-focused .tpc-not-focusable {
  display: inline !important;
  opacity: 1 !important;
  position: static !important;
  visibility: visible;
}
@media only screen and (max-width: 991px) {
  .form-spacing {
    height: 0;
    margin-bottom: 0;
  }
}
/**
    Kendo Grids General
*/
.k-grid {
  /**
        Kendo Grid Header Controls 
    */
  /**
        Kendo Grid Pager Controls
    */
}
.k-grid .k-grid-header {
  font-size: 16px;
}
.k-grid .k-grid-header .k-header span[class*='k-i-sort'] {
  color: #fff;
}
.k-grid .k-grid-header .k-link {
  color: #3d3d3d;
}
.k-grid .k-grid-header .k-filter-row th,
.k-grid .k-grid-header th.k-header {
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
.k-grid .k-grid-header .k-filter-row th > .k-link,
.k-grid .k-grid-header th.k-header > .k-link {
  white-space: normal;
}
.k-grid .k-grid-header .k-filter-row th > .k-link span[class*='k-i-sort'],
.k-grid .k-grid-header th.k-header > .k-link span[class*='k-i-sort'] {
  font-size: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin: 0;
  padding: 5px;
}
.k-grid .k-grid-header .k-filter-row th > .k-grid-filter,
.k-grid .k-grid-header th.k-header > .k-grid-filter,
.k-grid .k-grid-header .k-filter-row th > .k-header-column-menu,
.k-grid .k-grid-header th.k-header > .k-header-column-menu {
  float: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin: 0;
  padding: 5px;
}
.k-grid .k-grid-header .k-filter-row th > .k-grid-filter.k-state-active,
.k-grid .k-grid-header th.k-header > .k-grid-filter.k-state-active,
.k-grid .k-grid-header .k-filter-row th > .k-header-column-menu.k-state-active,
.k-grid .k-grid-header th.k-header > .k-header-column-menu.k-state-active {
  background: #007498;
  box-shadow: none !important;
}
.k-grid .k-grid-header .k-filter-row th.k-sorted > .k-link,
.k-grid .k-grid-header th.k-header.k-sorted > .k-link {
  white-space: normal;
}
.k-grid .k-grid-header .k-filter-row th.k-sorted > .k-grid-filter,
.k-grid .k-grid-header th.k-header.k-sorted > .k-grid-filter,
.k-grid .k-grid-header .k-filter-row th.k-sorted > .k-header-column-menu,
.k-grid .k-grid-header th.k-header.k-sorted > .k-header-column-menu {
  right: 11px;
  padding-left: 0;
}
.k-grid .k-grid-header .k-picker-wrap {
  height: 30px !important;
  font-size: 12px !important;
}
.k-grid .k-grid-header .k-picker-wrap .k-input {
  height: 30px !important;
  padding: 2px !important;
}
.k-grid .k-grid-header .k-picker-wrap .k-select {
  padding: 0 !important;
}
.k-grid .k-grid-header .k-datepicker.k-header,
.k-grid .k-grid-header .k-datetimepicker.k-header {
  height: 32px !important;
  /*margin: 4px 0 !important;*/
  margin: 0 !important;
}
.k-grid .k-grid-header .k-filtercell .k-operator-hidden {
  padding-right: 0;
}
.k-grid .k-grid-header .k-filtercell .k-operator-hidden input {
  width: 100% !important;
  border-radius: 4px;
}
.k-grid .k-grid-header .k-filtercell .k-operator-hidden button {
  display: none;
}
.k-grid .k-grid-content {
  font-size: 16px;
  /**
            Kendo Grid Buttons (Edit (View))
        */
}
.k-grid .k-grid-content .k-link {
  color: #3d3d3d;
}
.k-grid .k-grid-content .k-button.k-grid-tpcedit,
.k-grid .k-grid-content .k-button.k-grid-tpcdelete {
  /*display: block;*/
  color: #6fbe44;
  background: transparent;
  border: transparent;
  padding: 0 !important;
  margin: 0 auto;
  outline: 0 !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.k-grid .k-grid-content .k-button.k-grid-tpcedit.secondary,
.k-grid .k-grid-content .k-button.k-grid-tpcdelete.secondary {
  color: #007498;
}
.k-grid .k-grid-content .k-button.k-grid-tpcdelete {
  color: #a94442;
}
.k-grid .k-grid-content .k-button:hover.k-grid-tpcedit {
  background: transparent !important;
  color: #2d4e1b;
  font-weight: 600;
}
.k-grid .k-grid-content .k-button:hover.k-grid-tpcedit.secondary {
  color: #002632;
}
.k-grid .k-grid-content .k-button:hover.k-grid-tpcdelete {
  background: transparent !important;
  color: #dda8a7;
  font-weight: 600;
}
.k-grid .k-grid-content .k-button:focus.k-grid-tpcedit,
.k-grid .k-grid-content .k-button.focus.k-grid-tpcedit,
.k-grid .k-grid-content .k-button:focus.k-grid-tpcdelete,
.k-grid .k-grid-content .k-button.focus.k-grid-tpcdelete,
.k-grid .k-grid-content .k-button.k-state-focused {
  box-shadow: none !important;
}
.k-grid .k-pager-wrap .k-pager-nav.k-pager-last,
.k-grid .k-pager-wrap .k-pager-nav.k-pager-first,
.k-grid .k-pager-wrap .k-link {
  border-radius: 0 !important;
}
.k-grid .k-pager-wrap .k-pager-nav.k-pager-last:hover,
.k-grid .k-pager-wrap .k-pager-nav.k-pager-first:hover,
.k-grid .k-pager-wrap .k-link:hover {
  color: #6fbe44 !important;
  border-color: #6fbe44;
}
.k-grid .k-pager-wrap .k-pager-nav.k-pager-last.k-state-disabled,
.k-grid .k-pager-wrap .k-pager-nav.k-pager-first.k-state-disabled,
.k-grid .k-pager-wrap .k-link.k-state-disabled {
  background: rgba(14, 14, 14, 0.1);
}
.k-grid .k-pager-wrap a:focus {
  outline-color: #6fbe44 !important;
}
.k-grid .k-pager-wrap .k-dropdown.k-header {
  height: 38px !important;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-pager-nav {
  background: #6fbe44 !important;
  color: #fff !important;
}
.k-grid .k-pager-wrap .k-pager-refresh .k-icon {
  color: #6fbe44;
}
.k-pager-nav.k-link,
.k-pager-numbers .k-link,
.k-nav-current.k-state-hover .k-link {
  color: #6fbe44 !important;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
  height: auto;
}
.k-animation-container .k-header span[class*='k-i-sort'] {
  color: inherit !important;
}
.k-select .k-icon,
.k-list-filter .k-icon {
  color: #6fbe44 !important;
}
/****** End (Kendo Overwrites) ******/
/**************************************
    ==============================
             TPC Overwrites
    ============================== 
**************************************/
.tpc .hidden-xs-up {
  visibility: visible;
}
/**
    TPC Buttons
*/
.tpc-submit-button::after,
.btn-container::after {
  content: "";
  display: table;
  clear: both;
}
.tpc-submit-button .btn.btn-primary,
.btn-container .btn.btn-primary,
.tpc-submit-button .btn.btn-danger,
.btn-container .btn.btn-danger {
  float: right;
  margin-left: 10px;
}
.tpc-submit-button .btn.btn-default,
.btn-container .btn.btn-default,
.tpc-submit-button .btn.btn-warning,
.btn-container .btn.btn-warning {
  float: left;
  margin-right: 10px;
}
.tpc-submit-button .tpc-submit-button::after,
.btn-container .tpc-submit-button::after {
  display: none;
}
/**
    TPC ListView General
*/
.tpc.tpc-listView .tpc-nodata-error {
  width: 100%;
  font-size: 16px;
  border: 0;
  color: #a94442;
}
.tpc.tpc-listView .tpc-nodata-error p {
  margin: 0;
  text-align: left;
}
/**
    TPC Grid General
*/
.tpc.tpc-subgrid .tpcSubgrid,
.tpc.tpc-grid .TpcGrid {
  height: auto !important;
  border-color: #6fbe44 !important;
  border-width: 1px !important;
}
.tpc.tpc-subgrid .tpcSubgrid *,
.tpc.tpc-grid .TpcGrid * {
  border-color: #6fbe44 !important;
}
.tpc.tpc-subgrid .tpcSubgrid .k-grid-norecords,
.tpc.tpc-grid .TpcGrid .k-grid-norecords {
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  padding: 15px;
  text-align: left;
}
.tpc.tpc-subgrid .tpcSubgrid .k-grid-norecords .alert,
.tpc.tpc-grid .TpcGrid .k-grid-norecords .alert {
  font-size: 16px;
  border: 0;
  color: #a94442;
}
.tpc.tpc-subgrid .tpcSubgrid .k-grid-norecords .alert p,
.tpc.tpc-grid .TpcGrid .k-grid-norecords .alert p {
  margin: 0;
}
.tpc.tpc-subgrid .tpcSubgrid .k-header,
.tpc.tpc-grid .TpcGrid .k-header {
  background: #fff;
}
.tpc.tpc-subgrid .tpcSubgrid .k-grid-header,
.tpc.tpc-grid .TpcGrid .k-grid-header {
  background: #6fbe44;
  text-shadow: 0.5px 0.5px rgba(0, 0, 0, 0.25);
}
.tpc.tpc-subgrid .tpcSubgrid .k-grid-content,
.tpc.tpc-grid .TpcGrid .k-grid-content {
  height: auto !important;
  max-height: 600px;
}
.tpc.tpc-subgrid .tpcSubgrid .k-pager-wrap,
.tpc.tpc-grid .TpcGrid .k-pager-wrap {
  padding: 10px;
  background: #fff;
}
.tpc.tpc-subgrid .tpcSubgrid .k-pager-wrap .k-pager-refresh,
.tpc.tpc-grid .TpcGrid .k-pager-wrap .k-pager-refresh {
  background: transparent;
}
.tpc.tpc-subgrid .tpcSubgrid.eco-basic-grid .k-header.k-grid-toolbar,
.tpc.tpc-grid .TpcGrid.eco-basic-grid .k-header.k-grid-toolbar {
  display: none;
}
.tpc.tpc-subgrid .tpcSubgrid table thead th,
.tpc.tpc-grid .TpcGrid table thead th {
  font-size: 16px;
  font-weight: bold !important;
  background: #6fbe44 !important;
  border-color: #fff !important;
  color: #fff !important;
  padding: 15px 10px !important;
}
.tpc.tpc-subgrid .tpcSubgrid table thead th a,
.tpc.tpc-grid .TpcGrid table thead th a,
.tpc.tpc-subgrid .tpcSubgrid table thead th a.k-link,
.tpc.tpc-grid .TpcGrid table thead th a.k-link {
  color: #fff !important;
}
.tpc.tpc-subgrid .tpcSubgrid table tbody tr,
.tpc.tpc-grid .TpcGrid table tbody tr {
  background: #fff;
}
.tpc.tpc-subgrid .tpcSubgrid table tbody td,
.tpc.tpc-grid .TpcGrid table tbody td {
  font-size: 16px;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #6fbe44;
  padding: 15px 10px !important;
}
.tpc.tpc-subgrid .tpcSubgrid .tpc-grid-footer,
.tpc.tpc-grid .TpcGrid .tpc-grid-footer {
  padding: 20px;
  border-top: 1px solid #6fbe44;
  /*border-top-width: calc(@border-width * 2);
        margin-top: calc(-20px + (@border-width * 3));*/
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tpc.tpc-subgrid .tpcSubgrid .tpc-grid-footer .grid-totals,
.tpc.tpc-grid .TpcGrid .tpc-grid-footer .grid-totals {
  margin-bottom: 15px;
}
.tpc.tpc-subgrid .tpcSubgrid .tpc-grid-footer .grid-totals label,
.tpc.tpc-grid .TpcGrid .tpc-grid-footer .grid-totals label,
.tpc.tpc-subgrid .tpcSubgrid .tpc-grid-footer .grid-totals span,
.tpc.tpc-grid .TpcGrid .tpc-grid-footer .grid-totals span {
  font-weight: bold;
}
.tpc.tpc-subgrid .tpcSubgrid .tpc-grid-footer .grid-totals .grid-total,
.tpc.tpc-grid .TpcGrid .tpc-grid-footer .grid-totals .grid-total {
  width: 115px;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .tpc.tpc-grid:not(.no-mobile-scroll),
  .k-widget.k-grid:not(.no-mobile-scroll) {
    overflow-x: scroll;
  }
  .tpc.tpc-grid:not(.no-mobile-scroll) table [role='grid'],
  .k-widget.k-grid:not(.no-mobile-scroll) table [role='grid'],
  .tpc.tpc-grid:not(.no-mobile-scroll) .TpcGrid,
  .k-widget.k-grid:not(.no-mobile-scroll) .TpcGrid {
    min-width: calc(575px - 15px * 4);
  }
  .tpc.tpc-grid:not(.no-mobile-scroll) > .form-group,
  .k-widget.k-grid:not(.no-mobile-scroll) > .form-group {
    margin-bottom: 0;
  }
  .tpc-subgrid:not(.no-mobile-scroll) {
    overflow-x: scroll;
    margin-bottom: 15px;
  }
  .tpc-subgrid:not(.no-mobile-scroll) .form-group {
    margin-bottom: 0;
  }
  .tpc-subgrid:not(.no-mobile-scroll) .tpcSubgrid {
    min-width: calc(575px - 15px * 4);
    overflow-x: hidden;
  }
  .tpc-subgrid:not(.no-mobile-scroll) .tpcSubgrid .tpc-grid-footer .col:empty {
    display: none;
  }
  .tpc-subgrid:not(.no-mobile-scroll) .tpcSubgrid .tpc-grid-footer p {
    text-align: left !important;
  }
}
/**
    TPC ReadOnly Form Controls
*/
.tpc span.readOnly,
.tpc a.readOnly {
  outline: 0;
  border: 1px solid #cecece;
  border-radius: 4px;
  background: #eee;
  width: 100%;
  padding: 0 12px;
  /*margin: 6px 0 4px;*/
  margin: 0;
  color: #3d3d3d;
  font-family: "open-sans", Arial, Tahoma, sans-serif;
  font-size: 16px;
  line-height: calc(38px - 2px);
  min-height: calc(38px - 2px);
  height: auto;
}
.tpc [readonly='readonly'],
.tpc .tpc-avoid-clicks .k-dropdown-wrap {
  background: #eee !important;
}
.tpc a.readOnly {
  color: #6fbe44;
}
.tpc .inline-borderless {
  margin-bottom: 5px;
}
.tpc .inline-borderless .col-auto {
  padding-right: 0;
}
.tpc .inline-borderless .col {
  padding-left: 5px;
}
.tpc .inline-borderless .col-form-label,
.tpc .GridTotal .col-form-label {
  padding: 0;
}
/**
    TPC File Upload
*/
.add-documents .upload-submit {
  position: absolute;
  right: 15px;
  top: 27px;
  width: auto;
  z-index: 10;
}
.add-documents .tpc.tpc-file-upload span.fileNamePreview {
  display: block;
  font-weight: bold;
}
.add-documents .tpc.tpc-file-upload .text-muted {
  white-space: unset !important;
  word-break: break-all !important;
}
.add-documents .tpc.tpc-file-upload .tpc-required.k-tooltip {
  display: block;
}
/**
    TPC List Views
*/
.tpc-listView .form-group {
  margin-bottom: 0;
}
.tpc-listView .k-listview *,
.k-widget.k-listview * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k-widget.k-listview {
  line-height: inherit;
  border: none;
  box-shadow: none;
}
/**
    TPC Image
*/
.tpc .empty-image {
  display: block;
}
.tpc .empty-image[src*='R0lGODlhAQABAAAAACwAAAAAAQABAAA='],
.tpc .empty-image[src$='AA=='] {
  max-height: 100%;
  max-width: 100%;
  content: url("/SFRes/images/Telerik.Sitefinity.Resources/Images.DefaultPhoto.png");
}
.tpc .empty-image:not([src]) {
  background: url("/SFRes/images/Telerik.Sitefinity.Resources/Images.DefaultPhoto.png") no-repeat center center transparent;
  background-size: cover;
}
.tpc .empty-image:not([src]) img {
  height: 100%;
}
/**
    Needed in order to collapse borders 
*/
.tpc label.control-label,
label {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0;
}
/**
    Alter size of "Required" Asterix
*/
.tpc .tpc-required-label {
  position: relative;
  font-size: 16px !important;
  line-height: 0em;
}
/**
    Make Signature box same background as other inputs
*/
.tpc.tpc-signature-field .signature {
  border: 1px solid #cecece;
  box-shadow: none !important;
}
.tpc.tpc-signature-field .btn-link {
  color: #6fbe44 !important;
  text-decoration: none !important;
}
.tpc.tpc-signature-field .btn-link:hover {
  color: #599a35 !important;
}
/**
    TPC Lookup & Picklist Dropdowns
*/
.k-animation-container .k-list .k-item {
  height: auto;
  font-size: 16px !important;
  cursor: pointer;
  box-shadow: none !important;
}
.k-animation-container .k-list .k-item.k-state-selected.k-state-focused {
  color: #fff;
}
.k-animation-container .k-list-container .k-list-filter .k-textbox {
  border-color: #6fbe44 !important;
}
/**
    TPC DateTime Calendar
*/
.k-grid-header th.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-state-focused,
td.k-state-focused,
.k-calendar td.k-state-focused .k-link {
  box-shadow: inset 0 0 7px 0 #6fbe44 !important;
}
.k-calendar .k-footer .k-nav-today {
  color: #6fbe44 !important;
}
.k-calendar .k-today .k-link {
  color: #6fbe44 !important;
  box-shadow: inset 0 0 0 1px #6fbe44 !important;
}
.k-calendar td.k-state-selected .k-link {
  border-color: #6fbe44 !important;
  background-color: #6fbe44 !important;
}
/**
    New TPC Bootstrap4 Templates (SF12 Upgrade)
*/
.tpc legend,
.col-form-label {
  font-weight: bold;
}
/**
    TPC 5.3 File Upload: Remove duplicate error icon
*/
.tpc.tpc-file-upload .error-messages:before {
  display: none!important;
}
/****** End (TPC Overwrites) ******/
/**
    Bootstrap Input Toggle
*/
.checkbox label .toggle,
.checkbox-inline .toggle {
  margin-left: -20px;
  margin-right: 5px;
  position: relative;
  overflow: hidden;
}
.toggle {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.toggle input[type="checkbox"] {
  display: none;
}
.toggle.btn {
  min-width: 59px;
  min-height: 34px;
}
.toggle.btn.btn-lg {
  min-width: 79px;
  min-height: 45px;
}
.toggle.btn.btn-sm {
  min-width: 50px;
  min-height: 30px;
}
.toggle.btn.btn-xs {
  min-width: 35px;
  min-height: 22px;
}
.toggle.btn .btn {
  padding: 6px 12px;
}
.toggle.off .toggle-group {
  left: -100%;
}
.toggle .toggle-group {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.toggle .toggle-group .toggle-on {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.toggle .toggle-group .toggle-on.btn {
  padding-right: 24px;
}
.toggle .toggle-group .toggle-on.btn.btn-lg {
  padding-right: 31px;
}
.toggle .toggle-group .toggle-on.btn.btn-sm {
  padding-right: 20px;
}
.toggle .toggle-group .toggle-on.btn.btn-xs {
  padding-right: 12px;
}
.toggle .toggle-group .toggle-off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.toggle .toggle-group .toggle-off.btn {
  padding-left: 24px;
}
.toggle .toggle-group .toggle-off.btn.btn-lg {
  padding-left: 31px;
}
.toggle .toggle-group .toggle-off.btn.btn-sm {
  padding-left: 20px;
}
.toggle .toggle-group .toggle-off.btn.btn-xs {
  padding-left: 12px;
}
.toggle .toggle-group .toggle-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  width: 0px;
  border-width: 0 1px;
}
.toggle .toggle-group .toggle-handle.btn.btn-lg {
  width: 40px;
}
.pav-hide {
  display: none;
}