/home/ivoiecob/ivoiceoutsourcing.net/wp-content/plugins/divi-builder/dashboard/css/et_dashboard.css
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none;
}
button {
border: none;
}
/*------------------------------------------------*/
/*------------------[TYPOGRAPHY]------------------*/
/*------------------------------------------------*/
#et_dashboard_wrapper_outer,
.et_pb_save_settings_button_wrapper {
font-family: 'Open Sans', sans-serif;
}
#et_dashboard_wrapper_outer,
p,
button {
font-size: 14px;
font-weight: 400;
color: #939AAA;
line-height: 1.7em;
}
h1,
h2,
h3,
h4,
h5,
h6,
button,
.et_dashboard_action_button a,
.modal_title {
line-height: 1.1em;
padding-bottom: .5em;
color: #373942;
font-weight: 600;
letter-spacing: .5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
.et_dashboard_row h2 {
margin-bottom: 10px;
}
p {
padding-bottom: 1.7em;
}
p:last-of-type {
padding-bottom: 0;
}
.et_dashboard_note span {
letter-spacing: normal;
text-transform: none;
font-style: italic;
display: inline-block;
}
.et_dashboard_note p,
.et_dashboard_note h2 {
display: inline-block;
}
.et_dashboard_note h2 {
margin-right: 5px;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
#et_dashboard_wrapper_outer input,
#et_dashboard_wrapper_outer select,
#et_dashboard_wrapper_outer textarea {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#et_dashboard_wrapper_outer {
padding: 30px 20px 10px 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#et_dashboard_wrapper {
background-color: #ECF0F6;
overflow: hidden;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.06);
position: relative;
z-index: 0;
margin-bottom: 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#et_dashboard_content {
position: relative;
margin-left: 200px;
padding: 30px 30px 0;
min-height: 600px;
}
.et_dashboard_row {
margin-bottom: 55px;
float: left;
width: 100%;
overflow: auto;
}
.clearfix {
clear: both;
}
.et_dashboard li,
.et_dashboard a,
.et_dashboard h1,
.et_dashboard button,
.et_dashboard_shape_tile,
.et_dashboard_icon:before,
.et_dashboard_icon:after {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.et_dashboard li.input.et_dashboard_color_picker,
.et_dashboard li.input.et_dashboard_color_picker a {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
}
.et_dashboard button,
.et_dashboard_action_button a {
color: #FFF;
background-color: #BDC4D6;
padding: 15px 20px;
margin: 0;
font-size: 14px;
line-height: 1em;
height: 45px;
margin-right: 10px;
cursor: pointer;
overflow: hidden;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.et_dashboard button:last-of-type,
.et_dashboard_action_button a:last-of-type {
margin-right: 0;
}
.et_dashboard button:hover,
.et_dashboard_action_button a:hover {
background-color: #AAB0C0;
}
.et_dashboard_action_button a {
height: 15px;
}
.et_dashboard_form li.et_dashboard_action_button {
width: 216px;
}
.et_dashboard button.et_dashboard_icon:hover,
.et_dashboard_action_button a:hover {
padding: 15px 10px 15px 55px;
}
.et_dashboard button.et_dashboard_icon:before,
.et_dashboard_action_button a:before {
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
width: 45px;
line-height: 45px;
top: 0;
left: -45px;
}
.et_dashboard button.et_dashboard_icon:hover:before,
.et_dashboard_action_button a:hover:before {
left: 0px;
}
.et_authorize_api:before {
font-size: 20px !important;
padding-left: 12px;
width: 32px !important;
}
/*------------------------------------------------*/
/*-------------------[HEADER]---------------------*/
/*------------------------------------------------*/
#et_dashboard_header {
width: 100%;
float: left;
}
#et_dashboard_logo {
width: 200px;
height: 60px;
color: #FFF;
line-height: 60px;
float: left;
text-align: center;
background-color: #6C2EB9;
}
#et_dashboard_logo:before {
font-size: 32px;
}
#et_dashboard_header ul {
float: right;
}
#et_dashboard_header li {
height: 60px;
float: left;
}
#et_dashboard_header li a {
width: 60px;
color: #FFF;
background-color: rgba(255, 255, 255, 0);
line-height: 60px;
text-align: center;
display: block;
position: relative;
}
#et_dashboard_header li a:hover {
background-color: rgba(255, 255, 255, 0.15);
}
#et_dashboard_header .et_dashboard_icon:before {
line-height: 58px;
}
#et_dashboard_header ul li a.current {
background-color: rgba(255, 255, 255, 0.15);
}
#et_dashboard_header ul li a.current:after {
-webkit-animation: arrow-top .7s;
animation: arrow-top .7s;
background-color: #ecf0f6;
content: '';
width: 20px;
height: 20px;
right: 20px;
bottom: -14px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
/*------------------------------------------------*/
/*---------------[MAIN NAVIGATION]----------------*/
/*------------------------------------------------*/
#et_dashboard_navigation {
width: 200px;
height: 100%;
background-color: #373942;
position: absolute;
text-transform: uppercase;
}
#et_dashboard_navigation li a {
font-size: 12px;
font-weight: 700;
color: #FFF;
padding: 18px 15px 18px 20px;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#et_dashboard_navigation li a:hover {
padding-left: 30px;
background-color: rgba(255, 255, 255, 0.05);
}
#et_dashboard_navigation li a.current:after {
-webkit-animation: arrow .7s;
animation: arrow .7s;
content: '';
width: 20px;
height: 20px;
right: -14px;
top: 14px;
display: block;
position: absolute;
background-color: #ecf0f6;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#et_dashboard_navigation li .current_section {
max-height: 600px;
}
#et_dashboard_navigation > ul > li > ul {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
}
#et_dashboard_navigation li li a {
color: #939AAA;
height: 50px;
padding: 12px 15px 12px 20px;
background-color: rgba(0, 0, 0, 0.3);
}
#et_dashboard_navigation li li a:hover,
#et_dashboard_navigation a.current {
font-weight: 700;
color: #FFF;
background-color: rgba(0, 0, 0, 0.5);
}
#et_dashboard_navigation .et_dashboard_icon:before {
font-size: 16px;
position: relative;
margin-right: 15px;
top: 2px;
}
/*------------------------------------------------*/
/*------------------[SELECTABLE]------------------*/
/*------------------------------------------------*/
.et_dashboard_selection {
margin-bottom: 40px;
}
.et_dashboard_multi_selectable,
.et_dashboard_single_selectable {
padding-bottom: 45px;
float: left;
position: relative;
text-align: center;
cursor: pointer;
margin-bottom: 20px;
}
.et_dashboard_multi_selectable:after,
.et_dashboard_single_selectable:after {
position: absolute;
left: 50%;
margin-left: -15px;
width: 30px;
height: 30px;
line-height: 30px;
bottom: 45px;
color: rgba(255, 255, 255, 0);
z-index: -1;
background-color: rgba(147, 154, 170, 0);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.et_dashboard_multi_selectable:hover:after,
.et_dashboard_single_selectable:hover:after {
bottom: 0;
color: rgba(255, 255, 255, 1);
background-color: rgba(147, 154, 170, 1)
}
.et_dashboard_multi_selectable.et_dashboard_selected:after,
.et_dashboard_single_selectable.et_dashboard_selected:after {
bottom: 0;
color: rgba(255, 255, 255, 1);
background-color: rgba(134, 215, 0, 1);
}
.et_dashboard_multi_selectable.et_dashboard_selected:hover:after {
background-color: rgba(255, 89, 3, 1);
}
.et_dashboard_selected.et_dashboard_just_selected:hover:after {
bottom: 0;
color: rgba(255, 255, 255, 1);
background-color: rgba(134, 215, 0, 1);
}
/*-------------------[GENERAL]-------------------*/
.et_dashboard_shape:after,
.et_dashboard_checkbox label:after,
.et_dashboard_row .et_social_selected.et_dashboard_just_selected:hover:after {
content: "\e60d";
}
.et_dashboard_shape_tile:before {
content: "\e610";
}
span.et_dashboard_more_info:before {
content: "\e603";
}
.et_dashboard_icon_header_stats:before {
content: "\e611";
}
.et_dashboard_save_changes button:before {
content: "\e647";
}
.et_dashboard_icon_cancel:before,
.et_dashboard_menu_remove:after {
content: "\e60c";
}
.et_dashboard_icon_header_importexport:before,
button.et_dashboard_icon_importexport:before {
content: "\e646";
}
.et_dashboard_icon_general:before,
.et_dashboard_icon_main:before {
content: "\e648";
}
.et_authorize_api:before {
content: "\e64b";
}
/*------------------------------------------------*/
/*---------------------[FORM]---------------------*/
/*------------------------------------------------*/
.et_dashboard_form li {
margin-bottom: 10px;
overflow: auto;
}
.et_dashboard_form li p {
float: left;
width: 200px;
line-height: 30px;
padding-bottom: 0;
padding-right: 30px;
}
li.et_dashboard_auto_height {
height: auto;
}
.et_dashboard_form ul.inline li {
width: auto;
margin-right: 40px;
float: left;
}
.et_dashboard_form ul.inline li:last-of-type {
margin-right: 0;
}
.et_dashboard_form ul.inline li p {
width: auto;
margin-left: 10px;
}
.et_dashboard_form input,
.et_dashboard_form select,
.et_dashboard_form textarea,
.et_social_networks input,
p.et_social_checkmark_holder {
height: 30px;
float: left;
border: none;
background-color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #939AAA;
letter-spacing: 1px;
margin: 0;
padding: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.et_dashboard_form input {
padding: 0 10px;
}
.et_dashboard_longinput input {
width: 350px !important;
}
.et_dashboard_form select {
padding: 0;
}
.et_dashboard_form input:focus,
.et_dashboard_form select:focus,
.et_dashboard_form textarea:focus,
.et_social_networks input:focus,
button:focus {
outline: none;
}
.et_dashboard_form input[type=text] {
width: 60px;
}
.et_dashboard_form select {
width: 140px;
}
.et_dashboard_form textarea {
width: 100%;
height: inherit;
}
.et_dashboard_form input[type=checkbox] {
visibility: hidden;
position: absolute;
}
.et_dashboard_checkbox label {
float: left;
cursor: pointer;
width: 30px;
height: 30px;
background: #F1F5F9;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.et_dashboard_checkbox label:after {
color: rgba(147, 154, 170, 0);
line-height: 30px;
text-align: center;
}
.et_dashboard_checkbox label:after {
color: #E0E4E9;
}
.et_dashboard_checkbox input[type=checkbox]:checked + label:after,
.et_dashboard_checkbox label:hover:after {
color: rgba(134, 215, 0, 1);
}
.et_dashboard_form span.et_dashboard_more_info {
height: auto;
float: left;
padding: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.et_dashboard_form span.et_dashboard_more_info:before {
color: #FFF;
width: 16px;
line-height: 16px;
height: 16px;
background-color: rgba(147, 154, 170, 0.4);
display: inline-block;
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.et_dashboard_form span.et_dashboard_more_info:hover:before {
background-color: rgba(147, 154, 170, 0.7);
}
.et_dashboard_form span.et_dashboard_more_text {
padding-left: 5px;
display: none;
}
li.et_dashboard_checkbox.et_dashboard_on_cat_select,
li.et_dashboard_checkbox.et_dashboard_auto_select {
clear: both;
margin-top: 30px;
}
.et-dashboard-upload-preview img {
max-width: 100%;
height: auto;
}
input.et-dashboard-upload-field {
width: 300px !important;
margin-right: 10px;
}
.et-dashboard-upload-button {
height: 30px !important;
}
.et-dashboard-upload-preview {
margin-left: 200px;
clear: both;
padding-top: 10px;
}
li.et_dashboard_upload_image {
height: auto;
min-height: 30px;
}
.mce-panel {
background: #F3F5F8 !important;
}
.et_dashboard_form div.mce-edit-area {
background: #F3F5F8 !important;
}
.mce-btn button {
line-height: 12px !important;
font-size: 10px !important;
padding: 5px;
height: 29px;
}
ul.et_dashboard_search_results {
height: auto;
max-height: 200px;
overflow: auto;
background-color: #373942 !important;
padding: 10px 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
ul.et_dashboard_search_results li {
cursor: pointer;
padding: 0 10px;
margin: 0;
color: #CDCDCD;
}
ul.et_dashboard_search_results li:hover {
background: #616473;
color: white;
}
ul.et_dashboard_search_results li.et_dashboard_no_res:hover {
background: none;
color: #939AAA;
cursor: initial;
}
input.et_dashboard_search_posts {
width: 100% !important;
}
li.et_dashboard_selected {
background: #F3F5F8;
margin-bottom: 0;
height: auto;
padding: 0 4px;
}
li.et_dashboard_selected > span {
background: #939AAA;
padding: 3px 18px 3px 8px;
color: white;
margin: 8px 4px 0 4px;
display: inline-block;
border-radius: 3px;
}
.et_dashboard_live_fields span.spinner {
position: absolute;
left: -34px;
top: -5px;
}
li.et_dashboard_live_fields {
position: relative;
margin-bottom: 0;
}
li.et_dashboard_live_fields,
li.et_dashboard_live_fields input {
height: 40px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.et_dashboard_live_search_res {
display: none;
height: auto !important;
}
.et_dashboard_live_search_res.visible_search_res {
display: block;
}
.et_dashboard_menu_remove {
margin-left: 5px;
cursor: pointer;
}
.et_dashboard_menu_remove:after {
position: absolute;
left: -2px;
top: -1px;
width: 20px;
color: #c2c6cf !important;
font-size: 14px !important;
}
.et_dashboard_selected span {
position: relative;
}
/* yes-no button styles */
.et_pb_yes_no_button {
width: 100%;
display: inline-block;
position: relative;
cursor: pointer;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.et_pb_yes_no_button.et_pb_off_state {
background-color: #F1F5F9;
}
.et_pb_yes_no_button.et_pb_on_state {
background-color: #008BDB;
}
.et_pb_yes_no_button span.et_pb_button_slider {
position: absolute;
background: #FFF;
width: 50%;
height: 20px;
margin: 5px 0;
background: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.et_pb_yes_no_button.et_pb_off_state span.et_pb_button_slider {
left: 5px;
}
.et_pb_yes_no_button.et_pb_on_state span.et_pb_button_slider {
left: 50%;
margin-left: -5px;
}
.et_pb_yes_no_button.et_pb_on_state span.et_pb_value_text.et_pb_on_value {
margin-left: 0;
margin-right: 0;
}
.et_pb_yes_no_button.et_pb_off_state span.et_pb_value_text.et_pb_off_value {
margin-right: 0;
margin-left: 0;
}
.et_pb_yes_no_button span.et_pb_value_text {
padding: 6px;
float: left;
font-size: 12px;
width: 50%;
text-align: center;
font-weight: bold;
text-transform: uppercase;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
span.et_pb_value_text.et_pb_off_value {
color: #8E969E;
}
span.et_pb_value_text.et_pb_on_value {
color: #FFF;
}
.et_pb_yes_no_button_wrapper select {
opacity: 0;
position: absolute;
z-index: -1;
width: 0px !important;
height: 0px !important;
}
.et-pb-options-tab-advanced .et_pb_yes_no_button_wrapper {
width: 170px;
position: relative;
}
.et-pb-options-tab-advanced .et_pb_yes_no_button {
float: left;
}
.et_pb_button_equal_sides .et_pb_yes_no_button.et_pb_on_state {
background-color: #F1F5F9;
}
.et_pb_button_equal_sides span.et_pb_value_text.et_pb_on_value {
color: #8E969E;
}
.et_pb_yes_no_button_wrapper {
float: left;
clear: right;
font-size: 13px;
line-height: 18px;
width: 170px;
}
.et_pb_yes_no_button {
max-height: 30px;
}
.et_pb_yes_no_button_wrap {
float: left;
max-height: 40px;
width: 75% !important;
max-width: 450px !important;
position: relative;
clear: right;
}
.et_dashboard_hidden_input .et_pb_yes_no_button_wrapper {
display: none;
}
.et_pb_prompt_field--checkbox-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 10px;
}
.et_pb_prompt_field--checkbox-list > * {
margin: 0;
}
.et-panel-box__checkbox-list-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
/*------------------------------------------------*/
/*--------------------[ICONS]---------------------*/
/*------------------------------------------------*/
@font-face {
font-family: 'ETdashboard';
src: url('fonts/ETdashboard.eot?gd6mr8');
src: url('fonts/ETdashboard.eot?#iefixgd6mr8') format('embedded-opentype'), url('fonts/ETdashboard.woff?gd6mr8') format('woff'), url('fonts/ETdashboard.ttf?gd6mr8') format('truetype'), url('fonts/ETdashboard.svg?gd6mr8#ETdashboard') format('svg');
font-weight: normal;
font-style: normal;
}
.et_dashboard_icon:before,
.et_dashboard_icon:after,
.et_dashboard_icon span:before,
.et_dashboard_icon a:before,
.et_dashboard_checkbox label:after,
.et_dashboard_inner_container .et_dashboard_modal_header .et_dashboard_close:after,
p.et_dashboard_checkmark_holder:after,
.et_dashboard_menu_remove:after {
font-family: 'etdashboard';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------------------------------*/
/*---------------------[TABS]---------------------*/
/*------------------------------------------------*/
.et_dashboard_tab_content {
display: none;
}
.et_tab_selected {
display: block;
-webkit-animation: tab .7s;
animation: tab .7s;
}
/*------------------------------------------------*/
/*-------------------[ANIMATION]------------------*/
/*------------------------------------------------*/
@-webkit-keyframes arrow {
0% {
right: -28px;
}
100% {
right: -14px;
}
}
@keyframes arrow {
0% {
right: -28px;
}
100% {
right: -14px;
}
}
@-webkit-keyframes tab {
0% {
-ms-transform: translate(-20px, 0);
-webkit-transform: translate(-20px, 0);
transform: translate(-20px, 0);
opacity: 0;
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes tab {
0% {
-ms-transform: translate(-20px, 0);
-webkit-transform: translate(-20px, 0);
transform: translate(-20px, 0);
opacity: 0;
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes tab-top {
0% {
-ms-transform: translate(0, -20px);
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes tab-top {
0% {
-ms-transform: translate(0px, -20px);
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
100% {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes arrow-top {
0% {
bottom: -28px;
}
100% {
bottom: -14px;
}
}
@keyframes arrow-top {
0% {
bottom: -28px;
}
100% {
bottom: -14px;
}
}
@-webkit-keyframes graph {
0% {
height: 0;
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes graph {
0% {
height: 0;
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes tooltip {
0% {
top: -130px;
opacity: 0;
}
100% {
top: -110px;
opacity: 1;
}
}
@keyframes tooltip {
0% {
top: -130px;
opacity: 0;
}
100% {
top: -110px;
opacity: 1;
}
}
.et_dashboard_networks_modal {
position: fixed;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
padding-top: 180px;
z-index: 99999999;
}
.et_dashboard_networks_modal .et_social_inner_container {
background: #ecf0f6;
margin: auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width: 986px;
max-height: 80%;
}
.et_dashboard_networks_modal .dashboard_icons_container div {
float: left;
width: 32%;
}
.dashboard_icons_container div {
float: left;
clear: none;
margin-right: 2%;
}
.dashboard_icons_container div:nth-child(3n) {
margin-right: 0;
}
.et_dashboard_inner_container .et_dashboard_modal_header {
width: 100%;
height: 60px;
background: #ffffff;
position: relative;
top: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.et_dashboard_inner_container .et_dashboard_modal_header h1 {
float: left;
color: #373942;
padding: 20px;
font-size: 16px;
}
.et_dashboard_inner_container .et_dashboard_modal_header .et_dashboard_close:after {
content: "\e60C";
position: absolute;
padding: 20px;
right: 0;
color: #373942;
cursor: pointer;
}
.et_dashboard_networks_modal .dashboard_icons_container {
overflow: auto;
height: auto;
padding: 20px;
max-height: 74%;
}
.et_dashboard_modal_footer {
height: 60px;
background: #ffffff;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.et_dashboard_modal_footer .et_dashboard_apply,
.et_dashboard_modal_footer .et_dashboard_warning_button {
background-color: #008AFF !important;
color: #ffffff !important;
background-color: #BDC4D6;
padding: 10px 11px;
margin: 11px 15px;
font-size: 14px;
line-height: 1em;
height: 15px;
margin-right: 10px;
cursor: pointer;
overflow: hidden;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: right;
}
.et_dashboard_warning .et_dashboard_inner_container {
width: 300px !important;
height: auto;
background: #fff;
text-align: center;
margin: auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.et_dashboard_warning .et_dashboard_modal_header {
height: 30px;
}
.et_dashboard_modal_footer .et_dashboard_ok {
margin-right: 130px !important;
}
a.et_dashboard_ok.et_dashboard_2_btns {
float: left;
margin-right: 0 !important;
}
.et_dashboard_networks_modal.et_dashboard_warning {
display: block;
}
.et_dashboard_save_changes {
position: relative;
width: 240px;
}
span.spinner {
margin-top: 12px;
margin-right: 30px;
display: none;
}
span.spinner.et_dashboard_spinner_visible {
display: block;
visibility: visible;
}
.et_social_toggle {
visibility: hidden;
position: absolute;
}
@-webkit-keyframes et_social_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes et_social_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes et_social_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes et_social_fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.et_dashboard_hidden_option {
display: none;
}
.et_dashboard_visible_option {
-webkit-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
animation: et_social_fadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
}
.et_dashboard_form .wp-picker-holder {
z-index: 99999;
position: absolute;
}
.et_dashboard_form input[type="file"] {
background: none;
padding: 15px 0;
line-height: 0;
width: 100%;
height: inherit;
float: none;
}
p.et_dashboard_section_subtitle {
margin-top: -12px;
margin-bottom: 30px;
font-weight: 600;
}
.et_dashboard_form li.et_dashboard_action_button {
width: auto;
}
.et_dashboard_action_button span.spinner {
float: left;
}
.et_dashboard_action_button a.et_dashboard_icon {
float: left;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/*------------------------------------------------*/
/*-----------------[RESPONSIVE]-------------------*/
/*------------------------------------------------*/
@media only screen and (max-width:1662px) {
.et_dashboard_networks_modal .et_dashboard_inner_container {
width: 677px;
}
}
@media screen and (max-width:1024px) {
.et-dashboard-upload-preview {
margin-left: 0;
}
}
@media screen and (max-width:782px) {
.et_dashboard_networks_modal {
position: absolute;
padding-top: 90px;
}
#et_dashboard_content {
margin-left: 0;
}
#et_dashboard_navigation {
width: 100%;
position: relative;
}
#et_dashboard_navigation li a.current:after {
background-color: #f0f0f0;
}
#et_dashboard_header ul li a.current:after {
background-color: #373942;
}
#et_dashboard_wrapper {
min-width: 300px;
}
#et_dashboard_logo {
width: 100px;
}
.et_dashboard_networks_modal .et_dashboard_inner_container {
width: 357px;
}
.et_dashboard_networks_modal .dashboard_icons_container div {
width: 48.5%;
}
.dashboard_icons_container div {
clear: none;
margin-right: 3% !important;
}
.dashboard_icons_container div:nth-child(2n) {
margin-right: 0 !important;
}
}
@media screen and (max-width:601px) {
.et-dashboard-upload-button {
margin-top: 10px !important;
}
}
@media screen and (max-width:480px) {
.et_dashboard_form ul.inline li {
width: 100%;
}
.et_dashboard_networks_modal .et_dashboard_inner_container {
width: 247px;
}
.et_dashboard_inner_container .dashboard_icons_container div {
width: 100%;
margin-right: 0;
}
}
/*------------------------------------------------*/
/*-------------------[TWEAKS]---------------------*/
/*------------------------------------------------*/
#et_dashboard_wrapper {
background: white;
}
.et_dashboard_action_button a.et_google_api_save {
margin-bottom: 30px;
}