/**
 * All of the CSS for your dashboard-specific functionality should be
 * included in this file.
 */
 .mtsnb-tabs *, .mtsnb-tabs *:before, .mtsnb-tabs *:after { box-sizing: border-box }
 .clearfix:before, .clearfix:after { content: " "; display: table; }
 .clearfix:after { clear: both }
 .clearfix { *zoom: 1  }
 .mtsnb-tabs label, .mtsnb-tabs p { font-size: 15px }
 .utm-text { min-width: 150px; float: left; }
 .mtsnb-remove-utm-tag { position: absolute; right: 15px; top: 5px; }
 .mtsnb-tabs p { color: #7f7f7f }
 .mtsnb-tabs input[type="text"]:not(.wp-color-picker), .mtsnb-tabs input[type="number"], .mtsnb-tabs select, .mtsnb-tabs textarea {
 	font-size: 14px;
 	color: #797979;
 	line-height: 22px;
 	padding: 15px 10px;
 	background: #fff;
 	margin: 0;
 	border: 1px solid #d6d6d6;
 	outline: none!important;
 	box-shadow: 0px 0px 0px !important;
 	border-radius: 2px !important;
 }
 .mtsnb-tabs button, .mtsnb-tabs .button:not(.wp-picker-clear, .mtsnb-load-palette), .mtsnb-tabs input[type="submit"] { font-size: 15px!important; padding: 9px 20px!important; height: auto!important; line-height: 22px!important; outline: none!important; }
 .mtsnb-tabs button:focus, .mtsnb-tabs .button:focus, .mtsnb-tabs input[type="submit"]:focus { outline: none!important; box-shadow: none!important; }
 .mtsnb-tabs input[type="text"], .mtsnb-tabs input[type="number"], .mtsnb-tabs select, .mtsnb-tabs textarea { width: 100% }
 .mtsnb-tabs select { height: auto }
 .mtsnb-tabs textarea { width: 100%; max-width: 100%; height: 200px; }
 .mtsnb-tabs input:focus, .mtsnb-tabs select:focus, .mtsnb-tabs textarea:focus, .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #a4e3fa; color: #666666; outline: none; }
 /*Tabs*/
 .mtsnb-tabs {font-size: 16px; }
 .mtsnb-tabs-inner { background: #fdfdfd }
 .mtsnb-tabs-nav { float: left; margin: 0; }
 #main-tabs-nav { width: 100%; padding-right: 0; }
 #main-tabs-wrap { }
 .mtsnb-tabs-nav li, #conditions-selector li { float: left; display: inline-block; width: 100%; clear: left; margin: 0; }
 #main-tabs-nav li { width: 25%; display: block; clear: none; border-right: 1px solid #c1c1c1; }
 #main-tabs-nav li:last-child { border-right: 0 }
 .mtsnb-tabs-nav li a, #conditions-selector li { float: left; width: 100%;text-transform:capitalize; background: #cecece; color: #484848; padding: 15px; font-size: 14px; text-decoration: none; outline: none !important; position: relative; }
 .mtsnb-tabs-nav li a.active { background: #fff }
 .mtsnb-tabs-nav li a:hover {background:#ececec;}
 .mtsnb-tabs-nav li a:focus { color: #333; box-shadow: none; }
 .mtsnb-tabs-nav li a.active { pointer-events: none }
 #sub-tabs-nav li a, #conditions-selector li { padding-right: 60px;background: #ffffff; border: 1px solid #eaebec; margin: -1px 0 0 -1px; color: #aaaaaa; position: relative; cursor: pointer; }
 #sub-tabs-nav li a.active, #sub-tabs-nav li a:hover, #conditions-selector li.active, #conditions-selector li:hover { 
 	 color: black; 
 }
 #conditions-selector li { padding-left: 20px; padding-right: 10px; }
 .mtsnb-tab-title { display: block }
 .mtsnb-tab-title { font-size: 16px; font-weight: 500; text-align: center; }
 .mtsnb-tab-title .dashicons { margin-right: 8px }
 /*tab content*/
 .mtsnb-tabs-content { display: none; float: left; width: 100%; clear: both; }
 .mtsnb-tabs-content.active { display: block }
 .mtsnb-ab-slider-label { margin-bottom: 5px }
 .mtsnb-tab-desc { border-width: 0 1px 0 1px; border-style: solid; border-color: #eaebec; background: #ffffff; line-height: 24px; color: #2d2d2d; padding: 30px 26px; }
 .mtsnb-tab-options, #conditions-selector-wrap { padding: 30px; border: 1px solid #eaebec; }
 .mtsnb-tab-options { padding-top: 10px; }
 #tab-type .mtsnb-tab-options, #tab-conditions .mtsnb-tab-options, #conditions-selector-wrap { padding: 0 }
 #tab-type .meta-tabs-wrap, #tab-conditions .meta-tabs-wrap { padding-top: 30px }
 #sub-tabs-wrap { overflow: hidden }
 .form-row {
 	float: left;
 	width: 100%;
 	clear: both;
 	padding: 15px 0;
 	margin: 0;
 	border-bottom: 1px solid #ececec;	
 }
 #tab-type .mtsnb-tab-options .form-row { padding: 15px 30px }
 .form-label { float: left; width: 25%; color: #7f7f7f; padding-right: 20px; padding-top: 12px; }
 .form-label:hover { color: #666666 }
 .form-option { float: left; width: 75%; }
 .clear-image { margin: 0 10px; vertical-align: bottom; }
 #preview-bar { width: 100%; padding: 10px; height: auto; text-align: center; }
 .mtsnb-tabs .wp-color-result, .mtsnb-tabs .wp-picker-container .button { height: auto }
 .mtsnb-tabs .wp-picker-container .button, .mtsnb-tabs  .wp-color-result:after { line-height: 26px }
 .mtsnb-tabs .wp-picker-container input[type=text].wp-color-picker { width: 70px }
 .mtsnb-submit { pointer-events: none }
 .mtsnb-tabs input[type=checkbox] { margin-top: 12px }
 /*conditions*/
 /*checkboxes*/
 #conditions-selector { float: left }
 #conditions-selector ul { margin: 0 }
 #conditions-selector .mtsnb-check, #conditions-selector .mtsnb-check:after { position: absolute; border-radius: 50%; }
 #conditions-selector .mtsnb-check { top: 15px; left: 15px; width: 17px; height: 17px; border: 1px solid #cccccc; }
 #conditions-selector .mtsnb-check:after { content: ""; top: 3px; left: 3px; width: 9px; height: 9px; background: #cccccc; }
 #conditions-selector .condition-checkbox.active .mtsnb-check, #conditions-selector .condition-checkbox:hover .mtsnb-check { border-color: #FFFFFF;}
 #conditions-selector .condition-checkbox.active .mtsnb-check:after, #conditions-selector .condition-checkbox:hover .mtsnb-check:after { background: #FFFFFF;}
 #conditions-selector ul li.disabled { color: #dcdcdc; pointer-events: none; }
 #conditions-selector .condition-checkbox.disabled .mtsnb-check { border-color: #dcdcdc }
 #conditions-selector .condition-checkbox.disabled .mtsnb-check:after { background: #dcdcdc }
 /*panels*/
 #conditions-panels { overflow: hidden }
 .mtsnb-conditions-panel { padding: 15px; display: none; }
 .mtsnb-conditions-panel.active { display: block }
 .mtsnb-conditions-panel-title, .mtsnb-conditions-panel-content { padding: 15px }
 .mtsnb-conditions-panel-title { color: #666666; font-size: 18px; font-weight: 700; }
 .mtsnb-conditions-panel-desc input[type="number"] { width: 90px }
 .mtsnb-conditions-panel-opt { margin-top: 15px; padding-left: 15px; padding-right: 15px; }
 /*tags input*/
 .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 6px; margin-bottom: 10px; color: #555; vertical-align: middle; border-radius: 4px; width: 100%; max-width: 100%; line-height: 22px; cursor: text; }
 .bootstrap-tagsinput input { border: none; nowhitespace: afterproperty; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; /*width: auto;*/ width: 100%; max-width: inherit; ; }
 .bootstrap-tagsinput input:focus { border: none; box-shadow: none; }
 .bootstrap-tagsinput .tag { padding: 0 5px; margin: 5px 0 5px 5px; color: #666666; background-color: #e4e4e4; border: 1px solid #aaa; display: inline-block!important; border-radius: 4px; }
 .bootstrap-tagsinput .tag [data-role="remove"] { float: left; margin-right: 8px; cursor: pointer; }
 .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }
 div[data-checkbox], div[data-parent-select-id] { display: none }
 div[data-checkbox].active, div[data-parent-select-id].active { display: block }
 .select2-container { width: 100%!important }
 .select2-hidden-accessible { width: 0!important }
 .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #666666 }
 .select2-container--default .select2-search--inline .select2-search__field { box-shadow: none; padding-top: 0; padding-bottom: 0; }
 .text-center { text-align: center }
 .mtsnb-move { cursor: move; padding: 5px; }
 .mtsnb-social-div { margin-left: 30px!important }
 .mtsnb-colors-loader { margin-bottom: 12px }
 .mtsnb-palettes { display: none }
 .mtsnb-colors-loader .color-palette { max-width: 300px; height: 40px; margin-top: 12px; border: 1px solid #ccc; }
 .single-palette { position: relative; clear: both; }
 .single-palette .mtsnb-load-palette { display: none }
 .single-palette:hover .mtsnb-load-palette { display: block; position: absolute; top: 6px; left: 6px; }
 .select2-results .color-palette { margin: 10px 0 5px; border: 1px solid #ccc; }
 .mtsnb-small-select { width: auto!important; padding: 5px!important; margin: -3px 5px 0 5px!important; }
 .mtsnb-utm-label { display: inline-block; margin: 0 0 10px 0; width: 100%; position: relative; }
 .mtsnb-utm-label input, input.mtsnb-add-utm-tag-input { width: auto!important; nowhitespace: afterproperty; padding: 5px 10px!important; /* border-width: 0 0 1px 0!important; */ /* background-color: transparent!important; */ ; }
 .mtsnb-remove-utm-tag.button { margin: 0 0 0 10px }
 #b-sub-tabs-wrap, #mtsnb-test-stats-a, .mtsnb-reset-split-test { display: none!important }
 #b-sub-tabs-wrap.active { display: block!important }
 #mtsnb-test-stats-a.active, .mtsnb-reset-split-test.show { display: inline-block!important }
 .mtsnb-enable-split-test, .mtsnb-reset-split-test { margin: 10px 20px!important }
 #b-sub-tabs-wrap .mtsnb-tab-desc { border-width: 1px 0 }
 .mtsnb-test-stats { float: right; display: inline-block; margin: 18px 0 50px 26px; padding: 15px; font-weight: bold; clear: both; color: #fff; background: #45bbe6; width: 100%; }
 #b-sub-tabs-wrap .mtsnb-test-stats { margin-bottom: 0 }
 .mtsnb-test-stat { display: inline-block; padding: 0 20px; }
 #mtsnb-ab-sliders { float: right; width: 100%; margin-top: 15px; margin-bottom: 5px; }
 .mtsnb-ab-slider { position: relative; border: 1px solid #ccc; border-radius: 10px; background: #fafafa; box-sizing: border-box; }
 .mtsnb-ab-slider-a { margin-bottom: 20px }
 .mtsnb-ab-slider .track { display: block; float: left; margin-left: 19.3%; width: 2px; height: 13px; }
 .ui-state-default.ui-slider-handle { height: 22px; line-height: 21px; padding: 0 5px; text-decoration: none; background: #45bbe6; text-align: center; border-radius: 4px; border: 1px solid #34aad5; cursor: pointer; }
 .ui-state-default.ui-slider-handle:hover, .ui-state-default.ui-slider-handle:focus { background: #34aad5 }
 .mtsnb-bar-select { max-width: 100% }
 #poststuff .inside {
 	margin: 6px 0 0;
 	margin: 0;
 	padding: 0;
 }