.accordion{margin-top:25px}
.accordion .card{border:1px solid #ddd;margin-bottom:16px}
.card-header span{position:relative}
.card-header span:before{font-family:FontAwesome;content:"\f107";float:left;margin-right:8px}
.card-header{padding:10px;background:rgba(231, 239, 255,1);cursor:pointer;border:1px solid rgba(231, 239, 255,1)}
.card-header p{color:#4b566b;font-weight:600;font-size:14px;margin:0}
.collapse-rules{border:1px solid rgba(231, 239, 255,1)}
.card-body{padding:15px 25px;font-size:14px;position:relative}
.main_if_then{background:rgba(231, 239, 255,1);padding:4px 0;width:67px;display:inline-block;text-align:center;border-radius:0;color:#3e3e3e;text-transform:capitalize;font-weight:600;border:2px solid #b5c0d5}
.if_then_rules{padding:40px 0;padding-left:70px;position:relative}
.if_then_rules:before{position:absolute;left:31px;content:'';height:100%;width:1px;border-right:1px solid #b5c0d5;top:0}
.rules_in{position:relative;padding:10px 30px}
.rules_in:before{position:absolute;left:-39px;content:'';height:1px;width:38px;border-top:1px solid #b5c0d5;top:0;bottom:0;margin:auto}
.rules_in:after{content:"";left:-8px;position:absolute;top:0;bottom:0;margin:auto;height:14px;background:#b5c0d5;width:14px;border-radius:71px}
.rules_in{position:relative;padding:20px 30px;background:#fff3e7;border-radius:8px;border:1px dashed #fbcd9e;color:#46392c;font-weight:600;line-height:24px}
.if_then_tp{margin-bottom:0}
.if_then_rules.then:before{height:50.3%}
h4.h4_t{color:#505050;font-weight:600}
.rules{padding-left:10px}
.form_handle.table > thead > tr > th,.form_handle .table > tbody > tr > th,.form_handle .table > tfoot > tr > th,.form_handle .table > thead > tr > td,.form_handle .table > tbody > tr > td,.form_handle .table > tfoot > tr > td{padding:8px;line-height:1.42857;vertical-align:top;border-top:0 solid #ddd}
.form_handle .form-control,.bootstrap-tagsinput,#input-if_logic{box-shadow:none;border-radius:0;border-color:#b5c0d5;height:35px}
.bootstrap-tagsinput{width:100%}
.rules_in_form{position:relative}
.rules_in_form:before{position:absolute;left:-39px;content:'';height:1px;width:38px;border-top:1px solid #b5c0d5;top:0;bottom:0;margin:auto}
.rules_in_form:after{content:"";left:-8px;position:absolute;top:0;bottom:0;margin:auto;height:14px;background:#b5c0d5;width:14px;border-radius:71px}
.form_handle .if_then_rules.then:before{height:48.3%}
/*typehead css start*/
.bootstrap-tagsinput{width:300px}
.bootstrap-tagsinput .twitter-typeahead{display:block;width:100px}
.tt-menu{width:190px;margin:12px 0;padding:8px 0;background-color:rgba(231, 239, 255,0.8);border:2px solid rgba(231, 239, 255,0.8);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.tt-menu .tt-dataset-option-value{font-size:18px;line-height:24px}
.tt-menu .tt-suggestion{padding:3px 20px;font-size:18px;line-height:24px}
.tt-menu .tt-suggestion:hover,.tt-menu .tt-suggestion:focus,.tt-menu .tt-suggestion:active,.tt-menu .tt-suggestion.tt-cursor{cursor:pointer;color:#fff;background-color:#0097cf}
.tt-menu .empty-message{padding:3px 20px;font-size:18px;line-height:24px}
.tt-menu .ctt-header,.tt-menu .ctt-footer{margin: 0; padding: 0;}
.actions{cursor:pointer}
/*typehead css end*/

.text-red { color: #f56b6b; }