Current path: home/webdevt/www/schtroumpf.fr/modules/ets_superspeed/views/css/
?? Go up: /home/webdevt/www/schtroumpf.fr/modules/ets_superspeed/views
.table_analytics{
display:none;
}
.block-browse-image-left {
float: left;
width: 30%;
padding: 0 15px;
}
.block-browse-image-right {
float: left;
width: 70%;
padding: 0 15px;
}
.form-group.form_cache_page.livescript.group-button > .col-lg-8 {
width: 100%;
}
.list-browse-images .folder-hide > ul{
display:none;
}
td.id_cache_page {
width: 60px;
text-align: center;
}
.date_add fieldset.form-group {
margin-bottom: 2px!important;
display: inline-flex;
}
.date_add fieldset.form-group .input-group-append {
display: inline-flex;
align-items: center;
justify-content: center;
}
.bootstrap button.btn-default.btn-clear-log-clear-history.loading,
:is(body:not(.no-smb-reskin)) .bootstrap button.btn-default.btn-clear-log-clear-history.loading {
background: #2cb9d7!important;
color: transparent!important;
border-color: #2cb9d7!important;
}
svg {
fill: currentColor;
}
.list-file_caches th.click, .list-file_caches td.click,
.list-file_caches th.click select,
.list-file_caches th.has_cart, .list-file_caches td.has_cart,
.list-file_caches th.has_cart select,
.list-file_caches th.has_customer, .list-file_caches td.has_customer,
.list-file_caches th.has_customer select{
text-align: center;
}
.form-group.form_cache_page.page-list-no-caches {
position: static!important;
}
.form-group.form_cache_page.page-list-no-caches label,.form-group.form_cache_page.page-list-log-clear-history label {
line-height: 30px;
font-weight: normal;
}
.sp_tabs ul.sub_menu {
position: absolute;
background: #fff;
top: 100%;
margin-top: 2px;
border: 1px solid #eee;
opacity: 0;
visibility: hidden;
padding: 0;
box-shadow: 0 0 2px 0 #ccc;
}
body .bootstrap .btn.disabled, body .bootstrap .btn[disabled] {
cursor: not-allowed;
pointer-events: auto;
}
label.control-label.col-lg-4,label.control-label.col-lg-3 {width: 25%;}
label.control-label.col-lg-4 + .col-lg-8,label.control-label.col-lg-4 + .col-lg-9,
label.control-label.col-lg-3 + .col-lg-8,label.control-label.col-lg-3 + .col-lg-9{
width: 75%;
}
.form-wrapper .form-group {
display: block;
clear: both;
}
.form_cache_page span.soft a.active,
.form_cache_page span.soft a:hover,
.form_cache_page span.soft a.active *,
.form_cache_page span.soft a:hover * {
color: #00aff0;
}
.form_cache_page span.soft a {
color: #999;
}
.module_system_analytics .module_performance td.page {
word-break: break-all;
}
.module_system_analytics .module_performance input[name="module_time_min"], .module_system_analytics .module_performance input[name="module_time_max"] {
width: 55px;
}
.sp_tabs ul.sub_menu li {
display: block;
}
.sp_tabs ul.sub_menu li:not(:last-child) {
border-bottom: 1px solid #eee;
}
.sp_tabs li:hover ul.sub_menu {
opacity: 1;
visibility: visible;
}
.sp_tabs ul.sub_menu:before {
content: "";
height: 3px;
width: 100%;
position: absolute;
bottom: 100%;
}
.block-browse-image-left > ul.list-browse-images > li {
padding: 4px 0;
}
.list-browse-images > li.file {
color: #999;
}
.popup-optimize_image_upload .popup-content {
background-color: #fff;
display: inline-block;
margin: 0 auto;
padding: 0 20px 30px;
text-align: left;
width: 800px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.image_upload_otpimize_quality:hover{
text-decoration: underline;
}
.popup-optimize_image_upload {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
left: 0;
overflow: auto;
padding-top: 20px;
position: fixed;
right: 0;
text-align: center;
top: 0;
width: 100%;
z-index: 1000000;
}
.popup-optimize_image_upload .popup-content-body {
margin-top: 30px;
}
.sp_close {
position: absolute;
font-size: 0;
width: 30px;
top: 12px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: 10;
cursor: pointer;
right: 14px;
}
.popup-content .sp_close {
top: 30px;
}
.sp_close:before {
content: "";
height: 20px;
width: 2px;
background: #666;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
}
.sp_close:after {
content: "";
width: 20px;
height: 2px;
background: #666;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
}
.popup-optimize_image_upload{
display:none;
}
.popup-optimize_image_upload.show{
display:block;
}
#growls .growl-title{
display:none;
}
.CodeMirror { height: auto; border: 1px solid #ddd; }
.CodeMirror pre { padding-left: 7px; line-height: 1.25; }
.banner { background: #ffc; padding: 6px; border-bottom: 2px solid silver; }
.banner div { margin: 0 auto; max-width: 700px; text-align: center; }
.CodeMirror-scroll .CodeMirror-sizer{
margin-left: 30px!important;
}
#subtab-AdminSuperSpeedStatistics i,
#subtab-AdminSuperSpeedPageCaches i,
#subtab-AdminSuperSpeedImage i,
#subtab-AdminSuperSpeedMinization i,
#subtab-AdminSuperSpeedHelps i,
#subtab-AdminSuperSpeedDatabase i,
#subtab-AdminSuperSpeedGzip i{
font-size: 0;
}
.form_cache_page{
display:none;
}
.sp_block_right .alert.alert-info {
padding: 12px 10px!important;
margin-bottom: 16px!important;
border: 2px solid #4ac7e0!important;
}
.sp_block_right .alert-info {
color: #136070!important;
background-color: #d3f1f7!important;
border-color: #c2ebf4!important;
}
.form-group.use_default{
display:none;
}
.panel-heading > i {
display: none;
}
.panel-heading {
text-transform: none!important;
font-weight: 600;
}
.alert.alert-info.form_cache_page.image_old,
.alert.alert-info.congratulations_image_success,
.alert.alert-info.form-group.form_cache_page.image_new {
max-width: 100%;
margin-left: 0;
}
.alert-warning {
border-color: #cd9321;
}
.total_image_optimized_size {
float: left;
text-transform: capitalize;
color: #67c161;
font-style: italic;
font-size: 12px;
display: inline-block;
margin-left: 5px;
}
.bootstrap .alert.alert-warning:before {
content: "\E001";
background-color: #fde7bb;
color: #cd9321;
}
.bootstrap .alert-warning {
background-color: #fff;
border: 2px solid #d2a63c!important;
color: #363a41;
}
.tab_config_page_cache li.confi_tab {
line-height: 24px;
}
.form-group.form_cache_page.image_old.alert.alert-warning.info_total_images {
width: 600px;
max-width: 100%;
padding: .75rem 20px .75rem 60px!important;
}
.form-group.form_cache_page.page-list-caches,.form-group.form_cache_page.page-list-log-clear-history,.form-group.form_cache_page.page-list-no-caches {
margin-bottom: 5px;
margin-top: -85px;
}
.form-group.form_cache_page.page-list-caches .panel-heading,.form-group.form_cache_page.page-list-log-clear-history .panel-heading,.form-group.form_cache_page.page-list-no-caches .panel-heading {
display: none;
}
.bootstrap .alert.alert-warning:before {
font-family: Material Icons, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
vertical-align: middle;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 46px;
height: 100%;
text-align: center;
font-size: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.confirm-popup-optimize_all_images .button-group {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
margin-top: 30px;
margin-bottom: 15px;
}
.sp_block_right .alert.alert-info {
padding: 12px 0 12px 56px!important;
background-color: #fff!important;
position: relative!important;
color: #363a41!important;
overflow: hidden;
}
.sp_block_right .alert{
overflow: hidden!important;
}
.ETS_TIME_AJAX_CHECK_SPEED .input-group {
max-width: 300px;
}
.confirm-popup-optimize_all_images .button-group>*, .confirm-popup-optimize_all_images .button-group>button.btn {
min-width: 190px;
}
.panel.ets_sp-panel .table-responsive.clearfix {
overflow: auto;
width: 100%;
}
select {
cursor: pointer;
}
a.btn.confirm-custom-optimization:before {
content: "\f085";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
font-weight: normal;
}
.popup-configuration-cache li.disabled i:before {
content: "\F00D";
font-weight: normal;
}
.sp_block_right .alert-info {
border-color: #25b9d7!important;
}
.sp_block_right .alert-info:before {
content: "\E88F" !important;
background-color: #dff5f9!important;
color: #25b9d7!important;
display: inline-block!important;
font-family: Material Icons, sans-serif!important;
font-weight: 400!important;
font-style: normal!important;
line-height: 1!important;
text-transform: none!important;
letter-spacing: normal!important;
vertical-align: middle!important;
word-wrap: normal!important;
white-space: nowrap!important;
direction: ltr!important;
-webkit-font-smoothing: antialiased!important;
text-rendering: optimizeLegibility!important;
-moz-osx-font-smoothing: grayscale!important;
-webkit-font-feature-settings: "liga"!important;
font-feature-settings: "liga"!important;
position: absolute!important;
top: 0!important;
bottom: 0!important;
left: 0!important;
width: 46px!important;
height: 100%!important;
text-align: center!important;
font-size: 25px!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.alert.alert-success, .bootstrap .alert.alert-success {
position: fixed;
right: 40px;
top: 50px;
z-index: 99999999;
padding-left: 48px;
min-width: 300px;
}
.blog_center_content .panel-heading + ul {
border-bottom: 1px solid #eee;
display: block;
margin-bottom: 20px;
margin-left: -16px;
margin-top: -10px;
padding: 0 20px 5px;
width: calc(100% + 32px);
width: -webkit-calc(100% + 32px);
}
.form_cache_page.page_setting.group-button {
border-top: 1px solid #eaedef;
margin: 40px -20px 0;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.confirm-popup.show {
opacity: 1;
visibility: visible;
display: flex!important;
}
/**/
.sp_configuration_switch {
background-color: #ecedef;
border: 1px solid #ccc;
border-radius: 50px;
text-align: center;
font-size: 12px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2) inset;
line-height: 18px;
top: 5px;
color: #999;
right: 0;
cursor: pointer;
position: absolute;
float: right;
font-weight: normal;
width: 50px;
height: 20px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
font-family: arial, sans-serif;
margin-left: 10px;
margin-bottom: 0;
letter-spacing: 0.3px;
margin-right: 0;
}
.list-chonse-configuration-auto li label {
font-weight: normal;
}
.list-chonse-configuration-auto li {
margin: 5px 0;
display: block;
}
.sp_configuration_switch:before{
content: "";
position: absolute;
border: 1px solid #aaa;
width: 14px;
height: 14px;
border-radius: 50%;
transition: all 0.5s;
top: 2px;
z-index: 1;
background-color: #f3f3f3;
background-image: radial-gradient(#f9f9f9, #f9f9f9, #efefef, #f0f0f0);
background-image: -webkit-radial-gradient(#f9f9f9, #f9f9f9, #efefef, #f0f0f0);
box-shadow: 0 0 2px 3px #fff inset;
-webkit-box-shadow: 0 0 2px 3px #fff inset;
right: 31px;
}
.list-sp-dashboard-check-cache .yes2 + .block-right .check-yes,
body .list-sp-dashboard-check-cache .block-left.yes2:before{
background-color: #FEC137;
border-color: #d29305;
}
.list-sp-dashboard-check-cache .yes2 span.mod_deflate_expires {
clear: both;
display: block;
padding-left: 15px;
font-size: 90%;
line-height: 1.8;
color: #FEC137;
}
.list-sp-dashboard-check-cache .yes2 span.mod_deflate_expires span + span:last-child {
padding-top: 5px;
display: block;
}
button.add_api_key {
margin-top: 10px;
padding: 5px 10px!important;
text-transform: capitalize;
cursor: pointer!important;
outline: none!important;
clear: both;
float: left;
margin-left: 25%;
transform: translateX(5px);
}
.bootstrap .btn.btn-default i {
color: inherit;
position: relative;
}
button.add_api_key:focus,
button.add_api_key:active,
button.add_api_key:hover{
color: #fff!important;
border-color: #25b9d7!important;
background: #25b9d7!important;
}
.sp_configuration_switch > span {
text-align: left;
padding: 0 9px;
position: absolute;
opacity: 0;
left: 0;
font-size: 11px;
color: #fff;
transition: all 0.5s;
visibility: hidden;
border-radius: 50px;
overflow: hidden;
width: 20px;
}
.tinypng-input .input-inline button.delete_api_key {
position: absolute;
right: 0;
top: 0;
height: 100%;
border: 1px solid #c7d6db;
background: #eee;
border-top-right-radius: 4px;
border-bottom-right-radius: 3px;
min-width: 32px;
}
.sp_block_right.speed_image .panel-footer {
min-height: 77px;
}
.tinypng-input .input-inline button.delete_api_key:hover {
background: #ef8d8e;
border-color: #ef8d8e;
color: #fff;
}
.tinypng-input .input-inline {
position: relative;
margin-bottom: 15px;
width: 600px;
max-width: 100%;
}
.tinypng-input .input-inline input[type="text"] {
padding-right: 35px;
}
.tinypng-input .input-inline {
position: relative;
margin-bottom: 15px;
}
button.add_api_key i:before {
margin-right: 3px;
}
.tinypng-input .input-inline:last-child {
margin-bottom: 5px;
}
span.sp_configuration_label.off {
text-align: right;
right: 0;
left: auto;
color: #999;
}
input:checked + .sp_configuration_switch .sp_configuration_label.off {
opacity: 0;
}
input:not(:checked) + .sp_configuration_switch .sp_configuration_label.off{
display: block;
opacity: 1;
visibility: visible;
width: 100%;
}
input:checked + .sp_configuration_switch > span.on {
width: 100%;
background: #50b845;
opacity: 1;
visibility: visible;
}
input:checked + .sp_configuration_switch:before {
right: 3px;
}
ul.list-chonse-configuration-auto {
list-style: none;
padding: 0;
float: left;
width: 100%;
margin-bottom: 0;
}
ul.list-chonse-configuration-auto input {
position: absolute;
opacity: 0;
}
/**/
.list-chonse-configuration-auto + .button-group {
border-top: 1px solid #ddd;
padding-top: 15px;
margin: 20px -20px -5px;
display: flex;
display: -webkit-flex;
width: auto;
padding-left: 15px;
padding-right: 15px;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.list-chonse-configuration-auto li label {
font-weight: normal;
display: block;
float: left;
width: 100%;
clear: both;
padding: 7px 65px 7px 0;
text-align: left;
line-height: 20px;
position: relative;
cursor: pointer;
}
.list-chonse-configuration-auto li:not(:last-child) label {
border-bottom: 1px solid #eee;
}
.list-chonse-configuration-auto li {
margin: 5px 0;
display: block;
clear: both;
}
.form_cache_page.image_upload .range_custom {
margin-top: 10px;
}
.confirm-popup {
position: fixed;
z-index: 10000000;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.6);
display: flex;
align-items: center;
width: 100%;
visibility: hidden;
opacity: 0;
justify-content: center;
height: 100%;
vertical-align: middle;
}
.confirm-popup .popup-content {
background: #fff;
border: 1px solid #aaa;
padding: 20px 25px;
border-radius: 4px;
font-size: 13px;
width: 600px;
text-align: center;
max-width: 100%;
line-height: 1.7
}
a[name="clear_all_page_caches"] i {
display: block;
margin: 2px 2px 7px;
font-size: 16px;
}
.page-dashboard {
display: flex;
flex-wrap: wrap;
}
.popup-configuration-cache li {
list-style: none;
padding: 5px 0;
margin-bottom: 5px;
font-size: 14px;
text-align: center;
}
.popup-configuration-cache ul {
padding: 0;
}
.popup-configuration-cache li i {
margin-right: 7px;
}
.popup-configuration-cache .popup-content-header {
padding-bottom: 0;
margin-bottom: 0;
display: block;
margin-top: -10px;
}
.page-dashboard > div {
margin-bottom: 30px;
}
.ets_superspeed_toltip i {
font-size: 20px;
color: #2eacce;
padding-top: 4px;
}
li.confi_tab::before {
background-color: #78c4d8;
content: "";
position: absolute;
left: 0px;
width: 100%;
top: -1px;
height: 2px;
opacity: 0;
visibility: hidden;
}
li.confi_tab.active:before{
opacity: 1;
visibility: visible;
}
li.confi_tab.active {
color: #25b9d7;
background: #fff;
border-bottom: 1px solid #fff;
}
body .bootstrap .form-horizontal .form-wrapper {
width: 100%;
max-width: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
li.confi_tab {
cursor: pointer;
display: inline-block;
font-size: 13px;
list-style: outside none none;
padding: 18px 15px 16px;
position: relative;
height: 56px;
float: left;
border-left: 1px solid #DBEAEC;
}
table#table-data td {
line-height: 26px;
}
#content.bootstrap .panel-heading, #content.bootstrap h3:not(.modal-title) {
border-bottom: none;
margin: -20px -25px 25px;
color: #464646;
position: relative;
text-align: left;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
min-height: 40px;
background: transparent;
font-weight: normal;
line-height: 38px;
}
.form_cache_page.page_setting.group-button > .col-lg-8 {
width: 100%;
}
.sp-dashboard-cache h3, .page_cache_generation_recently_header h3,
.page_cache_generation_check_point_header h3{
margin-bottom: 5px!important;
}
p.not-data {
text-align: center;
margin-bottom: 0;
}
table.table.table_analytics th {
white-space: nowrap;
height: 37px;
}
table.table.table_analytics td {
height: 39px;
}
table.table.table_analytics td.number_data {
text-align: center;
}
table.table.table_analytics td.status,
table.table.table_analytics th:last-child {
text-align: right;
}
.module_system_analytics .results,
.page-list-caches .results,
.page-list-no-caches .results{
padding-bottom: 0;
padding-top: 25px;
display: inline-block;
}
.tr_nodata td {
background: transparent!important;
border-bottom: none!important;
}
.module_system_analytics .links > *,
.form_cache_page .links > *{
width: 26px;
height: 26px;
display: inline-block;
border: 1px solid #ddd;
text-align: center;
line-height: 26px;
color: #666;
margin-right: 5px;
}
.module_system_analytics table .date_add {
text-align: center;
}
.module_system_analytics .status {
text-align: center;
}
.module_system_analytics table .module_name {
width: 150px;
text-align: left;
}
.module_system_analytics .date_range .input-group {
margin: 1px 5px;
max-width: 100px;
margin-bottom: 0!important;
}
.module_system_analytics .date_range.row {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
}
.module_system_analytics table .module_name {
width: 110px;
text-align: left;
padding-left: 10px!important;
font-size: inherit;
}
.module_system_analytics .links > b,
.form_cache_page .links >b{
background-color: #25b9d7;
border-color: #25b9d7;
color: #fff;
}
.popup-configuration-cache .sp_close:before {
border: none;
width: auto;
background: transparent;
position: static;
height: auto;
top: auto;
left: auto;
transform: none;
}
.popup-configuration-cache .sp_close:after{
display: none;
}
.popup-configuration-cache .sp_close{
width: auto;
}
.module_system_analytics .links,
.form_cache_page .links{
display: inline-block;
float: right;
margin-top: 20px;
}
.module_system_analytics .links > a:hover,
.form_cache_page .links > a:hover{
background-color: #eee;
color: #333;
}
.table_nodata tr:last-child td{
padding-bottom: 0;
padding-top: 0;
border-bottom: none!important;
}
#content.bootstrap .popup-content-header h3:not(.modal-title) {
margin: -20px -30px 20px;
color: #464646;
font-size: 16px;
font-family: Poppins, sans-serif;
text-transform: none;
text-align: left;
border-bottom: 1px solid #ddd;
display: block;
padding: 3px 30px 10px;
height: auto;
}
.input-group-unit {
position: absolute;
}
.sp_block_left {
background-color: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
box-shadow: 0 2px 4px 0 #ddd;
color: #fff;
display: flex;
display: -webkit-flex;
left: 0;
list-style: outside none none;
margin-bottom: 20px;
margin-left: 210px;
margin-right: -10px;
padding: 0;
position: fixed;
top: 125px;
width: calc(100% - 210px);
width: -webkit-calc(100% - 210px);
z-index: 2010;
transition: all 0.35s;
-webkit-transition: all 0.35s;
}
body #header_infos {
z-index: 5030;
}
.form_cache_page.dynamic_contents.group-button.button_border_bottom > .col-lg-8 {
width: 100%;
padding: 0;
}
@media (max-width: 1600px){
ul#list_added_images > li.upload .after > a, ul#list_added_browse_images > li.upload .after > a {
font-size: 0;
}
ul#list_added_images > li.upload .after > a i, ul#list_added_browse_images > li.upload .after > a i {
font-size: 14px;
}
}
.page-sidebar-closed .sp_block_left {
width: calc(100% - 50px);
width: -webkit-calc(100% - 50px);
margin-left: 50px;
}
.sp_block_left .sp_tabs > li:before {
border-bottom: 3px solid #25b9d7;
}
.sp_block_left li:before {
content: "";
position: absolute;
width: 0;
top: 0;
bottom: 0;
background-color: #f3fffd;
}
.ets_superspeed_toltip .toltip {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 5px;
top: 50%;
color: #fff;
left: 100%;
margin-left: 15px;
margin-bottom: 5px;
opacity: 0;
padding: 0 7px;
position: absolute;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateY(-50%);
visibility: hidden;
white-space: nowrap;
transition: all 0.3s;
-webkit-transition: all 0.3s;
text-transform: none;
}
.ets_superspeed_toltip i:before {
font-size: 22px;
margin-top: -2px;
display: block;
}
.list-hooks li.hook-item {
list-style: none;
}
ul.list_moudule {
padding: 0;
list-style: none;
width: 100%;
margin-top: 20px;
display: table;
border: 1px solid #ddd;
}
.list_moudule > li > div:not(:last-child) {
border-right: 1px solid #ddd;
}
.list_moudule > li {
border: 1px solid #ddd;
padding: 0;
display: table-row;
width: 100%;
}
.list_moudule > li > div {
display: table-cell;
vertical-align: middle;
padding: 10px;
text-align: center;
}
.list_moudule > li:not(:last-child) > div {
border-bottom: 1px solid #ddd;
}
table#table-data td.status + td {
max-width: 50px;
text-align: center;
}
#table-data th:last-child {
text-align: center;
}
.list_moudule .list-hooks label {
font-weight: normal;
position: relative;
margin-bottom: 0;
min-width: 20px;
height: 20px;
cursor: pointer;
}
.list_moudule .list_module_header div {
padding: 10px;
}
.list_module_info > span {
clear: both;
display: block;
margin: 0;
}
ul.list_moudule {
padding: 0;
list-style: none;
width: 100%;
margin-top: 20px;
}
ul.list-hooks {
padding: 0;
margin-top: -10px;
margin-bottom: -10px!important;
}
.ets_solo_switch {
background-color: #ecedef;
border: 1px solid #ccc;
border-radius: 50px;
text-align: center;
font-size: 12px;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2) inset;
line-height: 18px;
color: #999;
cursor: pointer;
pointer-events: none;
position: relative;
float: right;
width: 50px;
height: 20px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
font-family: arial, sans-serif;
margin-top: 6px;
margin-bottom: 0;
letter-spacing: 0.3px;
margin-right: 0;
}
input:checked + .ets_solo_switch.active{
color: #fff;
box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) inset;
border-color: #50b845;
}
.ets_solo_switch:before {
content: "";
position: absolute;
border: 1px solid #aaa;
width: 14px;
height: 14px;
border-radius: 50%;
transition: all 0.5s;
top: 2px;
z-index: 1;
background-color: #f3f3f3;
background-image: radial-gradient(#f9f9f9, #f9f9f9, #efefef, #f0f0f0);
background-image: -webkit-radial-gradient(#f9f9f9, #f9f9f9, #efefef, #f0f0f0);
box-shadow: 0 0 2px 3px #fff inset;
-webkit-box-shadow: 0 0 2px 3px #fff inset;
right: 31px;
}
input:checked + .ets_solo_switch::before {
right: 3px;
}
span.ets_solo_slider_label {
text-align: left;
padding: 0 9px;
position: absolute;
opacity: 0;
left: 0;
font-size: 11px;
color: #fff;
transition: all 0.5s;
visibility: hidden;
border-radius: 50px;
overflow: hidden;
width: 20px;
}
input:not(:checked) + .ets_solo_switch span.ets_solo_slider_label.off {
text-align: right;
right: 0;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
color: #999;
}
.ets_solo_slider_label.on {
background-color: #25b9d7;
}
input:checked + .ets_solo_switch .ets_solo_slider_label.on{
width: 100%;
opacity: 1;
visibility: visible;
}
span.ets_solo_slider_label.off{
text-align: right;
right: 0;
left: auto;
color: #999;
}
.list_moudule > li > div.module-logo {
width: 400px;
text-align: left;
padding-left: 30px;
max-width: 40%;
}
.list_module_info {
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: calc(100% - 60px);
}
.module-logo img {
display: inline-block;
width: 45px;
margin-right: 10px;
}
.btn.btn-default.loading i:before,
a.delete_data_cache.loading i:before,
.register-option.unregister.loading:before{
opacity: 0;
}
.module_system_analytics tbody.loading:after{
content: "";
display: flex!important;
display: -webkit-flex;
font-family: FontAwesome, sans-serif;
font-size: 36px;
position: absolute;
-webkit-animation: loading 0.8s infinite linear;
animation: loading 0.8s infinite linear;
left: 50%;
top: 50%;
z-index: 10;
margin-left: -20px;
margin-right: -20px;
width: 40px;
height: 40px;
border-top: 3px solid #00aff0;
border-bottom: 3px solid #00aff0;
border-radius: 50%;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
}
a.btn.btn-default.loading:after {
content: "";
display: flex!important;
display: -webkit-flex;
position: absolute;
-webkit-animation: loading 0.5s infinite linear;
animation: loading 0.5s infinite linear;
left: 50%;
top: 50%;
z-index: 10;
margin-left: -10px;
margin-top: -10px;
width: 20px;
height: 20px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-radius: 50%;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.form-group.form_cache_page.image_upload .alert.alert-info {
margin: 0 auto;
max-width: 100%;
}
.image_upload_form p.help-block {
font-size: 14px;
color: #999;
margin-bottom: 0;
}
.form-group.form_cache_page.image_upload.optimize {
text-align: center;
}
.popup-content-header.popup_run h3 {
margin-top: 0!important;
margin-left: -20px!important;
margin-right: -20px!important;
padding-top: 10px!important;
}
ul#list_added_images,
ul#list_added_browse_images {
list-style: none;
padding: 0;
margin: 0 auto;
width: 1000px;
max-width: 100%;
text-align: center;
display: table;
border-spacing: 0 15px;
}
ul#list_added_images > li.upload .after{
width: 180px;
}
ul#list_added_browse_images > li.upload .after {
width: calc((100% - 500px) / 2);
}
ul#list_added_images > li.upload, ul#list_added_browse_images > li.upload {
justify-content: center;
-webkit-justify-content: center;
border: 1px solid #ddd;
border-radius: 4px;
padding: 20px 10px;
margin-bottom: 10px;
display: table-row;
}
ul#list_added_browse_images > li.upload .progress,
ul#list_added_images > li.upload .progress{
margin-bottom: 0;
position: relative;
display: table-cell;
box-shadow: none;
background: transparent;
border-radius: 0;
vertical-align: middle;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.progress .progress_bar {
position: relative;
border-radius: 50px;
background-color: #eee;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
overflow: hidden;
}
ul#list_added_images > li.upload .progress .bar,ul#list_added_browse_images > li.upload .progress .bar {
position: absolute;
left: 0;
height: 100%;
border-radius: 0;
top: 0;
font-size: 0;
transition: all 1s;
-webkit-transition: all 1s;
background-color: #25b9d7;
}
.page_cache_generation_check_point_body table.table.table_analytics tr:last-child td {
background: transparent;
border-bottom: none;
padding-top: 20px;
padding-bottom: 0;
}
.page_cache_generation_check_point table.table.table_analytics {
margin-bottom: 0;
}
ul#list_added_browse_images > li.upload .progress .bar{
background-color: #eee;
}
ul#list_added_images > li.upload .progress.success .bar,
ul#list_added_browse_images > li.upload .progress.success .bar {
background-color: #3ee283;
transition: none;
-webkit-transition: none;
}
.image_upload_form {
width: 600px;
margin: 20px auto;
border: 1px dashed #999;
padding: 20px;
border-radius: 3px;
text-align: center;
font-size: 16px;
position: relative;
color: #999;
}
.sp_cancel_upload_image{
cursor: pointer;
}
.sp_cancel_upload_image:hover{
color: #25B9DC;
}
.sp_cancel_upload_image:before{
content: "\f00d";
font-family: Fontawesome, sans-serif;
display: inline-block;
margin-right: 5px;
}
a.sp_delete_image_upload, .sp_delete_browse_image {
position: absolute;
left: 100%;
height: 22px;
font-size: 0;
width: 22px;
margin-left: 20px;
transform: rotate(45deg);
border-radius: 50%;
background: #ccc;
-webkit-transform: rotate(45deg);
}
a.sp_delete_image_upload:before, .sp_delete_browse_image:before {
content: "";
width: 12px;
left: 50%;
position: absolute;
background-color: #fff;
top: 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
height: 2px;
}
.fa, .fa:before {
font-family: Fontawesome, sans-serif!important;
}
.block-browse-image-left > ul.list-browse-images li.file:hover {
background-color: #f6f6f6;
}
table.table.table_analytics.extra_checks td {
height: 50px;
}
a.sp_delete_image_upload:hover, .sp_delete_browse_image:hover {
background: #f30909;
}
.progress.success .image_dir {
position: relative;
z-index: 1;
font-size: 10px;
padding-top: 3px;
}
a.sp_delete_image_upload:after, .sp_delete_browse_image:after {
content: "";
height: 12px;
left: 50%;
position: absolute;
background-color: #fff;
top: 50%;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
width: 2px;
}
button.btn.btn-default.sp_cleaner_image.loading {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.folder-hide.folder span.open-close-folder:before {
content: "\f07b";
font-family: Fontawesome, sans-serif;
color: orange;
margin-right: 4px;
font-size: 120%;
width: 15px;
display: inline-block;
}
.list-browse-images > li input {
display: inline-block;
float: right;
}
.form-group.form_cache_page.image_upload.image_browse.optimize {
margin-bottom: 35px;
}
.list-browse-images ul.list-browse-images li.file {
padding: 3px 0;
}
.list-browse-images ul.list-browse-images {
list-style: none;
padding-left: 20px;
margin-top: 2px;
}
.folder:not(.folder-hide) > span.open-close-folder:before {
content: "\f07c";
font-family: Fontawesome, sans-serif;
color: orange;
margin-right: 4px;
font-size: 120%;
width: 15px;
display: inline-block;
}
.form-group.form_cache_page.image_cleaner.optimize label {
font-weight: normal;
}
li.not-data {
padding-left: 26px;
color: #999;
padding-top: 2px;
padding-bottom: 2px;
font-style: italic;
}
.list-browse-images li.folder > .open-close-folder:after {
content: "";
border-left: 7px solid #999;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
display: inline-block;
margin-right: 5px;
vertical-align: 2px;
width: 10px;
top: 2px;
position: absolute;
right: 100%;
}
.list-browse-images li.folder:not(.folder-hide) > .open-close-folder:after {
border-top: 7px solid #999;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
width: 10px;
vertical-align: -3px;
display: inline-block;
margin-top: 2px;
margin-right: 5px;
}
.block-browse-image-left > ul.list-browse-images li.file {
padding-left: 0;
}
.block-browse-image-left > ul.list-browse-images li.all {
padding-left: 0;
margin: 3px 0;
font-weight: 600;
}
.block-browse-image-left > ul.list-browse-images {
list-style: none;
border: 1px solid #ddd;
padding: 15px 15px 15px 30px;
position: relative;
max-height: 180vh;
overflow: auto;
}
.block-browse-image-right > ul#list_added_browse_images {
max-height: 182vh;
overflow: visible;
display: table;
position: relative;
padding-right: 50px;
border-collapse: separate;
border-spacing: 0 15px;
}
#list_added_images a.download_file,#list_added_browse_images a.download_file {
color: #666;
}
button.btn.btn-default.sp_cleaner_image.loading i:after {
border-width: 1px;
width: 14px;
height: 14px;
}
ul#list_added_images > li.upload .after,
ul#list_added_browse_images > li.upload .after {
text-align: right;
position: relative;
display: table-cell;
width: 225px;
padding: 5px 5px 5px 0;
vertical-align: middle;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
ul#list_added_browse_images > li.upload .after > a {
margin-left: 10px;
display: inline-block;
}
ul#list_added_browse_images > li.upload .before,
ul#list_added_images > li.upload .before {
text-align: left;
position: relative;
display: table-cell;
width: 260px;
align-items: center;
padding: 5px 15px 5px 10px;
vertical-align: middle;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
height: 52px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.image_upload_form input#ets_sp_multiple_imamges {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.popup-optimize_image_upload.show {
display: block!important;
align-items: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
}
.popup_table{
display: table;
width: 90%;
max-width: 800px;
height: 100%;
margin: 0 auto;
}
.popup_tablecell{
display: table-cell;
vertical-align: middle;
}
.table_nodata tbody tr:last-child td {
border-bottom: none!important;
background: transparent!important;
}
.table_nodata td .not-data {
padding-top: 30px;
}
#list_added_images .progress,#list_added_browse_images .progress {
border-radius: 50px;
background-color: #eee;
}
#list_added_images .progress.success .progress_bar,
#list_added_browse_images .progress.success .progress_bar{
background: #3ee283;
}
#list_added_images .progress.compressing,#list_added_browse_images .progress.compressing {
animation: progress 1.5s linear 0s infinite;
-webkit-animation: progress 1.5s linear 0s infinite;
background-image: -webkit-linear-gradient(45deg, transparent, transparent 34%, rgba(37, 185, 215, 0.2) 39%, rgba(37, 185, 215, 0.2) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(37, 185, 215, .2)), -webkit-linear-gradient(left, #fff, #fff);
background-size: 27px 18px, 100% 100%, 100% 100%;
}
.bootstrap .progress .status, .progress .status {
position: relative;
font-size: 11px;
padding-top: 2px;
}
ul#list_added_images > li.upload .before .size,ul#list_added_browse_images > li.upload .before .size {
float: right;
font-weight: 600;
position: absolute;
right: 8px;
}
ul#list_added_images > li.upload .after .size,ul#list_added_browse_images > li.upload .after .size {
font-weight: 600;
color: #25b9d7;
margin-left: 10px;
float: left;
min-width: 50px;
text-align: left;
}
.popup-optimize_image_upload .popup-content-footer {
padding-top: 15px;
border-top: 1px solid #ddd;
margin: 40px -20px -30px;
padding-left: 25px;
padding-right: 25px;
}
.image_upload.optimize .image_upload_otpimize_quality {
display: inline-block;
color: #25b9d7;
font-size: 16px;
margin: 0 auto;
cursor: pointer;
}
.btn.btn-default.loading:hover i:after,
a.delete_data_cache.loading:hover i:before{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.register-option.loading:hover:after{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
@-moz-keyframes progress{
from{background-position:0}
to{background-position:4.8rem}
}
@-webkit-keyframes progress{
from{background-position:0}
to{background-position:4.8rem}
}
@-o-keyframes progress{
from{background-position:0}
to{background-position:4.8rem}
}
@keyframes progress{
from{background-position:0}
to{background-position:4.8rem}
}
.register-option.loading:after,
.btn.btn-default.loading:after{
content: "";
position: absolute;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
width: 14px;
height: 14px;
border-radius: 50%;
left: 50%;
margin-left: -7px;
margin-top: -7px;
top: 50%;
animation: loading 0.5s infinite linear;
-webkit-animation: loading 0.5s infinite linear;
}
.register-option.loading:before,
.btn.btn-default.loading:before{
opacity: 0;
}
a.delete_data_cache.loading:hover i:after{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
button[name="clear_all_page_caches"] i {
display: block;
font-size: 18px;
margin-top: 4px;
margin-bottom: 6px;
}
canvas#speed-canvas-preview {
max-width: 100%;
}
button.btn.btn-default.optimize_all_images i {
display: inline-block;
font-size: 14px;
height: auto;
line-height: 20px;
}
.update_tocken_sp:before {
content: "";
border-top: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
width: 16px;
height: 16px;
position: absolute;
border-radius: 50%;
top: 7px;
left: 50%;
margin-left: -8px;
opacity: 0;
animation: loading 0.5s infinite linear;
-webkit-animation: loading 0.5s infinite linear;
}
.update_tocken_sp.loading:before{
opacity: 1;
}
.update_tocken_sp.loading,
a.delete_data_cache.loading{
color: transparent!important;
}
.lang-it ul#list_added_browse_images > li.upload .after {
width: 249px;
}
.btn.btn-default.loading:after, a.delete_data_cache.loading:after {
content: "";
position: absolute;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
width: 18px;
height: 18px;
border-radius: 50%;
left: 50%;
margin-left: -9px;
top: 50%;
margin-top: -9px;
animation: loading 0.5s infinite linear;
-webkit-animation: loading 0.5s infinite linear;
}
.btn.btn-default.loading i,
a.delete_data_cache.loading i{
opacity: 0;
}
.sp_block_right .module_error.alert.alert-danger {
margin-bottom: 0;
margin-top: 15px;
}
.btn.btn-default.loading,
a.delete_data_cache.loading{
color: transparent!important;
}
.bootstrap a.btn.btn-default.custom_cronjob.loading,
a.delete_data_cache.loading{
background-color: #25b9d7!important;
border-color: #1e94ab!important;
color: transparent!important;
}
@keyframes loading {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes loading {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
select#ETS_SPEED_OPTIMIZE_SCRIPT {
width: 600px!important;
max-width: 100%;
}
.page_cache_generation_recently table {
text-align: left;
}
.list-browse-images .open-close-folder {
cursor: pointer;
position: relative;
}
ul.list_optimized_images{
position: relative;
}
.list_optimized_images>li:not(:first-child){
position: absolute;
top: 0;
width: 100%;
left: 0;
text-align: center;
opacity: 0;
}
.list_optimized_images>li{
opacity:0;
}
.list_optimized_images>li:last-child{
opacity: 1!important;
}
@keyframes fadeload {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeload {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
span.module-logo img {
width: 30px;
}
.btn.btn-default{
position: relative;
}
a.btn.btn-default.custom_cronjob i:after {
border-width: 1px;
width: 14px;
height: 14px;
margin-left: -10px;
margin-top: -7px;
}
span.cronjob-command-label {
margin-right: 7px;
min-width: 152px;
display: inline-block;
}
.sp_sussec.congratulations_image_success {
padding-left: 56px;
position: relative;
margin-left: 0!important;
margin-right: 0!important;
overflow: hidden;
}
.sp_sussec.congratulations_image_success:before {
position: absolute;
left: 15px;
top: 50%;
margin-top: -10px;
}
.sp_sussec.congratulations_image_success:after{
width: 45px;
display: block!important;
}
.popup-configuration-cache.success .sp_sussec,
.sp_sussec{
display: block;
color: #333;
padding: 10px 10px 10px 50px;
border: 2px solid #7bbd8b;
font-size: 13px;
margin-bottom: 20px;
text-align: left;
position: relative;
}
.page-dashboard h3 .fa-question-circle-o,
.page-dashboard h3 .question-mark-wrapper i {
color: #fec13f;
cursor: pointer;
}
.adminsuperspeedhelps .sp_block_right {
line-height: 1.7;
font-size: 13px;
}
.adminsuperspeedhelps .sp_block_right li {
margin-bottom: 15px;
}
span.bg_greylight {
padding: 4px 15px;
margin-top: 10px;
display: inline-block;
margin-bottom: 5px;
background: #ffe9f0!important;
border: 1px dotted #fa5f93!important;
color: #fa5f93 !important;
font-weight: normal;
}
a.btn.btn-default.custom_cronjob {
font-size: 14px;
margin-top: 10px;
padding: 8px 15px;
}
.adminsuperspeedhelps #content.bootstrap .panel {
padding-left: 25px;
padding-right: 25px;
}
.adminsuperspeedhelps #content.bootstrap .panel .panel-heading {
margin-bottom: 10px;
}
.page_cache_generation_check_point_header button.btn.btn-default {
position: absolute;
right: 0;
top: 10px;
}
.page_cache_generation_check_point_header {
position: relative;
}
.page-dashboard h3 .fa-question-circle-o + .question-mark,
.sp-dashboard-generation_check_point .page_cache_generation_check_point_header .question-mark{
position: absolute;
min-width: 200px;
background: #000;
line-height: 1.4;
vertical-align: middle;
color: #fff;
left: 100%;
font-size: 12px;
padding: 7px 10px;
z-index: 10;
margin-left: 15px;
border-radius: 3px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.35s;
-webkit-transition: all 0.35s;
}
.page-dashboard h3 .fa-question-circle-o + .question-mark:before,
.page_cache_generation_check_point_header h3 i + .question-mark:before {
position: absolute;
content: "";
border-right: 6px solid #000;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: 100%;
margin-top: -4px;
top: 50%;
}
.page-dashboard h3 .fa-question-circle-o:hover + .question-mark,
.page_cache_generation_check_point_header h3 i:hover + .question-mark{
opacity: 1;
visibility: visible;
margin-left: 7px;
}
.page-dashboard h3 .fa-question-circle-o:before,
.page_cache_generation_check_point_header h3 i:hover{
font-size: inherit;
}
.popup_continue button.btn.btn-default {
margin-top: 15px;
display: inline-block;
}
.popup_continue button.btn.btn-default.optimize_continue {
margin-left: 0;
}
.sp-dashboard-generation_check_point {
height: 100%;
}
.popup_continue {
margin-top: 10px;
}
.popup_run .button-group {
margin-top: 20px;
}
.popup_error {
text-align: left;
color: #666;
}
.popup_continue {
margin-top: 15px;
border-top: 1px solid #eee;
padding-top: 15px;
}
.popup-configuration-cache.success .sp_sussec:before,
.sp_sussec:before{
content: "";
width: 8px;
height: 14px;
border-right: 2px solid #7bbd8b;
border-bottom: 2px solid #7bbd8b;
display: inline-block;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-right: 24px;
z-index: 1;
top: 50%;
left: 10px;
margin-left: 7px;
margin-top: -10px;
}
.popup_error .popup_continue {
margin-top: 15px;
border-top: 1px solid #eee;
padding-top: 15px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
}
.popup-configuration-cache.success .sp_sussec:after,
.sp_sussec:after{
background-color: #dbf2dd;
display: inline-block;
position: absolute;
left: 0;
height: 100%;
width: 40px;
content: "";
top: 0;
}
.popup_error .popup_continue .optimize_continue:before {
content: "\f04b";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
}
.popup_error .popup_continue .optimize_stop:hover:before {
color: #fff;
}
.popup-configuration-cache .sp_sussec {
display: none;
}
.popup-configuration-cache.success .alert.alert-info {
display: none;
}
.ets_superspeed_toltip:hover .toltip {
opacity: 1;
visibility: visible;
margin-left: 7px;
}
span.ets_superspeed_toltip {
position: absolute;
left: 100%;
margin-left: 15px;
}
.ets_superspeed_toltip .toltip::before {
border-bottom: 5px solid transparent;
border-right: 5px solid rgba(0, 0, 0, 0.8);
border-top: 5px solid transparent;
content: "";
right: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.ets_superspeed_toltip .toltip:before{
opacity: 1;
visibility: visible;
}
ul.tab_config_page_cache {
float: right;
top: 0;
right: 0;
position: absolute;
margin-bottom: -1px;
}
.image-dashboad-image-optimize > div.line_vertical {
padding: 0;
width: 1px;
background-color: #eee;
}
div#sp-image-canvas-holder {
margin-top: 50px;
position: relative;
width: 100%;
}
.image-dashboad-image-optimize > div:not(.line_vertical) {
min-width: 36%;
}
span.percent-image-in-chart {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
margin-top: -21px;
font-size: 30px;
color: #12addd;
font-weight: 600;
left: 0;
display: none;
}
.chartjs-size-monitor + span.percent-image-in-chart {
display: block;
}
.sp_block_right .panel-heading {
padding: 10px 20px !important;
height: auto!important;
margin-left: -20px!important;
margin-right: -20px!important;
min-height: 42px;
}
.ets_superspeed_toltip .toltip {
color: #fff;
}
#content.bootstrap #dash_version, #content.bootstrap .message-item-initial .message-item-initial-body, #content.bootstrap .panel, #content.bootstrap .timeline .timeline-item .timeline-caption .timeline-panel {
position: relative;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 5px;
}
.page-list-caches .ets_sp-panel,.page-list-log-clear-history .ets_sp-panel,.page-list-no-caches .ets_sp-panel{
border-top: none!important;
box-shadow: none!important;
}
.sp_block_left .sp_tabs {
margin: 0;
padding: 0;
white-space: nowrap;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.sp_block_right {
margin-top: 15px;
}
.alert-blue {
color: #67c161!important;
}
.sp_block_left li.active:before {
width: 100%;
transition: all 0.35s;
-webkit-transition: all 0.35s;
}
.sp_block_left li a i {
vertical-align: middle;
margin-right: 6px;
height: 16px;
line-height: 16px;
}
.sp_block_left li a {
color: #6b6b6b!important;
padding: 15px 10px;
display: block;
position: relative;
font-size: 13px;
vertical-align: middle;
text-decoration: none!important;
line-height: 1.5;
}
.sp_block_left li a img {
margin-right: 5px;
height: 25px;
}
span.toogle-hide-seting-dynamic {
float: right;
line-height: 2;
color: #999;
}
span.author-module,
span.module-version {
color: #999;
font-style: italic;
}
span.toogle-hide-seting-dynamic:before {
content: "\f013";
font-family: Fontawesome, sans-serif;
margin-right: 4px;
}
.list_module_hook_text li.hook-item,
.list_module_hook li.hook-item {
height: 40px;
display: block;
border-bottom: 1px solid #f3f3f3;
line-height: 40px;
margin-left: -10px;
margin-right: -10px;
padding: 0 10px;
}
.list_module_hook_text li.hook-item:last-child,
.list_module_hook li.hook-item:last-child{
border-bottom: none;
}
.list_moudule > li > div.list_module_hook {
text-align: center;
}
li.list_module_header {
font-weight: 600;
font-size: 13px;
}
body .sp_block_left,
body .sp_block_right,
#content.bootstrap #dash_version .panel-heading,
#content.bootstrap .message-item-initial .message-item-initial-body .panel-heading,
#content.bootstrap .panel .panel-heading,
#content.bootstrap .timeline .timeline-item .timeline-caption .timeline-panel .panel-heading {
font-family: Poppins, sans-serif;
}
.bg_white, .speed-meter, .sp-dashboard-cache, .sp-dashboard-image,
.page_cache_generation_check_point,
.sp-dashboard-generation_recently {
background: #fff;
padding: 20px 25px;
border-radius: 5px;
margin-bottom: 0;
display: block;
height: 100%;
border: 1px solid #ddd;
}
.popup-configuration-cache li.checked i {
color: #549650;
}
span.image-optimizing {
color: #ef8d8e;
font-style: italic;
}
span.optimize-image-text {
margin-right: 5px;
}
li.optimize-image > div {
/*display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;*/
}
span.number-image-optimized {
margin-left: 5px;
color: #ef8d8e;
}
button.update_tocken_sp {
margin-top: 20px;
border: 1px solid #ddd;
background-color: transparent;
margin-left: 0;
height: 31px;
padding: 0 15px;
outline: none!important;
border-radius: 3px;
position: relative;
}
label[for="ETS_SPEED_SUPER_TOCKEN"] {
white-space: nowrap;
display: flex;
justify-content: left;
align-items: center;
margin-top: 20px;
float: left;
}
.update_tocken_sp.loading:hover::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
input[name="ETS_SPEED_SUPER_TOCKEN"] {
max-width: 200px;
font-weight: normal;
display: inline-block;
margin-top: 0;
float: left;
margin-left: 15px;
border-radius: 0!important;
margin-right: 10px;
border: 1px solid #ddd!important;
}
button.update_tocken_sp:hover {
color: #fff;
background-color: #00aff0;
border-color: #008abd;
-webkit-box-shadow: none;
box-shadow: none;
}
.page-dashboard > div {
padding: 0 15px!important;
}
.sp_block_left li {
display: inline-block;
position: relative;
}
a.delete_data_cache.loading i:after {
width: 14px;
height: 14px;
border-width: 1px;
margin-left: -7px;
margin-top: -7px;
}
span.status-good {
background: #00b100;
color: #fff;
padding: 2px 5px;
border-radius: 3px;
}
span.status-medium {
background: #fec13f;
color: #fff;
padding: 2px 5px;
border-radius: 3px;
}
span.status-many {
background: #fb2f00;
color: #fff;
padding: 2px 5px;
border-radius: 3px;
}
li.optimize_existing_images.optimize-image.disabled {
display: none;
}
.popup-configuration-cache li.disabled i {
color: #fb2f00;
}
table#table-data tr td:nth-child(4) {
text-align: center;
}
span.time_zone {
float: right;
position: absolute;
top: 18px;
right: 45px;
color: #999;
}
.delete_all_data_cache i.icon-trash {
display: block;
font-size: 20px;
margin: 3px 0 7px;
}
.confirm-popup-optimize_all_images .popup-title,
.popup_optimizeing .popup-title{
border-bottom: 1px solid #ddd;
margin-left: -25px;
margin-right: -25px;
text-align: left;
padding: 5px 35px;
margin-bottom: 30px;
position: relative;
}
.popup-configuration-cache .popup-title.popup_error{
border-bottom: 1px solid #ddd;
margin-left: -20px;
margin-right: -20px;
text-align: left;
padding: 5px 35px;
margin-bottom: 30px;
position: relative;
}
.confirm-popup-optimize_all_images .popup-title h3,
.popup-title.popup_error h3,
.popup_optimizeing .popup-title h3{
margin-bottom: 0!important;
}
.popup-title.popup_error h3 {
margin-bottom: 6px!important;
margin-top: -5px!important;
font-size: 16px;
}
.popup_error {
display: block;
margin-bottom: 0;
font-size: 14px;
}
.confirm-popup-optimize_all_images .popup-title span.confirm-popup-no{
position: absolute;
right: 20px;
top: -5px;
width: 20px;
height: 20px;
cursor: pointer;
font-size: 0;
}
.popup_optimizeing .popup-title .optimize_stop,
.popup-title .optimize_stop{
position: absolute;
right: 20px;
top: -8px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 20px;
height: 20px;
cursor: pointer;
font-size: 0;
}
.popup-title .optimize_stop{
top: 5px;
}
a.delete_data_cache.loading:hover i:after{
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
button.btn.btn-default.loading[name="clear_all_page_caches_dashboard"] i:after {
width: 14px;
height: 14px;
border-width: 1px;
margin-top: -7px;
}
button.btn.btn-default.loading[name="btnSubmitDisabledPageCacheDashboard"] i:after {
width: 14px;
height: 14px;
border-width: 1px;
left: 14px;
top: 10px;
}
.popup_error ul {
background: #fff3d7;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #d2a63c;
margin-bottom: 12px;
margin-top: 12px;
}
a.btn.btn-default.link_page_caches {
display: inline-block;
margin: 10px auto;
}
.page_cache_generation_recently {
text-align: center;
}
.page_cache_generation_recently .click_site {
text-align: center;
}
.page-list-caches td.click_site,.page-list-no-caches td.click_site {
text-align: center;
}
.page-list-caches td.date_cache,.page-list-no-caches td.date_cache {
text-align: right;
}
.page-list-caches td.size_mb,.page-list-no-caches td.size_mb {
text-align: center;
}
.sp_hide{
display:none!important;
}
.list-sp-dashboard-check-cache li {
display: flex;
width: 100%;
justify-content: space-between;
border-bottom: 1px solid #eee;
padding: 7px 0;
line-height: 24px;
}
.list-sp-dashboard-check-cache .block-right .check-no {
background: #ef8d8e;
padding: 4px;
color: #fff;
display: inline-block;
min-width: 45px;
line-height: 1;
border-radius: 3px;
text-align: center;
border: 1px solid #cc7879;
}
.list-sp-dashboard-check-cache .block-left:before {
display: inline-block;
content: "";
width: 8px;
background: #ef8d8e;
height: 8px;
border-radius: 50%;
margin-right: 6px;
border: 1px solid #cc7879;
}
.list-sp-dashboard-check-cache .block-right .check-yes {
background: #67c161;
padding: 4px;
color: #fff;
display: inline-block;
min-width: 45px;
line-height: 1;
border-radius: 3px;
text-align: center;
border: 1px solid #549650;
}
.current-speed {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
margin-bottom: 10px;
font-size: 16px;
}
ul.list-speed-meter {
display: flex;
list-style: none;
justify-content: center;
padding: 0;
flex-wrap: wrap;
width: 400px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}
ul.list-speed-meter li span.time {
float: right;
min-width: 110px;
}
span.total_unoptimized_images {
color: #ef8d8e;
display: block;
font-size: 90%;
line-height: 1;
float: left;
clear: both;
margin-left: 15px;
}
.total_unoptimized_image {
color: #ef8d8e;
padding-left: 5px;
font-size: 90%;
font-style: italic;
}
ul.list-speed-meter li {
margin: 0 5px;
padding: 12px 0 12px 10px;
width: 100%;
position: relative;
}
.sp-dashboard-cache .button-group,
.sp-dashboard-image .button-group {
display: flex;
justify-content: center;
margin: 20px 0 10px;
position: absolute;
bottom: 10px;
width: 100%;
padding: 0 15px;
left: 0;
}
.form-group.form_cache_page.livescript .col-lg-9 {
width: 100%;
}
.form-group.form_cache_page.livescript label.control-label.col-lg-3 {
width: auto;
display: none;
}
.total_image_optimized {
font-size: 90%;
font-style: italic;
color: #67c161;
float: left;
}
span.total_cache {
font-size: 90%;
font-style: italic;
color: #67c161;
}
.list-sp-dashboard-check-cache + .button-group {
position: static;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
padding: 0;
}
.confirm-popup-configuration-cache .button-group button,
.confirm-popup-optimize_all_images .button-group button,
.confirm-popup-configuration-disabled-cache .button-group button,
.popup_continue .optimize_continue {
min-width: 80px;
margin: 0 5px;
background: #25b9d7;
color: #ffffff!important;
border-color: #25b9d7;
}
.confirm-popup-configuration-cache .button-group button.confirm-popup-configuration-cache-yes {
color: #fff;
}
.popup_error .close{
display:none;
}
.confirm-popup-configuration-disabled-cache .button-group{
text-align: center;
width: 100%;
margin-top: 20px;
display: flex;
justify-content: center;
}
button[name="btnSubmitDisabledPageCacheDashboard"] {
background: transparent;
border: 1px solid #ddd;
border-radius: 4px;
}
button[name="btnSubmitDisabledPageCacheDashboard"]:hover{
background: #00aff0;
border-color: #00aff0;
color: #fff;
}
ul.list-speed-meter li:not(:last-child):after {
content: "";
left: 20px;
right: 0;
height: 1px;
background: #ddd;
position: absolute;
bottom: 0;
}
table#table-data td {
line-height: 26px;
padding: 5px 10px;
height: 55px;
}
span.total_image_optimized {
margin-left: 15px;
}
.list-chonse-configuration-auto .total_image_optimized,
.list-chonse-configuration-auto span.total_unoptimized_images{
margin-left: 0;
}
#table-data td a {
margin: 2px 5px;
color: #666;
white-space: nowrap;
min-width: 100px;
border-radius: 3px;
border: 1px solid #ddd;
position: relative;
padding: 2px 10px;
display: inline-block;
text-decoration: none!important;
outline: none!important;
}
.resmush{
color: #999;
font-size: 87%;
margin-top: 10px;
}
.popup_optimizeing .popup-title .optimize_stop:after,
.popup-title .optimize_stop:after{
content: "";
width: 20px;
position: absolute;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
height: 2px;
background: #999;
left: 50%;
top: 50%;
}
.adminsuperspeedstatistics .panel-footer {
background: transparent;
border: none;
padding: 0;
}
.pg_menu_group_item_action span.pg_menu_button_addblock {
width: calc(100% - 146px);
color: #555;
}
.confirm-popup-configuration-disabled-cache .confirm-popup-no:before,
.confirm-popup-configuration-disabled-cache .confirm-popup-no:after{
display: none!important;
}
.popup_optimizeing .popup-title .optimize_stop:before,
.popup-title .optimize_stop:before{
content: "";
height: 20px;
display: inline-block;
width: 2px;
top: 50%;
left: 50%;
position: absolute;
float: left;
background: #999;
transform: translate3d(-50%,-50%,0);
-webkit-transform: translate3d(-50%,-50%,0);
}
.confirm-popup-no:hover:before,
.confirm-popup-no:hover:after,
.popup_optimizeing .popup-title .optimize_stop:hover:after,
.popup_optimizeing .popup-title .optimize_stop:hover:before{
background-color: #333;
}
.page_cache_generation_check_point_header button.btn.btn-default i:after {
width: 14px;
height: 14px;
border-width: 1px;
left: 15px;
top: 8px;
}
#table-data td a:hover{
background-color: #2eacce;
border-color: #2eacce;
color: #fff;
}
table#table-data td:last-child {
text-align: center;
}
td.status span.not-good {
background: #ef8d8d;
color: #fff;
padding: 0 7px;
border-radius: 3px;
border: 1px solid #d27a7a;
min-width: 68px;
display: inline-block;
text-align: center;
}
td.status span.good {
background: #67c160;
color: #fff;
padding: 0 7px;
border-radius: 3px;
border: 1px solid #53964e;
min-width: 68px;
display: inline-block;
text-align: center;
}
.hide,
.bootstrap .show.hide,
body .bootstrap .hide{
display: none!important;
}
#table-data th:nth-child(4),
#table-data .status,
#table-data th:nth-child(3),
#table-data td:nth-child(3) {
text-align: center;
}
i.icon.icon-clean:before {
content: "\f12d";
}
#table-data td a i {
margin-right: 4px;
position: relative;
}
.bootstrap .btn-default.active, .bootstrap .btn-default:active,
.bootstrap .btn-default:focus, .bootstrap .btn-default:hover{
color: #363a41;
background-color: #fff;
border-color: #dedede;
}
.bootstrap a:focus, .bootstrap a:hover, .bootstrap a:active {
outline: medium none !important;
text-decoration: none;
}
.sp-dashboard-cache {
padding-bottom: 0;
}
.current-speed div#speed-preview-textfield {
font-weight: 600;
margin-left: 5px;
color: #0dc10d;
}
.current-speed div#speed-preview-textfield.color1{
color: #00b100;
}
.current-speed div#speed-preview-textfield.color2{
color: #a5e436;
}
.current-speed div#speed-preview-textfield.color3{
color: #f5db00;
}
.current-speed div#speed-preview-textfield.color4{
color: #ffb11b;
}
.current-speed div#speed-preview-textfield.color5{
color: #fc5b07;
}
.current-speed div#speed-preview-textfield.color6{
color: #fb2f00;
}
.current-speed div#speed-preview-textfield.color7{
color: #b10000;
}
.list-sp-dashboard-check-cache .block-left.yes:before {
background: #67c161;
border: 1px solid #549650;
}
ul.list-sp-dashboard-check-cache {
list-style: none;
padding: 0;
margin: 0;
}
.list-sp-dashboard-check-cache li.header > div {
font-weight: bold;
}
.sp-dashboard-cache .button-group button.btn {
margin: 0 7px 10px;
display: flex;
display: -webkit-flex;
line-height: 20px;
position: relative;
}
.popup_optimizeing_wapper {
position: fixed;
display: flex;
display: -webkit-flex;
z-index: 99900000;
left: 0;
width: 100%;
top: 0;
background: rgba(0,0,0,0.5);
bottom: 0;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.optimize-wapper-percent {
margin: 0 auto 10px;
font-weight: 600;
font-size: 20px;
width: auto!important;
}
.percentage_optimize {
color: #00aff0;
}
.page_cache_generation_recently table tr:first-child:last-child td {
border: none;
}
.page_cache_generation_recently_header {
position: relative;
padding-right: 90px;
}
.list-speed-meter li:first-child:before {
border-right-color: #00b100;
}
.list-speed-meter li:nth-child(2):before {
border-right-color: #a1e730;
}
.list-speed-meter li:nth-child(3):before {
border-right-color: #f3dc09;
}
.list-speed-meter li:nth-child(4):before {
border-right-color: #fb2f00;
}
.popup_optimizeing {
background: #fff;
border: 1px solid #666;
padding: 25px 25px 30px;
text-align: center;
font-size: 14px;
border-radius: 4px;
width: 600px;
max-width: 96%;
}
ul.list_optimized_images {
list-style: none;
font-size: 13px;
color: #999;
margin-bottom: 5px;
display: block;
padding: 0;
margin-top: 15px
}
ul.list_optimized_images li.stop {
color: #333;
opacity: 1;
}
ul.list_optimized_images li{
margin-bottom: 7px;
display: block;
}
.popup_error ul li:not(:last-child) {
margin-bottom: 8px;
}
.popup_optimizeing .button-group button.btn.btn-default {
margin: 0 8px;
}
button.optimize_stop:before,
button.btn.btn-default.optimize_upload_stop:before{
content: "\f04d";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
color: #888;
}
button.optimize_pause:before {
content: "\f04c";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
color: #888;
}
a.btn.confirm-custom-optimization, button.btn.confirm-popup-optimize_all_images-yes {
margin: 0 8px;
}
button.optimize_resume:before,
button.btn.btn-default.optimize_upload_continue:before{
content: "\f04b";
font-family: Fontawesome, sans-serif;
color: #888;
margin-right: 5px;
}
.button-group button.btn:hover:before,
button.btn.btn-default.optimize_upload_stop:hover:before,
button.btn.btn-default.optimize_upload_continue:hover:before{
color: #ffffff;
}
.popup_optimizeing .button-group {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
}
.button-group button.btn.btn-default {
min-width: 100px;
outline: none!important;
}
.button-group button.btn.btn-default:not(:hover) {
background: #fff!important;
color: #555555!important;
fill: #555555!important;
border-color: #ccc!important;
box-shadow: none!important;
}
.bacham {
position: relative;
width: 6px;
height: 6px;
font-size: 0;
margin-left: 16px;
margin-bottom: 3px;
border-radius: 5px;
background-color: #bce5f5;
vertical-align: bottom;
color: #9880ff;
display: inline-block;
animation: dotFlashing 1s infinite linear alternate;
-webkit-animation: dotFlashing 1s infinite linear alternate;
animation-delay: .5s;
-webkit-animation-delay: .5s;
}
.bacham::before, .bacham::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
}
.bacham::before {
left: -10px;
width: 6px;
height: 6px;
border-radius: 5px;
background-color: #bce5f5;
color: #9880ff;
animation: dotFlashing 1s infinite alternate;
-webkit-animation: dotFlashing 1s infinite alternate;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
.bacham::after {
left: 10px;
width: 6px;
height: 6px;
border-radius: 5px;
background-color: #bce5f5;
color: #9880ff;
animation: dotFlashing 1s infinite alternate;
-webkit-animation: dotFlashing 1s infinite alternate;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
@keyframes dotFlashing {
0% {
background-color: #bce5f5;
}
50%,
100% {
background-color: #00aff0;
}
}
.button-group button.btn.btn-default.loading,
.button-group button.btn.btn-default.loading:hover,
html :is(body:not(.no-smb-reskin)) button.btn-default.loading,
#content.bootstrap button.loading
{
background: #2eacce!important;
border-color: #2eacce!important;
color: transparent!important;
}
.button-group button.btn.btn-default:hover,
a.btn.btn-default:hover{
background: #2eacce!important;
border-color: #2eacce!important;
color: #ffffff;
}
.button-group button.btn.btn-default.loading i::after {
border-top-color: #fff;
border-bottom-color: #fff;
}
.sp-dashboard-cache .button-group button.btn i {
height: auto;
line-height: 20px;
width: auto;
color: inherit!important;
}
.image-total {
color: #449aff;
text-align: center;
font-weight: 600;
font-size: 46px;
margin-bottom: 10px;
}
.image-dashboad-image-optimize {
display: flex;
justify-content: space-around;
-webkit-justify-content: space-around;
margin-top: 50px;
}
.image-dashboad-image-optimize > div {
padding: 0 15px;
font-size: 25px;
font-weight: bold;
text-align: left;
}
.list-speed-meter li:before {
content: "";
border-right: 22px solid;
border-top: 10px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid transparent;
height: 10px;
border-radius: 5px;
display: inline-block;
transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
margin-right: 10px;
margin-bottom: -5px;
}
span.percent-image {
float: left;
font-size: 18px;
}
.page_cache_generation_recently table,.page-list-caches table,.page-list-no-caches table {
width: 100%;
}
.page_cache_generation_recently table tr:first-child td,.page-list-caches table tr:first-child td,.page-list-no-caches table tr:first-child td{
padding-top: 3px;
height: 42px;
}
body button[name="btnSubmitSuperSpeedException"].btn.loading i:after {
border-width: 1px;
width: 14px;
height: 14px;
}
td.size_mb {
padding-left: 10px!important;
padding-right: 10px!important;
}
.page_cache_generation_recently table td, .page-list-caches table td,.page-list-no-caches table td {
padding: 14px 0 15px;
min-height: 39px;
border-bottom: 1px solid #eee;
}
.image-dashboad-image-optimize > div label {
font-weight: 600;
font-size: 14px;
clear: both;
display: block;
float: none;
vertical-align: top;
}
div#speed-meter-preview {
text-align: center;
}
.image-dashboad-image-optimize > div label i {
display: none;
}
.sp-dashboard-image {
padding-bottom: 70px;
}
.image-dashboad-image-optimize i {
margin-right: 5px;
}
.dashboad-image-optimized .percent-image {
color: #12addd;
}
i.process-icon-auto-configure:before {
content: "\f074";
font-size: 14px;
vertical-align: top;
margin-right: 3px;
}
.form_group_range_small .range_custom {
width: 450px;
max-width: calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
}
.dashboad-image-unoptimized .percent-image {
color: #ff4e5a;
}
.percent-image span.number-image {
display: inline-block;
font-size: 14px;
font-weight: normal;
color: #999;
}
.list-sp-dashboard-check-cache li.header .block-left:before{
display: none;
}
.list-sp-dashboard-check-cache li.header > div {
font-weight: bold;
background: transparent;
color: #666;
}
.list-sp-dashboard-check-cache .block-left {
font-size: 13px;
max-width: calc(100% - 55px);
max-width: -webkit-calc(100% - 55px);
}
.list-sp-dashboard-check-cache li.header {
padding-top: 0;
}
.sp-dashboard-cache h3,
.sp-dashboard-image h3, .speed-meter h3,
.page_cache_generation_check_point h3,
.bg_white h3, .page_cache_generation_recently_header > h3 {
font-size: 16px!important;
height: auto!important;
padding: 8px 15px!important;
font-family: Poppins, sans-serif;
text-transform: none!important;
}
span.optimize-image-text:before,
.popup-configuration-cache li:not(.checked) i:before,
li.optimize-image.runing .optimize-image-text:before{
content: "\f017";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
}
li.optimize-image.runing span.optimize-image-text:before,
li.optimize-image.runing.checked span.optimize-image-text:before{
color: #ef8d8e;
}
li.optimize-image.checked:not(.runing) span.optimize-image-text:before{
content: "\F00C";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
color: #549650;
}
.form_cache_page.dynamic_contents.group-button.button_border_bottom {
padding-bottom: 30px;
margin-bottom: 0;
margin-left: -20px;
margin-right: -20px;
padding-left: 15px;
padding-right: 15px;
}
.form_cache_page.dynamic_contents.group-button.button_border_bottom button.btn.btn-default {
margin-bottom: 30px;
}
.sp-dashboard-generation_recently tr:last-child td {
border-bottom: none;
padding-bottom: 0;
}
.form-group.form_cache_page.livescript.group-button {
border-top: 1px solid #eee;
margin-left: -20px;
margin-right: -20px;
padding-top: 20px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.page_status span.hook-status.active {
background: #50b845;
color: #fff;
padding: 5px 10px;
font-size: 11px;
border-radius: 30px;
display: inline-block;
min-width: 75px;
}
span.status-good, span.status-reputable, span.status-bad {
color: #fff;
padding: 2px 10px;
line-height: 1.7;
border-radius: 15px;
}
span.status-reputable{
background: #FEAA1F;
}
span.status-disabled{
white-space: nowrap;
}
span.status-bad {
background: #ef8d8e;
min-width: 42px;
display: inline-block;
text-align: center;
}
.form-group.form_cache_page.image_cleaner.optimize label b {
color: #ef8d8e;
margin-right: 2px;
}
span.status-good {
background: #2eacce;
font-size: 11px;
min-width: 42px;
display: inline-block;
border-radius: 15px;
}
.paggination td {
padding-top: 0!important;
}
span.status-medium {
background: #fec13f;
color: #fff;
padding: 2px 5px;
border-radius: 3px;
}
.table_analytics span.status-disabled {
background: #bbb;
color: #fff;
padding: 3px 5px;
font-size: 11px;
border-radius: 4px;
display: inline-block;
}
.module_system_analytics .panel-heading {
font-size: 14px!important;
}
.bootstrap .panel .panel-footer {
min-height: 77px;
}
.page_cache_generation_check_point_body span.status-bab,
.page_cache_generation_check_point_body span.status-bad {
background: #CD1E58;
color: #fff;
min-width: 50px;
display: inline-block;
text-align: center;
padding: 2px 5px;
border-radius: 15px;
}
.paggination td {
border-bottom: none!important;
padding-bottom: 0!important;
background: transparent!important;
}
.module_system_analytics table .date_action, .module_system_analytics table th:last-child, .module_system_analytics table .action {
text-align: right;
}
.module_system_analytics td.page_action {
text-align: right;
}
.page_status span.hook-status.unhooked {
background: red;
color: #fff;
padding: 5px 10px;
border-radius: 30px;
font-size: 11px;
display: inline-block;
}
.register-option.unregister:before {
content: "\f13d";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
}
.register-option.register:before {
content: "\f014";
font-family: Fontawesome, sans-serif;
margin-right: 5px;
}
.module_system_analytics .panel-heading {
height: 56px!important;
border-bottom: 1px solid #eee!important;
}
.module_system_analytics input#ETS_SPEED_RECORD_MODULE_PERFORMANCE,.module_system_analytics input#ETS_SPEED_ENABLE_LOG_CACHE_CLEAR,.module_system_analytics input#ETS_SPEED_ENABLE_LOG_CACHE_ERROR {
opacity: 0;
position: absolute;
}
.module_system_analytics.log_error,.module_system_analytics.log_clear_history {
display: flex;
margin-bottom: 15px;
justify-content: space-between;
}
.module_system_analytics.log_error .sp_configuration_switch,.module_system_analytics.log_clear_history .sp_configuration_switch {
margin-top: 5px;
}
.module_system_analytics .panel-heading label {
margin-left: 25px;
line-height: 30px;
}
label[for="ETS_SPEED_RECORD_MODULE_PERFORMANCE"] {
font-weight: normal;
font-size: 12px;
margin-bottom: 15px;
}
.module_system_analytics span.sp_configuration_switch {
position: relative;
right: auto;
display: inline-block;
float: left;
margin-left: 0;
margin-right: 7px;
vertical-align: middle;
top: auto;
}
.growl.growl-notice, html :is(body:not(.no-smb-reskin)) .growl.growl-notice {
color: #fff;
background: rgba(114,194,121,.8);
}
td.text-center {
text-align: center!important;
}
button[name="btnSubmitSuperSpeedException"] {
margin-left: calc(25% + 5px);
}
button.btn.btn-clear-log-cache,button.btn.btn-clear-log-clear-history {
display: inline-flex;
align-items: center;
}
h4.title_bg_gray {
display: flex;
display: -webkit-flex;
margin-top: 30px;
clear: both;
background: #eee;
text-align: center;
justify-content: center;
padding: 15px;
margin-left: -15px;
font-size: 15px;
font-family: Open sans, sans-serif;
margin-right: -15px;
}
.form_cache_page.dynamic_contents.url_exceptions > div {
margin-top: 10px;
}
.form_cache_page.dynamic_contents.url_exceptions textarea {
min-height: 150px;
}
#content.bootstrap .panel .panel-heading {
font-size: 16px;
text-transform: capitalize;
font-family: Poppins, sans-serif;
height: 56px !important;
text-align: left;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-bottom: 1px solid #DBEAEC !important;
margin-bottom: 30px;
align-content: center;
display: flex;
flex-wrap: wrap;
}
.ets_sp_confitab_wrap {
font-size: 16px;
text-transform: capitalize;
font-family: Poppins, sans-serif;
min-height: 56px!important;
text-align: left;
padding-top: 0!important;
padding-bottom: 0!important;
border-bottom: 1px solid #DBEAEC!important;
margin-bottom: 30px;
display: flex;
margin-top: -20px;
justify-content: space-between;
-webkit-justify-content: space-between;
}
#content.bootstrap .panel .ets_sp_confitab_wrap .panel-heading {
border: none !important;
margin: 0 !important;
height: auto !important;
padding-top: 0 !important;
padding-left: 0 !important;
background: transparent !important;
}
span.btn.btn-default.sp_close:before {
content: "\f00d";
font-family: Fontawesome, sans-serif;
margin-right: 4px;
}
.page_cache_generation_recently table td.size_mb {
text-align: center;
vertical-align: top;
}
.page_cache_generation_recently table td.date_cache {
text-align: right;
}
.page_cache_generation_recently .sitename a {
word-break: break-all;
}
.popup-configuration-cache, .bootstrap .popup-configuration-cache {
position: fixed!important;
width: 100%;
max-width: 100%;
z-index: 9999;
margin-left: 0;
top: 0;
border-radius: 0;
bottom: 0;
left: 0;
display: flex!important;
display: -webkit-flex!important;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
-webkit-align-items: center;
opacity: 0;
visibility: hidden;
}
.popup-configuration-cache {
background-color: rgba(0,0,0,0.5);
width: 100%;
left: 0;
right: 0;
max-width: 100%;
margin: 0;
padding: 30px;
overflow: auto;
}
.form-group.form_cache_page.image_lazy_load.type input {
margin-top: 19px;
cursor: pointer;
}
.range_custom {
position: relative;
min-height: 23px;
text-align: center;
font-weight: bold;
margin-right: 55px;
margin-top: 5px;
}
span.range_min {
float: left;
}
span.range_new_run {
background: linear-gradient(#c8ebf5,#2eacce);
background: -webkit-linear-gradient(#c8ebf5,#2eacce);
position: absolute;
height: 100%;
border-radius: 20px;
width: 100px;
min-width: 16px;
}
.checkbox_group_and_range > div {
border: 1px solid #bbcdd2;
margin-right: -1px;
margin-bottom: -1px;
padding: 10px 15px!important;
}
.range_custom input[type="range"] {
opacity: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.checkbox_group_and_range label {
cursor: pointer;
}
.input-group-unit {
position: absolute;
border: 1px solid #ddd;
padding: 3px 2px;
box-shadow: 0 0 6px 0 #eee inset;
font-size: 10px;
border-radius: 4px;
font-weight: bold;
}
.checkbox_all.checkbox label {
font-weight: bold;
}
input[type=checkbox]:checked+i.md-checkbox-control:before {
background: #25b9d7;
border: none;
}
i.md-checkbox-control:before {
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #bbcdd2;
border-radius: 2px;
cursor: pointer;
transition: background .3s;
}
i.md-checkbox-control:after, i.md-checkbox-control:before {
content: "";
position: absolute;
left: 0;
top: 0;
}
input[type=checkbox]:checked+i.md-checkbox-control:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 5px;
left: 3px;
width: 14px;
height: 7px;
border: 2px solid #fff;
border-top-style: none;
border-right-style: none;
}
.sp_input_checkbox_left .checkbox {
margin-top: 0!important;
padding-top: 0!important;
}
.sp_input_checkbox_left input[type=checkbox], .hook-item input[type=checkbox] {
width: 100%;
height: 20px;
margin: 7px 0 0;
position: absolute;
opacity: 0;
top: 0;
left: 0;
cursor: pointer;
}
.checkbox label {
position: relative;
padding-left: 25px!important;
line-height: 20px;
}
.form-group.form_cache_page.image_upload.image_browse.optimize .popup-content{
padding-bottom: 15px;
}
select#ETS_SPEED_OPTIMIZE_SCRIPT{
width: 600px!important;
max-width: 100%;
}
.sp_input_checkbox_right.header_tit h4.title {
margin: 0;
font-size: 12px;
font-weight: bold;
line-height: 26px;
text-align: center;
font-family: Open sans, sans-serif;
}
.sp_input_checkbox_left.header_tit, .sp_input_checkbox_right.header_tit {
z-index: 1;
position: relative;
border-bottom: 2px solid #25b9d7;
}
.range_new {
top: 0;
width: 100%;
height: 12px;
background: #eee;
text-align: left;
position: absolute;
border-radius: 20px;
pointer-events: none;
}
.range_custom span.range_max {
float: right;
}
.range_custom span.range_min, .range_custom span.range_max {
display: none;
}
.range_custom .input-group-unit {
left: 100%;
top: -4px;
transform: none;
-webkit-transform: none;
margin-left: 5px;
width: 52px;
}
span.range_new_button {
box-shadow: 0 0 2px 0 #666;
border: 2px solid #fafafa;
background: #2eacce;
border-radius: 50%;
position: absolute;
cursor: pointer;
height: 16px;
width: 16px;
top: -2px;
right: 0;
}
.bootstrap .form_group_range_small label.control-label {
padding-top: 2px;
}
.checkbox_group_and_range {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
position: relative;
width: 600px;
max-width: 100%;
}
body.page-topbar .sp_block_left {
top: 166px;
margin-left: 0;
width: 100%;
}
.sp_block_space {
height: 55px;
}
.bootstrap .btn.active, .bootstrap .btn:active, .bootstrap .btn.focus, .bootstrap .btn:focus {
outline: none!important;
}
.popup-configuration-cache.show{
opacity: 1;
visibility: visible;
}
.popup-configuration-cache .popup-content {
background: #fff;
box-shadow: 0 0 6px 0 #999;
padding: 15px 20px 45px;
border-radius: 5px;
width: 100%;
margin: 0 auto;
max-width: 700px;
}
span.btn.btn-default.sp_close {
margin-left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin-top: 10px;
font-size: 14px;
}
.dynamic_contents .col-lg-9.col-lg-offset-3 {
margin: 0;
width: 100%;
}
.form_cache_page.livescript textarea{
height: auto!important;
}
.question-mark-wrapper {
display: inline-block;
position: relative;
}
.confirm-popup-configuration-cache h3 {
border-bottom: 1px solid #ddd!important;
margin: -20px -16px 0!important;
padding: 5px!important;
height: auto!important;
font-family: Poppins, sans-serif;
}
.popup_pause .popup-title,
.popup_pause .popup_optimizeing_pls{
display: none;
}
.confirm-popup-configuration-cache .button-group button.confirm-popup-no{
background: #fff;
color: #333;
border: 1px solid #ccc;
}
.confirm-popup-configuration-cache .button-group button.confirm-popup-no:not(:hover){
color: #333!important;
}
.confirm-popup-configuration-cache .button-group button.confirm-popup-no:hover:before, .confirm-popup-configuration-cache .button-group button.confirm-popup-no:hover:after {
background-color: #fff;
}
.confirm-popup-optimize_all_images .button-group button.confirm-popup-no {
background: #fff;
color: #333;
border: 1px solid #ccc;
}
.form-group.form_cache_page.image_old.home_slide,.form-group.form_cache_page.image_old.blog_slide,.form-group.form_cache_page.image_new.blog_slide {
display: none !important;
}
.statics_table_currentpage {
overflow: hidden;
}
.form_cache_page.dynamic_contents.url_exceptions > label.control-label.col-lg-4 {
width: 100%;
text-align: left;
padding-left: calc(25% + 12px)!important;
}
.table_analytics tr.nodrag.nodrop.filter select {
padding-left: 5px;
}
.table_analytics tr.nodrag.nodrop.filter button.btn.btn-default {
padding-left: 8px;
padding-right: 8px;
}
.form_cache_page.dynamic_contents.url_exceptions > .col-lg-8 {
margin-left: 25%;
}
@media (max-width: 1500px){
.sp_block_left li a {
font-size: 12px;
padding: 16px 8px;
}
.sp-dashboard-cache h3, .sp-dashboard-image h3, .speed-meter h3, .bg_white h3, .page_cache_generation_recently_header > h3 {
font-family: Open sans, sans-serif;
font-size: 14px !important;
padding: 8px 15px !important;
}
.page-sidebar-closed .sp_block_left {
margin-left: 15px;
}
.col-sm-4.statics_table_currentpage,
.col-sm-4.statics_img,
.col-sm-4.statics_recently,
.col-sm-4.statics_cache {
width: 33.33%;
}
.sp_block_left li a img {
height: auto;
max-width: 23px;
max-height: 18px;
}
table#table-data td.status + td {
white-space: normal;
}
.checkbox_group_and_range .sp_input_checkbox_left {
width: 33.33%;
}
.checkbox_group_and_range .sp_input_checkbox_right {
width: 66.66%;
}
.sp-dashboard-cache .button-group, .sp-dashboard-image .button-group {
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.sp-dashboard-cache .button-group button.btn {
margin: 0 10px 5px;
}
.form-group.form_cache_page.dynamic_contents > .col-lg-8.col-lg-offset-3 {
margin-left: 0;
width: 100%;
}
}
@media (max-width: 1400px){
ul#list_added_images, ul#list_added_browse_images {
margin: 0;
width: 100%;
max-width: calc(100% - 70px);
}
.responsive.tabble {
overflow: auto;
}
.table_analytics tr.nodrag.nodrop.filter select {
padding-left: 5px;
}
.table_analytics tr.nodrag.nodrop.filter button.btn.btn-default {
padding-left: 8px;
padding-right: 8px;
}
.responsive.tabble {
overflow: auto;
}
}
#content.bootstrap {
box-sizing: border-box;
}
.bootstrap button.close {
margin-left: 10px;
}
.viewmore_dropdown .threedots:before {
content: "";
width: 5px;
height: 5px;
background: #999;
display: inline-flex;
border-radius: 50%;
box-shadow: 8px 0 0 0 #999, -8px 0 0 0 #999;
transform: rotate(90deg);
margin-top: 24px;
}
.viewmore_dropdown {
display: none;
height: 56px;
width: 30px;
align-content: center;
justify-content: center;
cursor: pointer;
}
.confi_tab.hidden_dropdown ~ .viewmore_dropdown {
display: inline-flex;
}
.threedots {
display: flex;
align-content: center;
justify-content: center;
}
.tab_config_page_cache .confi_tab.hidden_dropdown {
position: absolute;
right: 0;
top: 100%;
background: #fff;
z-index: 1;
border: 1px solid #ccc;
}
.tab_config_page_cache .confi_tab.hidden_dropdown {
position: absolute;
right: 0;
top: 100%;
background: #fff;
z-index: 1;
border: 1px solid #ccc;
display: none;
width: 300px;
padding: 0 20px;
align-content: center;
justify-content: flex-start;
line-height: 1.6;
flex-wrap: wrap;
}
.sp_block_right.speed_image .confi_tab.hidden_dropdown {
width: 200px;
}
.tab_config_page_cache.show_item_dropdown .confi_tab.hidden_dropdown {
display: flex;
}
.tab_config_page_cache .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown{
top: calc(100% + 55px);
}
.tab_config_page_cache .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown{
top: calc(100% + 110px);
}
.tab_config_page_cache .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown{
top: calc(100% + 165px);
}
.tab_config_page_cache .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown + .confi_tab.hidden_dropdown{
top: calc(100% + 220px);
}
@media (max-width: 1350px){
.sp_block_left {
position: relative;
left: auto;
margin-left: -15px;
width: calc(100% + 24px);
top: auto;
}
.sp_block_space {
display: none;
}
}
@media (max-width: 1400px){
.page-dashboard.form-wrapper .statics_timeline {
width: 100%;
}
.page-dashboard.form-wrapper .statics_table_currentpage {
width: 50%;
}
.page-dashboard.form-wrapper .statics_img {
width: 50%;
}
.page-dashboard.form-wrapper .statics_cache {
width: 50%;
}
.page-dashboard.form-wrapper .statics_check_point {
width: 50%;
}
}
@media (max-width: 1199px){
ul#list_added_browse_images > li.upload .after a {
font-size: 0;
}
ul#list_added_browse_images > li.upload .after a i {
font-size: 14px;
}
}
@media (max-width: 991px){
.sp_block_left {
margin-left: -10px;
}
span.percent-image-in-chart {
font-size: 24px;
margin-top: -14px;
}
.sp_block_right {
min-width: 600px;
}
.sp_block_left {
width: calc(100% + 20px);
width: -webkit-calc(100% + 20px);
margin-top: -17px;
}
#content.bootstrap {
overflow: hidden;
}
}
.sp_tabs li.sp_has-sub > a:after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
border-radius: 2px;
vertical-align: 2px;
margin-left: 2px;
}
/*********/
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.bootstrap .alert.alert-danger, .bootstrap .alert.alert-warning,
:is(body:not(.no-smb-reskin)) .alert, :is(body:not(.no-smb-reskin)) .alert.alert-warning {
border-radius: 0;
}
.lds-spinner {
display: inline-block;
position: relative;
width: 13px;
height: 13px;
}
.lds-spinner div {
transform-origin: 6px 6px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 4px;
left: 19px;
width: 10px;
height: 2px;
border-radius: 20%;
background: #bbb;
}
/*-----*/
.lds-ellipsis {
display: inline-block;
position: relative;
width: 56px;
height: 18px;
}
.lds-ellipsis div {
position: absolute;
top: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #bbb;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 4px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 4px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 24px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(20px, 0);
}
}
/*----------*/
.lds-roller {
display: inline-block;
position: relative;
width: 46px;
height: 46px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 20px 20px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background: #bbb;
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1):after {
top: 36px;
left: 39px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 40px;
left: 35px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 42px;
left: 29px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 43px;
left: 23px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 42px;
left: 17px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 39px;
left: 12px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 35px;
left: 8px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 28px;
left: 6px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**/
.lds-ring {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 40px;
height: 40px;
margin: 3px;
border-top: 2px solid #bbbbbb;
border-bottom: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.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);
}
}
/**/
.spinner_1 {
position: relative;
border-left: 2px solid #bbb;
border-right: 2px solid #bbb;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
animation: lds-spinner .5s linear infinite;
}
@keyframes lds-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**/
.transition_input {
background: #efefef;
text-align: center;
width: 80px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
input[type="radio"]:checked + .transition_input .spinner_1{
/*border-left: 2px solid #25b9d7;
border-right: 2px solid #25b9d7;*/
}
input[type="radio"]:checked + .transition_input .lds-roller div:after,
input[type="radio"]:checked + .transition_input .lds-ellipsis div,
input[type="radio"]:checked + .transition_input .lds-spinner div:after{
/*background: #25b9d7;*/
}
.image_upload_form:hover {
border-color: #25b9d7;
color: #25b9d7;
}
.image_upload_form:hover .help-block{
color: #25b9d7;
}
@media (max-width: 767px){
.col-sm-8.statics_timeline {
width: 66.66%;
}
body .col-sm-4.statics_check_point {
width: 100%;
}
body .col-sm-4.statics_img,
body .col-sm-4.statics_cache {
width: 50%;
}
.module_system_analytics .responsive.tabble {
overflow: auto;
}
}
.bootstrap a.active{
color:#000;
}
.date_expired.expired{
color: red;
}
.input-group-append {
background-color: #f5f8f9;
border: 1px solid #c7d6db;
border-radius: 0 3px 3px 0;
bottom: 0;
color: #555;
font-size: 12px;
font-weight: 400;
line-height: 32px;
min-width: 34px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 2;
}
.btn.btn-default.btn-clear-cache-history {
display: inline-flex;
}
.module_system_analytics.cache_clear_history {
margin-bottom: 10px;
display: block;
padding-bottom: 10px;
text-align: right;
}
#content.bootstrap button.btn-clear-log-clear-history,
#content.bootstrap button.btn-clear-cache-history,
#content.bootstrap button.btn-clear-log-cache {
box-shadow: none!important;
outline: none!important;
}