/****************************/
/* Feedback Buttons  */
/****************************/

.previewbuttonholders{
    position: fixed;
    z-index: 10011;
    bottom: 6%;
    right: 0;
    transition: 0.5s;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: .1rem;
    font-family: Buckeye Sans, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.previewbuttonholders a {
       color: #ffffff; 
}

.feedbackbutton {
    transition: 0.5s;
-webkit-appearance: button;
background-color: rgba(0,0,0, 1);
background-image: none;
color: #ffffff;
width: 42px;
height: 42px;
text-align: center;
border: none;
padding:6px;
}

.feedbackbutton svg, .feedbackbutton:hover svg {
    color: #ffffff; 
    width: 32px;
    height: 32px;
    cursor: pointer;

}
.feedbackbutton:hover{
    background: rgb(186 12 47);
    color: #ffffff; 
    cursor: pointer;
}
.feedbackbutton:hover a{
       color: #ffffff; 
       cursor: pointer;
}

/****************************/
/* Feedback Form */
/****************************/



body {
    transition: 0.5s;
}

.feedbacksidebar {
    height: 100%;
    padding: 20px 15px 80px;
    width: 400px;
    position: fixed;
    z-index: 10011;
    top: 0;
    right: -400px;
    color: #000;
    background-color: rgba(255, 255, 255);
    border: 1px solid black;
    overflow-x: hidden;
    overflow-y: scroll !important;
    overscroll-behavior: contain;
    transition: 0.5s;

}

.feedbacksidebar a {
    color: #000;
}

.feedbacksidebar .frontend-hidden {
    display: none;
}

.feedbacksidebar .js-form-item {
    margin:20px 0px;}

.feedbacksidebar .form-input-label {
  font-size: 16px;
}

.feedbacksidebar .js-form-item .form-input, 
.feedbacksidebar .js-form-item .form-textarea, 
.feedbacksidebar .js-form-item .form-select, 
.feedbacksidebar .js-form-item .form-multiselect {
width: 100%;
}
.feedbacksidebar .ck-editor__editable, 
.feedbacksidebar .ck-editor__editable_inline {
  min-height: 150px;
}
.feedbacksidebar .js-form-item .ck-editor {
--ck-min-height: 300px;
}

.feedbacksidebar #edit-feedback-format {
    display: none !important;
}

.feedbacksidebar .webform-button--submit{
    border: 1px solid black;
    padding: 10px 5px;
    margin-top:25px;
    font-size: 18px;
}

.feedbacksidebar #edit-submit:hover {
     background: rgb(186, 12, 47);
       color: #ffffff; 
}

.feedbacksidebar #edit-content-to-change--description,
.feedbacksidebar #edit-new-rich-content--description, 
.feedbacksidebar #edit-content-notes--description,
.feedbacksidebar #edit-new-rich-content--description {
    font-size: 13px;
margin-left: 5px;
}


/****************************/
/* Preview Banner */
/****************************/
.previewbanner {
    width: 100%;
    height: auto;
    max-height: 150px;
    background-color: #70071C;
    color: #ffffff;
    position: fixed;
    bottom: 0px;
    z-index: 50; // Admin tasks is set at z-index 51, so this is temp to show below that if needed. 
    margin: auto;
    padding: 10px 25px;

}

.previewspacer {
    height: 150px;
    background-color: rgb(33, 35, 37);
    width: 100%;
}