﻿@charset "UTF-8";
/*$red:             #C13832;
$green:      #93d50a;
$light-green: #e2edc5;
$very-light-green: #f2f5ee;
$orange:     #ff6418;
$light-blue: #34b6e4;
$seafoam:    #8bceaa;

// specific
$footer-bg:  #656262;
$copy:       #212121;
$large-copy: #636363;
$small-copy: #7b7979;*/
/* new clearfix */
.clearfix {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* IE6 */
* html .clearfix {
  zoom: 1;
}

/* IE7 */
*:first-child + html .clearfix {
  zoom: 1;
}

.center {
  text-align: center;
}

.margin-zero {
  margin: 0 auto !important;
}

body {
  background: #f9f9f9;
  color: #666666;
  font-family: "sf_news_gothicregular", Arial;
  font-size: 1rem;
  line-height: 1;
}

a {
  color: #326c9a;
}

input[type=submit].hyperlink-style {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  color: #326c9a;
  display: inline;
  width: auto;
  font-size: 16px;
  cursor: pointer;
}
input[type=submit].hyperlink-style:hover {
  color: #0056b3;
  text-decoration: underline;
}

input[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

h3 {
  font-family: "sf_news_gothicmedium", Arial;
  color: #e22925;
  font-weight: 400;
  padding: 10px 0 5px 0;
}

h4 {
  font-family: "sf_news_gothicmedium", Arial;
  color: #868686;
  font-weight: 400;
}

h5 {
  font-family: "sf_news_gothicmedium", Arial;
  color: #868686;
  font-weight: 400;
}

.card {
  margin-top: 15px;
}

.red {
  color: #e22925;
}

.green {
  color: #008a13;
}

.username-message {
  padding-top: 10px;
  font-weight: bold;
}

.row-no-padding [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.hidden {
  display: none;
}

body#login-page {
  background-image: url("/Images/login-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover; /* Mozilla*/
  -o-background-size: cover; /* Opera*/
  background-size: cover; /* Generic*/
}
body#login-page .logform {
  margin: 2% 99px;
}
body#login-page .logform table {
  width: 100%;
}
body#login-page .card {
  width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
}

#event-edit label {
  font-weight: bold;
  margin-right: 10px;
}

.red-box {
  border: 2px solid red;
  -webkit-transition: border-color 1s ease;
  -moz-transition: border-color 1s ease;
  -o-transition: border-color 1s ease;
  -ms-transition: border-color 1s ease;
  transition: border-color 1s ease;
}

.error-summary {
  background-color: #f8d7d5;
  color: #C41113;
  border-radius: 3px;
  padding: 12px;
  border: 1px solid #C41113;
}

.action-summary {
  background-color: #ceffce;
  color: #008000;
  border-radius: 3px;
  padding: 12px;
  border: 1px solid #008000;
  margin: 15px;
}

input:invalid {
  border: 2px solid #ef938e;
}

.rating-info {
  padding: 5px;
  cursor: pointer;
}

code {
  display: block;
  padding: 15px 0px;
  background-color: #f8f8f8;
  padding: 12px;
  margin: 24px 0px;
}

.dataTables_length select {
  width: 65px;
}

.dataTables_filter input {
  width: 200px;
}

table.dataTable thead th {
  font-weight: normal !important;
}

table.dataTable tbody th {
  padding: 5px 10px;
}

table.dataTable tbody td {
  padding: 5px 5px;
}

input, textarea, .form-control {
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  width: 100%;
  padding: 6px;
  /*color: #868686;*/
}

input[type=text]:focus {
  border-color: #868686;
}

select {
  border-radius: 4px;
  padding: 6px;
  border: 1px solid grey;
  width: 100%;
}

.form-group {
  /*border: 1px solid #e6e9ec;
  border-radius: 4px;
  background-color: #fafafa;*/
}

.form-group div {
  /*padding: 8px 32px;*/
}

.form-group input {
  /*width: auto !important;*/
}

.form-group label {
  font-weight: bold;
}

.form-check {
  border-bottom: 1px solid #e6e9ec;
}

.form-group .form-check:nth-last-child(1) {
  border: 0px;
}

.inline {
  display: flex;
}

.inline div {
  border-right: 1px solid #e6e9ec;
  border-bottom: 0px;
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}

.inline .form-check:nth-last-child(1) {
  border: 0px;
}

@media screen and (max-width: 784px) {
  .inline {
    display: block !important;
  }
  .inline div {
    display: block !important;
    border-right: 0px;
    border-bottom: 1px solid #e6e9ec;
    margin: 0px;
  }
  .inline label {
    display: inline-block;
  }
}
.btn.btn-primary {
  background-color: #045D86;
  border-color: #045D86;
}
.btn.btn-primary:hover {
  background-color: #1c9ad4;
  border-color: #1c9ad4;
}

.btn.btn-secondary {
  background-color: #FFFFFF;
  border-color: #ebebeb;
  color: #666666;
}
.btn.btn-secondary:hover {
  background-color: #FFFFFF;
  border-color: #326c9a;
  color: #326c9a;
}

.btn-primary:hover {
  background-color: #326c9a !important;
}

.equip-item .btn-primary:hover {
  background-color: transparent !important;
}

.btn-full-width {
  width: 100%;
}

.btn-danger {
  background-color: #e22925;
  border-color: #e22925;
}

.btn-link {
  color: #666666;
  font-weight: bold;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
}

.nav-logout {
  color: white;
}

.nav-logout :hover {
  color: white;
  text-decoration: underline;
}

.right-nav-link {
  color: white;
  font-size: 16px;
  padding: 0.25rem 1rem;
}

.alert {
  font-weight: bold;
  margin-bottom: 0;
  overflow-wrap: break-word;
  line-height: 1.25;
  margin-top: 15px;
  padding: 15px;
}

.alert-warning {
  padding-top: 5px;
}

.alert-danger {
  background-color: #f8d7d5;
  color: #C41113;
}

.alert-danger-no-background {
  color: #C41113;
}

.alert-dark .btn {
  background-color: #e22925 !important;
  border-color: #e22925;
}

.alert-primary {
  background-color: #e1f5fe;
  color: #326c9a;
}

.alert-primary-no-background {
  color: #326c9a;
}

.menu-alert {
  font-size: 28px;
  color: #868686;
}

.alert-dark {
  background-color: #fcd8d8;
  border-color: #e22925;
  color: #e22925 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.divider-right {
  padding: 0px 15px;
}

.menu-badge {
  position: relative;
  top: -14px;
  left: -16px;
  font-size: 10px;
}

.data-table {
  border: 1px solid #e6e9ec;
  width: 100%;
  color: #454545;
}
@media screen and (max-width: 479px) {
  .data-table {
    border: none;
  }
}

.data-table th {
  background-color: #045D86 important;
  padding: 8px;
  color: #fff;
  text-align: center;
}

th a {
  color: white !important;
}

.data-table tr:nth-child(odd) {
  background: #fafafa;
}
@media screen and (max-width: 1200px) {
  .data-table tr:nth-child(odd) {
    background: transparent;
  }
}

.data-table td, .data-table th {
  vertical-align: middle;
}

.data-table th {
  color: #326c9a !important;
}

@media screen and (max-width: 479px) {
  .data-table {
    border: none !important;
  }
}

.data-table td {
  padding: 15px !important;
}

#event-tab .data-table tr:nth-child(odd) {
  background: transparent;
}

input[type=number] {
  -moz-appearance: textfield;
  max-width: 80px;
  background-color: #fafafa !important;
  border: none;
  text-align: center;
  border: 1px solid #868686;
}
input[type=number].actual-cost {
  max-width: inherit;
}

input[type=decimal] {
  -moz-appearance: textfield;
  max-width: 80px;
  background-color: #fafafa !important;
  border: none;
  text-align: center;
  border: 1px solid #868686;
}
input[type=decimal].actual-cost {
  max-width: inherit;
}

.btn-default {
  background-color: #f6f6f7;
  color: #7d7d7d;
}

.btn-outline-secondary {
  background-color: #fafafa !important;
  border: 1px solid #e6e9ec !important;
}

.btn-outline-secondary:hover {
  background-color: #1c9ad4 !important;
}

.switch {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.switch + .lable {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}

.switch + .lable::before {
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: #32a3ce;
  content: " ";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}

.switch:checked + .lable::before {
  display: inline-block;
  content: "";
  font-weight: 400;
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* CSS3 on/off switches */
.switch + .lable {
  margin: 0 4px;
  min-height: 24px;
}

.switch + .lable::before {
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  -webkit-transition: text-indent 0.3s ease;
  -o-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
  top: auto;
}

.switch.switch-bootstrap + .lable::before {
  font-weight: 400;
  content: "";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  -webkit-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.switch.switch-bootstrap + .lable::after {
  content: "";
  font-weight: 400;
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  -webkit-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

.switch-primary > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #1c9ad4;
}

.switch-success > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #5cb85c;
}

.switch-danger > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #e22925;
}

.switch-info > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #5bc0de;
}

.switch-warning > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #f0ad4e;
}

.switch.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

/* square */
.switch-square {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.switch-square + .lable {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}

.switch-square + .lable::before {
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: #32a3ce;
  content: "";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}

.switch-square:checked + .lable::before {
  display: inline-block;
  content: "";
  font-weight: 400;
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* CSS3 on/off switches */
.switch-square + .lable {
  margin: 0 4px;
  min-height: 24px;
}

.switch-square + .lable::before {
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  -webkit-transition: text-indent 0.3s ease;
  -o-transition: text-indent 0.3s ease;
  transition: text-indent 0.3s ease;
  top: auto;
}

.switch-square.switch-bootstrap + .lable::before {
  font-weight: 400;
  content: "";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  -webkit-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.switch-square.switch-bootstrap + .lable::after {
  content: "";
  font-weight: 400;
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  -webkit-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

.switch-square.switch-bootstrap:checked + .lable::before {
  font-weight: 400;
  content: "";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}

.switch-primary > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #1c9ad4;
}

.switch-success > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #5cb85c;
}

.switch-danger > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #e22925;
}

.switch-info > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #5bc0de;
}

.switch-warning > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #f0ad4e;
}

.switch-square.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

.switch-square.switch-bootstrap + .lable::after {
  border-radius: 2px;
}

.toggle-options input[type=radio] {
  display: none;
}

.toggle-options {
  margin: 15px 0px;
}

.pill-options td {
  margin-left: -2px;
}

.pill-options {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 1s ease-in-out;
}
.pill-options tbody, .pill-options td, .pill-options .option {
  flex-grow: 1;
}
.pill-options tr {
  display: flex;
}
.pill-options input[type=radio] + label {
  border: 1px solid #e6e9ec;
  border-right: 0;
  display: block;
  cursor: pointer;
  padding: 0.5rem 1.5rem 0.4rem;
  text-align: center;
  transition: background-color 0.2s ease;
  width: 100%;
}
.pill-options input[type=radio] + label:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.pill-options td:first-of-type input[type=radio] + label, .pill-options .option:first-of-type .option-label {
  border-radius: 0.35rem 0 0 0.35rem;
}
.pill-options td:last-of-type input[type=radio] + label, .pill-options .option:last-of-type .option-label {
  border: 1px solid #e6e9ec;
  border-radius: 0 0.35rem 0.35rem 0;
}
.pill-options input[type=radio]:checked + label {
  background-color: #1c9ad4;
  border: 1px solid #1c9ad4;
  border-right: 0;
  color: #fff !important;
  cursor: pointer;
}
.pill-options td:last-of-type > input[type=radio]:checked + label, .pill-options .option:last-of-type > .option-label {
  border-right: 2px solid #4fc5ae;
}

input[type=radio] {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
  width: auto !important;
}

input[type=checkbox] {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
  width: auto !important;
}

.form-check label {
  margin-bottom: 0;
}

.button-row {
  padding-top: 10px;
}

input[type=file] {
  width: auto !important;
}

.btn-file-upload {
  width: auto !important;
  background-color: #1c9ad4;
  border-color: #1c9ad4;
  color: #FFFFFF;
}
.btn-file-upload:hover {
  background-color: #003a67;
  border-color: #003a67;
}

.emptyRatingStar {
  background-image: url("../../Images/star-off.png");
}

.ratingStar {
  font-size: 0pt;
  width: 24px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
}

.filledRatingStar {
  background-image: url("../../Images/star-on.png");
}

.savedRatingStar {
  background-image: url("../../Images/star-on.png");
}

.edit-actions {
  display: flex;
  flex-wrap: wrap;
}
.edit-actions input[type=submit] {
  margin-right: 8px;
  max-height: 40px;
}

.event-element-image {
  margin-top: 15px;
}

.event-element-name {
  padding-top: 10px;
  text-align: center;
}

.event-element-quantity {
  padding-top: 10px;
  text-align: center;
  font-weight: bold;
}

.event-element-add {
  padding-top: 10px;
  text-align: center;
}

.interactive-item {
  margin-top: 5px;
}
.interactive-item .interactive-label {
  font-weight: bold;
}

.element-item {
  margin-top: 5px;
}
.element-item .element-label {
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 15px;
}

#event-edit .nav-tabs, .chart-data-container .nav-tabs {
  padding-bottom: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
#event-edit .nav-tabs .nav-link.active, .chart-data-container .nav-tabs .nav-link.active {
  border: none;
  background-color: #e22925;
  color: #fff !important;
  border-radius: 4px !important;
}
#event-edit .nav-tabs a:hover, .chart-data-container .nav-tabs a:hover {
  border: 1px solid #fff;
  color: #e22925;
}
@media screen and (max-width: 479px) {
  #event-edit .nav-tabs, .chart-data-container .nav-tabs {
    display: block;
  }
}

.card {
  border: none !important;
}

.card-body {
  padding: 40px;
}

.row-no-padding {
  background-color: #fff;
  margin-top: 15px;
}

#Container > .row {
  background-color: #fff;
  padding: 40px;
}

/*.alert {
    margin-top: 15px;
    padding: 15px;
}*/
.data-table td {
  border-color: #efefef;
}

.data-table th {
  border-bottom: none !important;
}

.container {
  max-width: 1280px !important;
}

.card-text input, .card-text .select2, .card-text select {
  margin: 4px 0px;
  border-radius: 4px !important;
  width: 100%;
  border-color: #d1d1d1;
  font-size: 14px;
}

.select2-choices {
  border-color: #d1d1d1 !important;
  border-radius: 4px !important;
  padding: 5px 4px !important;
  background-color: transparent !important;
  background-image: url("") !important;
  font-size: 14px !important;
  color: #868686 !important;
}

.card-text h5 {
  color: #045D86;
  font-size: 18px !important;
}

.form-check label {
  margin-left: 5px;
}

#ContentPlaceHolder1_lblEventName {
  color: #e22925;
  font-weight: bold;
}

body {
  margin-bottom: 70px;
}

#event-tab .card-body {
  line-height: 1.5;
}

#event-tab label {
  color: #045D86;
}

input[type=radio] {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.detail label {
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  display: block;
  width: 100%;
  padding: 3px 8px;
  margin: 0px;
}

.detail .form-group div {
  border: 1px solid #efefef;
  width: 100%;
  padding: 12px;
}

#tabEventEval h3 {
  margin-top: 10px;
}

.ethnicity {
  border: 1px solid #efefef !important;
  line-height: 2;
}

@media screen and (max-width: 479px) {
  #ethnicity div {
    padding: 10px !important;
    text-align: center !important;
  }
}

.row .ethnicity div:first-child {
  border-right: 1px solid #efefef;
  background-color: #f8f8f8;
}
@media screen and (max-width: 1200px) {
  .row .ethnicity div:first-child {
    border: none;
    padding: 12px;
    text-align: center;
  }
}

.row .ethnicity div:nth-child(2) {
  text-align: right;
}
@media screen and (max-width: 1200px) {
  .row .ethnicity div:nth-child(2) {
    text-align: center;
  }
}

.total {
  line-height: 3;
  border-top: 2px solid #045D86 !important;
  font-weight: bold !important;
  color: #045D86;
}

#conditions .form-group {
  border: 1px solid #e6e9ec;
  border-radius: 4px;
}

#conditions .form-group div {
  padding: 8px 32px;
}

#conditions .form-group input {
  width: auto !important;
}

#conditions .form-check {
  border-bottom: 1px solid #e6e9ec;
}

#conditions .form-group .form-check:nth-last-child(1) {
  border: 0px;
}

#conditions .inline {
  display: flex;
}

#conditions .inline div {
  border-right: 1px solid #e6e9ec;
  border-bottom: 0px;
  flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 1;
}

#conditions .inline .form-check:nth-last-child(1) {
  border: 0px;
}

@media screen and (max-width: 784px) {
  #conditions .inline {
    display: block !important;
  }
  #conditions .inline div {
    display: block !important;
    border-right: 0px;
    border-bottom: 1px solid #e6e9ec;
    margin: 0px;
  }
  #conditions .inline label {
    display: inline-block;
  }
}
.temp {
  font-size: 28px;
  text-align: center;
  border-left: 1px solid #035a96;
}
@media screen and (max-width: 1200px) {
  .temp {
    border: none;
  }
}

#site-fees label {
  display: flex;
  margin-left: 10px;
}

#site-fees div {
  display: flex;
  padding: 4px;
}

#site-fees .form-group {
  margin-bottom: 10px;
  margin-top: 18px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#site-fees .col-md-12 {
  padding: 12px 25px;
  line-height: 1;
}

#site-fees .col-md-12:nth-child(odd) {
  background-color: #f8f8f8;
  border-width: 0px;
  border-style: solid;
  border-color: #ebebeb;
}

.element-item {
  border-bottom: 1px solid #efefef;
  margin: 0px;
}

.header, #assets .col-md-12 span {
  background-color: #fff !important;
  color: #045D86;
  margin: 15px 0px;
}

#assets .col-md-4 {
  background-color: #f8f8f8;
  padding: 8px;
}

#assets .col-md-12 {
  padding: 8px;
}

#site-fees {
  margin-left: 0px;
}

.equip-item {
  width: 24.25%;
  max-width: 24.25%;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  margin: 2px;
  padding: 15px;
}
@media screen and (max-width: 479px) {
  .equip-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
  }
}
.equip-item:hover {
  border-color: rgb(196.75, 196.75, 196.75);
}

@media screen and (max-width: 1200px) {
  .equip-item {
    margin-top: 0px;
  }
}

.equip-item button {
  flex-direction: column;
  justify-content: center !important;
  margin: auto !important;
  font-size: calc(1.75vh + 0.5vw) !important;
  border: 1px solid red;
  background-color: transparent !important;
  color: #e22925;
  border: none;
  line-height: 1;
  font-weight: bold;
  height: 100%;
  min-height: 40vh;
}
.equip-item button i {
  font-style: normal;
  font-size: calc(5.2vh + 0.5vw) !important;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .equip-item button i {
    display: block;
  }
}
.equip-item button:hover {
  color: #045D86 !important;
}
@media screen and (max-width: 1200px) {
  .equip-item button {
    padding-top: 0px;
    min-height: 26vh;
  }
}
@media screen and (max-width: 479px) {
  .equip-item button {
    min-height: 1vh;
    height: auto;
  }
}

.event-element-image {
  width: 100%;
  height: 30vh;
  overflow-y: hidden;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .event-element-image {
    height: 20vh;
    margin-top: 0px;
  }
}
@media screen and (max-width: 479px) {
  .event-element-image {
    display: block;
    height: auto;
  }
}

.element-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 65%;
}

.event-element-quantity {
  font-size: 14px;
  padding: 0px;
}

.qty {
  font-size: 16px;
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
}
@media screen and (max-width: 1200px) {
  .qty {
    flex-direction: row;
    white-space: normal;
    background-color: transparent;
  }
}

.qty .input-group-text {
  border: none;
  background-color: #e22925;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .qty .input-group-text {
    margin-top: 10px;
    background-color: transparent;
    color: #045D86;
    border: 1px solid #ebebeb !important;
  }
}

.meta {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 25px;
}

.btn-primary-sm {
  color: #045D86;
  font-weight: bold;
  padding: 10px;
}

.btn-danger-sm {
  color: #e22925;
  font-weight: bold;
  padding: 10px;
}

.interactive-item .btn-primary {
  background-color: #e22925;
  font-weight: bold;
  border-color: #ebebeb;
  font-size: 24px !important;
  padding: 12px;
}

.flexdiv {
  height: 75px;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 479px) {
  .flexdiv {
    height: 20vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

#auditModal .audit-form {
  padding: 25px;
}

.audit-form select, .audit-form input {
  margin-bottom: 15px;
  min-width: 100% !important;
}

.interactive-item div:first-child {
  border: 0px !important;
}

.interactive-item div:not(first-of-type) {
  border: 1px solid #ebebeb;
  width: 100%;
  margin-left: -1px;
  padding: 15px;
}

.interactive-item .col-md-3 {
  background-color: #f9f9f9;
  color: #045D86;
  font-weight: bold;
}

.interactive-item {
  margin-bottom: 8px;
}

.interactive-item .col-md-1, .interactive-item .col-md-12 {
  border: 0px !important;
}

.card-text .btn {
  font-size: 14px !important;
  text-transform: none !important;
}

input[type=checkbox] {
  margin-right: 8px;
  display: inline !important;
}

label {
  display: inline;
  margin-left: 6px;
}

#event-edit-main label {
  margin: 0px;
}

@media screen and (max-width: 479px) {
  .data-table tr {
    display: block;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 479px) {
  .data-table th {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .data-table td {
    display: block;
    text-align: left !important;
    margin-bottom: -1px;
    padding: 8px;
  }
}

@media screen and (max-width: 479px) {
  #event-tab .data-table {
    border: none;
  }
}

#ContentPlaceHolder1_udpStaffing .data-table span, .data-table strong {
  display: none;
}
@media screen and (max-width: 479px) {
  #ContentPlaceHolder1_udpStaffing .data-table span, .data-table strong {
    display: inline-block !important;
    text-align: left !important;
    font-weight: bold !important;
    color: #045D86 !important;
  }
}

@media screen and (max-width: 479px) {
  #event-tab h3 {
    margin-top: 30px;
  }
}

.data-table th {
  background-color: #045D86 !important;
  color: #FFFFFF !important;
}

.button-row {
  padding-bottom: 0px !important;
}

.no-footer th {
  background-color: #045D86 !important;
  color: #fff !important;
}

#event-tab .data-table td {
  text-align: center;
}

.grdEvents td {
  padding: 20px 12px;
}

#divDateRange {
  cursor: pointer;
}

.radiobutton-list {
  border: 1px solid #efefef !important;
  width: 100%;
  border-radius: 6px !important;
}

.radiobutton-list td {
  border-bottom: 1px solid #efefef;
  width: 100% !important;
  display: block;
  padding: 8px 0px 0px 6px;
}

.radiobutton-list input {
  margin-left: 15px;
}

.radiobutton-list label {
  display: inline-block;
  width: 88%;
}

.h-radiobutton-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.h-radiobutton-list td {
  margin-left: 15px;
  border: 1px solid #efefef;
  padding: 8px;
}
@media screen and (max-width: 1200px) {
  .h-radiobutton-list td {
    display: block;
    margin: 0px;
    width: 100%;
  }
}
.h-radiobutton-list label {
  font-weight: normal !important;
  color: #666666 !important;
}
.h-radiobutton-list td.selected {
  background-color: #1c9ad4;
  color: #FFFFFF !important;
}
.h-radiobutton-list td.selected label {
  color: #FFFFFF !important;
}

input[type=number] {
  padding: 2px;
}

input[type=decimal] {
  padding: 2px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ethnicity input {
  padding: 0px !important;
  line-height: 1.5;
}

#ContentPlaceHolder1_udpEventEval label {
  margin-left: 0px;
}

.add-button {
  text-align: right;
  margin: 0px;
  border-bottom: 1px solid #efefef;
}

.button-delete {
  padding: 3px !important;
  border: 0px !important;
  font-weight: normal;
  color: #e22925;
}

.performance-table input, #site-fees input {
  background-color: #FFFFFF !important;
}

.eval-gallery .img-thumbnail {
  position: relative;
}

.eval-gallery .btn-danger {
  position: absolute;
  right: -2px;
  top: -6px;
  border: none;
  border-radius: 0px !important;
  display: none;
}
@media screen and (max-width: 479px) {
  .eval-gallery .btn-danger {
    display: block;
  }
}

.img-thumbnail:hover .btn-danger {
  display: block;
}

.instructions {
  padding: 0 0 10px;
}

.account-edit .form-group div {
  color: #326c9a;
  font-weight: bold;
}

.account-edit label, .account-edit span {
  margin-left: 0px;
}

.fa-print {
  font-size: 18px !important;
}

#datatable select, .dataTables_wrapper select {
  width: auto !important;
}

.dataTables_filter input {
  width: auto;
}

.modal-body .data-table {
  width: 100% !important;
}

.modalimage {
  width: 70px;
}
@media screen and (max-width: 479px) {
  .modalimage {
    width: 100%;
  }
}

.shiftstab {
  padding: 20px !important;
}
@media screen and (max-width: 479px) {
  .shiftstab {
    padding: 0px;
  }
}

@media screen and (max-width: 479px) {
  #Container .row {
    padding: 0px !important;
  }
}

.create-user-btn {
  width: auto !important;
  float: right;
}

.slidingDiv b:before {
  content: " ";
  display: block;
  font-size: 12px;
}

.slidingDiv b {
  color: #326c9a;
  line-height: 2;
}

.slidingDiv {
  margin: 5px 0px 40px 0px;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 0px 25px;
}

.collapse input[type=file] {
  width: 100% !important;
}

select {
  background-color: #fff !important;
}

.select2-selection--multiple {
  padding: 5px;
}

#filters .select2 {
  width: 100% !important;
}

.fa-angle-down:before {
  font-size: 18px;
}

.col-md-3 h3 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
}

.reporting-filters h4 {
  display: flex;
  justify-content: space-between;
}

.col-lg-3 h4 {
  display: flex;
  justify-content: space-between;
}

.container .col-md-3 a:hover {
  border-color: #666666;
  text-decoration: none !important;
}

#report-type div {
  width: 100%;
  margin: 0px;
}

#report-type .col-sm-12 {
  min-width: 100%;
  display: block;
  padding: 10px 15px;
}

#report-type select {
  width: 100% !important;
}

.reporting-filters .nav-tabs {
  border: none;
}

.reporting-filters .btn-group {
  float: right;
}

.grdEvents .fa-ban {
  color: #e22925;
}
.grdEvents .event-icon .fa-check {
  color: #008a13;
}
.grdEvents .green {
  color: #008a13;
}
.grdEvents .yellow {
  color: #ffc107;
}
.grdEvents .orange {
  color: #EB6D00;
}

#report-scope div {
  width: 100%;
  margin: 0px;
}

#report-scope .select2 {
  min-width: 100% !important;
}

#report-scope h5 {
  margin-top: 15px;
}

.event-detail-nav .btn-link {
  border: none;
}

#event-filters h5 i {
  float: right;
}

table.grid-hover tr:hover {
  background-color: #f8f8f8 !important;
  color: #045D86 !important;
}

.add-venue-btn {
  width: auto !important;
}

@media screen and (max-width: 479px) {
  .venue-search tfoot {
    display: none;
  }
}

.edit-actions {
  justify-content: flex-end;
}

.edit-actions input {
  width: auto !important;
}

.btn-success {
  background-color: #008800 !important;
}

.modalimage::after {
  content: "";
  min-height: 50px;
  width: 100%;
  margin: auto;
  display: block;
  background-image: url("../../../AgentPortal/Images/defaultDetailsImage.png");
  background-color: #e4e4e4 !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 479px) {
  .modalimage::after {
    min-height: 120px;
  }
}

#event-search {
  padding: 40px 40px 40px 0px;
}
@media screen and (max-width: 479px) {
  #event-search {
    padding: 20px;
  }
}

.agent-rating {
  min-width: 170px;
}

.navbar {
  background: #e22925;
  color: #FFFFFF;
  border-bottom: 1px solid #e22925;
}
.navbar .user-account {
  display: inline-block;
  font-size: 25px;
  margin-right: 10px;
}
.navbar .user-account a {
  color: #FFFFFF;
}
.navbar .user-name-logout {
  display: inline-block;
}
.navbar.navbar-light .navbar-nav .nav-link {
  color: #FFFFFF;
  font-size: 1rem;
  font-family: "sf_news_gothicmedium", Arial;
}

.navbar-brand img {
  max-width: 140px;
}

@media screen and (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 2rem;
  }
}

.menu-badge {
  left: -10px !important;
  margin-right: -15px;
}
@media screen and (max-width: 479px) {
  .menu-badge {
    display: inline;
    right: 0px;
    float: right;
    left: 15px !important;
  }
}

.nav-item.active {
  text-decoration: underline;
}

.navbar-nav .nav-item a {
  margin-right: 10px;
}

.navbar-nav .nav-item .active a {
  text-decoration: underline;
}

.nav-item .btn-secondary {
  background-color: transparent !important;
  font-size: 24px !important;
  border: none;
}

.nav-item .dropdown-toggle:after {
  border: none;
}

.ml-auto .nav-link {
  padding: 6px !important;
}

@media screen and (max-width: 479px) {
  .nav-link i {
    display: none;
  }
}

.ml-auto a:hover {
  text-decoration: none !important;
  opacity: 0.6;
}

@media screen and (min-width: 1200px) {
  .nav-link b {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .nav-link b {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .nav-link b {
    display: block !important;
    font-weight: normal;
    padding: 0px;
    margin-left: -0.5rem;
  }
}

nav .nav-link:hover {
  text-decoration: underline !important;
}

nav .nav-link:focus {
  opacity: 0.6;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 24, 2013 */
@font-face {
  font-family: "sf_news_gothicbold";
  src: url("../../src/scss/sfnewsgothic-bold-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-bold-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-bold-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-bold-webfont.svg#sf_news_gothicbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicbold_italic";
  src: url("../../src/scss/sfnewsgothic-bolditalic-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-bolditalic-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-bolditalic-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-bolditalic-webfont.svg#sf_news_gothicbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicdemi";
  src: url("../../src/scss/sfnewsgothic-demi-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-demi-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-demi-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-demi-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-demi-webfont.svg#sf_news_gothicdemi") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicdemi_italic";
  src: url("../../src/scss/sfnewsgothic-demiita-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-demiita-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-demiita-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-demiita-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-demiita-webfont.svg#sf_news_gothicdemi_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicmedium";
  src: url("../../src/scss/sfnewsgothic-medium-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-medium-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-medium-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-medium-webfont.svg#sf_news_gothicmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicmedium_italic";
  src: url("../../src/scss/sfnewsgothic-mediumita-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-mediumita-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-mediumita-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-mediumita-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-mediumita-webfont.svg#sf_news_gothicmedium_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicregular";
  src: url("../../src/scss/sfnewsgothic-reg-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-reg-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-reg-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-reg-webfont.svg#sf_news_gothicregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf_news_gothicregular_italic";
  src: url("../../src/scss/sfnewsgothic-regita-webfont.eot");
  src: url("../../src/scss/sfnewsgothic-regita-webfont.eot?#iefix") format("embedded-opentype"), url("../../src/scss/sfnewsgothic-regita-webfont.woff") format("woff"), url("../../src/scss/sfnewsgothic-regita-webfont.ttf") format("truetype"), url("../../src/scss/sfnewsgothic-regita-webfont.svg#sf_news_gothicregular_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Infographic */
.dashboard-infographic .infographic-agents, .dashboard-infographic .infographic-engagements, .dashboard-infographic .infographic-event-statistics {
  zoom: 50%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dashboard-infographic .infographic-agents, .dashboard-infographic .infographic-engagements, .dashboard-infographic .infographic-event-statistics {
    font-size: 0.55em;
    zoom: 100%;
  }
}
@media screen and (max-width: 479px) {
  .dashboard-infographic .infographic-agents, .dashboard-infographic .infographic-engagements, .dashboard-infographic .infographic-event-statistics {
    zoom: unset;
  }
}
@media screen and (max-width: 479px) {
  .dashboard-infographic .activation-name {
    font-size: 28px;
    display: block;
  }
}
.dashboard-infographic .col-1, .dashboard-infographic .col-2, .dashboard-infographic .col-3, .dashboard-infographic .col-4, .dashboard-infographic .col-5, .dashboard-infographic .col-6, .dashboard-infographic .col-7, .dashboard-infographic .col-8, .dashboard-infographic .col-9, .dashboard-infographic .col-10, .dashboard-infographic .col-11, .dashboard-infographic .col-12 {
  max-width: unset;
}

/* Calendar */
.myCalendarTitle {
  padding: 20px;
  width: 100.5% !important;
  margin-left: -2px;
  background-color: #e22925;
  border: 30px solid #e22925;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.myCalendarTitle a {
  color: #fff;
}

#ContentPlaceHolder1_Calendar1 {
  max-width: 100%;
  width: 97%;
  margin: auto;
}
@media screen and (max-width: 479px) {
  #ContentPlaceHolder1_Calendar1 {
    display: none;
  }
}
#ContentPlaceHolder1_Calendar1 th {
  text-align: center;
  padding: 12px 0px;
  background-color: dimgray;
  color: white;
  border-color: #ebebeb;
  font-weight: normal !important;
}
@media screen and (max-width: 1200px) {
  #ContentPlaceHolder1_Calendar1 th {
    display: none;
  }
}
#ContentPlaceHolder1_Calendar1 .myCalendarDay {
  max-width: 100px;
  overflow: hidden;
  height: 160px;
  text-align: right;
  padding: 20px;
  border-color: #d1d1d1;
  background-color: #fff;
}

.event {
  font-size: 14px;
  display: inline-block;
  padding: 4px 8px;
  margin: 2px;
  line-height: 1;
  border-radius: 100%;
  color: #fff;
  font-weight: bold;
}

.event:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}

.GoodNeighborCrew {
  background-color: red;
}

.NeighborhoodOfGood {
  background-color: olivedrab;
}

.Sports {
  background-color: green;
}

.Auto {
  background-color: purple;
}

.CultureSpecific {
  background-color: black;
}

.LifeOccasions {
  background-color: pink;
}

.Entertainment {
  background-color: orange;
}

.Music {
  background-color: teal;
}

.NamingRights {
  background-color: yellow;
}

.LocalMarket {
  background-color: DarkSeaGreen;
}

.AdvancedFinancialWellBeing {
  background-color: LightCoral;
}

.BusinessMinded {
  background-color: darkslateblue;
}

.YourRideYourStuff {
  background-color: orange;
}

.AutoFireVelocity {
  background-color: saddlebrown;
}

.APlaceCalledHome {
  background-color: teal;
}

.RecreationalMarkets {
  background-color: green;
}

.Virtual {
  background-color: purple;
}

.daynum {
  display: block;
  margin: 14px 0px;
}

@media screen and (min-width: 1200px) {
  .dayname {
    display: none;
  }
}

.btn-view-actions {
  width: 100px;
}

.legend div {
  margin: 8px auto;
}

@media screen and (max-width: 479px) {
  .legend-container {
    display: none;
  }
}

.agent-portal {
  /*----------Bootstrap Modal pop ups---------------*/
  /*------------------------------------------------*/
  /*****************************************************/
  /*********************Normal View*********************/
  /*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
      width: inherit;
  }*/
}
.agent-portal .modal-body {
  position: relative;
  overflow: hidden;
}
.agent-portal .modal-iframe {
  padding-top: 56.25%;
}
.agent-portal .resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.agent-portal .toggle {
  padding: 5px;
  background-color: #fff;
  opacity: 0.5;
  cursor: pointer;
}
.agent-portal .toggleActive {
  opacity: 1;
}
.agent-portal .toggle:hover {
  opacity: 1;
}
.agent-portal .toggleborder {
  border-right: solid 1px #ccc;
}
.agent-portal .icon {
  padding: 5px;
}
.agent-portal .hide {
  display: none !important;
}
.agent-portal .show {
  display: block !important;
}
.agent-portal .normalContainer {
  width: 100%;
  background-color: #fff;
  float: left;
  margin: 5px;
}
.agent-portal .detailsImg {
  max-height: 247px;
  max-width: 100%;
}
.agent-portal .normalImage {
  float: left;
}
.agent-portal .normalInfo {
  position: relative;
  float: left;
  padding: 10px;
  width: 100%;
  overflow: hidden;
}
.agent-portal .normalName {
  font-size: 16px;
  border-bottom: solid 1px #ccc;
  max-height: 40px;
  overflow: hidden;
  text-transform: uppercase;
  color: #f0903d;
}
.agent-portal .divVenue {
  max-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px; /*max-width: 150px;*/
  white-space: nowrap;
}
.agent-portal .normalButton {
  width: 42px;
  height: 198px;
  float: right;
}
.agent-portal .normalButtonHZ {
  width: 100%;
  height: 42px;
  float: left;
  text-align: center;
}
.agent-portal .normalTable {
  text-align: left !important;
  color: #8a949d;
  padding: 5px;
}
.agent-portal .normalImgHeight {
  max-height: 166px;
  max-width: 100%;
}
.agent-portal .black {
  color: #0c0c1f;
}
.agent-portal .left {
  float: left;
}
.agent-portal .normalName {
  color: #326c9a !important;
  font-weight: bold;
  text-transform: none;
  max-height: 24px !important;
  line-height: 1.25;
}
.agent-portal .normalName img, .agent-portal .show .icon {
  display: none;
}
.agent-portal .show td, .agent-portal .show th {
  text-align: left;
}
.agent-portal .show th {
  background-color: #f9f9f9;
}
.agent-portal .center {
  text-align: center !important;
}
.agent-portal .myCalendar {
  width: 100%;
}
.agent-portal .myCalendar a {
  color: #326c9a !important;
}
.agent-portal .myCalendarTitle {
  padding: 0;
  color: #868686;
  background-color: #ebebeb;
  border: #f9f9f9;
  text-transform: uppercase;
}
.agent-portal .myCalendarTitle td {
  padding: 15px;
  text-align: center !important;
}
.agent-portal .myCalendar th {
  padding: 15px 0px;
  border: none !important;
  text-align: center !important;
  text-transform: uppercase;
}
.agent-portal .myCalendar td.myCalendarDay {
  border-width: 1px !important;
  font-size: 14px;
  padding: 20px;
}
.agent-portal .myCalendar td.myCalendarDay div {
  margin-bottom: 2px;
  background-color: #326c9a;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  padding: 6px;
}
.agent-portal .myCalendar td.myCalendarDay a {
  /* overflow: hidden;  */
  color: #fff !important;
}
.agent-portal .detailsInfo {
  line-height: 1.25;
}

.agent-portal-nav .filter-padding:nth-child(n+2) {
  margin-top: 20px !important;
}
.agent-portal-nav div {
  padding-bottom: 0px !important;
}
.agent-portal-nav h4 {
  font-size: 18px;
  color: #045D86;
}

.toggleButtons div {
  display: inline;
}

footer {
  border-top: 1px solid #efefef;
  padding: 40px;
  text-align: center;
}

.show .left {
  width: 100%;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  padding: 6px 0px;
}
.show .left .inlineLabel100 {
  font-weight: bold !important;
}

.event-detail-nav {
  color: #e22925;
}
.event-detail-nav a {
  color: #e22925;
}

#event-detail h2 {
  color: #326c9a;
}

.button-control .btn {
  display: inline !important;
}
@media screen and (max-width: 1200px) {
  .button-control .btn {
    display: block !important;
    margin: 2px;
    width: 100% !important;
  }
}

.button-control {
  width: 100% !important;
}
@media screen and (max-width: 1200px) {
  .button-control {
    padding-bottom: 40px;
    margin: auto;
  }
}

.sendlog {
  padding: 20px;
  background-color: #f8f8f8;
  margin-bottom: 40px;
  text-align: left !important;
}
.sendlog li {
  list-style-type: none;
  margin-left: -2.8em;
  border-bottom: 1px solid #d1d1d1;
  padding: 4px 0px;
  font-size: 14px;
}

.print-button {
  cursor: pointer;
}

.agent-filter h4 {
  font-size: 18px;
  color: #326c9a;
}

.agent-filter input,
.agent-filter select,
.agent-filter .btn {
  margin-right: 3px;
  width: 100% !important;
}

.agent-filter .form-group {
  padding: 0px !important;
  margin: 0px !important;
}

#agentTable [class*=col-] {
  border: 1px solid #efefef;
  padding: 20px;
  align-items: center;
  line-height: 1.5;
  margin-right: -1px;
  word-break: break-all;
}
@media screen and (max-width: 1200px) {
  #agentTable [class*=col-] {
    display: block !important;
    min-width: 100% !important;
    border: none;
    padding: 0px 10px;
    line-height: 2;
  }
}

@media screen and (max-width: 1200px) {
  #agentTable .form-group {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 1200px) {
  #agentTable .form-group {
    border-bottom: 1px solid #efefef;
    padding: 10px 0px;
  }
}

#agentTable .listRow {
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  #agentTable .listRow {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 20px;
  }
}

@media screen and (max-width: 1200px) {
  #agentTable .col-sm-2 {
    border: none !important;
  }
}

.break {
  flex-basis: 100%;
  height: 0px;
}

@media screen and (max-width: 1200px) {
  #agentTable .gridinlineLabel {
    font-weight: bold;
    color: #326c9a;
    display: inline;
  }
}

.agentgridinlineLabel {
  font-weight: bold;
  color: #326c9a;
  display: inline;
  padding-right: 5px;
}

.agent-name {
  font-size: 18px;
  font-weight: bold;
}

.agent-intro {
  background-color: #fcfcfc;
}
@media screen and (max-width: 1200px) {
  .agent-intro {
    background-color: transparent;
  }
}

#agent-cards .col-sm-4 {
  width: 100%;
  padding: 5px;
}
@media screen and (max-width: 1200px) {
  #agent-cards .col-sm-4 {
    display: block;
    min-width: 100%;
  }
}

.row-break {
  flex-basis: 100%;
  height: 0;
}

#collapseExample {
  background-color: #f8f8f8;
  padding: 20px;
  margin: 40px 0px;
}

.shadowDiv {
  background-color: #f8f8f8;
  padding: 20px;
  margin: 40px 0px;
}

@media screen and (max-width: 1200px) {
  .agent-shift-export [class*=col-] {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
  }
}

.agent-shift-export table {
  min-width: 100% !important;
}

.agent-shift-export td {
  border: 1px solid #efefef;
  border-radius: 4px;
  margin: 2px;
  background-color: #fff;
  display: flex;
  padding: 5px 5px 5px 15px;
}
.agent-shift-export td:hover {
  background-color: #efefef;
}
.agent-shift-export td label {
  display: block;
  width: 100%;
  padding-top: 3px;
}

.agent-shift-export select {
  min-width: 100% !important;
}

.agent-count {
  font-weight: bold;
  color: #326c9a;
}

.shiftstab .data-table {
  border: none !important;
  overflow: hidden;
}

.shiftstab th {
  text-align: left;
}

.shiftstab .table-responsive {
  display: table !important;
}
@media screen and (max-width: 479px) {
  .shiftstab .table-responsive {
    display: block;
  }
}

.table-responsive label {
  display: none;
}
@media screen and (max-width: 479px) {
  .table-responsive label {
    display: block;
    margin: 0px;
    font-weight: bold;
    color: #326c9a;
  }
}

@media screen and (max-width: 479px) {
  .shiftstab .table-responsive td {
    padding: 20px;
  }
}

.shiftstab th {
  border-color: #efefef;
}
@media screen and (max-width: 479px) {
  .shiftstab th {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .shiftstab tr {
    border-bottom: 30px solid white;
  }
}

@media screen and (max-width: 1200px) {
  #scode .data-table td {
    display: block;
    min-width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  #scode .data-table tr {
    border-bottom: 40px solid #fff;
  }
}

@media screen and (max-width: 1200px) {
  #scode .data-table th {
    display: none;
  }
}

#scode .select2-container {
  max-width: 100% !important;
}

#scode .col-md-3 .col-md-12 {
  padding: 0px;
  display: block;
  border: 1px solid white;
}

#scode .col-md-3 input {
  width: 100%;
}
#scode .col-md-3 select {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #scode table {
    border: none !important;
  }
}

.myCalendarTitle {
  padding: 20px;
  width: 100.5% !important;
  margin-left: -2px;
  background-color: #e22925;
  border: 30px solid #e22925;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.myCalendarTitle a {
  color: #fff;
}

#ContentPlaceHolder1_ContentPlaceHolder1_Calendar1 {
  max-width: 100%;
  width: 97%;
  margin: auto;
}
@media screen and (max-width: 479px) {
  #ContentPlaceHolder1_ContentPlaceHolder1_Calendar1 {
    display: none;
  }
}
#ContentPlaceHolder1_ContentPlaceHolder1_Calendar1 th {
  text-align: center;
  padding: 12px 0px;
  background-color: dimgray;
  color: white;
  border-color: #ebebeb;
  font-weight: normal !important;
}
@media screen and (max-width: 1200px) {
  #ContentPlaceHolder1_ContentPlaceHolder1_Calendar1 th {
    display: none;
  }
}
#ContentPlaceHolder1_ContentPlaceHolder1_Calendar1 .myCalendarDay {
  vertical-align: top;
  max-width: 100px;
  overflow: hidden;
  height: 160px;
  text-align: right;
  padding: 10px;
  border: 1px solid #efefef;
  background-color: #fff;
}

.daynum {
  display: block;
  margin: 14px 0px;
  background-color: transparent !important;
  border: none !important;
  position: relative;
  top: 0px;
  right: 0px;
}

.dayname {
  display: none;
}

.manage-agents-wrapper {
  border: 1px solid #efefef;
}
@media screen and (max-width: 1200px) {
  .manage-agents-wrapper {
    border: none;
  }
}

#manage-agents {
  margin-bottom: 0px;
}
@media screen and (max-width: 1200px) {
  #manage-agents {
    border: none !important;
  }
}

#manage-agents th {
  vertical-align: middle;
  color: #326c9a !important;
  padding: 0px;
  background-color: #f8f8f8 !important;
}
@media screen and (max-width: 1200px) {
  #manage-agents th {
    display: none;
  }
}

#manage-agents td, #manage-agents th {
  border: 1px solid #efefef;
  text-align: center !important;
  border-collapse: collapse;
  line-height: 1.5;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  #manage-agents td, #manage-agents th {
    border: 1px 0px;
    text-align: left !important;
  }
}

@media screen and (max-width: 1200px) {
  #manage-agents td {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  #manage-agents strong {
    display: inline-block !important;
    color: #326c9a;
  }
}

#manage-agents tr {
  background-color: #fff !important;
}
@media screen and (max-width: 1200px) {
  #manage-agents tr {
    display: block;
    border-bottom: 40px solid #fff;
  }
}

#manage-events-header .gridinlineLabel {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1200px) {
  #manage-events-header .gridinlineLabel {
    color: #326c9a;
    margin-bottom: 0px;
  }
}

.shiftTabHeader {
  padding: 30px 0px;
  background-color: #f1f1f1;
}
@media screen and (max-width: 1200px) {
  .shiftTabHeader {
    padding: 20px 0px;
  }
}

.shiftTabHeader div {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .shiftTabHeader div {
    display: block !important;
    min-width: 100% !important;
    padding: 15px 0px;
  }
}

.add-agent {
  border: 2px solid #efefef;
  border-radius: 4px;
  padding: 15px 45px;
  font-weight: bold;
}

.agentValue {
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .agentName {
    padding: 20px 0px;
    text-align: center;
    font-size: 18px;
    color: #326c9a;
    font-weight: bold;
    line-height: 1.5;
    padding: 20px !important;
    background-color: #f8f8f8 !important;
  }
}

#validation {
  margin: 15px;
}

.data-table td, .data-table th {
  vertical-align: middle;
}

@media screen and (max-width: 479px) {
  .data-table {
    border: none !important;
  }
}

.data-table td {
  padding: 15px;
}

@media screen and (min-width: 1200px) {
  .cond-center {
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .cond-center {
    text-align: left;
  }
}

@media screen and (max-width: 1200px) {
  #scode-management .data-table strong {
    display: inline-block !important;
    color: #326c9a;
  }
}

#agentsPop > div {
  padding: 20px 0px;
}

#agentsPop h3 {
  margin-top: 12px;
}

.textarea textarea {
  height: 96px;
}

.agent-portal .normalTable {
  color: #666;
}
.agent-portal .detailsGrid .odd {
  background: #fafafa;
}

@media screen and (max-width: 479px) {
  .agent-portal-nav {
    padding: 0px;
  }
}

@media screen and (max-width: 479px) {
  .agent-portal .col-md-9 {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 479px) {
  .normalToggle .col-md-4 {
    margin: 20px;
  }
}

.normalInfo {
  padding: 10px 0px !important;
}

.agent-portal .container {
  /*padding: 25px 5px;*/
}
@media screen and (max-width: 479px) {
  .agent-portal .container {
    padding: 10px !important;
  }
}

.agent-portal .agent-shift-export input {
  width: auto !important;
}

.venue-buttons .btn {
  margin: 0px auto;
  width: auto;
}

@media screen and (max-width: 479px) {
  #agent-shifts td {
    border: 1px solid #efefef !important;
  }
}

@media screen and (max-width: 479px) {
  .eventCell {
    font-size: 18px !important;
    line-height: 1.5;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
}

.agent-portal-nav {
  width: 100% !important;
}

#scode .container {
  padding: 0px;
}

.venue-buttons .btn {
  margin: 0px auto;
  width: auto;
}

#venueModal table tr td {
  cursor: pointer;
}
#venueModal table tr td:first-of-type, #venueModal table tr th:first-of-type {
  display: none;
}

.performance-table label, .demographics label, .eval-right label {
  margin-left: 0px;
}

.performance-table {
  padding: 10px;
}
.performance-table .left {
  background-color: #f6f6f6;
  padding: 20px;
}
@media screen and (max-width: 479px) {
  .performance-table .left {
    border-bottom: 1px solid #ebebeb;
  }
}
.performance-table .right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background-color: #fafafa;
  width: 100%;
  padding: 0px !important;
}
@media screen and (max-width: 1200px) {
  .performance-table .right {
    display: block;
  }
}
.performance-table .right .row {
  margin-left: 0px;
  width: 100%;
}
.performance-table .right .row .col-md-3, .performance-table .right .row .col-md-auto {
  background-color: #fafafa;
  border: 1px solid #fff;
  padding: 0px !important;
}

@media screen and (max-width: 479px) {
  .right div {
    display: block;
    height: auto;
  }
}
.right .form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 120px;
  padding: 30px 0px !important;
  margin: auto;
}
@media screen and (max-width: 479px) {
  .right .form-group {
    padding: 10px 0px;
    border-bottom: 1px solid #d1d1d1;
  }
}

.feedback {
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  width: 100%;
  margin: auto;
}
.feedback label {
  margin-left: 0px !important;
  padding-top: 15px;
}

.eval-gallery img {
  height: 140px;
  width: auto !important;
}
@media screen and (max-width: 479px) {
  .eval-gallery img {
    height: auto !important;
    width: 100px !important;
  }
}

.eval-gallery .img-thumbnail {
  margin-right: 6px;
  margin-bottom: 6px;
}
@media screen and (max-width: 479px) {
  .eval-gallery .img-thumbnail {
    height: 90px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
}
.eval-gallery .img-thumbnail:hover {
  border-color: #045D86;
}

.right .form-group label {
  flex-basis: 100%;
  padding: 0px;
  margin: 0px;
}

#event-edit textarea {
  padding: 12px;
}

.rh tr {
  display: inline;
}

.rh tr label {
  display: inline;
  border: none;
  background-color: transparent;
}

.rw tr label {
  display: inline;
  border: none;
  background-color: transparent;
}

.venue-buttons {
  display: flex !important;
  justify-content: center;
}

.agent-card {
  border: 1px solid #efefef !important;
}

.btn-info {
  background-color: #e22925;
  border-color: #e22925 !important;
}

.btn-info:hover {
  background-color: #c62320;
  border-color: #c62320;
}

.email-button {
  text-align: right;
}

#site-fees-estimated {
  margin: 0px;
}

@media screen and (max-width: 479px) {
  .container .col-md-3 .card-body {
    padding-bottom: 0px;
  }
}

.button-row {
  margin-bottom: 30px;
}
@media screen and (max-width: 479px) {
  .button-row {
    margin-bottom: 0px;
  }
}

#conditions label {
  display: inline !important;
  margin-left: 8px;
  line-height: 2;
  position: relative;
  top: -1px;
}

#site-fees2 {
  margin: 0px;
}

#site-fees-actual, #site-fees-actual-edit, #site-fees-estimated, #site-fees2 {
  display: flex;
}
#site-fees-actual .form-group, #site-fees-actual-edit .form-group, #site-fees-estimated .form-group, #site-fees2 .form-group {
  display: flex;
  justify-content: space-between;
  padding-bottom: 6px;
  margin: 0px;
  padding: 10px 0px;
  line-height: 2;
}
#site-fees-actual label, #site-fees-actual-edit label, #site-fees-estimated label, #site-fees2 label {
  margin-left: 6px;
}
#site-fees-actual .col-md-12:nth-of-type(odd), #site-fees-actual-edit .col-md-12:nth-of-type(odd), #site-fees-estimated .col-md-12:nth-of-type(odd), #site-fees2 .col-md-12:nth-of-type(odd) {
  background: #f8f8f8;
}
#site-fees-actual .total .form-group, #site-fees-actual-edit .total .form-group, #site-fees-estimated .total .form-group, #site-fees2 .total .form-group {
  border-bottom: none;
}
#site-fees-actual .total input, #site-fees-actual-edit .total input, #site-fees-estimated .total input, #site-fees2 .total input {
  text-align: right;
  height: 30px;
}

.performance-table .left {
  display: block;
}

.performance-table .right {
  display: flex;
}

#tabSchedule .data-table a {
  padding: 0px 4px;
}

@media screen and (max-width: 479px) {
  #assets .header {
    padding: 0px;
    margin: 0px;
  }
}

#assets .header:nth-of-type(1) {
  margin-top: 25px;
}

@media screen and (max-width: 479px) {
  #event-edit h2 {
    margin-top: 25px;
  }
}

#assets .element-item .col-md-8 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#assets .element-item .col-md-8 input {
  flex-basis: 100% !important;
  float: right !important;
  position: relative;
  right: 0px;
}

.interactive-del {
  flex-basis: 100%;
  display: block;
}

.interactive-del .btn {
  width: auto;
}

#event-image-upload-section {
  display: flex;
  max-width: 80% !important;
}
#event-image-upload-section input[type=file] {
  max-width: 90% !important;
}

#event-image-upload-section .btn {
  width: auto;
}

#btnEventImageDelete {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
}

#tabStaffing .img-thumbnail {
  width: 200px;
  margin-bottom: 40px;
  border: none;
}

#ContentPlaceHolder1_pnlUploadedImage, #ContentPlaceHolder1_pnlImageUpload {
  border: none;
  padding: 0px;
}

.event-icon {
  padding-right: 10px;
}

.remove-btn {
  color: #e22925;
}

a.remove-btn:hover {
  color: #e22925;
}

.active-btn {
  color: #008a13;
}

.active-btn:hover {
  color: #008a13;
}

.event-icon .fa-trash-alt {
  color: #e22925;
}

.event-icon .fa-ban {
  color: #e22925;
}

.event-icon:hover {
  opacity: 0.7;
}

@media screen and (max-width: 479px) {
  #event-edit .card-body {
    padding: 20px;
  }
}

.customComboBox {
  border: none !important;
  padding: 0px !important;
  display: flex; /* Use flexbox layout */
  align-items: stretch;
}

.customComboBox .ajax__combobox_textboxcontainer,
.customComboBox .ajax__combobox_buttoncontainer {
  flex: 1;
  width: 100%;
}

.customComboBox .ajax__combobox_inputcontainer ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ajax__combobox_textboxcontainer td {
  width: 100%;
}

.customComboBox .ajax__combobox_textboxcontainer input {
  width: 100%;
}

.customComboBox .ajax__combobox_buttoncontainer button {
  background-position: center;
  background-repeat: no-repeat;
  border-color: ButtonFace;
  height: 15px;
  width: 15px;
}

.customComboBox .ajax__combobox_itemlist {
  margin: 0px;
  padding: 0px;
  cursor: default;
  list-style-type: none;
  text-align: left;
  border: solid 1px ButtonShadow;
  background-color: Window;
  color: WindowText;
}

.customComboBox .ajax__combobox_itemlist li {
  white-space: nowrap;
  width: 100%;
  padding: 0 3px 0 2px;
}

@media print, screen, all {
  #recapModal .recap-header {
    margin-bottom: 15px;
  }
  #recapModal .top-list {
    font-size: 12px;
  }
  .top-list div {
    display: inline-block;
    width: 30% !important;
    margin: 0px 25px 5px 0px;
  }
  .event-eval-recap {
    line-height: 1.25;
    background-color: #fff;
    /* print friendly columns */
    /* TODO: temp while bootstrap not working. */
  }
  .event-eval-recap h4 {
    color: #e22925;
    font-size: 16px;
  }
  .event-eval-recap table {
    width: 100%;
    border: 1px solid #c0c0c0 !important;
    display: table;
    border-collapse: collapse;
    margin-bottom: 16px;
    page-break-inside: avoid;
  }
  .event-eval-recap table td, .event-eval-recap table th {
    text-align: center !important;
    border: 1px solid #c0c0c0;
    page-break-inside: avoid;
  }
  .event-eval-recap table td {
    padding: 8px !important;
    page-break-inside: avoid;
  }
  .event-eval-recap .row {
    page-break-inside: avoid;
  }
  .event-eval-recap .recap-header {
    width: 100%;
    background-color: #e22925;
    color: #FFFFFF;
    height: 88px;
    padding: 10px;
  }
  .event-eval-recap .recap-header img {
    height: 68px;
  }
  .event-eval-recap .recap-header .pull-right {
    float: right !important;
  }
  .event-eval-recap .col-md-1 {
    width: 8%;
    float: left;
  }
  .event-eval-recap .col-md-2 {
    width: 17%;
    float: left;
  }
  .event-eval-recap .col-md-3 {
    width: 25%;
    float: left;
  }
  .event-eval-recap .col-md-4 {
    width: 33%;
    float: left;
  }
  .event-eval-recap .col-md-5 {
    width: 42%;
    float: left;
  }
  .event-eval-recap .col-md-6 {
    width: 50%;
    float: left;
  }
  .event-eval-recap .col-md-7 {
    width: 58%;
    float: left;
  }
  .event-eval-recap .col-md-8 {
    width: 67%;
    float: left;
  }
  .event-eval-recap .col-md-9 {
    width: 75%;
    float: left;
  }
  .event-eval-recap .col-md-10 {
    width: 83%;
    float: left;
  }
  .event-eval-recap .col-md-11 {
    width: 92%;
    float: left;
  }
  .event-eval-recap .col-md-12 {
    width: 100%;
    float: left;
  }
  .event-eval-recap .row {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
  }
  .event-eval-recap .recap-heading {
    color: white;
    background-color: #e22925;
    /*width: 180px;*/
    font-weight: bold;
    line-height: 1;
    font-size: 16px;
    display: block;
    padding: 6px 6px 3px 6px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .event-eval-recap .learnings td {
    padding: 20px !important;
    text-align: left !important;
  }
  .event-eval-recap #attendees-value {
    font-size: 50px;
  }
  .event-eval-recap #attendees-label {
    font-size: 20px;
  }
  .event-eval-recap #attendees-icon {
    font-size: 60px;
  }
  .event-eval-recap table {
    text-align: center;
    width: 100%;
  }
  .event-eval-recap table tr:nth-child(even) {
    background: #FFFFFF;
  }
  .event-eval-recap table tr:nth-child(odd) {
    background: #f8f8f8;
  }
  .event-eval-recap table td {
    padding: 6px;
  }
  .event-eval-recap table td:first-child {
    text-align: left;
  }
  .event-eval-recap table th {
    color: #202020;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    background: #ebebeb;
  }
  .event-eval-recap .img-thumbnail {
    height: 90px;
    display: inline-block;
    float: left;
  }
  .event-eval-recap .img-thumbnail img {
    height: 90px;
  }
  .event-eval-recap .container, .event-eval-recap.container {
    padding-right: 30px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .event-eval-recap .row {
    margin-right: -15px;
    margin-left: 0px;
    clear: both;
  }
  .event-eval-recap .clearfix:after,
  .event-eval-recap .container:after,
  .event-eval-recap .container-fluid:after,
  .event-eval-recap .row:after {
    clear: both;
  }
  /* Size the recap modal and center */
  #recapModal .modal-dialog, #recapModal .modal-dialog .modal-content {
    width: 1000px;
  }
  #recapModal .modal-ku {
    width: 1000px;
    margin: auto;
  }
  .elements {
    display: flex;
    justify-content: space-between !important;
  }
  .elements .col-md-4 {
    width: 32.5%;
  }
}
@media print {
  .logo {
    display: none;
  }
}
/*  Larger Screen Styling */
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
.daterangepicker:before {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
  padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker .calendar-table .next span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.daterangepicker td.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.off.in-range {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.off.start-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  width: 40%;
}
.daterangepicker select.hourselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker select.minuteselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker select.secondselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.daterangepicker .ranges li:hover {
  background-color: #eee;
}
.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges {
  float: none;
}
.daterangepicker.single .drp-calendar {
  float: none;
}
.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}
.daterangepicker.show-calendar .drp-buttons {
  display: block;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 8px;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar {
    float: left;
  }
  .daterangepicker.single .ranges {
    float: left;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
}
#divDateRange .fa-caret-down {
  float: right;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

.detail-fm label {
  color: #045D86;
  font-weight: bold;
  display: block;
  width: 100%;
  padding: 3px 8px;
  margin: 0px;
}

.detail-fm .form-group div {
  width: 100%;
  padding: 3px 8px;
}

/*
* This combined file was created by the DataTables downloader builder:
*   https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
*   https://datatables.net/download/#dt/jqc-1.12.4/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/b-1.5.6/b-colvis-1.5.6/b-flash-1.5.6/b-html5-1.5.6/b-print-1.5.6/fc-3.2.5/fh-3.1.4/r-2.2.2
*
* Included libraries:
*   jQuery 1 1.12.4, JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Buttons 1.5.6, Column visibility 1.5.6, Flash export 1.5.6, HTML5 export 1.5.6, Print view 1.5.6, FixedColumns 3.2.5, FixedHeader 3.1.4, Responsive 2.2.2
*/
/*
 * Table styles
 */
/*
 * Control feature layout
 */
@keyframes "dtb-spinner" {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes "dtb-spinner" {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes "dtb-spinner" {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "dtb-spinner" {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes "dtb-spinner" {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: content-box;
}
table.dataTable thead th {
  font-weight: bold;
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active {
  outline: none;
}
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead td:active {
  outline: none;
}
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../../src/scss/DataTables-1.10.18/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../../src/scss/DataTables-1.10.18/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../../src/scss/DataTables-1.10.18/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../../src/scss/DataTables-1.10.18/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url("../../src/scss/DataTables-1.10.18/images/sort_desc_disabled.png");
}
table.dataTable thead th.dt-head-left {
  text-align: left;
}
table.dataTable thead td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center {
  text-align: center;
}
table.dataTable thead td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right {
  text-align: right;
}
table.dataTable thead td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify {
  text-align: justify;
}
table.dataTable thead td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable thead td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot th {
  font-weight: bold;
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable tfoot th.dt-head-left {
  text-align: left;
}
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable tfoot th.dt-head-center {
  text-align: center;
}
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable tfoot th.dt-head-right {
  text-align: right;
}
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable tfoot th.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable tfoot th.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th {
  padding: 8px 10px;
}
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable tbody th.dt-body-left {
  text-align: left;
}
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center {
  text-align: center;
}
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right {
  text-align: right;
}
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable th.dt-left {
  text-align: left;
}
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center {
  text-align: center;
}
table.dataTable td.dt-center {
  text-align: center;
}
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right {
  text-align: right;
}
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify {
  text-align: justify;
}
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap {
  white-space: nowrap;
}
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable th {
  box-sizing: content-box;
}
table.dataTable td {
  box-sizing: content-box;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

table.dataTable.row-border tbody th {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th {
  border-top: none;
}
table.dataTable.row-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.display tbody th {
  border-top: 1px solid #ddd;
}
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.display tbody tr:first-child th {
  border-top: none;
}
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.display tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.display tbody tr > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr > .sorting_2 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.selected > .sorting_2 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.cell-border tbody th {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th {
  border-top: none;
}
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr > .sorting_2 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.order-column tbody tr.selected > .sorting_2 {
  background-color: #acbad5;
}
table.dataTable.order-column tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th {
  white-space: nowrap;
}
table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th {
  padding: 4px;
}
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th {
  padding: 4px;
}
table.dataTable.compact tbody td {
  padding: 4px;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
  color: #333;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  color: #333;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
  color: #333;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
  color: #333;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
  border-bottom: none;
}
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}
div.dt-button-collection-title:empty {
  display: none;
}

button.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
button.dt-button:active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}
button.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}
button.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9");
}

div.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
div.dt-button:active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
div.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}
div.dt-button:hover {
  text-decoration: none;
}
div.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}
div.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9");
}

a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="white", EndColorStr="#e9e9e9");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
a.dt-button:active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
a.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}
a.dt-button:hover {
  text-decoration: none;
}
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f9f9f9", EndColorStr="#e0e0e0");
}
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#bddef4", EndColorStr="#79ace9");
}

button.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff", EndColorStr="#f9f9f9");
}

div.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff", EndColorStr="#f9f9f9");
}

a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ffffff", EndColorStr="#f9f9f9");
}

button.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}

div.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
div.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}

a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
  box-shadow: inset 1px 1px 3px #999999;
}
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#eaeaea", EndColorStr="#cccccc");
}

.dt-button embed {
  outline: none;
}

div.dt-buttons {
  position: relative;
  float: left;
}

div.dt-buttons.buttons-right {
  float: right;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection button.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection div.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection div.dt-button:active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection a.dt-button:active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection button.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection div.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");
  box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2001;
}

button.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

div.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
div.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

table.DTFC_Cloned thead {
  background-color: white;
}
table.DTFC_Cloned tfoot {
  background-color: white;
}

div.DTFC_Blocker {
  background-color: white;
}

div.DTFC_LeftWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2;
}
div.DTFC_LeftWrapper table.dataTable.no-footer {
  border-bottom: none;
}

div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2;
}
div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none;
}

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0;
}

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
