.wlocontainer, .wlocontainer *{box-sizing: border-box;}
.wlocontainer{font-family: sans-serif;}
.wlocontainer {max-width: 1000px;width: 100%;margin: 0 auto;}
.wlo_plan_posts_col label{width: 100%;margin-bottom: 5px;display: inline;}
.wlo_plan_posts_col input, .wlo_plan_posts_col textarea{width: 100%;border:1px solid #ddd;}
.wlo_plan_posts_col {width: 100%;}
.wlo_plan_posts_row {display: inline;justify-content: space-between;clear:both}
.wlo_plan_posts_col input, .wlo_plan_posts_col select, .wlo_plan_posts_col button, .wlo_plan_posts_col textarea {margin-bottom: 20px;padding: 7px 15px;}
.wloBtn {border: 1px solid #000;background: rgb(102,102,153);color: #fff;cursor:pointer}
.wloBtn:hover{background-color:rgb(52,52,103)}
.wlo_plan_posts_col select {border: 1px solid #ddd;width: 100%;}
.wlo-justifyEnd {display: inline;justify-content: flex-end;align-items: flex-end;}
.wlo-regen{display:flex;}
.occa_prompt{color:#aaa}
.occa_prompt:hover{color:#656565}
.occa_prompt:focus{color:#222}
.submitBtn {font-size: 18px;margin-top: 20px;padding: 10px 30px !important;cursor:pointer}
input.wloBtn.submitBtn {width: 40%;}
.demonstration{}
.submit_width{width: 14% !important;float:right;background: #cdcdcd;border:1px solid #777;cursor:pointer;margin-left: auto; 
    margin-right: 0;}
.submit_width:hover{background:rgb(102,102,153)}
.submit_width::after{content:"this";width:14%;background:red;border:2px solid green;position:relative;top:0;left:0;}
.width_btn{width: 8%;}
.clear{clear:both;}
input[type=text]:focus{background-color:#f7f7f7;font-weight:600;color:#000}
input[type=text].multiple_generate  {border:none;color:#bbb}
input[type=text].multiple_generate:hover  {color:#222;border:#fcfcfc}
input[type=text].multiple_generate:focus  {border:1px solid #222;background-color:#444;color:#fffffd}
label {cursor:default!important;font-weight:600;fond-size:1.125em}
label.wlo-prompt{color:#884;font-weight:400;}
.postsuccessmessage
{
  width: 75%;
  float: left;
  display: table;
  margin: 0px 0 14px !important;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 35px;
    height: 35px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid rgb(102,102,153);
    border-color: rgb(102,102,153) transparent rgb(102,102,153) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }