html, body.toplevel_page_customization{
background: #FFFFFF !important
}
#adminmenuback{
z-index: 0 !important
}
*:focus{
outline: none !important
}
.blue-bg, .blue-bg:hover, .blue-bg:focus, .blue-bg:active{
background: none;
text-decoration: none
}
.blue-bg{
color: #0074A2;
font-weight: 600;
border: 1px solid #0074A2
}
.blue-bg:hover, .blue-bg:focus, .blue-bg:active{
color: #019CD9;
border-color: #019CD9
}
.color-blue{
color: #019CD9
}
.color-white{
color: #FFFFFF
}
.plate-orange-bg{
background: #FFA253 !important
}
.plate-red-bg{
background: #FF4D53 !important
}
.plate-blue-bg{
background: #27C7C7 !important
}
.white-bg{
background: #FFFFFF
}
.full-width{
margin: 0 -25px;
padding: 15px 0
}
.cz-wrap{
margin-left: -20px
}
#cz-admin-sidebar-back{
width: 100%;
height: 35px;
}
/* sidebar */
#cz-admin-sidebar-wrap{
z-index: 1000;
position: fixed;
width: 237px;
height: 100%;
overflow: auto;
}
#cz-admin-sidebar-wrap a:focus{
box-shadow: none;
-webkit-box-shadow: none
}
#cz-admin-sidebar-wrap ul li a{
display: block;
margin: 0;
line-height: 32px;
padding: 0px 6px 0px 0px;
color: #4B4B4B;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-left: 3px solid #FFFFFF;
}
#cz-admin-sidebar-wrap ul li{
margin-bottom: 0;
margin-top: 0;
border-top: 1px solid #D7DADE;
}
/*#cz-admin-sidebar-wrap ul li:first-child,*/
#cz-admin-sidebar-wrap ul li.item-active + li,
#cz-admin-sidebar-wrap ul li.item-active{
border-color: #fff;
}
#cz-admin-sidebar-wrap ul li:first-child.item-active{
border-color: #EDEFF6;
}
#cz-admin-sidebar-wrap ul > li > a{
}
#cz-admin-sidebar-wrap ul > li > a.item-active{
border-left: 5px solid #00A1DF;
background: #EDEFF6;
}
#cz-admin-sidebar-wrap ul > li > a .fa{
line-height: 34px;
width: 45px;
vertical-align: middle;
text-align: center;
font-size: 18px;
margin-right: 10px;
color: #4B4B4B;
}
#cz-admin-sidebar-wrap ul > li > a.item-active .fa{
background: #363E4C;
color: #fff;
}
#cz-admin-sidebar-wrap ul > li > ul{
display: none;
margin-left: 10px;
}
#cz-admin-sidebar-wrap ul > li.item-active > ul{
display: block
}
#cz-admin-sidebar-wrap ul > li > ul > li > a{
padding: 2px 8px;
font-size: 13px;
border: none
}
#cz-admin-sidebar-wrap ul > li > ul > li > a.item-active{
background: none;
border: none
}
#cz-admin-sidebar-wrap ul li:focus, #cz-admin-sidebar-wrap ul li a:focus{
outline-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
#cz-admin-sidebar-wrap .brand{
padding: 10px 0
}
/* content */
.cz-page-content{
margin-left: 237px;
height: 100%;
padding: 0 10% 0 0;
background: #fff;
max-width: 768px;
}
.cz-page-content h2{
font-size: 31px;
color: #555555;
margin: 0;
}
.cz-page-content p.description{
font-size: 10px;
color: #555555;
line-height: 10px;
padding: 0;
margin: 5px 0 5px 0;
}
.cz-content-inner{
font-size: 14px;
margin: 10px 0;
padding: 0;
}
.cz-content-inner .count{
font-size: 35px;
font-weight: 300;
margin: 9px 0;
color: #FFFFFF
}
.cz-content-inner .block h2{
padding-left: 15px;
margin:10px 0;
font-size: 28px
}
.cz-content-inner h3.the-big{
margin: 0 0 12px;
padding: 0;
font-size: 21px;
text-transform: none;
opacity: 1
}
.cz-content-inner.help-inner p{
margin-top: 0;
padding-bottom: 8px;
line-height: 18px
}
.cz-content-inner-type{
background: #FFFFFF;
font-size: 14px;
margin: 20px 0
}
.cz-content-inner-type .row{
margin-left: 0;
margin-right: 0;
display: table
}
.cz-content-inner-type [class*="col-"]{
padding-left: 0;
padding-right: 0;
display: table-cell
}
.cz-content-inner-type .width-full{
width: 100%
}
.cz-content-inner-type .height-full{
height: 100%
}
.cz-content-inner-type .valign-top{
vertical-align: top
}
.cz-content-inner-type .valign-middle{
vertical-align: middle
}
.cz-content-inner-type .valign-bottom{
vertical-align: bottom
}
.cz-content-inner-type .panel-info{
background: #0FC0EC;
padding: 15px 20px;
color: #FFFFFF
}
.cz-content-inner-type .panel-info h3{
margin: 0;
font-weight: 300;
font-size: 20px
}
.cz-content-inner-type .panel-info p{
font-size: 13px;
line-height: 21px
}
.cz-content-inner-type #loader-one{
margin: 15px 0 0;
text-align: center
}
.cz-content-inner-type h4{
text-align: center;
font-size: 18px;
font-weight: 300;
margin: 0;
padding: 20px 0 8px
}
.cz-content-inner-type p.submit{
text-align: center
}
.cz-content-inner-type #loader-one > div{
margin: 0 auto
}
.cz-content-inner-type .progress-circle{
background: #222222;
color: #FFFFFF
}
.cz-content-inner-type .stats{
text-align: center
}
.cz-content-inner-type .stats span{
display: block;
font-size: 32px;
font-weight: 600;
padding-bottom: 8px
}
.cz-content-inner-type .stats .shelf{
padding: 15px 0 20px
}
.cz-content-inner-type #listing .item{
padding: 3px 0;
border-top: 1px solid #C0C0C0
}
.cz-content-inner-type #listing .item:first-child{
border: none
}
.cz-content-inner-type #listing .thumb img{
margin: 0 auto;
border: 1px solid #C0C0C0
}
.cz-content-inner-type #listing .title{
padding: 3px 5px;
font-size: 13px
}
.cz-content-inner-type #listing .stat{
vertical-align: middle;
color: #F58220;
font-size: 16px
}
.cz-content-table{
width: 100%;
table-layout: fixed;
}
.cz-content-table td{
/* background: #fff; */
}
/* list items */
.item-panel{
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC
}
.product-item{
margin-top: 20px;
background: #FFFFFF
}
.product-item .thumbnail{
border: none;
border-radius: 0;
-webkit-border-radius: 0;
padding: 15px 0 0;
box-shadow: none;
-webkit-box-shadow: none
}
.product-item .thumbnail{
padding: 0
}
.product-item .item-info h3{
margin: 0;
padding: 5px 20px 0;
font-size: 13px;
line-height: 21px
}
.product-item .item-info p{
margin: 0;
padding: 10px 20px 15px;
font-size: 13px;
line-height: 21px
}
/* bulk form */
.item-group{
padding: 8px 20px
}
.item-group label{
font-weight: normal
}
.item-group .item-control{
padding: 5px 4px
}
.item-group .item-control label{
color: #2D2D2D
}
.item-group select, .item-group [type="text"]{
padding: 5px 7px;
height: 32px;
border-radius: 1px;
-webkit-border-radius: 1px;
width: 100%
}
.item-group select.standart, .item-group [type="text"].standart{
width: auto
}
span.separate{
display: inline-block;
width: 10px;
border-color: #B7B7B7
}
.item-group select:focus, .item-group [type="text"]:focus{
border-color: #F58220;
box-shadow: none;
-webkit-box-shadow: none
}
.control-group label{
padding-top: 5px
}
.control-group label.no-top{
padding-top: 0
}
.item-group .slider-range{
margin-top: 20px
}
.item-group .slider-range a.ui-state-hover, .item-group .slider-range a.ui-state-focus{
border-color: #DEDEDE;
color: #0074A2
}
.item-group .slider-range a.ui-state-hover, .item-group .slider-range a.ui-state-focus{
background: #95E1FF;
background: -moz-linear-gradient(-45deg, #95E1FF 0%, #45CAFF 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #95E1FF), color-stop(100%, #45CAFF));
background: -webkit-linear-gradient(-45deg, #95E1FF 0%, #45CAFF 100%);
background: -o-linear-gradient(-45deg, #95E1FF 0%, #45CAFF 100%);
background: -ms-linear-gradient(-45deg, #95E1FF 0%, #45CAFF 100%);
background: linear-gradient(135deg, #95E1FF 0%, #45CAFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95e1ff', endColorstr='#45caff', GradientType=1);
}
.item-group .slider-range .ui-widget-header{
background: #F58424
}
.item-group .slider-range a.ui-state-active{
border-color: #DEDEDE
}
#request-data .load{
display: table;
width: 100%;
height: 150px
}
#request-data .load span{
vertical-align: middle;
display: table-cell
}
.beforeTable .totalItems, .beforeTable #pagination-info{
display: inline-block
}
.beforeTable .totalItems{
float: right
}
.beforeTable #pagination-info{
text-align: right
}
#request-content .beforeTable .count-total{
padding: 0 20px;
font-weight: 600
}
.beforeTable .count-total, .beforeTable .pagination{
margin-top: 15px;
margin-bottom: 15px
}
/* pagination */
#pagination-info .pagination > li > a, #pagination-info .pagination > li > span{
color: #2D2D2D
}
#pagination-info .pagination > li > span.ellipse{
padding: 6px
}
#pagination-info .pagination > li > span.current{
padding: 6px 9px
}
#pagination-info .pagination > .active > a,
#pagination-info .pagination > .active > span,
#pagination-info .pagination > .active > a:hover,
#pagination-info .pagination > .active > span:hover,
#pagination-info .pagination > .active > a:focus,
#pagination-info .pagination > .active > span:focus{
background: #F58220;
border-color: #F58220
}
#pagination-info .pagination > li > a:hover{
color: #2D2D2D
}
#pagination-info .pagination > li > span:hover, #pagination-info .pagination > li > a:focus, #pagination-info .pagination > li > span:focus{
box-shadow: none;
-webkit-box-shadow: none;
color: #FFFFFF
}
/* tablist */
.tablist{
padding-top: 25px
}
.tablist .nav.nav-tabs{
margin-bottom: -21px;
border-bottom: none
}
.tablist .nav.nav-tabs a{
text-decoration: none
}
.tablist .nav-tabs > li > a,
.tablist .nav-tabs > li.active > a,
.tablist .nav-tabs > li.active > a:hover,
.tablist .nav-tabs > li.active > a:focus,
.tablist .nav-tabs > li > a:focus{
box-shadow: none;
-webkit-box-shadow: none;
border: none
}
/* MODAL */
#Modal .modal-dialog{
width: 800px;
margin-top: 80px
}
#Modal .modal-header{
border-bottom: none
}
#Modal label{
display: block;
width: 155px;
float: left;
font-weight: normal
}
#Modal .tab-pane .item{
padding: 8px 0 15px
}
#Modal .tab-pane .thumb img{
border: 4px solid #EEEEEE
}
#Modal .tab-pane .item span{
display: block;
margin-left: 165px
}
#Modal .tab-pane textarea{
width: 100%;
height: 140px;
resize: vertical
}
/* Dashboard */
.dash-header{
position: relative
}
/* filters */
#filters span{
font-weight: 600
}
#filters a{
display: inline-block;
margin-top: 15px;
margin-bottom: 21px;
padding: 6px 12px;
color: #5A5A5A;
text-decoration: none;
position: relative
}
#filters a span{
position: absolute;
top: 6px;
right: 0
}
#filters a span.fa-sort-asc:before{
display: inline-block;
margin-top: 6px
}
#filters a:hover, #filters a.active, #filters a:focus{
color: #F58424
}
#filters a:focus{
-webkit-box-shadow: none;
box-shadow: none
}
/* GLOBAL FIX */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'Open Sans', sans-serif
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
color: inherit
}
h1, h2, h3, h4, h5, h6{
font-weight: 600
}
h3{
font-weight: bold
}
label{
width: auto;
margin-bottom: 0;
color: #5c6377;
font-size: 14px;
margin: 6px 0;
display: block;
}
h4{
font-size: 1em
}
.postbox .inside, .stuffbox .inside{
font-size: 13px
}
body{
color: #333333;
font-size: 14px;
line-height: 1.4em
}
p{
line-height: 1em
}
ul.categorychecklist li{
line-height: 22px
}
input[type=checkbox], input[type=radio]{
margin-top: -4px;
margin-right: 4px
}
#back-to-search{
padding: 15px 30px 0
}
.wrap .cz-page-content *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.cz-page-head{
padding: 10px;
background: #EDEFF6;
}
.cz-content-inner.noborder{
border: none
}
.iris-picker{
position: absolute;
z-index: 999;
}
.wrap .cz-page-content .wp-picker-container *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input.large-text, textarea.large-text{
width: 100%;
background-color: white;
border-radius: 2px;
box-shadow: 1px 1.7px 2px rgba(9, 12, 18, 0.17);
font-family: Arial;
font-size: 13px;
font-weight: 500;
vertical-align: middle;
padding: 8px 8px;
color: #5c6377;
}
input.large-text{
height: 37px;
}
.select-img{
/* border: 1px solid #EEEEEE; */
/* padding: 10px; */
}
.cz-content-inner table{
table-layout: fixed;
width: 100%;
}
.cz-content-inner .block{
background: #DCE0E9;
border-top: 4px solid #BFCAE1;
margin-bottom: 20px;
}
.cz-screen-field{
border: 1px solid #C7C7C7;
margin: 5px 0 0 0;
}
.cz-screen-field img{
width: 100%;
}
.cz-main-field{
padding: 10px 15px;
}
.btn{
border: 1px solid #fff;
background: #fff;
border-radius: 2px;
padding: 6px 8px;
height: 47px;
min-width: 170px;
font-size: 16px;
margin-right: 3px;
}
.btn:last-child{
margin-right: 0;
}
.btn-save{
background: #00AF7C;
border-color: #00AF7C;
color: #fff;
}
.btn-save:hover{
background: #00AF7C;
border-color: #00AF7C;
color: #fff;
}
.btn-default{
border-color: #000;
}
.btn-default:hover{
background: #fff;
border-color: #000;
}
.btn-blue{
width: 100px;
min-width: 100px;
height: 38px;
background: #00A1DF;
border-color: #00A1DF;
color: #fff;
margin: 0;
}
.btn-blue:focus,
.btn-blue:active,
.btn-blue:hover{
color: #fff;
background: #00A1DF;
}
.btn.btn-upload{
width: 100px;
min-width: 100px;
height: 38px;
background: #00A1DF;
border-color: #00A1DF;
color: #fff;
margin: 0;
}
.btn.btn-remove{
width: 38px;
min-width: 38px;
height: 38px;
background: #FF815D;
border-color: #FF815D;
color: #fff;
font-size: 30px;
line-height: 30px;
padding: 0;
}
.inline{
display: inline-block;width:250px;
}
.wp-picker-container{
vertical-align: middle;
border:none;
}
.wp-color-result{
margin: 0;
}
.wp-color-result {
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
height: auto;
margin: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: bottom;
display: inline-block;
padding-left: 38px;
-webkit-box-shadow: 0 1px 0 #ccc;
box-shadow: 0 1px 0 #ccc;
top: 0;
border: none;
}
.wp-color-result:after {
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
content: attr(title);
display: block;
line-height: 36px;
padding: 0 6px;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 91px;
min-width: 91px;
height: 38px;
background: #00A1DF;
border-color: #00A1DF;
color: #fff;
margin: 0;
font-size: 14px;
}
.wp-color-result:hover:after {
color: #fff;
}
.wp-core-ui .button-group.button-small .button, .wp-core-ui .button.button-small {
height: 38px;
line-height: 26px;
padding: 0 8px 1px;
font-size: 13px;
box-shadow: none;
border: 0;
}
.wp-picker-container input[type=text].wp-color-picker {
width: 68px;
font-size: 13px;
font-family: monospace;
text-align: center;
line-height: 26px;
margin: 0;
margin-left: 6px;
height: 38px;
border: 0;
box-shadow: none;
}
.cz-message{
margin: 10px;
}
.cz-message h4{
margin: 10px;
}