.stwr_wrapper_full{
	width: 100%;
    max-width: 1400px;
    margin-top:20px;
    padding:20px;
    border: 1px solid #ddd;
}

/***** Leftsidebar CSS start *****/
.sidebar_outer {
    width: 100%;
    max-width: 1400px;
    margin-top:20px;
    float:left;
    border: 1px solid #ddd;
    min-height: 810px;
}
.left_menu {
    width: 300px;
    float: left;
    background: #eee;
    text-align: center;
    position: relative;
    z-index: 3;  
}
.left_menu ul li {
    padding: 40px 10px;
    margin-bottom: 0;
    transition: all .4s;
}  
.left_menu ul li:hover, .left_menu ul li.active{
    background:#ccc;
}
.left_menu ul li a {
    color: #565656;
    font-weight: 600;
    font-size: 17px;
}
.left_menu ul li a:hover, .left_menu ul li a:focus {
    text-decoration:none;
    box-shadow:none;
}
.left_menu ul li i {
    display: block;
    background: #fff;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    color: #999;
    margin-bottom: 8px;
    box-shadow: 0px 0px 9px 4px #ddd;
}
.right_content {
    margin-left: 300px;
    background: #fff;
    padding: 20px 25px 25px 25px;
}
a:focus{
	box-shadow:none;
}
/***** Leftsidebar CSS end *****/


/***** Heading CSS start *****/
.stwr_heading {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 17px;
}
.stwr_heading h4 {
    margin: 0;
    font-size: 24px;
    color: #555;
}
.stwr_heading h4 i{
  font-size: 24px;
  color: #108dad;
}
.btns-groups h6{
    margin-bottom: 0px;
    cursor: pointer;
}
.btns-groups h6:before {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: left; 
    margin-right:6px;
}
.btns-groups h6.collapsed:before {
    content: "\f067"; 
}
.stwr_addwheel_outer {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}
/***** Heading CSS end *****/


/***** Button CSS start *****/
.theme-btn {
    border: none;
    font-weight: 600;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.20);
    transition: all ease 0.3s;
    transform: translate3d(0,0,0);
    color: #FFF;
    text-transform: capitalize;
    font-size: 16px;
    border-radius: 5px;
    padding: 12px 24px;
}
.btn{
  transition: all ease 0.3s
}
.btn:hover{
  box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.30);
}
.btn:focus{
  box-shadow: none !important;
}
.green_btn, .green_btn:hover, .green_btn:focus, .green_btn:active{
  background: #02c7a6!important;
  border: none;
  color:#fff;
  -webkit-appearance: inherit !important;
}
.red_btn, .red_btn:hover, .red_btn:focus, .red_btn:active{
  background: #dc3545!important;
  border: none;
  color:#fff;
  -webkit-appearance: inherit !important;
}
.blue_btn, .blue_btn:hover, .blue_btn:focus, .blue_btn:active{
  background: #0073aa!important;
  border: none;
  color:#fff;
  -webkit-appearance: inherit !important;
}
.save_btn {
    border: 2px solid #02c7a6;
    position: relative;
    padding: 12px 25px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    color: #02c7a6 !important;
    font-weight: 600;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 4px;
    -webkit-appearance: inherit !important;
    background: transparent;
}
.save_btn:hover {
    background-color: #02c7a6;
    color: #fff !important;
    text-decoration: none;
}
/***** Button CSS end *****/


/***** Form CSS start *****/
select.form-control, .dataTables_length select{
  height:50px !important;
  padding-left: 15px;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15' height='15' viewBox='0 0 24 24'%3e%3cpath fill='%23000000' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'%3e%3c/path%3e%3c/svg%3e");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif;
  -webkit-appearance: none;
}
.form-control {
    height: 50px;
    width: 100% !important;
    background-color: #fff;
    border-color: #eaedef;
    border-radius: 0;
    padding-left: 15px;
    font-size: 15px;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none !important;
}
.form-group {
    margin-bottom: 35px;
}
.form-group label {
    color: #5d5d5d;
    padding-top: 0px;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    margin-bottom:0px;
}
input[type=number] {
    height: 50px !important;
    line-height: 1;
}
select[multiple] {
    height: auto !important;
    background-image: none;
}
input[type=checkbox], input[type=radio] {
    height: 18px;
    width: 18px;
    min-width: 18px;
    margin: -4px 0 0 0;
}
input[type=radio]:checked:before {
    width: 8px;
    height: 8px;
    line-height: 18px;
    margin:6px;
}
/***** form CSS end *****/


/***** Table CSS start *****/
.stwr_common_table tbody tr.odd td {
    background: #fff;
}
.stwr_common_table tbody tr.even td {
    background: #f1f1f1;
}
.stwr_common_table thead tr th {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: normal;
    padding: 10px 12px;
    color: #555;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    text-align: center;
    background-color: #f1f1f1;
}
.stwr_common_table  tbody tr td {
    color: #7e7e7e;
    font-size: 14px;
    padding: 10px 10px;
    letter-spacing: 0;
    border-top:none;
    border-right: 1px solid #dee2e6;
}
.stwr_common_table  tbody tr td:first-child, .stwr_common_table  thead tr th:first-child{
	border-left: 1px solid #dee2e6;
}
.stwr_common_table tbody tr td:last-child a {
    color: #0073aa;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
    padding-top: 15px;
}
.dataTables_filter label input, .dataTables_length select {
    border: #c4c4c4 solid thin !important;
    width: 305px;
}
.dataTables_length select {
    width: 64px;
}
.dataTables_filter label input {
    margin-left: 10px;
}
.dataTables_length select, .dataTables_filter input, .dataTables_filter label input {
    height: 45px!important;
}
.dataTables_length label {
    font-size: 14px;
    color: #323030;
    font-weight: 400;
    text-transform: capitalize;
}
.dataTables_info, .dataTables_paginate {
    margin-bottom: 50px;
    font-size: 14px;
}

.without_responsive_custom table tbody tr td{
			width:50px !important;
			word-wrap: break-word;
			word-break: break-all;
		}
/***** Table CSS end *****/


/***** Page Loader CSS start *****/
#stwr_loadingoverlay, #stwr_loader_icon {
  position: fixed;
  top: 0%;
  left: 0;
  background: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  z-index: 999999;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
#stwr_loader_icon img {
  width: 71px;
  height: 71px;
}
@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-dual-ring {
  position: relative;
}
.lds-dual-ring div {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 20px;
  left: 20px;
  border-radius: 60%;
  border: 10px solid #000;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: lds-dual-ring 1.4s linear infinite;
  animation: lds-dual-ring 1.4s linear infinite;
}
.lds-dual-ring {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
.lds-dual-ring {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/***** Page Loader CSS end *****/



/***** Customizer CSS start *****/
.customized-optional {
    float: right;
    position: relative;
    z-index: 999;
    margin: 0px auto;
    right: 0px;
    left: auto;
    border: 1px solid #2196f3;
}
.customizer_heading {
    color: #2196f3;
    background: #e8e8e8;
    text-align: center;
    padding: 8px 0;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    float: left;
    letter-spacing: 0;
    width: 100%;
}
.customized-optional ul {
    width: 100%;
    float: left;
    background: #fbfbfb;
    padding: 0px;
    color: black;
    margin: 0;
    list-style: none;
}
ul.templates-styles li {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 10px 10px;
    border-bottom: #aac1d3 dashed thin;
    min-height: 50px;
}
.customized-optional ul li label {
    padding: 0;
    cursor: default;
    color: #626262;
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
    font-weight:500;
}
ul.templates-styles li .input-group {
    width: 40%;
}
#form_bg_img{
  font-size: 14px;
}
ul.templates-styles li .form-control {
    padding-left: 5px;
}
.slider.slider-horizontal {
    width: 210px;
    height: 28px;
}
ul.templates-styles li .form-control {
    width: 100% !important;
    line-height: 33px;
    min-height: 28px !important;
    font-size: 14px;
    height: 38px !important;
    border: 1px solid #e1e1e1;
}
span.input-group-addon {
    width: 22px;
    height: 38px;
    margin-top: -3px;
}
ul.templates-styles li .input-group.colorpicker-component i {
    height: 100%;
    margin-top: 0px;
    width: 25px;
    border-radius: 0 3px 2px 0;
    display: inline-block;
    cursor: pointer;
    vertical-align: text-top;
    border:1px solid #e1e1e1;
    border-left:none;
}
ul.templates-styles li .input-group.colorpicker-component input[type="text"] {
    width: 1% !important;
}
ul.templates-styles li .input-group .input-group {
    width: 100%;
}
.mt-80 {
    margin-top: 80px; 
}
.slider.slider-horizontal .slider-handle {
    position: absolute;
    top: 8px;
    margin-left: 0;
    width: 15px;
    height: 15px;
    background: #11bbe6;
    background-image: none;
}
.slider.slider-horizontal .slider-track {
    height: 6px;
    width: 100%;
    margin-top: -1px;
    top: 50%;
    left: 0;
    background: #c1c1c1;
}
.slider.slider-horizontal .slider-selection {
    background: #191919;
}
.input-group .tooltip.in {
    line-height: normal !important;
    font-size: 10px!important;
    padding: 0px!important;
    opacity: 0.9!important;
    border-radius: 2px;
}
.slider .tooltip.top {
    margin-top: -20px !important;
}
/***** Customizer CSS end *****/

/***** Warning Box CSS start *****/
.warning_box, .warning_box_green {
    border: 1px solid #c7d1db;
    padding: 15px;
    border-left: 3px solid #11bbe6;
    margin-top: 15px;
    border-radius: 4px;
    background: #e4f9ff;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #565656;
}
.warning_box_green {
    border-left: 3px solid #efc211;
    background: #fffded;
    padding: 11px 15px;
}

/***** Warning Box CSS end *****/

.swal2-popup #swal2-content {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}
.swal2-icon {
    margin: 4px auto 12px !important;
}
.show_merge_tags_div span{
 font-size: 14px;
}
/*------------- [ TOOLTIP ] -------------*/
.tool-tip {
 display: inline-block;
 cursor: pointer;
 position: relative;
}
.tool-tip .toll-tip-desc::before {
 border-top: 10px solid rgba(0, 0, 0, 0);
 border-bottom: 10px solid rgba(206, 115, 115, 0);
 border-right: 10px solid #58666e;
 content: '';
 left: -10px;
 position: absolute;
 top: 10px;
}
.tool-tip .toll-tip-desc {
 display: inline;
 font-size: 14px;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 6px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 padding: 10px 15px;
 position: absolute;
 top: -11px;
 left: 50px;
 opacity: 0;
 visibility: hidden;
 transition: all cubic-bezier(0.76, 0, 0.4, 1.23) 0.5s;
 width: 500px;
 z-index: 5;
 background: white;
     font-weight: normal;
}
.tool-tip:hover .toll-tip-desc {
 opacity: 1;
 visibility: visible;
 left: 35px;
}
.tool-tip .fa {
 color: var(--primary-color);
 font-size: 18px;
 margin-left: 3px;
 background: #ffffff;
}
.tool-tip.left .toll-tip-desc {
 right: 20px;
 left: auto;
}


div.mce-tinymce-inline {
    min-height: auto !important;
}

.colorpicker {
    width: auto;
    height: auto;
    background: none;
}