@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

html {
  height: 100%;
  overflow: hodden;
}

body {
  height: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #2d4155;
  background: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

p {
  margin-bottom: 0;
}

a,
a:active,
a:focus {
  color: #2d4155;
  text-decoration: none;
}

a:hover {
  color: #2d4155;
  text-decoration: underline;
}

#wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-width: 980px;
  min-height: 100%;
  padding: 0 0 65px 0;
}

#wrapper-fluid {
  position: relative;
  float: left;
  width: 100%;
  /* min-width: 980px; removed this in order to have login, lost password pages that do not have horizontal scroll on smaller screens */
  min-height: 100%;
  padding: 0 0 65px 0;
}

/* Header */
#header {
  position: relative;
  float: left;
  width: 100%;
  height: 65px;
}

#header .logo {
  float: left;
  margin: 20px 0 0 30px;
  width: 188px;
  height: 30px;
  background: url("../images/endavo_logo.png?v=3") left top no-repeat;
}

#header .community-dropdown {
  position: absolute;
  top: 72px;
  right: 30px;
  color: #fff;
  text-align: right;
  line-height: 1.3;
}

#header .topMenu {
  position: absolute;
  top: 25px;
  right: 30px;
  margin: 0;
  list-style-type: none;
}
#header .topMenu li {
  float: left;
  margin-left: 30px;
}
#header .topMenu li a {
  display: block;
}
.customContainer {
  float: left;
  width: 100%;
  padding: 25px 25px 80px 25px;
}

/* Main Menu */
.mainMenu {
  float: left;
  width: 100%;
  background: #158dc5;
  min-height: 46px;
}

.mainMenu li {
  float: left;
  margin-left: 5px;
}

.mainMenu li:first-child {
  margin-left: 19px;
}

.mainMenu li a {
  display: block;
  margin: 8px 0;
  padding: 5px 10px 5px 10px;
  color: #fff;
}

.mainMenu li.active a {
  background: #1173a0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.mainMenu li a:hover,
.mainMenu li.active a:hover {
  background: #0f668e;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* Sub Menu */
.subMenu {
  float: left;
  width: 100%;
  padding: 4px 0;
  background: #f6f6f6;
}

.subMenu li:first-child {
  margin-left: 16px;
}

.subMenu li a.active {
  font-weight: bold;
}

.subMenu > .nav-item > .nav-link:hover {
  color: #000;
}

.subMenu .nav-link {
  padding: 0.5rem 0.8rem;
}

/* Lists */
.leftColumn {
  float: left;
  width: 200px;
  overflow: hidden;
}

.rightColumn.includedLeftColumn {
  margin-left: 230px;
}

.react-content {
  float: left;
  width: 100%;
}

.react-content .leftColumn {
  flex: 0 0 225px;
  padding: 25px 0 25px 25px;
  overflow: inherit;
  float: none;
  min-height: 100vh;
}

.react-content .leftColumn.community {
  flex: 0 0 290px;
  padding: 0;
}

.react-content .rightColumn {
  margin-left: 0;
  padding: 25px;
  width: 100%;
}

.listHeader {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.react-content .listHeader {
  float: left;
  overflow: initial;
  text-overflow: initial;
}

.react-content .listHeader .dropdown {
  float: left;
}

.react-content .listHeader .dropdown-toggle {
  padding: 3px 10px;
  line-height: 1.37;
  margin-left: 10px;
}

.listHeader .title {
  float: left;
  padding-left: 7px;
  font-size: 22px;
  font-weight: 600;
  color: #2d4155;
}

.listHeader .actions {
  float: right;
  margin: 4px 0 0 14px;
}

.listHeader .actions > a {
  display: block;
  float: left;
  margin-left: 15px;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  background: #158dc5;
}

.listHeader .actions > a.disabled,
.listHeader .actions > a.disabled:hover {
  background: #bbc8d4;
}

.listHeader .actions > a:hover {
  background: #0f668e;
}

.listHeader .actions a.addNew {
  padding: 3px 10px;
}

.listContainer {
  float: left;
  width: 100%;
  padding-bottom: 4px;
  background: #fff;
}

.listNote {
  float: left;
  width: 100%;
  background: #f7fee8;
  color: #63792f;
  border: 1px solid #dae7bb;
}

.listNote.warning {
  background: #fde8ee;
  color: #783030;
  border: 1px solid #e6bbc9;
}

.listNote p {
  padding: 15px 17px;
}

.listNote a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.listNote a:hover {
  text-decoration: underline;
}

/* List Actions */
.listActions {
  float: left;
  width: 100%;
}

.listActions .actions {
  float: left;
  margin: 8px 0 7px;
}

.listActions .pagination {
  float: right;
  margin: 0;
}

.listActions .pagination a {
  display: block;
  float: left;
  margin-top: 20px;
  padding: 3px 9px;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.listActions .pagination a:first-child {
  border-left: 1px solid #ededed;
}

.listActions .pagination a:hover {
  text-decoration: none;
}

.listActions .pagination span {
  display: block;
  float: left;
  margin-top: 19px;
  padding: 4px 9px;
  color: #fff;
  background: #1173a0;
  border-top: 1px solid #1173a0;
  border-bottom: 1px solid #1173a0;
  border-radius: 4px;
}

.listActions .pagination a.next {
  width: 9px;
  height: 17px;
  background: url(../images/pagination_right_arrow.png) center no-repeat;
}

.listActions .pagination a.previous {
  width: 9px;
  height: 17px;
  background: url(../images/pagination_left_arrow.png) center no-repeat;
}

/* Mass Actions */
.massActions {
  margin-top: 10px;
}

.massActions .btn-sm {
  padding: 0.1rem 0.6rem;
}

.massActions .btn-sm:focus {
  color: #fff;
}

.massActions .dropdown {
  margin-left: 10px;
}

/* List Table */
.listTable {
  float: left;
  width: 100%;
}
.listTable th {
  height: 43px;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  border-bottom: 2px solid #e9ecef;
  color: #586878;
}
.listTable th a,
.listTable th a:hover {
  color: #586878;
}
.listTable th.right {
  text-align: right;
}
.listTable th.last {
  padding-right: 14px;
}
.listTable tr {
  border-bottom: 1px solid #e9ecef;
}
.listTable tr:last-child {
  border-bottom: none;
}
.listTable tr.odd {
  background: #fbfcfd;
}
.listTable tr.even {
  background: #fff;
}
.listTable td {
  height: 43px;
  padding-left: 14px;
  text-align: left;
}
.listTable td.right {
  text-align: right;
}
.listTable td.last {
  text-align: right;
  padding-right: 14px;
}
.listTable td .inactiveText {
  color: #aaa;
}

/* Table Actions */
.listTable .actions .nav-link {
  padding: 0.3rem 0.6rem;
}

.listTable .actions .nav-link:hover {
  background: #f2f2f2;
  border-radius: 3px;
}

.listTable .actions .fa-ellipsis-h {
  color: #5e5e5e;
}

.listTable .actions a.disabled,
.listTable .actions a.disabled:hover {
  color: #bbc8d4;
}

.listTable .actions a.disabledMenuItem,
.listTable .actions a.disabledMenuItem:active,
.viewContainerActions a.disabledMenuItem,
.viewContainerActions a.disabledMenuItem:active {
  color: #bbc8d4;
}

.listTable .actions a.disabledMenuItem:hover,
.viewContainerActions a.disabledMenuItem:hover {
  background: none;
  cursor: default;
}

.listTable .actions input[type="checkbox"] {
  margin-right: 0;
}

.listTable .lists_divRow {
  cursor: move;
  clear: all;
}
.listTable .formatIcon {
  margin: 0 5px 0 0;
}

.divSortable .lists_divRow {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e9ecef;
  cursor: move;
  clear: both;
  height: 43px;
}

.divSortable .lists_divRow:last-child {
  border-bottom: none;
}
.divSortable .lists_divCell {
  color: #2e2e2d;
  font:
    14px Arial,
    Verdana,
    sans-serif;
  max-height: 38px;
  padding-left: 14px;
  padding-top: 9px;
  text-align: left;
}

/* Quick View */
.quickViewWrapper {
  background: #f1f4f6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 20px;
}
.quickViewWrapper .quickView {
  margin-bottom: 0;
}
.quickView {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px;
  background: #f1f4f6;
}

.quickView a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.quickView a:hover {
  text-decoration: underline;
}

.quickView h1 {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  font-size: 18px;
}

.quickView > div {
  float: left;
  width: 100%;
  margin-bottom: 1px;
}

.quickView .wizardCurrentPage,
.quickView .wizardActivePage,
.quickView .wizardInactivePage {
  padding: 5px;
}

.quickView .wizardCurrentPage a,
.quickView .wizardActivePage a,
.quickView .wizardInactivePage a {
  color: #4b4b4d;
  text-decoration: none;
  font-weight: bold;
}

.quickView .wizardCurrentPage a:hover,
.quickView .wizardActivePage a:hover,
.quickView .wizardInactivePage a:hover {
  text-decoration: underline;
}

.quickView .wizardCurrentPage {
  background: #ceebf8;
  color: #4b4b4d;
  font-weight: bold;
}

/* Search */
#search,
.quicksearch {
  float: left;
  width: 100%;
  background: #f1f4f6;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 0 10px;
}
#search h1,
.quicksearch h1 {
  margin: 10px 0;
  padding: 3px 7px 0 7px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
#search form,
.quicksearch form {
  display: none;
  width: 100%;
  float: left;
  margin: 0 0 7px 0px;
  padding: 0 7px 10px 7px;
  border-top: 1px solid #d2d9e2;
}
#search form > div,
.quicksearch form > div {
  float: left;
  margin: 10px 10px 0 0;
}
#search form label,
.quicksearch form label {
  display: block;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 3px;
}
#search form label span,
.quicksearch form label span {
  font-weight: normal;
  font-size: 12px;
}

#search form input[type="submit"],
#search form button[type="submit"],
.quicksearch form input[type="submit"],
.quicksearch form button[type="submit"] {
  margin: 22px 0 0 2px;
}

#search form input[name="invisibleimage"],
.quicksearch form input[name="invisibleimage"] {
  display: none;
}

#search form input.datePickerSearch,
.quicksearch form input.datePickerSearch {
  float: left;
  width: 131px;
  background: #fff;
  border-color: #dcdcdc;
}

#search form input.datePickerButton,
.quicksearch form input.datePickerButton {
  background: url("../images/search_datePickerButton.png");
  width: 25px;
  height: 24px;
  margin: 5px 0 0 5px;
  float: left;
  border: none;
}

#search form .lookup,
.quicksearch form .lookup {
  margin: 8px 0 0 0;
}

#search form .lookup .selectButton,
.quicksearch form .lookup .selectButton {
  margin-top: -8px;
}

#search form .lookup .elementDiv,
.quicksearch form .lookup .elementDiv {
  margin-top: -8px;
  background-color: #fff;
}

#search .form-group {
  margin-bottom: 0;
}

#search .form-group.col {
  padding-left: 0;
  padding-right: 0;
}

#search .form-group input[type="text"] {
  background-color: #fff;
}

/* Letters Box */
#lettersBox {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#lettersBox ul {
  margin: 0 auto;
  list-style-type: none;
  width: 738px;
}

#lettersBox ul li {
  float: left;
  margin-right: 2px;
}

#lettersBox ul li:last-child {
  margin-right: 0;
}

#lettersBox ul li a {
  display: block;
  padding: 2px 8px;
  background: #158dc5;
  color: #fff;
  text-transform: uppercase;
}

#lettersBox ul li a:hover {
  background: #0f668e;
  text-decoration: none;
}

#lettersBox ul li a.active {
  background: #1173a0;
}

/* List message box */
.listMessageBox {
  float: left;
  display: none;
  width: 100%;
  margin-bottom: 10px;
}
.listMessageBox .box {
  margin: 0 auto;
  width: 500px;
  background-color: #fcf9ce;
  text-align: center;
}
.listMessageBox .box p {
  text-align: center;
  padding: 4px 20px 4px 20px;
  font-weight: bold;
  font-size: 13px;
}

/* Footer */
#footer {
  position: absolute;
  bottom: 0;
  padding: 20px 20px;
  width: 100%;
  background: #f6f6f6;
}
#footer .footerMenu {
  float: left;
  margin: 3px 0 0 30px;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
#footer .footerMenu li {
  height: 15px;
  margin: 0 5px 0 5px;
  display: inline-block;
}
#footer .footerMenu li a {
  padding-right: 5px;
}
#footer .footerLogo {
  float: left;
  width: 21px;
  height: 24px;
  background: url(../images/footer_logo.png?v=1) no-repeat;
}
#footer .copyright {
  float: right;
  text-align: right;
  margin-top: 3px;
}

.clear {
  clear: both;
}

.round2px,
#lettersBox ul li a {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.round2pxTop {
  border-radius: 2px 2px 0 0;
}

.round2pxBottom {
  border-radius: 0 0 2px 2px;
}

.round3px,
.listHeader .actions > a,
.pics_list_actions a,
.lookup .selectButtonDiv .selectButton,
.mediaClipping .button {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.round3pxTop {
  border-radius: 3px 3px 0 0;
}

.round3pxBottom {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}

.round4px,
.quickLinks,
.formContainer .section table tr .data .textarea,
.listNote,
ul#pics_list li,
.quickView .wizardCurrentPage,
.emmshint .content p,
.listMessageBox .box {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.round4pxTop {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.round4pxBottom,
.listContainer {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}

.round5px,
.quickView,
#search,
.quicksearch,
.formContainer,
.lookup .elementDiv,
.dhtmlwindow {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.round5pxTop,
.newPlayerList a {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

.round5pxBottom {
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}

/**
 * Froms
 */
.formContainer {
  width: 100%;
}

.formContainer .title {
  font-size: 22px;
  font-weight: 600;
  padding: 0 0 10px 7px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ededed;
}

.formContainer .listHeader .title {
  padding-bottom: 0;
  margin-bottom: 0;
}

.formContainer .title:not(:first-child) {
  font-size: 18px;
}

.formContainer .slidingTitle {
  cursor: pointer;
  padding: 10px 15px;
  font-size: 20px;
  background-color: #ddf1fa;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.formContainer .slidingTitle:hover {
  background-color: #b8dff0;
}

.formContainer .required {
  color: #d1295c;
}

.formContainer .error {
  float: left;
  color: #d1295c;
  width: 100%;
}

.formContainer .section {
  margin: 0 7px 20px 7px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.formContainer .section.noBottomBorder {
  border-bottom: none;
}

.formContainer .note {
  background: #f7fee8;
  color: #63792f;
  border: 1px solid #dae7bb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

.formContainer .note-form {
  background: #f7fee8;
  color: #63792f;
  border: 1px solid #dae7bb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 15px;
}

.formContainer .note ul {
  margin-left: 20px;
}

.formContainer .note a {
  color: #63792f !important;
  font-weight: bold;
}

.formContainer .warning {
  background: #fde8ee;
  color: #783030;
  border: 1px solid #e6bbc9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

#wrapper > :not(.react-content) .formContainer .alert {
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0px;
}

.formContainer .note a,
.formContainer .warning a,
#wrapper > :not(.react-content) .formContainer .alert a {
  color: #000;
  text-decoration: none;
}

.formContainer .note a:hover,
.formContainer .warning a:hover,
#wrapper > :not(.react-content) .formContainer .alert a:hover {
  text-decoration: underline;
}

.formContainer .note p,
.formContainer .warning p,
#wrapper > :not(.react-content) .formContainer .alert p {
  padding: 7px 10px;
  margin: 0;
}

.formContainer .section.note,
.formContainer .section.warning,
#wrapper > :not(.react-content) .formContainer .section.alert {
  padding-bottom: 0;
}

.formContainer .note ul,
.formContainer .warning ul,
#wrapper > :not(.react-content) .formContainer .alert ul,
.formContainer ul.psa,
.formContainer ol.psa {
  margin: 5px 5px 5px 25px;
}

.formContainer a.psa {
  font:
    14px Arial,
    Verdana,
    sans-serif;
  color: #0f5575;
  text-decoration: none;
}
.formContainer a.psa:hover {
  text-decoration: underline;
}

.formContainer .section table {
  width: 100%;
}

.formContainer .section table tr {
  width: 100%;
}

.formContainer .section table tr .label {
  display: table-cell;
  padding: 12px 10px;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  color: #6d767f;
  line-height: inherit;
  white-space: normal;
  vertical-align: top;
}

.formContainer .section table tr .data {
  padding: 12px 10px;
  vertical-align: top;
}

.formContainer .section table tr .label a {
  color: #347b9e !important;
  text-decoration: none;
}

.formContainer .section table tr .label a:hover {
  color: #4b4b4d;
  text-decoration: underline;
}

.formContainer .section table tr .data p {
  word-wrap: break-word;
}

.formContainer .section table tr .data label {
  font-weight: normal;
  margin-right: 15px;
}

.formContainer .section table tr .data a:hover {
  text-decoration: underline;
}

.formContainer .section table tr .data a.inactiveText {
  color: #bababa;
}

.formContainer .section table tr .formSeparator {
  background: url("../images/formSeparator.png") repeat-x top left;
  height: 19px;
  width: 100%;
}

.formContainer .section table tr .data .datePicker {
  width: 90px;
  padding: 5px;
  float: left;
}

.formContainer .section table tr .data input.datePickerButton {
  background: url("../images/datePickerButton.png");
  width: 25px;
  height: 24px;
  float: left;
  border: none;
  margin: 4px 0 0 5px;
}

.formContainer .section table tr .data .formatIcon {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin: 0 3px 0 0;
}

.formContainer .section table tr .data .imagePreview {
  padding: 3px 5px 15px 0;
}
.formContainer .section table tr .data .imagePreview img {
  margin-top: 4px;
}
.formContainer .section table tr .data .imagePreview.circle img {
  border-radius: 50%;
}

.formContainer .section table tr .renditionUrlsLink {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 170px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none !important;
  background: #f5f5f5;
  color: #3c4e60;
  border: none;
  border-radius: 5px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.formContainer .section table tr .renditionUrlsLink:hover,
.formContainer .section table tr .renditionUrlsLink.active {
  background: #e2e2e2;
}
.formContainer .section table tr .renditionUrlsLink.renditionAbrLink {
  background: #fed38f;
}
.formContainer .section table tr .renditionUrlsLink.renditionAbrLink:hover,
.formContainer .section table tr .renditionUrlsLink.renditionAbrLink.active {
  background: #f2c479;
}
.formContainer .section table tr .renditionUrlsLink.renditionOriginalLink {
  background: #7a43ae;
  color: #fff;
}
.formContainer .section table tr .renditionUrlsLink.renditionOriginalLink:hover,
.formContainer
  .section
  table
  tr
  .renditionUrlsLink.renditionOriginalLink.active {
  background: #663992;
}

.formContainer .section table tr .renditionUrlsInfo {
  line-height: 18px;
  background: #f5f5f5;
  padding: 25px 35px;
  margin: -5px -10px -5px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* old renditions 'Play' button
.formContainer .section table tr .renditionUrlsInfo .mediaPreview {
  height: 10px;
  padding: 3px 10px;
  margin: 0 5px;
  font: bold 11px Arial, Verdana, sans-serif;
  color: #fff;
  background: url(../images/form_button_bgr.png) repeat-x;
  background-position: 0 -3px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.formContainer .section table tr .renditionUrlsInfo .mediaPreview:hover {
  text-decoration: none;
  background-position: 0 -25px;
}
*/
.formContainer .section table tr .renditionUrlsInfo .mediaPreview {
  background: #d5d5d5;
  height: 18px;
  padding: 3px 10px;
  margin: 0 5px;
  color: #394b5d;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.formContainer .section table tr .renditionUrlsInfo .mediaPreview:hover {
  background: #c8c8c8;
  text-decoration: none;
}

.formContainer .buttons {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}

.formContainer .players {
  padding: 15px;
  color: #2e2e2d;
}

.formContainer .players .title {
  color: #124f6b;
  font-size: 16px;
  text-transform: none;
  padding-bottom: 15px;
}

.formContainer .players .description {
  padding-bottom: 20px;
}

.formContainer .players .features {
  color: #124f6b;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}

.formContainer .players ul {
  margin-left: 15px;
}

.formContainer .players ul li {
  line-height: 20px;
}

/* Login */
.login #header {
  height: 6px;
  background: #158dc5;
}

.login .mx-auto {
  max-width: 460px;
  margin-top: 150px;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

.loginForm {
  float: left;
  width: 100%;
}

.loginForm img {
  float: left;
  /* width: 356px; */
  /* margin-left: 40px;  */
  margin-bottom: 50px;
}

.loginForm .label {
  clear: both;
  display: block;
  width: 100%;
  color: #2d4155;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

.loginForm input[type="text"],
.loginForm input[type="password"] {
  width: 100%;
  border-color: #e5e5e5;
  background: #fafafa;
  height: 46px;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
}

.loginForm input[type="submit"] {
  width: 100%;
  margin: 40px 0 30px 0;
  height: 44px;
  border-radius: 5px;
  padding: 9px 20px;
  font-size: 18px;
}

.loginForm input[type="checkbox"] {
  float: left;
  margin: 0 10px 0 3px;
}

.forgotPassword {
  text-align: center;
  margin: 0 0 30px;
}

/* */
.newPlayerList {
  height: 110px;
  margin-left: 20px;
}

.newPlayerList a {
  float: left;
  list-style: none;
  padding-top: 10px;
  width: 110px;
  height: 100px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #000;
  font-weight: bold;
  text-align: center;
  background: #bde0f1;
  margin-right: 5px;
  text-decoration: none;
  display: block;
}

.newPlayerList a.active {
  background: #fff;
}

.lookup .elementDiv {
  float: left;
  position: relative;
  margin: 0 10px 2px 0;
  padding: 5px 0 5px 10px;
  display: block;
  background: #eff2f4;
}

.lookup .elementDiv:hover {
  background: #e4e8ea;
}

.lookup .elementDiv .element .nameTd {
  padding-right: 10px;
}

.lookup .selectButtonDiv {
  float: left;
  position: relative;
  margin-top: 1px;
}

.lookup .selectButtonDiv .selectButton {
  margin: 0;
  padding: 3px 10px;
  color: #fff;
  background: #158dc5;
  text-decoration: none;
  display: block;
}

.lookup .selectButtonDiv .selectButton:hover {
  background: #0f668e;
}

.lookup .elementDiv + .selectButtonDiv .selectButton {
  margin: 0;
}

.lookup .selectButtonDiv .selectButton a {
  color: #fff !important;
  text-decoration: none !important;
}

.lookup .removeButton {
  margin: 2px 8px 0 -3px;
  width: 9px;
  height: 9px;
  background: #fff url(../images/quickformLookupRemove.png) no-repeat;
  display: block;
  border: none;
  color: #fff;
}

.lookup .removeButton:hover {
  background: url(../images/quickformLookupRemove.png) no-repeat;
  background-position: 0 -9px;
}

.lookup.quicksearchLookup .selectButtonDiv .selectButton {
  padding: 6px 10px 7px;
}

#search form .lookup.quicksearchLookup .elementDiv,
.quicksearch form .lookup.quicksearchLookup .elementDiv {
  padding: 6px 0 6px 10px;
  margin: -7px 10px 0 0;
}

/* Ad tags */
.adTagsSortable {
  margin-right: 15px;
}
.adTagsSortable .lookup.ui-sortable .elementDiv,
.adTagsSortable .lookup.ui-sortable .elementDiv td.nameTd,
.adTagsSortable .lookup.ui-sortable .selectButtonDiv,
.adTagsSortable .lookup.ui-sortable .selectButtonDiv .selectButton {
  width: 100%;
}
.adTagsSortable .lookup.ui-sortable .selectButtonDiv .selectButton a {
  display: block;
  text-align: center;
}

/* Inputs */
input[type="text"],
input[type="password"],
input[type="email"] {
  width: 270px;
  padding: 5px;
  border: 1px solid #dcdcdc;
  background: #fafafa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 34px;
}

input.small {
  background: url("../images/input_small.png") 0 0 no-repeat;
  width: 105px;
  padding: 5px;
  height: 14px;
  margin: -5px 0px;
}

input.small:focus {
  background: url("../images/input_small.png") 0 -25px no-repeat;
}

input.smallInactive {
  background: url("../images/input_small_inactive.png") no-repeat;
  width: 105px;
  padding: 5px;
  height: 14px;
  margin: -5px 0px;
}

input.shortInput {
  font-size: 12px;
  width: 46px;
  padding: 5px;
  margin: -5px -5px -5px 0;
}

input.searchInput {
  width: 170px;
  background: #fff;
  border-color: #dcdcdc;
}

input.searchDatePicker {
  width: 140px;
  padding: 5px;
  float: left;
  background: #fff;
  border-color: #dcdcdc;
}

input.inputDuration {
  width: 30px;
  text-align: center;
  border-radius: 4px;
  margin-right: 0;
}

.URL_field {
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
}

/**
 * Textarea
 */
textarea {
  width: 99%;
  height: 100px;
  max-width: 100%;
  min-width: 99%;
  min-height: 120px;
  padding: 5px !important;
  border: 1px solid #dcdcdc;
  background-color: #fafafa;
  resize: none;
  overflow: auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}

textarea.form-control {
  background-color: #fafafa;
}

/**
 * Select
 */
select {
  width: 270px;
  padding: 5px;
  border: 1px solid #dcdcdc;
  background: #fafafa;
  border-radius: 4px;
  height: 34px;
}

select.searchSelect {
  width: 170px;
  background: #fff;
  border-color: #dcdcdc;
}

select.timePicker {
  width: 53px;
}

select.timePicker:last-child {
  width: 60px;
}

div.selector:active,
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus,
div.selector.hover,
div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
  color: #bbb;
}

div.selectorTimePicker,
.birthday .selector {
  width: 40px;
  margin: -5px 0;
  padding-left: 5px;
}

div.selectorTimePicker span,
.birthday .selector span {
  width: 42px;
}

div.selectorTimePicker select,
.birthday select {
  width: 56px;
}

.birthday input {
  position: relative;
  top: 1px;
  width: 56px;
  margin-left: 2px;
}

/* the AM/PM select */
div.selectorTimePicker:last-child {
  width: 45px;
  padding-left: 6px;
}
div.selectorTimePicker:last-child span {
  width: 47px;
}
div.selectorTimePicker:last-child select {
  width: 51px;
}

div.selectorSearch {
  width: 172px;
  background: #fff;
  border-color: #dcdcdc;
}
div.selectorSearch span {
  width: 174px;
  background: #fff;
}
div.selectorSearch select {
  width: 180px;
}
div.selectorSearch:active,
div.selectorSearch.active {
  background-position: -483px -919px;
}
div.selectorSearch:active span,
div.selectorSearch.active span {
  background-position: right -789px;
}
div.selectorSearch.focus,
div.selectorSearch.hover,
div.selectorSearch:hover {
  background-position: -483px -945px;
}
div.selectorSearch.focus span,
div.selectorSearch.hover span,
div.selectorSearch:hover span {
  background-position: right -815px;
}
div.selectorSearch.focus:active,
div.selectorSearch.focus.active,
div.selectorSearch:hover:active,
div.selectorSearch.active:hover {
  background-position: -483px -971px;
}
div.selectorSearch.focus:active span,
div.selectorSearch:hover:active span,
div.selectorSearch.active:hover span,
div.selectorSearch.focus.active span {
  background-position: right -841px;
}
div.selectorSearch.disabled {
  background-position: -483px -997px;
}
div.selectorSearch.disabled span {
  background-position: right -867px;
  color: #bbb;
}

/**
 * Checkbox
 */
input[type="checkbox"]:not(.form-check-input) {
  display: inline;
  width: 19px;
  height: 19px;
  margin-right: 6px;
}

/**
 * Radio
 */
input[type="radio"] {
  display: inline;
  margin-right: 7px;
}

div.radio {
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 3px;
  cursor: pointer;
}

div.radio input {
  width: 18px;
  height: 18px;
  opacity: 0;
  filter: alpha(opacity: 0);
  text-align: center;
  display: inline-block;
  background: none;
  cursor: pointer;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked,
div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/**
 * File
 */
div.uploader {
  background-position: 0px -297px;
  width: 283px;
  height: 28px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: -5px -5px -5px -2px;
}

div.uploader span.action {
  background-position: right -409px;
  width: 85px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background-color: #ceebf8;
  font-size: 11px;
  font-weight: bold;
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  width: 175px;
  height: 24px;
  margin: 2px 0px 2px 2px;
  line-height: 24px;
  cursor: pointer;
  color: #777;
  border-right: solid 1px #accfe0;
  font-size: 11px;
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}

div.uploader input {
  width: 283px;
  opacity: 0;
  filter: alpha(opacity: 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: pointer;
  display: block;
}

/**
 * Buttons
 */
input[type="submit"],
input[type="button"],
.viewSection button:not(.btn-light, .renditionPlayButton, .accordion-button),
.mediaUpload button {
  margin: 0 0 0 10px;
  padding: 5px 20px;
  width: auto;
  background: #158dc5;
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 3px;
}

/* if button is single - remove margin to be centered */
.viewSection .buttons > button:only-of-type {
  margin-left: 0px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.viewSection
  button:hover:not(.btn-light, .renditionPlayButton, .accordion-button),
.mediaUpload button:hover {
  background: #0f668e;
}

input[type="submit"]:disabled {
  background-color: #aaa;
  border-color: #ddd;
}

div.button span {
  color: #fff;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

div.button a,
div.button button,
div.button input {
  position: absolute;
}

/* Bootstrap Dropdown */
.dropdown-menu {
  font-size: 14px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #158dc5;
}

/* Lists separator */
.separator {
  float: left;
  width: 100%;
  padding-top: 30px;
}

/**
 * DHTML Popups
 */
.dhtmlwindow {
  position: absolute;
  visibility: hidden;
  background-color: #fff;
  padding: 20px;
}

.drag-handle {
  /*CSS for Drag Handle*/
  font-size: 22px;
  background-color: #fff;
  cursor: move;
  overflow: hidden;
  width: auto;
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  padding: 0 0 10px 0;
  /* 	margin-bottom: 5px; */
  border-bottom: 1px solid #d2d9e2;
}

.drag-handle .drag-controls {
  /*CSS for controls (min, close etc) within Drag Handle*/
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.drag-handle .drag-controls .closeButton {
  width: 21px;
  height: 21px;
  background: url(../images/close.png) no-repeat;
}

* html .drag-handle {
  /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
  width: 100%;
}

.drag-contentarea {
  /*CSS for Content Display Area div*/
  background-color: #fff;
  color: #2e2e2d;
  border: 0px solid black;
  height: 150px;
  /* 	padding: 5px; */
  overflow: auto;
  text-font:
    10pt Arial,
    Verdana,
    sans-serif;
}

.dhtmlwindow .notice {
  margin-top: 5px;
  padding-left: 2px;
  color: #eeeeee;
  font:
    10pt Arial,
    Verdana,
    sans-serif;
}

.dhtmlwindow .lists_paging {
  font:
    9pt Arial,
    Verdana,
    sans-serif;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
}
.dhtmlwindow .lists_paging a {
  color: #ffffff;
}
.dhtmlwindow .lists_paging a:link {
  color: #ffffff;
}
.dhtmlwindow .lists_paging a:visited {
  color: #ffffff;
}
.dhtmlwindow .lists_paging a:active {
  color: #ffffff;
}
.dhtmlwindow .lists_paging a:hover {
  color: #ffffff;
}
.dhtmlwindow .lists_paging u {
  text-decoration: none;
}

.drag-statusarea {
  /*CSS for Status Bar div (includes resizearea)*/
  border-top: 1px solid gray;
  background-color: #f8f8f8;
  height: 13px; /*height of resize image*/
}

.drag-resizearea {
  /*CSS for Resize Area itself*/
  float: right;
  width: 13px; /*width of resize image*/
  height: 13px; /*height of resize image*/
  cursor: nw-resize;
  font-size: 0;
}

#modalVeil {
  /*CSS for veil that covers entire page while modal window is visible*/
  position: absolute;
  background: #000;
  width: 10px;
  left: 0;
  top: 0;
  z-index: 5;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=80);
  opacity: 0.8;
}

.popUp {
  width: 99%;
}

.popUp .listContainer {
  padding-bottom: 0;
  border: none;
}

.popUp .searchButton {
  float: left;
  width: 105px;
  margin: 3px 0 0 10px;
  cursor: pointer;
  color: #fff;
  background: #158dc5;
  padding: 3px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.popUp .searchInput {
  float: left;
  width: 170px;
  padding: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fafafa;
}

/**
 * Picture galleries
 */
ul#pics_list {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}

ul#pics_list li {
  float: left;
  list-style-type: none;
  width: 106px;
  height: 106px;
  margin: 5px;
  padding: 4px;
  background: #fff;
  border: 2px solid #fff;
  font-size: 12px;
  cursor: move;
}

ul#pics_list li .thumbContainer {
  position: relative;
  float: left;
  width: 100px;
  height: 100px !important;
  margin: 3px;
  background: #fff;
}

ul#pics_list li .thumbContainer img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0px;
}

ul#pics_list li.highlighted {
  border: 2px solid #3080a4 !important;
}

.pics_list_container {
  font:
    10pt Arial,
    Verdana,
    sans-serif;
  color: #ffffff;
}

ul#pics_list li .thumbContainer .pics_list_actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 94px;
  height: 20px;
}

.pics_list_actions a {
  display: block;
  float: left;
  padding: 3px 10px 3px 10px;
  height: 14px;
  margin: 0 0 0 2px;
  font:
    bold 11px Arial,
    Verdana,
    sans-serif;
  color: #fff !important;
  background: url(../images/button_action_bgr.png) repeat-x;
  text-decoration: none;
}

.pics_list_actions a:hover {
  background: url(../images/button_action_bgr.png) 0 -20px repeat-x;
  text-decoration: none !important;
}

/**
 * Hints
 */
.emmshint {
  border: 1px solid #e9f2f5;
  width: 325px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #d2d9e2;
  box-shadow: 0 0 5px #d2d9e2;
}

.emmshint .title {
  background: #fff;
  color: #2e2e2d;
  font: 14px Arial;
  font-weight: bold;
  margin: 5px 5px 0 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d2d9e2;
}

.emmshint .content {
  background: #fff;
  color: #2e2e2d;
  font: 11px Arial;
}

.emmshint .content p {
  background: #e9f2f5;
  color: #2e2e2d;
  padding: 5px;
  margin: 3px 2px 4px 2px;
  font-weight: bold;
}

.emmshint .content .label {
  color: #5989a3;
  font-weight: normal;
}

.emmshint_player_layout {
  border: 1px solid #d2d9e2;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #d2d9e2;
  box-shadow: 0 0 5px #d2d9e2;
}

.emmshint_player_layout .title {
  background: #fff;
  color: #2e2e2d;
  font: 14px Arial;
  font-weight: bold;
  padding: 3px;
}

.emmshint_player_layout .content {
  background: #fff;
  color: #2e2e2d;
  font: 12px Arial;
  padding: 3px;
}

.emmshint_player_layout .content .label {
  color: #5989a3;
}

#livilyChatLink {
  margin-left: -10px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  outline: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../images/colorbox/overlay.png) repeat 0 0;
}
#colorbox {
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(../images/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(../images/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(../images/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(../images/colorbox/border.png) 0 -29px repeat-x;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-top: 30px;
}
#cboxTitle {
  position: absolute;
  top: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  top: 4px;
  left: 58px;
  color: #949494;
}
#cboxSlideshow {
  position: absolute;
  top: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious.hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  top: 0;
  left: 27px;
  background: url(../images/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext.hover {
  background-position: -50px -25px;
}
#cboxLoadingOverlay {
  background: url(../images/colorbox/loading_background.png) no-repeat center
    center;
}
#cboxLoadingGraphic {
  background: url(../images/colorbox/loading.gif) no-repeat center center;
}
#cboxClose {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(../images/close_button.png) no-repeat;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  border: none;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr=#00FFFFFF,
            endColorstr=#00FFFFFF
        );
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft {
  background: url(../images/colorbox/ie6/borderTopLeft.png);
}
.cboxIE6 #cboxTopCenter {
  background: url(../images/colorbox/ie6/borderTopCenter.png);
}
.cboxIE6 #cboxTopRight {
  background: url(../images/colorbox/ie6/borderTopRight.png);
}
.cboxIE6 #cboxBottomLeft {
  background: url(../images/colorbox/ie6/borderBottomLeft.png);
}
.cboxIE6 #cboxBottomCenter {
  background: url(../images/colorbox/ie6/borderBottomCenter.png);
}
.cboxIE6 #cboxBottomRight {
  background: url(../images/colorbox/ie6/borderBottomRight.png);
}
.cboxIE6 #cboxMiddleLeft {
  background: url(../images/colorbox/ie6/borderMiddleLeft.png);
}
.cboxIE6 #cboxMiddleRight {
  background: url(../images/colorbox/ie6/borderMiddleRight.png);
}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(
    this.src = this.src ? this.src: this.currentStyle.backgroundImage.split('"')
      [1],
    this.style.background = "none",
    this.style.filter =
      "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src +
      ", sizingMethod='scale')"
  );
}

/* Charts */
.chartsHeader {
  float: left;
  width: 100%;
  margin: 15px 0;
}

.chartsHeader .totalViews {
  float: left;
  margin-left: 10px;
}

.chartsHeader .totalViews th {
  color: #586878;
  font-weight: 600;
  padding: 0 20px;
  border-right: 1px solid #dbdbdb;
}

.chartsHeader .totalViews td {
  color: #1173a0;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1;
  padding: 0 20px;
  border-right: 1px solid #dbdbdb;
}

.chartsHeader .totalViews th:last-child,
.chartsHeader .totalViews td:last-child {
  border: none;
}

.chartsHeader .totalViews th:first-child,
.chartsHeader .totalViews td:first-child {
  padding-left: 0;
}

.chartsHeader ul {
  float: right;
  border: 1px solid #ececec;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 23px;
}

.chartsHeader ul li {
  display: inline-block;
  font-size: 19px;
  border-right: 1px solid #ececec;
}

.chartsHeader ul li:last-child {
  border-right: none;
}

.chartsHeader ul li a {
  display: inline-block;
  padding: 2px 14px;
}

.chartsContainer {
  float: left;
  width: 100%;
  background: #fff;
  overflow: hidden;
  margin-bottom: 15px;
}

.chartsContainer .box {
  position: relative;
  padding: 25px;
  background: #f8f8f8;
  min-height: 390px;
  border-radius: 3px;
}

.chartsContainer .box h4 {
  padding-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 600;
  border-bottom: 1px solid #dbdbdb;
}

.chartsContainer .box h4 span {
  font-size: 14px;
  font-weight: normal;
  color: #647789;
  padding-left: 10px;
}

.chartsContainer .box h4 a {
  display: block;
  float: right;
  margin-top: 7px;
  font-size: 14px;
  font-weight: normal;
  color: #647789;
}

.chartsContainer .box h4 a i {
  padding-left: 5px;
}

.chartsContainer .box .totals {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 20px;
}

.chartsContainer .box .totals th {
  font-size: 14px;
  color: #647789;
  font-weight: normal;
  border-right: 1px solid #dbdbdb;
  padding: 0 3%;
}

.chartsContainer .box .totals th:last-child {
  border-right: none;
}

.chartsContainer .box .totals td {
  font-size: 2.4rem;
  color: #1173a0;
  font-weight: 600;
  border-right: 1px solid #dbdbdb;
  padding: 0 3%;
  line-height: 1;
}

.chartsContainer .box .totals td:last-child {
  border-right: none;
}

.chartsContainer .box .spinner {
  position: absolute;
  top: 180px;
  font-size: 40px;
  color: #d3d3d3;
  text-align: center;
  width: 90%;
}

.chartsContainer .box .error {
  position: absolute;
  top: 180px;
  text-align: center;
  font-style: italic;
  width: 90%;
}

.chartsContainer .box #chart1 .error {
  top: 220px;
}

.chartsContainer .box #chart5 .spinner,
.chartsContainer .box #chart5 .error {
  top: 80px;
  left: 33%;
}

.chartsContainer .box .error .btn-light {
  background: #eaeaea;
  border-color: #eaeaea;
  font-style: normal;
}

.chartsContainer .box .error .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.chartsContainer .box .error .btn-light i {
  padding-right: 3px;
}

.chartsContainer .more {
  padding: 5px;
  font:
    bold 12px Arial,
    Verdana,
    sans-serif;
  text-align: right;
}

.chartsContainer .more a {
  text-decoration: none;
  color: #0a7db2;
}

.chartsContainer .more a:hover {
  text-decoration: underline;
}

#chart {
  width: 100%;
  padding: 5px 5px 0px 5px;
  margin-left: 10px;
  height: 210px;
}

#chart.stacked {
  padding-left: 0px;
}

#chart.notStacked {
  height: 340px;
  padding-left: 0px;
}

#chart.geo {
  height: 470px;
  margin-left: 0;
}

#chart.pie {
  height: 340px;
  margin-left: 0;
}

/* Media Clipping */
.mediaClipping {
  padding: 0 10px;
}
.mediaClipping .playerContainer {
  padding: 8px 0 2px;
}
.mediaClipping .formContainer {
  padding: 0;
}
.mediaClipping .timestamp {
  display: none;
}
.mediaClipping .readableTime {
  cursor: pointer;
}
.mediaClipping .playback_buttons {
  padding: 10px 0 0px;
  text-align: center;
}
.mediaClipping .playback_buttons .set_start_button {
  float: left;
  margin-left: 0;
}
.mediaClipping .playback_buttons .set_end_button {
  float: right;
}
.mediaClipping .playback_buttons big {
  display: inline-block;
  font-size: 18px;
  margin-top: -3px;
}
.mediaClipping .playback_buttons .current_time {
  position: relative;
  top: 1px;
  height: 30px;
  padding: 8px 20px;
  margin-left: 10px;
  color: #2a7192;
  background: #ceebf8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-weight: bold;
}

.mediaClipping .button {
  display: inline;
  margin-left: 15px;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  background: #158dc5;
}

.mediaClipping .button:hover {
  cursor: pointer;
  background: #0f668e;
}

.mediaClipping .buttons .button {
  margin-left: 5px;
}

.mediaClipping .formContainer .section {
  margin: 0;
  padding: 10px 0;
}

/* Player popup */
.popupContainer {
  padding: 0 10px;
}
.popupContainer .playerContainer {
  padding: 8px 0 2px;
}
.popupContainer .formContainer {
  padding: 0;
}
.popupContainer .moderationForm .wrapper {
  padding-right: 0;
}
.popupContainer .moderationForm .buttons {
  margin: 11px 0 4px 0;
}

/* Subtitles Popup */
.subtitles {
  padding: 0 10px;
}
.subtitles .formContainer {
  padding: 2px 0 0 0;
}

.subtitles .formContainer #fileTypeError {
  display: none;
}

.subtitles .formContainer .fileUploadContainer {
  margin: 5px 0px;
  padding: 30px 12px;
  border: 1px solid #0d80b7;
  border-radius: 3px;
  text-align: center;
  background: #ceecf7;
}

.subtitles .formContainer .fileUploadContainer p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
}

#fileUploadSection {
  position: relative;
}

.subtitles .formContainer #fileUploadSection .fileUploadContainer input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  z-index: 1000;
  height: 150px;
  width: 580px;
  border: none;
}

.subtitles .formContainer #fileUploadSection .fileUploadContainer .button {
  display: inline-block;
  margin: 5px auto 15px auto;
  text-align: center;
  border: 1px solid #25677f;
  border-radius: 3px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 16px;
  color: #fff;
  background: #0472a3;
  background: -moz-linear-gradient(top, #168ecb 0%, #0472a3 100%);
  background: -webkit-linear-gradient(top, #168ecb 0%, #0472a3 100%);
  background: linear-gradient(to bottom, #168ecb 0%, #0472a3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#168ecb",
            endColorstr="#0472a3",
            GradientType=0
        );
}

.subtitles
  .formContainer
  #fileUploadSection
  .fileUploadContainer
  .button:hover {
  background: -moz-linear-gradient(top, #0472a3 0%, #168ecb 100%);
  background: -webkit-linear-gradient(top, #0472a3 0%, #168ecb 100%);
  background: linear-gradient(to bottom, #0472a3 0%, #168ecb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#0472a3",
            endColorstr="#168ecb",
            GradientType=0
        );
}

.subtitles .formContainer #progress {
  display: none;
  margin-bottom: 0px;
  font-size: 12px;
}

.subtitles .formContainer #progress .filename {
  text-align: left;
}

.subtitles .formContainer #progress .barContainer {
  height: 5px;
  width: 100%;
  background: #4c4c4c;
  margin: 2px 0 5px;
}

.subtitles .formContainer #progress .bar {
  height: 5px;
  width: 0%;
  background: #018bca;
}

.subtitles .formContainer #progress .filename {
  float: left;
  font-weight: normal;
}

.subtitles .formContainer #progress .cancel {
  position: relative;
  float: right;
  padding-left: 11px;
  font-weight: normal;
  cursor: pointer;
}

.subtitles .formContainer #progress .cancel:before {
  content: "x";
  position: absolute;
  left: 0;
  font-weight: bold;
}

.subtitles .formContainer .waitMessage {
  display: none;
  text-align: center;
}

.subtitles .formContainer .buttons .disabled,
.subtitles .formContainer .buttons .disabled:hover {
  color: #bbb;
  border-color: #ddd;
}

/* New media fileupload */
.mediaUpload .uploadCol {
  float: left;
  width: 33.333333%;
  padding: 0 15px;
}

.mediaUpload .uploadBox {
  float: left;
  width: 100%;
  min-height: 265px;
  background: #f7f7f7;
  border-radius: 3px;
  text-align: center;
}

.mediaUpload .uploadBox button {
  display: block;
  margin: 0 auto;
  padding: 5px 30px;
  line-height: 1.8;
}

.mediaUpload .uploadBox button i {
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
  margin-top: -4px;
  margin-right: 6px;
}

.mediaUpload .uploadBox button img {
  margin-right: 6px;
  margin-top: -4px;
}

.mediaUpload .uploadBox.cloud {
  padding-top: 75px;
}

.mediaUpload .uploadBox.cloud button {
  width: 235px;
  color: #2c4054;
  padding: 5px 0;
  background-color: #e6e6e6;
  margin-bottom: 20px;
  line-height: 1.8;
}

.mediaUpload .uploadBox.cloud button:hover {
  background-color: #d6d6d6;
}
.mediaUpload .uploadBox.cloud button i {
  color: #0060ff;
  font-size: 20px;
}

.mediaUpload .uploadBox.ftp {
  text-align: left;
  padding: 25px 30px;
  line-height: 1.5;
}

.mediaUpload .uploadBox.ftp span {
  color: #6c757e;
}

#mediaUploadForm .fileUploadContainer {
  position: relative;
  width: 100%;
  height: 250px;
  text-align: center;
  padding-top: 60px;
}

#mediaUploadForm .fileUploadContainer p {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
}

#mediaUploadForm .fileUploadContainer input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  z-index: 100;
  min-height: 250px;
  width: 100%;
  border: none;
}

#mediaUploadForm .fileUploadContainer small {
  font-weight: normal;
  color: #6c757e;
}

#mediaUploadForm .fileUploadContainer .button {
  display: inline-block;
  margin: 5px auto 15px auto;
  text-align: center;
  border: 1px solid #25677f;
  border-radius: 3px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 16px;
  color: #fff;
  background: #0472a3;
  background: -moz-linear-gradient(top, #168ecb 0%, #0472a3 100%);
  background: -webkit-linear-gradient(top, #168ecb 0%, #0472a3 100%);
  background: linear-gradient(to bottom, #168ecb 0%, #0472a3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#168ecb",
            endColorstr="#0472a3",
            GradientType=0
        );
}

#mediaUploadForm .fileUploadContainer .button:hover {
  background: -moz-linear-gradient(top, #0472a3 0%, #168ecb 100%);
  background: -webkit-linear-gradient(top, #0472a3 0%, #168ecb 100%);
  background: linear-gradient(to bottom, #0472a3 0%, #168ecb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#0472a3",
            endColorstr="#168ecb",
            GradientType=0
        );
}

#mediaUploadForm #progress {
  display: none;
  margin: 0 15px;
  line-height: 1;
}

#mediaUploadForm #progress .filename {
  text-align: left;
  float: left;
  font-weight: normal;
}

#mediaUploadForm #progress .barContainer {
  height: 5px;
  width: 100%;
  background: #dbdbdb;
  margin: 2px 0 5px;
}

#mediaUploadForm #progress .bar {
  height: 5px;
  width: 0%;
  background: #018bca;
}

#mediaUploadForm #progress .cancel {
  z-index: 1010;
  position: relative;
  float: right;
  padding-left: 11px;
  font-weight: normal;
  cursor: pointer;
}

#mediaUploadForm #progress .cancel:before {
  content: "x";
  position: absolute;
  left: 0;
  font-weight: bold;
}

.fas.fa-angle-down,
.fas.fa-angle-up,
.fas.fa-times {
  color: #158dc5;
}

.fas.fa-angle-down,
.fas.fa-angle-up {
  float: right;
  margin-top: 8px;
}

/*REACT PROJECT CSS START*/

.msg-middle {
  display: grid;
  align-items: center;
  height: 100px;
  text-align: center;
  color: #2a7192;
  font-size: 14px;
}

.fas.fa-check,
.fas.fa-check-square,
.fas.fa-window-close {
  color: #158dc5;
}

.formContainer .btn-toolbar > * + * {
  margin-left: 0.5em;
}

.modal .autocomplete-dialog {
  max-width: none !important;
  width: 35%;
}

#search .btn {
  margin: 21px 0 0 2px !important;
}

#search .btn:active {
  background-color: #0f668e;
  border-color: #0f668e;
}

.autoCompleteMenu {
  max-height: 20rem;
  width: 270px;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  transition: opacity 0.1s ease;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  border: 0 1px 1px 1px solid "#96c8da";
}

.autoCompleteItem {
  width: 270px;
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
  box-shadow: none;
  padding: 0.8rem 1.1rem;
  white-space: normal;
  word-wrap: normal;
}

.autoCompleteItem:hover {
  color: rgba(0, 0, 0, 0.95);
  background: rgba(0, 0, 0, 0.03);
}

.modal-header {
  border-bottom: none;
}

.modal-header h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.modal-title {
  padding-left: 0.8rem;
  padding-top: 0.5rem;
}

.modal-body {
  padding: 0rem 2rem;
}

.modal-body .form-group {
  margin-bottom: 1.5rem;
}

.modal-footer {
  border-top: none;
  padding: 1rem 2rem;
}

.modal-footer .modalButtons .btn {
  margin-left: 10px;
}

.btn-primary {
  background-color: #158dc5;
  border-color: #158dc5;
}

.btn-primary:hover {
  background-color: #0f668e;
  border-color: #0f668e;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #0f668e;
  border-color: #0f668e;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #aaa;
  border-color: #ddd;
}

.btn-light {
  background-color: transparent;
  border-color: transparent;
}

.btn-sm {
  padding: 0.25rem 0.75rem;
}

.btn-link {
  color: #158dc5;
}

.btn-link:hover {
  color: #0f668e;
  text-decoration: none;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"] {
  width: 100%;
}

.form-control {
  font-size: 14px;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
}

.form-label {
  color: #6d767f;
}

.page-link {
  color: inherit;
  padding: 6px 10px;
}

.page-link:hover {
  color: inherit;
}

.page-item.active .page-link {
  background-color: #1173a0;
  border-color: #1173a0;
  border-radius: 4px;
}

.separatorLine {
  width: 100%;
  height: 0;
  border-top: 1px solid #e9ecef;
  margin-bottom: 1.5rem;
}

.formContainer.preview {
  min-height: 200px;
  position: relative;
}

.formContainer.preview .title {
  border-bottom: none;
}

.formContainer .viewSection .title,
.formContainer .modal-body .title {
  font-size: 16px;
  padding: 0 0 5px 7px;
  border-bottom: 2px solid #ededed;
}

/* .formContainer .viewSection .section {
  border-bottom: none;
} */

.formContainer .buttons button[type="submit"] {
  border: none;
  padding: 5px 15px;
  line-height: inherit;
  font-weight: 600;
}

.postToSocialNetworksForm .data label {
  display: inline;
  margin-bottom: 0;
}

.noteContainer {
  margin-bottom: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.noteContainer .note {
  background: #f7fee8;
  color: #63792f;
  border: 1px solid #dae7bb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0.75rem 1.25rem;
}

.noteContainer button {
  padding: 0;
  color: #63792f;
  text-decoration: none !important;
}
.noteContainer button:hover {
  padding: 0;
  color: #63792f;
  text-decoration: none !important;
}
.noteContainer .collapseText {
  margin-top: 10px;
}
/* welcome carousel */
.font-weight-600 {
  font-weight: 600;
}

.text-endavo-primary {
  color: #158dc5;
}

.text-endavo-primary-darker {
  color: #0f668e;
}

.text-endavo-secondary {
  color: #2d4155;
}

.password-reveal {
  position: absolute;
  top: 11px;
  right: 25px;
  color: #808080;
}

/*REACT PROJECT CSS END*/

.noitems {
  margin-top: 6px;
  padding: 6px 8px 0 8px;
  border-top: 2px solid #ededed;
  color: #6d767f;
}

.datetimecontainer {
  float: left;
}

.datetimecontainer:first-child {
  margin-right: 5px;
}

.input-group.date input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#search .input-group.date .input-group-text,
.quicksearch .input-group.date .input-group-text {
  border: 1px solid #dcdcdc;
}

.wrapper .trumbowyg-box,
.wrapper .trumbowyg-box .trumbowyg-editor {
  min-height: 200px;
}
.wrapper .trumbowyg-box .trumbowyg-button-pane {
  background: #fafafa;
}
.trumbowyg-modal
  .trumbowyg-modal-box
  .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #158dc5;
}
.trumbowyg-modal
  .trumbowyg-modal-box
  .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #0f668e;
}

.privacy-terms p {
  padding-bottom: 1.5rem;
}

/* Main React loading spinner */
:is(.react-content, .modal) .loader {
  position: absolute;
  top: 50%;
  left: 50%;
}

/* Static Shape */
:is(.react-content, .modal) .loader:before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

/* Active Shape */
:is(.react-content, .modal) .loader:after {
  position: absolute;
  content: "";
  top: 0%;
  left: 0%;
  animation: react-loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}

/* Active Animation */
@-webkit-keyframes react-loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes react-loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

:is(.react-content, .modal) .loader:before,
:is(.react-content, .modal) .loader:after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: -1.14285714rem 0rem 0rem -1.14285714rem;
}

.infoTooltipAndKbLink {
  padding: 0 15px;
  font-size: 15px;
  color: #96a0aa;
}
.infoTooltipAndKbLink a {
  margin: 0 10px;
  color: #96a0aa;
}
.formContainer .infoTooltipAndKbLink {
  padding: 0 1px 0 5px;
  font-size: 12px;
}
.highlightedRow {
  background-color: #ceebf8;
}

@media screen and (max-width: 768px) {
  #header .logo {
    margin: 10px 0 0 15px;
    width: 150px;
    background-size: contain;
    background-position: center;
  }
  #header .topMenu li {
    float: left;
    margin-left: 20px;
  }
  #header .topMenu {
    right: 15px;
  }
  #header .community-dropdown {
    right: 15px;
  }
  .react-content .rightColumn {
    padding: 25px 15px;
  }
  .react-content .listTable th,
  .listTable td {
    padding-left: 7px;
  }
  .react-content .rightColumn {
    overflow-x: auto;
  }
  .react-content .leftColumn.community {
    position: absolute;
    min-height: unset;
  }
}