@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { background:#eee; }
.overflow { overflow:auto; position:relative; }
ul.tree { display:block; font:12px Arial, Helvetica, sans-serif #000; margin-bottom:0; /*margin-bottom:50px;*/}
ul.tree li { display:inline-block; text-align:center; margin:20px; vertical-align:top; }
ul.tree li.none { display:none; }
ul.tree ul.show { display:block!important; }
ul.tree li > div.process_div{ top: -5px; background-color:#878787 !important}
ul.tree li > div.main_client{ top: -5px; background-color: #6E3F3F}
ul.tree li > div.client_branch{ top: -5px; background-color: #A396E1}
ul.tree li > div.client_branch.close_node{background-color: #ac260f}
ul.tree li > div.tree_dept{ top: -5px; background-color: #50A7AC}
ul.tree li > div.as_main{ top: -5px; background-color: #000}
ul.tree li > div.tree_dept.close_node{ background-color: #ac260f}
ul.tree li > div.as_main.close_node{ background-color: #ac260f}
ul.tree li > div.main_client.close_node{ background-color: #ac260f}
ul.tree li > div.as_client.close_node{ background-color: #ac260f}
ul.tree li > div.client_branch.sur_ass_div{ border-bottom: 5px solid grey;}
ul.tree li > div.tree_dept.sur_ass_div{ border-bottom: 5px solid grey;}
ul.tree li > div.as_main.sur_ass_div{ border-bottom: 5px solid grey;}
ul.tree li > div.main_client.sur_ass_div{ border-bottom: 5px solid grey;}
ul.tree li > div.as_client.sur_ass_div{ border-bottom: 5px solid grey;}
ul.tree li > div { display:inline-block; padding:7px 10px; text-decoration:none; position:relative; min-width:40px; z-index:2; background:#27a9e3; color:#fff; font-weight:bold; line-height: 20px; }
ul.tree li > div.zindex { z-index:inherit; }
ul.tree li form { display:block; text-align:left; padding:10px; margin-top:15px; position:fixed; z-index:4; background:#da9628; color:#fff; }
/*ul.tree li form input[type=checkbox] { }*/
ul.tree li form img.close { float:right; cursor:pointer; background-color:#e02222; padding:2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
ul.tree li textarea { height:35px; width:150px; background:#ffc; padding:4px; font:12px Arial, Helvetica, sans-serif; color:#000; border:none; margin:5px 0; display:block; }
ul.tree li textarea.error { background:#d84a38; }
ul.tree li textarea:focus { background:#ffc; }
ul.tree li span.submit, ul.tree li span.edit { text-align:center; display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:3px 7px; cursor:pointer; margin-top:3px; background:#4d90fe; }
ul.tree li span.submit:hover, ul.tree li span.edit:hover { background:#8a9ef5; }
/*ul.tree li div.current, ul.tree li div.main_client.remaining.current,ul.tree li div.as_main.remaining.current,ul.tree li div.tree_dept.remaining.current,ul.tree li div.as_client.remaining.current { background:#28b779; }*/
ul.tree li div.parent,ul.tree li div.main_client.active_block.parent,ul.tree li div.as_main.active_block.parent,ul.tree li div.tree_dept.active_block.parent,ul.tree li div.as_client.active_block.parent { background:#852b99 !important; }
ul.tree li div.children,ul.tree li div.main_client.active_block.children,ul.tree li div.as_main.active_block.children,ul.tree li div.tree_dept.active_block.children,ul.tree li div.as_client.active_block.children { background:#ffb848 !important; }

ul.tree li div.children,ul.tree li div.main_client.remaining.children,ul.tree li div.as_main.remaining.children,ul.tree li div.tree_dept.remaining.children,ul.tree li div.as_client.remaining.children { background:#ffb848; }
ul.tree li div.parent,ul.tree li div.main_client.remaining.parent,ul.tree li div.as_main.remaining.parent,ul.tree li div.tree_dept.remaining.parent,ul.tree li div.as_client.remaining.parent { background:#852b99; }
ul.tree li div.children,ul.tree li div.main_client.active_node,ul.tree li div.as_main.active_node,ul.tree li div.tree_dept.active_node,ul.tree li div.as_client.active_node,ul.tree li div.client_branch.active_node { background:#28b779; }
ul.tree li div.parent,ul.tree li div.main_client.active_node.parent,ul.tree li div.as_main.active_node.parent,ul.tree li div.tree_dept.active_node.parent,ul.tree li div.as_client.active_node.parent,ul.tree li div.client_branch.active_node.parent { background:#852b99; }
ul.tree li div.children,ul.tree li div.main_client.active_node.children,ul.tree li div.as_main.active_node.children,ul.tree li div.tree_dept.active_node.children,ul.tree li div.as_client.active_node.children,ul.tree li div.client_branch.active_node.children { background:#ffb848; }
ul.tree li span.vertical, ul.tree li span.horizontal { display:inline-block; position:absolute; z-index:1; background:#bbb; }
ul.tree li span.vertical { width:1px; }
ul.tree li span.horizontal { height:1px; }
ul.tree li b.hide { position:absolute; width:11px; height:12px; bottom:0; left:-17px; background:url(../images/hide.png) no-repeat; cursor:pointer; }
ul.tree li b.hide.show { background:url(../images/show.png) no-repeat; }
ul.tree li b.hide.none { display:none; }
ul.tree li span.add_action, ul.tree li span.edit_action, ul.tree li span.highlight, ul.tree li span.delete_action { position:absolute; width:10px; height:10px; cursor:pointer; display:none; padding:2px; background-color:#e02222; background-position:center; background-repeat:no-repeat; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
ul.tree li span.add_action { top:-5px; left:-5px; background-image:url(../images/add.png); }
ul.tree li span.add_action.multiple_import_emp { top:-5px; left:-5px; background-image:url(../images/group.png); }
ul.tree li span.edit_action { bottom:-5px; left:-5px; background-image:url(../images/edit.png); }
ul.tree li span.highlight { bottom:-5px; right:-5px; background-image:url(../images/highlight.png); }
ul.tree li span.delete_action { top:-5px; right:-5px; background-image:url(../images/highlight.png); }
ul.tree li span.delete_action.assing_survey_icon { top:-5px; right:-5px; background-image:url(../images/survey.png)!important; }
ul.tree li span.delete_action.multiple_import_emp { top:-5px; right:-5px; background-image:url(../images/group.png)!important; }
ul.tree li span.edit_action.report_icon { bottom:-5px; left:-5px; background-image:url(../images/report.png)!important; }
ul.tree li span.edit_action.assing_survey_emp_icon { bottom:-5px; left:-5px; background-image:url(../images/mail.png)!important; }
ul.tree li span.highlight.assing_survey_emp_icon { bottom:-5px; right:-5px; background-image:url(../images/mail.png)!important; }
img.back_btn { cursor: pointer; position: relative;top: 4px;z-index: 3; left:10px; }
img.load { position:absolute; }
div.drag_error, div.delete_msg, div.edit_msg, div.add_msg, div.drop_msg { position:absolute; color:#fff; position:absolute; right:10px; top:10px; padding:4px 10px; font:14px Arial, Helvetica, sans-serif; z-index:999; }
div.drag_error { background:#b41616; }
div.delete_msg { background:#b41616; }
div.edit_msg { background:#17A769; }
div.add_msg { background:#27A9E3; }
div.drop_msg { background:#852b99; }

/*-----Other-----*/
.accordion-left { float:left; width:49%; margin-left:0.96%; margin-bottom:20px; }
.accordion-right { float:right; width:49%; margin-right:0.97%; margin-bottom:20px; }
.accordion-header { padding:5px 10px; background-color:#17a769; background-image:url(../images/plus.png); background-repeat:no-repeat; background-position:95% center; font-family: 'Cabin', sans-serif; color:#fff; cursor:pointer; font-weight:700; font-size:16px; outline:none; border-bottom:solid 1px #eee; }
.accordion-header.active { background-image:url(../images/minus.png); }
.accordion-content { padding:5px 10px; background-color:#2295c9; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; font-weight:400; max-height:300px; overflow:auto; display:none; border-bottom:solid 1px #eee; }
.accordion-content p { margin:10px 0; }
.accordion-content p a { color:#ffff00; text-decoration:none; font-weight:bold; }
.accordion-content p a:hover { color:#d8d8d8; }
.accordion-content ul { list-style:disc; margin-left:25px; line-height:18px; }
.accordion-content textarea { width:90%; height:150px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:5px; color:#000; outline:none; border:none; background:#fff; }
.other_ul { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;  list-style:none; margin-left:0.96%; margin-bottom:1px; display:block; overflow:auto; }
.other_ul li { display:inline-block; color:#fff; float:left; margin-right:1px; }
.other_ul li b { border:solid 1px #852b99; background:#fff; padding:0 5px; display:block; float:left; height:22px; }
.other_ul li strong { background:#852b99; border:solid 1px #852b99; padding:0 5px; display:block; float:left; height:22px; line-height:22px; }
.other_ul span.add_action, .other_ul span.edit_action, .other_ul span.highlight, .other_ul span.delete_action { width:10px; height:10px; padding:2px; background-color:#e02222; background-position:center; background-repeat:no-repeat; display:block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:4px; }
.other_ul span.add_action { background-image:url(../images/add.png); }
.other_ul span.add_action.multiple_import_emp { background-image:url(../images/group.png); }
.other_ul span.edit_action { background-image:url(../images/edit.png); }
.other_ul span.delete_action { background-image:url(../images/highlight.png); }
.other_ul span.delete_action.assing_survey_icon { background-image:url(../images/survey.png)!important; }
.other_ul span.delete_action.multiple_import_emp { background-image:url(../images/group.png)!important; }
ul.tree li span.edit_action.report_icon { bottom:-5px; left:-5px; background-image:url(../images/report.png)!important; }
ul.tree li span.edit_action.assing_survey_emp_icon {  bottom:-5px; left:-5px; background-image:url(../images/mail.png)!important; }
.other_ul span.highlight.assing_survey_emp_icon {  bottom:-5px; right:-5px; background-image:url(../images/mail.png)!important; }
hr { background:#58b7e1; border:none; margin:15px 0; }