#fb-template {display: none; } 
.template-textarea-wrap {display: block !important; } 
.content {margin: auto; width: 100%;} 
.form-rendered .build-wrap {display: none; margin-top: 20px } 
.render-wrap {display: none; } 
.form-rendered .render-wrap {display: block; } 
#edit-form {display: none; float: right; } 
.form-rendered #edit-form {display: block; }
button.btn{ color: #fff !important }
button.btn.btn-default{ color: #333 !important }

.form-wrap.form-builder .stage-wrap{width: 90% !important;}
.form-wrap.form-builder .cb-wrap{width: 10% !important; min-width: 100px}
.form-wrap.form-builder .frmb-control li{ text-align: center; position: relative;  font-weight: 600; font-size: 10px;  }
.form-wrap.form-builder .frmb-control li span, .form-wrap.form-builder .control-icon{ display: block !important; text-align: center !important;}
.form-wrap.form-builder .control-icon { width: 100% !important; margin: 0 !important; padding: 0 !important } 
.form-wrap.form-builder .frmb-control li:before, .form-wrap.form-builder .control-icon i:before{ font-size: 24px; color: #498AF1;margin-right: 0; }
.form-wrap.form-builder .frmb-control li:after{ position: absolute; left: 5px; top: 50%; margin-top: -14px; content: '::'; letter-spacing: 5px; transform:scale(1,3); -moz-transform:scale(1,3); -o-transform:scale(1,3); -webkit-transform:scale(1,3); -webkit-transform:scale(1,3); opacity: .2}

.form-wrap.form-builder .frmb .frm-holder{ margin-top: 20px }
.form-wrap.form-builder .frmb .form-elements{ padding: 15px }

#Pre_template.modal{ background: rgba(239,245,245,.5) !important }
#Pre_template .modal-body{padding: 0px;}
#Pre_template .modal-content{ background: none; border: none}
#Pre_template .modal-header{background: #00a9ef; color: #fff; border-bottom:none;}
/*  bhoechie tab */
div.bhoechie-tab-container{z-index: 10; background-color: #ffffff; padding: 0 !important; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } 
div.bhoechie-tab-menu{padding-right: 0; padding-left: 0; padding-bottom: 0; } 
div.bhoechie-tab-menu div.list-group{margin-bottom: 0; } 
div.bhoechie-tab-menu div.list-group>a{margin-bottom: 0; } 
div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {color: #00a9ef; } 
div.bhoechie-tab-menu div.list-group>a:first-child{border-top-right-radius: 0; -moz-border-top-right-radius: 0; } 
div.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; } 
div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa{background-color: #00a9ef; background-image: #00a9ef; color: #ffffff; } 
div.bhoechie-tab-menu div.list-group>a.active:after{content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #00a9ef; } 
div.bhoechie-tab-content{background-color: #ffffff; /* border: 1px solid #eeeeee; */ padding-left: 20px; padding-top: 10px; position: relative; } 
.bhoechie-tab-content .checkarea{ position: absolute; right: 10px; top: 10px }
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none; }
#Pre_template  div.bhoechie-tab-menu div.list-group>a:first-child, #Pre_template  .list-group-item:last-child{ border-radius: 0 }


.container_c {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
/* Hide the browser's default checkbox */ 
.container_c input {position: absolute; opacity: 0; cursor: pointer; } 
/* Create a custom checkbox */ 
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ 
.container_c:hover input ~ .checkmark {background-color: #ccc; } 
/* When the checkbox is checked, add a blue background */ 
.container_c input:checked ~ .checkmark {background-color: #00a9ef; } 
/* Create the checkmark/indicator (hidden when not checked) */ 
.checkmark:after {content: ""; position: absolute; display: none; } 
/* Show the checkmark when checked */ 
.container_c input:checked ~ .checkmark:after {display: block; } 
/* Style the checkmark/indicator */ 
.container_c .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.suggession_note:before{ content: '*'; font-size: 30px; display: inline-block; position: absolute; left: 0; top:20px }
.suggession_note{ border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; font-size: 12px; position: relative; padding-left: 20px; }
.suggession_note li{ display: inline-block; border-right: 1px solid rgba(0,0,0,.2); padding:0 5px }
.suggession_note li span { color: #f05a28 }
.suggession_note li:first-child{ padding-left: 0 !important }
.suggession_note li:last-child{ border-right: none !important; padding-right: 0 !important }
#stage1 .form-wrap.form-builder .frmb li{ background: rgba(255,255,255,.5); padding: 30px }

#f_popup .modal-body{ padding: 30px }
#f_popup .sub-heading_cnt { max-height: 250px; overflow: auto; border: 1px solid #f1f1f1  }
#f_popup .sub-heading_cnt li{ padding: 8px; cursor: pointer; border-bottom: 1px solid #f1f1f1 }
#f_popup .sub-heading_cnt li:hover{ opacity: .5 }
.form-elements .className-wrap , .access-wrap , .required-wrap , .description-wrap , .placeholder-wrap , .name-wrap , .value-wrap , .maxlength-wrap , .rows-wrap , .multiple-wrap , .label-wrap label { display: none !important; }
.build-wrap .form-wrap.form-builder .frmb .form-elements .input-wrap { float: left; margin-left: 2%; width: 96%; }
.icon-hidden:before { display : none !important; }
.icon-header:before { display : none !important; }

.tem_select, .tem_area>a{ float:right; margin-left:20px }
.tem_select .dropdown-menu > li{ border-bottom: 1px solid #ddd }
.tem_select .dropdown-menu > li:last-child{ border-bottom: none !important }
.tem_select .dropdown-menu > li > a{white-space:normal !important; padding: 8px !important}