/* General CSS */
.ecs-cnt-wrap, .ecs-cnt-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.ecs-clearfix:before, .ecs-clearfix:after{content: "";display: table;}
.ecs-clearfix::after{clear: both;}
.ecs-right{float:right;}
.ecs-hide{display: none;}
.ecs-pad-top-20{padding:20px 0 0 0;}
.ecs-no-padding{padding:0 !important;}
.ecs-no-margin{margin:0 !important;}
.ecs-sett-wrap .ecs-resett-sett-btn{margin: 0 0 0 5px;}
.ecs-settings .CodeMirror{border: 1px solid #e5e5e5; height:400px;}
#ecs-post-sett .form-table th,
#ecs-cw-details .form-table th,
.ecs-sett-wrap .form-table th{width: 170px;}
#ecs-cw-details .inside{margin:0; padding:0;}
#ecs-cw-details .inside .ecs-vtab-wrap{border: 0;}
.ecs-avatar-image{padding: 1px; border: 1px solid #ccc; box-sizing: border-box;}
.ecs-code-tag-wrap{line-height: 22px;}
.ecs-cw-sett-btn-wrp{text-align: center;}
.ecs-btn-large{max-width: 620px; width: 100%;}

.ecs-info{background-color: #d9edf7; border: 1px solid #bce8f1; border-radius: 4px; color:#31708f; font-weight: 600; padding: 10px; text-align:left; margin: 0 0 10px 0;}
.ecs-info.description{display:block; margin: 8px 0 0 0; font-style:normal;}
.ecs-sub-sett-title{border-bottom: 2px solid #ccc; padding: 0 0 6px; line-height: normal;}
.ecs-textarea{height: 120px;}
.ecs-tbl .ecs-tbl{margin: 0;}
.ecs-loop-row-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px;}
.ecs-loop-row-wrap > div{width: 48.8%;}
.ecs-loop-row-wrap .ecs-loop-grid{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ecs-loop-row-wrap .ecs-loop-grid > label{width: 39%;}
.ecs-loop-row-wrap .ecs-loop-grid > select{width: 60% !important;}
.ecs-shortcode-preview{background-color: #e7e7e7; font-weight: 600; padding: 2px 8px; display: inline-block; margin:0 0 2px 0; word-break: break-all; }
.ecs-copy-clipboard{-webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all;}
.ecs-notice-wrap{bottom: -20px; position: fixed; right: 20px; max-width: 280px; width: 100%; box-sizing: border-box; min-width: 278px; z-index: 1;}

/***** Vertical Tabs CSS *****/
.ecs-vtab-wrap, .ecs-vtab-wrap *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.ecs-vtab-wrap{background-color: #f5f5f5; border:1px solid #e2dddb;}
.ecs-vtab-wrap .form-table{clear: none; margin: 0;}
.ecs-vtab-wrap .ecs-tab-info-wrap{border-bottom: 1px solid #e2dddb; padding: 0 0 5px 0;}
.ecs-vtab-wrap .ecs-tab-title{font-size: 14px; font-weight: 600;}
.ecs-vtab-wrap .ecs-tab-desc{font-size: 13px; font-style: italic; margin: 5px 0 0 0; display: block;}
.ecs-vtab-nav-wrap{float: left; list-style: outside none none; padding: 0 !important; position: relative; width: 180px; word-wrap: break-word; margin: 0 !important; background-color: #f5f5f5;}
.ecs-vtab-nav-wrap .ecs-vtab-nav{display: block; margin: 0; padding: 0; position: relative; width: 100%;}
.ecs-vtab-nav-wrap .ecs-vtab-nav a {color: #222; display: block; padding: 12px 6px; width: 100%; text-decoration: none; box-shadow: none; border-width: 1px; border-color: #e2dddb; border-style: none solid solid none; -webkit-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;}
.ecs-vtab-nav-wrap .ecs-vtab-nav a:hover{box-shadow:3px 0 0 0 #222 inset;}
.ecs-vtab-nav.ecs-active-vtab a{border-style: none none solid none; background-color:#fff; box-shadow:3px 0 0 0 #222 inset;}
.ecs-vtab-cnt-wrp{background-color: #fff; margin-left: 179px; padding: 10px 20px 10px 20px; min-height: 225px; border-left: 1px solid #e2dddb;}
.ecs-vtab-cnt{display: none;}

/* Select2 CSS */
select.ecs-select{max-width:200px; width: 100%;}
.ecs-select2{width:220px;}
.select2-container ul li {margin-bottom: 0;}
.ecs-select2-mul + .select2-container--default .select2-selection--single .select2-selection__clear{line-height: 24px;}
.ecs-select2-mul + .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 4px; padding-left: 25px;}
.ecs-select2-mul + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{padding: 4px; top: -1px;}