.admin-body {
    padding: 0 10px 75px 10px;
}
.admin {
    padding: 0 10px 75px;
    background-color: #fff;
}
.admin.admin-container {
    /*width: 70%;*/
    margin: 0 auto;
}
.admin-container > div {
    float: left;
}
.admin h1, .admin h2, .admin h3 {
    font-weight: 200;
    color: #999;
}
.admin-2cols > div {
    width: 50%;
}
.admin-3cols > div {
    width: 33.33%;
}
.admin-4cols > div {
    width: 25%;
}
.admin-cols.admin-2cols>div {
    padding: 5px 0;
}
.lpane > div {
    padding: 0 10px 0 ;
}
.rpane > div {
    padding: 0 0 0 10px;
}
.admin-tabbox {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 5px;
    color: #666;
    background-color: #fff;
}
.App > div {
     float: left;
     width: 33%;
 }
.PortalManagementContainer.admin-2cols > div.rpane {
    width: 100%;
    border: 1px solid #ccc;
}
ul.Functions {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.Functions > li {
    float: left;
    position: relative;
    width: 25%;
}
ul.Functions > li > div {
    background-color: #f0f0f0;
    color: #999999;
    height: 200px;
    margin: 1%;
    position: relative;
    text-align: center;
    padding-top: 30px;
    cursor: pointer;
}
ul.Functions > li > div:hover {
    background-color: #daa520;
    color: #ffffff;
}
.Functions .Name {
    bottom: 10px;
    font-size: 1.5em;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 100%;
}

ul.Functions > li > div > i {
    font-size: 6em;
}
.StdForm .Action {
    text-align: right;
}
.Image > img {
    background-image: url('/img/WOLTransBG.png');
}

.Heading h2 {
    padding: 0;
}

.PassCodeMaster.hide {
    display: none;
}
.PassCodeMaster.show {
    display: block;
}
.OnlineLogo .Image > img {
    max-width: 50px;
}
.OfflineLogo .Image > img {
    max-height: 75px;
}
.upload {
    margin: 5px 0 20px;
}
.FieldRow.AnnounceBlog, .FieldRow.AnnounceGroup, .FieldRow.DefaultBlog, .FieldRow.WelcomeBlog, .FieldRow.NewMemberGroup {
    position: relative;
}
.FieldRow #SearchBoxContainer {
    top: 58px;
}
.AnnounceBox img {
    display: inline-table;
    width: 20px;
}
.AnnounceBox input {
    display: inline;
    width: 92.5%;
}
.AnnounceBox {
    border: 1px solid #cccccc;
    padding: 8px;
}
.AnnounceBox input{
    border: 0 !important;
}

.menu.small-menu {
    color: #999999;
}
.menu.small-menu a {
    color: #999;
}
.menu.small-menu:hover {
    color: #333;
    cursor: pointer;
}
.menu.small-menu span > i {
    margin-right: 5px;
}


.AddAnother {
    color: #999999;
    margin: 10px 0 20px;
}
.AddAnother a {
    color: #999;
}
.AddAnother:hover {
    color: #333;
    cursor: pointer;
}
.AddAnother span > i {
    margin-right: 5px;
}
.GraphSetup.ProfileOptionsContainer {
    margin: 0;
}
.formGraphSetup .Action {
    text-align: left;
}
.BaseQuestionGroup .input-group {
    width: 100%;
}
.BaseQuestionGroup input.form-control:not(#DefaultValue) {
    margin: 0;
    width: 70%;
}
.BaseQuestionGroup select {
    width: 30% !important;
}
.BaseQuestionGroup label {
    display: block;
}
.BaseQuestionGroup .AnswerContainer.Answers {
    padding-right: 0 !important;
}
.BaseQuestionGroup .AnswerContainer input.form-control {
    float: left;
    width: 90%;
}
.ADMIN .BaseQuestionGroup .AnswerContainer input.form-control {
    /*float: none;*/
}
div.Required {
    float: none !important;
}
div.Required .btn-group {
    float: none;
    vertical-align: middle;
    position: static;
}
.AllQuestions {
    list-style: outside none none;
    padding: 0 2%;
}
.AllQuestions .GraphQuestion {
    background-color: #f0f0f0;
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 200;
}
.AllQuestions .GraphAnswers {
    margin-top: 0;
    padding: 0.5% 3%;
}
li.QuestAnsContainer {
    margin-bottom: 10px;
    color: #333;
}
li.QuestAnsContainer>div:hover {
    background-color: #c0c0c0;
}
.GraphQuestion .arrows {
    left: 6px;
    position: absolute;
    top: .55em;
}
.GraphAns {
    padding: 3px 5px;
}
.GraphAns:hover {
    background-color: #c0c0c0;
}
.GraphAns > i {
    color: #999999;
    margin-left: 15px;
}
.GraphQuestion > i {
    color: #999999;
    float: right;
    margin-right: 15px;
}
.GraphQuestion > i:hover,.GraphAns > i:hover {
    color: #333;
    cursor: pointer;
}
.GraphAns > i,.GraphAns .Ans {
    float: left;
}
.AllQuestions div.arrow-down {
    border-top: 10px solid #999;
}
.AllQuestions div.arrow-up {
    border-bottom: 10px solid #999;
}
.RenderType_100 .arrows.arrow-down,
.RenderType_11 .arrows.arrow-down,
.RenderType_10 .arrows.arrow-down,
.RenderType_20 .arrows.arrow-down,
.RenderType_5 .arrows.arrow-down,
.RenderType_100 .arrows.arrow-up,
.RenderType_11 .arrows.arrow-up,
.RenderType_10 .arrows.arrow-up,
.RenderType_20 .arrows.arrow-up,
.RenderType_5 .arrows.arrow-up {
    display: none;
}
.Highlight {
    background-color: #ffff00;
    -webkit-transition: background-colot 1s ease;
    -moz-transition: background-colot 1s ease;
    -ms-transition: background-colot 1s ease;
    -o-transition: background-colot 1s ease;
    transition: background-colot 1s ease;
}
.AllQuestions .Quest {
    padding: 3px 0 0 31px;
    position: relative;
    width: 90%;
}
.Questiontext {
    display: inline-flex;
    width: 55%;
}
.RenderText {
    display: inline-flex;
    font-size: 0.7em;
    width: 40%;
    position: relative;
    top: -6px;
}
.GraphQuestion > i.fi-trash,.AnswerGroup > i.fi-trash {
    margin-right: 30px;
}
.GraphQuestion > i,.AnswerGroup >i {
    margin-right: 15px;
}
.GraphQuestion .MoreLinks, .AnswerGroup .MoreLinks {
    color: #999999;
    cursor: move;
    display: block;
    float: right;
    position: relative;
    right: -5px;
    top: 1px;
}
.AnswerGroup .MoreLinks {
    right: 5px;
}
.GraphQuestion .MoreLinks {
    float: right;
    position: relative;
    right: 0;
    top: -1px;
}
.AnswerGroup .Trash, .AnswerGroup .Reinstate, .AnswerGroup .Conditional {
    color: #999999;
    cursor: pointer;
    float: right;
    font-size: 1.2em;
    margin: 3px 0 0 8px;
    position: relative;
    right: 1%;
    top: 0;
}
.AnswerGroup .FieldRow.Answer .Reinstate {
    display:none;
}
.AnswerGroup .FieldRow.Answer.alert .Trash {
    display:none;
}
.AnswerGroup .FieldRow.Answer.alert .Reinstate {
    display:block;
}
.AnswerGroup .FieldRow.Answer.alert {
    width: 100%;
}
.EventBasic .GraphQuestion .MoreLinks, .AnswerGroup .Trash:hover,.EventBasic .GraphQuestion .MoreLinks, .AnswerGroup .Reinstate:hover {
    color: #333;
}

.GraphQuestion .MoreLinks:hover,.AnswerGroup .MoreLinks:hover {
    color: #333;
}
.GraphQuestion .MoreLinks i.fi-arrow-down,.AnswerGroup .MoreLinks i.fi-arrow-down {
    bottom: -28px;
    left: -15px;
}
.GraphQuestion .MoreLinks i.fi-arrow-up,.AnswerGroup .MoreLinks i.fi-arrow-up {
    top: 1px;
    left: -15px;
}
.Required_0 .Questiontext > span {
    display: none;
}
.AllQuestionsContainer {
    margin: 0 auto;
    width: 90%;
}
.Questiontext > span {
    font-size: 1.25em;
    font-weight: 800;
    margin-right: 2px;
}
/*
.LogosColors >div {
    float: left;
    width: 50%;
}
*/
.LogosColors .FieldRow {
    margin: 0;
}
.LogosColors {
    margin-top: 20px;
}
.colorpicker {
    z-index: 5000 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
}
.ColorText > div {
    float: left;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    width: 40px;
    border: 1px solid #ccc;
}
.ColorText {
    margin-bottom: 20px;
}
.PrevText {
    float: left;
    padding: 15px 0 0 10px;
}
.PrevActions {
    float: right;
    font-size: 1.5em;
    padding: 15px 10px 0 0;
}
.Preview {
    position: relative;
}
.PrevMainMenu {
    background-color: #ffffff;
    float: left;
    height: 300px;
    position: relative;
    width: 60%;
    border-bottom: 1px solid #ccc;
}
.MenuItems.ClearAfter {
    float: right;
}
.PrevMenuItems > div {
    float: right;
    height: 40px;
    padding: 9px;
    background-color: #cccccc;
}
.PrevFarRightPane {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    float: right;
    height: 300px;
    text-align: center;
    width: 20%;
    color: #999;
    padding-top: 10px;
}
.PrevLeftPane {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    float: left;
    height: 300px;
    text-align: center;
    width: 20%;
    color: #999;
    padding-top: 10px;
}
.PrevSegments .PSeg:first-child {
    margin-top: 20px;
}
.PrevSegments .PSeg {
    background-color: #cccccc;
    color: #666666;
    font-weight: 200;
    margin: 5px 10px 0 auto;
    padding: 5px;
    width: 50%;
}
.PrevButtons {
    margin: 20px auto 0;
    width: 85%;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.ThemeQuestContainer {
    margin-bottom: 20px;
}
.AllLinks .Row {
    margin-bottom: 5px;
}
.GraphSetupContainer {
    background-color: #ffffff;
    margin: 0 auto;
}
.Collaborate.Home{
    width: auto;
    background-color: transparent;
}
.MiddlePane .Heading {
    background-color: #fff;
}
.Heading > div {
    margin: 0 auto;
    /*width: 83%;*/
    /*width: 70%;*/
}
.MenuContainer > .Inner {
    background-color: #f0f0f0;
}
.Container.AdminBody {
    margin: 0 auto;
/*    width: 70%; */
    padding: 0;
    background-color: #fff;
}
.LeftPaneProfile {
    max-width: none;
}
.AdminFunctions {
    background-color: #ffffff;
    margin: 0 auto 100px;
    padding: 1%;
/*    width: 70%;*/
}
.MoreEmbeddedOptions  {
    padding-left: 40px;
}
.Subscriptions {
    color: #666666;
    margin: 0 auto;
    float: none !important;
}
.Subscriptions .Row > div {
    float: left;
    width: 19.5%;
}
.Subscriptions .Row > div > div {
    overflow: hidden;
    padding: 5px 11px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Population.Subscriptions .Name > div {
    padding-left: 25px !important;
}
.Population.Subscriptions .Name div.Avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}
.Population .Options {
    padding: 5px;
    text-align: right;
}
.Subscriptions .Std.Row:hover {
    background-color: #f0f0f0;
    color: #000;
}
/*.Subscriptions .Row .Email {
    width: 30%;
}*/
.Subscriptions .Row .Edit {
    width: 2.5%;
}
.Subscriptions .Row .HowCanWeHelp {
    font-style: italic;
    padding: 5px;
    width: 95%;
    margin: 10px 0 10px 5%;
}
.Subscriptions .Row .HowCanWeHelp span {
    font-weight: 700;
    margin-right: 10px;
}
.Subscriptions .Std.Row {
    border-bottom: 1px solid #cccccc;
    padding: 5px 0;
}
.Std.Row {
    border-bottom: 1px solid #ccc;
}
.Std.Row .Status span {
    padding: 5px;
}
.Population .Std.Row {
    cursor: pointer;
}
/*.scrolling form h2 {
    margin-top: 80px !important;
}*/
.MoreEmbeddedOptions {
    background-color: #e9e9e9;
    margin: 10px 0 10px 40px;
    padding: 10px;
}
.formTenantSettings .AnnounceBox img {
    background-color: #cccccc;
}
.TenantAlert > i {
    color: #ffa100;
    font-size: 2em;
    margin-right: 5px;
    vertical-align: middle;
}
.TenantAlertContainer > div {
    float: left;
    margin-right: 20px;
}
.Login .btn.btn-xs.btn-primary {
    position: relative;
    top: 5px;
}
.AdminFunctions .Stat {
    color: inherit;
    font-size: 3em;
    font-weight: 200;
    left: 5%;
    position: absolute;
    top: -1%;
}
.ADMIN.BASEPAGE i.far.fa-lightbulb {
    position: relative;
    top: 13px;
}
.ADMIN .Population .Actions {
    width: 15%;
}
.ADMIN .std .Actions > i {
    color: #cccccc;
    font-size: 1.5em;
    margin-right: 5px;
    cursor: pointer;
}
.ADMIN .std .Actions > i:hover {
    color: #666;
}
.ADMIN .heading .Actions > div {
    text-align: center;
}
.ADMIN .Population .Name {
    padding-left: 53px;
    position: relative;
    width: 35% !important;
}
.ADMIN .Population .Name > div {
    padding-left: 0 !important;
}
.ADMIN .Population .Email .alert.alert-info {
    margin: 10px 0 0 0 !important;
    padding: 5px;
    float: none !important;
}
.ADMIN .Population .Row .Avatar img {
    position: relative;
    top: 3px;
    width: 100%;
    max-width: 25px;
}
.ADMIN .Population .Row .Avatar {
    width: 5% !important;
}
.ADMIN .Population .Row.Heading .Avatar {
    background-color: transparent;
}
.ADMIN .Population .Email {
    clear: both;
    float: none !important;
    padding-left: 20%;
    width: 100% !important;
}
.ADMIN .Population .Row .Email,.ADMIN .Population .Row .Name  {
    cursor: pointer;
}
.Avatar img {
    background-color: #cccccc;
}
.ADMIN .Population .fi-lock {
    color: #ffa000;
    margin-right: 5px;
}
.FieldRow.OptionalContext {
    margin: 20px;
}
.ThirdPersonText {
    font-size: 0.8em !important;
    font-weight: 200 !important;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
.FunctionList .Row.Header {
    color: #333;
    font-weight: 700;
}

.FunctionList .Row {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    color: #666;
}
.FunctionList .Row.Std:hover {
    background-color: #f0f0f0;
    color: #333;
}
.FunctionList .Row>div>div {
    padding: 0 5px;
}
.FunctionList .Row .FunctionName {
    width: 25%;
}
.FunctionList .Row .Title {
    width: 15%;
}
.FunctionList .Row .TitleDescription {
    width: 35%;
}
.FunctionList .Row .DisplayMode {
    width: 10%;
}
.FunctionList .Row .Edit {
    width: 40px;
}
.FunctionList .Row .TitleDescription:after {
    content: ' ';
    display: block;
}
.FunctionList .Row .Type, .FunctionList .Row .IconClass {
    width: 10%;
    text-align: center;
}
.FunctionList .Row >div>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FunctionList {
    float: none !important;
    padding: 5px 15px 15px;
}
.FunctionList .Edit > div > i {
    cursor: pointer;
    margin-right: 10px;
}
.FunctionList .Edit .fi-eye {
    display:inline;
}
.FunctionList .Edit .fi-prohibited {
    display: none;
}
.FunctionList .Edit.HideFunction .fi-eye {
    display:none;
}
.FunctionList .Edit.HideFunction .fi-prohibited {
    display:inline;
    color: #ff0000;
}
.OnlineStats .Row {
    cursor: pointer;
}
.OnlineStats > div > div {
    float: left;
}
.OnlineStats > div > div > div {
    padding: 5px;
}
.OnlineStats .Time {
    width: 10%;
    text-align: center;
}
.OnlineStats .Name {
    width: 77%;
}
.OnlineStats .DayDate {
    float: none !important;
}
.Analytics .Portal {
    float: none !important;
}
.OnlineStats .DayDate {
    font-size: 1.25em;
    font-weight: 200;
}
.OnlineStats .Name {
    padding-left: 3%;
}
.OnlineStats {
    float: left;
    width: 33%;
}
.OnlineStats > h2 {
    font-weight: 200;
    padding: 0 5px;
}
.Analytics .Stats > div {
    float: left;
    text-align: center;
    width: 33%;
}
.Analytics .Stats {
    float: none;
}
.Analytics .Engagements > div h2, .Engagements > div h3, .Engagements > div h4 {
    color: #666666;
    font-weight: 200 !important;
    margin: 0;
}
.Engagements > div h4 {
    margin-top: 10px;
    position: relative;
}
.Engagements > div h4 .Avatar img{
    width: 10px;
}
.Analytics .Engagements > div {
    background-color: #f0f0f0;
    margin: 2px !important;
    padding: 15px 10px;
}
.Analytics .Engagements h2 {
    font-size: 4em;
}
.GraphSetupContainer .Question {
    margin-top: 5px;
}
.AdminFunctions li.Header > div {
    background-color: rgba(0, 0, 0, 0) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
.AdminFunctions li.Header {
    clear: both !important;
    float: none !important;
    height: auto !important;
    padding: 5px 0;
    text-align: left !important;
    width: 100% !important;
}
.AdminFunctions .Header > h1 {
    color: #666666;
    font-weight: 200;
    margin: 0;
    padding: 10px 0;
}
.HowCanWeHelp > div {
    height: auto;
    overflow: visible;
    white-space: normal !important;
}
.DefStartingPage > option {
    padding: 5px;
}
.Row.Heading.ClearAfter {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding: 0;
}
.VerificationLink {
    float: left;
    padding: 5px 0;
}
.ADMIN .Photos {
    left: 15px;
    position: absolute;
    top: 15px;
    width: 50px;
}
.ADMIN .FullGroupList img.SMAvatar {
    border: 5px solid #ffffff;
    box-shadow: 0 2px 16px;
    width: 55px;
}
.ADMIN .FullGroupList {
    margin-top: 0;
}
.appfunctions.alert {
    margin-bottom: 0;
}
.appfunctions .fi-widget {
    float: none;
    font-size: 1em;
    margin: 0;
}
.Options.appfunctions {
    border: 0 none;
}
.GroupApps {
    margin: 0 auto;
    padding: 0 10px;
}
.GroupApps>h1 {
    font-weight: 200;
    color: #999;
}
.dropdown-menu i {
    color: #999;
}
.dropdown-menu i:hover {
    color: #333;
}
.rpane h2 {
    margin-bottom: 0;
}
.menu input {
    margin: 0 5px 0 20px;
}
.menu .btn.Save {
    margin: 0 5px 0 20px;
}
form h2 {
    border: 0 !important;
}
.PortletDef h2 i {
    margin-left: 10px;
    font-size: 1.25em;
    color: #999;
    position: relative;
    right: 5px;
}
.PortletDef h2 i:hover {
    color: #333;
    cursor: pointer;
}
.PortletDropArea .row-container .fi-pencil,
.PortletDropArea .row-container .fi-page-edit {
    display: inline !important;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 1.25rem;
    margin-left: 10px;
}
.PortletDropArea .row-container .fi-pencil:hover,
.PortletDropArea .row-container .fi-page-edit:hover {
    color: #333;
}
.Usage .btn-group {
    position: static;
}
body.ADMIN .Favicon .Image > img {
    max-width: 16px;
}
.PreviewContainer {
    font-size: 0.8em;
}
.SelColor {
    display: none;
}
.selColorAction {
    cursor: pointer;
}
.PrevButtons .btn {
    font-size: 0.9em;
}
.IMH {
    background-color: #cccccc;
    color: #666666;
    font-weight: 700;
    padding: 5px;
}
.IM {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    bottom: 0;
    height: 100px;
    margin-top: 20px;
    position: absolute;
    right: -66px;
    width: 30%;
    z-index: 1000;
}
.Container.ThemeBuilder {
    margin-bottom: 150px;
}
.Container.ThemeBuilder > div {
    float: none;
}
.LogosColors .Logos > div {
    text-align: center;
    width: 33%;
    min-height: 175px;
}
.LogosColors .dlareas {
    display: none !important;
}
.LogosColors .Image img {
    max-width: 100%;
}
.LogosColors .Image {
    padding: 0 5px;
}
.LogosColors .OnlineLogo .Image > img {
    max-width: 50px;
}
.formThemeBuilder .Footer {
    margin: 0;
    padding: 0 20px;
    text-align: right;
}
.formThemeBuilder .Footer .btn {
    display: inline-block;
}
.ThemeQuestContainer .btn-group {
    position: static;
    right: auto;
    top: auto;
}
.ThemeQuestContainer .Answers {
    padding: 0;
}
.ThemeBoxDisp {
    display: inline-block;
    vertical-align: middle;
}
.ThemeBoxDisp > div {
    height: 20px;
    width: 60px;
}
.ThemeBoxDisp .BottomThemeBox.ClearAfter > div {
    float: left;
    height: 30px;
    width: 30px;
}
.ThemeSelector .dropdown-menu > li {
    color: #999999;
    padding: 5px;
}
.ThemeSelector .dropdown-menu > li:hover {
    background-color: #f0f0f0;
    color: #333;
    cursor: pointer;
}
.ThemeSelector.dropdown {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 9px;
}
.ThemeSelector .dropdown-menu > li.Selected {
    background-color: #cccccc;
    color: #ffffff;
}
.LogosColors .LeftPane, .LogosColors .RightPane {
    float: left;
}
.LogosColors .LeftPane {
    width: 20%;
}
.LogosColors .RightPane {
    width: 80%;
    padding-right: 10px;
}
.formThemeBuilder .ThemeSelector ul {
    list-style: none;
}
.formThemeBuilder .ThemeSelector li {
    padding: 5px;
    cursor: pointer;
}
.formThemeBuilder .ThemeSelector li:hover {
    background-color: #f0f0f0;;
}
.formThemeBuilder .ThemeSelector li.Selected {
    background-color: #ccc;
    color: #333;
}
.formThemeBuilder .LeftPane > div {
    padding: 15px 0 0;
}
.formThemeBuilder .PreviewContainer > h2 {
    margin-top: 0;
}
.formThemeBuilder .RightPane {
    background-color: transparent;
}
.Action.Footer .btn i {
    margin-right: 5px;
}
.Template {
    border: 1px solid #cccccc;
    margin: 0 auto;
    max-width: 600px;
    padding: 10px;
}
.TemplateChoices .Template {
    float: left;
    width: 25%;
}
.TemplateChoices .Template > div {
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}
.Template {
    color: #333;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.formTemplateEditor {
    margin-bottom: 175px;
}
.Template .Title, .Template .SubTitle {
    margin: 0 0 10px;
    color: #999;
}
.Template .SubTitle {
    font-size: 1.25em;
    font-weight: 700;
}

.Template .EventDetails p {
    margin: 0;
}
.Template .Body {
    background-color: #ffffff;
    margin: 0 auto;
    min-height: 100px;
    padding: 0 5px 5px;
}
.Template .Image {
    border: 1px solid #cccccc;
    margin: 10px auto 0;
    text-align: center;
    width: 95%;
    background-color: #fff;
}
.Template .Image i {
    font-size: 1.5em;;
}
.Template .Panes > div {
    float: left;
    width: 50% !important;
}
.Template .Panes > div > div{
    margin: 0 5px;
}
.Template .EventDetails {
    margin-bottom: 10px;
}
.Template .HeaderArea {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
.Template .FooterArea {
    border-top: 1px dashed #cccccc;
    margin-top: 20px;
    position: relative;
}
.Template .HeaderArea .TypeText {
    position: absolute;
    right: 10px;
    top: 10px;
}
.Template .Editable:focus {
    border: 1px solid #ccc !important;
    background-color: #fafafa;
    border: 0;
}
.Template .Editable {
    border-left: 5px solid #ffd700 !important;
}
.formTemplateEditor .FieldGroup, .formTemplateEditor .Action  {
    margin: 0 auto 20px;
    max-width: 600px;
}
.ImageSel {
    background-color: #ffd700;
    min-height: 100px;
    padding: 20px 0 0;
    text-align: center;
    margin-top: 10px;
}
.ImageSel i {
    font-size: 3em;
    color: #fff;;
}
.Template table {
    width: 100%;;
}
.Template table td {
    width: 50%;
}
.Template .Caption {
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
}
.EmailTypeText {
    border: 0 none;
    color: #999999;
    outline: none;
    box-shadow: none;
    border-left: 5px solid #ffd700;
    width: 255px;
}
.EmailTypeText:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #999999;
    border: 1px solid #ccc;
}
.TableContainer .Body > p:first-child {
    margin-top: 0;
}
div.OtherOptions >div .btn-group {
    float: none;
    position: static;
    vertical-align: middle;
}
.BaseQuestionGroup .OtherOptions {
    margin: 15px 0;
}

.FormActionRow.Action > .btn.submit {
    margin-right: 10px;
}
.FormActionRow.Footer {
    margin-top: 20px;
    padding: 0 10px 10px;
}
.ADMIN .DashBoard {
    width: 100%;
    margin: auto;
    float: none;
}
.AnalyticContainer .GroupNameDesc {
    margin-bottom: 10px;
}
.AnalyticContainer .GroupNameDesc .Info {
    position: relative;
    padding-left: 50px;
    color: #666;
}
.AnalyticContainer .GroupNameDesc .Info .Avatar {
    left: 0;
    position: absolute;
    background-color: #ccc;
    width: 40px;
}
.AnalyticContainer .GroupNameDesc .Info > h2 {
    font-weight: 200;
    margin: 0;
}
.AnalyticContainer .GroupAnalytic {
    margin-bottom: 40px;
}
.AnalyticContainer .GroupCharts > h1 {
    color: #666666;
    font-weight: 200;
}
.AnalyticContainer .GroupCharts {
    padding: 0 10px;
}
.AnalyticContainer .GroupInfo {
    width: 100% !important;
}
.AnalyticContainer .GroupAnalytic {
    width: 60% !important;
}
.AnalyticContainer .dispBox > div {
    background-color: #f0f0f0;
    margin: 0 2px 4px;
    padding: 10px !important;
    text-align: center;
}
.AnalyticContainer .dispBox h2 {
    color: #999999;
    font-size: 3.5em;
    font-weight: 200;
    margin: 0;
}
.AnalyticContainer .dispBox p {
    color: #999999;
    margin: 0;
}
.AnalyticContainer .GroupInfo .std.cols.cols2 {
    margin: 0 auto;
    width: 95%;
}
.AnalyticContainer .Description {
    margin: 5px 0 20px;
    color: #999;
}
.AnalyticContainer .GroupRow {
    margin-bottom: 25px;
}
.AnalyticContainer .GroupAnalytic div > h2 {
    color: #999999;
    font-weight: 200;
    margin: 0;
}
.AnalyticContainer .GroupAnalytic >div {
    padding: 0 0 0 10px !important;
}
.AnalyticContainer .ANALYTICS .graph > h2 {
    margin-bottom: 0;
    min-height: 0;
    padding: 0;
}
.AnalyticContainer .Action.Footer {
    font-size: 1.4em;
}
.AnalyticContainer .Action.Footer i {
    font-size: 1.75em;
    vertical-align: middle;
}
.AnalyticContainer .Container .RightPane {
    width: 100%;
}
.AnalyticContainer .LeftPaneProfile {
    display: none;
}
.AnalyticContainer .adminOptions {
    margin: 10px;
    text-align: right;
}
.AnalyticContainer .GroupNameDesc .Info > h2 > span {
    font-size: 0.8em;
    font-weight: 700;
    margin-left: 20px;
    vertical-align: middle;
}
.AnalyticContainer .GroupNameDesc .Info > h2 > span.GrpStatus_1,.GroupNameDesc .Info > h2 > span.GrpStatus_0  {
    color: green;
}
.AnalyticContainer .GroupNameDesc .Info > h2 > span.GrpStatus_-1 {
    color: red;
}
.EventListReport h1 span {
    font-size: .6em;
    vertical-align: middle;
    font-weight: 700;
    color: red;
}
.EventListReport h1 span.Active {
    color: green;
}
.AnalyticChartContainer .FullTotal {
    color: #999999;
    font-size: 2.5em;
    font-weight: 200;
    position: absolute;
    top: 42%;
    z-index: 2000;
    display: inline-table;
    text-align: center;
    width: 100%;
}
.OnlineStats .TopMbr.TotLast7 > div {
    background-color: rgba(0, 0, 0, 0);
    width: 33%;
    margin: 0;
    padding: 0;
}
.OnlineStats .TopMbr.TotLast7 h3 {
    color: #333333;
    font-size: 1.4em;
    font-weight: 200 !important;
    margin: .98em 0;
    text-align: left;
    padding: 0 5px;
}
.OnlineStats .TopMbr.TotLast7 .All {
    display: none;
}
.OnlineStats .TopMbr.TotLast7 .hide {
    display: block !important;
}
.OnlineStats.ActiveGroups ol {
    padding-top: 7px;
}
.AnalyticChartContainer .GroupRow {
    border-bottom: 1px solid #cccccc;
}
.EventListReport .EventRow {
    border-bottom: 1px solid #cccccc;
}
.FullAnalyticsList {
    padding: 20px 10px 100px !important;
}
.ADMIN .EventListReport.EventReports.Analytics div h2 {
    text-align: center;
}
.ADMIN .EventInfoContainer .EICLeft > div > .GroupInfo {
    width: 100% !important;
}
.AdvList {
    margin: 0 auto;
    padding: 0 10px 10px !important;
}
.AdvList .dispBox > div {
    background-color: #f5f5f5;
    margin: 0 2px;
    text-align: center;
}
.AdvList .dispBox h2 {
    color: #666;
    font-size: 1.25em;
    font-weight: 300;
}
.AdvList .dispBox h3 {
    color: #999999;
    font-size: 1em;
    font-weight: 200;
}
.KPILists.LowHigh {
    color: #999999;
    float: right;
    margin-right: 10px;
    vertical-align: middle;
}
#StdModal #formEventVerifyProfile .SaveButton {
    display: none;
}
.modal-body .EventSteps.EventRegSteps {
    display: none;
}
.formPortletManagement h2 {
    margin: 5px ;
}
.EDIT-GROUP.Func_survey-management .BigQuestion {
    opacity: .8;
    padding: 10px 5px 10px 10px;
    width: 40%;
    text-align: center;

}
.EDIT-GROUP.Func_survey-management .BigAnswers {
    padding: 0 10px 10px;
    width: 60%;
}
.EDIT-GROUP.Func_survey-management .RightPane > div {
    margin-bottom: 0;
}
.EDIT-GROUP.Func_survey-management .jumbotron {
    background-color: transparent;
    padding-top: 30%;
}
.EDIT-GROUP.Func_survey-management  .LeftPaneProfile {
    display: none;
}
.EDIT-GROUP.Func_survey-management .RightPane {
    width: 100% !important;
    float: none;
}
.EDIT-GROUP.Func_survey-management .funcbox > a > div {
    height: 150px;
}
.EDIT-GROUP.Func_survey-management .func .funcbox > a > div {
    padding-top: 5%;
    margin-right: 5px;
}
.EDIT-GROUP.Func_survey-management .func .funcbox:last-child {
    margin-right: 0;
}

.EDIT-GROUP.Func_survey-management .GraphSetupContainer {
    width: 100% !important;
}
.EDIT-GROUP.Func_survey-management .WizardSteps > div {
    text-align: center;
}
.EDIT-GROUP.Func_survey-management .LeftPaneProfile {
    display: none;
}
.EDIT-GROUP.Func_survey-management .RightPane {
    width: 100% !important;
    float: none !important;
}
.EDIT-GROUP.Func_survey-management .WizardContainer {
    position: relative;
}
.EDIT-GROUP.Func_survey-management .SVType_0 .StepLine {
    top: 42px;
    width: 57% !important;
}
.EDIT-GROUP.Func_survey-management .SVType_1 .StepLine {
    top: 42px;
    width: 70% !important;
}
.EDIT-GROUP.Func_survey-management .SinglePageSurvey {
    padding-bottom: 100px;
}
.EDIT-GROUP.Func_survey-management .SVType_0 .WizardSteps > div {
    width: 33%;
}
.EDIT-GROUP.Func_survey-management .SVType_1 .WizardSteps > div{
    width: 20%;
}
.EDIT-GROUP.Func_survey-management .PageName .fa.fa-arrows-alt-v {
    float: right;
    color: #ccc;
    position: relative;
    top: 7px;
}
.EDIT-GROUP.Func_survey-management .PageName .fa.fa-arrows-alt-v:hover {
    color: #333;
    cursor: pointer;
}
.EDIT-GROUP.Func_survey-management .std .Questiontext i.fa.fa-code-fork {
    display: none !important;
}
.EDIT-GROUP.Func_survey-management .std .PagesDetail .CurrentBranch .Questiontext i.fa.fa-code-fork {
    transform: rotate(90deg);
    color: #fff;
    background-color: green;
    border-radius: 100%;
    padding: 3px 6px;
    /* font-size: 1em; */
    position: absolute;
    bottom: -10px;
    display: inline-block !important;
    border: 1px solid #fff;
    right: 0px;
}
.EDIT-GROUP.Func_survey-management li.Pages {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.EDIT-GROUP.Func_survey-management .BigQuestion .jumbotron {
    line-height: 1em;
    margin-bottom: 20px !important;
}
.EDIT-GROUP.Func_survey-management .SurveyManagement.SurveyList {
    padding: 0 10px;
}
.EDIT-GROUP.Func_survey-management .survey-maintenance .BigQuestion {
    display: none;
}
.EDIT-GROUP.Func_survey-management .survey-maintenance .BigAnswers {
    width: 100%;
    padding-left: 10px;
}
.EDIT-GROUP.Func_survey-management .Pages > .PageName > span {
    font-weight: 700;
    color: #666;
    font-size: 1.15em;
}
.EDIT-GROUP.Func_survey-management .QOrder ul {
    margin: 0 0 10px;
}
.EDIT-GROUP.Func_survey-management .SurveyEdit .QOrder ul.Pages-menu {
    list-style-type: none;
}
.StdForm .BaseQuestionContainer .fi-trash {
    font-size: 1.25em;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.StdForm.formEventSetUpBasic .ChecksAllowed {
    padding: 0 0 20px 40px;
    margin-top: 0;
}
.StdForm.formGraphSetup .number-spinner input {
    width: 100% !important;
    /* border: 0; */
}
.StdForm.formGraphSetup .RatingOptions {
    margin: 20px 0;
}
.StdForm.formGraphSetup .RatingOptions .row {
    margin-top: 10px;
}
.EditFormContainer .SelColor.MainHeader.show {
    top: -31px;
    left: 0;
}

.EditFormContainer .SelColor.MainHeaderAction.show {
    top: -20px;
    right: 15px;
}
.EditFormContainer .SelColor.SelectedButton.show {
    top: 36px;
    right: -50px;
}
.EditFormContainer .SelColor.LeftMenuPane.show {
    top: 36px;
    right: -50px;
}
.EditFormContainer .SelColor.LeftMenuPane.show {
    left: 15px;
    top: 35px;
}
.EditFormContainer .SelColor.RightMenuPane.show {
    left: -100px;
    top: 40px;
}
.EditFormContainer .SelColor.Segments.show {
    top: 22px;
    left: 27px;
}
.EditFormContainer .SelColor.InfoButton.show {
    top: 24px;
    left: 92px;
}
.EditFormContainer .SelColor.ActionButton.show {
    top: 24px;
    left: 176px;
}
.EditFormContainer .SelColor.SuccessButton.show {
    top: 24px;
    right: -119px;
}
.EditFormContainer .SelColor.SaveButton.show {
    left: 5px;
    top: 24px;
}
.EditFormContainer .SelColor.show {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    float: none !important;
    height: auto;
    z-index: 2100;
    width: 225px;
    text-align: left    ;
    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);

}
.EditFormContainer .selElem {
    position: relative;
}
.EditFormContainer .Colors {
    margin-bottom: 145px !important;
    position: relative;
}
.ThemeBuilder {
    position: relative;
}
.SaveTheme.Footer {
    position: absolute;
    bottom: 90px;
    right: 10px;
    z-index: 2000;
}
.ThemeSelector ul {
    max-height: 419px;
    overflow: auto;
}
.ThemeBuilder .PrevIcon.SmallLogo img {
    background-color: #fff;
}
.menu-options.flex-container>div {
    width: 25%;
}
.menu-advanced-options.flex-container {
    border: 1px solid #ccc;
    padding: 10px;
    column-gap: 5px;
}
.menu-advanced-options.flex-container>div {
    width: 33%;
}
.GRAPHSETUP option {
    display: none;
}
.GRAPHSETUP option.stdOption {
    display: block;
}
.events.ReportOptions .report-options .dropdown-menu {
    left: auto;
    right: 0;
    top: 72px;
    width: 200px;
}
.events.ReportOptions .report-options .dropdown-menu > a {
    width: 100%;
    margin: 0;
    background-color: #fff;
    color: #666;
    text-align: left;
    font-weight: 400;
}
.LogosColors .LeftLogo.FieldGroup {
    padding-left:0;
    margin-bottom: 20px;
}
.LogosColors .LeftLogo.FieldGroup .Answers {
    padding: 0 40% 0 5%;
}
.BaseQuestionContainer .OtherOptions>div {
    margin-bottom: 5px;
}
.BaseQuestionContainer .DateOptions .btn-group {
    position: static;
}
.BaseQuestionContainer .DateOptions>div {
    float: none;
    text-align: right;
}
.BaseQuestionContainer .DateOptions .DateRangeOptions {
    margin: 5px 20px 0 0;
}
.BaseQuestionContainer .DateOptions .DateRangeOptions > div {
    display: inline-flex;
}
.BaseQuestionContainer .DateOptions .DateRangeOptions > div  > label {
    position: relative;
    margin: 0 5px 0;
    top: 5px;
    font-weight: normal;
}
.BaseQuestionContainer .DateOptions .DateRangeOptions > div > input {
    width: 100px;
}
.ADMIN .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 5000 !important;
    font-size: .9em;
}
.CQuest_1 > div.GraphQuestion {
    background-color: #e0e0e0;
    width: 95%;
    margin: 0 0 0 auto;
}
.CQuest_1 .Questiontext {
    font-size: .8em;
}
.Conditional {
    display: none;
}
.GraphSetupContainer.CondQuestPresent .Conditional {
    display: block;
    top:3px;
}
.CQSelector {
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 1000;
    max-width: 350px;
    padding: 0;
    left: auto;
    display: block;
}
.CQSelector > div {
    padding: 5px 10px 5px 30px;
    position: relative;
    white-space: nowrap;
    max-width: 250px;
    max-height: 300px;
    overflow: auto;
}
.CQSelector>div.std:hover {
    background-color: #f0f0f0
}
.CQSelector>div>label {
    margin: 0;
    font-weight:normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.CQSelector>div>label>input {
    position: absolute;
    left: 10px;
    top: 5px;
}
.CQSelector .CQHeader {
    margin-bottom: 5px;
    background-color: #e0e0e0;
    font-weight: 700;
    padding: 5px;
}
.CQSelector .CQHeader > i {
    float: right;
}
.CQSelector .Action.Footer {
    margin: 10px 0;
}
.Conditional>i.fi-check {
    display: none
}
.condQuestsExist_1 .Conditional>i.fi-check {
    position: absolute;
    top: -8px;
    left: 10px;
    color: #fff;
    font-size:.8em;
    display: block;
    background-color: green;
    padding: 0 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.ADMIN .TenantOnlyOption {
    display: block !important;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    font-weight: normal;
}
.ADMIN .TenantOnlyOption h3 {
    font-size: 1em;
    display: block;
    margin: 0 0 20px;
}
.ADMIN .TenantOnlyOption>div {
    columns: 2;
}
.ADMIN .TenantOnlyOption>div>div {
    display: block;
    margin-bottom:5px;
}
.AdminOriented .btn-group {
    position: relative !important;
    top:auto;
    right: auto;
    display: block;
    margin: 10px 0 0 0;
}
.FunctionList .Edit i {
    color: #ccc;
}
.FunctionList .Edit i:hover {
    color: #666;
}
.isChild_1 {
    background-color: #e0e0e0;
}
.isChild_1 .Title {
    padding-left: 20px;
}
.DisplayDateMode {
    margin: 5px 0;
}
.GroupEdit.list-management  .EditFormContainer .LeftPaneProfile {
    display: none;
}
.GroupEdit.list-management  .EditFormContainer .RightPane .Heading > div {
    margin:0;
    width: 100%;
}
.GroupEdit.list-management  .EditFormContainer .RightPane {
    float: none;
    width: 100%;
}
.btn-group.Qualifier {
    position: relative;
    top: auto;
    display: block;
}
/*.GroupPage_.ALL-EVENTS .Heading h2 {
    font-size: 2em;
}*/
.StdForm.formTemplateEditor img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}
.smallAdminMenu ul.Functions {
    width: 415px;
}
.smallAdminMenu.AdminFunctions li.Header {
    font-size: .5em;
}
.smallAdminMenu ul.Functions > li {
    height: 75px;
}
.smallAdminMenu ul.Functions > li > div {
    height: 73px;
    padding-top: 0;
}
.smallAdminMenu ul.Functions > li > div > i {
    font-size: 225%;
}
.smallAdminMenu .Functions .Name {
    font-size: 100%;
}
.smallAdminMenu.AdminFunctions .Stat {
    font-size: 1em;
}
.Func_page-edit blockquote {
    margin:10px 0 !important;
    padding:5px 10px;
    border: 1px solid #ccc;
    font-size: inherit;
}
.Func_page-edit blockquote h1,
.Func_page-edit blockquote h2,
.Func_page-edit blockquote h3
{
    margin:0;
}

/*GTW*/
.GTWSetting {
    display: none;
}
.GTWStatus_1 .GTWSetting.GTWSet.GTWRemove {
    display:none;
}
.GTWStatus_1 .GTWSetting.GTWSet {
    display: inline-flex;
}
.GTWStatus_0 .GTWSetting.GTWNotSet {
    display: inline-flex;
}
.GTWStatus_1.ShowRemove_1 .GTWSetting.GTWRemove {
    display: inline-flex;
}
.GTWStatus_1.ShowRemove_1 .GTWSetting.GTWAdded {
    display: none;
}
.GTWInfo>div:first-child {
    margin-top: 0;
}
.GTWInfo .AuthEmails {
    padding: 5% 5% 0 5% !important;
}
/*MS Auth*/

.MSSetting {
    display: none;
}
/*.MSStatus_1 .MSSetting.MSSet.MSRemove {*/
    /*display:none;*/
/*}*/
.MSStatus_1 .MSSetting.MSSet {
    display: inline-flex;
}
.MSStatus_0 .MSSetting.MSNotSet {
    display: inline-flex;
}
.MS_1.ShowRemove_1 .MSSetting.MSRemove {
    display: inline-flex;
}
.MS_1.ShowRemove_1 .MSSetting.MSAdded {
    display: none;
}
.MSInfo>div:first-child {
    margin-top: 0;
}
.MSInfo .AuthEmails {
    padding: 5% 5% 0 5% !important;
}
.edt *:not(li):not(span):not(p):not(img):not(td) {
    overflow-wrap: break-word !important;
    white-space: normal;
    word-wrap: break-word !important;
/*display: flow-root;*/
}
.edt img {
    display: block !important;
    margin: initial;
}
table .cke_table-faked-selection {
    background: transparent !important;
}
.SuspendedEmailRows .alert.alert-info {
    padding: 0 5px;
    margin: 0;
}

.SuspendedEmailRows .alert.alert-danger {
    padding: 0 5px;
    margin: 0;
}
textarea.ShortSummary {
    max-height: 250px;
}
.booth-edit {
    max-width: 600px;
    margin: 20px auto;
}
.SpecialSearchOption .btn-group {
    float: none;
    vertical-align: middle;
    position: static;
}