#main .gameplan_content, .gameplan_sidebar {
  display: inline-block;
  float: left;
  padding: 5px;
}
#main .gameplan_content {
  width: 100%;
  min-height: 300px;
}
#main .no-gameplan-heading, #main .gameplan-content-placeholder {
  font-size: 24px;
  color: #999999;
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
  float:left;
}
#main .gameplan_sidebar {
  float: right;
  width: 30%;
  margin-left: 4%
}
#top label.add_new_label, #top label.hint_new_label, .single_gameplan_element_title, #top label.req_admin_label {
  font-size: 13px;
  /*margin-bottom: 15px;*/
  position: relative;
  z-index: 9;
  /*padding-left: 35px;*/
  min-height: 26px;
}
.add_new_gameplan_label {
  background: url('../../images/add-gameplan.png') no-repeat scroll 0 0 transparent;
}
.hint_new_label {
  background: url('../../images/help.png') no-repeat scroll 0 0 transparent;
}
.add_new_kra_label {
  background: url('../../images/add-kra.png') no-repeat scroll 0 0 transparent;
}
.add_new_goal_label {
  background: url('../../images/add-goal.png') no-repeat scroll 0 0 transparent;
}
.add_new_task_label {
  background: url('../../images/add-task.png') no-repeat scroll 0 0 transparent;
}
.single_gameplan_element_title span.toggle-icon, .new_gameplan_head span.toggle-icon {
  background: url('../../images/add-gameplan.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 26px;
  vertical-align: bottom;
  width: 26px;
  margin-right: 10px;
}
.single_kra .single_gameplan_element_title span.toggle-icon, .add_new_kra_label, .kra_creater .new_gameplan_head span.toggle-icon {
  background: url('../../images/add-kra.png') no-repeat scroll 0 0 transparent;
}
.single_kra .single_gameplan_element_title span.toggle-icon.expanded, .add_new_kra_label.expanded, .kra_creater .new_gameplan_head span.toggle-icon.expanded {
  background: url('../../images/min-kra.png') no-repeat scroll 0 0 transparent;
}
.single_goal .single_gameplan_element_title span.toggle-icon, .add_new_goal_label, .goal_creater .new_gameplan_head span.toggle-icon {
  background: url('../../images/add-goal.png') no-repeat scroll 0 0 transparent;
}
.single_goal .single_gameplan_element_title span.toggle-icon.expanded, .add_new_goal_label.expanded, .goal_creater .new_gameplan_head span.toggle-icon.expanded {
  background: url('../../images/min-goal.png') no-repeat scroll 0 0 transparent;
}
.single_task .single_gameplan_element_title span.toggle-icon,.add_new_task_label, .task_creater .new_gameplan_head span.toggle-icon {
  background: url('../../images/add-task.png') no-repeat scroll 0 0 transparent;
}
.single_task .single_gameplan_element_title span.toggle-icon.expanded,.add_new_task_label.expanded, .task_creater .new_gameplan_head span.toggle-icon.expanded {
  background: url('../../images/min-task.png') no-repeat scroll 0 0 transparent;
}
#top label.req_admin_label {
  background: url('../../images/mail.png') no-repeat scroll 0 0 transparent;
}
.add_new_goal, .add_new_task {
  display: none;
}
.add_new_gameplan_label, .add_new_kra_label, .add_new_goal_label, .add_new_task_label, .hint_new_label, .req_admin_label {
  cursor: pointer;
}
.gameplan_creater, .kra_creater, .goal_creater, .task_creater, .request_creater {
  display: none;
}
.new_input {
  width: 260px !important;
}
.gameplans, .gameplan_kras, .gameplan_goals, .gameplan_tasks, .gameplan_sidebar_element  {
  margin-bottom: 100px;
  position: relative;
}

.pop-up-for-title-content-gameplan {
    display: none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:12;
    margin-top:100px;
    cursor:auto;
}

.content_popup_for_goal {
    display: none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:12;
    margin-top:100px;
    cursor:auto;
}
.popup-close-button-right {
    float:right;
    cursor:pointer;
    font-size:12px;

}

.goal_class_hr {
    border:1px solid #7e7e7e;
    margin-left:48px;
    margin-right:90px;
    width: 70.8%;
}


.gameplans {
  margin-left: 10px;
}
.gameplan_kras {
  padding-left: 10px;
  /*position: relative;
  min-height: 105px;
  background: url('../../images/badge-kra.png') no-repeat scroll 0 0 transparent;*/
}
/*.gameplan_goals {
  padding-left: 20px;
  position: relative;
  min-height: 105px;
  background: url('../../images/badge-goal.png') no-repeat scroll 0 0 transparent;
}*/
.kra_element_bg { background-color:none; background: url('../../images/badge-kra.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%; float:left; margin-bottom:93px;  }

.goal_element_bg { background-color:none; background: url('../../images/badge-goal.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%; float:left; margin-bottom:93px;  }
.add_new_kra_bg { background-color:none; background: url('../../images/add_new-kra.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%; float:left; cursor:pointer; }
.add_new_goal_bg { background-color:none; background: url('../../images/add_new-goal.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%; float:left; cursor:pointer; }
.task_element_bg { background-color:none; background: url('../../images/badge-task.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%;  margin-bottom:10px;  }
.add_new_task_bg { background-color:none; background: url('../../images/add_new-task.png') no-repeat scroll 0 0 transparent; min-height: 105px; position: relative; width:105px; margin-right:75px; border-radius:100%;  margin-bottom:10px; cursor:pointer; float:left;  }


.pop-up-for-add-new-kra {
    display:none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:12;
    margin-top:-60px;
    cursor:auto !important;
}

.content_popup_for_task {
    display: none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:12;
    margin-top:-60px;
    cursor:auto;
}


.add-new-popup-for-task {
    display:none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:12;
    margin-top:-60px;
    cursor:auto !important;
}

.pop-up-for-add-new-goal {
    display:none;
    position: absolute;
    width: 380px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index:22;
    margin-top:-60px;
    cursor:auto;
}



/*.gameplan_tasks {
  padding-left: 40px;
  position: relative;
  min-height: 105px;
  background: url('../../images/badge-task.png') no-repeat scroll 40px 0 transparent;
}*/
.single_gameplan_element, .add_new_creater {
  /*background-color: #f0f0f0;*/
  color: #000;
  font-weight: 600;
  /*border: solid #ddd;
  border-width: 1px; */
  cursor: pointer;
  position: relative;
}
.single_gameplan_element .single_gameplan_element_title, .new_gameplan_head {
  display: block;
  clear: both;
  border-bottom: solid #ddd;
  border-width: 1px;
  padding: 5px;
  margin-bottom: 0;
}
.new_gameplan_body {
  padding: 10px;
  background-color: #ffffff;
}
.single_gameplan_element .single_gameplan_element_title .action_icon {
  font-weight: 400;
  font-size: 14px;
  float: right;
  margin: 0 5px;
  color: #7e7e7e;
}
.action_icon {
    cursor:pointer;
}
.single_gameplan_element .single_gameplan_element_content {
  clear: both;
  background-color: #ffffff;
  padding: 10px;
  padding-left: 40px;
  font-weight: 400;
  /*display: none; */
}
.single_wrap, .gameplan-content-placeholder, .kra_creater_clone, .goal_creater_clone, .task_creater_clone {
  left: 0px;
  position: relative;
  top: 20px;
  /*z-index: 10;*/
  float:left;
}
.kra_creater_clone {
    left: 0px;
  position: relative;
  top: 0px;
  z-index: 10;

}
.creater_clone_alone {
  top: 30px;
}
.gameplan-content-placeholder {
  top: 20px;
}
.add_new_request {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 3px #AAAAAA;
  padding: 10px;
  position: absolute;
  z-index: 10;
}
#footer {
  z-index: 0 !important;
}

.with_line.gameplan_kras:before {
 /* border-top: 2px solid #7E7E7E;
  content: " ";
  left: -19px;
  position: absolute;
  top: 53px;
  width: 20px;*/
}
.with_line.gameplan_kras:after {
  border-left: 2px solid #7E7E7E;
  content: " ";
  left: -19px;
  position: absolute;
  top: 0;
  width: 20px;
  height: 53px;
}
.with_line.gameplan_goals:before {
  /*border-top: 2px solid #7E7E7E;
  content: " ";
  left: 68px;
  position: absolute;
  top: 53px;
  width: 20px;*/
}

.line_top_goal:before {
      border-left: 2px solid #7e7e7e;
    content: " ";
    height: 50px;
    left: 48px;
    position: absolute;
    top: -50px;
}
.line_top_task:before {
      border-left: 2px solid #7e7e7e;
    content: " ";
    height: 50px;
    left: 48px;
    position: absolute;
    top: -50px;
}
/*.single_task_line:before {
    border-left: 2px solid #7e7e7e;
    content: " ";
    height: 50px;
    left: 48px;
    position: absolute;
    top: -50px;
}*/

.line_bottom_goal:after {
     border-left: 2px solid #7e7e7e;
   content: " ";
   height: 80px;
   left: 48px;
   position: absolute;
   top: 98px;
}
.with_line.gameplan_tasks:before {
  border-top: 2px solid #7E7E7E;
  content: " ";
  left: 21px;
  position: absolute;
  top: 53px;
  width: 20px;
}
.with_line.gameplan_tasks:after {
  border-left: 2px solid #7E7E7E;
  content: " ";
  left: 21px;
  position: absolute;
  top: 0;
  width: 20px;
  height: 53px;
}

.with_line.single_gameplan_element:before {
  border-left: 2px solid #7e7e7e;
    content: " ";
    height: 102px;
    left: 50px;
    position: absolute;
    top: 98px;
}

.with_line.single_gameplan_element.gameplan_goal:before {
  border-left: none;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
}

.with_line.single_gameplan_element .after {
  /*border-left: 2px solid #7E7E7E;
  content: " ";
  left: -30px;
  position: absolute;
  top: 13px;
  width: 30px;
  height: 50px;*/
}

.with_line.single_task:before, .with_line.single_task .after {
  display: none;
}

@media only screen and (max-width: 480px) {
  #main .gameplan_content {
    width: 95%;
  }

  #main .gameplan_sidebar {
    display: none;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  #main .gameplan_content {
    width: 95%;
  }

  #main .gameplan_sidebar {
    display: none;
  }
}

.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .15;
   filter: alpha(opacity=15);
   -moz-opacity: .15;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title
{
   border-bottom: solid 2px #507210;
   background-color: #507210;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title a
{
   color: White;
   text-decoration: none;
}
.align_right
{
   text-align: right;
}

.web_dialog_goal{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title_goal
{
   border-bottom: solid 2px #666666;
   background-color: #666666;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title_goal a
{
   color: White;
   text-decoration: none;
}
.edit_button_goal{background-color: #666 !important;}
.web_dialog_task{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.web_dialog_title_task
{
   border-bottom: solid 2px #cc6600;
   background-color: #cc6600;
   padding: 4px;
   color: White;
   font-weight:bold;
}
.web_dialog_title_task a
{
   color: White;
   text-decoration: none;
}
.edit_button_task{background-color: #cc6600 !important;}
/* dc add new css 30/10/2015 */
.gameplan_goals, .gameplan_tasks{
  left: 12px;
}
.web_dialog_view{
   display: none;
   position: fixed;
   width: 380px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   border: 2px solid #336699;
   padding: 0px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
}
.edit_post_title{
  color: #444444 !important;
  box-shadow: none !important;
  border: none !important;
  background-color: #EEE !important;
  font-size: 21px !important;
  width: 100% !important;
  font-family: arial !important;
  margin: 2px 0px 8px -5px !important;
}
.edit_post_content{
  color: #444444 !important;
  box-shadow: none !important;
  border: none !important;
  background-color: #EEE !important;
  font-size: 14px !important;
  width: 100% !important;
  font-family: "arial" sans-serif !important;
  letter-spacing: -.5px !important;
  margin: -14px 0 -30px -5px !important;
}
.edit_post_disable_btn{
  background-color: #ccc !important;
  color: #fff !important;
  padding: 6px 19px !important;
  font-weight: 600 !important;
  border: 1px #fff solid !important;
  margin: 35px 0 0 0 !important;
  cursor: pointer;
}
.edit_post_active_btn{
  background-color: #719433;
  color: #fff !important;
  padding: 6px 19px !important;
  font-weight: 600 !important;
  border: 1px #fff solid !important;
  margin: 35px 0 0 0 !important;
  cursor: pointer;
}
.edit_post_active_btn:hover{
  background-color: #8BBA34;
}
.close_post_btn{
  background-color: #ccc !important;
  color: #fff !important;
  padding: 6px 19px !important;
  font-weight: 600 !important;
  border: 1px #fff solid !important;
  margin: 35px 0 0 0 !important;
  cursor: pointer;
}