.ttai_form_editor {float:left;background-color:#fff;width:100%;min-height:300px;height:auto;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.ttai_right_control_tab_item {float:left;cursor:pointer;background-color:#eee;color:#1A81A6;border:0px;padding:0px 8px;height:100%;display:flex;margin-left:5px;margin-right:5px;transition: 0.2s}
.ttai_right_control_tab_item:hover {background-color:#ddd;}
.ttai_right_control_tab_item span {margin:auto;font-size:14px;}
.ttai_right_control_tab_item span>i {margin-right:3px;font-size:14px;}

.ttai_right_control_tab_item_active {float:left;display:flex;font-weight: bold;padding:0px 5px;cursor:pointer;background-color:#1A81A6;color:#fff;height:100%;}
.ttai_right_control_tab_item_active span {margin:auto;font-size:14px;}
.ttai_right_control_tab_item_active span>i {margin-right:3px;font-size:14px;}


#TFE-RightControlPanel {float:right;width:400px;min-height:100%;height:auto;border:1px solid #1A81A6;border-bottom:0px;box-sizing: border-box}
#TFE-LeftFormPanel {float:left;width:calc(100% - 400px);min-height:100%;height:auto;border:1px solid #1A81A6;border-bottom:0px;box-sizing: border-box;border-right:0px;background-color:white;}


#TFE-NavigationBar {float:left;width:100%;height:55px;border-bottom: 1px solid #1A81A6;background-color:#fff;box-sizing: border-box;padding:8px;}
#TFE-ConditionPanel {float:left;width:100%;padding:20px;box-sizing:border-box;height:auto;display:flex;flex-direction: column;background-color:#eee;min-height:100%;color:#1A81A6}
#TFE-ControlPanel {float:left;width:100%;height:auto;display:flex;flex-direction: column;background-color:#eee;min-height:100%;box-sizing: border-box;padding:10px;}
#TFE-PropertyPanel {float:left;width:100%;height:auto;display:flex;flex-direction: column;background-color:#eee;min-height:100%;color:#1A81A6}
#TFE-FormConfigPanel {float:left;width:100%;height:auto;display:flex;flex-direction: column;box-sizing: border-box;padding: 10px;background-color:#eee;color:#1A81A6}

.tfe-control-section {width:100%;height:auto;display:flex;flex-direction: column;}
.tfe-control-section-navigation-bar{width:100%;height:30px;background-color:#1A81A6;color:#fff;display:flex;border-bottom: 1px solid #ddd;}
.tfe-control-section-collapse-button{display:flex;width:40px;height:30px;}
.tfe-control-section-collapse-button i{color:#fff;margin:auto;font-size:12px;}
.tfe-control-section-collapse-title{display:flex;flex:1;cursor:pointer;}
.tfe-control-section-collapse-title span{margin:auto;color:#fff;font-size:14px;font-weight: bold;}
.tfe-control-section-body {border:1px solid #1A81A6;background-color:#fff;margin-top:-1px;text-align: center;transition: 0.2s;}

.tfe-control-panel-item{float:left;width:calc(50% - 12px);margin:10px;margin-left:6px;margin-right:6px;height:40px;color:#1A81A6;background-color:#fff;display:flex;cursor:pointer;box-sizing: border-box;border: 1px solid #1A81A6;}
.tfe-control-panel-item span {margin:auto;margin-left:10px;}

.draggableControlHolder {position:absolute;height:40px;opacity:0.8;background-color:#fff;border:1px solid #000;-moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px #888;box-shadow: 0 0 3px #888;display:flex;cursor:pointer;}
.draggableControlHolder span {margin:auto;margin-left:10px;}


.ttaiFileUploaderContainer{width:100%;height:35px;background-color:#ccc;border-radius: 5px;display:flex;}
.ttai_left_panel_holder{display:flex;width:100%;}
.ttai_left_panel_holder img{-webkit-user-drag: none;}
.ttai_left_panel_holder_follow{height:100%;width:98%;display:flex;}
.ttai_left_panel_holder_for_image{margin:auto;height:35px;width:35px;display:flex;margin:0px;border:1px solid #aaa;margin-right:2px;border-radius: 5px;}
.ttai_required_field_flag {color:red;font-weight:bold;font-size:20px;padding-top:5px;display:none;}

.ttai_right_panel_row {position:relative;height:50px;width:100%;display:flex;background-color:#fff;box-sizing: border-box;z-index:1;}
.ttai_right_panel_row:hover {border:1px dashed #ddd;background-color:#eee;cursor:pointer;}
.ttai_right_panel_row_editor {position:absolute;right:10px;top:5px;height:25px;background-color:#ddd;min-width:50px;z-index: 9999;display:flex;border-radius: 5px;overflow: hidden;padding-left:5px;padding-right:5px;}
.ttai_right_panel_row_editor_item{width:20px;display:flex;font-size:13px;border:0px;background-color: transparent;}
.ttai_right_panel_row_editor_item:hover {font-size:15px;}
.ttai_right_panel_row_editor_mover {color:darkgreen;}
.ttai_right_panel_row_editor_property {color:cornflowerblue;}
.ttai_right_panel_row_editor_delete {color:red;}

.ttai_right_panel_control {position:relative;width:100%;padding-left:8px;padding-right:8px;padding-top:3px;padding-bottom:3px;display:flex;box-sizing: border-box;flex-direction: column;transition: width ease 0.25s;}
.ttai_control_remove_button {position: absolute;bottom:0px;right:2px;display:flex;width:30px;color:#ccc;}
.ttai_control_remove_button:hover {color:red;}

.ttai_control_stack_remove_button {position: absolute;bottom:2px;right:2px;display:flex;width:30px;height:20px;color:#ccc;}
.ttai_control_stack_remove_button:hover {color:red;}
.ttai_control_stack_option_bar {bottom:0px;left:0px;display:inline;width:100%;height:25px;color:#ccc;}
.ttai_control_stack_move_button {position: absolute;bottom:2px;left:2px;display:flex;width:30px;height:20px;color:#ccc;}
.ttai_control_stack_move_button:hover {color:dodgerblue;}

.ttai_right_panel_control_label {height:25px;width:100%;display:flex;box-sizing: border-box}
.ttai-control-label-text {margin:auto;margin-left:0px;font-weight:bold;}
.ttai_right_panel_control_desc {height:18px;width:100%;display:flex;box-sizing: border-box;font-size:11px;color:#aaa;}
.ttai-control-desc-text {margin:auto;margin-left:0px;}

.ttai-control-vertical-container {flex:1;width:100%;border:1px dashed #aaa;}


.ttai-property-item-label {width:100%;height:40px;display:flex;box-sizing: border-box;padding:10px;}
.ttai-property-item-label span {margin:auto; margin-left:0px;font-weight: bold;}
.ttai-property-item-decription {width:100%;height:auto;display:inline-block;box-sizing: border-box;padding:10px;color:#999;font-size:11px;margin-top:-2px;}
.ttai-property-item {width:100%;height:40px;box-sizing: border-box;padding-left:8px;padding-right:8px;}

.dropdown-menu li{width: 100%; white-space: normal;overflow: hidden;}

.ttai-render-html-control {box-sizing: border-box; padding:10px;}

.ttai-image-select-candidates {display:flex;min-width:200px;margin-top:3px;margin-bottom:3px;}
.ttai-image-select-candidates-item {margin:auto;display:flex;flex-direction:column;width:200px;height:auto;border-radius:5px;border:1px solid #ddd;overflow:hidden;  -webkit-filter:brightness(95%);-moz-filter:brightness(95%);filter: url(#brightness); filter:brightness(95%);margin-top:10px;margin-bottom:10px;}
.ttai-image-select-candidates-item:hover {border:1px solid #000; -webkit-filter:brightness(100%);-moz-filter:brightness(100%);filter: url(#brightness); filter:brightness(100%);}
.ttai-image-select-candidate-item-checked {position:absolute;top:5px;left:5px;color:#6edb03;font-weight:bold;font-size:20px;display:none;background-color:#fff;border-radius: 13px;overflow: hidden;width:26px;height:26px;text-align: center;padding-top:3px;border:1px solid #eee;}
.submitButtonCSS {min-width: 150px;height:50px;}


.ttai_logic_item {width:100%;height:150px;background-color:#fff;border-radius:5px;overflow:hidden;display:flex;margin-top:20px;}
	
.ttai_logic_item_order {width:50px;height:100%;border-right:1px solid #eee;display:flex;flex-direction:column;cursor:pointer}
.ttai_logic_item_order_arrow {flex:1;width:100%;height:50px;display:flex;}
.ttai_logic_item_order_arrow i {margin:auto;}
.ttai_logic_item_order_value {flex:1;width:100%;height:50px;display:flex;}
.ttai_logic_item_order_value span {margin:auto;font-size:20px;font-weight:bold;}
.ttai_logic_item_tool {height:40px;margin:auto;width:100%;display:flex;}
.ttai_logic_item_tool_item {flex:1;display:flex;}
.ttai_logic_item_tool_item i {margin:auto;font-size:13px;}
.ttai_logic_delete {color:red;}
.ttai_logic_add {color:green;}


.ttai_logic_item_condition {display:flex;width:calc(100% - 50px);height:100%;box-sizing:border-box;padding:10px;padding-left:5px;flex-direction:column;}
.ttai_logic_item_condition_if_entry {flex:1;width:100%;display:flex;}
.ttai_logic_item_condition_then_entry {flex:2;width:100%;display:flex;flex-direction:column;}

.ttai_logic_item_condition_if_entry_holder {margin:auto;margin-left:0px;padding:0px;display:flex;}
.ttai_logic_item_condition_if_entry_controls {width:80px;height:30px;margin-left:26px;margin-right:5px;}
.ttai_logic_item_condition_if_entry_operators {width:50px;height:30px;margin-right:5px;}
.ttai_logic_item_condition_if_entry_value {width:80px;height:30px;}
.ttai_logic_item_condition_if_entry_label {margin:auto;margin-left:17px;}

.ttai_logic_item_condition_then_entry_holder_level1 {margin:auto;margin-left:0px;padding:0px;display:flex;}
.ttai_logic_item_condition_then_entry_label {margin:auto;margin-right:5px;margin-left:15px;}
.ttai_logic_item_condition_then_entry_action {width:220px;height:30px;}

.ttai_logic_item_condition_then_entry_holder_level2 {margin:auto;margin-left:0px;padding:0px;display:flex;}
.ttai_logic_item_condition_then_entry_level2_control {margin:auto;margin-left:50px;width:220px;height:30px;}

.ttai_logic_item_condition_then_entry_holder_level3 {margin:auto;margin-left:0px;padding:0px;display:none;}
.ttai_logic_item_condition_then_entry_level3_control {margin:auto;margin-left:50px;width:100px;height:30px;}
.ttai_logic_item_condition_then_entry_level3_trans_control {margin:auto;margin-left:5px;width:100px;height:30px;}
.ttai_logic_item_condition_then_entry_level3_email_template {margin:auto;margin-left:5px;width:100px;height:30px;}
.ttai_logic_item_condition_then_entry_holder_level3 span {margin:auto;margin-left:8px;margin-right:2px;}
.ttai_logic_item_condition_then_entry_level3_value {width:89px;height:30px;margin:auto;margin-left:5px;}

.btn:focus {outline: none;box-shadow: none;}

#ttai_formids_canadidates_panel {position:absolute; height:150px; padding:5px;overflow-y:scroll; display:none; border-radius: 5px; border:1px solid #006488; background-color:#fff;z-index:999;}
.ttaiFormCandidateItem {display:flex;flex-direction:column;border-bottom:1px solid #eee;padding:5px;padding:5px;}
.ttaiFormCandidateItem:hover {background-color:#ddd;}
@media only screen and (max-device-width: 480px) {
    .mobileAdjustImageUploader {text-align: center;}
    .submitButtonCSS {width:100%;}
}