html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner > *{
  opacity: 0;
}

/* Spinner */
body.show-spinner::before{
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

.has-success .form-control, .has-success .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .has-success .select2-selection__rendered,
.has-success .select2-container--default .select2-selection--single,
.select2-container--default .has-success .select2-selection--single, .has-success .select2-selection.select2-selection--multiple, .has-success .wizard .content > .body input, .wizard .content > .body .has-success input, .has-success .mce-floatpanel .mce-textbox, .mce-floatpanel .has-success .mce-textbox, .has-success .mce-floatpanel .mce-btn, .mce-floatpanel .has-success .mce-btn, .has-success .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter .has-success input, .has-success .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_length .has-success select, .has-success .jsgrid-cell input, .jsgrid-cell .has-success input, .has-success .jsgrid-cell select, .jsgrid-cell .has-success select, .has-success .tablesaw-bar .btn-select select, .tablesaw-bar .btn-select .has-success select, .has-success .dd-handle, .has-success .dd3-content, .has-success .app-search .form-control:focus, .app-search .has-success .form-control:focus, .has-success .app-search .jsgrid-cell input:focus, .app-search .jsgrid-cell .has-success input:focus, .has-success .jsgrid-cell .app-search input:focus, .jsgrid-cell .app-search .has-success input:focus, .has-success .app-search .jsgrid-cell select:focus, .app-search .jsgrid-cell .has-success select:focus, .has-success .jsgrid-cell .app-search select:focus, .jsgrid-cell .app-search .has-success select:focus, .has-success .app-search .dd-handle:focus, .app-search .has-success .dd-handle:focus, .has-success .app-search .dd3-content:focus, .app-search .has-success .dd3-content:focus {
  border-color: rgba(46, 205, 153, 0.5); }
  .has-success .form-control:focus, .has-success .select2-container--default .select2-selection--single .select2-selection__rendered:focus, .select2-container--default .select2-selection--single .has-success .select2-selection__rendered:focus,
  .has-success .select2-container--default .select2-selection--single:focus,
  .select2-container--default .has-success .select2-selection--single:focus, .has-success .select2-selection.select2-selection--multiple:focus, .has-success .wizard .content > .body input:focus, .wizard .content > .body .has-success input:focus, .has-success .mce-floatpanel .mce-textbox:focus, .mce-floatpanel .has-success .mce-textbox:focus, .has-success .mce-floatpanel .mce-btn:focus, .mce-floatpanel .has-success .mce-btn:focus, .has-success .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter .has-success input:focus, .has-success .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_length .has-success select:focus, .has-success .jsgrid-cell input:focus, .jsgrid-cell .has-success input:focus, .has-success .jsgrid-cell select:focus, .jsgrid-cell .has-success select:focus, .has-success .tablesaw-bar .btn-select select:focus, .tablesaw-bar .btn-select .has-success select:focus, .has-success .dd-handle:focus, .has-success .dd3-content:focus {
    border-color: #2ecd99; }

.has-warning .form-control, .has-warning .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .has-warning .select2-selection__rendered,
.has-warning .select2-container--default .select2-selection--single,
.select2-container--default .has-warning .select2-selection--single, .has-warning .select2-selection.select2-selection--multiple, .has-warning .wizard .content > .body input, .wizard .content > .body .has-warning input, .has-warning .mce-floatpanel .mce-textbox, .mce-floatpanel .has-warning .mce-textbox, .has-warning .mce-floatpanel .mce-btn, .mce-floatpanel .has-warning .mce-btn, .has-warning .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter .has-warning input, .has-warning .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_length .has-warning select, .has-warning .jsgrid-cell input, .jsgrid-cell .has-warning input, .has-warning .jsgrid-cell select, .jsgrid-cell .has-warning select, .has-warning .tablesaw-bar .btn-select select, .tablesaw-bar .btn-select .has-warning select, .has-warning .dd-handle, .has-warning .dd3-content, .has-warning .app-search .form-control:focus, .app-search .has-warning .form-control:focus, .has-warning .app-search .jsgrid-cell input:focus, .app-search .jsgrid-cell .has-warning input:focus, .has-warning .jsgrid-cell .app-search input:focus, .jsgrid-cell .app-search .has-warning input:focus, .has-warning .app-search .jsgrid-cell select:focus, .app-search .jsgrid-cell .has-warning select:focus, .has-warning .jsgrid-cell .app-search select:focus, .jsgrid-cell .app-search .has-warning select:focus, .has-warning .app-search .dd-handle:focus, .app-search .has-warning .dd-handle:focus, .has-warning .app-search .dd3-content:focus, .app-search .has-warning .dd3-content:focus {
  border-color: rgba(240, 197, 65, 0.5); }
  .has-warning .form-control:focus, .has-warning .select2-container--default .select2-selection--single .select2-selection__rendered:focus, .select2-container--default .select2-selection--single .has-warning .select2-selection__rendered:focus,
  .has-warning .select2-container--default .select2-selection--single:focus,
  .select2-container--default .has-warning .select2-selection--single:focus, .has-warning .select2-selection.select2-selection--multiple:focus, .has-warning .wizard .content > .body input:focus, .wizard .content > .body .has-warning input:focus, .has-warning .mce-floatpanel .mce-textbox:focus, .mce-floatpanel .has-warning .mce-textbox:focus, .has-warning .mce-floatpanel .mce-btn:focus, .mce-floatpanel .has-warning .mce-btn:focus, .has-warning .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter .has-warning input:focus, .has-warning .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_length .has-warning select:focus, .has-warning .jsgrid-cell input:focus, .jsgrid-cell .has-warning input:focus, .has-warning .jsgrid-cell select:focus, .jsgrid-cell .has-warning select:focus, .has-warning .tablesaw-bar .btn-select select:focus, .tablesaw-bar .btn-select .has-warning select:focus, .has-warning .dd-handle:focus, .has-warning .dd3-content:focus {
    border-color: #f0c541; }

.has-error .form-control, .has-error .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .has-error .select2-selection__rendered,
.has-error .select2-container--default .select2-selection--single,
.select2-container--default .has-error .select2-selection--single, .has-error .select2-selection.select2-selection--multiple, .has-error .wizard .content > .body input, .wizard .content > .body .has-error input, .has-error .mce-floatpanel .mce-textbox, .mce-floatpanel .has-error .mce-textbox, .has-error .mce-floatpanel .mce-btn, .mce-floatpanel .has-error .mce-btn, .has-error .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter .has-error input, .has-error .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_length .has-error select, .has-error .jsgrid-cell input, .jsgrid-cell .has-error input, .has-error .jsgrid-cell select, .jsgrid-cell .has-error select, .has-error .tablesaw-bar .btn-select select, .tablesaw-bar .btn-select .has-error select, .has-error .dd-handle, .has-error .dd3-content, .has-error .app-search .form-control:focus, .app-search .has-error .form-control:focus, .has-error .app-search .jsgrid-cell input:focus, .app-search .jsgrid-cell .has-error input:focus, .has-error .jsgrid-cell .app-search input:focus, .jsgrid-cell .app-search .has-error input:focus, .has-error .app-search .jsgrid-cell select:focus, .app-search .jsgrid-cell .has-error select:focus, .has-error .jsgrid-cell .app-search select:focus, .jsgrid-cell .app-search .has-error select:focus, .has-error .app-search .dd-handle:focus, .app-search .has-error .dd-handle:focus, .has-error .app-search .dd3-content:focus, .app-search .has-error .dd3-content:focus {
  border-color: rgba(237, 111, 86, 0.5); }
  .has-error .form-control:focus, .has-error .select2-container--default .select2-selection--single .select2-selection__rendered:focus, .select2-container--default .select2-selection--single .has-error .select2-selection__rendered:focus,
  .has-error .select2-container--default .select2-selection--single:focus,
  .select2-container--default .has-error .select2-selection--single:focus, .has-error .select2-selection.select2-selection--multiple:focus, .has-error .wizard .content > .body input:focus, .wizard .content > .body .has-error input:focus, .has-error .mce-floatpanel .mce-textbox:focus, .mce-floatpanel .has-error .mce-textbox:focus, .has-error .mce-floatpanel .mce-btn:focus, .mce-floatpanel .has-error .mce-btn:focus, .has-error .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_filter .has-error input:focus, .has-error .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_length .has-error select:focus, .has-error .jsgrid-cell input:focus, .jsgrid-cell .has-error input:focus, .has-error .jsgrid-cell select:focus, .jsgrid-cell .has-error select:focus, .has-error .tablesaw-bar .btn-select select:focus, .tablesaw-bar .btn-select .has-error select:focus, .has-error .dd-handle:focus, .has-error .dd3-content:focus {
    border-color: #ed6f56; }

.has-success .checkbox, .has-success
.checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #2ecd99; }

.has-warning .checkbox, .has-warning
.checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
  color: #f0c541; }

.has-error .checkbox, .has-error
.checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #ed6f56; }

.has-error .input-group-addon {
  background-color: transparent;
  color: #ed6f56;
  border-color: rgba(237, 111, 86, 0.5); }

.has-success .input-group-addon {
  background-color: transparent;
  color: #2ecd99;
  border-color: rgba(46, 205, 153, 0.5); }

.has-success .form-control-feedback {
  color: #2ecd99; }

.has-warning .form-control-feedback {
  color: #f0c541; }

.has-error .form-control-feedback {
  color: #ed6f56; }

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}