textarea+div.CodeMirror {
font-size: 14px !important;
line-height: 22px !important;
font-weight: 500 !important;
}
.pac_da_theme_options_css {
font-family: 'Open Sans', sans-serif;
position: fixed;
left: 50px;
top: 150px;
z-index: 99999;
height: 450px;
width: 400px;
box-shadow: 0 5px 30px rgba(43, 135, 218, .2);
border-radius: 3px;
overflow: hidden;
resize: both;
min-width: 300px !important;
min-height: 350px !important;
}
.pac_da_theme_options_css .head {
cursor: move !important;
background-color: #6c2eb9;
padding: 15px 20px;
font-size: 18px;
font-weight: 600;
line-height: 18px;
color: #fff;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.pac_da_theme_options_css .head svg {
width: 16px;
height: 16px;
fill: #FFFFFF;
margin-left: auto;
cursor: pointer;
}
.pac_da_theme_options_css .pac_da_tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
background-color: #7e3bd0;
height: 40px;
width: 100%;
}
.pac_da_theme_options_css .pac_da_tabs>div {
box-sizing: border-box;
padding: 13px 26px;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 14px;
cursor: pointer;
user-select: none;
}
.pac_da_theme_options_css .pac_da_tabs>div:hover {
background: #7435c1;
}
.pac_da_theme_options_css .pac_da_tabs>div.active {
background: #8e42eb;
}
.pac_da_codearea {
padding: 30px;
box-sizing: border-box;
width: 100%;
height: calc(100% - 121px);
background-color: white;
}
.pac_da_theme_options_css .body+.CodeMirror {
border-radius: 3px;
height: calc(100% - 7px);
width: 100%;
overflow: hidden !important;
box-sizing: border-box;
}
.pac_da_theme_options_css #pacDaSavethemeCSS {
background-color: #29c4a9;
text-align: center;
padding: 12px;
font-size: 16px;
font-weight: 600;
line-height: 16px;
color: #fff;
transform: translateY(-7px);
cursor: pointer;
position: relative;
z-index: 999;
}
#pac_da_theme_option_css_button {
z-index: 999999;
cursor: pointer;
position: absolute;
left: calc(50% - 85px);
pointer-events: auto;
}
.et-fb-page-settings-bar__toggle-button.et-fb-button--active+#pac_da_theme_option_css_button {
left: calc(50% - 286px);
}
#pacDaSavethemeCSSLoader {
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
width: 50px;
height: 50px;
padding: 9px;
border-radius: 50px;
z-index: 999999;
text-align: center;
background-color: #FFFFFF;
}
#pacDathemeCSSSaved {
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
width: 50px;
height: 50px;
border-radius: 50px;
z-index: 999999;
text-align: center;
background-color: rgb(169, 233, 0);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 40px;
opacity: 1;
animation: bounceIn 1s;
}
#pacDathemeCSSSaved:before {
background: none;
font-family: 'etbuilder';
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "N";
color: rgb(255, 255, 255);
font-size: 22px;
line-height: 50px;
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}