Current File : /home/inlingua/www/crm/ninexb/wp-content/plugins/futurio-extra/inc/metabox/assets/css/metabox.css

/*--------------------------------------------------------------*/
/* Clearfixing
/*--------------------------------------------------------------*/
.clearfix:before, 
.clearfix:after {
	content: '\0020';
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both
}

/*--------------------------------------------------------------*/
/* General and Basic styles
/*--------------------------------------------------------------*/
.dilaz-metabox {
	margin-top: 0 !important;
	margin-bottom: 0px;
	width:  100%;
}
.dilaz-metabox .header{
	font-size: 14px;
	font-weight: bold;
}
#postbox-container-1 .dilaz-metabox .header {
	padding: 0;
	border-right: 0;
	width: 100%;
	display: none;
}
#postbox-container-1 .dilaz-metabox .row {
	border-bottom: 0;
}

#postbox-container-1 .dilaz-metabox td {
	padding: 0;
}
#postbox-container-1 .dilaz-metabox .description {
	margin-top: 0;
}
.dilaz-metabox .row {
	border-top: 1px solid #ededed;
	padding: 20px;
}
.dilaz-metabox .row:first-child {
	border-top: 0;
}
.dilaz-metabox .left{
	padding: 0 0 10px 0;
	vertical-align:  top;
} 
.dilaz-metabox .right {
	padding: 0 0 0 0;
	margin-left: -1px;
	font-size: 13px;
}
.dilaz-metabox .right .joined-table {
	margin-left: -1px;
	display: table !important;
}
.dilaz-metabox .right .joined-row {
	margin-left: -1px;
	display: table-row !important;
}
.dilaz-metabox .right .joined-cell {
	display: table-cell !important;
	vertical-align: top;
}
.dilaz-metabox .right .joined-cell input,
.dilaz-metabox .right .joined-cell select {
	margin-right: 7px;
}
.dilaz-metabox .right .joined-cell select{
	/* margin-top: -1px !important; */
}
.dilaz-metabox .description, 
.dilaz-metabox .desc2 {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin-top: 8px;
	margin-bottom: 10px;
	color: #999
}
.dilaz-metabox .prefix,
.dilaz-metabox .suffix {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	display: inline-block;
	margin-top: 6px;
	margin-left: 6px;
	color: #A5A5A5;
	vertical-align: top
}
.dilaz-metabox .prefix {
	margin-left: 0;
	margin-right: 6px;
}
.dilaz-metabox-head {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: 3px;
}
.dilaz-metabox-head > div {
    display: table-cell;
    border-top: 1px solid #DDD;
    padding: 10px 0 10px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Rating Criteria */
.dilaz-metabox ul.sortable {
	margin: 0;
	position: relative;
	max-height: 357px;
	overflow-y: auto
}
.dilaz-metabox ul.sortable li {
	position: relative;
	display: block;
	padding: 0 0px 0 76px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0 10px 10px 0;
	background: #f1f1f1;
	color: #464646;
	-webkit-transition: background 0.3s;
	   -moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		 -o-transition: background 0.3s;
			transition: background 0.3s;
}
.dilaz-metabox ul.sortable li > span {
	display: inline-block;
	padding: 5px 7px 5px 5px;
	border-right: 1px solid #ccc;
	width: 170px
}
/* .dilaz-metabox ul.sortable .ui-sortable-placeholder { 
	border: 2px dashed #aaa !important; 
	background: #f9f9f9 !important; 
	visibility: visible !important; 
	margin-bottom: 11px !important; 
	margin-right: 15px !important;
}
.dilaz-metabox ul.sortable.keyvalopts-sortable .ui-sortable-placeholder {
	margin-right: 10px !important;
	width: inherit;
	height: 36px;
} */
.dilaz-metabox ul.sortable li > span.criteria-button,
.dilaz-metabox ul.sortable li > span.del-keyvalopts,
.dilaz-metabox ul.sortable li > span.skill-button {
	border-right: none;
	width: 28px;
	padding-right: 0;
	position: absolute;
	top: 9px;
	right: 0;
	display: block;
	padding: 0 5px;
	background: transparent;
	color: #aaa;
	border-radius: 2px;
	cursor: pointer;
	font-size: 20px;
	/*text-transform: uppercase;*/
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.dilaz-metabox ul.sortable li > span.criteria-button:hover,
.dilaz-metabox ul.sortable li > span.del-keyvalopts:hover,
.dilaz-metabox ul.sortable li > span.skill-button:hover {
	color: #DB0700;
}
.slideshow_remove, 
.bg_slideshow_remove {
	width: auto;
	position: relative;
	display: block;
	padding: 0px 5px;
	right: -1px;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	text-decoration: none;
	font-size: 9px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.slideshow_remove:hover, 
.bg_slideshow_remove:hover {
	background: #DB0700;
	color: #fff;
}
.dilaz-metabox ul.sortable li > span.criteria-name,
.dilaz-metabox ul.sortable li > span.keyvalopts-value,
.dilaz-metabox ul.sortable li > span.skill-name {
	border-left: 1px solid #ccc;
}
.dilaz-metabox ul.sortable li > span.criteria-name input,
.dilaz-metabox ul.sortable li > span.criteria-score input,
.dilaz-metabox ul.sortable li > span.keyvalopts-value input,
.dilaz-metabox ul.sortable li > span.keyvalopts-label input {
	width: 100%;
}
.dilaz-metabox ul.sortable li > span.move-handle {
	position: absolute;
	top: 11px;
	left: 10px;
	height: 20px;
	width: 20px;
	padding: 0;
	border: none;
	cursor: move;
	color: #888;
}
.dilaz-metabox ul.sortable li > span.add-adj-keyvalopts {
	position: absolute;
	left: 38px;
	height: inherit;
	width: 20px;
	height: 20px;
	padding: 12px 12px 8px 8px;
	cursor: pointer;
	border: none;
	border-left: 1px solid #ccc;
	color: #888;
}
.dilaz-metabox td {
	padding-top: 10px;
	padding-right: 0 !important;
}

/*--------------------------------------------------------------*/
/* Multitext
/*--------------------------------------------------------------*/
.dilaz-mb-field-multitext .dilaz-mb-multi-text {
	margin-bottom: 14px;
}
.dilaz-mb-field-multitext .option .inline {
	float: none;
	display: inline-block;
}
.dilaz-mb-field-multitext .option .inline input{
	width: 100%
}
.dilaz-mb-multi-text-wrap {
	margin-right: 10px;
}

/*--------------------------------------------------------------*/
/* Repeatable
/*--------------------------------------------------------------*/
.dilaz-mb-repeatable  {
	position: relative
}
.dilaz-mb-repeatable .ui-sortable-placeholder { 
	border: 2px dashed #aaa !important; 
	background: #f9f9f9 !important; 
	visibility: visible !important; 
	margin: 0 15px 15px 0 !important;
	width: 100% !important;
	height: 50px !important;
	float: left !important;
	display: inline-block !important;
}
.dilaz-mb-repeatable-item {
	margin-bottom: 15px;
	position: relative;
	height: auto
}
.dilaz-mb-repeatable-item-wrap {
	margin-right: 10px;
}
.dilaz-mb-repeatable-item-wrap.inline {
	float: none;
	display: inline-block;
}
.dilaz-mb-repeatable-item-wrap label {
	float: none;
	display: block;
}
.sort-repeatable {
	vertical-align:bottom !important;
	position: relative;
	bottom: -2px;
}
.sort-repeatable .dashicons-move {
	vertical-align: baseline;
	margin-right: 5px;
	font-size: 16px;
	cursor: move;
}
.repeatable-remove {
	position: relative;
	vertical-align:bottom !important;
	bottom: 3px;
	padding: 0 !important;
	line-height:initial !important;
	height: auto !important
}

/*--------------------------------------------------------------*/
/* Media uploader
/*--------------------------------------------------------------*/
.dilaz-mb-file-wrapper {
	margin-top: 15px;
}
.dilaz-metabox .dilaz-mb-media-file {
	float: left;
	position: relative;
	margin: 0 15px 15px 0;
	border: 1px solid #dadada;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 2px
}
.dilaz-metabox .dilaz-mb-media-file.empty {
	margin-top: 0;
}
.dilaz-metabox .dilaz-mb-media-file img {
	min-width: 100px;
	max-width: 100%;
	float: left;
}
.dilaz-mb-media-file:not(.image) {
	background: #f5f5f5
}
.dilaz-mb-media-file:not(.image) img {
	min-width: auto !important;
	max-width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: -32px auto 0 !important;
	float: none;
	opacity: .6;
	top: 50%;
}
.dilaz-metabox .dilaz-mb-media-file .dilaz-mb-remove-file {
	width: 18px;
	height: 18px;
	line-height: 16px;
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	text-align: center;
	background: #db0700;
	color: #fff;
	border-radius: 1px;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	z-index: 2;
}
.dilaz-metabox .dilaz-mb-media-file .sort {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: move;
}
.dilaz-metabox .dilaz-mb-media-file .filename {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	max-height: 100%;
	word-wrap: break-word;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0;
	text-align: center;
	background: rgba(255,255,255,.8);
	border-top: 1px solid #dadada
}
.dilaz-metabox .dilaz-mb-media-file .filename.image {
	display: none
}
.dilaz-metabox .dilaz-mb-media-file:hover .filename.image {
	display: block
}
.dilaz-mb-file-upload .ui-sortable-placeholder { 
	border: 2px dashed #aaa !important; 
	background: #f9f9f9 !important; 
	visibility: visible !important; 
	margin: 0 15px 15px 0 !important;
	width: 98px !important;
	height: 98px !important;
	float: left !important;
	display: inline-block !important;
}
.dilaz-metabox .dilaz-mb-media-file .dilaz-mb-remove-file:hover {
	background: #c60600;
}
.dilaz-metabox .dilaz-mb-media-file .media {
	top: -22px;
	left: 265px;
	font-size: 12px !important;
	width: 45px !important;
	color: #21759b !important;
	background: transparent !important;
	text-decoration: underline !important;
	font-weight: bold;
}
.dilaz-metabox .dilaz-mb-media-file .media:hover {
	color: #d54e21 !important;
}

/*--------------------------------------------------------------*/
/* Image selector
/*--------------------------------------------------------------*/
.dilaz-metabox .dilaz-image-select-wrapper {
	position: relative;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
.dilaz-metabox .dilaz-image-selector-img {
	border: 3px solid #dedede;
	cursor: pointer;
	margin: 0;
}
.dilaz-metabox .dilaz-image-selector-img-selected {
	border: 2px solid #fff;
	box-shadow: 0px 0px 6px 2px rgba(41, 41, 41, 0.22);
}
.dilaz-metabox .dilaz-image-selector-img-selected ~ .inset {
	display: block;
	background: transparent;
	color: #45a900;
	width: 94%;
	height: 87%;
	position: absolute;
	text-align: center;
	margin:  auto;
	top: 4px;
	left: 4px;
	z-index: 2;
	box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.48);
}
.dilaz-metabox .inset {
	display: none
}
.dilaz-metabox .dilaz-image-selector-img-selected ~ .check {
	display: block;
	background: #fff;
	color: #4CAF50;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 7px;
	right: 3px;
	z-index: 2;
	box-shadow: -0.2em -0.2em 2px 1px rgba(56, 66, 56, 0.22);
}
.dilaz-metabox .check {
	display: none
}
.dilaz-metabox .dilaz-image-selector-img:hover {
	opacity: .8;
}
.dilaz-metabox .dilaz-image-selector {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-appearance: none;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}

/*--------------------------------------------------------------*/
/* Select 2
/*--------------------------------------------------------------*/
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

/*--------------------------------------------------------------*/
/* Color
/*--------------------------------------------------------------*/
.dilaz-metabox .dilaz-picker {
	background: #FFF;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 1000;
}

/*--------------------------------------------------------------*/
/* Textarea
/*--------------------------------------------------------------*/
.dilaz-metabox textarea {
	overflow: auto;
}
.dilaz-repeatable-block {
	display: block;
	position: relative;
	margin: 0px 0;
	padding: 0px 0;
}
.dilaz-repeatable-block {
	border-top: 0;
	padding-top: 0;
	padding-left: 50px;
}
.move-title {
	background: url('../images/move-icon.png') no-repeat;
	position: absolute;
	left: 13px;
	top: 3px;
	width: 12px;
	height: 12px;
}
.dilaz-col-title {
	display: inline-block;
	width: 158px;
	text-transform: uppercase;
	color: #656;
	font-family: Arial,Tahoma,Verdana,serif;
	font-weight: 700;
	float: left;
}
.dilaz-metabox-clear { 
	clear:both !important;
	height:0 !important;
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
	float:none !important;
	background:none !important;
	line-height:0 !important;
	font-size:1px !important;
}

/*--------------------------------------------------------------*/
/* Metabox
/*--------------------------------------------------------------*/
.dilaz-metabox .sort_label {
	display:block;
	width:12px;
	height:12px;
	background:url(../images/move-icon.png) no-repeat;
	margin:12px 0 0 8px;
}
.dilaz-metabox .tr:first-child .slideshow_remove,
.dilaz-metabox .tr:first-child .bg_slideshow_remove {
	display: none;
}
.dilaz-metabox .dilaz_metabox_clear_image_button,
.dilaz-metabox .dilaz_metabox_clear_bg_image_button {
	padding-left: 5px;
}
.dilaz-metabox img.dilaz_metabox_preview_image,
.dilaz-metabox img.dilaz_metabox_preview_bg_image {
	display: block;
	border: 1px solid #ddd;
	float: left;
	padding: 4px;
	margin: 2px 10px 5px 0;
	max-width: 100px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}
.dilaz-metabox ul.table img.dilaz_metabox_preview_image,
.dilaz-metabox ul.table img.dilaz_metabox_preview_bg_image {
	max-height: 100px;
	background: #fff;
}
.dilaz-metabox .right input[type=button].upload_button {
	margin:0 0 0 5px;
}
#normal-sortables [id^="dilaz-meta-box-pt-"].postbox h3.hndle, 
#normal-sortables [id^="dilaz-meta-box-pf-"].postbox h3.hndle,
#normal-sortables [id^="dilaz-meta-box-ct-"].postbox h3.hndle, 
#normal-sortables [id^="logic_"].postbox h3.hndle {
	padding-left: 25px;
}
#normal-sortables [id^="dilaz-meta-box-pt-"].postbox h3.hndle:before, 
#normal-sortables [id^="dilaz-meta-box-pf-"].postbox h3.hndle:before,
#normal-sortables [id^="dilaz-meta-box-ct-"].postbox h3.hndle:before, 
#normal-sortables [id^="logic_"].postbox h3.hndle:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 6px;
	width: 15px;
	height: 15px;
	background: #aed15a;
	border-radius: 50%;
}
#normal-sortables [id^="logic_background_"] .dilaz_metabox_clear_bg_image_button, #normal-sortables [id^="logic_"].postbox .wp-editor-tools a {
	color:#777 !important;
}
#normal-sortables [id^="logic_background_"] .bg_slideshow_add {
	color:#fff !important;
	background: #147093;
}
#normal-sortables [id^="logic_background_"] .bg_slideshow_remove, 
#normal-sortables .dilaz-metabox .add-criteria,
#normal-sortables .dilaz-metabox .add-keyvalopts {
	color:#fff !important;
	margin-right: 10px
}

/*--------------------------------------------------------------*/
/* numeric stepper
/*--------------------------------------------------------------*/
.stepper-wrap {
    position: relative;
    display: inline-block;
}
.stepper-wrap input {
    text-align: right;
}
.stepper-btn-wrap {
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 100%;
    overflow: hidden;
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: 0;
    /* useful if you don't want a bg color from leaking outside the border: */ 
	-webkit-background-clip: padding-box;        
       -moz-background-clip: padding; 
	        background-clip: padding-box;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.stepper-btn-wrap a {
	display: block;
	height: 50%;
	overflow: hidden;
	line-height: 80%;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	cursor: default;
	color: #666;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.stepper-btn-wrap a:hover {
    background: rgba(255, 255, 255, 0.8);
}

/*--------------------------------------------------------------*/
/* Meta tabs
/*--------------------------------------------------------------*/
.dilaz-mb-tabs {

}
.dilaz-mb-tabs:before {
	content: '';
	display: block;
	width: 200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #fafafa;
	border-right: 1px solid #eee;
}
.dilaz-mb-tabs:after {
	content: '';
	display: block;
	clear: both;
}
.dilaz-mb-tabs-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left:  0;
}
.dilaz-mb-tabs-nav li:hover {
	background: #ededed;
	color: #4d4f54;
}
.dilaz-mb-tabs-nav li i {
	margin-right: 10px;
	margin-left: 2px
}
.dilaz-mb-tabs-nav li {
	position: relative;
	display: block;
	background: #fafafa;
	color: #65686d;
	cursor: pointer;
	width: 180px;
	padding: 2px 10px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	line-height: 33px;
}
.dilaz-mb-tabs-nav li.active {
	display: block;
	background: #ffffff;
	cursor: default;
	color: #6d6d6d;
	width: 181px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
}
.dilaz-meta-tab {
	display: none;
}
.dilaz-meta-tab.active {
	display: block;
}
.dilaz-mb-tabs-content {
	padding: 0;
	border: none;
	box-shadow: none;
	margin-left: 200px;
	min-height: 150px;
}
.dilaz-mb-wrapper .inside {
	padding: 0;
	margin: 0 !important;
}

/*--------------------------------------------------------------*/
/* Button set
/*--------------------------------------------------------------*/
input.dilaz-mb-button-set {
	display: none;
}
.dilaz-mb-button-set-button {
	display: block;
	float: left;
	width: auto;
	font-weight: bold;
	margin-right: 0 !important
}
.dilaz-mb-button-set-button:first-of-type span {
	border-radius: 5px 0 0 5px
}
.dilaz-mb-button-set-button:last-of-type span {
	border-radius: 0 5px 5px 0
}
.dilaz-mb-button-set-button span {
	display: block;
	background: #f9f9f9;
	margin: -1px;
	padding: 0px 15px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #d8d8d8;
	cursor: pointer;
}
.dilaz-mb-button-set-button.selected span {
	position: relative;
	background: #8BC34A;
	color: #fff;
	border-color: #809f5c;
	border-left-color: #809f5c;
	margin: -1px;
	text-shadow: -1px 0 1px rgba(0,0,0,0.15);
	cursor: default;
	z-index: 1
}

/*--------------------------------------------------------------*/
/* Switch
/*--------------------------------------------------------------*/
input.dilaz-mb-switch {
	display: none
}
.dilaz-mb-switch-button {
	display: block;
	float: left;
	width: auto;
	font-weight: bold;
	margin-right: 0 !important
}
.dilaz-mb-switch-button.switch-on span{
	border-radius: 5px 0 0 5px
}
.dilaz-mb-switch-button.switch-off span {
	border-radius: 0 5px 5px 0
}
.dilaz-mb-switch-button span {
	display: block;
	background: #f9f9f9;
	margin: -1px;
	padding: 0px 15px;
	line-height: 30px;
	text-align: center;	
	cursor: pointer;
	border: 1px solid #d8d8d8
}
.dilaz-mb-switch-button.selected span {
	position: relative;
	background: #8BC34A;
	border-color: #809f5c;
	border-left-color: #809f5c;
	color: #fff;
	margin: -1px;
	text-shadow: -1px 0 1px rgba(0,0,0,0.15);
	cursor: default;
	z-index: 1
}
.dilaz-mb-switch-button.selected.switch-off span {
	background: #504f4f;
	border-color: #2b2b2b;
	border-left-color: #2b2b2b;
	text-shadow: -1px 0 1px rgba(0,0,0,0.15);
}

/*--------------------------------------------------------------*/
/* Slider
/*--------------------------------------------------------------*/
.dilaz-mb-slider {
	position: relative;
	float: left;
	display: inline-block;
	height: 6px;
	width: 400px;
    text-align: left;
    background: #eee;
    border-radius: 2px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
}
.dilaz-mb-slider-val {
	float: left;
	width: 20px;
	color: #888;
	margin: -2px 5px 0 10px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em
}
.dilaz-mb-slider-val span {
    background: #eee;
	margin: 0 5px;
    padding: 3px 8px;
    border-radius: 2px;
    border: 1px solid #c8c8c8
}
.dilaz-mb-slider .ui-slider-handle {
	position: absolute;
	top: -7px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background: #708a51;
	border-radius: 100%;
	cursor: default;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 4px #fff;
	   -moz-box-shadow: inset 0 0 0 4px #fff;
	        box-shadow: inset 0 0 0 4px #fff;
	z-index: 1;
}
.dilaz-mb-slider .ui-slider-handle.ui-corner-all {
    border: 2px solid #708a51
}
.dilaz-mb-slider .ui-widget-header {
	position:absolute;
	background: #8BC34A;
	height:6px;
	left:-1px;
	top:-1px;
	border: 1px solid #809f5c;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
}

/*--------------------------------------------------------------*/
/* Range
/*--------------------------------------------------------------*/
.dilaz-mb-slider-range {
	margin: 12px 0 10px 0;
}
.dilaz-mb-range .ui-slider {
	position: relative;
	text-align: left;
}
.dilaz-mb-range .ui-slider .ui-slider-handle {
    border: 2px solid #708a51;
    position: absolute;
    top: -7px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    background: #708a51;
    border-radius: 100%;
    cursor: default;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
       -moz-box-shadow: inset 0 0 0 4px #fff;
            box-shadow: inset 0 0 0 4px #fff;
    z-index: 1;
}
.dilaz-mb-range .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background-position: 0 0;
}
.dilaz-mb-range .ui-widget-content {
	position: relative;
	float: left;
	display: inline-block;
	height: 6px;
	width: 400px;
	text-align: left;
	background: #eee;
	border-radius: 2px;
	margin-right: 15px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}
.dilaz-mb-range .ui-widget-header {
    background: #8BC34A;
    margin-top: -1px;
    border: 1px solid #809f5c !important;
}
.dilaz-mb-range .ui-slider.ui-state-disabled .ui-slider-handle,
.dilaz-mb-range .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.dilaz-mb-range .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.dilaz-mb-range .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.dilaz-mb-range .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.dilaz-mb-range .dilaz-mb-min-val,
.dilaz-mb-range .dilaz-mb-max-val {
	position: relative;
	float: left;
	display: inline-block;
	color: #888;
	margin: 7px 0 0 0;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}
.dilaz-mb-range .dilaz-mb-min-val {
	margin-right: 15px;
}
.dilaz-mb-range .dilaz-mb-min-val .val,
.dilaz-mb-range .dilaz-mb-max-val .val {
    background: #eee;
	margin: 0 5px;
    padding: 3px 8px;
    border-radius: 2px;
    border: 1px solid #c8c8c8
}
.dilaz-mb-range .dilaz-mb-min-val .min,
.dilaz-mb-range .dilaz-mb-max-val .max {
    position: absolute;
    top: -22px;
    left: 5px
}

/*--------------------------------------------------------------*/
/* Input fields
/*--------------------------------------------------------------*/
.dilaz-mb-input {
	background: #fbfbfb;
	max-width: 100%;
	padding: 5px 6px;
	border: 1px solid #e0e0e0
}
.dilaz-mb-text,
.dilaz-mb-email,
.dilaz-mb-select,
.dilaz-mb-upload {
	min-width: 50% !important
}
.dilaz-mb-field.half .dilaz-mb-text {
	width: 100%;
}
.dilaz-mb-textarea {
	width: 100%;
	height: auto;
	overflow: auto;
}
.dilaz-mb-input:focus {
	background: #f7f7f7;
	border-color: #ddd;
	outline: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.dilaz-mb-field-radio .option label,
.dilaz-mb-field-multicheck .option label {
	float: left;
	width: auto;
}
.dilaz-mb-field-radio .option label.inline,
.dilaz-mb-field-multicheck .option label.inline {
	float: none;
	display: inline-block;
	margin-bottom: 14px;
}
.dilaz-mb-field-checkbox .option label span,
.dilaz-mb-field-multicheck .option label span,
.dilaz-mb-field-radio .option label span {
	padding: 0 8px 0 6px;
	vertical-align: middle
}

/*--------------------------------------------------------------*/
/* Checkbox
/*--------------------------------------------------------------*/
.dilaz-metabox-item input[type="radio"],
.dilaz-metabox-item input[type="checkbox"] {
    margin: 0 3px 0 0;
}

/*--------------------------------------------------------------*/
/* Paragraph
/*--------------------------------------------------------------*/
.dilaz-mb-field-paragraph {
	padding-bottom: 0 !important
}

/*--------------------------------------------------------------*/
/* Code Output
/*--------------------------------------------------------------*/
.dilaz-mb-field-codeoutput .header .description {
	margin-bottom: 0
}
.dilaz-mb-codeoutput {
	background: #f0f0f0;
	padding: 10px 10px 10px;
	border: 1px solid #dcdcdc;
	line-height: 18px;
}

/*--------------------------------------------------------------*/
/* Radio & Checkbox
/*--------------------------------------------------------------*/
.dilaz-mb-radio,
.dilaz-mb-checkbox {
	margin: 1px 0 0;
	padding: 0;
	width: auto;
	height: auto;
	border: none
}
input.dilaz-mb-radio-image {
	display: none
}
.dilaz-mb-radio-image ~ .dilaz-mb-radio-image-img {
	margin: 1px;
	border: 5px solid #fff
}
.dilaz-mb-radio-image ~ .dilaz-mb-radio-image-img.selected {
	border-color: #dedede
}
.dilaz-mb-option {
	position: relative;
	margin-bottom: 10px;
	vertical-align: top;
	clear: both;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.dilaz-mb-option > input {
	position: absolute;
	left: 0;
	width: inherit;
	height: inherit;
	opacity: 0;
}
.checkbox,
.radio {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: white;
	border: 2px solid #d9d9d9;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.checkbox:before,
.radio:before {
	content:'';
	display: none
}
input:hover + .checkbox,
input:hover + .radio,
.checkbox:hover,
.radio:hover {
	border-color: #ccc
}
input.focus + .checkbox,
input.focus + .radio {
	border-color: #8BC34A;
}
input:checked + .checkbox:before,
input:checked + .radio:before {
	display: block
}
.checkbox:before {
	position: relative;
	top: 4px;
	left: -3px;
	width: 7px;
	height: 3px;
	border: solid #aaa;
	border-width: 0 0 3px 3px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg)
}
.dilaz-mb-wp5-wrapper .checkbox:before {
	width: 10px;
	height: 6px;
}
input:focus + .checkbox:before,
input.focus + .checkbox:before {
	border-color:#8BC34A;
}
.radio {
	border-radius: 100%
}
.radio:before {
	position: relative;
	top: 4px;
	left: -2px;
	width: 8px;
	height: 8px;
	background: #aaa;
	border-radius: 100%;
}
input.focus + .radio:before {
	background: #8BC34A
}

/*--------------------------------------------------------------*/
/* Colorpicker
/*--------------------------------------------------------------*/
.wp-picker-container {
	position: relative;
	margin-top: 5px;
	vertical-align: baseline
}
.wp-picker-open+.wp-picker-input-wrap {
    position: absolute;
    top: 36px;
    left: 0;
    width: 235px;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 10px 10px 1px;
    background: #f5f5f5;
    z-index: 9;
}
.wp-picker-open+.wp-picker-input-wrap:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -8px;
    left: 8px;
    width: 13px;
    height: 13px;
    border: solid #ddd;
    background: #f5f5f5;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(135deg);
}
.wp-picker-container .iris-picker {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #ddd;
    border-top: 0;
    margin: 0;
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 99;
}
.iris-border {
    border-radius: 3px;
    background: #f5f5f5 !important;
}

/*--------------------------------------------------------------*/
/* Multicolor picker
/*--------------------------------------------------------------*/
.dilaz-mb-multi-color {
	position: relative;
	display: inline-block;
	margin-right: 0px;
}
.dilaz-mb-multi-color .color-name {
	font-size: 12px;
	line-height: 15px;
	display: block;
	margin-bottom: 5px;
	color: #999
}

/*--------------------------------------------------------------*/
/* Paragraph
/*--------------------------------------------------------------*/
.dilaz-mb-paragraph {
	margin: 0
}

/*--------------------------------------------------------------*/
/* Datepicker
/*--------------------------------------------------------------*/
.ui-datepicker {
	width: 250px;
	margin-top: 8px;
	display: none;
	background: #fff;
	position: relative;
	font: 14px/1.55 Roboto,Arial,Helvetica,sans-serif;
	border: 1px solid #ddd;
	z-index: 9999;
	text-align: center;
	color: #666;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
	     -o-box-shadow: 0 0 4px rgba(0,0,0,.1);
	        box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.ui-datepicker a {
	color: #404040;
	text-align: center
}
.ui-datepicker .ui-state-disabled span {
	color: #DBDBDB
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #F5F5F5;
	border-bottom: 1px solid #ddd;
	line-height: 27px;
	font-size: 15px;
	padding: 10px
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color: #8BC34A;
	top: 12px
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px
}
.ui-datepicker .ui-datepicker-next {
	right: 2px
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	color: #8BC34A
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 50%
}
.ui-datepicker table {
	width: 100%;
	font-size: 13px;
	margin: 0;
	border-collapse: collapse;
}
.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: 700;
	border: 0;
	background: #fafafa;
	border-bottom: 1px solid #e9e9e9;
}
.ui-datepicker td {
	padding: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
	padding: 5px 2px;
	display: block;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
	background: #efefef;
}
.ui-datepicker .ui-state-disabled span:hover {
	background: none
}
.ui-datepicker-today a,.ui-datepicker-today a:hover,
.ui-datepicker .ui-state-highlight {
	font-weight: 700;
	background: #8BC34A!important;
	color: #fff
}
.cal-widget .ui-datepicker {
	width: 100%;
	margin-top: 0
}
.cal-widget .ui-datepicker:before {
	display: none
}
.ui-datepicker.ui-datepicker-multi {
	width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.333%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}
.ui-datepicker-buttonpane {
	border-top: 1px solid #ddd;
	padding: 10px
}
.ui-datepicker-buttonpane button {
	padding: 8px 12px;
	margin-right: .2em;
	position: relative;
	line-height: normal;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255,255,255,0.2);
	vertical-align: middle;
	background: #DBDBDB;
	text-align: center;
	overflow: visible;
	cursor: pointer;
	color: #243140;
	border: 0
}
.ui-datepicker-buttonpane button:hover {
	color: #243140;
	background: #E8E8E8
}
.ui-datepicker-buttonpane button:active {
	color: #1d2938;
	background: #C4C4C4
}

/*--------------------------------------------------------------*/
/* Timepicker
/*--------------------------------------------------------------*/
.ui-timepicker-div .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #f5f5f5;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}
.ui-timepicker-div .ui-widget-header {
	position: relative;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}
.ui-timepicker-div dl {
	text-align: left;
	border: 1px solid #ddd;
	border-width: 1px 0 0;
	padding: 15px 10px;
	padding-bottom: 15px;
	margin: 0;
}
.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
	margin: 0 10px 15px 40%;
}
.ui-timepicker-div td {
	font-size: 90%;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}
.ui-timepicker-rtl {
	direction: rtl;
}
.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}
.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
	background: #E2E8F1;
	position: relative;
	top: 6px;
}
.ui-timepicker-div dl .ui_tpicker_hour,
.ui-timepicker-div dl .ui_tpicker_minute,
.ui-timepicker-div dl .ui_tpicker_second,
.ui-timepicker-div dl .ui_tpicker_millisec {
	background: #eee;
	position: relative;
	top: 5px;
	border: 1px solid #ccc;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
	display: inline-block;
	margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none;
}
.ui-timepicker-div .slider-wrapper,
.ui-timepicker-div .sliderv-wrapper {
	background: #E2E8F1;
	position: relative;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
.ui-timepicker-div .ui-slider {
	position: relative;
	text-align: left;
}
.ui-timepicker-div .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: default;
	background: #fff;
	text-decoration: none;
	border: 2px solid #8BC34A;
	-ms-touch-action: none;
	touch-action: none;
	margin-top: -3px;
	outline: none;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	     -o-border-radius: 20px;
	        border-radius: 20px;
}
.ui-timepicker-div .ui-slider .ui-slider-handle:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	background-color: #8BC34A;
	z-index: 2;
	left: 4px;
	top: 4px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
}
.ui-timepicker-div .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background-color: #8BC34A;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
.ui-timepicker-div .ui-slider.ui-state-disabled .ui-slider-handle,.ui-timepicker-div .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-timepicker-div .ui-slider-horizontal {
	height: .5em;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -8px;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-timepicker-div .ui-slider-vertical,.ui-timepicker-div .sliderv-wrapper {
	width: .5em;
	height: 100px;
}
.ui-timepicker-div .ui-slider-vertical .ui-slider-handle {
	left: -.45em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-timepicker-div .ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-timepicker-div .ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-timepicker-div .ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-timepicker-div .slider-input {
	color: #f6931f!important;
	border: 0;
	background: none;
}
.ui-timepicker-div .slider-group .sliderv-wrapper {
	height: 150px;
	float: left;
	margin: 15px;
}
.ui-timepicker-div .ui-slider .ui-state-active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}
.ui-timepicker-div .slider-tip {
	display: block;
	position: absolute;
	text-align: center;
	font: 10pt Tahoma,Arial,sans-serif;
	background: #34495E;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
	padding: 10px;
	color: #fff;
}
.ui-timepicker-div .slider-wrapper .slider-tip {
	top: -50px;
	left: -15px;
}
.ui-timepicker-div .slider-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 98%;
	left: 35%;
	border-top: 8px solid #34495E;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.ui-timepicker-div .sliderv-wrapper .slider-tip {
	left: 30px;
	top: -12px;
}
.ui-timepicker-div .sliderv-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 30%;
	right: 98%;
	border-right: 8px solid #34495E;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/*--------------------------------------------------------------*/
/* Metabox wrapper for WP 5+
/*--------------------------------------------------------------*/
.dilaz-mb-wp5-wrapper {
	border: 1px solid #e5e5e5 !important;
	border-bottom: 0 !important;
	margin-top: 15px !important;
	margin-bottom: 20px !important;
}
.edit-post-meta-boxes-area .postbox.dilaz-mb-wp5-wrapper > .inside {
	padding: 0
}