/* ===============================================
   GENERALS
   =============================================== */

button:hover ,
button:active ,
button:focus ,
input:hover ,
input:active ,
input:focus ,
textarea:hover ,
textarea:active ,
textarea:focus {
	outline:none !important;
	text-decoration:none !important;
}

input[type=file]:hover ,
input[type=file]:active ,
input[type=file]:focus {
	border:none !important;
}

.clear {
	clear:both;
	float:none !important;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* ===============================================
   SAVE MESSAGE
   =============================================== */

.updated.fade.message_save.ctyp_panel_message { 
    margin: 0 0 20px 0;
    padding: 1.5%;
    box-shadow: 0 2px 1px -1px #46b450;
    background: #fff;
    border: solid 1px #ddd;
}

/* ===============================================
   HEADER
   =============================================== */

#ctyp_panel_header {
	margin:0;
	padding:0 0 20px 0; 
	position:relative;
}

#ctyp_panel_header a {
	font-family: 'Open Sans', Geneva, sans-serif;
	display:inline-block;
	color:#616161;
	margin-left:5px;
	text-decoration:none;
	font-weight:600;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

#ctyp_panel_header a:hover, 
#ctyp_panel_header a:active, 
#ctyp_panel_header a:focus {
	color:#5C97BF;
	-webkit-box-shadow: none;
    box-shadow: none;
}

#ctyp_panel_header .plugin_description {
	position:relative;
	text-align:left
}

#ctyp_panel_header h2 { 
	text-align: left;
	font-size: 22px;
	font-family: 'Open Sans', Geneva, sans-serif;
	font-weight:600;
	color: #616161;
	text-shadow:none;
	margin:20px 0 10px 0
}

#ctyp_panel_header span { 
	font-family: 'Open Sans', Geneva, sans-serif;
	font-size: 12px;
	color: #616161;
	font-weight:600
}

/* ===============================================
   TABS
   =============================================== */

#ctyp_panel_tabs { 
	width:98.5%; 
	height:100%;
	display:inline-block;
	margin-top:20px;
	vertical-align:top;
}

.ctyp_panel_tabs { 
	position:relative; 
	display: block
}

#ctyp_panel_tabs-container { 
	margin:0; 
	padding:0 5px;
}

#ctyp_panel_tabs-container p { 
	font-family: 'Open Sans', Geneva, sans-serif;
	font-size:20px; 
	text-align:center; 
	margin:0; 
	line-height:1.4em;
}

#ctyp_panel_tabs-container h3 {
	text-align:center;
}

#ctyp_panel_tabs ul.ctyp_panel_navigation { 
	list-style:none; 
	margin:0; 
	background:#fafafa;
	padding:20px;
	border:solid 1px #ddd; 
}

#ctyp_panel_tabs ul.orders {
	padding:0;
	background:none;
}

#ctyp_panel_tabs li { 
	float:left;
	margin:0;
}

#ctyp_panel_tabs .select2-container {
	width:100% !important;
}

#ctyp_panel_tabs .select2 li { 
	margin-top: 5px;
	margin-right: 5px;
	font-size:13px
}

#ctyp_panel_tabs .select2 li input { 
	margin-top: 0;
}

#ctyp_panel_tabs .select2-container--default .select2-selection--multiple {
	border-color:#f1f1f1;
}

#ctyp_panel_tabs li a { 
	color:#616161; 
	text-decoration:none; 
	padding:15px 20px; 
	display:block;
	text-align:center; 
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	font-family: 'Open Sans', Geneva, sans-serif;
	font-weight:600;
	float:left; 
	font-size:13px; 
	text-shadow:none;
	margin:0 5px 0 0;
	border: solid 1px #fafafa;
	text-transform:uppercase
}

#ctyp_panel_tabs li a:hover, 
#ctyp_panel_tabs li.ui-tabs-active a, 
#ctyp_panel_tabs li.ui-state-active a {
	background:#f1f1f1;
	color:#616161;
	text-shadow:none;
	border: solid 1px #ddd;
}

#ctyp_panel_tabs li a:focus { 
    webkit-box-shadow: none;
    box-shadow: none;
}

/* ===============================================
   BOXS
   =============================================== */
.ctyp_panel_container .ctyp_panel_mainbox {
	font-family: 'Open Sans', Geneva, sans-serif;
	font-size:14px;
	line-height:1.4em;
	background:#fff;
	position:relative;
}

.ctyp_panel_container .ctyp_openbox {
	display:block !important;
}

.ctyp_panel_container .ctyp_panel_mainbox-open {
	font-family: 'Open Sans', Geneva, sans-serif;
	font-size:14px;
	line-height:1.4em;
	background:#f3f3f3;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position:relative;
}

.ctyp_panel_container  {
	background:url(../images/subparent.png) no-repeat 8% center;
}

.ctyp_scriptGenerator .ctyp_panel_mainbox {
	display:none
}

.ctyp_panel_container h5.element {
	background:url(../images/subparent.png) no-repeat #fafafa 98% center;
	border: solid 1px #ddd;
	padding:25px 20px;
	font-size:14px;
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:500;
	text-shadow:none;
	color:#616161;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.ctyp_panel_container .ctyp_openbox h5 {
	background-image:none;
}

.ctyp_panel_container h5.element-open {
	background:#fafafa;
	padding:30px 20px;
	font-size:14px;
	margin:10px 0 0 0;
	color: #616161;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	text-transform:uppercase
}

.ctyp_panel_container h5.element.linkable-element {
	background:none;
	padding:0;
}

.ctyp_panel_container h5.element.linkable-element a {
	background:url(../images/subparent.png) no-repeat #fafafa 98% center;
	display:block;
	color:#616161;
	text-decoration:none;
	padding:25px 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.ctyp_panel_container h5.element.linkable-element a:hover {
	background:url(../images/subparent.png) no-repeat #f1f1f1 98% center;
	display:block;
	color:#616161;
	text-decoration:none;
	padding:25px 20px;
}

.ctyp_panel_container .ctyp_panel_mainbox {
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.ctyp_panel_snippet_order .ctyp_panel_container h5.element {
	border:solid 1px #ddd;
	text-transform: none
}

.ctyp_panel_container h5.inactive {
	background:url(../images/subparent-hover.png) no-repeat #f1f1f1 98% center;
	cursor:pointer
}

.ctyp_panel_container .ctyp_container h5.inactive:hover {
	background:url(../images/subparent-hover.png) no-repeat #f1f1f1 98% center;
}

/* ===============================================
   INPUTBOX
   =============================================== */

.ctyp_panel_container div.ctyp_panel_box ,
.ctyp_panel_container div.ctyp_inputbox {
	padding:20px;
	border-bottom:1px solid #f1f1f1;
	border-top:1px solid #fff;
}

.ctyp_panel_container div.ctyp_panel_box:first-of-type,
.ctyp_panel_container div.ctyp_inputbox:first-of-type {
	border-top:1px solid #f1f1f1;
}

.ctyp_panel_container div.ctyp_panel_box {
	background:#fff;
	max-width:100%;
	display:block;
}

.MatchValueBox {
	background:#fff;
}

.MatchValueBox:nth-child(2n) {
	background:#fafafa;
}

.MatchValueBox  div.ctyp_panel_box {
	background:none;
}

.ctyp_panel_page_order div.ctyp_panel_box.deletePage ,
.ctyp_panel_container div.ctyp_panel_box.WIP_plugin_save_box {
	background:#fafafa;
	border:none;
}

.ctyp_contentGenerator {
	padding:20px;
	border-top:solid 1px #f1f1f1;	
	border-bottom:solid 1px #f1f1f1;	
}

.ctyp_contentGenerator .ctyp_panel_container {
	margin-bottom:20px
}

.ctyp_contentGenerator .ctyp_panel_mainbox {
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}

.ctyp_contentGenerator .ctyp_panel_mainbox div.ctyp_panel_box {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #f1f1f1;
}

.ctyp_contentGenerator .ctyp_panel_container h5.element {
	margin-top:0;
}

div#Slideshow .ctyp_panel_container .ctyp_panel_box .button,
.ctyp_panel_container div.ctyp_panel_slidebox .button#ctyp_add_page {
    margin:20px 0 5px 0;
}

.ctyp_panel_container  .button.ctyp-new-content {
    margin:25px 0 0 0;
	display: block
}

.ctyp_panel_container select[data-type="ctyp_templates"] + .select2 {
	margin-top: 10px;
}

.ctyp_panel_container .button.ctyp-save-action,
.ctyp_panel_container .button.ctyp-delete-action {
	background: #5c97bf;
	border-color: #006799;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 0 16px;
	transition: all .3s ease;
}

.ctyp_panel_container .button.ctyp-save-action:hover,
.ctyp_panel_container .button.ctyp-save-action:active,
.ctyp_panel_container .button.ctyp-save-action:focus {
	background: #006799;
	color: #fff;
}

.ctyp_panel_container .button.ctyp-delete-action {
	background-color: #ec7063;
	border-color: #e74c3c;
}

.ctyp_panel_container .button.ctyp-delete-action:hover,
.ctyp_panel_container .button.ctyp-delete-action:active,
.ctyp_panel_container .button.ctyp-delete-action:focus {
	background-color: #e74c3c;
	color: #fff;
}

.ctyp_panel_container .ctyp_panel_box.ctyp-import-export-row {
	padding-bottom: 32px;
	padding-top: 32px;
}

.ctyp_panel_container .ctyp-import-export-row .input-right > p {
	font-size: 14px;
	margin: 5px 0 14px;
}

.ctyp_panel_container .ctyp-import-export-row .ctyp-config-action {
	display: table;
	margin: 5px 5px 0 0;
}

.ctyp_panel_container .ctyp-import-export-row .ctyp-import-file {
	background: #fff;
	border: 1px solid #f1f1f1;
	box-shadow: none;
	display: block;
	margin: 10px 0 16px;
	max-width: 100%;
	padding: 8px;
}

@media screen and (max-width: 782px) {
	.ctyp_panel_container .ctyp-import-export-row .input-left,
	.ctyp_panel_container .ctyp-import-export-row .input-right {
		float: none;
		width: 100%;
	}
}

div#Slideshow .ctyp_panel_container .ctyp_panel_box .button.delete,
.ctyp_panel_container div.ctyp_panel_slidebox p.ctyp_input {
    margin-left:0;
}

div#Slideshow .ctyp_panel_container .ctyp_panel_box .button.upload_button {
    margin-left:20%;
}

.ctyp_panel_container .ctyp_panel_box textarea {
	height:155px;
	width:100%;
	font-size:12px;
	padding:4px 1%;
	color:#333;
	line-height:1.5em;
	background:#fff;
	border:solid 1px #f1f1f1;
}

.ctyp_panel_container .ctyp_panel_box input[type="text"], 
.ctyp_panel_container .ctyp_panel_box input[type="number"], 
.ctyp_panel_container .ctyp_panel_box input[type="time"], 
.ctyp_panel_container .ctyp_panel_box input[type="color"], 
.ctyp_panel_container .ctyp_panel_box select {
	width:100%;
	height:35px;
	font-size:12px;
	padding:0 1%;
	color:#333;
	line-height:1.5em;
	background:#fff;
	border:solid 1px #f1f1f1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ctyp_panel_container .ctyp_panel_box .button.wp-picker-default { 
    display: inline-block;
    margin: 0;
}

.ctyp_panel_container .wp-picker-open+.wp-picker-input-wrap {
	width:100%;
}

.ctyp_panel_container .ctyp_panel_box label {
	color:#333; 
	font-family: 'Open Sans', Geneva, sans-serif;
	float:left; 
	font-size:14px;
	padding:6px 0;
	cursor:text;
	font-weight:600
}

.ctyp_panel_container .ctyp_panel_box p {
	color:#333; 
	font-family: 'Open Sans', Geneva, sans-serif;
	font-style:italic; 
	font-size:12px; 
    margin:5px 0 0 0;
}

.ctyp_panel_container .ctyp_panel_box span.separator{
	font-weight: bold;
	font-size: 11px;
}

.ctyp_panel_container .ctyp_panel_box textarea:focus, 
.ctyp_panel_container .ctyp_panel_box input:focus, 
.ctyp_panel_container .ctyp_panel_box select:focus {
    background: #fff;
}

.ctyp_panel_container .ctyp_panel_box input#ctyp_upload_backup:focus { 
    background: #008ec2;
    border-color: #006799;
    -webkit-box-shadow: 0 1px 0 #0073aa,0 0 2px 1px #33b3db;
    box-shadow: 0 1px 0 #0073aa,0 0 2px 1px #33b3db;
}

.ctyp_panel_container .ctyp_panel_box .button {
    margin:5px 5px 5px 0;
}

.ctyp_panel_container .ctyp_panel_box .iphone-check input[type="checkbox"]  {
    width:280px;
}

.ctyp_panel_container .ctyp_input label,.ctyp_input em,
.ctyp_panel_container .ctyp_icons label,.ctyp_icons em {
	display:block;
	margin:5px 0;
}

.ctyp_panel_container .default {
	float:none;
	width:100%;
	padding:0
}

.ctyp_panel_container .input-left {
	float:left;
	width:19%;
	vertical-align:top;
	padding:0 0 14px 0;
}

.ctyp_panel_container .input-right {
	float:right;
	width:81%;
	padding:0
}

.ctyp_panel_container select[data-type="ctyp_templates"] + .select2 {
	margin-top: 10px;
}

.ctyp_panel_container .template-selection {
	display: flex;
	align-items: center;
	gap:10px;
	margin-top:10px
}

.ctyp_panel_container .ctyp_panel_box.ctyp_input {
	padding:0;
	border-top:none;
	border-bottom:none;
}

.ctyp_panel_container .ctyp_panel_box.ctyp_input label {
	width:inherit;
	padding:0;
	float:none;
}

.ctyp_panel_container .ctyp_panel_box.ctyp_input .button {
	margin:0;
}