.dp-tabs-img {
width: 80%;
max-width: 1300px;
background-color: #fff;
padding: 20px;
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
border-radius: 2px;
display: inline-block;
}
.dp-tabs-img img {
width: 100%;
}
.dp-user-img-wrap {
width: 80%;
max-width: 1300px;
margin-top: 60px;
}
.dp-user-img-wrap .dp-user-img {
width: 30%;
display: inline-block;
max-width: 80%;
background-color: #fff;
padding: 10px;
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
box-sizing: border-box;
position: relative;
margin: 0px 1%;
}
.dp-user-img-wrap .dp-user-img img {
width: 100%;
margin-top: -40px;
}
.dp-tabs-step {
margin: 20px 0px;
width: 100%;
float: left;
}
.nav-tab.nav-tab-inactive.nav-tab-active {
float: left;
border: 1px solid #ccc;
border-bottom: none;
margin-left: .5em;
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 600;
background: #e5e5e5;
color: #555;
text-decoration: none;
white-space: nowrap;
}
.dp-tabs-content-wrap .dp-tabs-step img {
width: 100%;
}
.dp-tabs-img img {
width: 100%;
}
.dp-tabs-content-wrap .dp-tabs-step {
margin-bottom: 50px;
}
.dp-tabs-content-wrap .dp-tabs-step .dp-download{
color: #009933;
}
.dp-tabs-content-wrap .dp-tabs-step .dp-upload{
color: #2271B1;
}
.dp-tabs-content-wrap .dp-tabs-step a {
text-decoration: underline;
}
.dp-tabs-content-wrap .dp-tabs-step a:hover{
text-decoration: none;
}
/*---------------------------------------------------------------------------------------------
*
* Post Box
*
*---------------------------------------------------------------------------------------------*/
/*
#titlediv {
margin-bottom: 20px;
}
*/
#message p a {
display: none;
}
/*---------------------------------------------------------------------------------------------
*
* Postbox: Publish
*
*---------------------------------------------------------------------------------------------*/
#minor-publishing-actions,
#misc-publishing-actions #visibility,
#misc-publishing-actions .curtime {
display: none;
}
#minor-publishing {
border-bottom: 0 none;
}
#misc-pub-section {
border-bottom: 0 none;
}
#misc-publishing-actions .misc-pub-section {
border-bottom-color: #F5F5F5;
}
#submitdiv .acf-button {
width: 100%;
}
#submitdiv #delete-action {
float: none;
margin: 0 0 5px;
}
#submitdiv #publishing-action {
float: none;
}
#submitdiv #publishing-action img {
display: none;
}
#delete-action .delete-field-group {
color: #BC0B0B;
text-decoration: none;
}
#delete-action .delete-field-group:hover {
color: #f00;
}
.postbox#acf_fields {
border: 0 none;
}
.postbox#acf_fields .handlediv {
display: none;
}
.postbox#acf_fields h3.hndle {
display: none;
}
.postbox#acf_fields .inside {
margin: 0;
padding: 0;
}
.postbox#acf_fields a {
text-decoration: none;
}
/*---------------------------------------------------------------------------------------------
*
* Table
*
*---------------------------------------------------------------------------------------------*/
table.widefat.acf {
border: 0 none;
background: transparent none;
}
table.widefat.acf td {
border: 0 none;
}
.acf,
.acf tr,
.acf tr td {
vertical-align: top;
}
.acf tr th span {
color: #666;
font-size: 10px;
line-height: 1.2;
font-weight: normal;
text-shadow: 0 1px 0 #FFFFFF;
}
.acf tr td.field_order,
.acf tr th.field_order {
text-indent: 5px;
}
.acf tr td.field_order {
cursor: move;
}
.acf tr td.field_order,
.acf tr th.field_order,
.acf tr td.field_label,
.acf tr th.field_label,
.acf tr td.field_name,
.acf tr th.field_name,
.acf tr td.field_type,
.acf tr th.field_type {
width: 25%;
}
.acf.show-field_key tr td.field_order,
.acf.show-field_key tr th.field_order,
.acf.show-field_key tr td.field_label,
.acf.show-field_key tr th.field_label,
.acf.show-field_key tr td.field_name,
.acf.show-field_key tr th.field_name,
.acf.show-field_key tr td.field_type,
.acf.show-field_key tr th.field_type,
.acf.show-field_key tr td.field_key,
.acf.show-field_key tr th.field_key {
width: 20%;
}
.acf tr td.field_key,
.acf tr th.field_key {
display: none;
}
.acf.show-field_key tr td.field_key,
.acf.show-field_key tr th.field_key {
display: table-cell;
}
.acf tr td {
background: transparent;
padding: 8px;
position: relative;
font-size: 12px;
line-height: 13px;
}
/* Screen Options */
.show-field_key label {
padding: 0 2px 0 8px;
}
/*---------------------------------------------------------------------------------------------
*
* Fields Header
*
*---------------------------------------------------------------------------------------------*/
.fields_header {
border: #DFDFDF solid 1px;
border-bottom: 0 none;
}
.fields_header th {
font-weight: bold;
}
/*---------------------------------------------------------------------------------------------
*
* Fields Meta
*
*---------------------------------------------------------------------------------------------*/
#acf_fields .field_meta {
}
#acf_fields .field .field_meta {
border: #DFDFDF solid 1px;
border-bottom-color: #F0F0F0;
border-top: 0 none;
}
#acf_fields .field .field_meta td {
padding: 10px 8px;
}
#acf_fields .field .field_meta strong {
display: block;
padding-bottom: 6px;
font-size: 13px;
line-height: 13px;
}
#acf_fields .field .field_meta .row_options {
font-size: 12px;
line-height: 12px;
visibility: hidden;
}
#acf_fields .field .field_meta:hover .row_options {
visibility: visible;
}
#acf_fields .field.form_open > .field_meta {
background: #3595BC;
background-image: -webkit-gradient(linear, left top, left bottom, from(#46AFDB), to(#3199C5)); /* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, #46AFDB, #3199C5); /* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #46AFDB, #3199C5); /* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, #46AFDB, #3199C5); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #46AFDB, #3199C5); /* Firefox 16+ */
border: #268FBB solid 1px;
text-shadow: #268FBB 0 1px 0;
box-shadow: inset #5FC8F4 0 1px 0 0;
color: #fff;
position: relative;
}
#acf_fields .field.form_open > .field_meta td,
#acf_fields .field.form_open > .field_meta a {
color: inherit;
}
#acf_fields .fields .field .field_meta .circle {
background: transparent;
cursor: move;
margin: 2px 0 0;
border: 1px solid #BBBBBB;
border-radius: 12px;
display: block;
font-size: 12px;
height: 22px;
line-height: 22px;
overflow: hidden;
position: relative;
text-align: center;
width: 22px;
line-height: 23px;
text-indent: 0;
margin-left: 6px;
}
#acf_fields .field.form_open > .field_meta .circle {
color: #fff;
border-color: #fff;
}
.fields {
position: relative;
background: #FCFCFC;
}
.fields .field {
position: relative;
overflow: hidden;
background: #fff;
}
#acf_fields .ui-sortable-helper {
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
#acf_fields .ui-sortable-placeholder {
visibility: visible !important;
}
#acf_fields .ui-sortable-placeholder td {
border: 0 none !important;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
background: rgba(0,0,0,0.075);
}
/*
.fields .field:nth-child(even) {
background: #F9F9F9;
}
*/
.fields .field_key-field_clone {
display: none;
}
.fields .field:first-child {
border-top: 0 none;
}
.fields .field:last-child {
border-bottom: 0 none;
}
.fields .field.ui-sortable-placeholder {
background: #F9F9F9;
border: #DFDFDF solid 1px;
border-bottom-color: #F0F0F0;
border-top: 0 none;
}
/*---------------------------------------------------------------------------------------------
Table Body - Fields
---------------------------------------------------------------------------------------------*/
.no_fields_message {
padding: 15px 10px;
border: #DFDFDF solid 1px;
border: 1px solid #DFDFDF;
border-top: 0 none;
}
/*---------------------------------------------------------------------------------------------
Table Footer
---------------------------------------------------------------------------------------------*/
#acf_fields .table_footer {
position: relative;
overflow: hidden;
padding: 8px;
background: #EAF2FA;
border: #c7d7e2 solid 1px;
margin-top: -1px;
}
#acf_fields .table_footer .order_message {
background: url(../images/sprite.png) -50px 0px no-repeat;
color: #7A9BBE;
float: left;
font-family: Comic Sans MS, sans-serif;
font-size: 12px;
height: 13px;
line-height: 1em;
margin: 2px 0 0 11px;
padding: 6px 0 0 24px;
text-shadow: 0 1px 0 #FFFFFF;
width: 161px;
}
#acf_fields .table_footer a#add_field{
display: block;
float: right;
margin: 0;
}
.inline_metabox {
border: 0 none;
width: 100%;
}
.inline_metabox h3 {
border: 0 none;
}
/*---------------------------------------------------------------------------------------------
Field Options
---------------------------------------------------------------------------------------------*/
.field_options {
background: #DFDFDF;
position: relative;
overflow: hidden;
}
.field_options .field_option {
display: none;
position: relative;
overflow: hidden;
padding: 6px;
}
.field_options .field_option.open {
display: block;
}
.field_options .field_option table {
border: #CCCCCC solid 1px;
border-radius: 5px;
}
.field_save td {
line-height: 25px;
}
/*---------------------------------------------------------------------------------------------
Repeater
---------------------------------------------------------------------------------------------*/
.repeater {
position: relative;
}
table.acf_input tr td .acf tr td {
background: transparent;
padding: 8px;
position: relative;
font-size: 12px;
border: 0 none;
}
.repeater.layout-row > .fields > .field > .field_form_mask > .field_form > .widefat > tbody > tr.field_column_width {
display: none;
}
/*---------------------------------------------------------------------------------------------
Field Form
---------------------------------------------------------------------------------------------*/
.field_form {
border: 1px solid #E1E1E1;
border-top: 0 none;
}
.field_form table.acf_input {
border-radius: 0;
}
.field_form_mask {
display: none;
width: 100%;
position: relative;
overflow: hidden;
clear: both;
}
/*---------------------------------------------------------------------------------------------
*
* Location
*
*---------------------------------------------------------------------------------------------*/
#acf_location .inside {
margin: 0;
padding: 0;
}
#acf_location .location-groups {
padding: 5px 0;
}
#acf_location h4 {
margin: 15px 0 5px;
}
#acf_location .location-group {
margin: 0 0 15px;
}
#acf_location .location-group h4 {
margin: 0 0 3px;;
}
#acf_location .location-group table.acf_input tbody tr td {
padding: 4px;
border: 0 none;
}
#acf_location .location-group td.param {
width: 40%;
}
#acf_location .location-group td.operator {
width: 20%;
}
#acf_location .location-group td.add {
width: 40px;
}
#acf_location .location-group td.remove {
width: 18px;
vertical-align: middle;
}
#acf_location .location-group tr .location-remove-rule {
display: none;
}
#acf_location .location-group tr:hover .location-remove-rule {
display: block;
}
/* Don't allow user to delete the first field group */
#acf_location .location-group:first-child tr:first-child:hover .location-remove-rule {
display: none;
}
/*---------------------------------------------------------------------------------------------
Location Rules
---------------------------------------------------------------------------------------------*/
.location_rules {
}
table.acf-rules {
}
table.acf-rules tbody tr {
}
table.acf-rules tbody tr td.buttons {
width: 48px;
vertical-align: middle;
}
table.acf-rules tbody tr td.buttons li {
padding-left: 5px;
}
table.acf-rules.remove-disabled tbody .acf-button-remove {
opacity: 0.4;
cursor: default;
background-position: -66px -116px !important;
}
table.acf-rules tbody .acf-loading {
margin: 0 auto;
margin-top: -2px;
}
/*---------------------------------------------------------------------------------------------
*
* Options
*
*---------------------------------------------------------------------------------------------*/
.postbox#acf_options .inside {
margin: 0;
padding: 0;
}
.postbox#acf_options h3 span.description {
font-size: 11px;
color: #666;
font-weight: normal;
font-style: normal;
padding-left: 4px;
}
.postbox#acf_options ul.acf-checkbox-list {
display: block;
float: left;
width: 300px;
}
.postbox#acf_options ul.acf-checkbox-list li {
display: block;
}
ul.acf-checkbox-list li input {
margin: 2px 5px 0 0;
vertical-align: top;
}
/*---------------------------------------------------------------------------------------------
*
* Select with Optgroup
*
*---------------------------------------------------------------------------------------------*/
#acf_fields select optgroup,
#acf_location select optgroup {
padding: 5px 5px;
background: #fff;
}
#acf_fields select optgroup option:first-child,
#acf_location select optgroup option:first-child{
}
#acf_fields select option,
#acf_location select option {
padding: 3px;
}
#acf_fields select optgroup option,
#acf_location select optgroup option {
padding-left: 5px;
}
#acf_fields select optgroup:nth-child(2n),
#acf_location select optgroup:nth-child(2n) {
background: #F9F9F9;
}
/*---------------------------------------------------------------------------------------------
*
* Conditional Logic
*
*---------------------------------------------------------------------------------------------*/
table.conditional-logic-rules {
background: transparent;
border: 0 none;
border-radius: 0;
}
table.conditional-logic-rules tbody td {
background: transparent;
border: 0 none !important;
padding: 5px 2px !important;
}
/*---------------------------------------------------------------------------------------------
*
* Field: Tab
*
*---------------------------------------------------------------------------------------------*/
#acf_fields .fields .field_type-tab tr.field_name,
#acf_fields .fields .field_type-tab tr.field_instructions,
#acf_fields .fields .field_type-tab tr.required {
display: none;
}
/*---------------------------------------------------------------------------------------------
*
* Field: Message
*
*---------------------------------------------------------------------------------------------*/
#acf_fields .fields .field_type-message tr.field_name,
#acf_fields .fields .field_type-message tr.field_instructions,
#acf_fields .fields .field_type-message tr.required {
display: none;
}
#acf_fields .fields .field_type-message textarea {
height: 175px;
}
/*--------------------------------------------------------------------------
*
* Retina
*
*-------------------------------------------------------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
#icon-edit,
#acf_fields .table_footer .order_message {
background-image: url(../images/sprite@2x.png);
background-size: 100px 600px;
}
}
/*--------------------------------------------------------------------------
*
* Firefox
*
*-------------------------------------------------------------------------*/
@-moz-document url-prefix() {
#acf_fields .fields .field .field_meta .circle {
line-height: 21px;
}
}