#jet-elements-settings-page {
visibility: hidden;
&.is-mounted {
visibility: visible;
}
}
.jet-elements-settings-page {
margin: 25px 15px 0 15px;
.cx-vui-tabs-panel {
> .cx-vui-subtitle {
padding: 20px;
margin-top: 20px;
&:first-child {
margin-top: 0;
}
}
}
.jet-elements-avaliable-widgets-control {
.cx-vui-checkgroup {
display: flex;
flex-flow: row wrap;
.cx-vui-checkbox-wrap {
width: 25%;
@media screen and (max-width: 1200px) {
width: 50%;
}
@media screen and (max-width: 782px) {
width: 100%;
}
}
}
}
.cx-vui-subtitle {
font-size: 15px;
line-height: 20px;
color: #23282d;
font-weight: 500;
}
&__avaliable-controls {
display: flex;
flex-flow: row wrap;
margin-bottom: 40px;
&:last-child {
margin-bottom: 0;
}
.cx-vui-title {
font-weight: 500;
font-size: 15px;
line-height: 20px;
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #DCDCDD;
padding-bottom: 15px;
}
}
&__avaliable-control {
width: 33.3333%;
@media screen and (max-width: 1200px) {
width: 50%;
}
@media screen and (max-width: 782px) {
width: 100%;
}
.cx-vui-component__label {
font-size: 14px;
line-height: 18px;
font-weight: normal;
}
.cx-vui-component {
padding: 10px 0;
}
}
&__disable-all-widgets {
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ECECEC;
padding-bottom: 20px;
margin: 20px 0;
.cx-vui-component__label {
margin-right: 10px;
}
}
}