.display-none {
display:none !important;
}
.bb-content {
padding:0 60px;
}
.bb-content h4 {
font-size:30px;
}
.copy-buttons-box {
overflow:hidden;
margin-bottom:30px;
}
.copy-button,.reset-button,#apply-all {
border: none;
background-color: darkslategrey;
padding: 10px 20px;
color: white;
cursor: pointer;
}
.copy-button:hover,.reset-button:hover,#apply-all:hover {
background-color:#203535 ;
}
.copy-button:first-of-type {
float:left;
}
.copy-button:last-of-type {
float:right;
}
.bb_head_code {
margin-top: 20px;
margin-bottom: 20px;
}
.bb-form-group {
margin-top:12px;
}
.bb-form-row {
clear:both;
overflow:hidden;
margin-top:8px;
}
.bb-form-group .page-id,.bb-form-group .page-title {
display:block;
}
.bb-form-group .title-id,.bb-form-group .title-title {
font-weight:600;
}
.head-textarea,.footer-textarea {
width:49%;
border: none;
border-radius: 0;
min-height: 120px;
}
.head-textarea {
float:left;
}
.footer-textarea {
float:right;
}
#apply-all {
background-color:darkolivegreen ;
color: white;
}
#apply-all:hover {
background-color:#3f4e24;
color: white;
}
#apply-all, .reset-button {
margin-top:20px;
}
.reset-button {
float:right;
background-color:#d63638 ;
}
.reset-button:hover {
background-color:#a22a2b;
}
.ajax-insert-response {
margin-top:10px;
}
.lds-ring {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 34px;
height: 34px;
margin: 3px;
border: 3px solid #000;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}