@import "font-awesome/font-awesome.min.css";
.margin-bottom {
  margin-bottom: 5px;
}
[data-responsive-type="responsive-component-panel"] {
  display: block;
}
[data-responsive-type="responsive-component-panel"].viewMode:not(.viewMode) > *,
[data-responsive-type="responsive-component-panel"].readOnly:not(.viewMode) > *,
[data-responsive-type="responsive-component-panel"].disabled:not(.viewMode) > * {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}
[data-responsive-type="responsive-component-panel"].viewMode.disabled,
[data-responsive-type="responsive-component-panel"].readOnly.disabled,
[data-responsive-type="responsive-component-panel"].disabled.disabled {
  opacity: .65;
  filter: alpha(opacity=65);
}
[data-responsive-type="responsive-component-panel"].viewMode.viewMode [data-input] * .tip-popup-panel *,
[data-responsive-type="responsive-component-panel"].readOnly.viewMode [data-input] * .tip-popup-panel *,
[data-responsive-type="responsive-component-panel"].disabled.viewMode [data-input] * .tip-popup-panel * {
  cursor: pointer;
}
[data-responsive-type="responsive-component-panel"].viewMode.viewMode [data-input] .check-all-selector-container,
[data-responsive-type="responsive-component-panel"].readOnly.viewMode [data-input] .check-all-selector-container,
[data-responsive-type="responsive-component-panel"].disabled.viewMode [data-input] .check-all-selector-container {
  display: none;
}
[data-responsive-type="responsive-component-panel"].viewMode.viewMode .disabled,
[data-responsive-type="responsive-component-panel"].readOnly.viewMode .disabled,
[data-responsive-type="responsive-component-panel"].disabled.viewMode .disabled {
  opacity: initial;
}
[data-responsive-type="responsive-component-panel"] > .h1,
[data-responsive-type="responsive-component-panel"] > .h2,
[data-responsive-type="responsive-component-panel"] > .h3,
[data-responsive-type="responsive-component-panel"] > .h4,
[data-responsive-type="responsive-component-panel"] > .h5,
[data-responsive-type="responsive-component-panel"] > .h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.component-panel-input-label.bold,
.component-panel-view-label.bold {
  font-weight: bold;
}
.component-panel-input-label.normal,
.component-panel-view-label.normal {
  font-weight: normal;
}
/* Feedback Panel */
.feedbackPanel {
  padding-left: 0;
  list-style: none;
  border-radius: 4px;
  margin-top: 3px;
}
[data-responsive-type="responsive-component-panel"] > [data-alignment="label_top_left_tip_top"] .tip-container,
[data-responsive-type="responsive-component-panel"] [data-alignment="label_left_tip_right"] .tip-container,
[data-responsive-type="responsive-component-panel"] [data-alignment="label_left_tip_left_pull_right"] .tip-container {
  margin-left: 5px;
}
[data-responsive-type="responsive-component-panel"] > [data-alignment="label_left_tip_right"] label.bold {
  margin-right: 15px;
}
[data-responsive-type="responsive-component-panel"] > [data-alignment="label_right_tip_left"] .tip-container {
  margin-right: 5px;
}
[data-responsive-type="responsive-component-panel"] > [data-alignment="label_right_tip_left"] label:last-of-type {
  margin-left: 5px;
}
.btn-classic > .btn {
  text-align: left;
}
/* only xs - devices (phone) */
@media (max-width: 767px) {
  .pull-left-xs {
    float: left !important;
  }
  .pull-right-xs {
    float: right !important;
  }
  .form-group-xs {
    margin-bottom: 15px;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .center-button-block-xs {
    margin-top: 15px;
    display: block;
    float: none !important;
    margin-right: auto;
    margin-left: auto;
  }
  .center-button-block-xs.btn-toolbar {
    margin-left: -5px;
  }
  .center-button-block-xs > .btn {
    display: block;
    width: 100%;
  }
  .center-button-block-xs > .btn + .btn {
    margin-top: 5px;
  }
  .btn-group-vertical-xs {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group-vertical-xs > .btn,
  .btn-group-vertical-xs > .btn-group {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}
/* sm - devices (tablet) */
@media (min-width: 768px) {
  label.btn span {
    font-size: 1.25em ;
  }
}
/* only sm - devices (tablet) */
@media (min-width: 768px) and (max-width: 991px) {
  .pull-left-sm {
    float: left !important;
  }
  .pull-right-sm {
    float: right !important;
  }
  .form-group-sm {
    margin-bottom: 15px;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .center-button-block-sm {
    margin-top: 15px;
    display: block;
    float: none !important;
    margin-right: auto;
    margin-left: auto;
  }
  .center-button-block-sm.btn-toolbar {
    margin-left: -5px;
  }
  .center-button-block-sm > .btn {
    display: block;
    width: 100%;
  }
  .center-button-block-sm > .btn + .btn {
    margin-top: 5px;
  }
  .btn-group-vertical-sm {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group-vertical-sm > .btn,
  .btn-group-vertical-sm > .btn-group {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}
/* md - devices (desktop) */
@media (min-width: 992px) {
  label.btn span {
    font-size: 1em ;
  }
}
/*  md-only - devices (desktop) */
@media (min-width: 992px) and (max-width: 1199px) {
  .pull-left-md {
    float: left !important;
  }
  .pull-right-md {
    float: right !important;
  }
  .form-group-md {
    margin-bottom: 15px;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .center-button-block-md {
    margin-top: 15px;
    display: block;
    float: none !important;
    margin-right: auto;
    margin-left: auto;
  }
  .center-button-block-md.btn-toolbar {
    margin-left: -5px;
  }
  .center-button-block-md > .btn {
    display: block;
    width: 100%;
  }
  .center-button-block-md > .btn + .btn {
    margin-top: 5px;
  }
  .btn-group-vertical-md {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group-vertical-md > .btn,
  .btn-group-vertical-md > .btn-group {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}
/* lg - devices (TV) */
@media (min-width: 1200px) {
  .pull-left-lg {
    float: left !important;
  }
  .pull-right-lg {
    float: right !important;
  }
  .form-group-lg {
    margin-bottom: 15px;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .center-button-block-lg {
    margin-top: 15px;
    display: block;
    float: none !important;
    margin-right: auto;
    margin-left: auto;
  }
  .center-button-block-lg.btn-toolbar {
    margin-left: -5px;
  }
  .center-button-block-lg > .btn {
    display: block;
    width: 100%;
  }
  .center-button-block-lg > .btn + .btn {
    margin-top: 5px;
  }
  .btn-group-vertical-lg {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group-vertical-lg > .btn,
  .btn-group-vertical-lg > .btn-group {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    max-width: 100%;
  }
}