.cols2 > div, .cols2 > a > div {
    width: 50%;
}
.cols3 > div, .cols3 > a > div {
    width: 33.33%;
}
.cols4 > div, .cols4 > a > div  {
    width: 25%;
}


.cols2 > li, .cols2 > a > li {
    width: 50%;
}
.cols3 > li, .cols3 > a > li {
    width: 33.33%;
}
.cols4 > li, .cols4 > a > li  {
    width: 25%;
}
.cols5 > li, .cols5 > a > li  {
    width: 20%;
}
.cols6 > li, .cols6 > a > li  {
    width: 16.66%;
}


.cols4-important > div, .cols4 > a > div  {
    width: 25% !important;
}
.cols5 > div, .cols5 > a > div  {
    width: 20%;
}
.cols6 > div, .cols6 > a > div  {
    width: 16.66%;
}
.cols7 > div, .cols7 > a > div  {
    width: 14.28%;
}
.cols8 > div, .cols8 > a > div  {
    width: 12.5%;
}
.cols9 > div, .cols9 > a > div  {
    width: 12.5%;
}
.cols10 > div, .cols10 > a > div  {
    width: 11.11%;
}
.colsFloatLeft.cols>div {
    float: left;
}
.colsFloatRight.cols>div {
    float: right;
}
.actionsinrow.cols2 > div, .actionsinrow.cols2 > a > div {
    width: 90%;
}
.actionsinrow.cols3 > div, .actionsinrow.cols3 > a > div {
    width: 45%;
}
.actionsinrow.cols4 > div, .actionsinrow.cols4 > a > div {
    width: 30%;
}
.actionsinrow.cols5 > div, .actionsinrow.cols5 > a > div {
    width: 22.5%;
}
.actionsinrow.cols6 > div, .actionsinrow.cols6 > a > div {
    width: 18%;
}
.actionsinrow.cols7 > div, .actionsinrow.cols7 > a > div {
    width: 15%;
}
.actionsinrow.cols8 > div, .actionsinrow.cols8 > a > div {
    width: 12.85%;
}
.actionsinrow.cols9 > div, .actionsinrow.cols9 > a > div {
    width: 11.25%;
}
.actionsinrow.cols10 > div, .actionsinrow.cols10 > a > div {
    width: 10%;
}
.cols.float-right > div {
    float: right;
}
.cols.float-left > div {
    float: left;
}
.no-padding {
    padding: 0 !important;
}

.float.float-right {
    float: right;
}
.float.float-left {
    float: left;
}
.std > div > div:not(.std-overflow) {
    /*padding: 0 3px;*/
    text-overflow: ellipsis;
    overflow: hidden;
}
.std > div.overflow > div, div.overflow  {
    text-overflow: initial !important;
    overflow: unset !important;
}
.std > div, .std > a > div {
    float: left;
}
.std-right > div {
    float: right;
}
.std.row {
    border-bottom: 1px solid #cccccc;
    color: #666666;
    padding: 5px 0;
}
.std.row:last-child,
.std-simple-list.row:last-child {
    border-bottom: unset;
}
.std-simple-list.row {
    border-bottom: 1px solid #cccccc;
    color: #666666;
    padding: 5px 0;
}
.Func_survey-management .std.row:last-child {
    border: 0;
}

.std.row .std.row {
    border: 0;
}
.std.row:hover,
.std-simple-list.row:hover {
    background-color: #f0f0f0;
}
.std.row.heading:hover {
    background-color: inherit;
}
.row {
    margin: 0;
}
.actionsinrow .actions {
    width: 10% !important;
    text-align: center;
}
.row strong {
    font-weight: 200;
    color: #000;
}
.actionsinrow .actions i {
    color: #ccc;
}
.std-icon-right {
    margin-left: 5px;
    vertical-align: middle;
    position: static !important;;
}
.std-icon-left {
    margin-right: 5px;
    vertical-align: middle;
    position: static !important;
}
.actionsinrow .actions i:hover {
    color: #666;
    cursor: pointer;
}
.std > div > div.dropdown {
    overflow: visible;
}
.dropdown li a i {
    margin-right: 5px;
    color: #666;
    margin-right: 5px;
    vertical-align: middle;
    vertical-align: middle;
}
.dropdown li a *:not(.badge) {
    color: #999;
}
.dropdown li a:hover * {
    color: #333;
}
.dropdown li a {
    color: #666;
}
.dropdown-menu > li > a {
    padding: 3px 12px;
}

.std .fa {
/*    color: #999; */
    display: inline !important;
    margin: 0 5px;
    font-size: 1.5em;
    vertical-align: middle;
}
.justarrow.action-item.fa {
    color: #fff !important;
    font-size: .8em !important;
    cursor: pointer;
}
.noborder {
    border: 0 !important;
}
.width.width-table-5 {
    width: 5%
}
.width.width-table-10 {
    width: 10%
}
.width.width-table-15 {
    width: 15%
}
.width.width-table-20 {
    width: 20%
}
.width.width-table-25 {
    width: 25%
}
.width.width-table-30 {
    width: 30%
}
.width.width-table-35 {
    width: 35%
}
.width.width-table-40 {
    width: 40%
}
.width.width-table-45 {
    width: 45%
}
.width.width-table-50 {
    width: 50%
}
.width.width-table-55 {
    width: 55%
}
.width.width-table-60 {
    width: 60%
}
.width.width-table-65 {
    width: 65%
}
.width.width-table-70 {
    width: 70%
}
.width.width-table-75 {
    width: 75%
}
.width.width-table-80 {
    width: 80%
}
.width.width-table-85 {
    width: 85%
}
.width.width-table-90 {
     width: 90%
 }
.width.width-table-95 {
    width: 95%
}
.width.width-table-100 {
    width: 100%
}

.width.width-table-5-important {
    width: 5% !important;
}
.width.width-table-10-important {
    width: 10% !important;
}
.width.width-table-15-important {
    width: 15% !important;
}
.width.width-table-20-important {
    width: 20% !important;
}
.width.width-table-25-important {
    width: 25% !important;
}
.width.width-table-30-important {
    width: 30% !important;
}
.width.width-table-35-important {
    width: 35% !important;
}
.width.width-table-40-important {
    width: 40% !important;
}
.width.width-table-45-important {
    width: 45% !important;
}
.width.width-table-50-important {
    width: 50% !important;
}
.width.width-table-55-important {
    width: 55% !important;
}
.width.width-table-60-important {
    width: 60% !important;
}
.width.width-table-65-important {
    width: 65% !important;
}
.width.width-table-70-important {
    width: 70% !important;
}
.width.width-table-75-important {
    width: 75% !important;
}
.width.width-table-80-important {
    width: 80% !important;
}
.width.width-table-85-important {
    width: 85% !important;
}
.width.width-table-90-important {
    width: 90% !important;
}
.width.width-table-95-important {
    width: 95% !important;
}
.width.width-table-100-important {
    width: 100% !important;
}

.width.centered {
    margin: 0 auto;
}
.side-borders {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.sub-detail {
    margin: 20px 0;
}
.sub-header {
    font-weight: 200;
    margin-top: 20px;
}
.total-item * {
    font-weight: 700;
    text-align: right;
}
.box {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.box:first-child {
    margin-top: 20px;
}
.box:hover {
     color: #333;
     background-color: #f0f0f0;
 }
.box .std.row:hover {
    background-color: #f5f5f5;
}
.menu {
    position: relative;
}
.menu input[type=radio] {
    margin: 0 5px 0 10px;
}
.menu .dropdown {
    display: inline;
}
.menu h1, .menu h2, .menu h3 {
    position: absolute;
    left: 0;
}
.menu-options-right {
    text-align: right !important;
}
.menu-options {
    padding: 5px 20px;
}
.menu-options a {
    margin-left: 20px;
    vertical-align: middle
    font-size: 1.25em;
}
.menu-options a i {
    vertical-align: middle;
    magrin-left: 5px
}
.menu h1, .menu h2, .menu h3 {
    margin: 0 !important;
}

.dropdown .action.action-text {
    display: inline;
}
.dropdown .action.action-icon {
    display: none;
}

.report-options .input-group {
    display: inline-flex;
    margin: 0 20px;
}
.report-options .form-control {
    padding: 0 10px;
}
.report-options label {
    font-weight: 200;
    color: #666;
    margin: 0 5px 0 20px;
}
.report-options h3 {
    color: #666666;
    display: inline-flex;
    margin: 0;
}

.report-container {
    margin-top: 20px;
}
.ClearAfter.Description {
    margin: 10px;
    color: #999;
}
.menu-button {
    display: inline;
    padding: 5px 10px;
    background-color: #ccc;
    color: #fff;
    line-height: 2em;
}
.menu-button:hover a, .menu-button:hover a:visited {
    color: #333;
}
.menu-button:hover {
    background-color: #e0e0e0;
}
.menu-button a, .menu-button a:visited {
    color: #999;
    text-decoration: none;
}
.menu-button.selected {
    background-color: #999;
}
.menu-button.no-bg:not(.selected) {
    background-color: transparent;
}
.menu-button.selected a, .menu-button.selected a:visited {
    color: #fff;
}
.menu-std-padding h1,.menu-std-padding h2,.menu-std-padding h3 {
    left: 10px;
}

.basic-head-title {
    font-weight: 200;
    color: #666;
}
.bar {
    background: #e0e0e0 none repeat scroll 0 0;
    height: 13px;
    width: 10%;
    position: relative;
}
.bar::after {
    content: " ";
    display: block;
}
.barchart {
    height: 100%;
    background-color: #2cb01c;
}
#StdModal .modal-title {
    font-weight: normal;
    color: #333;
    font-size: 1.25rem;
}
#StdModal .actionsinrow .actions i {
    color: #fff;
}
.totalbox {
    background-color: #2cb01c;
    color: #ffffff;
    margin-right: 10px;
    padding: 10px 20px;
    position: relative;
    top: -10px;
    vertical-align: middle;
}
.menu > span {
    color: #999;
    cursor: pointer;
}
.menu > span:hover {
    color: #666;
}
.menu i {
    margin-right: 5px;
}
.dropdown-menu i {
    /*margin: 0 !important;*/
}
.actionsedit {
    text-align: center;
    position: relative;
    top: -5px;
}
.actionsedit i {
    margin-right: 10px;
    font-size: 1.25rem;
    vertical-align: middle;
    color: #ccc;
}
.actionsedit i:hover {
    color: #333;
    cursor: pointer;
}
.actionsedit i:last-child {
    margin-right: 0;
}
.text-centered {
    text-align: center;
}
.text-centered-important {
    text-align: center !important;
}
.no-float {
    float: none !important;
}
.allow-overflow  {
    overflow: initial !important;
}
.margin-right-5 {
    margin-right: 5px
}
.margin-right-10 {
    margin-right: 10px
}
.margin-right-15 {
    margin-right: 15px
}
.margin-right-20 {
    margin-right: 20px
}
.margin-left-5 {
    margin-left: 5px
}
.margin-left-10 {
    margin-left: 10px
}
.margin-left-15 {
    margin-left: 15px
}
.margin-left-20 {
    margin-left: 20px
}
.std-menu-inner {
    width: 70%;
    margin: 0 auto;
}
.footer {
    margin: 20px 0 0;
}
.avatar-container {
    position: relative;
}
.avatar img {
    width: 100%;
    background-color: #ccc;
}
.avatar.rounded img {
   border-radius: 100%;
}

.avatar-img-small {
    width: 20px !important;
    height: 20px !important;
}
.avatar-img-small img {
    width: 100%;
}
.avatar-container .avatar {
    position: absolute;
    top: 0;
    left: 0;
}
.avatar-container.avatar-small {
    padding-left: 30px;
}
.avatar-img-medium {
    width: 50px !important;
    height: 50px !important;
}
.avatar-img-medium-35 {
    width: 35px !important;
    height: 35px !important;
}
.align.centered {
    text-align: center;
}
.pointer {
    cursor: pointer;
}
.org-details {
    padding: 10px;
}
.text-light {
    color: #ccc;
}
.text-medium {
    color: #999;
}
.text-dark {
    color: #333;
}
.address-lines {
    margin-top: 0;
}
h1.title, h2.title, h3.title {
    font-weight: 200;
    margin: 5px 0 !important;
}
.std-border.full-box-border {
    border: 1px solid #ccc;
}
.std-border.std-border-right{
    border-right: 1px solid #ccc;
}
.std-border.std-border-left{
    border-left: 1px solid #ccc;
}
.std-border.std-border-top{
    border-top: 1px solid #ccc;
}
.std-border.std-border-bottom{
    border-bottom: 1px solid #ccc;
}
.std-padding.std-all {
    padding: 10px;
}
.std-padding.std-sides {
    padding-left: 10px;
    padding-right: 10px;
}
.std-padding.std-sides-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.std-padding.std-right {
    padding: 0 10px 0 0 !important;
}
.std-padding.std-left {
    padding: 0 0 0 10px !important;
}
.std-padding.std-body {
    padding: 0 10px;
}
.std-padding-15.std-all {
    padding: 20px;
}
.std-padding-20.std-all {
    padding: 20px;
}
.font.font-x-medium {
    font-size: 1.25em;
}
.font.font-medium {
    font-size: 1.5em;
}
.font.font-large {
    font-size: 2em;
}
.font.font-xlarge {
    font-size: 2.5em;
}
.std-padding.std-padding-right {
    padding-right: 10px;
}
.std-padding.std-padding-left {
    padding-left: 10px;
}
.std-padding.std-padding-top {
    padding-top: 10px;
}
.std-padding.std-padding-bottom {
    padding-bottom: 10px;
}
.std-padding-0.std-all {
    padding: 0;
}
.std-padding-0-important {
    padding: 0 !important;
}
.std-padding-top-0 {
    padding-top: 0 !important;
}
.std-padding-bottom-0 {
    padding-top: 0 !important;
}
.pull-right {
    float: right;
    margin: 0 10px;
}
.pull-left {
    float: left;
}
.avatar-img-MH100 {
    width: 100%;
    max-height: 100px;
    margin: 5px 0;
}
.avatar-img-MH250 {
    width: 100%;
    max-height: 250px;
    margin: 5px 0;
    padding: 0 20px;
}
img.noAvatarBG {
    background-color: transparent !important;
}
.avatar-row-image {
    max-width: 100%;
    background-color: #ccc;
    max-height: inherit;
    width: auto !important;
}
.btn a, .btn a:visited {
    color: inherit;
    text-decoration: none;
}
.simple-edit i {
    margin-right: 5px;
    cursor: pointer;
    color: #999;
}
.simple-edit i:hover {
    color: #666;
}
.status.active {
    font-weight: 700;
    color: green;
}
.status.inactive {
    font-weight: 700;
    color: red !important;
}
.clearthis {
    clear:both;
}
.nofloat {
    float: none !important;
}
.func .funcbox > a > div {
    text-align: center;
    padding-top: 20%;
    cursor: pointer;
}
.func .funcbox > a > div:hover {
    opacity: .8;
}
.func .funcbox > a >div i {
    display: block;
    font-size: 3em;
}
.headline-large {
    font-size: 3em;
    text-align: center;
    font-weight: 700;
    line-height: 1.05em;
}
.headline-medium {
    font-size: 2em;
    text-align: center;
    font-weight: 700;
    line-height: 1.35em;
}
.func .funcbox > a > div p.headline {
    font-size: 1.5em;
    font-weight: 700;
    margin: 10px 0 20px;
}
.sub-title p, .sub-title ul {
    text-align: left;
}
.mid-title {
    color: #999;
    clear:both;
}
.main-title.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.sub-title {
    font-weight: 200;
    color: inherit;
    margin: 5px 0 20px;
}
.detail-hover {
    padding: 3px;
    border-bottom: 1px solid #ccc;
}
.detail-hover:hover {
    background-color: #f0f0f0;
}
.NPS.cols > div {
    float: left;
    margin: 0 5px 5px 0;
    background-color: #f0f0f0;
    min-width: 40px;
    min-height: 40px;
    text-align: center;
    font-size: 1.75em;
    font-weight: 200;
    padding-top: 2px;
    /* border-radius: 100%; */
}
.NPS.cols > div:hover {
    background-color: #e0e0e0;
    cursor: pointer;

}
.NPS.cols > div > input {
    display: none;
}
/*.required-ast {
    font-size: 2rem;
    color: #999;

.required-ast:after {
    font-size: 2rem;
    color: #999;
    content: '*';
}
}*/
.avatar-parent {
    position: relative;
    padding-left: 50px;
}
.avatar-parent.absolute {
    position: absolute;
    top: 2px;
    left: 2px;
}
.avatar-parent .avatar {
    position: absolute;
    top: 5px;
    left: 5px;
    vertical-align: middle;
}
.avatar-parent .avatar img {
    width: 60px;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}
.avatar-parent.small .avatar > img {
    width: 20px;
}
.avatar-parent.small {
    padding-left: 30px;
}
.avatar-parent.small .avatar {
    top: 0px;
}
.header-title {
    font-weight: 200;
    color: #666;
}
.action {
    margin-top: 20px;
}
.border.border-all {
    border: 1px solid #ccc;

}

.wolbadge.wolbadge-thoughtleader>i:first-child {
    /*color: #ffd700;*/
}
.wolbadge.wolbadge-thoughtleader>i:last-child {
    color: #666;
}
.wolbadge {
    z-index: 0;
}
.wolbadge.smwolbadge {
    font-size: 80%;
}
.wolbadge.bigwolbadge {
    z-index: 0;
}
.ThoughtLeader .wolbadge.bigwolbadge {
    z-index: 0;
    top: -8px;
    right: -8px;
    position: absolute;
    color: #fff;
}
.qm.wolthoughtleader.wolbadge.fa.fa-lightbulb-o {
    position: relative !important;
}
.wolbadge-nbrofyears div {
    color: #666;
    text-align: center;
    font-size: .5em;
    position: relative;
    line-height: 1.25em;
    top: 10px;
}
.wolbadge-nbrofyears div>span {
    font-size: 1rem;
    display: block;
}
.block-header {
    background-color: #f0f0f0;
}
.block-header > div {
    font-weight: 700;
}
.small-text {
    font-size: .8em;
}
.tiny-text {
    font-size: .8rem;
}
.std.no-hover:hover {
    background-color: inherit;
}
.feather-weight-normal {
    font-weight: normal !important;
}
.feather-weight-100 {
    font-weight: 100 !important;;
}
.feather-weight-200 {
    font-weight: 200 !important;;
}
.feather-weight-400 {
    font-weight: 400 !important;;
}
.bold-text {
    font-weight: 700 !important;;
}
.white-text {
    color: #fff;
}
.std-text {
    color: #999;
}
.std-text:hover {
    color: #333;
}
.Analytic {
    font-weight: 700;
}
.Analytic.Up {
    color: green;
}
.Analytic.Down {
    color: red;
}
.std-content-body {
    padding: 0 10px;
}
.std-profile-name {
    color: #fff;
    margin:0 0 0 170px;
    font-size: 2em;
    font-weight: 200;
    position: relative;
    top: 80px;
    max-width: 80%;
}
.std-profile-name .PVName i {
    font-size: .7em;
}
.std-profile-name .PVName div {
    display: inline-block;
    max-width: 90%;
    vertical-align: middle;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.std-profile-name .PVName a, .std-profile-name .PVName a:visited {
    color: #fff;
}
.OFFLINE .std-profile-name {
    top: 0;
}
.ProfileView .std-profile-name {
    font-size: 1.5em;
}
.PVStd.PVPhone a, .PVStd.PVPhone a:visited {
    color: #fff;
}
.PVStd {
    font-size: .9rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProfileView .std-profile-name {
    top: 8px;
}

.std-name-gradient.imageGradient {
    bottom: -75px;
    height: 125px !important;
}
.ProfileView .std-name-gradient.imageGradient {
    height: 180px !important;
}
.OFFLINE .std-name-gradient.imageGradient {
    bottom: 0;
}
.std-group-name>div.Name {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 0;
}
.display-inline {
    display: inline;
}
.under-construction {
    padding: 5px 10px;
    background-color: #f0f0f0;
    position: relative;
    color: #666;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    z-index: 1000;
}
.std20 .std-middle-function {
    width: 70%;
    margin: 0 auto 100px auto;
}
.std-middle-function>div {
    padding:10px;
}
.std-function-heading {
    margin:0;
    padding: 0;
    color: #666;
}
.std-middle-function .std-functional-area {
    margin: 20px 0;
}
i.edit-function {
    color: #ccc;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 1.15em;
}
i.edit-function.xl {
    font-size: 1.5em;
}
i.edit-function.xs {
    font-size: 9em;
}
.FieldName a:first-child i.edit-function {
    margin-left: 10px;
}
i.edit-function:hover {
    color: #666;
}
.position.position-static {
    position: static;
}
.position.position-relative {
    position: relative;
}
.position.position-absolute {
    position: absolute;
}
.std-profile-name .PVName {
    cursor: pointer;
}
.OFFLINE.ProfileView .std-profile-name {
    top: -50px;
}
.question-hint {
    margin-left: 20px;
    color: #333;
    font-size: .9em;
    vertical-align: middle;
    font-weight:normal;
}
.suggestion-engine>div>div {
    columns: 3;
}
.suggestion-engine .Answer input[type=checkbox],  .suggestion-engine .Answer input[type=radio] {
    margin-right:5px;
}
.small-note-xs {
    font-size: .8em;
    font-style: italic;
    margin: 5px 0 0;
}
.welcome-msg h1 {
    margin:0;
    padding:0;
    font-weight:200;
    line-height:1.25em;
    font-size:1.75em;
}
.welcome-msg {
    margin: 20px auto;
}
.twitter-typeahead input#Tag {
    width:100% !important;
}
.color-row.processed {
    background-color: #eaf3e6;
    margin-bottom: 1px;
}
ul.function-boxes {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.function-boxes > li {
    float: left;
    position: relative;
}
ul.function-boxes > li > div {
    background-color: #f0f0f0;
    color: #999999;
    height: 200px;
    margin: 1%;
    position: relative;
    text-align: center;
    padding-top: 30px;
    cursor: pointer;
}
ul.function-boxes > li > div:hover {
    background-color: #daa520;
    color: #ffffff;
}
ul.function-boxes > li > div > i {
    font-size: 6em;
}
.action-icons i {
    color: #ccc;
    font-size: 1.25em;
    margin-right: 5px;
}
.action-icons i:hover {
    color: #666;
    cursor: pointer;
}
.member-check i {
    color: forestgreen;
    font-size: 1.25em;
}
.addl-info {
    margin: 5px;
    font-weight: 400;
}
.addl-info span {
    margin-right: 10px;
}
.list-detail-row .action-icons i {
    display: none;
}
.list-detail-row.TenantAdminProcess_1 .action-icons .fi-list {
    display: inline;
}
.list-detail-row.TenantAdminProcess_0 .action-icons i.fi-trash, .list-detail-row.TenantAdminProcess_0 .action-icons i.fi-pencil  {
    display: inline;
}
.std-margin-right-5 {
    margin-right: 5px;
}
.std-margin-right-10 {
    margin-right: 10px;
}
.std-margin-right-10.important {
    margin-right: 10px;
}
.std-margin-right-15 {
    margin-right: 15px;
}
.std-margin-right-15.important {
    margin-right: 15px;
}
.std-margin-right-20 {
    margin-right: 20px;
}
.std-margin-left-5 {
    margin-left: 5px;
}
.std-margin-left-10 {
    margin-left: 10px;
}
.std-margin-left-15 {
    margin-left: 15px;
}
.std-margin-left-20 {
    margin-left: 20px;
}
.std-margin-left-30 {
    margin-left: 30px;
}
.std-margin-left-40 {
    margin-left: 40px;
}
.std-margin-left-50 {
    margin-left: 50px;
}
.std-margin-left-60 {
    margin-left: 60px;
}
.std-margin-left-70 {
    margin-left: 70px;
}
.std-margin-left-40.important {
    margin-left: 40px !important;
}
.std-margin-bottom {
    margin-bottom: 20px;
}
.std-margin-bottom-0 {
    margin-bottom: 0;
}
.std-margin-top-0 {
    margin-top: 0;
}
.std-margin-top-0-important {
    margin-top: 0 !important;
}
.std-margin-bottom-5 {
    margin-bottom: 5px;
}
.std-margin-bottom-10 {
    margin-bottom: 10px;
}
.std-margin-bottom-20 {
    margin-bottom: 20px;
}
.std-margin-bottom-30 {
    margin-bottom: 30px;
}
.std-margin-bottom-40 {
    margin-bottom: 40px;
}
.std-margin-bottom-50 {
    margin-bottom: 50px;
}
.std-margin-bottom-5-important {
    margin-bottom: 5px !important;
}
.std-margin-bottom-10-important {
    margin-bottom: 10px !important;
}
.std-margin-bottom-20-important {
    margin-bottom: 20px !important;
}
.std-margin-top-30-important {
    margin-top: 30px !important;
}
.std-margin-top-40-important {
    margin-top: 40px !important;
}
.std-margin-top-50-important {
    margin-top: 50px !important;
}
.std-margin-top-60-important {
    margin-top: 60px !important;
}
.std-margin-top {
    margin-top: 20px;
}
.std-margin-top-5 {
    margin-top: 5px;
}
.std-margin-top-10 {
    margin-top: 10px;
}
.std-margin-top-20 {
    margin-top: 20px;
}
.std-margin-top-30 {
    margin-top: 30px;
}
.std-margin-top-40 {
    margin-top: 40px;
}
.std-margin-top-50 {
    margin-top: 50px;
}
.std-margin-top-60 {
    margin-top: 60px;
}
.std-margin-top-5-important {
    margin-top: 5px !important;
}
.std-margin-top-10-important {
    margin-top: 10px !important;
}
.std-margin-top-20-important {
    margin-top: 20px !important;
}
.std-margin-top-30-important {
    margin-top: 30px !important;
}
.light.light-grey {
    background-color: #f0f0f0;
}
.light.light-grey>* {
    color: #ccc;
}
.light.medium-grey {
    background-color: #ccc;
}
.light.medium-grey>* {
    color: #666;
}
.no-cursor {
    cursor: default;
}
.icon-circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #ccc;
    padding: 0 5px;
    background-color: #fff;
    color: #ccc !important;
}
.icon-circle:hover {
    color: #333 !important;
    cursor: pointer;
}
.icon-circle:hover {
    color: #333 !important;
    cursor: pointer;
}
.icon-success {
    background-color: green !important;
}
.icon-success.icon-circle:hover {
    color: #fff !important;
}
.basic-heading {
    padding: 15px 0;
}
.wolbadge-membership > a > img {
    -webkit-background-size: cover;
    background-size: cover;
    width: 37px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #fff;

}
.toggle-options-function {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.People.current-member-row,
.People.current-member-row .Info {
    font-weight: 700;
    color: #000 !important;
}
.People.current-member-row>div:first-child {
    border-left: 5px solid lightgreen;
}
.People.current-member-row.CLayout_1.DispAvatar_0>div:first-child>div.Info {
     padding-left: 5px;
}
.People.CLayout_0>div.container {
    padding: 0 5px;
}
.membership-based {
    padding: 5px;
}
.membership-based h3 {
    margin: 0 0 10px !important;
    font-size: 1rem !important;
    background-color: transparent !important;
}
.std-block {
    display: block;
}
.std-page {
    color: #666;
}
.std-user-heading {
    margin: 10px 0  ;
    padding: 0;
    font-weight: 200;
    font-size: 1.4rem;
}
.heading {
    color: #999;
    margin-bottom: 20px;
}
.heading h2 {
    float: left;
    font-weight: 200;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
}
.heading .options {
    text-align: right;
    position: relative;
}
.heading .options i {
    cursor: pointer;
    font-size: 2em;
    margin-right: 20px;
}
.heading .options i:hover {
    color: #666;
}
.heading .options i.Selected {
    color: #666;
}
.heading i {
    color: #ccc;
}

.heading:after {
    content: ' ';
    display: block;
    clear: both;
}

.std-bg-image {
    -webkit-background-size: cover;
    background-size: cover;
    width: auto;
}
.std-bg-image.edit-mode > img {
    width: auto;
    margin: 0 auto;
    min-height: 250px;
}
.smart-tag.url-image {
    width: 100%;
    /*max-width: 600px; */
    height: 400px;
    position: relative;
    margin: 0 auto;
}
.smart-tag .play-video {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    font-size: 2em;
    left: 45%;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 55px;
    padding: 7px 0 3px 0;
}
.smart-tag .play-video > i {
    left: 5%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    position: relative;
}

.smart-tag .play-video .fi-play {
    float: none;
    display: block;
}
.smart-tag .fi-play {
    background: none repeat scroll 0 0 #cccccc;
    color: #666666;
    margin-right: 5px;
    padding: 0 5px;
}
.manage-section {
    position: relative;
}
.manage-section .property-manager {
    position: absolute;
    background-color: #fff;
    color: #666;
    border: 1px solid #ccc;
    right: 15px;
}
.manage-section .property-manager>div {
    padding: 5px 10px;
    text-align: left;
}
.manage-section .property-manager>div:hover {
    background-color: #f0f0f0;
}
.full-width-segment .manage-section .property-manager>div:first-child {
    background-color: #f0f0f0;
}
.std-width-segment .manage-section .property-manager>div:last-child {
    background-color: #f0f0f0;
}
.cust-page-body .formatted>div {
    padding-top: 0;
}
.cust-page-body .TodayContainer.BasicCollaboration {
    margin: 0;
}
.cust-page-body .Container .RightPane {
    display: block;
}
.cust-page-body .MainBody.Container > div {
    width: 100%;
}
.cust-page-body .TableContainer .StatArea, .cust-page-body .TableContainer .FeedItemOptions {
    display: none;
}
.cust-page-body .TableContainer .timeline-date.FeedItem {
    display: none;
}
.cust-page-body .portlets .cust-page.page_dT2 >div:first-child {
    padding-right: 5px !important;
}
.cust-page-body .FileName .far {
    margin-right: 10px;
    font-size: 1.25rem;
}
.cust-page-body .FileDetailRow .FileDetailContainer,
.cust-page-body .FileDetailRow .CloudURL,
.cust-page-body .FileDetailRow .FileThumbnailPreview,
.cust-page-body .FileDetailRow .FileThumbnail,
.cust-page-body .FileDetailRow .actions
{
    display: none;
}
.cust-page-body .FileDetailRow {
    padding: 0 0 10px;
}
.cust-page-body .portlets .cust-page.page_dT2 >div:last-child {
    padding-left: 5px !important;
}

.cust-page-body .portlets blockquote {
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 5px 6px;
    font-size: inherit;
}
.cust-page-body .portlets blockquote .FeedItem.Show {
    padding-bottom: 5px !important;
    margin-bottom: 15px;
}
.cust-page-body .portlets blockquote h1,
.cust-page-body .portlets blockquote h2,
.cust-page-body .portlets blockquote h3
{
    margin: 0;
}
.cust-page-body .portlets .TodayContainer .carousel-inner > .item > .BlogImage {
    width: 100%;
}
.cust-page-body .portlets .TodayContainer .carousel-inner {
    height: 250px;
}
.cust-page-body .portlets .TodayContainer .carousel-inner > .item > .BlogImage >div h1 {
    font-size: 2em;
    padding: 10px;
    width: auto;
}
.cust-page-body .portlets .TodayContainer .carousel-inner > .item > .BlogImage {
    left: 0;
    top: 0;
}
.cust-page-body .MainBody.Container > div {
    background-color: transparent;
}
.cust-page-body .CommentLineIndicator .Avatar img {
    height: 100% !important;
}
.cust-page-body .MessageFlow > .FeedItem,
.cust-page-body .MessageFlow div.jscroll-inner > .FeedItem,
.cust-page-body .MessageFlow div.jscroll-added > .FeedItem,
.cust-page-body .CommentLineIndicator
{
    padding-left: 0 !important;
}
.cust-page-body .cust-page .innerDiv p:empty {
    display: none;
}
.FeedItem.Show {
    margin-bottom: 20px;
    position: relative;
}
.ThemeMenuStyle_1 .page-components.affix {
    top: 100px;
}
.thick-bottom-border {
    border-bottom: 3px solid #ccc;
}.thick-bottom-border {
    border-bottom: 3px solid #ccc;
}
.std-sign-in {
    max-width: 600px;
    float: none !important;
    width: auto;
    margin: 0 auto;
    background-color: #fff;
    padding: 35px;
    margin-top: 20px;
}
.std-transparent-bg {
    background-color: transparent !important;
}
.btn-group.std-btn-group {
    position: static;
}
.active-status-red {
    color: #ff0000 !important;
    font-weight: 700 !important;
}
.active-status-green {
    color: #008000 !important;
    font-weight: 700 !important;
}
.membership-population-alert {
    text-align: right;
    font-weight: bold;
}
.std-options-a a {
    margin-right: 5px;
}
.light-font {
    font-weight: 200;
}
.normal-font {
    font-weight: normal;
}
.heavy-font {
    font-weight: 700;
}
.std-function-heading .option {
    font-size: 1rem;
}
.open {
    position: relative;
}
.admin-sias {
    padding: 4px 10px 2px 10px;
    display: flex;
    justify-content: right;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    align-items: revert;
    margin-right: 0;
    align-self: center;
}
.width.max-width-600 {
    max-width: 600px;
}
.width.max-width-400 {
    max-width: 400px;
}
.width.max-width-300 {
    max-width: 300px;
}
.width.max-width-200 {
    max-width: 100px;
}
.width.max-width-100 {
    max-width: 100px;
}
.step-circle {
    background-color: transparent;
    border-radius: 100%;
    display: inline-block;
    padding: 9px 15px;
    color: #333;
    z-index: 100;
    border: 1px solid #666;

}
.text.small {
    font-size: .85em;
}
.text.large {
    font-size: .1.15em;
}
.text.Xlarge {
    font-size: 1.25em;
}
.text.light-grey {
    color: #999;
}
.std-cursor {
    cursor: pointer;
}
.std-bold-cost {
    font-weight: 700;
}
.std-bold-cost .big {
    font-size: 2em;
}
.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}
.small-mobile-only {
    display: none;
}
.no-border  {
    border: 0 !important;
}
.contact.contact-options span,
.contact.requestor-info span {
    margin-right: 20px;
}
.contact.contact-options span i.fi-mail,
.contact.contact-options span i.fi-telephone,
.contact.contact-options span i.fi-torso-business,
.contact.requestor-info span i.fi-mail,
.contact.requestor-info span i.fi-telephone,
.contact.requestor-info span i.fi-torso-business {
    font-size: 1.5rem;
}
.contact.contact-options span i.fa {
    font-size: 1.5rem;
    position: relative;
    top: -5px;
    margin: 0;
}
.contact.requestor-info span i.fa {
    font-size: 1.5rem;
    position: relative;
    margin: 0;
}
.css-cols-2 {
    columns: 2;
}
.css-cols-3 {
    columns: 3;
}
.css-cols-4 {
    columns: 4;
}
.css-cols-5 {
    columns: 5;
}
.css-cols-6 {
    columns: 6;
}
.css-cols-7 {
    columns: 7;
}
.css-cols-8 {
    columns: 8;
}
.css-cols-9 {
    columns: 9;
}
.css-cols-10 {
    columns: 10;
}
.css-cols > div:not(.jscroll-inner),
.css-cols > .jscroll-inner > div,
.css-cols > .jscroll-added > div{
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside:avoid;
}
.hover-box:hover {
    background-color: #f0f0f0;
}
.more-info {
    margin-left: 20px;
    cursor: pointer;
}
.std-margin-left-3pct {
    margin-left: 3%;
}
.std-margin-left-5pct {
    margin-left: 5%;
}
.std-margin-left-10pct {
    margin-left: 10%;
}
.row.avatar.medium {
    padding-left: 75px;
    position: relative;
    min-height: 80px;
}
.row.std.avatar.medium {
    border: 3px solid transparent;
}
.row.std.avatar.medium.selected {
    border: 3px solid yellowgreen;
}
.row.std.avatar.medium {
    margin-bottom: 5px;
}
.ul-options-list {
    list-style: none;
}
.ul-options-list li {
    float: left;
    margin-right: 10px;
}
.new-post {
    margin-top: 30px;
}
.files-mime {
    font-size: 1.5em;
    margin-right: 5px;
    vertical-align: middle;
}
.sort-arrows {
    position: relative;
    top: 3px;
}
.sort-arrows i {
    color: #ccc;
    margin: 0 !important;
}
.sort-arrows i:hover {
    color: #333;
    cursor: pointer;
}
.sort-arrows i.selected {
    color: #333;
}
.barMnu {
    margin: 0 0 20px 10px;
}

.barMnu > div {
    float: left;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.barMnu > div > div {
    padding: 5px 20px;
}
.barMnu > div.selected {
    border-bottom: 3px solid #ccc;
}
.barMnu > div:hover:not(.addGrpBtn, .no-menu-hover) {
    border-bottom: 3px solid #999;
}
.barMnu > div a:not(.btn) {
    text-decoration: none;
    color: #666;
}
.alert.biggerText {
    font-size: 1.25em !important;
}
.alert.black {
    color: #000 !important;
}
.alert>p:first-child {
    margin-top: 0;
}
.alert.discerning > p + p {
    margin-top: 10px;
}
.mobile-menu-hamburger >i {
    margin: 0 !important;
    font-size: inherit !important;
    display: none;
}
.mobile-menu-hamburger {
    display: none;
}
.mobile-large-menu {
    visibility: hidden;
}
.mobile-fly-out {
    display: none;
}
.mobile-fly-out.show {
    display: none !important;
}
.Mobile .mobile-fly-out.show {
    display: inline !important;
}
.mobile-fly-out > div > div.Title {
    visibility: visible !important;
    display: block !important;
    padding: 5px 10px;
}
.mobile-fly-out>div>div {
    display: block !important;
    visibility: visible !important;
    color: #666 !important;
    text-align: left;
    float: none !important;
    min-height: 0 !important;
    padding: 5px 10px !important;
    background-color: #fff !important;
}

.ProfileOptions .mobile-fly-out>div .Options:hover {
    background-color: #f0f0f0;
}

.ProfileOptions .mobile-fly-out .Title  {
    padding: 0 !important;
}
.mobile-fly-out>div>div i,.mobile-fly-out>div>div .arrow-up
{
    display: none !important;
}
.mobile-fly-out {
    position: absolute;
    right: 29px;
    background: #ffff;
    width: 175px;
    top: 17px;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    text-align: left;
    z-index: 200;
}
.largeMenu .mobile-fly-out {
    right: 40px;
    top: 40px;
}
.MenuContainer .mobile-fly-out {
    right: 30px;
    top: 35px;
}
.text-size-medium {
    font-size: 1.25em;
}
.visit-entity>img {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}
.visit-entity.white {
    color: #fff;
    font-size:1.1em;
}
.visit-entity.white a, .visit-entity.white:visited {
    color: #fff;
}
.visit-entity.profile > img {
    border-radius: 100%;
}
.avatars {
    display: inline-flex;
    flex-direction: row-reverse;
    padding-left:20px;
}
.avatars .avatar {
    margin-left: -15px;
    border: 1px solid #bbb;
    border-radius: 50%;
    overflow: hidden;
}
.avatar {
    /* margin-left: -15px; */
    position: relative;
    /* border: 1px solid #bbb; */
    /* border-radius: 50%; */
    /* overflow: hidden; */
    width: 40px;
    height: 40px;
}

.single-small-avatar img {
    width:40px;
    background-color: #ccc;
    vertical-align: middle;
}
.avatar img {
    width:40px;
    background-color: #ccc;
}
.avatar-follows .follower-tot {
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
}
.avatar-follows {
    margin-top: 10px;
    cursor: pointer;
}
.no-overflow-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hamburger-menu-action {
    float: left;
    color: #fff;
    font-size: 2em;
    position: relative;
    top: 5px;
    margin-right: 20px;
}
i.player {
    border-radius: 100%;
}
.CollectionRow {
    margin: 10px 5px;
}
.CollectionRow .CollectionURL i {
    margin-right: 5px;
    padding: 0 5px;
}
.CollectionRow a.CollectionURL {
    color: #333;
    text-decoration: none;
}

.CollectionRow .CollectionURL {
    margin: 5px 0 0;
    font-weight: 700;
    position: relative;
}
.CollectionRow .CollectionURL div.CreateDate {
    font-weight: initial;
    font-size: .8em;
    margin-top: 5px;
}
.CollectionRow .title,
.CollectionRow .date
{
    padding-left: 85px;
}
.CollectionRow .date {
    color: #999;
}
.CollectionRow img.avatar {
    float: left;
    width: 75px;
    height: 75px;
}
a.black-anchor, a.black-anchor:visited {
    color: #333;
    text-decoration: none;
}
.summary.medium {
    font-size: 1.25em;
}
.modal-dialog .summary.medium {
    font-size: 1rem;
}
.modal-dialog .BigBlogTitle {
    font-size: 2em;
}
.modal-dialog .BigTitleContainer {
    left: unset !important;
    width: unset !important;
}
.relative-row {
    position: relative;
}
.port-event-row {
    min-height: 95px;
    margin-top: 10px;
}
.port-event-title {
    padding: 5px 0 0 120px;
    top: 7px;
    font-size: 1em;
}
.port-headings {
    color: #666;
    margin: 15px 0;
    padding: 5px 5px 5px 13px;
    font-size: 1rem;
    font-weight: 700;
    border-left: 7px solid #666;
    text-transform: uppercase;
}
.color-333 * {
    color: #333 !important;
}
.color-666 * {
    color: #666 !important;;
}
.color-999 * {
  color: #999 !important;;
}
.color-000 * {
   color: #000 !important;;
}
.color-red, .color-red * {
    color: red !important;;
}
.bg-color-red {
    background-color: red !important;
}
.bg-color-ccc {
    background-color: #ccc;
}
.bg-color-a0a0a0 {
    background-color: #a0a0a0;
}
.bg-color-f0f0f0 {
    background-color: #f0f0f0;
}
.bg-color-fff {
    background-color: #fff;
}
.bg-color-000 {
    background-color: #000;
}
.full-width {
    width: 100%;
}
.box.lightgrey-box {
    padding: 10px;
    width: 90%;
    margin: 20px auto;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
}
.menu.fixed {
    position: fixed;
    top: 58px;
    display: block;
    width: 80%;
    background-color: #fff !important;
    z-index: 2000;
    left: 15%;
}
.menu.fixed h2 {
    padding-left: 10px;
}
.filter-text {
    color: #666;
}
h2.filter-text {
    font-width: normal;
}
.capitalize {
    text-transform: capitalize;
}
ul.cats {
    list-style: none;
    padding-left: 10px !important;
}
ul.cats li input {
    margin-right: 5px !important;
    position: relative;
    top: 4px;
}
.filter-text.std-margin-bottom-20 {
    margin-bottom: 20px!important;
}
.background-white {
    background-color: #fff;
}
.less-options i.up.caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.std-selected-item {
    background-color: #f0f0f0;
    padding: 5px !important;
    color: #000 !important;
    font-weight: 700 !important;
}
.user-check-box {
    border: 0 !important;
    display: inline-flex;
    width: 25px !important;
    vertical-align: middle;
}
.del-indicator {
    border-color: red !important;
}
.word-break-word {
    word-break: break-word;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.flex-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.min-height-80 {
    min-height: 80%;
}
.min-height-20 {
    min-height: 20%;
}
.min-width-100 {
    min-width: 100%;
}
.max-width-50 {
    max-width: 50%;
}
.max-width-40 {
    max-width: 40%;
}
.max-width-30 {
    max-width: 30%;
}
.max-width-20 {
    max-width: 20%;
}
.max-width-10 {
    max-width: 10%;
}
.presenter-container {
    display: flex;
    font-style: normal;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.presenter-title {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.25px;
    color: rgb(128, 129, 145);
}
.largeMenu {
    display: none;
}
.box-badge {
    padding: 10px;
    text-align: center;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.box-badge span:first-child {
    font-weight: 700;
    font-size: 1.5em;
}
.all-network-events .badge {
    float: none;
}
.basic-description {
    color: #333;
    font-size: 0.9em;
    padding: 10px 0;
    background-color: #fff;
    width: 100%;
}
.width.max-std-width {
    max-width: 900px;
}
.QRCodeContainer img {
    width: 100px;
}
.QRCodeContainer.right-side {
    position: absolute;
    right: 15%;
    top: -35px;
}
#miniVideoWindow iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
}
#miniVideoWindow .URLImage.VideoURL {
    display: none;
}
#miniVideoWindow span.summary {
    display: none;
}
#miniVideoWindow {
    position: fixed;
    bottom: 40px;
    right: 50px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
    left: unset;
}
#miniVideoWindow .BodyOfURL {
    max-width: 300px;
    font-size: .8em;
}
#miniVideoWindow .VideoDescription {
    display: none;
}
#miniVideoWindow .ShareOptions {
    display: none;
}
#miniVideoWindow>.close-video {
    margin: 5px 5px 10px;
    color: #999;
    text-align: right;
}
#miniVideoWindow .close-video i {
    margin: 5px 5px 10px;
}
#miniVideoWindow .close-video:hover {
    color: #333;
    cursor: pointer;
}
#miniVideoWindow .close-video i:hover {
    border: 1px solid #666;
    color: #666;
}
.flex-item.blog-image {
    width: 40% !important;
}
.flex-item.blog-image>img {
    max-width: 100%;
}
.flex-item.blog-summary {
    width: 55% !important;
}
.feed-blog-container.flex-container {
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 5px;
    width: 90%;
}
.flex-item.blog-image {
    width: 40% !important;
}
.flex-item.blog-image>img {
    max-width: 100%;
}
.flex-item.blog-summary {
    width: 55% !important;
}
.feed-blog-container.flex-container {
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 5px;
    width: 90%;
}
.MyPinsContainer.PinnedItems .feed-blog-container.flex-container {
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 5px;
    width: auto;
}
.MyPinsContainer.PinnedItems .flex-item.blog-image,
.MyPinsContainer.PinnedItems .flex-item.blog-summary,
.MyPinsContainer.PinnedItems .feed-blog-container.flex-container {
    width: auto !important;
    float: none !important;
}
.MyPinsContainer.PinnedItems .URLImage {
    float: none;
    max-width: unset;
}
.MyPinsContainer.PinnedItems .CovPhoto.URLImage > img {
    min-width: unset;
    min-height: unset;
}
.MyPinsContainer.PinnedItems .BodyOfURL .Description .fi-web {
    display: none !important;
}
.MyPinsContainer.PinnedItems .AttachedURL {
    border-radius: unset;
}
.border-shadow {
    border: 1px solid #cccccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#pop-up-banner {
    bottom: -20px;
    display: flex !important;
    position: fixed;
    width: 100%;
    z-index: 3000;
    justify-content: center;
}
#pop-up-banner .AdvFeed {
    max-width: 750px;
}
.add-new-video .ProcessIndicator img {
    width: 15px;
}
.description-text {
    font-size: .9em;
    color: #777;
    font-style: italic;
}
.fa-sharp.fa-solid.fa-circle-play, {
    color: #a0a0a0;
    font-size: 1.5em;
}
.fa-sharp.fa-solid.fa-circle-play:hover {
    color: #333;
}
.VideoCollection .single-video  {
    cursor: pointer;
    display: block;
    font-size: 2em;
    left: 43%;
    position: absolute;
    text-align: center;
    top: 42%;

}
.VideoCollection .single-video:hover {
}
.VideoCollection .VideoURL .single-video>i {
    margin: 0 !important;
    padding: 0;
    float: right;
    color: #ff0000;
}
.VideoCollection .VideoURL .single-video>i:hover {
    color: #fff;
}
.small-heading {
    font-weight: initial;
    font-size: .8em;
}
.fixed.bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    z-index: 1000;
}
#top-menu-banner {
    background-color: #fff;
}
.OFFLINE #top-menu-banner {
    border: 0 none;
    box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
/*    height: 48.375px; */
    min-height: 0;
}
.affix-bottom {
    position: relative
}
.font-small {
    font-size: small;
}
.font-medium {
    font-size: medium;
}
.font-large {
    font-size: large;
}
.font-normal {
    font-size: 1rem;
}
.modal-dialog.edit-mode {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.modal-dialog.edit-mode .modal-content {
    width: 70%;
    margin: 0 auto;
}
.leader-board strong {
    min-width: 30px !important;
    display: inline-block;
    text-align: right;
    margin-right: 5px;
}
.LeaderBoard  {
    border: 0;
    border-radius: 6px;
    padding: 10px;
}
.LeaderBoard h2 {
    border: 0;
}
div.lb-name>div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.AdminOptions i {
    margin-right: 5px;
}
.modal-width-900px {
    max-width: 900px;
    margin: 20px auto;
}
.modal-width-600px {
    max-width: 600px;
    margin: 20px auto;
}
.modal-width-400px {
    max-width: 400px;
    margin: 20px auto;
}
.modal-width-95pct {
    width: 95%;
    margin: 20px auto;
}
.edit-menus-categories {
    font-weight: 700;
    text-align: center;
    margin: 5px 0;
}
p.menu-header {
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 700;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    color: #333;
}
.edit-menus .flex-container>div div:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}
.edit-menus .flex-container>div a {
    text-decoration: none;
    color: #333;
}
.edit-menus .flex-container>div a >div {
    padding: 5px;
}
.edit-menus .flex-container>div {
    width: 32%;
    padding: 5px;
}
.edit-menus.dropdown-menu hr {
    margin: 5px 0;
}
.AdminOptions:not(.edit-function) .dropdown-menu {
    width: 600px;
    right: 0;
    left: unset;
    padding: 0;
    float: none;
}
.flex-container.no-wrap {
    flex-wrap: nowrap;
}
.edit-list.dropdown-menu {
    padding: 0;
}
.edit-list.dropdown-menu > li {
    padding: 3px 12px;
    cursor: pointer;
}
.edit-list.dropdown-menu > li:hover {
    background-color: #f0f0f0;
}
.std-content-list .btn-group {
    position: initial;
}
.mask {
    background-color: rgba(0, 0, 0, 0.3);
}
.modal-dialog .forum-row {
    padding: 0 10px;
}
.hover-row-container > .hover-row > div {
    width: 33%;
    padding: 5px;
}
.hover-row:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}