/**
 * Common styles for WP admin
 *
 * @package   PT_Content_Views_Admin
 * @author    PT Guy <http://www.contentviewspro.com/>
 * @license   GPL-2.0+
 * @link      http://www.contentviewspro.com/
 * @copyright 2014 PT Guy
 */

/* Overwrite WP */
.wrap .updated,
.wrap .notice,
.update-nag {
	display: none;
}
.pt-wrap a:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.pt-wrap input[type=number] {
	height: 34px;
}
body {background-color: #fff}
.pt-params .select2-input {line-height: 20px;} /* WP 5.3 */

/* Fix Bootstrap box-sizing "border-box" problem */
.pt-wrap *,
.pt-wrap *:before,
.pt-wrap *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Fix small error when use Bootstrap */
html {
	background: none;
}

.pt-wrap select {
	height: 34px !important;
}

.pt-wrap .text-muted {
	clear:  both;
	margin: 4px 0;
	float:  left;
	/*font-style: italic;*/
	color: #888;
}

/* Overwrite Bootstrap */
.form-control:focus {
	border-color:       #66afe9 !important;
	outline:            0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
	box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.nav-tabs a {
	font-weight: 600;
	font-size:   1.3em;
}

.pt-wrap .nav-tabs a {
	padding: 10px 14px;
}

/* Other settings */
.pt-cv-caution {
	background-color: #F44336;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 1px;
	text-align: center;
	font-size: 1.2em;
}
.hide {
	display: none;
}
.control-label {
	padding-right: 0 !important;
}

/* Fix style bug */
#pt-cv-form-view .nav {
	position: relative !important;
}
#pt-cv-form-view .btn-cvp-action {
	position: relative;
	z-index: 10;
}

#pt-cv-form-view .tab-content {
	display: block !important;
}

#pt-cv-form-view .nav .glyphicon {
	margin-right: 6px;
	color: rgba(255, 90, 95, 0.8);
    font-size: 12px;
}

#pt-cv-form-view *, .preview-wrapper label {
	font-size: 14px;
}

.preview-wrapper .text-muted {
	margin-top: 8px;
	font-size: 14px;
}

.pt-wrap h2 {
	margin-bottom: 20px;
}

.pt-wrap .tab-content {
	margin-top: 10px;
}

.pt-wrap .form-group.pt-form-group {
	margin-bottom: 8px;
}

.pt-cv-color {
	width: 100px !important;
}

.pt-cv-w50 select,
.pt-cv-w50 radio {
	width: 50%;
	float: left;
}

.pt-cv-w200 select,
.pt-cv-w200 input,
.pt-cv-w200 radio {
	width: 200px;
	float: left;
}

.pt-wrap .updated {
	display: none;
}

/* Group type */
.panel-group .pt-cv-group {
	margin-top: 10px;
}

.pt-cv-group .form-group {
	margin-bottom: 6px;
}

.pt-cv-group .panel-body {
	padding: 5px 15px;
}

.pt-cv-group .control-label, .pt-form-group .pt-form-group .control-label {
	font-weight: 400;
}

.pt-cv-group .checkbox {
	float: left;
	background: none;
}

#pt-cv-group-advanced-params .checkbox,
.pt-cv-taxonomies .checkbox
{
	width: 50%;
}

.pt-cv-taxonomies .text-muted {
	margin-top: 5px;
}

.pt-cv-group .radio {
	/*	width: 33%;
		float: left;
		margin-bottom: 10px !important;*/
}

.pt-cv-group .radio img {
	height: 100px;
}

.pt-cv-no-panel {
	margin-top: 0px;
}

.pt-cv-text {
	margin-top: 7px;
}

.pt-wrap .input-group {
	width: 200px;
}

/* Accordion */
.pt-cv-group .pt-accordion .panel-heading {
	cursor:       pointer;
	padding-left: 30px;
}

.pt-cv-group .clickable {
	cursor: pointer;
}

.pt-cv-group .panel-heading span {
	margin-top: -15px;
	font-size:  15px;
}

/* Activate group */
#pt-cv-filter-settings .pt-cv-group-activate {
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 105, 105, 0.075), 0 0 8px rgba(0, 142, 255, 0.6) !important;
	box-shadow:         inset 0 1px 1px rgba(255, 105, 105, 0.075), 0 0 8px rgba(0, 142, 255, 0.6) !important;
}

#pt-cv-filter-settings .pt-cv-group-activate .panel-body {
	background: #FFCFCF;
}

/* Preview */
#pt-cv-preview-box {
	resize: vertical;
	margin-bottom: 5px;
	height:        300px;
	padding:       20px;
	position:      relative;
	overflow-y:    scroll;
	overflow-x:    hidden;
}

#pt-cv-preview-box + .text-muted {
	margin-top: 8px;
}

#pt-cv-show-preview {
	position: fixed;
	right:    20px;
	bottom:   120px;
	z-index:  1001;
}

/* Sortable */
.pt-wrap .ui-sortable {
	background: #FFF9D7;
}

/* View shortcode text */
.view-code {
	display: inline-block;
}
.view-code input {
	cursor:        pointer !important;
	display:       inline !important;
	border: none !important;
	margin-bottom: 20px;
	position:      relative;
}

/*** Fields settings ***/
.pt-cv-field-setting {
    margin-left: 0 !important;
    margin-top: 15px;
}

.pt-cv-content-setting {
    z-index: 1;
}

.pt-cv-excerpt-setting {
    margin-top: -12px;
    padding-top: 0;
    z-index: 100;
    position: relative;
}

.pt-cv-field-setting:not(.hidden) > .pt-params {
	width: 100% !important;
	border: 1px solid #ececec;
	padding-top: 10px;
}

#pt-cv-group-field-settings > .form-group > .control-label {
	font-weight: bold;
	display: inline;
    width: 100%;
    padding-bottom: 7px;
	color: #fff;
    background-color: #428bca;
}

.pt-cv-content-setting > .pt-params,
.pt-cv-metafield-setting > .pt-params {
	padding-top: 0 !important;
	padding-bottom: 10px;
}

/* Append group */
.pt-cv-excerpt-setting > .pt-params {
	border-top: none !important;
    margin-top: -11px !important;
}

.pt-cv-excerpt-setting > .pt-params  > .pt-form-group {
	background: #fff;
}

.pt-cv-content-setting > .pt-params,
.pt-cv-content-setting + .pt-cv-excerpt-setting > .pt-params {
	border-bottom: none !important;
}

.pt-cv-excerpt-setting > label {
	display: none !important;
}
/* End Append group */

/* Others */
.pt-cv-thumb-position {background-color:#fff; padding-bottom:10px}
div.pt-cv-topmeta-enable {padding-bottom: 0}
div.pt-cv-topmeta-enable label {font-weight: normal !important}
.ui-sortable .pt-cv-topmeta-enable {padding-bottom: 7px; margin-left: -15px !important; background: #fff9d7; border-bottom: 1px dashed #ddd;}
.pt-cv-group .panel .panel {border-color: #bce8f1}
.pt-cv-group .panel .panel > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}
.pt-wrap .alert {text-align: center}
p.cvgopro {color: #888; /*background: #fffdf0;*/}
.cvgopro a {text-decoration: underline;}
#pt-cv-preview-box .cvgopro {font-size: 16px; color: #111;}
.control-label:empty ~ .pt-params .text-muted:first-child {margin-top: -3px;}
.upgrade-notice {padding-top: 7px;}

@media (max-width: 991px) {
    #pt-cv-form-view .nav .glyphicon {
        display: none;
    }
    #pt-cv-form-view .nav-tabs>li>a {
        font-size: 14px !important;
        line-height: 1.8;
    }
    #pt-cv-form-view .control-label, .preview-wrapper .control-label {
        font-size: 15px;
        font-weight: 600;
        margin: 6px 0;
    }
	#pt-cv-form-view .control-label:empty  {
		display: none;
	}
	#pt-cv-form-view .tab-pane > .form-group > .control-label {
		border-bottom: 2px solid #ff5a5f;
		padding: 0;
		margin-left: 15px;
		font-size: 20px;
	}
	.pt-cv-field-setting {
		min-height: 35px;
	}
	.pt-cv-field-setting > .pt-params {
		margin-top: 10px;
	}

}


/* RTL */
.rtl .nav-tabs>li {
	float: right !important;
}
.rtl .form-horizontal .control-label {
	text-align: right !important;
	float: right !important;
	padding-right: 15px !important;
}
.rtl .radio input[type="radio"], .rtl .radio-inline input[type="radio"], .rtl .checkbox input[type="checkbox"], .rtl .checkbox-inline input[type="checkbox"] {
	float: right !important;
	margin-right: 0em !important;
	margin-left: 10px !important;
}
.rtl .col-md-1, .rtl .col-md-2, .rtl .col-md-3, .rtl .col-md-4, .rtl .col-md-5, .rtl .col-md-6, .rtl .col-md-7, .rtl .col-md-8, .rtl .col-md-9, .rtl .col-md-10, .rtl .col-md-11, .rtl .col-md-12 {
	float: right !important;
}
.rtl .pt-wrap .text-muted, .rtl .pt-cv-w50 select, .rtl .pt-cv-w50 radio, .rtl .pt-cv-w200 select, .rtl .pt-cv-w200 input, .rtl .pt-cv-w200 radio, .rtl .pt-cv-group .checkbox {
	float: right !important;
}
.rtl .input-group-addon:last-child {
	border-left: 1px solid #ccc !important;
}
.rtl #pt-cv-group-color-font .pt-params .form-group, .rtl #pt-cv-group-date .radio, .rtl .has-popover .checkbox, .rtl .pt-cv-w50 .form-control.select2-container, .rtl .pt-cv-w50 input[type=text] {
	float: right !important;
}
.rtl .input-group-addon, .rtl #pt-cv-group-color-font .pt-cv-numfield input {
    border-radius: 0 !important;
}
.rtl .select2-container-multi .select2-choices li {
	float: right !important;
}


/* Block to View */
.pt-cv-only-one:not([id*="one_others"]) .radio, #pt-cv-display-settings > .form-group:first-child .radio, .pt-cv-shared-settings .radio
{
	width: calc(20% - 8px); display: inline-block; margin-right: 8px; margin-bottom: 5px !important;
}
.pt-cv-only-one:not([id*="one_others"]) > .pt-cv-variant-list .radio, #pt-cv-display-settings > .form-group:first-child .radio {
	padding-left: 0;
}
.pt-cv-only-one:not([id*="one_others"]) .radio img {
	height: auto; max-height: 45px; filter: grayscale(1) contrast(1);
}

#pt-cv-display-settings > .form-group:first-child .radio {width: calc(12.3% - 8px); }
[name="pt-cv-view-type"] ~ div img { max-width: 50px !important; height: 30px !important; /*filter: grayscale(1) contrast(1);*/ }
[name="pt-cv-view-type"] ~ div span {display: block; margin-top: 5px;}

[name="pt-cv-view-type"], [name*="layout-variant"] { display: none !important; }
[name="pt-cv-view-type"]:checked ~ div, [name*="layout-variant"]:checked ~ div:not(.pro-opt) { outline: 2px solid #3582c4; }
[name="pt-cv-view-type"] ~ div, [name*="layout-variant"] ~ div { border: 1px solid #eeee; padding: 5px; text-align: center; }

[name="pt-cv-view-type"] ~ div, [name*="layout-variant"] ~ div { 
	position: relative;
}
[name="pt-cv-view-type"] ~ div.pro-opt, [name*="layout-variant"] ~ div.pro-opt {
	background-color: #f9f9f9;
}
[name="pt-cv-view-type"] ~ div span.pro-opt, [name*="layout-variant"] ~ div span.pro-opt, .pt-cv-ispro > label::after {
	position: absolute; background-color: #e6e6e6; color: #888; right: 0; top: -6px; z-index: 1;
	padding: 0 3px; font-size: 13px !important; transform: scale(0.86); transform-origin: right;
}
[name*="layout-variant"] ~ div span.pro-opt {top: -2px;}
[name="pt-cv-view-type"] ~ div span.pro-opt ~ img, [name*="layout-variant"] ~ div span.pro-opt ~ img {
	/*opacity: 0.8;*/
}

@media screen and (min-resolution:1.25dppx) {
	#pt-cv-display-settings > .form-group:first-child .radio {
		width: calc(12.5% - 8px);
	}
	[name="pt-cv-view-type"] ~ div span {
		zoom: 0.9;
	}
}

.pt-cv-size-group .pt-params * {
	width: auto;
	display: inline-block;
	float: inherit;
	margin-right: 5px;
}

.pt-cv-only-one:not([id*="one_others"]) select, .pt-cv-shared-settings select
{
	max-width: 200px;
}

.pt-cv-shared-settings .radio label {
	padding: 10px 10px 10px 0; /* make it easy to click radio option */
}

.pt-cv-shared-settings {
	margin-top: -5px;
	margin-bottom: 0;
}

.pt-cv-ispro > label::after {
	content: 'PRO';
	top: 8px;
}
.pt-cv-ispro input, .pt-cv-ispro label {
	pointer-events: none;
}
.pt-cv-ispro select, .pt-cv-ispro input {
	background-color: #f9f9f9;
}

.pt-cv-metafield-extra1:not(.pt-cv-inlite) > .pt-params {
	border-top: none !important;
	margin-top: -15px !important;

	padding-top: 15px !important;

	border-bottom: none !important;
	margin-bottom: 0 !important;
}
.pt-cv-metafield-extra1.pt-cv-inlite > .pt-params {
	border-top: none !important;
	margin-top: -19px !important;
}
.pt-cv-metafield-extra1 > label{
	display: none !important;
}

.pt-cv-others-settings label {
	font-weight: 600 !important;
}

.pt-cv-group-depend, .pt-cv-group-depend > label {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.pt-wrap button[data-toggle="modal"] {
	border: 1px solid #ffe3e4;
	background: #ffece6;
	color: #000 !important;
	min-width: 190px;
	height: 38px;
	outline: none !important;
	margin-top: -8px;
}
.pt-wrap button[data-toggle="modal"]:hover {
	color: #ff5a5f !important;
}
.pt-wrap button[data-toggle="modal"] img {
	height: 20px;
	max-width: 100% !important;
	margin-right: 10px;
}

.pt-wrap .modal {
	z-index: 9999;
}

.pt-wrap .modal button.close span {
	font-size: 35px !important;
	color: #000 !important;
}

.pt-wrap .modal-header {
	border: none;
	min-height: 30px;
	padding: 0 15px 0;
}

#contentviews-popup-content {
	max-width: 100%;
	margin-top: 0;
}

.cvb-close-btn1 {
	display: none !important;
}

@media (min-width: 768px) {
	.pt-wrap .modal-dialog {
		width: 90% !important;
		margin: 50px auto;
	}
}

/* Hide Templates tab in Add/Edit View page */
#cv-library-toview #contentviews-popup-content .cvb-popup-tag > div:nth-child(2) {
	display: none !important;
}

/* Extra */
.pt-cv-heading-settings {
	margin-top: 15px;
	margin-bottom: 15px !important;
}

.pt-cv-thumbnail-setting {
	padding-bottom: 15px;
}