/*!
 * Screets Live Chat - Admin chat options styles
 * Author: @screetscom
 *
 * COPYRIGHT © 2016 Screets d.o.o. All rights reserved.
 * This  is  commercial  software,  only  users  who have purchased a valid
 * license  and  accept  to the terms of the  License Agreement can install
 * and use this program.
 */
	
/* App ID */
input#screets-cx_app-id { width: 140px; }
input#screets-cx_app-secret { width: 360px; }

/* Some common elements in options */
small.description { color: #ccc; }

.schat-red { color: #e54045; }
.schat-green { color: green; }
.schat-grey { color: #bbb; }

.schat-highlight { 
	display: inline-block;
	padding: 0 3px;
	border-radius: 2px;
	font-style: normal; 
	background-color: #fff198; 
}

[class^="schat-ico-"]:before, [class*=" schat-ico-"]:before {
	vertical-align: middle;
}

/**
 * General structure 
 */	

 	/*First row */
 	.titan-framework-panel-wrap .form-table tr.row-1 td,
 	.titan-framework-panel-wrap .form-table tr.row-1 th { padding-top: 30px; }
	
	.titan-framework-panel-wrap .form-table { margin: 0; }
	.tf-upload .tf-image-preview { overflow: hidden; }

	/* Row spacing */
	.titan-framework-panel-wrap tr:not(.tf-heading) th, 
	.titan-framework-panel-wrap tr:not(.tf-heading) td {
		padding: 15px 20px;
	}
	
	td.tf-note {
		padding: 0 0 10px 0;
	}
	.tf-note .update-nag {
		margin: 0;
	}

	/* Logos */
	.form-table .schat-logo {
		max-width: 16px;
		height: auto;
	}

	/* Error */
		.nav-tab-wrapper a.schat-error {
			color: #e54045;
		}
		.nav-tab-wrapper a.schat-error:before {
			content: '(!) ';
		}

		tr.schat-error th,
		tr.schat-error td {
			background-color: rgba(229, 64, 69, 0.1);
		}

		tr.schat-error input,
		tr.schat-error textarea,
		tr.schat-error select {
			border-color: #e54045;
		}

/* Specific pages & cats */
	.titan-framework-panel-wrap .form-table .schat-specific-pages td {
		padding: 0 20px;
	}
	.titan-framework-panel-wrap .form-table .schat-specific-cats td {
		padding: 10px 20px 20px 20px;
	}

/* Site logo option */
	tr.row-5 td.tf-upload { padding-bottom: 0; }
	tr.row-6 td.tf-checkbox { padding-bottom: 30px; }