@charset "UTF-8";
/* in popup view, the DNN table does not stretch 100% */
.bstrap30 table#Table1 {
  width: 100%;
}
/*start common loading animation for grid, form and tabspro*/
.common-loading-container {
  background-color: white;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  min-height: 50px;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
div.angrid .common-loading-container {
  min-height: 350px;
}
.modal .common-loading-container {
  position: fixed;
}
.common-data-loading,
.common-data-loading:before,
.common-data-loading:after {
  animation: line-wave 1s infinite ease-in-out;
  background: #00c0ef;
  height: 3em;
  width: 1em;
}
.common-data-loading {
  animation-delay: -0.16s;
  color: #00c0ef;
  font-size: 10px;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  transform: translateZ(0);
  top: 50%;
  text-indent: -9999em;
}
.common-data-loading:before,
.common-data-loading:after {
  content: '';
  position: absolute;
  top: 0;
}
.common-data-loading:before {
  animation-delay: -0.32s;
  left: -1.5em;
}
.common-data-loading:after {
  left: 1.5em;
}
@keyframes line-wave {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}
/*end common loading animation for grid, form and tabspro*/
/* Material Design Front-end CSS */
@media (min-width: 768px) {
  html .bstrap3-material .form-horizontal .control-label {
    padding-top: 10px;
  }
}
html .bstrap3-material .table-striped .preview img {
  min-width: 80px;
}
html .bstrap3-material .custom-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: not-allowed;
}
html .bstrap3-material .wysiwyg {
  border: 1px solid #ddd;
}
html .bstrap3-material .form-horizontal .control-label {
  color: #444;
}
html .bstrap3-material .static {
  line-height: 20px;
  font-size: 13px;
  padding-top: 5px;
  padding-left: 6px;
  color: #444;
}
html .bstrap3-material .accordion-toggle {
  color: #000000;
}
html .bstrap3-material .accordion-toggle:hover {
  color: #212121;
}
html .bstrap3-material .p-checkbox-spacing-fix {
  margin-left: 0px;
}
html .bstrap3-material .dropdown-submenu:hover > a,
html .bstrap3-material .dropdown-submenu:focus > a {
  color: #ffffff;
  background-color: none;
  background-image: none;
}
html .bstrap3-material .dropdown-submenu:hover > a,
html .bstrap3-material .dropdown-submenu:focus > a {
  color: #ffffff;
  background-color: none;
  background-image: none;
}
html .bstrap3-material .dropdown-absolute {
  position: absolute;
  z-index: 1030;
}
html .bstrap3-material .dropdown-panel {
  display: table;
  white-space: nowrap;
  padding: 12px;
  max-height: 250px;
  overflow-x: hidden;
  opacity: 0;
}
html .bstrap3-material button > i.fa-action-form.pull-left {
  margin-top: 5px;
}
html .bstrap3-material button > i.fa-action-form {
  margin-left: 4px;
}
html .bstrap3-material .label-info {
  background-color: #2196f3;
}
html .bstrap3-material .ta-editor {
  border: 1px solid #ddd;
}
html .bstrap3-material .btn-link[disabled] {
  color: transparent;
}
html .bstrap3-material .drag-button a {
  background-color: #fff;
}
html .bstrap3-material .input-group-btn:last-child > .btn {
  margin-left: 10px;
}
html .bstrap3-material input[type="checkbox"] {
  margin-top: 5px;
}
html .bstrap3-material .ta-scroll-window > .ta-bind:focus {
  outline: none;
}
html .bstrap3-material .alert a:not(.close) {
  color: #212121;
  font-weight: 400;
}
html .bstrap3-material strong {
  font-weight: 600;
}
html .bstrap3-material [type=text].form-control[disabled],
html .bstrap3-material input.form-control[disabled],
html .bstrap3-material input[type=text][disabled] {
  color: #ddd;
}
html .bstrap3-material .dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #757575;
}
html .bstrap3-material .text-muted {
  color: #9E9E9E;
}
html .bstrap3-material .alert-info {
  background-color: #f5f5f5;
  border-color: #e2e2e2;
  color: #212121;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}
html .bstrap3-material .btn-link-animate:hover {
  background-color: #e51c23;
  color: #fff;
}
html .bstrap3-material legend {
  border-bottom: 1px solid #616161;
  padding: 0 0 5px 0;
}
@media (min-width: 768px) {
  html .bstrap3-material .form-horizontal .control-label {
    padding-top: 8px;
  }
}
html body.in-iframe .bstrap3-material .dropdown-absolute {
  position: relative;
}
/*
 * jQuery File Upload UI Plugin CSS 8.1
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  transform: translate(-300px, 0) scale(4) !important;
  font-size: 23px !important;
  direction: ltr !important;
  cursor: pointer !important;
  height: 30px !important;
  border-width: 0 !important;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .bar {
  background: url(../bootstrap/img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../bootstrap/img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}
.files audio,
.files video {
  max-width: 300px;
}
@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
}
/*fix DNN 7 file styles*/
.fileinput-button .dnnInputFileWrapper {
  overflow: visible !important;
  position: static !important;
}
.fileinput-button .dnnInputFileWrapper .dnnSecondaryAction {
  display: none !important;
}
.inline-error p {
  margin: 0;
  padding: 0;
}
.alert p {
  margin: 10px 0 16px 0;
  padding: 0;
}
.files p {
  margin: 0;
  padding: 0;
}
/* this breaks DNN dialogs */
.ui-dialog .ui-dialog-titlebar-close {
  position: static !important;
}
/* This fixes relative DNN Divs getting on top of our popup */
.modal-open .DnnModule,
.modal-open #DNN6,
.modal-open #Content {
  position: static !important;
}
.dnnsf-dnn-editmode .modal-backdrop {
  /*display: none;*/
}
@media (min-width: 992px) {
  .modal .modal-dialog.modal-lg {
    width: 900px;
  }
}
/* move datepicker on top */
.ui-datepicker {
  z-index: 9999 !important;
}
.popover {
  z-index: 9999 !important;
}
/* CSS 3 animations */
.af-fade.ng-hide-add,
.af-fade.ng-hide-remove {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  -o-transition: 0.5s linear all;
  transition: 0.5s linear all;
  /*display: block!important;*/
}
.af-fade.ng-hide-remove {
  opacity: 0;
}
.af-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.af-fade.ng-hide-add {
  opacity: 1;
}
.af-fade.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}
/* this is used by angular to get duration and delay */
.af-slide.ng-hide-add,
.af-slide.ng-hide-remove {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: block !important;
}
/* this is added before the element is displayed */
.af-slide.ng-hide-remove,
.af-slide.ng-hide-add.ng-hide-add-active {
  /*-webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);*/
  height: 0;
  opacity: 0;
}
/* this is added to an element right before is hidden  */
.af-slide.ng-hide-add,
.af-slide.ng-hide-remove.ng-hide-remove-active {
  /*-webkit-transform: scaleY(1);
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            transform: scaleY(1);*/
  height: 100%;
  opacity: 1;
}
.autocomplete-wrapper {
  margin: 44px auto 44px;
  max-width: 600px;
}
.autocomplete-wrapper label {
  display: block;
  margin-bottom: .75em;
  color: #3f4e5e;
  font-size: 1.25em;
}
.autocomplete-wrapper .text-field {
  padding: 0 15px;
  width: 100%;
  height: 40px;
  border: 1px solid #CBD3DD;
  font-size: 1.125em;
}
.autocomplete-wrapper ::-webkit-input-placeholder {
  color: #CBD3DD;
  font-style: italic;
  font-size: 18px;
}
.autocomplete-wrapper :-moz-placeholder {
  color: #CBD3DD;
  font-style: italic;
  font-size: 18px;
}
.autocomplete-wrapper ::-moz-placeholder {
  color: #CBD3DD;
  font-style: italic;
  font-size: 18px;
}
.autocomplete-wrapper :-ms-input-placeholder {
  color: #CBD3DD;
  font-style: italic;
  font-size: 18px;
}
.autocomplete-suggestions {
  overflow: auto;
  border: 1px solid #CBD3DD;
  background: #FFF;
}
.autocomplete-suggestion {
  overflow: hidden;
  padding: 5px 15px;
  white-space: nowrap;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  color: #1fadd7;
  font-weight: normal;
}
/*Overrides the css from bootstrap*/
label.control-label {
  font-weight: bold;
}
.ContentWrapDark label.ng-binding {
  /*fix for evoque*/
  color: initial;
}
/*align modals to top on mobile*/
@media only screen and (max-width: 768px) {
  .af-modal-module .modal-dialog {
    transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
  }
}
.bstrap3-material {
  /* And this is to fix incompatibilities with bootstrap 2 */
  /* DNN font size is by default smaller */
  /* undo required text from DNN */
  /* table extensions */
  /* Tags control */
}
.bstrap3-material .row {
  min-width: 0;
  /* this fixes an issue with The 1140px Grid DotNetNuke Skin by dnnideas.com */
}
.bstrap3-material .field-container {
  margin-bottom: 15px;
}
.bstrap3-material .loose .field-container {
  margin-bottom: 27px;
}
.bstrap3-material .compact .field-container {
  margin-bottom: 4px;
}
.bstrap3-material label {
  font-weight: normal;
}
.bstrap3-material .form-horizontal .top .control-label {
  text-align: left;
  margin: 0 0 3px 3px;
  padding: 0;
  float: none;
  width: auto;
}
.bstrap3-material .form-horizontal .control-label.radio-inline {
  width: auto;
}
@media (min-width: 768px) {
  .bstrap3-material .form-horizontal .label-left {
    text-align: left;
  }
  .bstrap3-material .form-horizontal .label-right {
    text-align: right;
  }
  .bstrap3-material .form-horizontal .label-center {
    text-align: center;
  }
}
.bstrap3-material .wysiwyg {
  overflow: hidden;
}
.bstrap3-material label.required {
  /*font-weight: bold;*/
}
.bstrap3-material label.required:after {
  content: " *";
}
.bstrap3-material .form-horizontal .control-label,
.bstrap3-material .form-horizontal .radio,
.bstrap3-material .form-horizontal .checkbox,
.bstrap3-material .form-horizontal .radio-inline,
.bstrap3-material .form-horizontal .checkbox-inline {
  padding-top: 10px;
}
.bstrap3-material .radio-inline,
.bstrap3-material .checkbox-inline {
  margin-left: 10px;
}
.bstrap3-material .form-horizontal .control-label.radio {
  text-align: left;
}
.bstrap3-material .action-buttons {
  text-align: center;
  padding-top: 17px;
}
.bstrap3-material label.placeholder {
  background: none !important;
  line-height: 27px !important;
}
.bstrap3-material .submit-progress {
  /*position: relative;
    bottom: 52px;
    right: 40px;*/
  visibility: hidden;
}
.bstrap3-material .submit-progress img {
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}
.bstrap3-material .submit-progress.stretch img {
  width: 100%;
}
.bstrap3-material .section-title {
  padding-top: 7px;
  padding-bottom: 7px;
}
.bstrap3-material .section-title.underlined {
  border-bottom: 1px solid #ccc;
}
.bstrap3-material .modal {
  overflow-y: auto !important;
  width: auto;
  background: transparent;
  margin: 0;
  top: 0 !important;
  z-index: 9050 !important;
}
.bstrap3-material .modal-body {
  max-height: none;
}
.bstrap3-material .modal-backdrop,
.bstrap3-material .modal-backdrop.fade.in {
  position: fixed;
  opacity: 0.8 !important;
  filter: alpha(opacity=80);
  z-index: 9040 !important;
}
.bstrap3-material .form-actions {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}
.bstrap3-material .form-horizontal .control-label {
  width: auto;
  float: none;
}
.bstrap3-material .c-form .form-group {
  margin-bottom: 0;
}
.bstrap3-material input[type="radio"],
.bstrap3-material input[type="checkbox"] {
  margin-top: 1px;
}
.bstrap3-material .static {
  margin: 8px 0 0 0;
}
.bstrap3-material textarea.form-control {
  height: auto;
}
.bstrap3-material .label-align-top .radio,
.bstrap3-material .label-align-top .checkbox {
  margin-left: 20px;
}
.bstrap3-material .centered {
  text-align: center;
}
.bstrap3-material .label-align-top .btn-form {
  margin-top: 17px;
}
.bstrap3-material .required label:after,
.bstrap3-material legend.required:after {
  content: none;
}
.bstrap3-material .btnc-left,
.bstrap3-material .form-horizontal .control-label.btnc-left {
  text-align: left;
}
.bstrap3-material .btnc-right,
.bstrap3-material .form-horizontal .control-label.btnc-right {
  text-align: right;
}
.bstrap3-material .btnc-center,
.bstrap3-material .form-horizontal .control-label.btnc-center {
  text-align: center;
}
.bstrap3-material .form-button {
  height: auto;
}
.bstrap3-material .table-borderless td,
.bstrap3-material .table-borderless th {
  border: none !important;
}
.bstrap3-material .table-inline {
  width: auto !important;
}
.bstrap3-material .table-inline td,
.bstrap3-material .table-inline th {
  padding-left: 30px !important;
}
.bstrap3-material .bootstrap-tagsinput {
  width: 100%;
}
.bstrap3-material .tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.bstrap3-material .tt-hint {
  color: #ccc;
}
.bstrap3-material .tt-suggestion {
  display: block;
  padding: 3px 20px;
}
.bstrap3-material .tag {
  font-size: 85% !important;
}
.bstrap3-material .tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.bstrap3-material .tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}
.bstrap3-material .tt-suggestion p {
  margin: 0;
  padding: 0;
}
.bstrap3-material .twitter-typeahead input {
  font-family: Arial !important;
  /* looks like tags input is only working with some fonts */
}
/*===== LOADER =====*/
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999999999999;
  top: 0;
  text-align: center;
  opacity: 0.7;
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 88px auto;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
/*===== END LOADER =====*/
/* sortable*/
.af-handler {
  padding: 10px;
  margin: -10px;
}
.bstrap3-material div.af-slider {
  margin-bottom: 30px;
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .field-container .af-sortable {
    font-size: 16px;
  }
}
/*radio inputs as buttons*/
.form-root .form-horizontal .field-container .radio.radio-as-buttons {
  display: inline-flex;
  margin-left: 0;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons input[type="radio"].normalCheckBox {
  opacity: 0;
  position: absolute;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons label input[type="radio"]:checked + span.btn {
  background-color: #e6e6e6;
  color: #333333;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons label > .radio-boxes-buttons {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons label.radio-boxes-labels {
  padding-left: 0;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons .radio-btn-text {
  display: inline-flex;
  width: 50px;
  justify-content: center;
  align-items: center;
}
.form-root .form-horizontal .field-container .radio.radio-as-buttons {
  padding-left: 0;
}
/*# sourceMappingURL=styles.css.map */