/* Variable */
/*check new css @promio_green: #46a97a;*/
/*@promio_green_light: #6ebc93;*/
/* Mixins */
/* Reset and overrides */
::-webkit-input-placeholder {
  line-height: 1.7;
}
:-moz-placeholder {
  line-height: 1.7;
}
::-moz-placeholder {
  line-height: 1.7;
}
:-ms-input-placeholder {
  line-height: 1.7;
}
body {
  font-size: 14px;
  font-family: 'Hind', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #f0f5f2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  color: #000000;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 70%;
  font-weight: 300;
  color: #263238;
}
a {
  -webkit-transition: color 100ms ease-in-out;
  transition: color 100ms ease-in-out;
}
a:focus {
  outline: none;
}
label {
  color: #242a30;
}
/* Component List */
/* Form Elements */
.form-control {
  box-shadow: none;
}
.form-control.input-white {
  background: #fff;
  border-color: #fff;
}
.form-control.input-white:focus {
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #e5e9ed;
}
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
  box-shadow: none;
  border: 1px solid #607d8b;
}
.form-control:focus {
  box-shadow: none;
}
.form-horizontal.form-bordered .form-group {
  border-bottom: 1px solid #eee;
  margin: 0;
}
.form-horizontal.form-bordered .form-group:last-child {
  border-bottom: 0;
}
.form-horizontal.form-bordered .form-group > .control-label {
  padding: 22px 15px 15px;
  border-right: 1px solid #eee;
  margin-right: -1px;
}
.form-horizontal.form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #eee;
}
.form-horizontal.form-bordered .has-feedback .form-control-feedback {
  top: 15px;
}
.form-group.optional-form-group {
  background: #f4f6f7;
  margin-top: -5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.form-group.optional-form-group span {
  vertical-align: top;
}
label {
  font-weight: 600;
}
.has-success .form-control,
.has-success .form-control:focus,
.has-warning .form-control,
.has-warning .form-control:focus,
.has-error .form-control,
.has-error .form-control:focus {
  box-shadow: none;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
  color: #f1673b;
}
.has-success .form-control {
  border-color: #f1673b;
}
.has-success .form-control:focus {
  border-color: #e84511;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
  color: #ff9800;
}
.has-warning .form-control {
  border-color: #ff9800;
}
.has-warning .form-control:focus {
  border-color: #f57c00;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
  color: #f44336;
}
.has-error .form-control {
  border-color: #f44336;
}
.has-error .form-control:focus {
  border-color: #d32f2f;
}
.input-validation-error.form-control {
  border-color: #f44336;
}
.input-validation-error.form-control:focus {
  border-color: #d32f2f;
}
.field-validation-required {
  position: absolute;
  top: 8px;
  right: 2px;
  color: #f44336;
  font-size: 14px;
}
.field-validation-error {
  color: #f44336;
}
.validation-summary-errors ul {
  padding: 0;
  list-style: none;
}
.form-control-feedback {
  line-height: 34px;
}
select.form-control {
  border-color: #607d8b;
}
select[multiple].form-control {
  border-color: #607d8b;
}
.input-group-addon {
  background: #e2e7eb;
  border-radius: 2px;
}
.input-xs {
  height: 22px;
  padding: 0 7px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}
legend {
  padding-bottom: 3px;
  border-bottom: 1px solid #e2e7eb;
}
.form-horizontal .readonly {
  padding-top: 7px;
}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  z-index: 1;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #263238;
  border-radius: 2px;
  background-color: transparent;
  -webkit-transition: border 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out;
          transition: border 0.1s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 2px;
  padding-top: 1px;
  font-size: 14px;
  line-height: 1.2;
  color: #607d8b;
}
.checkbox label:focus ~ .material-background,
.checkbox label:active ~ .material-background {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:focus ~ label::before {
  outline: none;
}
.checkbox input[type="checkbox"]:checked ~ label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled ~ label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled ~ label::before {
  background-color: #cfd8dc;
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled ~ label::after {
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"] ~ label:active::before {
  border-color: #f1673b;
}
.checkbox-primary input[type="checkbox"]:checked ~ label::before {
  background-color: #f1673b;
  border-color: #f1673b;
}
.checkbox-primary input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-primary input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.checkbox-danger input[type="checkbox"] ~ label:active::before {
  border-color: #f44336;
}
.checkbox-danger input[type="checkbox"]:checked ~ label::before {
  background-color: #f44336;
  border-color: #f44336;
}
.checkbox-danger input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(244, 67, 54, 0.2);
}
.checkbox-info input[type="checkbox"] ~ label:active::before {
  border-color: #03a9f4;
}
.checkbox-info input[type="checkbox"]:checked ~ label::before {
  background-color: #03a9f4;
  border-color: #03a9f4;
}
.checkbox-info input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(3, 169, 244, 0.2);
}
.checkbox-warning input[type="checkbox"] ~ label:active::before {
  border-color: #ff9800;
}
.checkbox-warning input[type="checkbox"]:checked ~ label::before {
  background-color: #ff9800;
  border-color: #ff9800;
}
.checkbox-warning input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(255, 152, 0, 0.2);
}
.checkbox-success input[type="checkbox"] ~ label:active::before {
  border-color: #f1673b;
}
.checkbox-success input[type="checkbox"]:checked ~ label::before {
  background-color: #f1673b;
  border-color: #f1673b;
}
.checkbox-success input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.checkbox-inverse input[type="checkbox"] ~ label:active::before {
  border-color: #212121;
}
.checkbox-inverse input[type="checkbox"]:checked ~ label::before {
  background-color: #212121;
  border-color: #212121;
}
.checkbox-inverse input[type="checkbox"]:checked ~ label::after {
  color: #fff;
}
.checkbox-inverse input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(33, 33, 33, 0.2);
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
          transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #607d8b;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
          transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:focus ~ label::before {
  outline: none;
}
.radio input[type="radio"]:checked ~ label::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.radio input[type="radio"]:disabled ~ label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled ~ label::before {
  cursor: not-allowed;
}
.radio input[type="radio"]:disabled ~ label::after {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] ~ label::after {
  background-color: #f1673b;
}
.radio-primary input[type="radio"]:checked ~ label::before {
  border-color: #f1673b;
}
.radio-primary input[type="radio"]:checked ~ label::after {
  background-color: #f1673b;
}
.radio-danger input[type="radio"] ~ label::after {
  background-color: #f44336;
}
.radio-danger input[type="radio"]:checked ~ label::before {
  border-color: #f44336;
}
.radio-danger input[type="radio"]:checked ~ label::after {
  background-color: #f44336;
}
.radio-info input[type="radio"] ~ label::after {
  background-color: #03a9f4;
}
.radio-info input[type="radio"]:checked ~ label::before {
  border-color: #03a9f4;
}
.radio-info input[type="radio"]:checked ~ label::after {
  background-color: #03a9f4;
}
.radio-warning input[type="radio"] ~ label::after {
  background-color: #ff9800;
}
.radio-warning input[type="radio"]:checked ~ label::before {
  border-color: #ff9800;
}
.radio-warning input[type="radio"]:checked ~ label::after {
  background-color: #ff9800;
}
.radio-success input[type="radio"] ~ label::after {
  background-color: #f1673b;
}
.radio-success input[type="radio"]:checked ~ label::before {
  border-color: #f1673b;
}
.radio-success input[type="radio"]:checked ~ label::after {
  background-color: #f1673b;
}
.radio-inverse input[type="radio"] ~ label::after {
  background-color: #212121;
}
.radio-inverse input[type="radio"]:checked ~ label::before {
  border-color: #212121;
}
.radio-inverse input[type="radio"]:checked ~ label::after {
  background-color: #212121;
}
.switch {
  padding-left: 28px;
}
.switch label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  z-index: 1;
}
.switch label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 26px;
  height: 10px;
  margin-left: -28px;
  border-radius: 5px;
  background-color: #607d8b;
  -webkit-transition: background-color 0.1s ease-in-out;
          transition: background-color 0.1s ease-in-out;
}
.switch label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -2px;
  width: 18px;
  height: 18px;
  margin-left: -28px;
  padding-left: 2px;
  padding-top: 1px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 50%;
  background-color: #f4f6f7;
  -webkit-transition: left 0.25s ease-out, background-color 0.25s ease-in-out;
          transition: left 0.25s ease-out, background-color 0.25s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.switch label:focus ~ .material-background,
.switch label:active ~ .material-background {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.switch input[type="checkbox"] {
  opacity: 0;
}
.switch input[type="checkbox"]:focus ~ label::before {
  outline: none;
}
.switch input[type="checkbox"]:checked ~ label::after {
  left: 12px;
}
.switch input[type="checkbox"]:disabled ~ label {
  opacity: 0.65;
}
.switch input[type="checkbox"]:disabled ~ label::after {
  background-color: #cfd8dc;
  cursor: not-allowed;
}
.switch-primary input[type="checkbox"]:checked ~ label::before {
  background-color: #e4ebe2;
}
.switch-primary input[type="checkbox"]:checked ~ label::after {
  background-color: #f1673b;
}
.switch-primary input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.switch-danger input[type="checkbox"]:checked ~ label::before {
  background-color: #ffcdd2;
}
.switch-danger input[type="checkbox"]:checked ~ label::after {
  background-color: #f44336;
}
.switch-danger input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(244, 67, 54, 0.2);
}
.switch-info input[type="checkbox"]:checked ~ label::before {
  background-color: #b3e5fc;
}
.switch-info input[type="checkbox"]:checked ~ label::after {
  background-color: #03a9f4;
}
.switch-info input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(3, 169, 244, 0.2);
}
.switch-warning input[type="checkbox"]:checked ~ label::before {
  background-color: #ffe0b2;
}
.switch-warning input[type="checkbox"]:checked ~ label::after {
  background-color: #ff9800;
}
.switch-warning input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(255, 152, 0, 0.2);
}
.switch-success input[type="checkbox"]:checked ~ label::before {
  background-color: #e4ebe2;
}
.switch-success input[type="checkbox"]:checked ~ label::after {
  background-color: #f1673b;
}
.switch-success input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.switch-inverse input[type="checkbox"]:checked ~ label::before {
  background-color: #424242;
}
.switch-inverse input[type="checkbox"]:checked ~ label::after {
  background-color: #212121;
}
.switch-inverse input[type="checkbox"]:checked ~ .material-background {
  background-color: rgba(33, 33, 33, 0.2);
}
.switch-default-primary input[type="checkbox"] ~ label::before {
  background-color: #e4ebe2;
}
.switch-default-primary input[type="checkbox"] ~ label::after {
  background-color: #f1673b;
}
.switch-default-primary input[type="checkbox"] ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.switch-default-danger input[type="checkbox"] ~ label::before {
  background-color: #ffcdd2;
}
.switch-default-danger input[type="checkbox"] ~ label::after {
  background-color: #f44336;
}
.switch-default-danger input[type="checkbox"] ~ .material-background {
  background-color: rgba(244, 67, 54, 0.2);
}
.switch-default-info input[type="checkbox"] ~ label::before {
  background-color: #b3e5fc;
}
.switch-default-info input[type="checkbox"] ~ label::after {
  background-color: #03a9f4;
}
.switch-default-info input[type="checkbox"] ~ .material-background {
  background-color: rgba(3, 169, 244, 0.2);
}
.switch-default-warning input[type="checkbox"] ~ label::before {
  background-color: #ffe0b2;
}
.switch-default-warning input[type="checkbox"] ~ label::after {
  background-color: #ff9800;
}
.switch-default-warning input[type="checkbox"] ~ .material-background {
  background-color: rgba(255, 152, 0, 0.2);
}
.switch-default-success input[type="checkbox"] ~ label::before {
  background-color: #e4ebe2;
}
.switch-default-success input[type="checkbox"] ~ label::after {
  background-color: #f1673b;
}
.switch-default-success input[type="checkbox"] ~ .material-background {
  background-color: rgba(241, 103, 59, 0.2);
}
.switch-default-inverse input[type="checkbox"] ~ label::before {
  background-color: #424242;
}
.switch-default-inverse input[type="checkbox"] ~ label::after {
  background-color: #212121;
}
.switch-default-inverse input[type="checkbox"] ~ .material-background {
  background-color: rgba(33, 33, 33, 0.2);
}
.material-background {
  position: absolute;
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  top: 16px;
  left: 9px;
  background: rgba(52, 143, 226, 0.2);
  border-radius: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 0;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
          transition: transform 0.1s ease-in-out;
}
/* Dropdown Menu */
.dropdown-menu {
  border: none;
  font-size: 12px;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
}
.dropdown-menu > li > a {
  padding: 5px 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #edf0f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #348fe2;
}
.dropdown-menu .divider {
  border-color: #eee;
}
.dropdown-menu.media-list {
  max-width: 280px;
  padding: 0;
}
.dropdown-menu.media-list p {
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-menu.media-list .dropdown-header {
  padding: 10px 20px !important;
  background: #fafafa;
}
.dropdown-menu.media-list > .media {
  margin-top: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: -1px;
}
.dropdown-menu.media-list > .media > a {
  display: block;
  padding: 10px 20px !important;
}
.dropdown-menu.media-list > .media .media-object {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
}
.dropdown-footer {
  padding: 10px 20px;
}
.dropdown-menu > li.dropdown-footer > a {
  padding: 0 !important;
  display: inline !important;
}
.dropdown-menu > li.dropdown-footer > a:hover,
.dropdown-menu > li.dropdown-footer > a:focus {
  background: none !important;
  text-decoration: underline !important;
}
/* Tooltip */
.tooltip-inner {
  padding: 4px 10px;
}
.content span[data-toggle="tooltip"] {
  border-bottom: 1px dashed;
  text-decoration: none !important;
  cursor: pointer;
}
/* Alert */
.alert {
  padding: 10px 15px;
  border: 0;
  font-weight: 500;
}
.alert.onTimer {
    border-style: solid;
    border-width: 1px;
    position: absolute;
    top: 0px;
    right: 24px;
}

.alert.alert-success.onTimer {
    border-color: #e84511;
}

/* Note Setting */
.note {
  margin-bottom: 20px;
  padding: 15px;
  border-left: 3px solid;
}
.note.note-success {
  border-color: #4a8564;
  background: #b0ebca;
  color: #3c763d;
}
.note.note-success h1,
.note.note-success h2,
.note.note-success h3,
.note.note-success h4,
.note.note-success h5,
.note.note-success h6 {
  color: #3c763d;
}
.note.note-danger {
  border-color: #986e6e;
  background: #fbd1d1;
  color: #a94442;
}
.note.note-danger h1,
.note.note-danger h2,
.note.note-danger h3,
.note.note-danger h4,
.note.note-danger h5,
.note.note-danger h6 {
  color: #a94442;
}
.note.note-info {
  border-color: #587c89;
  background: #bee2ef;
  color: #31708f;
}
.note.note-info h1,
.note.note-info h2,
.note.note-info h3,
.note.note-info h4,
.note.note-info h5,
.note.note-info h6 {
  color: #31708f;
}
.note.note-warning {
  border-color: #9d9080;
  background: #fff2e3;
  color: #8a6d3b;
}
.note.note-warning h1,
.note.note-warning h2,
.note.note-warning h3,
.note.note-warning h4,
.note.note-warning h5,
.note.note-warning h6 {
  color: #8a6d3b;
}
/* Badge & Label Setting */
.badge {
  line-height: 1.25;
  font-weight: 600;
}
.badge-primary {
  background-color: #f1673b;
}
.badge-success {
  background-color: #f1673b;
}
.badge-info {
  background-color: #03a9f4;
}
.badge-warning {
  background-color: #ff9800;
}
.badge-danger {
  background-color: #f44336;
}
.badge-inverse {
  background-color: #212121;
}
.label {
  font-weight: 600;
}
.badge.badge-square {
  border-radius: 0;
}
.label-as-badge {
  border-radius: 1em;
}
.label-active {
  display: block;
  width: 50px;
  padding: 6px 0;
}
.label-active-success {
  background-color: #ffa115;
}
.label-active-default {
  background-color: #92989d;
}
/* Pagination & pager */
.pager li > a,
.pager li > span,
.pagination > li > a {
  border-color: #e2e7eb;
  color: #000000;
}
.pager.pager-without-border li > a,
.pager.pager-without-border li > span,
.pagination.pagination-without-border > li > a {
  border-color: #ffffff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus,
.pager > .disabled > span,
.pager > .disabled > a {
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
  border-color: #ddd;
}
.pagination > li > a {
  color: #000000;
  margin-left: 5px;
  border-radius: 3px !important;
}
.pagination > li:first-child > a {
  margin-left: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  font-size: 10px;
  margin-left: 4px;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  font-size: 14px;
  margin-left: 6px;
}
.pager li > a:hover,
.pager li > a:focus,
.pager li > span:hover,
.pager li > span:focus,
.pagination > li > a:hover,
.pagination > li > a:focus {
  color: #000000;
  background: #e2e7eb;
  border-color: #d8dde1;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: #000000 !important;
  border-color: #000000 !important;
}
/* Progress bar */
.progress {
  box-shadow: none;
  background: #e2e7eb;
}
.progress-xs {
  height: 5px;
}
.progress-xs .progress-bar {
  line-height: 5px;
}
.progress-sm {
  height: 10px;
}
.progress-sm .progress-bar {
  line-height: 10px;
}
.progress-lg {
  height: 30px;
}
.progress-lg .progress-bar {
  line-height: 30px;
}
.progress-bar {
  box-shadow: none;
  background: #f1673b;
}
.progress-bar.progress-bar-success {
  background-color: #f1673b;
}
.progress-bar.progress-bar-info {
  background-color: #03a9f4;
}
.progress-bar.progress-bar-warning {
  background-color: #ff9800;
}
.progress-bar.progress-bar-danger {
  background-color: #f44336;
}
.progress-bar.progress-bar-inverse {
  background-color: #212121;
}
/* Nav Setting */
.nav > li > a {
  color: #6e7179;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #333;
  background: #fafafa;
}
/* Nav Tabs */
.nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs.nav-justified > li > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: none !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  color: #000000;
}
.nav-tabs {
  background: #c1ccd1;
}
.nav-tabs.nav-tabs-inverse {
  background: #000000;
}
.nav-tabs.nav-tabs-inverse > li.active > a,
.nav-tabs.nav-tabs-inverse > li.active > a:hover,
.nav-tabs.nav-tabs-inverse > li.active > a:focus {
  background: #ffffff;
}
.nav-tabs.nav-tabs-inverse > li > a:hover,
.nav-tabs.nav-tabs-inverse > li > a:focus {
  color: #ffffff;
  background: none;
}
.nav-tabs > li,
.nav-tabs.nav-justified > li {
  margin-bottom: 0;
}
.nav-tabs > li > a {
  margin-right: 5px;
  line-height: 20px;
}
/* Nav Pills */
.nav-pills {
  margin-bottom: 10px;
}
.nav-pills > li + li {
  margin-left: 5px;
}
.nav-pills > li > a {
  border-radius: 3px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background: #000000;
}
.nav-stacked > li + li {
  margin-left: 0;
  margin-top: 5px;
}
/* Tab Content */
.tab-content {
  padding: 15px;
  margin-bottom: 20px;
  background: #ffffff;
}
/* Button */
.btn.btn-inverse {
  color: #fff;
  background: #212121;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active {
  background: #000000;
}
.open .dropdown-toggle.btn-inverse {
  background: #000000;
}
.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
  border-left-color: #000000;
}
.btn {
  padding: 4px 12px;
  -webkit-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
          transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn:hover {
  background: transparent;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.btn.btn-default {
  border-color: #607d8b;
}
.btn.btn-default:hover {
  color: #607d8b;
}
.btn.btn-inverse {
  border-color: #212121;
}
.btn.btn-inverse:hover {
  color: #212121;
}
.btn.btn-primary {
  border-color: #f1673b;
}
.btn.btn-primary:hover {
  color: #f1673b;
}
.btn.btn-success {
  border-color: #f1673b;
}
.btn.btn-success:hover {
  color: #f1673b;
}
.btn.btn-info {
  border-color: #03a9f4;
}
.btn.btn-info:hover {
  color: #03a9f4;
}
.btn.btn-warning {
  border-color: #ff9800;
}
.btn.btn-warning:hover {
  color: #ff9800;
}
.btn.btn-danger:hover {
  color: #f44336;
  border-color: #f44336;
}
.btn-icon,
.btn.btn-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
}
.btn-icon.btn-xs,
.btn.btn-icon.btn-xs {
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px;
}
.btn-icon.btn-sm,
.btn.btn-icon.btn-sm {
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
}
.btn-icon.btn-lg,
.btn.btn-icon.btn-lg {
  width: 34px;
  height: 34px;
  font-size: 17px;
  line-height: 34px;
}
.btn-icon > .pull-left,
.btn.btn-icon > .pull-left,
.btn-icon > .pull-right,
.btn.btn-icon > .pull-right {
  line-height: 1.428571429;
}
.btn-circle,
.btn.btn-circle {
  border-radius: 50%;
}
.btn-scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 80px;
  z-index: 1020;
}
.page-with-right-sidebar .btn-scroll-to-top {
  left: 25px;
  right: auto;
}
.btn-block {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-material,
.btn.btn-material {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn-material:hover,
.btn.btn-material:hover,
.btn-material:focus,
.btn.btn-material:focus,
.btn-material:active,
.btn.btn-material:active,
.btn-material.active,
.btn.btn-material.active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn.btn-white {
  font-weight: normal;
  color: #212121;
  background: #ffffff;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active {
  background: #f4f6f7;
}
.btn-flat,
.btn.btn-flat {
  font-weight: 600;
  background: transparent;
  text-transform: uppercase;
  box-shadow: none;
  border: 0;
}
.btn-flat:active,
.btn.btn-flat:active,
.btn-flat:hover,
.btn.btn-flat:hover {
  box-shadow: none;
  background: transparent;
}
.btn-flat.btn-default,
.btn.btn-flat.btn-default {
  color: #607d8b;
}
.btn-flat.btn-inverse,
.btn.btn-flat.btn-inverse {
  color: #212121;
}
.open .btn-flat.btn-inverse,
.open .btn.btn-flat.btn-inverse {
  color: #ffffff;
}
.btn-flat.btn-primary,
.btn.btn-flat.btn-primary {
  color: #f1673b;
}
.btn-flat.btn-success,
.btn.btn-flat.btn-success {
  color: #f1673b;
}
.btn-flat.btn-info,
.btn.btn-flat.btn-info {
  color: #03a9f4;
}
.btn-flat.btn-warning,
.btn.btn-flat.btn-warning {
  color: #ff9800;
}
.btn-flat.btn-danger,
.btn.btn-flat.btn-danger {
  color: #f44336;
}
.btn-ghost,
.btn.btn-ghost {
  font-weight: 400;
  background: transparent;
  border: 1px solid;
  border-radius: 3px;
  box-shadow: none;
  -webkit-transition: all .1s;
          transition: all .1s;
}
.btn-ghost.btn-default,
.btn.btn-ghost.btn-default {
  color: #607d8b;
  border-color: #607d8b;
}
.btn-ghost.btn-default:active,
.btn.btn-ghost.btn-default:active,
.btn-ghost.btn-default:hover,
.btn.btn-ghost.btn-default:hover {
  color: #ffffff;
  background: #607d8b;
  border-color: #607d8b;
}
.btn-ghost.btn-inverse,
.btn.btn-ghost.btn-inverse {
  color: #212121;
  border-color: #212121;
}
.btn-ghost.btn-inverse:active,
.btn.btn-ghost.btn-inverse:active,
.btn-ghost.btn-inverse:hover,
.btn.btn-ghost.btn-inverse:hover {
  color: #ffffff;
  background: #212121;
  border-color: #212121;
}
.btn-ghost.btn-primary,
.btn.btn-ghost.btn-primary {
  color: #f1673b;
  border-color: #f1673b;
}
.btn-ghost.btn-primary:active,
.btn.btn-ghost.btn-primary:active,
.btn-ghost.btn-primary:hover,
.btn.btn-ghost.btn-primary:hover {
  color: #ffffff;
  background: #f1673b;
  border-color: #f1673b;
}
.btn-ghost.btn-success,
.btn.btn-ghost.btn-success {
  color: #f1673b;
  border-color: #f1673b;
}
.btn-ghost.btn-success:active,
.btn.btn-ghost.btn-success:active,
.btn-ghost.btn-success:hover,
.btn.btn-ghost.btn-success:hover {
  color: #ffffff;
  background: #f1673b;
  border-color: #f1673b;
}
.btn-ghost.btn-info,
.btn.btn-ghost.btn-info {
  color: #03a9f4;
  border-color: #03a9f4;
}
.btn-ghost.btn-info:active,
.btn.btn-ghost.btn-info:active,
.btn-ghost.btn-info:hover,
.btn.btn-ghost.btn-info:hover {
  color: #ffffff;
  background: #03a9f4;
  border-color: #03a9f4;
}
.btn-ghost.btn-warning,
.btn.btn-ghost.btn-warning {
  color: #ff9800;
  border-color: #ff9800;
}
.btn-ghost.btn-warning:active,
.btn.btn-ghost.btn-warning:active,
.btn-ghost.btn-warning:hover,
.btn.btn-ghost.btn-warning:hover {
  color: #ffffff;
  background: #ff9800;
  border-color: #ff9800;
}
.btn-ghost.btn-danger,
.btn.btn-ghost.btn-danger {
  color: #f44336;
  border-color: #f44336;
}
.btn-ghost.btn-danger:active,
.btn.btn-ghost.btn-danger:active,
.btn-ghost.btn-danger:hover,
.btn.btn-ghost.btn-danger:hover {
  color: #ffffff;
  background: #f44336;
  border-color: #f44336;
}
.btn-ghost.btn-white,
.btn.btn-ghost.btn-white {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-ghost.btn-white:active,
.btn.btn-ghost.btn-white:active,
.btn-ghost.btn-white:hover,
.btn.btn-ghost.btn-white:hover {
  color: #212121;
  background: #ffffff;
  border-color: #ffffff;
}
.btn-link {
  box-shadow: none;
}
.open .dropdown-toggle.btn-white {
  background: #e2e7eb;
  border-color: #d8dde1;
}
.btn-toolbar {
  vertical-align: middle;
}
.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
  border-left-color: #eee;
}
.btn.loading {
  color: transparent;
  position: relative;
}
.btn.loading::after {
  content: "\f021";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  line-height: 0;
  font-weight: 400;
  font-size: 12px;
  font-family: FontAwesome;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
  color: #ffffff;
}
.btn-loading {
  position: relative;
}
.btn-loading::before,
.btn-loading::after {
  opacity: 0;
  -webkit-transition: opacity .2s;
          transition: opacity .2s;
}
.btn-loading::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  background: inherit;
  top: 0;
  left: 0;
  z-index: 98;
}
.btn-loading::after {
  content: '\f110';
  position: absolute;
  height: 18px;
  width: 18px;
  margin-left: -9px;
  top: 20%;
  left: 50%;
  animation: fa-spin 1.5s infinite linear;
  -webkit-animation: fa-spin 1.5s infinite linear;
  z-index: 99;
  font: normal normal normal 18px/1 FontAwesome;
}
.btn-loading:disabled::before,
.btn-loading:disabled::after {
  opacity: 1;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/* Panel */
.panel {
  border: none;
  box-shadow: none;
  position: relative;
  border-radius: 0;
}
.panel-heading {
  border: none;
  padding: 7px 10px;
  border-radius: 0;
}
.panel-heading.panel-heading-condensed {
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel-heading + .table,
.panel-heading + .slimScrollDiv {
  border-top: 1px solid #eee;
}
.panel-heading .panel-heading-btn {
  float: right;
}
.panel-heading .panel-heading-btn > a {
  margin-left: 8px;
}
.panel-heading .btn-group .btn {
  margin-top: -7px;
}
.panel-heading .btn-group .btn.btn-sm {
  margin-top: -5px;
}
.panel-heading .btn-group .btn.btn-xs {
  margin-top: -1px;
}
.panel-heading .label.pull-left,
.panel-heading .label.pull-right {
  line-height: 15px;
}
.panel-heading .progress.pull-right,
.panel-heading .progress.pull-left {
  width: 40%;
  min-width: 120px;
}
.panel-heading + .alert {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-heading .nav-tabs {
  margin-top: -10px;
  margin-right: -15px;
}
.panel-heading .nav-tabs > li > a {
  padding: 10px 15px;
  line-height: 20px;
}
.panel-heading .btn-link {
  color: #ffffff;
}
.panel-heading form {
  float: right;
}
.panel-with-tabs .panel-heading {
  background: #c1ccd1 !important;
  color: #333 !important;
}
.panel-title {
  display: inline;
  line-height: 20px;
  font-size: 12px;
}
.panel-title.panel-title-large {
  display: inline;
  font-size: 14px;
}
.panel-title .accordion-toggle {
  margin: -10px -15px;
  padding: 10px 15px;
}
.panel-title .accordion-toggle.accordion-toggle-styled .fa:before {
  content: '\f056';
}
.panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before {
  content: '\f055';
}
.panel-title .pull-right {
  line-height: 20px;
}
.panel-toolbar {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  background: #fff;
}
.panel-toolbar + .form-control {
  margin: -1px 0 0;
  border-right: none;
  border-left: none;
}
.form-control + .panel-footer {
  border-top: none;
}
.panel-body {
  padding: 0;
}
.panel-heading ~ .panel-body {
  padding: 15px;
}
.panel-body.no-border {
  border: none !important;
}
.panel-body.panel-table,
.panel-body.panel-form,
.panel-body.no-padding,
.panel-body.panel-full-width {
  padding: 0 !important;
}
.panel-body.with-table > .table {
  border: 0;
  margin: 0;
}
.panel-body.with-table > .table tr:last-child th,
.panel-body.with-table > .table tr:last-child td {
  border-bottom: 0;
}
.panel-body > hr {
  /*margin-left: -15px;
        margin-right: -15px;*/
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #eee;
}
.panel-footer {
  background: #fff;
  border-top: 1px solid #eee;
}
.panel-default > .panel-heading {
  background: #fafafa;
}
.panel-inverse > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading {
  color: #fff;
}
.panel-inverse > .panel-heading {
  background: #000000;
}
.panel-inverse > .panel-heading ~ .panel-body,
.panel-inverse > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
}
.panel-success > .panel-heading {
  background: #e84511;
}
.panel-success > .panel-heading ~ .panel-body,
.panel-success > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(232, 69, 17, 0.1);
  border-top: 0;
}
.panel-warning > .panel-heading {
  background: #f57c00;
}
.panel-warning > .panel-heading ~ .panel-body,
.panel-warning > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(245, 124, 0, 0.1);
  border-top: 0;
}
.panel-danger > .panel-heading {
  background: #d32f2f;
}
.panel-danger > .panel-heading ~ .panel-body,
.panel-danger > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(211, 47, 47, 0.1);
  border-top: 0;
}
.panel-primary > .panel-heading {
  background: #e84511;
}
.panel-primary > .panel-heading ~ .panel-body,
.panel-primary > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(232, 69, 17, 0.1);
  border-top: 0;
}
.panel-info > .panel-heading {
  background: #0288d1;
}
.panel-info > .panel-heading ~ .panel-body,
.panel-info > .panel-heading ~ .panel-footer {
  border: 1px solid rgba(2, 136, 209, 0.1);
  border-top: 0;
}
/* Panel Expand */
.panel.panel-expand {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1080;
  border-radius: 0;
}
.panel.panel-expand .height-xs,
.panel.panel-expand .height-sm,
.panel.panel-expand .height-md,
.panel.panel-expand .height-lg,
.panel.panel-expand .height-full {
  height: 100% !important;
}
.panel.panel-expand > .panel-heading .fa.fa-expand:before {
  content: '\f066';
}
.panel.panel-expand > .panel-heading,
.panel.panel-expand > .panel-body {
  border-radius: 0;
}
.panel.panel-expand > .panel-body {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 40px;
  overflow-y: scroll;
  z-index: 1020;
}
.panel.panel-expand > .panel-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@keyframes panelExpand {
  from {
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
  }
  to {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@-webkit-keyframes panelExpand {
  from {
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
  }
  to {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
/* Panel loading */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.panel.panel-loading .panel-body {
  position: relative;
  z-index: 0;
}
.panel.panel-loading.panel-expand .panel-body {
  position: absolute;
}
.panel.panel-loading .panel-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));
  filter: alpha(opacity = (90));
  -webkit-animation: fadeIn 0.2s;
  animation: fadeIn 0.2s;
  border-radius: 0 0 4px 4px;
  z-index: 1040;
}
/* Accordion Panel */
/*.panel-title a {
    display: block;

    &:hover,
    &:focus {
        text-decoration: none;
    }
}*/
/* Modal Setting */
.modal-content {
  border: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.modal-header {
  padding: 12px 15px;
  border-bottom-color: #e2e7eb;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  padding: 15px;
}
.modal-footer {
  border-top-color: #e2e7eb;
  padding: 14px 15px 15px;
}
.modal-backdrop.fade.in {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = (50));
}
.modal-message .modal-dialog {
  width: 100%;
}
.modal-message .modal-content {
  border-radius: 0;
}
.modal-message .modal-header,
.modal-message .modal-body,
.modal-message .modal-footer {
  width: 60%;
  border: none;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .modal-full {
    width: 95%;
  }
}
/* Media Object */
.media .media-object {
  width: 128px;
}
.media.media-lg .media-object {
  width: 256px;
}
.media.media-sm .media-object {
  width: 64px;
}
.media.media-xs .media-object {
  width: 32px;
}
.media > .pull-left {
  margin-right: 15px;
}
.media > .pull-right {
  margin-left: 15px;
}
.media a:hover,
.media a:focus,
.media a:hover .media-heading,
.media a:focus .media-heading,
.media a.media-heading:hover,
.media a.media-heading:focus {
  color: #000000;
  text-decoration: none;
}
.media-list.media-list-with-divider > li + li {
  border-top: 1px solid #eee;
  padding-top: 20px;
}
/* Table */
.table {
  border-color: #e2e7eb;
}
.table-sub {
  background-color: #f0f5f2 !important;
}
.table > thead > tr > th {
  color: #000000;
  font-weight: 600;
  border-bottom: 2px solid #e2e7eb !important;
}
.table.panel > thead > tr > th:first-child,
.table.panel > tbody > tr > th:first-child,
.table.panel > tfoot > tr > th:first-child,
.table.panel > thead > tr > td:first-child,
.table.panel > tbody > tr > td:first-child,
.table.panel > tfoot > tr > td:first-child {
  border-left: 0;
}
.table.panel > thead > tr > th:last-child,
.table.panel > tbody > tr > th:last-child,
.table.panel > tfoot > tr > th:last-child,
.table.panel > thead > tr > td:last-child,
.table.panel > tbody > tr > td:last-child,
.table.panel > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #e8ecf1 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #f0f3f5;
}
.table.table-inverse > thead > tr > th,
.table.table-inverse > tbody > tr > th,
.table.table-inverse > tfoot > tr > th,
.table.table-inverse > thead > tr > td,
.table.table-inverse > tbody > tr > td,
.table.table-inverse > tfoot > tr > td {
  border-color: #999 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.table.table-inverse,
.table.table-inverse > thead > tr > th,
.table.table-inverse > tbody > tr > th,
.table.table-inverse > tfoot > tr > th {
  color: #ffffff;
}
.table.table-condensed .checkbox {
  margin: 0;
}
/* Well */
.well {
  padding: 15px;
  border-radius: 2px;
}
.well.well-sm {
  padding: 10px;
}
.well.well-lg {
  padding: 30px;
}
/* Jumbotron */
.jumbotron {
  background: #f0f3f4;
}
.jumbotron h1,
.jumbotron .h1 {
  font-size: 56px;
}
.jumbotron p {
  font-size: 18px;
}
/* Carousel */
.carousel .carousel-control .fa {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-align: center;
  line-height: 30px;
  margin-left: -15px;
}
.carousel .carousel-control.left .fa {
  margin-left: 15px;
}
/* List Group Item Inverse Setting */
.list-group-item.list-group-item-inverse {
  background: #212121;
  border-color: #000000;
  color: #fff;
  font-weight: 300;
}
.list-group-item.list-group-item-inverse .label-inverse,
.list-group-item.list-group-item-inverse .badge-inverse {
  background: #000000;
  background: rgba(0, 0, 0, 0.4);
}
.list-group-item.list-group-item-inverse:hover,
.list-group-item.list-group-item-inverse:focus {
  color: #fff;
  background: #282F35;
}
/* List Group */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background: #f1673b;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #242a30;
}
.nav.nav-pills.nav-sm > li {
  margin: 0 0 3px;
}
.nav.nav-pills.nav-sm > li a {
  padding: 8px 10px;
  line-height: 1.5;
}
/* Widget List */
/* Media Message */
.media-messaging .media:first-child {
  padding-top: 0;
}
.media-messaging .media:last-child {
  padding-bottom: 0;
}
.media-messaging .media {
  padding: 15px;
}
.media-messaging .media p {
  margin: 0;
}
.media-messaging .media + .media {
  margin-top: 0;
  padding-top: 15px;
}
/* Widget Stats */
.widget {
  margin-bottom: 20px;
  color: #fff;
  padding: 15px;
  overflow: hidden;
  border-radius: 3px;
}
.widget.widget-stats {
  position: relative;
}
.widget.widget-stats .stats-info h4 {
  font-size: 12px;
  margin: 5px 0;
  color: #fff;
}
.widget.widget-stats .stats-info p {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0;
}
.widget.widget-stats .stats-icon {
  font-size: 42px;
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 56px;
  margin-left: 15px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(20));
  filter: alpha(opacity = (20));
}
.widget.widget-stats .stats-icon.stats-icon-lg {
  font-size: 52px;
  top: 12px;
  right: 21px;
}
.widget.widget-stats .stats-link a {
  display: block;
  margin: 15px -15px -15px;
  padding: 7px 15px;
  background: url(img/transparent/black-0.4.png);
  background: rgba(0, 0, 0, 0.4);
  text-align: right;
  color: #ddd;
  font-weight: 300;
  text-decoration: none;
}
.widget.widget-stats .stats-link a:hover,
.widget.widget-stats .stats-link a:focus {
  background: url(img/transparent/black-0.6.png);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.widget.widget-stats .stats-icon .widget.widget-stats .stats-title {
  position: relative;
  line-height: 1.1;
  font-size: 12px;
  margin: 2px 0 7px;
}
.widget.widget-stats .stats-desc {
  color: #fff;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  margin-bottom: 0;
}
.widget.widget-stats .stats-number {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 10px;
}
.widget.widget-stats .stats-progress {
  background: url('img/transparent/black-0.2.png');
  background: rgba(0, 0, 0, 0.2);
  height: 2px;
  margin: 0 -15px 12px;
}
.widget.widget-stats .stats-progress .progress-bar {
  background: #fff;
}
/* Todolist */
.todolist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.todolist i {
  display: block;
  width: 14px;
  text-align: center;
}
.todolist > li {
  border-bottom: 1px solid #ddd;
}
.todolist > li > a {
  display: block;
  color: #333;
}
.todolist > li > a:hover,
.todolist > li > a:focus {
  background: #fafafa;
  text-decoration: none;
}
.todolist > li > a:hover .todolist-input i:before,
.todolist > li > a:focus .todolist-input i:before {
  content: '\f14a';
  color: #212121;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40));
  filter: alpha(opacity = (40));
}
.todolist > li.active > a.todolist-input i:before,
.todolist > li.active > a:hover .todolist-input i:before,
.todolist > li.active > a:focus .todolist-input i:before {
  content: '\f14a';
  color: #00acac;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.todolist > li.active > a .todolist-title {
  text-decoration: line-through;
}
.todolist .todolist-input,
.todolist .todolist-title {
  display: table-cell;
  padding: 10px;
}
.todolist .todolist-title {
  padding-right: 15px;
}
.todolist .todolist-input {
  text-align: center;
  font-size: 14px;
  border-right: 1px solid #ddd;
  padding-left: 15px;
}
/* Theme Panel */
.theme-panel {
  position: fixed;
  right: -175px;
  top: 150px;
  z-index: 1020;
  background: #fff;
  padding: 15px;
  width: 175px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: right 0.2s linear;
  transition: right 0.2s linear;
}
.theme-panel.active {
  right: 0;
}
.theme-panel.active .theme-collapse-btn .fa:before {
  content: '\f00d';
}
.theme-panel .theme-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.theme-panel .theme-list + .theme-list {
  margin-top: 10px;
}
.theme-panel .theme-list > li {
  float: left;
}
.theme-panel .theme-list > li + li {
  margin-left: 5px;
}
.theme-panel .theme-list > li > a {
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 3px;
}
.theme-panel .theme-list > li > a:hover,
.theme-panel .theme-list > li > a:focus {
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
}
.theme-panel .theme-list > li.active > a {
  position: relative;
}
.theme-panel .theme-list > li.active > a:before {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40));
  filter: alpha(opacity = (40));
}
.theme-panel .theme-list > li.active > a.bg-white:before {
  color: #666;
}
.theme-panel .theme-list a.bg-white {
  border: 1px solid #e2e7eb;
}
.theme-panel .theme-collapse-btn {
  position: absolute;
  left: -30px;
  top: 10%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  background: #fff;
  text-align: center;
  border-radius: 4px 0 0 4px;
  box-shadow: -1px 0px 3px -1px rgba(0, 0, 0, 0.4);
}
.theme-panel .theme-panel-content {
  margin: -15px;
  padding: 15px;
  background: #fff;
  position: relative;
  z-index: 1020;
}
.theme-panel .control-label {
  line-height: 30px;
}
.theme-panel .control-label.double-line {
  line-height: 15px;
}
.theme-panel .divider {
  height: 1px;
  margin: 15px 0;
  background: #f2f2f2;
}
/* Chat List Setting */
.panel-body .chats {
  padding: 0;
}
.slimScrollDiv .chats {
  padding-right: 15px;
}
.chats {
  list-style-type: none;
  margin: 0;
  padding: 12px 15px 15px;
}
.chats > li + li {
  margin-top: 15px;
}
.chats > li:before,
.chats > li:after {
  content: '';
  clear: both;
  display: table;
}
.chats .name {
  color: #333;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  text-decoration: none;
}
.chats .name .label {
  font-size: 8px;
  padding: 1px 4px 2px;
  margin-left: 3px;
  position: relative;
  top: -1px;
}
.chats .date-time {
  font-size: 10px;
  display: block;
  float: right;
  color: #999;
  margin-top: 3px;
}
.chats .image {
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
}
.chats .image img {
  max-width: 100%;
}
.chats .image + .message {
  margin-left: 75px;
}
.chats .message {
  border: 1px solid #ccd0d4;
  padding: 7px 12px;
  font-size: 12px;
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.chats .message:before,
.chats .message:after {
  content: '';
  position: absolute;
  top: 10px;
  left: -14px;
  border: 7px solid transparent;
  border-right-color: #ccd0d4;
}
.chats .message:after {
  left: -13px;
  border-right-color: #fff;
}
.chats .right .name {
  text-align: right;
}
.chats .right .date-time {
  float: left;
}
.chats .right .image {
  float: right;
}
.chats .right .image + .message {
  margin-right: 75px;
  margin-left: 0;
}
.chats .right .image .message:before,
.chats .right .image .message:after {
  left: auto;
  right: -14px;
  border-right-color: transparent;
  border-left-color: #ccd0d4;
}
.chats .right .image .message:after {
  right: -13px;
  border-left-color: #fff;
}
/* Registered Users List Setting */
.registered-users-list {
  list-style-type: none;
  margin: 7.5px;
  padding: 0;
}
.registered-users-list > li {
  width: 25%;
  font-size: 12px;
  float: left;
  padding: 7.5px;
  color: #333;
}
.registered-users-list > li .username {
  font-size: 12px;
  color: #333;
  margin-bottom: 0;
}
.registered-users-list > li .username small {
  display: block;
  font-size: 11px;
  color: #707478;
  margin-top: 3px;
}
.registered-users-list > li img {
  max-width: 100%;
  border-radius: 3px;
}
.registered-users-list > li > a {
  display: block;
  margin-bottom: 10px;
}
/* Widget Chart Setting */
.widget-chart {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 4px;
}
.widget-chart .chart-title {
  font-size: 18px !important;
  color: #fff;
  font-weight: 300 !important;
  margin: 2px 5px 7px;
}
.widget-chart .chart-title small {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #616D72;
  color: rgba(255, 255, 255, 0.3);
}
.widget-chart .widget-chart-content {
  padding: 15px;
  margin-right: 230px;
}
.widget-chart .widget-chart-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 230px;
  padding: 15px;
}
.widget-chart .widget-chart-sidebar .chart-number {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}
.widget-chart .widget-chart-sidebar .chart-number small {
  font-size: 12px;
  color: #616D72;
  color: rgba(255, 255, 255, 0.3);
  display: block;
}
.widget-chart .widget-chart-sidebar .chart-legend {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  bottom: 10px;
}
.widget-chart .widget-chart-sidebar .chart-legend > li {
  margin-bottom: 5px;
  color: #fff;
}
.widget-chart .widget-chart-sidebar .chart-legend > li span {
  color: #616D72;
  color: rgba(255, 255, 255, 0.3);
}
.morris-inverse .morris-hover {
  background: url('img/transparent/black-0.4.png');
  background: rgba(0, 0, 0, 0.4) !important;
  border: none !important;
  padding: 8px !important;
  color: #ccc !important;
}
.ms-container::after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}
.ms-container h4 {
  margin: 0;
  padding: 6px;
  background: #000000;
  color: #ffffff;
  font-size: 12px;
}
.ms-container .multi-search {
  width: 100%;
  height: 29px;
  padding: 6px 12px;
  color: #555;
  border: 1px solid #607d8b;
  border-top: 0;
}
.ms-container .multi-search:focus {
  outline: 0;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
  background: #fff;
  float: left;
  width: 49%;
}
.ms-container .ms-selection {
  float: right;
}
.ms-container .ms-list {
  border: 1px solid #607d8b;
  border-radius: 0 0 3px 3px;
  position: relative;
  height: 250px;
  padding: 0;
  overflow-y: auto;
  border-top: 0;
}
.ms-container .ms-list.ms-focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
}
.ms-container ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.ms-container .ms-optgroup-container {
  width: 100%;
}
.ms-container .ms-optgroup-label {
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-bottom: 1px #eee solid;
  padding: 1px 10px;
  color: #555;
  font-size: 12px;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 15px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  box-shadow: 0 0 0 #212121, 0px 0px 0 #2e2e2e;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #607d8b;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 4px #cfd8dc, 0px 0px 0 #dee4e7;
  border: 0 solid #ffffff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #f1673b;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -13px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  box-shadow: 0 0 0 #212121, 0px 0px 0 #2e2e2e;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #607d8b;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 4px #cfd8dc, 0px 0px 0 #dee4e7;
  border: 0 solid #ffffff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #f1673b;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 30px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #d9d9d9;
  border: 1px solid #607d8b;
  border-radius: 0;
  box-shadow: 0 0 0 #212121, 0px 0px 0 #2e2e2e;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 1px solid #607d8b;
  border-radius: 0;
  box-shadow: 0 0 0 #212121, 0px 0px 0 #2e2e2e;
}
input[type=range]::-ms-thumb {
  box-shadow: 0 0 4px #cfd8dc, 0px 0px 0 #dee4e7;
  border: 0 solid #ffffff;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #f1673b;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
/* Plugin List */
/* jQuery Draggable */
.row > [class*="col-"].ui-sortable {
  min-height: 50px;
}
.theme-panel .ui-sortable {
  min-height: 0px;
}
.ui-sortable .panel-heading {
  cursor: move;
}
.ui-sortable.ui-sortable-disabled .panel-heading {
  cursor: default;
}
.ui-sortable-placeholder {
  border: 1px dashed #82868b !important;
  visibility: visible !important;
  background: none;
  margin: 0 !important;
}
.panel.ui-sortable-placeholder {
  margin: -1px -1px 19px !important;
  box-shadow: none !important;
}
/* Slimscrollbar */
.slimScrollBar {
  width: 5px !important;
  right: 0 !important;
}
/* Data Table */
.dataTables_length select,
.dataTables_filter input {
  border: 1px solid #bec0c4;
  background: #edf0f5;
  font-size: 12px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  border-radius: 3px;
}
.dataTables_length select {
  margin-right: 10px;
}
.dataTables_filter input {
  border-color: #edf0f5;
  height: 34px;
  margin-left: 10px;
}
.dataTables_filter input:focus {
  outline: 0;
  border-color: #bec0c4;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}
/* Datepicker */
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: #eee !important;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background: #348fe2 !important;
  color: #fff !important;
}
.datepicker.datepicker-dropdown {
  min-width: 250px !important;
  border-radius: 3px !important;
}
.datepicker.dropdown-menu {
  min-width: 250px;
  border: 1px solid #ddd !important;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important;
}
.datepicker-dropdown:before {
  border-bottom-color: #ddd !important;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  border-top-color: #ddd !important;
}
.datepicker table {
  width: 100%;
}
.input-daterange .input-group-addon {
  background: #d6d8dd !important;
  border: none !important;
  text-shadow: none !important;
}
.irs-from,
.irs-to,
.irs-single {
  background: #212121 !important;
}
.datepicker-full-width .datepicker-inline {
  width: 100%;
}
.datepicker__container .datepicker {
  padding: 0;
}
.datepicker__container .datepicker > div {
  display: block;
}
/* Colorpicker */
.colorpicker {
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
}
.colorpicker-hue,
.colorpicker-alpha {
  margin-bottom: 0;
}
/* jQuery Autocomplete */
.ui-widget {
  font-family: 'Hind', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.ui-autocomplete {
  padding: 5px 0 !important;
  border: 1px solid #ccc !important;
  box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important;
}
.ui-stats-hover,
.ui-widget-content .ui-stats-hover,
.ui-widget-header .ui-stats-hover,
.ui-stats-focus,
.ui-widget-content .ui-stats-focus,
.ui-widget-header .ui-stats-focus {
  border: none !important;
  background: #f1673b !important;
  color: #fff !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.ui-menu .ui-menu-item a {
  padding: 5px 10px;
}
/* Combobox */
.combobox-container {
  display: table;
  border-collapse: separate;
  width: 100%;
}
.combobox-container input,
.combobox-container .uneditable-input {
  border: 1px solid #edf0f5;
  background: #edf0f5;
  font-size: 12px;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  border-radius: 4px 0 0 4px !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.combobox-container input:focus,
.combobox-container .uneditable-input:focus {
  outline: 0;
  border-color: #d8dce2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}
.combobox-container .add-on,
.combobox-container input {
  display: table-cell !important;
}
.combobox-container .add-on {
  width: 1% !important;
  padding: 5px 10px !important;
  white-space: nowrap;
  float: none !important;
  background: #d6d8dd !important;
  color: #555 !important;
}
.btn .combobox-clear {
  margin: 0 !important;
  width: 8px !important;
  position: relative;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.combobox-container .icon-remove:before {
  content: '\f00d';
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  position: absolute;
  right: -2px;
  top: 1px;
  text-shadow: none;
}
/* Bootstrap Select */
body .bootstrap-select .btn:focus {
  outline: none !important;
}
/* TagIt */
.tagit.ui-widget {
  border: 1px solid #ccd0d4 !important;
  background: #fff !important;
  padding: 3px 12px 2px !important;
  margin-bottom: 0 !important;
}
ul.tagit input[type="text"] {
  background: #fff !important;
  width: auto !important;
}
ul.tagit li.tagit-choice-editable {
  background: #b6c2c9 !important;
  border: none !important;
  color: #fff !important;
  padding: 2px 24px 3px 7px !important;
  border-radius: 3px !important;
}
ul.tagit.inverse li.tagit-choice-editable {
  background: #212121 !important;
}
ul.tagit.white li.tagit-choice-editable {
  background: #fff !important;
  border: 1px solid #ddd !important;
  color: #000 !important;
}
ul.tagit.primary li.tagit-choice-editable {
  background: #f1673b !important;
}
ul.tagit.info li.tagit-choice-editable {
  background: #03a9f4 !important;
}
ul.tagit.success li.tagit-choice-editable {
  background: #f1673b !important;
}
ul.tagit.warning li.tagit-choice-editable {
  background: #ff9800 !important;
}
ul.tagit.danger li.tagit-choice-editable {
  background: #f44336 !important;
}
ul.tagit li.tagit-choice .tagit-close {
  right: 2px !important;
  line-height: 22px !important;
  text-align: center !important;
  top: 0 !important;
  margin: 0 !important;
}
ul.tagit li.tagit-choice .tagit-close:hover,
ul.tagit li.tagit-choice .tagit-close:focus {
  text-decoration: none !important;
}
ul.tagit li.tagit-choice .tagit-close:hover .ui-icon-close:before,
ul.tagit li.tagit-choice .tagit-close:focus .ui-icon-close:before {
  color: #666;
  color: rgba(0, 0, 0, 0.4);
}
ul.tagit.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before,
ul.tagit.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before {
  color: #666;
  color: rgba(255, 255, 255, 0.4);
}
.tagit .ui-icon-close {
  background: none !important;
  height: 22px !important;
  width: 16px !important;
  text-indent: 0 !important;
}
.tagit.white .ui-icon-close:before {
  color: #000;
}
.tagit .ui-icon-close:before {
  content: '\f00d';
  font-family: FontAwesome;
  font-size: 10px;
  color: #fff;
}
/* Parsley */
.parsley-errors-list {
  padding: 0 !important;
  list-style-type: none !important;
  margin: 0 !important;
  color: #e5603b;
  font-size: 12px !important;
  line-height: inherit !important;
}
.parsley-errors-list.filled {
  margin-top: 5px !important;
}
.parsley-error,
.parsley-success {
  color: #333 !important;
}
.parsley-error {
  background: #ffdedd !important;
  border-color: #f44336 !important;
}
.parsley-success {
  background: #cceeee !important;
  border-color: #f1673b !important;
}
.parsley-error:focus,
.parsley-success:focus {
  color: #333 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
/* CKEditor / wysihtml5 */
.panel-form .cke_chrome {
  border: none;
  box-shadow: none;
}
.panel-form .wysihtml5-toolbar {
  padding: 15px 15px 5px;
}
.panel-form .wysihtml5-sandbox {
  border-radius: 0 0 4px 4px !important;
}
/* Bootstrap Wizard */
.bwizard-steps {
  font-size: 14px !important;
  overflow: hidden !important;
  display: table !important;
  width: 100% !important;
  border-radius: 3px !important;
}
.bwizard-steps li:before,
.bwizard-steps li:after {
  border: none !important;
}
.bwizard-steps li {
  float: none !important;
  display: table-cell !important;
  padding: 15px !important;
  line-height: 20px !important;
  background: #f0f3f4 !important;
  border-radius: 0 !important;
}
.bwizard-steps li:hover,
.bwizard-steps li:focus {
  background: #d3dadf !important;
}
.bwizard-steps.clickable li:hover:not(.active) a,
.bwizard-steps.clickable li:focus:not(.active) a {
  color: #333 !important;
}
.bwizard-steps li small {
  font-size: 11px !important;
  color: #999 !important;
  display: block !important;
  line-height: 14px !important;
}
.bwizard-steps li a {
  margin-left: 30px !important;
  display: block !important;
  text-decoration: none !important;
}
.bwizard-steps li.active small {
  color: #b2e6e6 !important;
}
.bwizard-steps .label {
  float: left !important;
  padding: 0 !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
  margin-right: 10px !important;
  top: 0 !important;
  background: #6d7479 !important;
  border-radius: 50% !important;
}
.bwizard-steps li.active,
.bwizard-steps li.active:hover,
.bwizard-steps li.active:focus {
  background: #f1673b !important;
}
.bwizard-steps li.active .label {
  background: url(img/transparent/black-0.2.png) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
/* Fullcalendar */
.external-event {
  padding: 15px !important;
  margin-bottom: 5px !important;
  color: #fff !important;
  color: rgba(255, 255, 255, 0.7) !important;
  border-radius: 3px !important;
}
.calendar-event .external-event h5 {
  color: #fff !important;
  margin: 0 0 5px !important;
}
.calendar-event .external-event p {
  margin: 0 !important;
  line-height: 16px !important;
  font-weight: 300 !important;
}
.fc-content {
  clear: none !important;
}
.fc-state-highlight {
  background: #f0f3f4 !important;
}
.fc-widget-header,
.fc-widget-content {
  border-color: #e2e7eb !important;
}
.fc-widget-header {
  color: #242a30 !important;
  font-weight: 600 !important;
  padding: 3px 15px !important;
}
.fc-grid .fc-day-number {
  padding: 3px 5px !important;
}
.fc-content .fc-event {
  border: none !important;
  padding: 5px !important;
  text-align: center !important;
  background: #2d353c;
}
.fc-event-time {
  font-size: 14px !important;
  margin-right: 5px !important;
}
.fc-event .fc-event-title {
  font-size: 14px !important;
  display: block !important;
}
.fc-event .fc-event-title small {
  display: block !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 16px !important;
  color: #ccc !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.fc-event .fc-event-icons {
  font-size: 18px !important;
  display: block !important;
}
.fc-event-container a:hover,
.fc-event-container a:focus {
  color: #fff !important;
  text-decoration: underline !important;
}
.fc-state-default {
  background: #fff !important;
  border: 1px solid #ccc !important;
  line-height: 1.42857143 !important;
  padding: 6px 12px !important;
  color: #333 !important;
  font-weight: normal !important;
  height: auto !important;
}
.fc-header .fc-button {
  margin-bottom: 15px !important;
  box-shadow: none !important;
}
.fc-header .fc-button:not(.fc-state-disabled):hover,
.fc-header .fc-button:not(.fc-state-disabled):focus {
  background: #eee !important;
}
.fc-header .fc-button.fc-state-down,
.fc-header .fc-button.fc-state-active {
  background: #eee !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}
.fc-text-arrow {
  font-size: 14px !important;
  line-height: 16px !important;
}
.fc-header-title h2 {
  line-height: 31px !important;
  font-size: 24px !important;
}
/* jVectorMap */
.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 16px !important;
  height: 16px !important;
}
.jvectormap-label {
  padding: 3px 6px !important;
  border: none !important;
  background: url(img/transparent/black-0.6.png) !important;
  background: rgba(0, 0, 0, 0.6) !important;
}
/* Flot Chart */
.legendColorBox > div {
  margin-right: 5px !important;
  margin-top: 1px !important;
  border: none !important;
  border-radius: 5px !important;
}
.legend > table tr td.legendColorBox {
  padding-left: 5px !important;
}
.legend > table tr td {
  padding: 4px 0 5px 0 !important;
}
.legend > div {
  border-radius: 4px !important;
  background: #000 !important;
}
.legend > table tr td.legendLabel {
  padding-right: 10px !important;
  color: #fff;
}
.legend > table tr + tr td {
  padding-top: 0px !important;
}
.legendColorBox > div > div {
  border-width: 4px !important;
  border-radius: 5px !important;
}
.tickLabel,
.legendLabel {
  font-size: 11px !important;
}
.tickLabel {
  color: #707478 !important;
}
.flot-tooltip {
  position: absolute;
  display: none;
  border: 0;
  padding: 6px 10px 7px;
  color: #fff;
  font-size: 11px;
  background: url(img/transparent/black-0.8.png);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
  z-index: 10000 !important;
}
/* Sparkline */
.jqstooltip {
  border: none !important;
  background: #333 !important;
  width: auto !important;
  height: auto !important;
  background: url(img/transparent/black-0.8.png) !important;
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 4px;
}
/* Bootstrap Calendar Setting */
.bootstrap-calendar .calendar {
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 10px 0;
}
.bootstrap-calendar .calendar td {
  border: none !important;
}
.bootstrap-calendar .calendar .table td {
  padding: 3px 5px;
}
.bootstrap-calendar .calendar a {
  line-height: 24px;
}
.bootstrap-calendar .calendar .week_days td {
  background: none;
  color: #a9acae;
}
.bootstrap-calendar .calendar .visualmonthyear {
  color: #707478;
}
.bootstrap-calendar .calendar .table.header {
  margin-bottom: 5px;
}
.bootstrap-calendar .calendar .table.header td {
  color: #707478;
  vertical-align: middle;
}
.bootstrap-calendar .calendar .table.header td.year {
  font-size: 18px;
  font-weight: 300;
}
.bootstrap-calendar .calendar .table.header .year {
  width: 72%;
}
.bootstrap-calendar .calendar .table.header .bootstrap-calendar .calendar .icon-arrow-right,
.bootstrap-calendar .calendar .icon-arrow-left {
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}
.bootstrap-calendar .calendar .icon-arrow-right:hover,
.bootstrap-calendar .calendar .icon-arrow-left:hover,
.bootstrap-calendar .calendar .icon-arrow-right:focus,
.bootstrap-calendar .calendar .icon-arrow-left:focus {
  color: #2d353c;
}
.bootstrap-calendar .calendar .icon-arrow-left:before {
  content: '\f060';
}
.bootstrap-calendar .calendar .icon-arrow-right:before {
  content: '\f061';
}
.bootstrap-calendar .calendar .table {
  margin-bottom: 0;
}
.bootstrap-calendar .calendar .event a {
  display: block;
  border-radius: 30px;
  background: #fff;
  color: #fff;
  margin: 0 auto;
}
.bootstrap-calendar .calendar .event .popover a {
  color: #428bca;
}
.bootstrap-calendar .calendar .event .popover a:hover,
.bootstrap-calendar .calendar .event .popover a:focus {
  color: #2a6496;
  text-decoration: underline;
}
.bootstrap-calendar .calendar .event,
.bootstrap-calendar .calendar .event:hover,
.bootstrap-calendar .calendar .event:focus,
.bootstrap-calendar .calendar .event a:hover,
.bootstrap-calendar .calendar .event a:focus {
  text-shadow: none;
  color: #212121;
  box-shadow: none;
  font-weight: normal;
}
.bootstrap-calendar .calendar .event a:hover,
.bootstrap-calendar .calendar .event a:focus {
  color: #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = (80));
}
.bootstrap-calendar .calendar .event,
.bootstrap-calendar .calendar .event:hover,
.bootstrap-calendar .calendar .event:focus {
  background: none;
  text-align: center;
}
.bootstrap-calendar .calendar .fa-circle {
  position: absolute;
  right: 0;
  top: 0;
}
/* Superbox Setting */
.superbox {
  font-size: 0;
}
.superbox-list {
  display: inline-block;
  width: 12.5%;
  margin: 0;
  position: relative;
}
.superbox-list.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #212121;
  margin-left: -10px;
}
.superbox-show {
  text-align: center;
  position: relative;
  background: #212121;
  width: 100%;
  float: left;
  padding: 25px;
  display: none;
}
.superbox-img {
  max-width: 100%;
  width: 100%;
  cursor: pointer;
}
.superbox-img:hover {
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = (80));
}
.superbox-current-img {
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.65);
}
.superbox-close {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 25px;
  background: url(plugins/assets/plugins/superbox/img/close.gif) no-repeat center center;
  width: 35px;
  height: 35px;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = (70));
}
/*  Plugins Select 2 Choice */
.select2-container.form-control .select2-choice,
.select2-container.form-control .select2-choice {
  background: none !important;
  margin: -6px -12px !important;
  padding: 6px 12px !important;
  line-height: 20px !important;
  border: none !important;
  height: 32px !important;
  box-shadow: none !important;
}
.select2-container.form-control.input-sm .select2-choice,
.select2-container.form-control.input-sm .select2-choice {
  height: 30px !important;
}
.select2-container .select2-choice .select2-arrow {
  background: none !important;
  border-left: 1px solid #e2e7eb !important;
}
.select2-container.form-control .select2-choice abbr {
  top: 10px !important;
}
.select2-container.form-control.input-sm .select2-choice abbr {
  top: 9px !important;
}
.select2-container .select2-choice .select2-arrow b {
  background-position: 0 3px !important;
}
.select2-container.form-control.input-sm .select2-choice .select2-arrow b {
  background-position: 0 2px !important;
}
.select2-drop-active {
  border-color: #e2e7eb !important;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2) !important;
}
.select2-drop.select2-drop-above {
  box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.2) !important;
}
.select2-search input {
  border-color: #e2e7eb !important;
  border-radius: 4px !important;
}
.select2-drop {
  border-color: #e2e7eb !important;
  padding-top: 5px !important;
  border-top: 1px solid #e2e7eb !important;
}
.select2-results .select2-highlighted {
  background: #edf0f5 !important;
  color: #222 !important;
}
.select2-container.select2-container-multi.form-control {
  height: auto !important;
  width: 240px !important;
}
.select2-container.select2-container-multi.form-control .select2-choices {
  margin: -6px -12px !important;
  border: none !important;
  min-height: 22px !important;
  height: auto !important;
  background: none !important;
  box-shadow: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border-color: #ddd !important;
  background: #fff !important;
  box-shadow: none !important;
}
/* DateTimepicker  */
.datetimepicker table tr td.active,
.datetimepicker table tr span.active {
  background-image: none !important;
  background: #f1673b !important;
  color: #fff !important;
}
.datetimepicker table {
  width: 100%;
}
.datetimepicker th,
.datetimepicker td {
  padding: 0px 5px !important;
  width: 30px !important;
  height: 30px !important;
}
/* Powerange Slider Setting */
.slider-wrapper {
  padding: 15px 30px !important;
  margin-bottom: 10px !important;
}
.slider-wrapper.slider-without-range {
  padding: 15px 0 !important;
}
.slider-wrapper.slider-vertical {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.range-min,
.range-max {
  color: #242a30 !important;
}
.range-handle {
  cursor: pointer !important;
}
.range-quantity {
  background: #f1673b !important;
}
.red .range-quantity {
  background: #f44336 !important;
}
.blue .range-quantity {
  background: #f1673b !important;
}
.purple .range-quantity {
  background: #9c27b0 !important;
}
.orange .range-quantity {
  background: #ff9800 !important;
}
.black .range-quantity {
  background: #212121 !important;
}
/* Typeahead  */
.twitter-typeahead .tt-hint {
  line-height: 22px;
  padding: 5px 11px;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
}
.tt-suggestion.tt-is-under-cursor {
  background: #edf0f5;
  color: #222;
}
/**
 * Bootstrap Multiselect (https://github.com/davidstutz/bootstrap-multiselect)
 * 
 * Apache License, Version 2.0:
 * Copyright (c) 2012 - 2015 David Stutz
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a
 * copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 * 
 * BSD 3-Clause License:
 * Copyright (c) 2012 - 2015 David Stutz
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *    - Redistributions of source code must retain the above copyright notice,
 *      this list of conditions and the following disclaimer.
 *    - Redistributions in binary form must reproduce the above copyright notice,
 *      this list of conditions and the following disclaimer in the documentation
 *      and/or other materials provided with the distribution.
 *    - Neither the name of David Stutz nor the names of its contributors may be
 *      used to endorse or promote products derived from this software without
 *      specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
 * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.multiselect-container .input-group {
  margin: 5px;
}
.multiselect-container > li {
  padding: 0;
}
.multiselect-container > li > a.multiselect-all label {
  font-weight: bold;
}
.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: bold;
}
.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
}
.multiselect-container > li > a {
  padding: 0;
}
.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: normal;
  padding: 3px 20px 3px 20px;
}
.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
  margin: 0;
}
.multiselect-container > li > a > label > input[type="checkbox"] {
  margin-bottom: 5px;
}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type="checkbox"],
.form-inline .multiselect-container li a label.radio input[type="radio"] {
  margin-left: -20px;
  margin-right: 0;
}
/* Page List */
/* Search Result */
.result-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.result-list:before,
.result-list:after,
.result-list > li:before,
.result-list > li:after {
  content: '';
  clear: both;
  display: table;
}
.result-list > li {
  background: #fff;
  box-shadow: 0 1px #ccc;
  overflow: hidden;
  border-radius: 3px;
}
.result-list > li + li {
  margin-top: 10px;
}
.result-list > li > div {
  display: table-cell;
  vertical-align: top;
  padding: 20px;
  position: relative;
}
.result-list .result-image {
  width: 240px;
  padding: 0;
  overflow: hidden;
  background: #212121;
  vertical-align: middle;
}
.result-list .result-image a {
  display: block;
}
.result-list .result-image a:hover,
.result-list .result-image a:focus {
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = (80));
}
.result-list .result-image img {
  width: 100%;
}
.result-list .title {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 24px;
}
.result-list .title a {
  color: #333;
}
.result-list .location {
  color: #999;
}
.result-list .desc {
  margin-bottom: 20px;
  max-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
.result-list .btn-row a {
  color: #666;
  font-size: 20px;
  line-height: 14px;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(20));
  filter: alpha(opacity = (20));
}
.result-list .btn-row a:hover,
.result-list .btn-row a:focus {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.result-list .btn-row a + a {
  margin-left: 10px;
}
.result-list .result-price {
  width: 240px;
  font-size: 28px;
  text-align: center;
  border-left: 1px dashed #ddd;
  padding-top: 30px;
}
.result-list .result-price small {
  display: block;
  font-size: 12px;
  color: #999;
}
.result-list .result-price .btn {
  margin-top: 30px;
}
/* Vector / Google Map */
.page-sidebar-minified .map {
  left: 60px;
}
.map {
  position: absolute;
  top: 54px;
  bottom: 0;
  left: 220px;
  right: 0;
  z-index: 0;
}
.map .jvectormap-zoomin,
.map .jvectormap-zoomout {
  width: 20px !important;
  height: 20px !important;
  font-size: 14px;
  line-height: 14px;
  left: 15px;
}
.map .jvectormap-zoomin {
  top: 60px;
}
.map .jvectormap-zoomout {
  top: 90px;
}
.map-float-table {
  position: absolute;
  right: 25px;
  bottom: 25px;
  background: url(img/transparent/black-0.6.png);
  background: rgba(0, 0, 0, 0.6);
}
.map-content {
  padding: 0 25px;
  z-index: 100;
  position: relative;
}
/* Invoice */
.invoice {
  background: #fff;
  padding: 20px;
}
.invoice > div:not(.invoice-footer) {
  margin-bottom: 20px;
}
.invoice .invoice-company {
  font-size: 20px;
}
.invoice .invoice-header {
  margin: 0 -20px;
  background: #f0f3f4;
  padding: 20px;
}
.invoice .invoice-from,
.invoice .invoice-to {
  padding-right: 20px;
}
.invoice .invoice-from,
.invoice .invoice-to,
.invoice .invoice-date {
  display: table-cell;
  width: 1%;
}
.invoice .invoice-from strong,
.invoice .invoice-to strong,
.invoice .invoice-date .date {
  font-size: 16px;
  font-weight: 600;
}
.invoice .invoice-date {
  text-align: right;
  padding-left: 20px;
}
.invoice .invoice-price {
  background: #f0f3f4;
  display: table;
  width: 100%;
}
.invoice .invoice-price .invoice-price-left,
.invoice .invoice-price .invoice-price-right {
  display: table-cell;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  width: 75%;
  position: relative;
  vertical-align: middle;
}
.invoice .invoice-price .invoice-price-left .sub-price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}
.invoice .invoice-price small {
  font-size: 12px;
  font-weight: normal;
  display: block;
}
.invoice .invoice-price .invoice-price-row {
  display: table;
  float: left;
}
.invoice .invoice-price .invoice-price-right {
  width: 25%;
  background: #212121;
  color: #fff;
  font-size: 28px;
  text-align: right;
  vertical-align: bottom;
  font-weight: 300;
}
.invoice .invoice-price .invoice-price-right small {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
}
.invoice .invoice-footer {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  font-size: 10px;
}
.invoice .invoice-note {
  color: #999;
  margin-top: 80px;
  font-size: 85%;
}
/* Login */
.sign-in:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 30%;
  background: #f1673b;
}
.sign-in__content {
  margin: 10% auto;
  max-width: 360px;
}
.sign-in__box {
  margin-bottom: 1rem;
  padding: 40px;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.sign-in__col1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.sign-in__col2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}
.sign-in__logo {
  margin: 1rem auto;
  display: block;
}
.sign-in__updates-header {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  text-align: center;
}
.sign-in__updates-date {
  margin: 0;
  font-weight: 500;
  color: #999;
}
.sign-in__updates-content {
  margin-left: 1rem;
  color: #999;
}
.sign-in__inputs {
  margin: 3rem 0;
}
.sign-in__input {
  width: 100%;
  height: 2em;
  font-size: 1.1em;
  line-height: 2.1;
  text-align: center;
  border: 0;
}
.sign-in__input:focus,
.sign-in__input:active:focus,
.sign-in__input.active:focus {
  outline: none;
}
.sign-in__input:focus::-webkit-input-placeholder,
.sign-in__input:focus:-moz-placeholder,
.sign-in__input:focus::-moz-placeholder,
.sign-in__input:focus:-ms-input-placeholder {
  -webkit-transform: translateY(-75%) scale(0.75);
          transform: translateY(-75%) scale(0.75);
}
.sign-in__input-separator {
  margin: 0.5rem 0;
  border-top: 3px solid #f4f6f7;
}
.sign-in__button {
  height: 8rem;
  width: 8rem;
  margin-bottom: 3rem;
  border-radius: 500px;
  font-size: 2em;
  padding: 0;
  text-indent: -5px;
}
.login .login-logo {
  display: block;
  margin: 1em auto 2em;
}
/* Gallery */
.gallery {
  margin: 0 -10px;
}
.gallery .image {
  width: 25%;
  display: block;
  margin-right: -10px;
  overflow: hidden;
  padding: 10px;
}
.gallery .image img {
  width: 100%;
  height: 200px;
  border-radius: 3px 3px 0 0;
}
.gallery .image-inner {
  position: relative;
  background: #fff;
  border-radius: 3px 3px 0 0;
}
.gallery .image-inner a {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.gallery .image-inner a:hover,
.gallery .image-inner a:focus {
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = (80));
}
.gallery .image-caption {
  position: absolute;
  top: 15px;
  left: 0;
  background: url(img/transparent/black-0.6.png);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 15px;
  margin: 0;
}
.gallery .image-info {
  background: #fff;
  padding: 15px;
  border-radius: 0 0 3px 3px;
}
.gallery .image-info .title {
  margin: 0 0 10px;
  line-height: 18px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery .image-info .rating {
  line-height: 20px;
  margin: 0 0 3px;
}
.gallery .image-info .rating span.star {
  font-family: FontAwesome;
  display: inline-block;
}
.gallery .image-info .rating span.star:before {
  content: "\f005";
  color: #999;
}
.gallery .image-info .rating span.star.active:before {
  color: #FF8500;
}
.gallery .image-info .desc {
  line-height: 16px;
  font-size: 12px;
  height: 48px;
  overflow: hidden;
}
.gallery-option-set {
  display: block;
  margin-bottom: -5px;
}
.gallery-option-set .btn {
  margin: 0 5px 5px 0;
}
/* Email */
.nav-inbox > li > a {
  padding: 8px 15px;
}
.nav-inbox > li > a i {
  font-size: 14px;
}
.table.table-email {
  line-height: 20px;
  margin-bottom: 0;
}
.table.table-email .email-header-link {
  color: #333;
}
.table.table-email .email-select {
  width: 20px;
  font-size: 14px;
}
.table.table-email .email-select a {
  color: #999;
}
.table.table-email .email-btn {
  color: #ccc;
  font-size: 14px;
  margin-right: 15px;
}
.table.table-email .email-btn + .email-btn {
  margin-left: -12px;
}
.table.table-email .email-btn:hover,
.table.table-email .email-btnfocus {
  color: #999;
}
.table.table-email .email-sender {
  padding-right: 25px;
}
.table.table-email tr:hover td {
  background: #fafafa;
}
.table.table-email tr.active td.email-select i:before,
.table.table-email tr.active th.email-select i:before {
  content: '\f14a';
}
.table.table-email thead tr.active th {
  background: none;
}
.email-footer {
  border-top: 1px solid #ccc;
  padding: 15px 8px;
  line-height: 26px;
}
.email-btn-row {
  margin-bottom: 15px;
}
.email-btn-row .btn + .btn {
  margin-left: 5px;
}
.email-content {
  background: #fff;
  padding: 15px;
}
/* Email V2 */
.list-email {
  margin-bottom: 0;
  border-top: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
}
.list-email > li.list-group-item {
  border-radius: 0;
  border: none;
}
.list-email > li.list-group-item {
  padding: 15px 15px 15px 20px;
  position: relative;
}
.list-email > li.list-group-item + li.list-group-item {
  border-top: 1px solid #e2e7eb;
}
.list-email > li.list-group-item:before,
.list-email > li.list-group-item:after {
  content: '';
  clear: both;
  display: table;
}
.list-email > li.list-group-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background: #fff;
}
.list-email > li.list-group-item.success:before {
  background: #00acac;
}
.list-email > li.list-group-item.info:before {
  background-color: #49b6d6;
}
.list-email > li.list-group-item.danger:before {
  background-color: #ff5b57;
}
.list-email > li.list-group-item.primary:before {
  background-color: #348fe2;
}
.list-email > li.list-group-item.inverse:before {
  background-color: #242a30;
}
.list-email > li.list-group-item.warning:before {
  background-color: #f59c1a;
}
.list-email > li.list-group-item.purple:before {
  background-color: #727cb6;
}
.list-email > li.list-group-item.default:before {
  background-color: #b6c2c9;
}
.list-email .email-user {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  color: #6e7179;
  background: #f4f6f7;
}
.list-email .email-user img {
  max-width: 100%;
  display: block;
}
.list-email .email-user + .email-info {
  margin-left: 65px;
}
.list-email .email-checkbox + .email-user + .email-info {
  margin-left: 95px;
}
.list-email .email-checkbox + .email-info {
  margin-left: 35px;
}
.list-email .email-title {
  margin-top: 3px;
  margin-bottom: 3px;
  line-height: 20px;
}
.list-email .email-title .label {
  position: relative;
  top: -1px;
}
.list-email .email-title,
.list-email .email-title a {
  color: #242a30;
}
.list-email .email-time {
  float: right;
  font-size: 11px;
  color: #C8CCCF;
  margin-left: 10px;
}
.list-email .email-checkbox {
  float: left;
  width: 20px;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
}
.list-email .email-checkbox label {
  color: #e2e7eb;
  display: block;
  cursor: pointer;
}
.list-email .email-checkbox label input[type=checkbox] {
  display: none;
}
.list-email .email-checkbox label .fa {
  font-size: 18px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.list-email .email-checkbox label.active {
  color: #707478;
}
.list-email .email-checkbox label.active .fa:before {
  content: '\f046';
}
.list-email > li.selected {
  background: #F2FFFB;
}
/* Email Detail */
.attached-document {
  list-style-type: none;
  margin: 15px 0 0;
  padding: 0;
}
.attached-document > li {
  width: 180px;
  float: left;
  background: #e2e7eb;
  color: #707478;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
}
.attached-document > li:before {
  content: '\f0c6';
  font-family: FontAwesome;
  position: absolute;
  top: -10px;
  right: 5px;
  font-size: 18px;
}
.attached-document > li img {
  max-width: 100%;
}
.attached-document > li .document-name {
  padding: 5px 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attached-document .document-file {
  height: 70px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  line-height: 70px;
  font-size: 32px;
}
.attached-document .document-name a {
  color: #2d353c;
}
/* 404 Error Page */
.error {
  margin: 0 auto;
  text-align: center;
}
.error-code,
.error-content {
  position: absolute;
  left: 0;
  right: 0;
}
.error-code {
  bottom: 60%;
  color: #212121;
  font-size: 96px;
  line-height: 100px;
}
.error-content {
  top: 40%;
  bottom: 0;
  padding-top: 15px;
  background: #2d353c;
}
.error-message {
  color: #fff;
  font-size: 24px;
}
.error-desc {
  font-size: 12px;
  color: #647788;
}
/* Timeline Setting */
.timeline {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 5px;
  background: #212121;
  left: 20%;
  margin-left: -2.5px;
}
.timeline > li {
  position: relative;
  min-height: 50px;
}
.timeline > li + li {
  margin-top: 40px;
}
.timeline .timeline-time {
  position: absolute;
  left: 0;
  width: 15%;
  text-align: right;
  padding-top: 7px;
}
.timeline .timeline-time .date,
.timeline .timeline-time .time {
  display: block;
}
.timeline .timeline-time .date {
  line-height: 18px;
  font-size: 14px;
}
.timeline .timeline-time .time {
  line-height: 28px;
  font-size: 24px;
  color: #000000;
}
.timeline .timeline-icon {
  left: 15%;
  position: absolute;
  width: 10%;
  text-align: center;
  top: 5px;
}
.timeline .timeline-icon a {
  text-decoration: none;
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #575d63;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  border: 5px solid #2d353c;
  border-radius: 50px;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.timeline .timeline-icon a:hover,
.timeline .timeline-icon a:focus {
  background: #f1673b;
}
.timeline .timeline-body {
  margin-left: 25%;
  margin-right: 15%;
  background: #fff;
  position: relative;
  padding: 20px 30px;
  border-radius: 4px;
}
.timeline .timeline-body:before {
  content: '';
  display: block;
  position: absolute;
  border: 10px solid transparent;
  border-right-color: #fff;
  left: -20px;
  top: 20px;
}
.timeline img {
  max-width: 100%;
  display: block;
}
.timeline-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e7eb;
  line-height: 30px;
}
.timeline-header .userimage {
  float: left;
  width: 34px;
  height: 34px;
  overflow: hidden;
  margin: -2px 10px -2px 0;
  border-radius: 40px;
}
.timeline-header .username {
  font-size: 16px;
  font-weight: 600;
}
.timeline-header .username,
.timeline-header .username a {
  color: #f1673b;
}
.timeline-content {
  font-size: 14px;
}
.timeline-content:before,
.timeline-content:after {
  content: '';
  clear: both;
  display: table;
}
.timeline-header + .timeline-content,
.timeline-header + .timeline-footer,
.timeline-content + .timeline-footer {
  margin-top: 20px;
}
.timeline-title {
  margin-top: 0;
}
.timeline-footer {
  margin: -20px -30px;
  padding: 20px 30px;
  background: #e8ecf1;
  border-radius: 0 0 4px 4px;
}
.timeline-footer a:not(.btn) {
  color: #424242;
}
.timeline-footer a:not(.btn):hover,
.timeline-footer a:not(.btn):focus {
  color: #212121;
}
/* Coming Soon */
.coming-soon a {
  color: #f1673b;
}
.coming-soon .brand {
  line-height: 40px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}
.coming-soon .brand .logo {
  border: 16px solid transparent;
  border-color: #4DCACA #31A3A3 #1D8888;
  margin-right: 5px;
  position: relative;
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  top: -4px;
}
.coming-soon .coming-soon-header {
  background: url(img/coming-soon.jpg);
  padding: 100px 0 50px;
  position: relative;
}
.coming-soon .coming-soon-header:before {
  background: #000;
}
.coming-soon .coming-soon-header .desc,
.coming-soon .coming-soon-header .timer,
.coming-soon .coming-soon-header .brand {
  position: relative;
  z-index: 1020;
}
.coming-soon .coming-soon-header .desc {
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.coming-soon .coming-soon-header .timer {
  margin-bottom: 50px;
  padding: 10px 0;
}
.coming-soon .coming-soon-header .timer:before,
.coming-soon .coming-soon-header .timer:after {
  content: '';
  clear: both;
  display: table;
}
.coming-soon .coming-soon-header .timer .is-countdown {
  background: none;
  border: none;
  width: 980px;
  margin: 0 auto;
}
.coming-soon .coming-soon-header .timer .is-countdown .countdown-section {
  padding: 0 10px;
}
.coming-soon .coming-soon-header .timer .is-countdown .countdown-section + .countdown-section {
  border-left: 1px solid #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.coming-soon .coming-soon-header .timer .countdown-amount {
  font-size: 36px;
  color: #fff;
}
.coming-soon .coming-soon-header .timer .countdown-period {
  font-size: 14px;
  color: #999;
}
.coming-soon .coming-soon-header .bg-cover {
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
}
.coming-soon .coming-soon-content {
  color: #333;
  text-align: center;
  padding: 25px 0;
}
.coming-soon .coming-soon-content .desc {
  margin-bottom: 25px;
  font-size: 14px;
}
.coming-soon .coming-soon-content .input-group {
  width: 480px;
  margin: 0 auto;
}
.campaign-manager th,
.campaign-manager td {
  vertical-align: top;
}
.campaign-manager input {
  padding: 2px;
  height: 26px;
  margin-bottom: 20px;
}
.campaign-manager .tiny {
  font-size: 11px;
  text-decoration: none;
}
.campaign-manager .tiny:hover {
  text-decoration: none;
}
.campaign-manager .tiny.tinyrecommended {
  color: #00c;
}
.campaign-manager .tiny.tinyactual {
  color: #0A0;
}
.campaign-manager .tiny.tinypending {
  color: #9912a4;
}
.queryrow,
.firstqueryrow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.firstqueryrow {
  padding-bottom: 12px;
}
.queryrow {
  padding: 2px 0 7px;
}
.querycommanditem {
  cursor: pointer;
  float: left;
}
.btn-xs .caret {
  margin-left: 8px;
}
.querytool .btn-group > .btn {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  font-size: 11px;
}
.querytool a {
  cursor: pointer;
}
.querytool:hover {
  background: #F3F3F3;
}
.highlightdelete:hover {
  background: #FFEEEE;
}
.highlightdelete {
  background: #FFF;
}
.hidequeryoperatoritem {
  display: none;
}
.queryoperatortypeString,
.queryoperatortypeNumeric,
.queryoperatortypeDate,
.querycommanditemaggregate {
  display: none;
}
#counter {
  color: #ffffff;
  font-family: Cousine, monospace;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  background: #212121;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.segdescprelude {
  display: block;
  margin-bottom: 5px;
}
.segdescbody {
  display: block;
  margin-left: 10px;
}
.segdescconditionroot {
  display: block;
}
.segdescconditiongroup {
  padding: 3px;
  margin-right: 3px;
}
.segdescaggregate {
  padding: 3px;
}
.segdescsub0 {
  padding: 3px;
  background: #DDD;
}
.segdescsub1 {
  padding: 3px;
  background: #CCC;
}
.segdescjoinword {
  font-size: 11px;
  font-style: italic;
}
.segdescjoinwordroot {
  display: block;
  margin: 5px;
  margin-left: 20px;
  font-size: 11px;
  font-style: italic;
}
.segdescfield {
  color: #00C;
  font-weight: bold;
}
.segdescoperator {
  color: #212121;
  font-weight: bold;
}
.segdescvalue {
  color: #C00;
  font-weight: bold;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.campaign-vitals {
  background: rgba(228, 235, 226, 0.5);
  padding: 4px 0;
}
.campaign-vitals p {
  margin: 0;
  text-align: center;
}
.contact-header {
  border: none;
}
.contact-header label {
  margin: 0;
}
.contact-header hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contact-header .text-right-sm {
    text-align: right;
  }
}
[id="customer-edit-form"] .readonly {
  padding-top: 7px;
}
[id="ElementEdit"] .timepicker-default {
  width: 80px !important;
}
.duplicate-toggle-cell:hover {
  background: #607d8b;
}
.home-widget {
  -webkit-transition: max-height 2.5s ease;
          transition: max-height 2.5s ease;
  overflow: hidden;
}
.home-widget-loading {
  max-height: 100px;
}
.home-widget .progress {
  width: 250px;
  margin: 40px auto 30px;
}
.home-widget .progress-bar {
  width: 100%;
  font-size: 1.1em;
}
.key-metrics-summary-widget .progress {
  width: 350px;
  margin: 30px auto 20px;
}
.key-metrics-summary-widget .progress-bar {
  width: 100%;
  font-size: 1.1em;
}
.investment-rating-bar {
  position: relative;
  width: 100%;
  height: 60px;
  margin: 2em 0;
  background: -webkit-linear-gradient(left, #f44336 5%, #ffffff 40%, #76ff03 60%, #76ff03 100%);
  background: linear-gradient(to right, #f44336 5%, #ffffff 40%, #76ff03 60%, #76ff03 100%);
  border-radius: 30px;
  box-shadow: 0 1px 4px rgba(33, 33, 33, 0.65);
}
.investment-rating-bar-indicator {
  position: absolute;
  top: -10px;
  left: 0;
  height: 80px;
  width: 4px;
  margin-left: -2px;
  background: #000000;
}
.investment-rating-bar-indicator:before,
.investment-rating-bar-indicator:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: -8px;
}
.investment-rating-bar-indicator:before {
  top: -8px;
  border-width: 13.9px 8px 0 8px;
  border-color: #000000 transparent transparent transparent;
}
.investment-rating-bar-indicator:after {
  bottom: -8px;
  border-width: 0 8px 13.9px 8px;
  border-color: transparent transparent #000000 transparent;
}
.primary-statistic {
  font-size: 4rem;
  font-weight: 700;
}
.primary-statistic.large {
  font-size: 6rem;
  font-weight: 700;
}
.primary-statistic.large sup {
  font-size: .7em;
}
.primary-statistic sup {
  font-size: .7em;
}
.primary-statistic-label {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #607d8b;
}
.primary-statistic-label.large {
  font-size: 2rem;
}
.statistic-overlay {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.85;
  height: 100%;
  width: 100%;
}
.statistic-overlay p {
  margin-top: 40%;
  text-align: center;
  font-size: 18px;
}
.dashboard-help-link {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ffffff;
  padding: 0 .3em;
  font-weight: 700;
  z-index: 0;
}
.dashboard-help-link:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 27px 0;
  border-color: transparent #e84511 transparent transparent;
  z-index: -1;
}
.dashboard-help-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.dashboard-help-link:focus {
  color: #ffffff;
}
[id="training"] .close {
  position: absolute;
  top: -9px;
  right: -9px;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border-radius: 10px;
  opacity: 1;
  z-index: 10;
  border: 1px solid #f0f5f2;
  box-shadow: 0 0 2px #212121;
}
[id="training"] .modal-content {
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
}
.content .c3-tooltip tr {
  border-color: #cfd8dc;
}
.content .c3-tooltip th {
  background-color: #263238;
}
.content .c3-tooltip td.name {
  text-align: left;
}
[id="avg-return-per-lead-chart"] .c3-ygrid-line text,
[id="avg-return-per-customer-chart"] .c3-ygrid-line text,
[id="avg-leads-per-month-chart"] .c3-ygrid-line text {
  fill: rgba(38, 50, 56, 0.6);
}
[id="avg-return-per-lead-chart"] .c3-ygrid-line line,
[id="avg-return-per-customer-chart"] .c3-ygrid-line line,
[id="avg-leads-per-month-chart"] .c3-ygrid-line line {
  stroke: rgba(38, 50, 56, 0.6);
}
[id="avg-return-per-lead-chart"] .c3-xgrid-focus,
[id="avg-return-per-customer-chart"] .c3-xgrid-focus,
[id="avg-leads-per-month-chart"] .c3-xgrid-focus {
  stroke: #eee;
}
.contact-report .vertical-slider {
  display: none;
  position: absolute;
  top: -58px;
  right: 10px;
  width: 450px;
  margin: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
}
.contact-report [id="chart"] {
  margin-right: 68px;
}
.contact-report .placeholder {
  margin: 220px 100px;
}
.contact-report .progress-bar {
  width: 100%;
}
.contact-report .c3-line-enteringforecast,
.contact-report .c3-line-marketedforecast,
.contact-report .c3-line-leftoutforecast {
  stroke-dasharray: 10, 10;
}
.contact-report .c3-line-leftout,
.contact-report .c3-line-leftoutforecast,
.contact-report .c3-line-marketedforecast {
  stroke-width: 2;
}
.contact-report .c3-xgrid-line line {
  stroke: #222;
}
.contact-report .c3-texts-leftoutforecast .c3-text,
.contact-report .c3-texts-marketedforecast .c3-text,
.contact-report .c3-texts-enteringforecast .c3-text,
.contact-report .c3-texts-recommended .c3-text {
  text-anchor: start !important;
}
.report-statistic-row {
  background: #eee;
  margin: 0 -15px 10px;
  padding: 10px 5px;
}
.report-statistic {
  margin: 0;
}
.report-statistic-value {
  font-size: 2rem;
  font-weight: 700;
}
.report-statistic-sublabel {
  font-size: .85em;
}
.filters {
  padding: 1rem;
  cursor: default;
}
.filters__title {
  margin: 0 0 1rem;
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
}
.filters__parameter {
  margin-bottom: 1rem;
}
.filters__parameter-label {
  display: block;
  font-weight: 400;
  margin: 0;
  color: #707478;
  text-transform: uppercase;
  font-size: .8em;
}
.filters__parameter-value {
  display: block;
}
.filters__parameter-input,
.filters__dropdown {
  display: block;
  padding: 0 .3rem;
  width: 100%;
  border: 0;
  background: #eee;
  font-weight: 700;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}
.filters__parameter-input:focus,
.filters__dropdown:focus,
.filters__parameter-input:active,
.filters__dropdown:active {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.filters__parameter-input {
  padding: .3rem .7rem .2rem;
}
.filters__parameter-update {
  display: block;
  margin: 0 0 1rem;
  padding: .25rem 0;
  width: 100%;
  color: #ffffff;
  border: 1px solid #607d8b;
  border-radius: 3px;
  background: #607d8b;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all .1s;
          transition: all .1s;
}
.filters__parameter-update:active,
.filters__parameter-update:focus {
  outline: 0;
}
.filters__parameter-update:hover {
  color: #607d8b;
  background: #ffffff;
}
.filters__divider {
  margin: 1rem 0;
}
.filters__customer-search {
  display: block;
  width: 100%;
  margin: 0 0 1rem;
  padding: .25rem .75rem;
  border: 2px solid #999;
  border-radius: 500px;
}
.filters__customer-search:active,
.filters__customer-search:focus {
  outline: 0;
}
.filters__group {
  margin-bottom: 1rem;
}
.filters__checkbox {
  display: none;
}
.filters__checkbox-label {
  display: block;
  margin: 0;
  padding: .5rem 1.4rem;
  border-radius: 3px;
  color: #585663;
  max-width: none;
  cursor: pointer;
  position: relative;
}
.filters__checkbox-label:hover {
  background: #eee;
}
.filters__checkbox-label:before {
  position: absolute;
  top: 1.1rem;
  left: .4rem;
  height: .6rem;
  width: .6rem;
  border-radius: 500px;
  background: #d32f2f;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
input[type="checkbox"]:checked + .filters__checkbox-label:before {
  content: '';
}
.filters__checkbox-label_acquired {
  color: #f1673b;
}
.filters__checkbox-label_converted {
  color: #f1673b;
}
.filters__checkbox-label_lost {
  color: #7a7a7a;
}
.filters__checkbox-label_invalidated {
  color: #bababa;
}
.filters__checkbox-count {
  float: right;
}
.filters__reset-all {
  display: block;
  text-align: center;
}
.lead-manager-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lead-manager {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 2em;
  cursor: default;
}
.no-leads-message {
  width: 300px;
  margin: 3rem auto;
}
.no-leads-message__heading {
  font-size: 2em;
  font-weight: 600;
  text-align: center;
}
.lead-manager-list__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #eee;
  position: relative;
}
.lead-manager-list__row_header {
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.lead-manager-list__expand {
  margin: 0 0.75rem 0 -0.75rem;
  width: 3rem;
  height: 3rem;
  padding-top: .1rem;
  font-size: 2rem;
  color: rgba(96, 125, 139, 0.5);
  border: 3px solid rgba(207, 216, 220, 0.5);
  border-radius: 500px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.lead-manager-list__row:hover .lead-manager-list__expand {
  color: #607d8b;
  border: 3px solid #cfd8dc;
}
.lead-manager-list__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 10rem;
      -ms-flex: 1 0 10rem;
          flex: 1 0 10rem;
}
.lead-manager-list__new-label {
  padding: .1rem .3rem;
  color: #ffffff;
  background: #f44336;
  font-weight: 700;
  font-size: .75em;
  border-radius: 3px;
}
.lead-manager-list__acquired-date {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10rem;
      -ms-flex: 1 1 10rem;
          flex: 1 1 10rem;
  text-align: center;
}
.lead-manager-list__action {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10rem;
      -ms-flex: 1 1 10rem;
          flex: 1 1 10rem;
  text-align: center;
}
.lead-manager-list__action-button {
  display: inline-block;
  padding: .2rem .75rem;
  margin: -1rem 0;
  border: 1px solid #ff9800;
  border-radius: 3px;
  background: #ff9800;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all .1s;
          transition: all .1s;
}
.lead-manager-list__action-button:active,
.lead-manager-list__action-button:focus {
  outline: 0;
}
.lead-manager-list__action-button:hover {
  background: #ffffff;
  color: #ff9800;
}
.lead-manager-list__status {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10rem;
      -ms-flex: 1 1 10rem;
          flex: 1 1 10rem;
  font-size: .85em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.lead-manager-list__status_header {
  font-size: inherit;
  text-transform: none;
}
.lead-manager-list__status_acquired {
  color: #f1673b;
}
.lead-manager-list__status_converted {
  color: #f1673b;
}
.lead-manager-list__status_lost {
  color: #7a7a7a;
}
.lead-manager-list__status_invalidated {
  color: #bababa;
}
.lead-manager-list__status-input-container {
  display: inline;
  position: relative;
}
.lead-manager-list__status-input {
  border: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.lead-manager-list__status-input:disabled {
  box-shadow: none;
  cursor: default;
}
.lead-manager-list__status-input:focus {
  outline: 0;
}
.lead-manager-list__status-input_acquired {
  color: #f1673b;
  border-color: rgba(241, 103, 59, 0.15);
}
.lead-manager-list__status-input_converted {
  color: #f1673b;
}
.lead-manager-list__status-input_lost {
  color: #7a7a7a;
}
.lead-manager-list__status-input_invalidated {
  color: #bababa;
}
.lead-manager-list__status-input_disabled {
  opacity: .5;
}
.lead-manager-list__revenue-container {
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
  white-space: nowrap;
}
.lead-manager-list__revenue {
  width: 100%;
  height: 100%;
  color: #212121;
  background: #eee;
  border: none;
  padding: 0 4rem 0 .5rem;
}
.lead-manager-list__revenue-confirm {
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 100%;
  padding: 0;
  color: #f1673b;
  background: none;
  border: none;
  font-size: 1.25em;
}
.lead-manager-list__revenue-confirm:disabled {
  opacity: .3;
}
.lead-manager-list__revenue-cancel {
  position: absolute;
  right: 0;
  width: 2rem;
  height: 100%;
  padding: 0;
  color: #f44336;
  background: none;
  border: none;
  font-size: 1.25em;
}
.lead-manager-list__revenue-error {
  text-transform: none;
  color: #f44336;
}
.lead-manager-list__location {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10rem;
      -ms-flex: 1 1 10rem;
          flex: 1 1 10rem;
  text-align: center;
}
.lead-manager-card {
  position: relative;
  cursor: default;
}
.lead-manager-card__header {
  padding: .5rem 3rem .5rem 1.5rem;
  background: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lead-manager-card__status-name {
  font-size: 1.2em;
}
.lead-manager-card__status-selector {
  border: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #212121;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.lead-manager-card__status-selector:disabled {
  cursor: default;
}
.lead-manager-card__status-selector_disabled {
  opacity: .5;
}
.lead-manager-card__close {
  position: absolute;
  top: .4rem;
  right: .5rem;
  font-size: 1.5em;
}
.lead-manager-card__close-icon {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.lead-manager-card__sections {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border: 1px dashed #e8e8e8;
  border-top: 0;
}
.lead-manager-card__section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: inline-block;
  padding: 1.5rem;
  border-bottom: 1px dashed #e8e8e8;
}
.lead-manager-card__section:last-child {
  border-bottom: 0;
}
.lead-manager-card__section_activity {
  padding: 0;
  padding-left: .75rem;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  border-left: 1px dashed #e8e8e8;
  position: relative;
}
.lead-manager-card__section_activity::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.4rem;
  width: 3px;
  background: #d9e0e7;
}
.lead-manager-card__section_contact {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lead-manager-card__section-title {
  font-size: .85em;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #585663;
}
.lead-manager-card__contact-notes {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2em;
}
.lead-manager-card__notes {
  width: 100%;
  background: #eee;
  height: 7em;
  border: 0;
}
.lead-manager-card__notes-info {
  margin: 0;
  font-size: .85em;
  text-align: right;
}
.lead-manager-element-list {
  position: relative;
  margin-bottom: .5rem;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.lead-manager-element-list_disabled {
  z-index: -1;
  opacity: .5;
}
.lead-manager-element-list__element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: .5rem;
}
.lead-manager-element-list__element-status {
  height: 18px;
  width: 18px;
  min-width: 18px;
  border: 2px solid #cfd8dc;
  border-radius: 500px;
  background: #f4f6f7;
  color: #ffffff;
  line-height: 1;
}
.lead-manager-element-list__element-status.complete {
  border-color: #f1673b;
  background: #f1673b;
}
.lead-manager-element-list__element-status i {
  font-size: 1.4rem;
}
.lead-manager-element-list__element-title {
  margin-left: .5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 10rem;
  text-transform: capitalize;
}
.lead-manager-element-list__duration {
  /*margin-right: .25rem;
        padding-right: .5rem;
        border-right: 1px solid @border_color;*/
  color: #607d8b;
  font-size: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7.5rem;
      -ms-flex: 0 0 7.5rem;
          flex: 0 0 7.5rem;
  text-align: center;
}
.lead-manager-element-list__action {
  font-size: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7.5rem;
      -ms-flex: 0 0 7.5rem;
          flex: 0 0 7.5rem;
  text-align: center;
}
.lead-manager-element-list__confirm-box {
  position: absolute;
  top: 0;
  bottom: -2.5rem;
  left: 0;
  width: 100%;
  padding: 2rem;
  background: #ffffff;
}
.lead-manager-activity-list__activity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2rem;
  padding: 1.25rem 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  max-width: 300px;
}
.lead-manager-activity-list__activity:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: .1rem;
  width: 2rem;
  background: #f0f5f2;
}
.lead-manager-activity-list__duration {
  margin-right: .5rem;
  font-size: 1rem;
  color: #607d8b;
  cursor: help;
  display: inline-block;
  padding: .2rem;
  background: #eee;
  border-radius: 3px;
  width: 8.4rem;
  text-align: center;
  border-left: 2px solid #ffffff;
  position: relative;
}
.lead-manager-activity-list__icon {
  position: absolute;
  top: 50%;
  left: -18px;
  height: 32px;
  width: 32px;
  line-height: 30px;
  margin-top: -16px;
  border-radius: 50%;
  background: #607d8b;
  text-align: center;
  color: #ffffff;
  border: 3px solid;
}
.lead-manager-activity-list__description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lead-manager-opt-in__row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.lead-manager-opt-in__row:last-child {
  border: 0;
}
.lead-manager-opt-in__value {
  display: inline-block;
  width: 2em;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.call-recording-player {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.call-recording-player__play-pause {
  cursor: pointer;
  margin: 0 .3rem;
}
.call-recording-player__stop {
  cursor: pointer;
  margin: 0 .3rem;
}
.call-recording-player__time {
  margin: 0 .3rem;
}
.plans {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.plans-grid {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 2.5rem;
  max-width: 65rem;
  min-width: 55rem;
  font-size: 0.9em;
}
.plans-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.plans-row--no-border {
  border: 0;
}
.plans-row__subheader {
  background: #F5F5F5;
}
.plans-row__component-title {
  background: #F5F5F5;
  font-weight: 600;
  text-transform: uppercase;
}
.plans-column {
  border-bottom: 2px solid #F0F0F0;
  border-right: 2px solid #F0F0F0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12rem;
      -ms-flex: 0 0 12rem;
          flex: 0 0 12rem;
}
.plans-column:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0;
}
.plans-column--no-border {
  border: 0;
}
.plans-column--no-border-bottom {
  border-bottom: 0;
}
.plans-column--selected {
  background: #000000;
  color: #ffffff;
  border-bottom: none;
}
.plans-column__tier-title {
  padding: .4rem;
  font-size: 1.5em;
  font-weight: 300;
  text-align: center;
  background: #46a97a;
  color: #ffffff;
}
.plans-column__tier-subtitle {
  font-size: 1.3em;
  padding: .6rem 0 .2rem;
  font-weight: 300;
  text-align: center;
  background: rgba(70, 169, 122, 0.75);
  color: #ffffff;
}
.plans-column__right-spacer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 36rem;
      -ms-flex: 0 0 36rem;
          flex: 0 0 36rem;
}
.plans-column__tier-label {
  background: #F5F5F5;
  padding: .5rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.plans-column__tier-pricing {
  padding: 1rem 0;
  text-align: center;
}
.plans-column__tier-cost {
  font-size: 2em;
}
.plans-column__tier-pricing-qualifier {
  display: block;
  margin-top: -1rem;
  opacity: .9;
}
.plans-column__tier-selector {
  text-align: center;
  padding: 1.2rem 0 .7rem;
}
.plans-column__selector-button {
  display: block;
  margin: .5rem;
  padding: .5rem;
}
.plans-column__module-title {
  font-size: 1.6em;
  font-weight: 300;
  padding: 0 .5em;
  border-right: none;
}
.plans-column__component-title {
  padding: .5rem;
  text-align: right;
  border-right: none;
}
.plans-column__feature {
  background: #F5F5F5;
  padding: .5rem;
  text-align: right;
}
.plans-column__feature span[data-toggle="tooltip"] {
  border-bottom: none;
}
.plans-column__feature-info {
  color: rgba(70, 169, 122, 0.5);
}
.plans-column__feature-link {
  font-size: .65em;
  font-weight: 600;
  text-transform: uppercase;
}
.plans-column__feature-in-tier {
  padding: .5rem 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.plans-column__feature-indicator {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
}
.plans-column__feature-indicator--enabled {
  background: #46a97a;
}
.tier__budget-group {
  font-size: 1.1em;
  text-align: center;
  padding: .3rem 0 .1rem;
}
.tier__budget-input {
  display: inline;
  width: 6.5rem;
  border: 0;
  padding: .4rem 1.2rem;
  background: transparent;
  text-align: center;
}
.tier__selector {
  margin: 0;
  padding: 0;
}
.tier__selector input {
  margin: 0;
}
.tier__selector input[type="radio"] ~ label {
  padding: 0;
}
.tier__selector input[type="radio"] ~ label::before {
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border: 2px solid #46a97a;
  background: transparent;
}
.tier__selector input[type="radio"] ~ label::after {
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  margin-left: -9px;
}
.tier__selector input[type="radio"]:checked ~ label::before {
  border-color: #46a97a;
}
.tier__selector input[type="radio"]:checked ~ label::after {
  background: #46a97a;
}
.boosters {
  margin: 5rem 0 2rem;
}
.booster {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.booster__column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 9rem;
      -ms-flex: 0 0 9rem;
          flex: 0 0 9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .2rem;
  border-right: 3px solid #f0f0f0;
  border-bottom: 3px solid #f0f0f0;
  text-align: center;
}
.booster__column:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.booster__column--header {
  background: #f5f5f5;
}
.booster__column--title {
  font-size: 1.25em;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #f5f5f5;
}
.booster__switch {
  display: none;
}
.booster__toggle {
  display: block;
  margin-right: 8px;
}
.booster__toggle input {
  display: none;
}
.booster__toggle label {
  position: relative;
  margin: 0;
  width: 54px;
  height: 22px;
  background-color: #607d8b;
  border-radius: 54px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .4s;
          transition: all .4s;
}
.booster__toggle label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 18px;
  background-color: #ffffff;
  border-radius: 54px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all .4s;
          transition: all .4s;
}
.booster__toggle label span {
  position: absolute;
  top: 3px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all .4s;
          transition: all .4s;
}
.booster__toggle label span:first-child {
  left: -22px;
}
.booster__toggle label span:last-child {
  left: 24px;
}
.booster__toggle input:checked + label {
  background-color: #46a97a;
}
.booster__toggle input:checked + label:after {
  -webkit-transform: translateX(32px);
      -ms-transform: translateX(32px);
          transform: translateX(32px);
}
.booster__toggle input:checked + label span:first-child {
  -webkit-transform: translateX(32px);
      -ms-transform: translateX(32px);
          transform: translateX(32px);
}
.booster__toggle input:checked + label span:last-child {
  -webkit-transform: translateX(32px);
      -ms-transform: translateX(32px);
          transform: translateX(32px);
}
.booster__budget-group {
  padding: .2rem;
  text-align: center;
}
.booster__budget-input {
  display: inline;
  width: 6.5rem;
  border: 0;
  padding: .4rem 1.2rem;
  background: transparent;
  text-align: center;
}
.booster__title {
  margin: 0;
  color: inherit;
}
.booster__title span[data-toggle="tooltip"] {
  border-bottom: none;
}
.booster__info {
  color: rgba(70, 169, 122, 0.5);
}
.booster__line-item {
  margin: 0;
}
.budget-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30rem;
      -ms-flex: 0 0 30rem;
          flex: 0 0 30rem;
}
.budget {
  width: 30rem;
  padding: 2rem;
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.budget__header {
  margin: -2rem -2rem 2rem;
  padding: 1rem 2rem .7rem;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #f4f4f4;
}
.budget__subheader {
  margin: 1.5rem 0 .5rem;
  padding-bottom: 0.2rem;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-transform: uppercase;
  opacity: .85;
}
.budget__current-plan {
  font-size: 1.5em;
  font-weight: 300;
}
.budget__spend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: .85;
}
.budget__spend-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.budget__spend-title .label {
  padding: 0 .5em;
  font-size: .7em;
  font-weight: 500;
  background-color: #2196f3;
}
.budget__spend-amount {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7rem;
      -ms-flex: 0 0 7rem;
          flex: 0 0 7rem;
}
.budget__one-time {
  text-align: center;
}
.budget__total {
  font-size: 2.5em;
  font-weight: 300;
}
.budget__total-qualifier {
  font-size: 1.5rem;
  opacity: .5;
  font-weight: 500;
}
.budget__total-one-time {
  margin-top: -0.5rem;
  margin-bottom: .5rem;
}
.budget__submit {
  margin: 2rem 0 1rem;
}
.plan-details--tight {
  margin: 4rem 0 -4rem;
}
.plan-details__intro {
  margin-bottom: 4rem;
}
.plan-details__section {
  position: relative;
  background: #ffffff;
  padding: 1rem 2rem 3rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.plan-details__section::before {
  content: ' ';
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  top: -1px;
  margin-left: -13px;
  border-width: 13px 13px 0 13px;
  border-top-color: #ffffff;
}
.plan-details__section--first::before {
  content: none;
}
.plan-details__section-header {
  background: rgba(70, 169, 122, 0.2);
  margin: -1rem -2rem 2rem;
  padding: .7rem 2rem;
  font-size: 1.2em;
  font-weight: 500;
  border-top: 1px solid rgba(255, 152, 0, 0.25);
  border-bottom: 1px solid rgba(255, 152, 0, 0.25);
}
.plan-details__section-counter {
  display: block;
  margin-top: .5rem;
  margin-bottom: -0.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1;
}
.plan-details__highlight {
  margin: 3rem 2rem 1rem;
  padding: 1rem;
  border: 5px solid #46a97a;
}
.plan-details__highlight-header {
  margin: -1rem -1rem 2rem;
  padding: .5rem;
  background: #46a97a;
  color: #ffffff;
  font-size: 1.3em;
  text-align: center;
}
.plan-details__ad--display {
  margin-bottom: 2rem;
}
.plan-details__detail-header {
  font-weight: 600;
  text-transform: uppercase;
  font-size: .9em;
  margin: 0;
}
.plan-details__detail-header-link {
  display: inline-block;
  margin-top: 2rem;
  font-size: .75em;
}
.plan-details__modal--preview {
  width: 680px;
}
.plan-details__cost-breakdown {
  width: 30rem;
  margin: 5rem auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.plan-details__cost-strikethrough {
  position: relative;
  display: inline-block;
  color: rgba(51, 51, 51, 0.5);
}
.plan-details__cost-strikethrough:after {
  position: absolute;
  content: ' ';
  background: #f44336;
  height: 2px;
  width: 110%;
  top: 50%;
  margin-top: -2px;
  left: -5%;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.plan-details__overlay-trigge {
  cursor: help;
  border-bottom: 1px dashed;
}
.plan-details__budget-input {
  width: 6rem;
  border: 1px solid #e4ebe2;
  border-radius: 3px;
}
.plan-details__budget-input-error {
  position: absolute;
  left: 110%;
  top: .6rem;
  width: 12rem;
  font-size: .8em;
  font-weight: 600;
  color: #f44336;
}
.google-ad {
  position: absolute;
  top: 2.5rem;
  left: 3rem;
  cursor: default;
}
.google-ad__frame {
  position: relative;
  width: 49rem;
  margin: 0 auto;
}
.google-ad__headline {
  color: #1a0dab;
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
}
.google-ad__url {
  color: #006621;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
}
.google-ad__ad-badge {
  background-color: #efc439;
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  margin-right: 7px;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: baseline;
  white-space: nowrap;
}
.google-ad__description {
  color: #545454;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.campaign-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 3rem;
}
.campaign-display__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.campaign-display__campaign {
  margin-left: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.campaign-display__elements {
  padding: .6rem 2rem .2rem;
  font-size: .8em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #46a97a;
}
.campaign-display__element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem .5rem .8rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  font-size: .8em;
  white-space: nowrap;
}
.campaign-display__element:last-child {
  border-bottom: 0;
}
.campaign-display__element:last-child:before,
.campaign-display__element:last-child:after {
  content: none;
}
.campaign-display__element:before,
.campaign-display__element:after {
  content: ' ';
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  border-style: solid;
  border-color: transparent;
}
.campaign-display__element:before {
  bottom: -10px;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-top-color: #C9C9C9;
}
.campaign-display__element:after {
  bottom: -9px;
  margin-left: -9px;
  border-width: 9px 9px 0 9px;
  border-top-color: #ffffff;
}
.campaign-display__element-icon {
  margin-right: 1rem;
  color: rgba(70, 169, 122, 0.36);
}
.campaign-display__element-preview {
  margin-left: .5rem;
  font-size: 1.25em;
  cursor: pointer;
}
.campaign-display__element-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.2;
}
.campaign-display__element-send {
  font-style: italic;
  opacity: .6;
  font-weight: 500;
}
/* Header & header elements */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  cursor: default;
}
.header__selectors {
  margin-right: 1rem;
}
.header__wrapper {
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
}
.header__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #000000;
  position: relative;
}
.header__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f1673b;
  position: relative;
}
.header__logo {
  margin: .3rem 0 .3rem 1.5rem;
}
@media (min-width: 600px) {
  .header__logo {
    margin: .3rem 1.5rem;
  }
}
.header__top-menu {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
  position: relative;
}
.header-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #b9370d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
  z-index: -1;
}
.header-menu--active {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
@media (min-width: 600px) {
  .header-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 600px) {
  .header-menu {
    position: static;
    width: auto;
    background: transparent;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    z-index: 0;
    -webkit-transition: none;
            transition: none;
  }
}
.header-menu__toggle {
  border: 0;
  background: transparent;
  margin: .25rem .75rem;
  padding: .75rem;
  height: 4.5rem;
  width: 4.5rem;
}
.header-menu__toggle:focus,
.header-menu__toggle:active {
  outline: none;
}
.header-menu__toggle .icon-bar {
  width: 3rem;
  height: .3rem;
  background: #fff;
  display: block;
  border-radius: 500px;
  margin: .5rem 0;
}
@media (min-width: 600px) {
  .header-menu__toggle {
    display: none;
  }
}
.header-menu__link {
  display: block;
  color: #ffffff;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
  margin: .5rem 1.5rem;
  padding: .7rem 1rem .5rem;
  position: relative;
}
.header-menu__link:hover,
.header-menu__link:focus {
  color: #ffffff;
  text-decoration: none;
}
@media (min-width: 600px) {
  .header-menu__link {
    margin: 0 1.5rem;
  }
}
.header-menu__link--active:after {
  content: '';
  position: absolute;
  margin-left: -8px;
  left: 50%;
  bottom: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent #ffffff transparent;
}
.header-menu__icon {
  display: block;
  text-align: center;
  font-size: 2.2rem;
}
.header-menu__label {
  font-size: 1.7rem;
}
.header-icons__link {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 1rem 0 0;
  padding: .6rem 0;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(33, 150, 243, 0.12);
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.header-icons__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.24);
}
.header-icons__link:active,
.header-icons__link:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.36);
}
.header-search-form--active + .header-icons__link {
  color: #f1673b;
  position: relative;
}
.header-search-form {
  display: none;
  position: absolute;
  bottom: -3.2rem;
  right: 1rem;
  width: 200px;
  background: #f1673b;
  z-index: 10;
}
.header-search-form--active {
  display: block;
}
.header-search-form__input {
  height: 28px;
  border-radius: 500px;
  border-color: #f1673b;
}
@-webkit-keyframes headerSearchFormSlideIn {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes headerSearchFormSlideIn {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.preheader {
  height: 20px;
  text-align: right;
}
.preheader__dropdown.dropdown-toggle.selectpicker {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  color: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: .85em;
  padding: 0 12px 0 0;
}
.preheader__dropdown.dropdown-toggle.selectpicker:active,
.preheader__dropdown.dropdown-toggle.selectpicker:focus {
  border: 0;
}
.preheader__dropdown.dropdown-toggle.selectpicker.selectpicker.btn .caret {
  right: 2px;
}
.preheader__form .bootstrap-select {
  width: auto !important;
  margin: 0 !important;
}
[id="SelectedClientUrl"],
[id="SelectedVendorID"],
[id="SelectedLocationID"] {
  display: none;
}
.main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  padding: 11rem 0 2rem;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 600px) {
  .main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
/* Sidebar & sidebar elements */
.sidebar-left {
  position: relative;
}
@media (min-width: 600px) {
  .sidebar-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20rem;
        -ms-flex: 0 0 20rem;
            flex: 0 0 20rem;
  }
  .sidebar-left:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 4px;
    background: -webkit-linear-gradient(left, #dfdfdf 0%, #dfdfdf 25%, #f4f4f4 25%, #f4f4f4 50%, #fcfcfc 50%, #fcfcfc 75%, #fefefe 75%, #fefefe 100%);
    background: linear-gradient(to right, #dfdfdf 0%, #dfdfdf 25%, #f4f4f4 25%, #f4f4f4 50%, #fcfcfc 50%, #fcfcfc 75%, #fefefe 75%, #fefefe 100%);
  }
}
.sidebar-left__link {
  display: block;
  padding: .6rem 1rem;
  font-size: 1em;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
@media (min-width: 600px) {
  .sidebar-left__link {
    margin: .8rem 0;
  }
}
.sidebar-left__link:hover {
  background: #eee;
  text-decoration: none;
}
.sidebar-left__link--active {
  background: #eee;
}
.sidebar-right {
  position: relative;
}
@media (min-width: 600px) {
  .sidebar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20rem;
        -ms-flex: 0 0 20rem;
            flex: 0 0 20rem;
    margin: -2rem -2.5rem -2rem 0;
  }
  .sidebar-right:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    background: -webkit-linear-gradient(right, #dfdfdf 0%, #dfdfdf 25%, #f4f4f4 25%, #f4f4f4 50%, #fcfcfc 50%, #fcfcfc 75%, #fefefe 75%, #fefefe 100%);
    background: linear-gradient(to left, #dfdfdf 0%, #dfdfdf 25%, #f4f4f4 25%, #f4f4f4 50%, #fcfcfc 50%, #fcfcfc 75%, #fefefe 75%, #fefefe 100%);
  }
}
/* Content & content elements */
.content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 20px 25px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media (min-width: 600px) {
  .content {
    border-top: 0;
  }
}
.page-header {
  font-size: 24px;
  margin: 0 0 20px;
  padding: 0;
  border: none;
  line-height: 28px;
}
.breadcrumb {
  padding: 0;
  margin: 0;
  background: none;
}
.breadcrumb > li {
  line-height: 28px;
}
.breadcrumb > li a {
  color: #333;
}
.fa-lg {
  vertical-align: -20%;
}
/* Footer & footer elements */
.footer {
  margin: 2rem auto;
  padding: 1rem 0 0;
  max-width: 1400px;
  text-align: center;
}
.btn.btn-promio {
  color: #fff;
  background: #46a97a;
}
.btn.btn-promio:hover,
.btn.btn-promio:focus,
.btn.btn-promio:active,
.btn.btn-promio.active {
  background: #286146;
}
.open .dropdown-toggle.btn-promio {
  background: #286146;
}
.btn-group .btn.btn-promio:not(.active) + .btn.btn-promio,
.input-group-btn .btn.btn-promio:not(.active) + .btn.btn-promio {
  border-left-color: #286146;
}
.btn.btn-promio {
  border-color: #46a97a;
}
.btn.btn-promio:hover {
  color: #46a97a;
  background: transparent;
}
.ob {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.15em;
}
.ob__logo {
  display: block;
  width: 200px;
  margin: 2rem auto 0;
}
.ob__descriptor {
  font-style: italic;
  opacity: .6;
  margin-bottom: 0;
}
.ob__finding-plan {
  font-size: 1.75em;
  margin-top: 4em;
}
.ob__recommend-summary {
  font-size: 1.25em;
  margin-bottom: 3rem;
}
.ob .progress {
  margin-bottom: 3.5rem;
  background: #E4EBE2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ob .progress-bar {
  background: #46a97a;
}
.ob-question__title {
  font-weight: 500;
  font-size: 1.75em;
}
.ob-question__subtitle {
  font-size: 1.05em;
}
.ob-question__inputs {
  margin: 2.5rem 0;
}
.ob-question__input-group {
  margin-bottom: 2rem;
}
.ob-question__input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ob-question__input-prepend {
  padding: .5rem 1rem;
  border: 1px solid #6ebc93;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-right: 0;
  background: #46a97a;
  color: #ffffff;
}
.ob-question__input-prepend + input[type="text"],
.ob-question__input-prepend + input[type="email"],
.ob-question__input-prepend + input[type="url"],
.ob-question__input-prepend + input[type="password"] {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-left: 0;
}
.ob-question__input {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.ob-question__input:focus {
  outline: none;
  box-shadow: 0 0 5px #46a97a;
}
[type="text"].ob-question__input,
[type="email"].ob-question__input,
[type="password"].ob-question__input,
[type="url"].ob-question__input,
[type="password"].ob-question__input,
select.ob-question__input {
  width: 100%;
  border-radius: 3px;
  padding: .2rem .6rem;
  border: 1px solid #6ebc93;
}
[type="text"].ob-question__input--error,
[type="email"].ob-question__input--error,
[type="password"].ob-question__input--error,
[type="url"].ob-question__input--error,
[type="password"].ob-question__input--error,
select.ob-question__input--error {
  border-color: #f44336;
}
[type="text"].ob-question__input,
[type="password"].ob-question__input,
[type="url"].ob-question__input,
[type="password"].ob-question__input,
[type="email"].ob-question__input {
  padding: .5rem 1rem;
}
.ob-question__input[type="radio"],
.ob-question__input--radio {
  margin: 0;
  position: absolute;
  left: 1rem;
  top: .9rem;
}
.ob-question__input[type="radio"]:focus,
.ob-question__input--radio:focus {
  outline: none;
  box-shadow: none;
}
.ob-question__input[type="checkbox"],
.ob-question__input--checkbox {
  margin: 0;
  position: absolute;
  left: 1rem;
  top: 1.4rem;
}
.ob-question__input[type="checkbox"]:focus,
.ob-question__input--checkbox:focus {
  outline: none;
  box-shadow: none;
}
.ob-question__input--other[type="text"] {
  margin-left: 4rem;
  width: auto;
  display: none;
}
.ob-question__input--other-shown[type="text"] {
  display: block;
}
.ob-question__camo-input-group {
  display: inline;
  margin-left: 0.1rem;
}
.ob-question__camo-input {
  padding: 0 .1rem;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.ob-question__camo-input:hover,
.ob-question__camo-input:focus,
.ob-question__camo-input:active {
  background: rgba(70, 169, 122, 0.24);
  outline: none;
}
.ob-question__camo-input:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ob-question__camo-input:focus {
  border-color: rgba(0, 0, 0, 0.36);
}
.ob-question__camo-input:active {
  border-color: rgba(0, 0, 0, 0.6);
}
.ob-question__input-help {
  margin: .5rem 0;
  font-size: .8em;
  font-style: italic;
  color: #000000;
}
.ob-question__error-message {
  margin: .5rem 0;
  color: #f44336;
  font-size: .8em;
}
.ob-question__checkbox {
  margin-bottom: .6rem;
  padding: 1rem;
  padding-left: 4rem;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
.ob-question__checkbox--selected {
  background: #ffffff;
  border-radius: 3px;
}
.ob-question__radio {
  margin-bottom: .6rem;
  padding: .5rem;
  padding-left: 4rem;
  position: relative;
}
.ob-question__checkbox-description {
  margin: .2rem 0;
  color: #737373;
  display: none;
}
.ob-question__checkbox--selected .ob-question__checkbox-description {
  display: block;
}
.ob-question__label {
  display: block;
  margin: 0;
  font-weight: 500;
  clear: both;
}
.ob-question__label-inline {
  margin: 0;
  font-weight: 400;
}
.ob-question__two-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ob-question__two-col-group {
  width: 49%;
}
.ob-question__password-requirements {
  margin: 1rem;
  padding: 2rem;
  font-size: .8em;
  background: #ffffff;
  color: #000000;
}
.ob-question__password-requirement {
  position: relative;
  margin-bottom: .4rem;
  padding-left: 3rem;
}
.ob-question__password-requirement:before {
  content: '';
  position: absolute;
  top: .2rem;
  left: 1rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 500px;
  background: #ccc;
  -webkit-transition: background 0.2s ease-in-out;
          transition: background 0.2s ease-in-out;
}
.ob-question__password-requirement--valid:before {
  background: #46a97a;
}
.ob-question__cc-providers {
  font-size: 1.5em;
  text-align: right;
  margin-bottom: -3rem;
}
.ob-question__cc-provider {
  margin-right: .3rem;
  color: #46a97a;
  opacity: .1;
  -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
}
.ob-question__cc-provider--valid {
  opacity: 1;
}
.ob-question__review-header {
  margin-top: 3rem;
  font-size: 1.25em;
  font-weight: 500;
}
.ob-question__review-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .6rem;
  padding-top: .8rem;
  border-top: 1px solid rgba(70, 169, 122, 0.12);
}
.ob-question__review-item:last-child {
  border-bottom: 0;
}
.ob-question__review-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20rem;
      -ms-flex: 0 0 20rem;
          flex: 0 0 20rem;
}
.ob-question__review-value {
  font-weight: 600;
}
.ob-question__info-icon {
  color: #46a97a;
}
.ob-nav {
  margin: 8rem 0 4rem;
  text-align: center;
}
.ob-nav .btn {
  width: 12rem;
  margin: 0 .5rem;
  font-size: 1.1em;
  font-weight: 500;
  position: relative;
}
.ob-nav .btn-inverse {
  opacity: .25;
}
.ob-nav .btn-inverse[disabled] {
  opacity: .1;
}
.ob-nav__loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: inherit;
}
.ob-pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  width: 100%;
  margin-bottom: 3.5rem;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ob-pages__page {
  font-size: .8em;
  color: #ffffff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: .2rem;
  background: #46a97a;
  cursor: default;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  -webkit-transition: background 0.5s ease-in-out;
          transition: background 0.5s ease-in-out;
}
.ob-pages__page:first-child {
  border: none;
}
.ob-pages__page--future {
  background: rgba(70, 169, 122, 0.3);
}
/* Cross-fade transition */
.cross-fade-leave {
  opacity: 1;
}
.cross-fade-leave.cross-fade-leave-active {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
          transition: opacity 1s ease-in-out;
}
.cross-fade-enter {
  opacity: 0;
}
.cross-fade-enter.cross-fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
          transition: opacity 1s ease-in-out;
}
.cross-fade-height {
  -webkit-transition: height 0.5s ease-in-out;
          transition: height 0.5s ease-in-out;
}
/* Fade out, then fade in transition */
.fade-wait-leave {
  opacity: 1;
}
.fade-wait-leave.fade-wait-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
          transition: opacity 0.3s ease-in;
}
.fade-wait-enter {
  opacity: 0;
}
.fade-wait-enter.fade-wait-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  -webkit-transition: opacity 0.3s ease-in 0.5s;
          transition: opacity 0.3s ease-in 0.5s;
}
.fade-wait-height {
  -webkit-transition: height 0.2s ease-in-out 0.3s;
          transition: height 0.2s ease-in-out 0.3s;
}
.fade-leave {
  opacity: 1;
}
.fade-leave.fade-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
          transition: opacity 0.4s ease-in;
}
.fade-enter {
  opacity: 0;
}
.fade-enter.fade-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  -webkit-transition: opacity 0.4s ease-in 0.6s;
          transition: opacity 0.4s ease-in 0.6s;
}
/* Carousel-like transition */
.carousel-swap-leave {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.carousel-swap-leave-active {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.carousel-swap-enter {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
.carousel-swap-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.carousel-swap-height {
  -webkit-transition: height 0.3s ease-in-out;
          transition: height 0.3s ease-in-out;
}
/* Roll-up transition */
.roll-up-leave {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.roll-up-leave.roll-up-leave-active {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
          transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.roll-up-enter {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  opacity: 0;
}
.roll-up-enter.roll-up-enter-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
          transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}
.roll-up-height {
  -webkit-transition: height 0.8s ease-in-out;
          transition: height 0.8s ease-in-out;
}
/* Predefined Classes */
.wrapper {
  max-width: 1400px;
  position: relative;
}
.m-auto {
  margin: 0 auto !important;
}
.semi-bold {
  font-weight: 600 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.f-w-100 {
  font-weight: 100 !important;
}
.f-w-200 {
  font-weight: 200 !important;
}
.f-w-300 {
  font-weight: 300 !important;
}
.f-w-400 {
  font-weight: 400 !important;
}
.f-w-500 {
  font-weight: 500 !important;
}
.f-w-600 {
  font-weight: 600 !important;
}
.f-w-700 {
  font-weight: 700 !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.pull-none {
  float: none !important;
}
/* LOOP - Row Space */
.row.row-space-30 {
  margin: 0 -15px !important;
}
.row.row-space-30 > [class*="col-"] {
  padding: 0 15px !important;
}
.row.row-space-28 {
  margin: 0 -14px !important;
}
.row.row-space-28 > [class*="col-"] {
  padding: 0 14px !important;
}
.row.row-space-26 {
  margin: 0 -13px !important;
}
.row.row-space-26 > [class*="col-"] {
  padding: 0 13px !important;
}
.row.row-space-24 {
  margin: 0 -12px !important;
}
.row.row-space-24 > [class*="col-"] {
  padding: 0 12px !important;
}
.row.row-space-22 {
  margin: 0 -11px !important;
}
.row.row-space-22 > [class*="col-"] {
  padding: 0 11px !important;
}
.row.row-space-20 {
  margin: 0 -10px !important;
}
.row.row-space-20 > [class*="col-"] {
  padding: 0 10px !important;
}
.row.row-space-18 {
  margin: 0 -9px !important;
}
.row.row-space-18 > [class*="col-"] {
  padding: 0 9px !important;
}
.row.row-space-16 {
  margin: 0 -8px !important;
}
.row.row-space-16 > [class*="col-"] {
  padding: 0 8px !important;
}
.row.row-space-14 {
  margin: 0 -7px !important;
}
.row.row-space-14 > [class*="col-"] {
  padding: 0 7px !important;
}
.row.row-space-12 {
  margin: 0 -6px !important;
}
.row.row-space-12 > [class*="col-"] {
  padding: 0 6px !important;
}
.row.row-space-10 {
  margin: 0 -5px !important;
}
.row.row-space-10 > [class*="col-"] {
  padding: 0 5px !important;
}
.row.row-space-8 {
  margin: 0 -4px !important;
}
.row.row-space-8 > [class*="col-"] {
  padding: 0 4px !important;
}
.row.row-space-6 {
  margin: 0 -3px !important;
}
.row.row-space-6 > [class*="col-"] {
  padding: 0 3px !important;
}
.row.row-space-4 {
  margin: 0 -2px !important;
}
.row.row-space-4 > [class*="col-"] {
  padding: 0 2px !important;
}
.row.row-space-2 {
  margin: 0 -1px !important;
}
.row.row-space-2 > [class*="col-"] {
  padding: 0 1px !important;
}
.row.row-space-0 {
  margin: 0 0px !important;
}
.row.row-space-0 > [class*="col-"] {
  padding: 0 0px !important;
}
/* LOOP - Margin & Padding */
.m-40 {
  margin: 40px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.m-39 {
  margin: 39px !important;
}
.m-t-39 {
  margin-top: 39px !important;
}
.m-r-39 {
  margin-right: 39px !important;
}
.m-b-39 {
  margin-bottom: 39px !important;
}
.m-l-39 {
  margin-left: 39px !important;
}
.p-39 {
  padding: 39px !important;
}
.p-t-39 {
  padding-top: 39px !important;
}
.p-r-39 {
  padding-right: 39px !important;
}
.p-b-39 {
  padding-bottom: 39px !important;
}
.p-l-39 {
  padding-left: 39px !important;
}
.m-38 {
  margin: 38px !important;
}
.m-t-38 {
  margin-top: 38px !important;
}
.m-r-38 {
  margin-right: 38px !important;
}
.m-b-38 {
  margin-bottom: 38px !important;
}
.m-l-38 {
  margin-left: 38px !important;
}
.p-38 {
  padding: 38px !important;
}
.p-t-38 {
  padding-top: 38px !important;
}
.p-r-38 {
  padding-right: 38px !important;
}
.p-b-38 {
  padding-bottom: 38px !important;
}
.p-l-38 {
  padding-left: 38px !important;
}
.m-37 {
  margin: 37px !important;
}
.m-t-37 {
  margin-top: 37px !important;
}
.m-r-37 {
  margin-right: 37px !important;
}
.m-b-37 {
  margin-bottom: 37px !important;
}
.m-l-37 {
  margin-left: 37px !important;
}
.p-37 {
  padding: 37px !important;
}
.p-t-37 {
  padding-top: 37px !important;
}
.p-r-37 {
  padding-right: 37px !important;
}
.p-b-37 {
  padding-bottom: 37px !important;
}
.p-l-37 {
  padding-left: 37px !important;
}
.m-36 {
  margin: 36px !important;
}
.m-t-36 {
  margin-top: 36px !important;
}
.m-r-36 {
  margin-right: 36px !important;
}
.m-b-36 {
  margin-bottom: 36px !important;
}
.m-l-36 {
  margin-left: 36px !important;
}
.p-36 {
  padding: 36px !important;
}
.p-t-36 {
  padding-top: 36px !important;
}
.p-r-36 {
  padding-right: 36px !important;
}
.p-b-36 {
  padding-bottom: 36px !important;
}
.p-l-36 {
  padding-left: 36px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.p-35 {
  padding: 35px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.m-34 {
  margin: 34px !important;
}
.m-t-34 {
  margin-top: 34px !important;
}
.m-r-34 {
  margin-right: 34px !important;
}
.m-b-34 {
  margin-bottom: 34px !important;
}
.m-l-34 {
  margin-left: 34px !important;
}
.p-34 {
  padding: 34px !important;
}
.p-t-34 {
  padding-top: 34px !important;
}
.p-r-34 {
  padding-right: 34px !important;
}
.p-b-34 {
  padding-bottom: 34px !important;
}
.p-l-34 {
  padding-left: 34px !important;
}
.m-33 {
  margin: 33px !important;
}
.m-t-33 {
  margin-top: 33px !important;
}
.m-r-33 {
  margin-right: 33px !important;
}
.m-b-33 {
  margin-bottom: 33px !important;
}
.m-l-33 {
  margin-left: 33px !important;
}
.p-33 {
  padding: 33px !important;
}
.p-t-33 {
  padding-top: 33px !important;
}
.p-r-33 {
  padding-right: 33px !important;
}
.p-b-33 {
  padding-bottom: 33px !important;
}
.p-l-33 {
  padding-left: 33px !important;
}
.m-32 {
  margin: 32px !important;
}
.m-t-32 {
  margin-top: 32px !important;
}
.m-r-32 {
  margin-right: 32px !important;
}
.m-b-32 {
  margin-bottom: 32px !important;
}
.m-l-32 {
  margin-left: 32px !important;
}
.p-32 {
  padding: 32px !important;
}
.p-t-32 {
  padding-top: 32px !important;
}
.p-r-32 {
  padding-right: 32px !important;
}
.p-b-32 {
  padding-bottom: 32px !important;
}
.p-l-32 {
  padding-left: 32px !important;
}
.m-31 {
  margin: 31px !important;
}
.m-t-31 {
  margin-top: 31px !important;
}
.m-r-31 {
  margin-right: 31px !important;
}
.m-b-31 {
  margin-bottom: 31px !important;
}
.m-l-31 {
  margin-left: 31px !important;
}
.p-31 {
  padding: 31px !important;
}
.p-t-31 {
  padding-top: 31px !important;
}
.p-r-31 {
  padding-right: 31px !important;
}
.p-b-31 {
  padding-bottom: 31px !important;
}
.p-l-31 {
  padding-left: 31px !important;
}
.m-30 {
  margin: 30px !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;
}
.p-30 {
  padding: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.m-29 {
  margin: 29px !important;
}
.m-t-29 {
  margin-top: 29px !important;
}
.m-r-29 {
  margin-right: 29px !important;
}
.m-b-29 {
  margin-bottom: 29px !important;
}
.m-l-29 {
  margin-left: 29px !important;
}
.p-29 {
  padding: 29px !important;
}
.p-t-29 {
  padding-top: 29px !important;
}
.p-r-29 {
  padding-right: 29px !important;
}
.p-b-29 {
  padding-bottom: 29px !important;
}
.p-l-29 {
  padding-left: 29px !important;
}
.m-28 {
  margin: 28px !important;
}
.m-t-28 {
  margin-top: 28px !important;
}
.m-r-28 {
  margin-right: 28px !important;
}
.m-b-28 {
  margin-bottom: 28px !important;
}
.m-l-28 {
  margin-left: 28px !important;
}
.p-28 {
  padding: 28px !important;
}
.p-t-28 {
  padding-top: 28px !important;
}
.p-r-28 {
  padding-right: 28px !important;
}
.p-b-28 {
  padding-bottom: 28px !important;
}
.p-l-28 {
  padding-left: 28px !important;
}
.m-27 {
  margin: 27px !important;
}
.m-t-27 {
  margin-top: 27px !important;
}
.m-r-27 {
  margin-right: 27px !important;
}
.m-b-27 {
  margin-bottom: 27px !important;
}
.m-l-27 {
  margin-left: 27px !important;
}
.p-27 {
  padding: 27px !important;
}
.p-t-27 {
  padding-top: 27px !important;
}
.p-r-27 {
  padding-right: 27px !important;
}
.p-b-27 {
  padding-bottom: 27px !important;
}
.p-l-27 {
  padding-left: 27px !important;
}
.m-26 {
  margin: 26px !important;
}
.m-t-26 {
  margin-top: 26px !important;
}
.m-r-26 {
  margin-right: 26px !important;
}
.m-b-26 {
  margin-bottom: 26px !important;
}
.m-l-26 {
  margin-left: 26px !important;
}
.p-26 {
  padding: 26px !important;
}
.p-t-26 {
  padding-top: 26px !important;
}
.p-r-26 {
  padding-right: 26px !important;
}
.p-b-26 {
  padding-bottom: 26px !important;
}
.p-l-26 {
  padding-left: 26px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.m-24 {
  margin: 24px !important;
}
.m-t-24 {
  margin-top: 24px !important;
}
.m-r-24 {
  margin-right: 24px !important;
}
.m-b-24 {
  margin-bottom: 24px !important;
}
.m-l-24 {
  margin-left: 24px !important;
}
.p-24 {
  padding: 24px !important;
}
.p-t-24 {
  padding-top: 24px !important;
}
.p-r-24 {
  padding-right: 24px !important;
}
.p-b-24 {
  padding-bottom: 24px !important;
}
.p-l-24 {
  padding-left: 24px !important;
}
.m-23 {
  margin: 23px !important;
}
.m-t-23 {
  margin-top: 23px !important;
}
.m-r-23 {
  margin-right: 23px !important;
}
.m-b-23 {
  margin-bottom: 23px !important;
}
.m-l-23 {
  margin-left: 23px !important;
}
.p-23 {
  padding: 23px !important;
}
.p-t-23 {
  padding-top: 23px !important;
}
.p-r-23 {
  padding-right: 23px !important;
}
.p-b-23 {
  padding-bottom: 23px !important;
}
.p-l-23 {
  padding-left: 23px !important;
}
.m-22 {
  margin: 22px !important;
}
.m-t-22 {
  margin-top: 22px !important;
}
.m-r-22 {
  margin-right: 22px !important;
}
.m-b-22 {
  margin-bottom: 22px !important;
}
.m-l-22 {
  margin-left: 22px !important;
}
.p-22 {
  padding: 22px !important;
}
.p-t-22 {
  padding-top: 22px !important;
}
.p-r-22 {
  padding-right: 22px !important;
}
.p-b-22 {
  padding-bottom: 22px !important;
}
.p-l-22 {
  padding-left: 22px !important;
}
.m-21 {
  margin: 21px !important;
}
.m-t-21 {
  margin-top: 21px !important;
}
.m-r-21 {
  margin-right: 21px !important;
}
.m-b-21 {
  margin-bottom: 21px !important;
}
.m-l-21 {
  margin-left: 21px !important;
}
.p-21 {
  padding: 21px !important;
}
.p-t-21 {
  padding-top: 21px !important;
}
.p-r-21 {
  padding-right: 21px !important;
}
.p-b-21 {
  padding-bottom: 21px !important;
}
.p-l-21 {
  padding-left: 21px !important;
}
.m-20 {
  margin: 20px !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;
}
.p-20 {
  padding: 20px !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;
}
.m-19 {
  margin: 19px !important;
}
.m-t-19 {
  margin-top: 19px !important;
}
.m-r-19 {
  margin-right: 19px !important;
}
.m-b-19 {
  margin-bottom: 19px !important;
}
.m-l-19 {
  margin-left: 19px !important;
}
.p-19 {
  padding: 19px !important;
}
.p-t-19 {
  padding-top: 19px !important;
}
.p-r-19 {
  padding-right: 19px !important;
}
.p-b-19 {
  padding-bottom: 19px !important;
}
.p-l-19 {
  padding-left: 19px !important;
}
.m-18 {
  margin: 18px !important;
}
.m-t-18 {
  margin-top: 18px !important;
}
.m-r-18 {
  margin-right: 18px !important;
}
.m-b-18 {
  margin-bottom: 18px !important;
}
.m-l-18 {
  margin-left: 18px !important;
}
.p-18 {
  padding: 18px !important;
}
.p-t-18 {
  padding-top: 18px !important;
}
.p-r-18 {
  padding-right: 18px !important;
}
.p-b-18 {
  padding-bottom: 18px !important;
}
.p-l-18 {
  padding-left: 18px !important;
}
.m-17 {
  margin: 17px !important;
}
.m-t-17 {
  margin-top: 17px !important;
}
.m-r-17 {
  margin-right: 17px !important;
}
.m-b-17 {
  margin-bottom: 17px !important;
}
.m-l-17 {
  margin-left: 17px !important;
}
.p-17 {
  padding: 17px !important;
}
.p-t-17 {
  padding-top: 17px !important;
}
.p-r-17 {
  padding-right: 17px !important;
}
.p-b-17 {
  padding-bottom: 17px !important;
}
.p-l-17 {
  padding-left: 17px !important;
}
.m-16 {
  margin: 16px !important;
}
.m-t-16 {
  margin-top: 16px !important;
}
.m-r-16 {
  margin-right: 16px !important;
}
.m-b-16 {
  margin-bottom: 16px !important;
}
.m-l-16 {
  margin-left: 16px !important;
}
.p-16 {
  padding: 16px !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;
}
.m-15 {
  margin: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.m-14 {
  margin: 14px !important;
}
.m-t-14 {
  margin-top: 14px !important;
}
.m-r-14 {
  margin-right: 14px !important;
}
.m-b-14 {
  margin-bottom: 14px !important;
}
.m-l-14 {
  margin-left: 14px !important;
}
.p-14 {
  padding: 14px !important;
}
.p-t-14 {
  padding-top: 14px !important;
}
.p-r-14 {
  padding-right: 14px !important;
}
.p-b-14 {
  padding-bottom: 14px !important;
}
.p-l-14 {
  padding-left: 14px !important;
}
.m-13 {
  margin: 13px !important;
}
.m-t-13 {
  margin-top: 13px !important;
}
.m-r-13 {
  margin-right: 13px !important;
}
.m-b-13 {
  margin-bottom: 13px !important;
}
.m-l-13 {
  margin-left: 13px !important;
}
.p-13 {
  padding: 13px !important;
}
.p-t-13 {
  padding-top: 13px !important;
}
.p-r-13 {
  padding-right: 13px !important;
}
.p-b-13 {
  padding-bottom: 13px !important;
}
.p-l-13 {
  padding-left: 13px !important;
}
.m-12 {
  margin: 12px !important;
}
.m-t-12 {
  margin-top: 12px !important;
}
.m-r-12 {
  margin-right: 12px !important;
}
.m-b-12 {
  margin-bottom: 12px !important;
}
.m-l-12 {
  margin-left: 12px !important;
}
.p-12 {
  padding: 12px !important;
}
.p-t-12 {
  padding-top: 12px !important;
}
.p-r-12 {
  padding-right: 12px !important;
}
.p-b-12 {
  padding-bottom: 12px !important;
}
.p-l-12 {
  padding-left: 12px !important;
}
.m-11 {
  margin: 11px !important;
}
.m-t-11 {
  margin-top: 11px !important;
}
.m-r-11 {
  margin-right: 11px !important;
}
.m-b-11 {
  margin-bottom: 11px !important;
}
.m-l-11 {
  margin-left: 11px !important;
}
.p-11 {
  padding: 11px !important;
}
.p-t-11 {
  padding-top: 11px !important;
}
.p-r-11 {
  padding-right: 11px !important;
}
.p-b-11 {
  padding-bottom: 11px !important;
}
.p-l-11 {
  padding-left: 11px !important;
}
.m-10 {
  margin: 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;
}
.p-10 {
  padding: 10px !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;
}
.m-9 {
  margin: 9px !important;
}
.m-t-9 {
  margin-top: 9px !important;
}
.m-r-9 {
  margin-right: 9px !important;
}
.m-b-9 {
  margin-bottom: 9px !important;
}
.m-l-9 {
  margin-left: 9px !important;
}
.p-9 {
  padding: 9px !important;
}
.p-t-9 {
  padding-top: 9px !important;
}
.p-r-9 {
  padding-right: 9px !important;
}
.p-b-9 {
  padding-bottom: 9px !important;
}
.p-l-9 {
  padding-left: 9px !important;
}
.m-8 {
  margin: 8px !important;
}
.m-t-8 {
  margin-top: 8px !important;
}
.m-r-8 {
  margin-right: 8px !important;
}
.m-b-8 {
  margin-bottom: 8px !important;
}
.m-l-8 {
  margin-left: 8px !important;
}
.p-8 {
  padding: 8px !important;
}
.p-t-8 {
  padding-top: 8px !important;
}
.p-r-8 {
  padding-right: 8px !important;
}
.p-b-8 {
  padding-bottom: 8px !important;
}
.p-l-8 {
  padding-left: 8px !important;
}
.m-7 {
  margin: 7px !important;
}
.m-t-7 {
  margin-top: 7px !important;
}
.m-r-7 {
  margin-right: 7px !important;
}
.m-b-7 {
  margin-bottom: 7px !important;
}
.m-l-7 {
  margin-left: 7px !important;
}
.p-7 {
  padding: 7px !important;
}
.p-t-7 {
  padding-top: 7px !important;
}
.p-r-7 {
  padding-right: 7px !important;
}
.p-b-7 {
  padding-bottom: 7px !important;
}
.p-l-7 {
  padding-left: 7px !important;
}
.m-6 {
  margin: 6px !important;
}
.m-t-6 {
  margin-top: 6px !important;
}
.m-r-6 {
  margin-right: 6px !important;
}
.m-b-6 {
  margin-bottom: 6px !important;
}
.m-l-6 {
  margin-left: 6px !important;
}
.p-6 {
  padding: 6px !important;
}
.p-t-6 {
  padding-top: 6px !important;
}
.p-r-6 {
  padding-right: 6px !important;
}
.p-b-6 {
  padding-bottom: 6px !important;
}
.p-l-6 {
  padding-left: 6px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.m-4 {
  margin: 4px !important;
}
.m-t-4 {
  margin-top: 4px !important;
}
.m-r-4 {
  margin-right: 4px !important;
}
.m-b-4 {
  margin-bottom: 4px !important;
}
.m-l-4 {
  margin-left: 4px !important;
}
.p-4 {
  padding: 4px !important;
}
.p-t-4 {
  padding-top: 4px !important;
}
.p-r-4 {
  padding-right: 4px !important;
}
.p-b-4 {
  padding-bottom: 4px !important;
}
.p-l-4 {
  padding-left: 4px !important;
}
.m-3 {
  margin: 3px !important;
}
.m-t-3 {
  margin-top: 3px !important;
}
.m-r-3 {
  margin-right: 3px !important;
}
.m-b-3 {
  margin-bottom: 3px !important;
}
.m-l-3 {
  margin-left: 3px !important;
}
.p-3 {
  padding: 3px !important;
}
.p-t-3 {
  padding-top: 3px !important;
}
.p-r-3 {
  padding-right: 3px !important;
}
.p-b-3 {
  padding-bottom: 3px !important;
}
.p-l-3 {
  padding-left: 3px !important;
}
.m-2 {
  margin: 2px !important;
}
.m-t-2 {
  margin-top: 2px !important;
}
.m-r-2 {
  margin-right: 2px !important;
}
.m-b-2 {
  margin-bottom: 2px !important;
}
.m-l-2 {
  margin-left: 2px !important;
}
.p-2 {
  padding: 2px !important;
}
.p-t-2 {
  padding-top: 2px !important;
}
.p-r-2 {
  padding-right: 2px !important;
}
.p-b-2 {
  padding-bottom: 2px !important;
}
.p-l-2 {
  padding-left: 2px !important;
}
.m-1 {
  margin: 1px !important;
}
.m-t-1 {
  margin-top: 1px !important;
}
.m-r-1 {
  margin-right: 1px !important;
}
.m-b-1 {
  margin-bottom: 1px !important;
}
.m-l-1 {
  margin-left: 1px !important;
}
.p-1 {
  padding: 1px !important;
}
.p-t-1 {
  padding-top: 1px !important;
}
.p-r-1 {
  padding-right: 1px !important;
}
.p-b-1 {
  padding-bottom: 1px !important;
}
.p-l-1 {
  padding-left: 1px !important;
}
.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.p-0 {
  padding: 0px !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;
}
/* LOOP - Font Size */
.f-s-20 {
  font-size: 20px !important;
}
.f-s-19 {
  font-size: 19px !important;
}
.f-s-18 {
  font-size: 18px !important;
}
.f-s-17 {
  font-size: 17px !important;
}
.f-s-16 {
  font-size: 16px !important;
}
.f-s-15 {
  font-size: 15px !important;
}
.f-s-14 {
  font-size: 14px !important;
}
.f-s-13 {
  font-size: 13px !important;
}
.f-s-12 {
  font-size: 12px !important;
}
.f-s-11 {
  font-size: 11px !important;
}
.f-s-10 {
  font-size: 10px !important;
}
.f-s-9 {
  font-size: 9px !important;
}
.f-s-8 {
  font-size: 8px !important;
}
.table-valign-middle th,
.table-valign-middle td {
  vertical-align: middle !important;
}
.table-th-valign-middle th,
.table-td-valign-middle td {
  vertical-align: middle !important;
}
.table-valign-top th,
.table-valign-top td {
  vertical-align: top !important;
}
.table-th-valign-top th,
.table-td-valign-top td {
  vertical-align: top !important;
}
.table-valign-bottom th,
.table-valign-bottom td {
  vertical-align: bottom !important;
}
.table-th-valign-bottom th,
.table-td-valign-bottom td {
  vertical-align: bottom !important;
}
.vertical-box {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  height: 100%;
  width: 100%;
}
.vertical-box-column {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.vertical-box-row {
  display: table-row;
  height: 100%;
}
.vertical-box-row > .vertical-box-cell {
  position: relative;
  height: 100%;
  width: 100%;
  float: none;
}
.vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.panel-expand .vertical-box .vertical-box-column {
  display: table-cell;
}
.page-content-full-height .content {
  position: absolute;
  left: 0;
  top: 54px;
  right: 0;
  bottom: -1px;
}
.no-rounded-corner {
  border-radius: 0 !important;
}
.rounded-corner {
  border-radius: 50% !important;
}
.no-border {
  border: 0 !important;
}
.border-top-1 {
  border-top: 1px solid #eee !important;
}
.border-right-1 {
  border-right: 1px solid #eee !important;
}
.border-bottom-1 {
  border-bottom: 1px solid #eee !important;
}
.border-left-1 {
  border-left: 1px solid #eee !important;
}
.no-box-shadow {
  box-shadow: none !important;
}
.text-inverse {
  color: #212121;
}
/*a.text-inverse:hover,
a.text-inverse:focus { 
    color: @light_black !important; 
}
.text-success { color: @green !important; }
a.text-success:hover,
a.text-success:focus { 
    color: @light_green !important; 
}
.text-info { color: @aqua !important; }
a.text-info:hover,
a.text-info:focus { 
    color: @light_aqua !important; 
}
.text-primary { color: @theme_primary !important; }
a.text-primary:hover,
a.text-primary:focus { 
    color: @theme_primary_light !important; 
}
.text-warning { color: @yellow !important; }
a.text-warning:hover,
a.text-warning:focus { 
    color: @light_yellow !important; 
}
.text-danger { color: @red !important; }
a.text-danger:hover,
a.text-danger:focus { 
    color: @light_red !important; 
}
.text-white { color: #fff !important; }
a.text-white:hover,
a.text-white:focus { 
    color: #f0f3f4 !important; 
}*/
.bg-white {
  background: #ffffff !important;
}
.bg-silver-lighter {
  background: #f4f6f7 !important;
}
.bg-silver {
  background: #f0f3f4 !important;
}
.bg-silver-darker {
  background: #b4b6b7 !important;
}
.bg-black {
  background: #212121 !important;
}
.bg-black-darker {
  background: #000000 !important;
}
.bg-black-lighter {
  background: #424242 !important;
}
.bg-grey {
  background: #607d8b !important;
}
.bg-grey-darker {
  background: #263238 !important;
}
.bg-grey-lighter {
  background: #cfd8dc !important;
}
.bg-red {
  background: #f44336 !important;
}
.bg-red-darker {
  background: #d32f2f !important;
}
.bg-red-lighter {
  background: #ffcdd2 !important;
}
.bg-orange {
  background: #ff9800 !important;
}
.bg-orange-darker {
  background: #f57c00 !important;
}
.bg-orange-lighter {
  background: #ffe0b2 !important;
}
.bg-yellow {
  background: #ffeb3b !important;
}
.bg-yellow-darker {
  background: #fbc02d !important;
}
.bg-yellow-lighter {
  background: #fff9c4 !important;
}
.bg-green {
  background: #f1673b !important;
}
.bg-green-darker {
  background: #e84511 !important;
}
.bg-green-lighter {
  background: #e4ebe2 !important;
}
.bg-blue {
  background: #f1673b !important;
}
.bg-blue-darker {
  background: #e84511 !important;
}
.bg-blue-lighter {
  background: #e4ebe2 !important;
}
.bg-aqua {
  background: #03a9f4 !important;
}
.bg-aqua-darker {
  background: #0288d1 !important;
}
.bg-aqua-lighter {
  background: #b3e5fc !important;
}
.bg-purple {
  background: #9c27b0 !important;
}
.bg-purple-darker {
  background: #7b1fa2 !important;
}
.bg-purple-lighter {
  background: #e1bee7 !important;
}
.no-bg {
  background: none !important;
}
.height-xs {
  height: 150px !important;
}
.height-sm {
  height: 300px !important;
}
.height-md {
  height: 450px !important;
}
.height-lg {
  height: 600px !important;
}
.height-full {
  height: 100% !important;
}
.height-50 {
  height: 50px !important;
}
.height-100 {
  height: 100px !important;
}
.height-150 {
  height: 150px !important;
}
.height-200 {
  height: 200px !important;
}
.height-250 {
  height: 250px !important;
}
.height-300 {
  height: 300px !important;
}
.height-350 {
  height: 350px !important;
}
.height-400 {
  height: 400px !important;
}
.height-450 {
  height: 450px !important;
}
.height-500 {
  height: 500px !important;
}
.height-550 {
  height: 550px !important;
}
.height-600 {
  height: 600px !important;
}
.width-xs {
  width: 150px !important;
}
.width-sm {
  width: 300px !important;
}
.width-md {
  width: 450px !important;
}
.width-lg {
  width: 600px !important;
}
.width-full {
  width: 100% !important;
}
.width-50 {
  width: 50px !important;
}
.width-100 {
  width: 100px !important;
}
.width-150 {
  width: 150px !important;
}
.width-200 {
  width: 200px !important;
}
.width-250 {
  width: 250px !important;
}
.width-300 {
  width: 300px !important;
}
.width-350 {
  width: 350px !important;
}
.width-400 {
  width: 400px !important;
}
.width-450 {
  width: 450px !important;
}
.width-500 {
  width: 500px !important;
}
.width-550 {
  width: 550px !important;
}
.width-600 {
  width: 600px !important;
}
.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fade {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  filter: alpha(opacity = (0));
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.fade.in {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.text-ellipsis {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.underline {
  border-bottom: 1px solid #e2e7eb !important;
}
.monospace {
  font-family: monospace;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-none {
  display: none;
}
.anim-delay-1st {
  -webkit-animation-delay: .25s;
          animation-delay: .25s;
}
.anim-delay-2nd {
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
.anim-delay-3rd {
  -webkit-animation-delay: .75s;
          animation-delay: .75s;
}
.anim-delay-4th {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.anim-delay-5th {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.anim-delay-6th {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.anim-delay-7th {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.anim-delay-8th {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.loading-indicator {
  margin: 2rem auto;
}
.spin [id="indicator"] {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: rotation;
          animation-name: rotation;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
}
@-webkit-keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.img-raised {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* Black Theme */
.navbar-logo,
.coming-soon .brand .logo,
.login .login-header .brand .logo {
  border-color: #626668 #565b5e #414446;
}
.sidebar .nav > li.active > a,
.sidebar .nav > li.active > a:focus,
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme,
.btn.btn-scroll-to-top {
  background: #6C7275;
}
.navbar.navbar-inverse .navbar-brand {
  color: #fff !important;
}
.text-theme {
  color: #6C7275;
}
.sidebar .sub-menu > li.active > a:before {
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-header {
    background: #6C7275;
  }
}
/* Responsive Setting */
@media (max-width: 979px) {
  .form-horizontal.form-bordered .form-group {
    border-bottom: 1px solid #eee;
  }
  .form-horizontal.form-bordered .form-group > div,
  .form-horizontal.form-bordered .form-group > .control-label {
    border: none;
  }
  .form-horizontal.form-bordered .form-group > div {
    padding: 15px;
  }
  .form-horizontal.form-bordered .form-group > .control-label {
    padding: 15px;
    line-height: 34px;
  }
  .result-list .result-image,
  .result-list .result-price {
    width: 200px;
  }
  .gallery .image {
    width: 33%;
  }
  @-webkit-keyframes sidebarSlideInRight {
    from {
      right: -220px;
    }
    to {
      right: 0;
    }
  }
  @keyframes sidebarSlideInRight {
    from {
      right: -220px;
    }
    to {
      right: 0;
    }
  }
  .page-with-two-sidebar .content {
    margin-right: 0 !important;
  }
  .page-with-two-sidebar .sidebar.sidebar-right,
  .page-with-two-sidebar .sidebar-bg.sidebar-right {
    right: -220px;
    left: auto !important;
  }
  .page-with-two-sidebar.page-sidebar-toggled .sidebar.sidebar-right,
  .page-with-two-sidebar.page-sidebar-toggled .sidebar-bg.sidebar-right {
    -webkit-animation: none;
    animation: none;
  }
  .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right,
  .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right {
    -webkit-animation: sidebarSlideInRight 0.2s;
    animation: sidebarSlideInRight 0.2s;
    right: 0;
    left: auto;
  }
  .timeline:before {
    left: 19%;
  }
  .timeline .timeline-body {
    margin-left: 25%;
    margin-right: 10%;
  }
  .timeline .timeline-time {
    width: 13%;
  }
  .timeline .timeline-icon {
    left: 13%;
    width: 12%;
  }
  .coming-soon .timer .is-countdown {
    width: 767px;
  }
  .superbox-list {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .page-header-fixed {
    padding-top: 109px;
  }
  .page-with-right-sidebar .sidebar {
    left: auto;
    right: -220px;
  }
  .page-with-right-sidebar .content {
    margin-right: 0;
  }
  .page-with-right-sidebar .footer {
    margin-right: 20px;
  }
  .content,
  .page-sidebar-minifed .content {
    margin-left: 0 !important;
  }
  .content.content-full-width .breadcrumb {
    margin: 20px;
  }
  .navbar-brand {
    width: auto;
  }
  .navbar-header {
    border-bottom: 1px solid #eee;
  }
  .navbar-inverse .navbar-header {
    border-bottom: 1px solid #2d353c;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-right {
    float: right;
  }
  .navbar-left,
  .navbar-nav > li {
    float: left;
  }
  .navbar-form {
    margin: 0;
    padding: 12px 10px;
    border: none;
    box-shadow: none;
  }
  .navbar-form .btn-search {
    right: 10px;
  }
  .navbar-form .form-group {
    margin: 0;
  }
  .navbar-form .form-control,
  .navbar-form .form-control:focus {
    margin: 0;
    width: 200px !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    border-top: 1px solid #eee;
    list-style: none;
    background: #fff;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2);
  }
  .navbar-nav .open .dropdown-menu.navbar-right .open .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #eee;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #262626;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background: #edf0f5;
    color: #262626;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: #edf0f5;
  }
  @-webkit-keyframes sidebarSlideInLeft {
    from {
      left: -220px;
    }
    to {
      left: 0;
    }
  }
  @keyframes sidebarSlideInLeft {
    from {
      left: -220px;
    }
    to {
      left: 0;
    }
  }
  @-webkit-keyframes sidebarSlideInRight {
    from {
      right: -220px;
    }
    to {
      right: 0;
    }
  }
  @keyframes sidebarSlideInRight {
    from {
      right: -220px;
    }
    to {
      right: 0;
    }
  }
  .page-sidebar-toggled .sidebar {
    left: 0;
    -webkit-animation: sidebarSlideInLeft 0.2s;
    animation: sidebarSlideInLeft 0.2s;
  }
  .page-sidebar-toggled .sidebar-bg {
    position: fixed;
    background: #2d353c;
    left: 0;
    -webkit-animation: sidebarSlideInLeft 0.2s;
    animation: sidebarSlideInLeft 0.2s;
  }
  .page-sidebar-toggled.page-with-right-sidebar .sidebar {
    left: auto;
    right: 0;
    -webkit-animation: sidebarSlideInRight 0.2s;
    animation: sidebarSlideInRight 0.2s;
  }
  .sidebar {
    position: absolute;
    left: -220px;
    padding-top: 0;
    z-index: 1030;
  }
  .sidebar-bg {
    position: initial;
    background: none;
    left: -60px;
    z-index: 1020;
  }
  .page-sidebar-minified.page-sidebar-minified .sidebar {
    position: fixed !important;
  }
  .page-sidebar-minified.page-sidebar-minified .sidebar-bg {
    position: fixed;
    background: #2d353c;
    z-index: 1010;
    left: 0;
    -webkit-animation: sidebarSlideInLeft 0.2s;
    animation: sidebarSlideInLeft 0.2s;
  }
  .page-with-right-sidebar.page-sidebar-toggled.page-sidebar-minified .sidebar-bg {
    left: auto;
    right: 0;
    -webkit-animation: sidebarSlideInRight 0.2s;
    animation: sidebarSlideInRight 0.2s;
  }
  .page-sidebar-minified.page-with-right-sidebar .content {
    margin-right: 0;
  }
  .page-sidebar-minified.page-with-right-sidebar .footer {
    margin-right: 20px;
  }
  .content {
    margin-left: 0;
    padding: 20px;
  }
  .breadcrumb {
    float: none !important;
  }
  .footer {
    margin: 0 20px;
  }
  .table-responsive .table > thead > tr > th,
  .table-responsive .table > tbody > tr > th,
  .table-responsive .table > tfoot > tr > th,
  .table-responsive .table > thead > tr > td,
  .table-responsive .table > tbody > tr > td,
  .table-responsive .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .dataTables_wrapper {
    padding: 15px;
    min-width: 767px;
  }
  .invoice-company .pull-right {
    float: none !important;
    display: block;
  }
  .invoice .table-responsive {
    margin-bottom: 20px;
  }
  .invoice-from,
  .invoice-to,
  .invoice-date {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
  .invoice-to,
  .invoice-date {
    margin-top: 20px !important;
  }
  .invoice-price .invoice-price-left,
  .invoice-price .invoice-price-right {
    display: block;
    width: 100% !important;
    float: left !important;
    padding: 10px !important;
  }
  .invoice-price .invoice-price-row {
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .invoice-price .invoice-price-left .sub-price {
    padding: 0px 10px !important;
    display: block !important;
    text-align: center !important;
  }
  .invoice-price .invoice-price-right {
    text-align: center !important;
  }
  .invoice-price .invoice-price-right small {
    position: relative !important;
    display: block;
    left: 0 !important;
    top: 0 !important;
  }
  .result-list .result-image {
    width: 160px;
  }
  .result-list .result-price {
    width: 100px;
    font-size: 20px;
  }
  .result-list > li > div {
    padding: 15px;
  }
  .map {
    top: 109px !important;
    left: 0 !important;
  }
  .gallery .image {
    width: 50%;
  }
  .vertical-box,
  .vertical-box .vertical-column {
    display: block !important;
  }
  .width-xs,
  .width-sm,
  .width-md,
  .width-lg,
  .width-full {
    width: 100% !important;
  }
  .fc-event .fc-event-title small {
    display: none !important;
  }
  .calendar {
    display: block;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .fc-button-today {
    float: left !important;
  }
  .fc-header-left,
  .fc-header-center,
  .fc-header-right {
    text-align: center !important;
    width: 100% !important;
    display: table !important;
  }
  .calendar-event .external-event {
    width: 100% !important;
  }
  .fc-header-left {
    text-align: right !important;
  }
  .fc-header-center {
    margin-top: -46px !important;
  }
  .fc-header-center h2 {
    font-size: 18px !important;
  }
  .calendar-event .external-event p,
  .calendar-event .external-event i,
  .fc-header-left .fc-header-space,
  .fc-event .fc-event-icons {
    display: none !important;
  }
  .calendar-event .external-event h5 {
    margin: 0 !important;
  }
  .bwizard-steps li {
    float: left !important;
    width: 100% !important;
  }
  .nav-tabs.nav-justified.nav-justified-mobile > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified.nav-justified-mobile > li > a {
    margin-bottom: 0;
  }
  .page-with-two-sidebar .header .navbar-brand {
    float: none;
    display: block;
    margin: 0 70px;
    text-align: center;
  }
  .page-with-two-sidebar .header .navbar-brand .navbar-logo {
    position: relative;
    top: 3px;
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-right: 5px;
  }
  .timeline:before {
    left: 50%;
  }
  .timeline .timeline-body {
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    padding: 20px;
  }
  .timeline .timeline-footer {
    margin: 20px -20px -20px;
    padding: 20px;
  }
  .timeline .timeline-body:before {
    border-bottom-color: #fff;
    border-right-color: transparent;
    left: 50%;
    top: -20px;
    margin-left: -10px;
  }
  .timeline .timeline-time {
    right: 50%;
    left: 0;
    width: auto;
    margin-right: 40px;
    padding-top: 5px;
  }
  .timeline .timeline-icon {
    left: 0;
    width: 80px;
    position: relative;
    margin: 0 auto;
  }
  .coming-soon .timer .is-countdown {
    width: 100%;
  }
  .login.login-v2 {
    margin: 108px 0;
    width: 100%;
  }
  .login-cover-image img {
    max-width: initial;
    max-height: 100%;
  }
  .login-bg-list {
    position: relative;
    padding: 20px;
    right: 0;
    bottom: 0;
    margin-top: -108px;
  }
  .superbox-list {
    width: 25%;
  }
  .vertical-box,
  .vertical-box-row,
  .vertical-box-column,
  .vertical-box-cell,
  .vertical-box-inner-cell,
  .page-content-full-height .content {
    display: block !important;
    width: auto !important;
    position: relative !important;
    overflow: initial !important;
    table-layout: initial !important;
    top: auto !important;
    height: auto !important;
  }
  .vertical-box .slimScrollBar,
  .vertical-box .slimScrollRail {
    display: none !important;
  }
  .form-horizontal.form-bordered .form-group > .control-label {
    padding: 15px 15px 0;
    line-height: inherit;
  }
  .form-horizontal.form-bordered .form-group > div {
    padding: 5px 15px 15px;
  }
}
@media (max-width: 540px) {
  .widget-chart .widget-chart-content {
    margin-right: 0;
  }
  .widget-chart .widget-chart-sidebar,
  .widget-chart .widget-chart-sidebar .chart-legend {
    position: relative;
    width: auto;
  }
  .widget-chart .widget-chart-sidebar .chart-legend {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .media.media-lg .pull-left {
    float: none !important;
    margin-right: 0;
  }
  .media.media-lg .media-object {
    width: 100%;
    margin-bottom: 10px;
  }
  .result-list .result-image {
    width: 100%;
    float: none;
  }
  .result-list .result-image a {
    position: relative;
  }
  .result-list > li div {
    display: block;
    width: 100%;
  }
  .result-list > li .result-price {
    border-left: none;
    border-top: 1px dashed #ddd;
    width: 100%;
    padding: 15px;
  }
  .result-list .btn-row {
    text-align: center;
  }
  .result-list .result-price .btn {
    margin-top: 15px;
  }
  .gallery .image {
    width: 100%;
  }
  .coming-soon .timer .countdown-amount {
    font-size: 24px;
  }
  .coming-soon .timer .countdown-period,
  .coming-soon .coming-soon-header .desc,
  .coming-soon .coming-soon-content .desc {
    font-size: 12px;
  }
  .coming-soon .coming-soon-header .desc,
  .coming-soon .coming-soon-content .desc {
    padding-right: 20px;
    padding-left: 20px;
  }
  .coming-soon .coming-soon-content .input-group {
    width: auto;
    margin-right: 20px;
    margin-left: 20px;
  }
  .superbox-list {
    width: 50%;
  }
}
@media (max-width: 380px) {
  .navbar-form .form-control,
  .navbar-form .form-control:focus {
    width: 160px !important;
  }
}
@media (max-width: 340px) {
  .navbar-form .form-control,
  .navbar-form .form-control:focus {
    width: 140px !important;
  }
}