/* grid */
.di-col-1 {
	width: calc(8.32333333% - 24px);
}
.di-col-2 {
	width: calc(16.64666667% - 24px);
}
.di-col-3 {
	width: calc(24.97% - 24px);
}
.di-col-4 {
	width: calc(33.29333333% - 24px);
}
.di-col-5 {
	width: calc(41.61666667% - 24px);
}
.di-col-6 {
	width: calc(49.94% - 24px);
}
.di-col-7 {
	width: calc(58.26333333% - 24px);
}
.di-col-8 {
	width: calc(66.58666667% - 24px);
}
.di-col-9 {
	width: calc(74.91% - 24px);
}
.di-col-10 {
	width: calc(83.23333333% - 24px);
}
.di-col-11 {
	width: calc(91.55666667% - 24px);
}
.di-col-12 {
	width: calc(99.88% - 24px);
}




/* layout fix */
body.di-pb-popup-open {
	overflow: hidden;
}
body.divein-page-builder-active #postdivrich {
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
}
body:not(.divein-page-builder-active) #divein-page-builder {
	display: none;
}
#divein-page-builder {
	border-top: none;
}
#divein-page-builder > h2,
#divein-page-builder > .handlediv {
	display: none;
}
#divein-page-builder > .inside {
	padding: 0;
	margin: 0;
}




/* builder */
.divein-page-builder-root {
	float: none;
	width: 100%;
}
.divein-page-builder-root div {
	box-sizing: border-box;
}
.di-pb-editor-buttons {
	text-align: right;
	background: #f1f1f1;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 -1px 0 -2px;
	padding-top: 6px;
}
.di-pb-editor-buttons > span {
	display: inline-block;
	background: #ebebeb;
	color: #555;
	margin-left: 5px;
	padding: 5px 8px;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	cursor: pointer;
}
.di-pb-editor-buttons > span:first-child {
	background: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: -1px;
}
.use-divein-builder {
	float: left;
	background: #ebebeb;
	color: #555;
	margin-top: 6px;
	padding: 5px 8px;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	cursor: pointer;
}
.di-pb-loading {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	font-size: 100px;
	text-align: center;
}


.di-pb-header {
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
}
.di-pb-header-buttons {
	margin: 0 0 0 4px;
}
.di-pb-header-buttons li {
	display: inline-block;
	border: 1px solid #ddd;
	background: #fbfbfb;
	text-align: center;
	padding: 4px 10px 5px;
	margin-top: 10px;
	margin-left: 4px;
	text-transform: capitalize;
	line-height: 19px;
	cursor: pointer;
	user-select: none;
	border-radius: 4px;
}
.di-pb-header-buttons li:hover {
	border: 1px solid #aaa;
}
.di-pb-header-buttons li.di-pb-disabled {
	background: transparent !important;
	border: 1px solid #ddd !important;
	cursor: default;
	color: #888;
}
/*.di-pb-header input {
	float: right;
	margin: 12px 10px;
	border: 1px solid #eee;
}*/

.di-pb-content {
	width: 100%;
	padding: 24px 24px 50px 24px;
	background: #fff;
}
.di-pb-content:empty {
	height: 258px;
	text-align: center;
}
.di-pb-content:empty::before {
	content: "Add / Import Container";
	display: inline-block;
	margin-top: 56px;
	padding: 8px 34px;
	border: 4px double #E3E3E3;
	background: #fff;
	cursor: pointer;
}
.di-pb-content:empty::after {
	content: "Add a Container and start building your page.";
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	color: #ccc;
	font-size: 30px;
	font-style: italic;
}
.di-pb-nested-open > .divein-page-builder > .di-pb-content {
	display: none;
}
.di-pb-add-container {
	float: left;
	clear: both;
	border: 4px double #eee;
	margin-top: -49px;
	margin-left: 5px;
	padding: 8px 20px;
	text-align: center;
	cursor: pointer;
}
.di-pb-add-container:hover {
	background: #fbfbfb;
}
.di-pb-content:empty + .di-pb-add-container {
	display: none;
}




/* control buttons and menu */
.di-pb-open-control-menu {
	float: left;
	width: 30px;
	line-height: 15px;
	border-radius: 15px;
	margin: 0 6px;
	text-align: center;
	color: #444;
	opacity: 0;
	transition: all 0.3s;
	cursor: pointer;
}
div:hover > div > .di-pb-open-control-menu {
	opacity: 1;
}
.menu-active .di-pb-open-control-menu, .di-pb-open-control-menu:hover {
	opacity: 1;
	background: #fff;
	box-shadow: 0 0 1px #555;
}
.di-pb-module .menu-active .di-pb-open-control-menu, .di-pb-module .di-pb-open-control-menu:hover {
	background: #eee;
}

.di-pb-controls:not(.menu-active) > .di-pb-control-menu {
	display: none;
}
.di-pb-control-menu {
	position: absolute;
	z-index: 999;
	margin-left: -6px;
	margin-top: 24px;
	width: 200px;
	background: #fff;
	border-bottom: 0;
	border-radius: 2px 2px 5px 5px;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}
.di-pb-control-menu::before {
	content: "";
	float: left;
	position: absolute;
	top: -5px;
	left: 21px;
	width: 12px;
	height: 12px;
	background: #fff;
	transform: rotate(45deg);
}
.di-pb-control-menu li {
	box-sizing: border-box;
	position: relative;
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
	color: #777;
	cursor: pointer;
}
.di-pb-control-menu li:hover {
	background: #f5f5f5;
}
.di-pb-control-menu i::before{
	width: 30px;
	text-align: center;
	margin-left: -9px;
	vertical-align: bottom;
}
.di-pb-control-menu .di-pb-clone i,
.di-pb-control-menu .di-pb-export i {
	font-size: 12px;
}
.di-pb-control-menu .di-pb-collapse i {
	font-size: 16px;
}

.di-pb-expand {
	display: inline-block;
	font-size: 20px;
	color: #555;
	background: #eee;
	box-shadow: 0 0 1px #555;
	cursor: pointer;
	border-radius: 50px;
	margin-left: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	transition: all 0.3s;
}
.di-pb-expand:hover{
	background:#fff;
}
.di-pb-add-column {
	float: left;
	margin-top: -17px;
	text-align: left;
	color: #ccc;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 36px 3px 13px;
	cursor: pointer;
	transition: all 0.3s;
}
.di-pb-container-content:empty + .di-pb-add-column,
.di-pb-collapsed .di-pb-add-column {
	display: none;
}
.di-pb-add-column:hover {
	background: #eee;
	color: #aaa;
}

.di-pb-add-element {
	float: left;
	margin-top: -15px;
	text-align: left;
	color: #ccc;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 30px 4px 12px;
	cursor: pointer;
}
.di-pb-column-content:empty + .di-pb-add-element {
	display: none;
}
.di-pb-add-element:hover {
	background: #F9F9F9;
	color: #aaa;
}
.di-pb-column:hover .di-pb-add-element {
	opacity: 1;
}
.di-pb-control-menu .di-pb-column-size {
	padding: 0;
	padding-bottom: 10px;
	margin-top: 20px;
	border-top: 1px solid #eee;
	cursor: default;
}
.di-pb-control-menu .di-pb-column-size:hover {
	background: transparent;
}
li.di-pb-column-size::before {
	content: "Select Column Size :";
	position: absolute;
	top: -20px;
	left: 7px;
	font-size: 10px;
	color: #aaa;
	font-style: italic;
}
.di-pb-column-size i {
	box-sizing: border-box;
	display: inline-block;
	width: 16.6666%;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 10px 0;
	font-style: normal;
	cursor: pointer;
}
.di-pb-column-size i:hover {
	background: #f5f5f5;
}
.di-pb-column-size i.selected {
	background: #00b9eb;
	color: #fff;
}


/* container */
.di-pb-container {
	display: inline-block;
	width: 100%;
	border: 1px solid #eee;
	background: #f8f8f8;
	margin-bottom: 50px;
}
.di-pb-collapsed {
	height: 40px;
}

.di-pb-container > .di-pb-controls {
	float: left;
	width: 100%;
	height: 24px;
	padding-top: 4px;
}
.di-pb-collapsed > .di-pb-controls .di-pb-open-control-menu {
	display: none;
}
.di-pb-container-content {
	float: left;
	width: 100%;
	padding-left: 24px;
}
.di-pb-container-content:empty {
	text-align: center;
}
.di-pb-container-content:empty::before {
	content: "Add Columns";
	display: inline-block;
	margin-top: 12px;
	margin-left: -24px;
	border: 1px dashed #ddd;
	padding: 8px 40px;
	cursor: pointer;
}
.di-pb-container-content:empty::after {
	content: "This is a blank Container. Add Columns and Elements inside it.";
	display: inline-block;
	width: 100%;
	margin-top: 14px;
	margin-left:-24px;
	color: #ccc;
	font-size: 15px;
	font-style: italic;
}
.di-pb-collapsed .di-pb-container-content {
	max-width: 0;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
}
:not(.di-pb-collapsed) .di-pb-container-content {
	min-height: 104px;
}


/* column */
.di-pb-column {
	display: inline-block;
	vertical-align: top;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-color: #e5e6e9 #dfe0e4 #dfe0e4;
	margin: 0 24px 24px 0;
}
.di-pb-column > .di-pb-controls {
	float: left;
	width: 100%;
	height: 16px;
}
.di-pb-column-content {
	float: left;
	width: 100%;
	padding: 0 12px 12px 12px;
	min-height: 61px;
}
.di-pb-column-content:empty {
	text-align: center;
}
.di-pb-column-content:empty::before {
	content: "Add Element";
	display: inline-block;
	border: 1px dashed #ccc;
	background: #f5f5f5;
	padding: 8px 0;
	line-height: 17px;
	margin: 7px 0;
	width: 120px;
	max-width: 99%;
	cursor: pointer;
}
.di-col-1 .di-pb-column-content:empty::before,
.di-col-2 .di-pb-column-content:empty::before {
	content: "+";
}


/* module */
.di-pb-module {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 12px;
	border-radius: 2px;
	text-align: left;
	position: relative;
	cursor: pointer;
}
.di-pb-module > .di-pb-controls {
	position: absolute;
	right: 0;
}
.di-pb-module > span {
	float: left;
	width: 100%;
	max-height: 200px;
	overflow: hidden;
	color: #777;
	cursor: pointer;
}
.di-pb-module > span > i{
	margin-right: 6px;
	color: #888;
}
.di-pb-paragraph-excerpt {
	font-style: italic;
}
.di-pb-heading-excerpt {
	font-weight: bold;
	font-style: italic;
}
.di-pb-module-title {
	color: #777;
	font-size: 12px;
}
.di-pb-image-thumb {
	max-width: 100%;
	width: 100px;
	color: #ccc;
	overflow: hidden;
}


/* sortable placeholder */
.ui-sortable-placeholder {
	visibility: visible !important;
	border: 1px dashed #ccc !important;
	background: transparent !important;
}




/* settings box */
.di-pb-popup {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding: 50px 20px;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
}
.di-pb-popup-wrapper {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: auto;
	background: #eee;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	overflow: hidden;
}


.di-pb-popup-header {
	position: absolute;
	top: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 60px;
}
.di-pb-popup-header .di-pb-close-popup {
	float: right;
	font-size: 19px;
	padding: 19px;
	border-left: 1px solid #eee;
	cursor: pointer;
}
.di-pb-popup-header .di-pb-close-popup:hover {
	background: #f8f8f8;
}
.di-pb-popup-header h3 {
	display: inline-block;
	padding-left: 30px;
	margin-top: 20px;
}


.di-pb-popup-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	border-top: 1px solid #ddd;
}
.di-pb-popup-footer .di-pb-close-popup {
	display: inline-block;
	margin: 20px 0 0 30px;
	color: #B92E2E;
	font-style: italic;
	cursor: pointer;
}
.di-pb-popup-footer .di-pb-save-settings {
	float: right;
	margin: 11px;
	color: #fff;
	font-weight: bold;
	background: #00b9eb;
	padding: 10px 30px;
	cursor: pointer;
	user-select: none;
}


.di-pb-popup-menu {
	position: absolute;
	left: 0;
	top: 60px;
	bottom: 60px;
	width: 15%;
	background: #f8f8f8;
	border-right: 1px solid #ddd;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.di-pb-popup-menu-items {
	margin-top: 100px;
	border-top: 1px solid #eee;
}
.di-pb-popup-menu-items span {
	box-sizing: border-box;
	float: left;
	padding: 15px 10px 15px 30px;
	border-bottom: 1px solid #eee;
	width: 100%;
	text-transform: capitalize;
	cursor: pointer;
	user-select: none;
}
.di-pb-popup-menu-items span:hover {
	background: #f3f3f3;
}
.di-pb-popup-menu-items span.di-pb-active-tab {
	background: #eee;
}

.di-pb-popup-content {
	position: absolute;
	top: 60px;
	bottom: 60px;
	right: 0;
	width: 85%;
	padding: 0 10px;
	background: #eee;
	overflow-y: scroll;
}
.di-pb-popup-content > div {
	display: none;
	padding: 10px 0;
}
.di-pb-popup-content > div.di-pb-active-tab {
	display: block;
}
.di-pb-popup-content-full {
	position: absolute;
	top: 60px;
	bottom: 60px;
	left: 0;
	width: 100%;
	padding: 0 30px;
	background: #eee;
	overflow: auto;
}
.di-pb-popup-content-full > div {
	padding: 10px 0;
}
.di-pb-popup-content-full .di-pb-fields {
	padding-right: 0;
}
.di-pb-popup-content-full .di-pb-cs,
.di-pb-popup-content-full .di-pb-cbs {
	padding-right: 20px;
}


.di-pb-indent .di-pb-details {
	padding-left: 20px;
}
.di-pb-gs {
	padding: 16px 20px 9px 20px !important;
	cursor: pointer;
}
.di-pb-gs.expanded {
	background: #F5F5F5;
}
.di-pb-gs.expanded i {
	transform: rotate(180deg);
}
.di-pb-gs .di-pb-details {
	vertical-align: top;
}
.di-pb-hs,
.di-pb-ge {
	display: none;
}
.di-pb-gap {
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.di-pb-sep {
	padding: 20px 0 10px 0;
}
.di-pb-sep h3 {
	text-transform: capitalize;
	padding-left: 8px;
}


.di-pb-cs {
	padding: 20px;
	padding-right: calc(20px + 5%);
	margin-bottom: -1px;
	background: #FBFBFB;
	border: 1px solid #E6E6E6;
}
.di-pb-cs h3 {
	margin: 0 0 8px 0;
	color: #333;
	font-size: 14px;
}
/*.di-pb-cs p {
	margin: 0;
	margin-bottom: 6px;
	color: #aaa;
	font-style: italic;
	text-shadow: 1px 1px #fff;
}*/
.di-pb-cs textarea {
	width: 100%;
	padding: 8px;
	background: #f1f1f1;
	height: 200px;
}


.di-pb-ms {
	padding: 20px;
}
.di-pb-multi {
	max-width: 400px;
}
.di-pb-multi-item {
	border: 1px solid #E3E3E3;
	background: #fff;
	padding: 10px 0 10px 12px;
	margin-bottom: 12px;
}
.di-pb-multi-item-buttons {
	float: right;
	text-align: right;
	margin-top: -10px;
}
.di-pb-multi-item-buttons i {
	background: #fff;
	color: #777;
	border-bottom: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	padding: 10px 12px 9px;
	float: right;
	text-align: center;
	cursor: pointer;
}
.di-pb-multi-item .excerpt:empty::before {
	content: "Item";
	Color: #ccc;
}


.di-pb-cbs {
	padding: 30px 20px;
	padding-right: calc(20px + 5%);
	margin-bottom: -1px;
	background: #FBFBFB;
	border: 1px solid #E6E6E6;
}
.di-pb-cbs h3 {
	margin: 0 0 8px 0;
	color: #333;
	font-size: 14px;
}
.di-pb-cbs p {
	margin: 0;
	margin-bottom: 6px;
	color: #aaa;
	font-style: italic;
	text-shadow: 1px 1px #fff;
}
.di-pb-cbs-tab {
	text-align: right;
	margin-top: -22px;
	border-bottom: 1px solid #E3E3E3;
}
.di-pb-cbs-tab > span {
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	background: #f1f1f1;
	padding: 4px 16px 6px 16px;
	border: 1px solid #E3E3E3;
	margin: 0 0 -1px 4px;
}
.di-pb-cbs-tab > span.di-pb-cbs-active-tab {
	border-bottom: 1px solid #f5f5f5;
	background: #f5f5f5;
}
.di-pb-cbs-content {
	display: inline-block;
	width: 100%;
	border: 1px solid #E3E3E3;
	border-top: none;
}
.di-pb-cbs-content > div {
	display: none;
}
.di-pb-cbs-content > div.di-pb-valuable {
	display: block;
}
.di-pb-cbs-content textarea {
	float: left;
	width: 100%;
	height: 200px;
	border: none;
	border-top: 6px solid #f5f5f5;
	padding: 8px;
	background: #f1f1f1;
}


.di-pb-ss {
	width: 100%;
	padding: 24px 20px;
	background: #FBFBFB;
	margin-bottom: -1px;
	border: 1px solid #E6E6E6;
}
/*.di-pb-ss div {
	display: inline-block;
	vertical-align: middle;
}*/
.di-pb-details {
	display: inline-block;
	width: 40%;
	padding-right: 5%;
}
.di-pb-fields {
	display: inline-block;
	width: 60%;
	padding-right: 5%;
}
.di-pb-ss h3 {
	margin: 0 0 8px 0;
	color: #333;
	font-size: 14px;
	text-transform: capitalize;
}
/*.di-pb-ss p {
	margin: 0;
	color: #aaa;
	font-style: italic;
	text-shadow: 1px 1px #fff;
}*/
.di-pb-ss input {
	border: 1px solid #E3E3E3;
	width: 100%;
	background: #f8f8f8;
	padding: 5px 8px;
	margin: 0;
	outline: none;
}
.di-pb-ss input:focus {
	background: #f1f1f1;
}
.di-pb-ss textarea {
	border: 1px solid #E3E3E3;
	background: #f1f1f1;
	width: 100%;
	padding: 8px;
	margin: 0;
	outline: none;
}
.di-pb-number {
	display: inline-block;
	vertical-align: top;
	max-width: 160px;
}
.di-pb-number input {
	padding-right: 26px;
}
.di-pb-number i {
	position: absolute;
	margin-left: -24px;
	padding: 1px 8px;
	line-height: 12px;
	color: #888;
	display: none;
	cursor: pointer;
}
.di-pb-number:hover i {
	display: inline-block;
}
.di-pb-number i:hover {
	background: #eee;
	color: #333;
}
.di-pb-increment {
	margin-top: 1px;
}
.di-pb-decrement {
	margin-top: 15px;
}
.di-pb-radio > div,
.di-pb-check > div,
.di-pb-button {
	display: inline-block;
	border: 1px solid #E3E3E3;
	background: #f8f8f8;
	text-align: center;
	padding: 6px 24px;
	text-transform: capitalize;
	line-height: 19px;
	cursor: pointer;
	user-select: none;
}
.di-pb-radio > div {
	margin-left: -1px;
	margin-bottom: -1px;
}
.di-pb-check > div {
	margin-right: 4px;
	margin-bottom: 4px;
}
.di-pb-radio > div.selected,
.di-pb-check > div.selected {
	background: #00b9eb;
	border-color: #00b9eb;
	color: #fff;
}
.di-pb-select {
	width: 100%;
	position: relative;
	user-select: none;
}
.di-pb-select-down {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 6px 10px;
	border-left: 1px solid #E3E3E3;
	font-size: 16px;
	background: #f5f5f5;
	cursor: pointer;
}
.di-pb-select-chosen {
	width: 100%;
	min-height: 32px;
	padding: 5px 10px;
	border: 1px solid #E3E3E3;
	cursor: default;
	background: #f8f8f8;
}
.di-pb-select-chosen:empty::before {
	content: "Select";
	color: #bbb;
}
.di-pb-remove-chosen {
	position: absolute;
	right: 45px;
	top: 7px;
	cursor: pointer;
}
.di-pb-select-options {
	position: absolute;
	z-index: 2;
	top: 30px;
	left: 0;
	right: 0;
	background: #f8f8f8;
	border: 1px solid #E3E3E3;
	max-height: 200px;
	overflow: auto;
}
.di-pb-select:not(.expanded) .di-pb-select-options {
	display: none;
}
.di-pb-select-options > div {
	width: 100%;
	padding: 8px 10px;
	border-top: 0;
	background: #fff;
	cursor: pointer;
}
.di-pb-select-options > div:hover {
	background: #f8f8f8;
}
.di-pb-select-options > div.selected {
	display: none;
}
.di-pb-presets > div {
	color: #00b9eb;
	margin-right: 4px;
	margin-bottom: 4px;
	border-color: #00b9eb;
	border-radius: 30px;
}
.di-pb-presets > div:hover {
	box-shadow: -2px 1px 3px #ccc;
}

.di-pb-ss.image-section input {
	width: calc(100% - 100px);
}
.di-pb-ss.image-section .image-button {
	float: right;
	padding: 5px 24px;
}
.di-pb-ss.image-section img {
	float: right;
	max-width: 100%;
	max-height: 200px;
	margin-top: 8px;
}
.di-pb-ss.image-section img[src=""] {
	display: none;
}

.di-pb-color-picker {
	max-width: 260px;
}
.di-pb-color-picker .wp-color-result {
	vertical-align: top;
	border: 4px solid #fff !important;
	box-shadow: 0 0px 4px #ccc !important;
	padding-left: 60px !important;
	height: 30px !important;
	box-sizing: border-box;
}
.di-pb-color-picker .wp-color-result:after,
.di-pb-color-picker .wp-color-result-text {
	display: none;
}
.di-pb-color-picker input.wp-color-picker {
	width: 119px !important;
}
.di-pb-color-picker .wp-picker-clear,
.di-pb-color-picker .wp-picker-clear:hover,
.di-pb-color-picker .wp-picker-clear:focus ,
.di-pb-color-picker .wp-picker-clear:active {
	width: 60px;
	margin-left: 4px;
	height: 31px !important;
	background: #f8f8f8;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	transform: translateY(0);
}
.di-pb-color-picker .color-alpha {
	width: 60px !important;
	height: 22px !important;
}
.di-pb-color-picker .iris-picker,
.di-pb-color-picker .iris-picker * {
	box-sizing: content-box;
}

.di-pb-device-tab {
	width: 100%;
}
.di-pb-device-menu {
	margin-bottom: 12px;
	width: 100%;
	text-align: left;
}
.di-pb-device-menu > span {
	display: inline-block;
	cursor: pointer;
	margin: 0 6px 0 0;
	padding: 0 16px 1px 16px;
	text-transform: uppercase;
	font-size: 9px;
	border: 1px solid #ddd;
	background: #f8f8f8;
}
.di-pb-device-menu > span:hover {

}
.di-pb-device-menu > span.di-pb-active-tab {
	background: #eee;
}
.di-pb-device-content {
	width: 100%;
}
.di-pb-device-content > div {
	display: none;
}
.di-pb-device-content > div.di-pb-active-tab {
	display: block;
}

.di-pb-input-set {
	width: 102%;
}
.di-pb-input-set input {
	display: inline-block;
	width: 23%;
	margin-right: 2%;
	padding-left: 7%;
}
.di-pb-label-set {
	width: 102%;
	display: flex !important;
	flex-wrap: wrap;
}
.di-pb-label-set label {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: 6%;
	margin-right: 19%;
	margin-top: -30px;
	height: 29px;
	padding-top: 5px;
	text-align: center;
	background: #f1f1f1;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	color: #888;
}




/* components */
.di-pb-popup.components .di-pb-popup-wrapper {
	max-width: 380px;
}
.di-pb-popup.components .di-pb-popup-content-full {
	padding: 0 24px 0 30px;
}

.di-pb-container-library {
	width: 100%;
	margin: 24px 0 0 0;
}
.di-pb-container-library > li {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 47%;
	height: 54px;
	margin-bottom: 20px;
	padding: 3% 2% 3% 3%;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}
.di-pb-container-library li:nth-child(odd) {
	margin-right: 6%;
}
.di-pb-container-library > li > i {
	display: inline-block;
	box-sizing: border-box;
	background: #eee;
	border: 1px solid #ddd;
	height: 100%;
	margin-right: 3%;
	padding-top: 7px;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	color: #555;
}
.di-pb-import-container {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.di-pb-import-container textarea {
	width: 100%;
	height: 200px;
}
.di-pb-import-container .import-container {
	float: right;
}

.di-pb-column-library {
	width: 100%;
	margin: 24px 0 0 0;
}
.di-pb-column-library > li {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 47%;
	height: 54px;
	margin-bottom: 20px;
	padding: 3% 2% 3% 3%;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}
.di-pb-column-library li:nth-child(odd) {
	margin-right: 6%;
}
.di-pb-column-library > li > i {
	display: inline-block;
	box-sizing: border-box;
	background: #eee;
	border: 1px solid #ddd;
	height: 100%;
	margin-right: 3%;
	padding-top: 7px;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	color: #555;
}

.di-pb-module-library li {
	box-sizing: border-box;
	display: inline-block;
	width: 47%;
	margin-bottom: 12px;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}
.di-pb-module-library li:nth-child(odd) {
	margin-right: 6%;
}
.di-pb-module-library li i{
	width: 25px;
	color: #888;
}

.di-pb-popup.export .di-pb-popup-content-full {
	padding: 60px;
}
.di-pb-popup.export .di-pb-popup-footer .di-pb-close-popup {
	float: right;
	margin: 11px;
	color: #fff;
	font-weight: bold;
	background: #00b9eb;
	padding: 10px 30px;
}




/* di-pb-editor */
body:not(.di-pb-editor-open) .di-pb-editor {
	display: none;
}
.di-pb-editor {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: calc(100% - 242px);
	top: 120px;
	left: 0;
}
#wp-divein-wrap {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	padding: 0 30px;
	margin: auto;
	overflow: hidden;
}
.di-pb-editor .mce-tinymce,
.di-pb-editor .mce-container-body,
#divein_ifr {
	height: 100% !important;
}
#wp-divein-editor-container {
	height: calc(100% - 43px);
}
.di-pb-editor .mce-edit-area {
	height: calc(100% - 58px);
}
.wp-editor-area#divein {
	height: calc(100% - 37px) !important;
}