/**************************************************************************************************/
/*
/*		File:
/*			admin.css
/*		Description:
/*			This file contains CSS for the administrative aspects.
/*		Copyright:
/*			Copyright (c) 2016 thnkng.co
/*
/**************************************************************************************************/

/*------------------------------------------------------------------------------------------------
	Add Bootstrap Button
------------------------------------------------------------------------------------------------*/

.wp-media-buttons #tern-theme-shortcode-add img { padding: 0 0 4px; }

/*------------------------------------------------------------------------------------------------
	Alerts
------------------------------------------------------------------------------------------------*/

.alert { padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px; }
.alert-success { color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6; }
.alert-danger { color:#a94442;background-color:#f2dede;border-color:#ebccd1; }
.alert-warning { color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc; }
.alert-info { color:#31708f;background-color:#d9edf7;border-color:#bce8f1; }

/*------------------------------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------------------------------*/

.form-modal { display:none; }
.tern-theme-shortcode-form div.mce-edit-area { padding-left: 1px; }

/*------------------------------------------------------------------------------------------------
	TinyMCE
------------------------------------------------------------------------------------------------*/

.mce-i-terncodes:before { content:'\270E';font-size:25px;color:#333; }

/*------------------------------------------------------------------------------------------------
	Shortcode Editor
------------------------------------------------------------------------------------------------*/

.tern-theme-model-form > div { overflow:hidden; }
.tern-theme-model-form .form { height:0;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; }
.tern-theme-model-form hr { margin:20px 0; }
.tern-theme-model-form .form-table th, .tern-theme-model-form .form-table td { width:50%; }

.tern-theme-shortcode-form .button-update { display:none; }
.tern-theme-shortcode-form.update .button-update { display:inline-block; }
.tern-theme-shortcode-form.update .button-add { display:none; }

.tern-theme-shortcode-form .button-update,
.tern-theme-shortcode-form .button-primary { background: #606fa5; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; font-weight: bold; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }
.tern-theme-shortcode-form .button-update:hover,
.tern-theme-shortcode-form .button-primary:hover { background: #516093; }

.tern-theme-shortcode-form .back .change, .tern-theme-model-form .alert-edit { display:none; }
.tern-theme-model-form.editing .back .back { display:none; }
.tern-theme-model-form.editing .back .change, .tern-theme-model-form.editing .alert-edit { display:block; }

.tern-theme-shortcode-form .button.back { border: 1px solid #dddddd; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; font-weight: bold; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; }
.tern-theme-shortcode-form .button.back:hover { background: #ddd; }

/*------------------------
	TinyMCE
------------------------*/

.tern-theme-model-form .mce-tinymce { border:1px solid #ccc; }
.tern-theme-model-form .mce-wp-dfw, .tern-theme-model-form .mce-wp-tts { display:none; }

/*------------------------
	Tabs
------------------------*/

.tern-theme-model-form .tabs, .tern-theme-model-form .tabs li { display:block;width:100%;margin:0;padding:0;list-style:none; }
.tern-theme-model-form .tabs li { display:inline-block;width:30%;padding:10px; }
.tern-theme-model-form .tabs-full li { display:block;width:auto; }
.tern-theme-model-form .tabs label { display:block;margin:10px 0;font-weight:bold; }
.tern-theme-model-form .tabs input, .tern-theme-model-form .tabs textarea { width:100%; }

#tern-theme-shortcodes ul, #tern-theme-shortcodes li { display:block;width:100%;margin:0;padding:0;list-style:none; }
#tern-theme-shortcodes li { display:inline-block;width:30%;padding:10px; }
#tern-theme-shortcodes a { display:block;background:#efefef;color:#999;text-decoration:none; }
#tern-theme-shortcodes a:hover { background:#606fa5;color:#fff; }
#tern-theme-shortcodes a:active { background:#ccc;color:#333; }
#tern-theme-shortcodes a i { background: #606fa5; color: #fff; height: 50px; line-height: 50px; margin-right: 15px; text-align: center; width: 50px; }
#tern-theme-shortcodes a:hover i { background: #516093; }

/*------------------------
	Rows
------------------------*/

.tern-theme-shortcode-form .row { font-size:0; }
.tern-theme-shortcode-form .row > li { position:relative;display:inline-block;height:100px;background:#f3f3f3;box-shadow:inset 0 0 1px #ccc;-moz-box-shadow:inset 0 0 1px #ccc;-webkit-box-shadow:inset 0 0 1px #ccc;text-align:center;vertical-align:middle; }
.tern-theme-shortcode-form .row > li.span1 { width:8.33%; }
.tern-theme-shortcode-form .row > li.span2 { width:16.5%; }
.tern-theme-shortcode-form .row > li.span3 { width:25%; }
.tern-theme-shortcode-form .row > li.span4 { width:33.33%; }
.tern-theme-shortcode-form .row > li.span5 { width:41.67%; }
.tern-theme-shortcode-form .row > li.span6 { width:50%; }
.tern-theme-shortcode-form .row > li.span7 { width:58.33%; }
.tern-theme-shortcode-form .row > li.span8 { width:66.67%; }
.tern-theme-shortcode-form .row > li.span9 { width:75%; }
.tern-theme-shortcode-form .row > li.span10 { width:83.33%; }
.tern-theme-shortcode-form .row > li.span11 { width:91.67%; }
.tern-theme-shortcode-form .row > li.span12 { width:100%; }

.tern-theme-shortcode-form .row > li.active { background: #e2e2e2; }

.tern-theme-shortcode-form .column-config { overflow:hidden;height:0; }

.tern-theme-shortcode-form .row > li .controls { margin-top:36px; }
.tern-theme-shortcode-form .row > li.span1 .button-minus, .tern-theme-shortcode-form .row > li.nominus .button-minus, .tern-theme-shortcode-form .row > li.span12 .button-plus, .tern-theme-shortcode-form .row > li.noplus .button-plus { display:none; }
.tern-theme-shortcode-form .row > li a { display:inline-block; }

.tern-theme-shortcode-form .controls .button { background: #fafafa; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; color: #989898; height: 30px; line-height: 30px; margin: 0 0 0 1px; padding: 0; text-align: center; width: 30px; }
.tern-theme-shortcode-form .controls .button:hover { background: #606fa5; color: #fff; }
.tern-theme-shortcode-form .controls .button.disable { background: #63be7b; color: #fff; margin-left: 10px; }
.tern-theme-shortcode-form .controls .button i { margin: 0; }

.tern-theme-shortcode-form .controls .button span { background: #606fa5; bottom: 40px; color: #fff; font-family: 'Playfair Display', serif; font-style: italic; left: -35px; padding: 6px 5px; pointer-events: none; position: absolute; visibility: hidden; width: 100px; }
.tern-theme-shortcode-form .controls .button span:after { border: solid transparent; border-color: rgba(96, 111, 165, 0); border-top-color: #606fa5; border-width: 5px; content: " "; height: 0; left: 50%; margin-left: -5px; pointer-events: none; position: absolute; top: 100%; width: 0; }
.tern-theme-shortcode-form .controls .button:hover span { visibility: visible; }

/*------------------------
	Accordion
------------------------*/

#tern-theme-shortcodes-accordion-tab-form, #tern-theme-shortcodes-tab-form { display:none; }

/*------------------------
	Buttons
------------------------*/

.btn { display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;text-decoration:none; }

.btn-default { color:#333;background-color:#fff;border-color:#ccc; }
.btn-default:hover { color:#333;background-color:#e6e6e6;border-color:#adadad; }
.btn-primary { background-color:#337ab7;border-color:#2e6da4;color:#fff; }
.btn-primary:hover { background-color:#286090;border-color:#204d74;color:#fff; }
.btn-secondary { background-color:#ccc;border-color:#666;color:#fff; }
.btn-secondary:hover { background-color:#efefef;border-color:#999;color:#fff; }
.btn-success { color:#fff;background-color:#5cb85c;border-color:#4cae4c; }
.btn-success:hover { color:#fff;background-color:#449d44;border-color:#398439; }
.btn-info { color:#fff;background-color:#5bc0de;border-color:#46b8da; }
.btn-info:hover { color:#fff;background-color:#31b0d5;border-color:#269abc; }
.btn-warning { color:#fff;background-color:#f0ad4e;border-color:#eea236; }
.btn-warning:hover { color:#fff;background-color:#ec971f;border-color:#d58512; }
.btn-danger { color:#fff;background-color:#d9534f;border-color:#d43f3a; }
.btn-danger:hover { color:#fff;background-color:#c9302c;border-color:#ac2925; }
.btn-link { border-color:transparent; }
.btn-link:hover { color:#23527c;text-decoration:underline;background-color:transparent; }

/*------------------------
	Collapse
------------------------*/

#tern-theme-shortcodes-collapse th, #tern-theme-shortcodes-collapse td { width:auto; }

/*------------------------
	Feature
------------------------*/

#tern-theme-shortcodes-feature .row select { width:90%; }

/*------------------------
	Rules
------------------------*/

#tern-theme-shortcodes-rule .row li { background:none;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }
#tern-theme-shortcodes-rule .rule { border:1px dotted #ccc;margin:0 10px;padding:20px; }
#tern-theme-shortcodes-rule .rule:hover { background:#dfdfdf; }
#tern-theme-shortcodes-rule .rule.active { background:#dfdfdf;box-shadow:inset 0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.4);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.4); }
#tern-theme-shortcodes-rule hr { height:1px;background:none;border:0;line-height:1px; }
#tern-theme-shortcodes-rule hr.default { border-top:1px solid #ccc; }
#tern-theme-shortcodes-rule hr.dotted { border-top:1px dotted #ccc; }
#tern-theme-shortcodes-rule hr.dashed { border-top:1px dashed #ccc; }
#tern-theme-shortcodes-rule hr.double { border:1px solid #ccc;border-width:1px 0; }