.composeForm {
 padding: 10;
 margin: 0;
 height: 568px;
}

.maintable {
 width: 100%;
 position: relative;
 font-size: inherit;
 border-radius: 10px;
}

.side-panel {
 border-right: 1px solid #e0e0e0;
 vertical-align: top;
 width: 33%;
 padding: 15px;
 position: relative;
}

.side-panel.no-mobile {
 max-width: 266px;
}

.side-main {
 vertical-align: top;
 /* padding-bottom: 15px; */
}

.side-panel h4 {
 padding: 0 0 15px;
 text-align: center;
 border-bottom: 1px solid #e0e0e0;
}

#group-dropdown {
 padding: 10px 0;
}

#group-dropdown > li {
 padding: 0;
 border-bottom: 0;
}

#group-dropdown > li a {
 color: #000 !important;
}

.side-panel ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 14px;
 max-height: 420px;
 overflow-x: hidden;
}

.side-panel ul li {
 border-bottom: 1px solid #e0e0e0;
 padding: 10px 0;
 position: relative;
 word-break: break-word;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.side-panel > ul li:after,
.side-panel > ul li:before {
 position: absolute;
 right: 0;
 top: 13px;
 left: auto;
 content: '';
 border: 7px solid transparent;
 border-left: 7px solid #2196f3;
}

.side-panel ul li:after {
 border-left: 7px solid white;
 right: 3px;
}

.side-panel ul li .group-name {
 padding-right: 10px;
}

.modal-body .btn.left {
 float: left;
}

.side-panel .send {
 margin-top: 30px;
 text-align: center;
 display: flex;
 justify-content: center;
 align-items: center;
}

.side-panel .send label {
 font-size: 13px;
 margin-right: 11px;
}

.side-panel .send input {
 position: relative;
 top: 3px;
 left: 5px;
}

.save-btn {
 position: relative;
}

.cba-buttons {
 display: flex;
 align-items: center;
}

.save-btn .hover-box {
 position: absolute;
 left: -66px;
 top: -77px;
 background: #fff;
 -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.14);
 -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.14);
 box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.14);
 display: none;
 width: 206px;
 z-index: 77;
}

.save-btn:hover .hover-box {
 display: block;
}

.save-btn .hover-box ul {
 list-style: none;
 margin: 0;
 padding: 0 15px;
 font-size: 14px;
 text-align: center;
 position: relative;
 z-index: 77;
 background: #fff;
}

.save-btn .hover-box ul li {
 padding: 7px 0;
 border-top: 1px solid #e0e0e0;
}

.save-btn .hover-box ul li:first-child {
 border: none;
}

.save-btn .hover-box:after {
 content: '';
 position: absolute;
 width: 40px;
 height: 40px;
 background: #fff;
 -moz-transform: rotate(45deg);
 top: 33px;
 left: 75px;
 box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

.back-btn {
 position: relative;
 left: 10px;
 float: left;
 top: 5px;
 cursor: pointer !important;
}

.back-btn:after,
.back-btn:before {
 position: absolute;
 right: 0;
 top: 0;
 left: auto;
 content: '';
 border: 10px solid transparent;
 border-right: 10px solid #2196f3;
}

.back-btn:after {
 border-right: 10px solid white;
 right: -3px;
}

.search {
 padding: 3px 0;
 text-align: center;
 position: relative;
}

.search input[type='search'] {
 font-size: 12px;
 border: none !important;
 margin-left: 7px;
}

.side-panel .list ul a {
 color: #7a7a7a;
}

.side-panel .list ul li:after,
.side-panel .list ul li:before,
.side-panel .right-box ul li:after,
.side-panel .right-box ul li:before {
 display: none;
}

.side-panel .list.abc ul li.checked {
 background: url('../img/icons/gray check@2x.png') no-repeat right center;
 -webkit-background-size: 23px auto;
 background-size: 23px auto;
}

.side-panel .list.abc ul li {
 /*background: none;
	font-size: 12px;
	padding: 3px 0;
	margin-right: 20px;*/
}

.side-panel .list.abc ul li.checked {
 background-position: 90% center;
}

.side-panel .list.abc ul li a {
 /*display: block;
	padding: 3px 7px;*/
}

.side-panel .list.abc ul li.selected a {
 background: #faf6fb;
}

.side-panel .right-box {
 position: absolute;
 right: 0;
 top: 98px;
 z-index: 77;
 background: #fff;
 width: 30px;

 text-align: center;
}

.side-panel .right-box ul li {
 border: none;
 padding: 0;
 font-size: 10px;
}

.side-panel .right-box ul li a {
 display: block;
 padding: 2px 0;
}

.side-panel.recent h4,
.maintable a {
 color: #2196f3 !important;
 cursor: default;
}

.side-panel-search {
 padding-left: 20px !important;
}

.maintable .btn-info {
 color: #fff !important;
}
/* .toggle-switch:not([data-ts-color])
  input:checked:not(:disabled)
  + .ts-helper::before {
  background: #2196f3;
}

.toggle-switch:not([data-ts-color]) input:checked:not(:disabled) + .ts-helper {
  background: #2196f3;
} */

.maintable .form-control {
 display: inline-block;
 width: 100%;
 float: right;
 padding-left: 2px;
}

.maintable .check-box {
 /* bottom: auto;
  top: 0px;
  width: 40px;
  height: 25px; */
}

.abc .check-box {
 /*top: 2px;
	right: 20px;*/
}

.modal .maintable .modal-header {
 padding-bottom: 15px;
}

.maintable .side-main .form-control {
 width: 100%;
}

.maintable .modal-body .fg-line {
 margin-bottom: 35px;
}

.maintable .side-main .modal-title {
 opacity: 0;
}

.modal .maintable .modal-body {
 padding-left: 15px;
 padding-right: 15px;
}

.maintable textarea.form-control {
  height: 100%;
}

.list.abc {
 /*height: 490px;
	overflow: auto;
	width: 94%;*/
}

.side-panel .list.abc ul li {
 margin-right: 0;
}

.side-panel .border {
 border-bottom: 1px solid #e0e0e0;
 width: 14px;
 position: absolute;
 left: 0;
 top: 13px;
 padding-bottom: 8px;
}

.modal-body .save-btn .btn {
 float: left;
}

.add-variable {
 float: right;
 font-size: 23px;
 color: #2196f3;
 cursor: pointer;
}

ul.remove-pseudo-class li:before {
 content: none;
}

ul.remove-pseudo-class li:after {
 content: none;
}

.variable-accordion .panel-default > .panel-heading {
 background-color: #fff;
}

.variable-accordion .panel-default.panel {
 border-bottom: 1px solid #e0e0e0;
}

/* .variable-accordion .panel-default.panel:first-child {
    border-top: 1px solid #e0e0e0;
} */

.variable-accordion h4.panel-title {
 padding: 0;
 text-align: left;
 border: none;
}

.variable-accordion .panel-body {
 padding: 0 15px 10px 20px;
}

.removeHightFromInput .tags .input {
 height: 0 !important;
}