/*



 */

body {
  margin: 0;
  padding: 0;
  min-height: 0px;
  overflow-y: hidden;
  font-size:12px;
  font-family: Arial, Arial Black, Tahoma, Trebuchet MS, Verdana;  
  background-color: #ffffff;
  color: #393939;
}

a:hover, a:active, a:visited, a:focus {
  text-decoration: none;
  color:#428BCA;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination{ font-size: 14px; }

/* display */
.hide { display: none; }
.show { display: block; }

/*margin*/
.pb_m-3-top{ margin-top: -3px; }
.pb_m-5-top{ margin-top: -5px; }
.pb_m-18-top{ margin-top: -18px !important; }
.pb_m0-all { margin: 0 !important; }
.pb_m0-top { margin-top: 0; }
.pb_m0-top-important { margin-top: 0 !important; }
.pb_m0-right { margin-right: 0; }
.pb_m0-bottom { margin-bottom: 0; }
.pb_m0-left { margin-left: 0; }
.pb_m3-top { margin-top: 3px; }
.pb_m3-right { margin-right: 3px; }
.pb_m3-bottom { margin-bottom: 3px; }
.pb_m3-left { margin-left: 3px; } 
.pb_m5-top { margin-top:5px !important; }
.pb_m5-right { margin-right:5px !important; }
.pb_m5-left { margin-left:5px; }
.pb_m5-bottom { margin-bottom:5px; }
.pb_m7-top { margin-top:7px; }
.pb_m7-bottom { margin-bottom:7px; }
.pb_m10-all { margin: 10px; }
.pb_m10-top { margin-top: 10px; }
.pb_m10-right { margin-right: 10px; }
.pb_m10-bottom { margin-bottom: 10px; }
.pb_m10-left { margin-left: 10px; }
.pb_m15-top { margin-top:15px; }
.pb_m15-right { margin-right: 15px;}
.pb_m20-top { margin-top: 20px; }
.pb_m20-right { margin-right: 20px; }
.pb_m20-bottom { margin-bottom: 20px; }
.pb_m20-left { margin-left: 20px; }
.pb_m40-top { margin-top:40px;}
.pb_m40-right { margin-right:40px;}
.pb_m40-bottom { margin-bottom:40px;}
.pb_m40-left { margin-left:40px;}
.pb_m60-bottom { margin-bottom:60px;}
.pb_m100-left { margin-left:100px;}

/*padding*/
.pb_p0-all { padding:0 !important; }
.pb_p0-top { padding-top:0 !important; }
.pb_p0-left { padding-left: 0 !important; }
.pb_p0-bottom { padding-bottom:0 !important; }
.pb_p0-right { padding-right:0 !important; }
.pb_p2-top { padding-top:2px !important; }
.pb_p2-right { padding-right:2px !important; }
.pb_p2-bottom { padding-bottom:2px !important; }
.pb_p2-left { padding-left:2px !important; }
.pb_p3-top { padding-top:3px !important; }
.pb_p3-all { padding:3px !important; }
.pb_p3-left-right { padding:0 3px !important; }
.pb_p5-top { padding-top:5px !important; }
.pb_p5-bottom { padding-bottom:5px !important; }
.pb_p5-all { padding:5px !important; }
.pb_p10-all { padding: 10px !important; }
.pb_p10-left-right { padding:0 10px !important; }
.pb_p10-top { padding-top: 10px !important; }
.pb_p10-right { padding-right: 10px; }
.pb_p10-bottom { padding-bottom: 10px !important; }
.pb_p10-left { padding-left: 10px !important; }
.pb_p20-all { padding: 20px; }
.pb_p20-top { padding-top: 20px !important; }
.pb_p20-right { padding-right: 20px !important; }
.pb_p20-bottom { padding-bottom: 20px !important; }
.pb_p20-left { padding-left: 20px !important; }
.pb_p30-bottom { padding-bottom: 30px !important; }
.pb_p40-bottom { padding-bottom: 40px !important; }
.pb_p50-all { padding: 50px; }
.pb_p50-top { padding-top: 50px !important; }
.pb_p50-right { padding-right: 50px !important; }
.pb_p50-bottom { padding-bottom: 50px !important; }
.pb_p50-left { padding-left: 50px !important; }
.pb_p60-bottom { padding-bottom: 60px !important; }
.pb_p80-bottom { padding-bottom: 80px !important; }
.pb_p120-bottom { padding-bottom: 120px !important; }
.pb_p180-bottom { padding-bottom: 180px !important; }
.pb_p240-bottom { padding-bottom: 240px !important; }

/* width */
.pb_width-30 { width: 30px;}
.pb_width-40 { width: 40px;}
.pb_width-50 { width: 50px; }
.pb_width-60 { width: 60px; }
.pb_width-65 { width: 65px; }
.pb_width-70 { width: 70px; }
.pb_width-80 { width: 80px; }
.pb_width-90 { width: 90px; } 
.pb_width-95 { width: 95px; }
.pb_width-100 { width: 100px; }
.pb_width-110 { width: 110px; }
.pb_width-130 { width: 130px; }
.pb_width-140 { width: 140px; }
.pb_width-150 { width: 150px; }
.pb_width-160 { width: 160px; }
.pb_width-165 { width: 165px; }
.pb_width-163 { width: 163px; }
.pb_width-180 { width: 180px;}
.pb_width-200 { width: 200px; }
.pb_width-225 { width: 225px; }
.pb_width-250 { width: 250px; }
.pb_width-300 { width: 300px; }
.pb_width-1000 { width: 1000px; }

/* height */
.pb_height-100-px {height: 100px;}
.pb_height-230-px {height: 230px;}
.pb_height-234-px {height: 234px;}
.pb_height-285-px {height: 285px;}
.pb_height-306-px {height: 306px;}
.pb_height-16-percent {height: 16%;}
.pb_height-20-percent {height: 20%;}
.pb_height-30-percent {height: 30%;}
.pb_height-40-percent {height: 40%;}
.pb_height-50-percent {height: 50%;}
.pb_height-60-percent {height: 60%;}
.pb_height-84-percent {height: 84%;}
.pb_height-current_status {height: calc(100% - 40px) !important;}
.pb_height-100-percent {height: 100%;}

/* font */
.pb_f-12 { font-size: 12px; }
.pb_f-14 { font-size: 14px; }
.pb_f-15 { font-size: 15px; }
.pb_f-16 { font-size: 16px; }
.pb_f-18 { font-size: 18px; }
.pb_f-20 { font-size: 20px; }
.pb_f-24 { font-size: 24px; }
.pb_f-warning { color:#d15b47; }
.pb_f-ok { color:#1fae2d; }
.pb_f-gray { color:#8C8C88; }
.pb_f-title {
  font-size: 20px;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial;
    font-weight: 500;
    line-height: 1.1;
}
.pb_word-wrap { word-wrap:break-word; }

/*vertical-align*/
.pb_v-bot{ vertical-align: bottom; }
.pb_v-top{ vertical-align: top !important; }
.pb_v-mid{ vertical-align: middle !important;}
.pb_v-text-top{ vertical-align: text-top !important; }
.pb_v-text-bot{ vertical-align: text-bottom; }
.pb_v-sub{ vertical-align: sub; }
.pb_v-base{ vertical-align: baseline; }
.pb_f-subtitle {
  font-size: 18px;
  font-weight: bold;
  color:#266C96;
}
.pb_f-content-title { margin: 10px 0; }
.pb_f-bold { font-weight: bold; }
.chosen-container { font-size: 12px; }

.pb_overlay_table{
  z-index: 10000;
  background: #e6e6e6;
  position: absolute;
  top: 0px; left: 0px;
  opacity: .6;
  width: 100%;
  height: 100%;
  text-align: center; 
  display: table;
}
.pb_overlay_cell{
  display: table-cell;
  vertical-align: middle !important;
}
.pb_error-input input{
  border-color:#f09784 !important;
  box-shadow: none;
  color:#d68273 !important;
}
.pb_error-input input:focus,.pb_error-input input:hover{
  border-color:#DB8978 !important;
  box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);
  color:#886666 !important;
}
textarea, input[type="text"], input[type="password"], .form-control, select {
    font-size: 12px;
    color:#393939;
    height:30px;
    border-color:#AAA;
}
.search-field .default{ width: 100% !important; }

a.pb_f-collapse {
  color: #393939; 
  text-decoration: none;
}

label { font-size:12px; }
.pb_text_center { text-align: center; }

/* float */
.pb_clear { clear: both; }
.pb_left { float: left; }
.pb_right { float: right; }

/*icon*/
.pb_icon_disabled{
  cursor: default;
  color:gray;
  text-decoration: none !important;
}

/* button */
.btn.active[disabled], .btn[disabled], .btn[disabled]:hover, 
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, 
.btn[disabled]:focus, .btn[disabled]:active, 
.btn-default.disabled, .btn-default.disabled:active, .btn-default.disabled:hover, 
.btn-default.disabled:focus, .btn-default.disabled.active, .btn-default[disabled]:focus, 
.btn-default[disabled], .btn-default[disabled]:active, .btn-default[disabled]:hover, .btn-default.active[disabled], 
fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, 
fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, 
fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, 
fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color:none !important;
  border-color: none;
}

a.pb_btn-titlebar{ line-height: 30px;}
.pb_btn-filter { padding:2px 6px; }
.btn-sm{ font-size:12px; }
.pb_btn-clear{
  margin-top:6px;
  float: right;
  margin-right:10px;
}
.pb_btn-titlebar > i{ font-size: 16px;}
.btn-group > .btn { border-radius: 4px !important; }
.btn { border-radius: 4px; }
.pb_btn-create{
  background-color:#24a628 !important;
  border-color:#24a628 !important;
  color: #fff;
}
.pb_btn-create:hover, .pb_btn-create:focus, .pb_btn-create:active {
  background-color:#1e8d21 !important;
  border-color:#1e8d21 !important;
}
.pb_btn-cancel {
  background-color: #A9A9A9 !important;
  border-color: #A9A9A9 !important;
  color:#fff;
}
.pb_btn-cancel:hover, .pb_btn-cancel:focus, .pb_btn-cancel:active {
  background-color: #545454 !important;
  border-color: #545454 !important;
  color:#fff;
}
.btn-primary{
  background-color: #428BCA !important;
  border-color: #428BCA !important;
  color: #FFF; 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color:#1b6aaa !important;
  border-color:#1b6aaa !important;
}
.btn-sm > i[class*="icon-"] { margin-right: 0; }
.pb_icon_btn {
  line-height: 1.39;
  padding: 3px 7px;
}
.tree .tree-folder .tree-folder-header i.icon-plus:first-child:before{ 
  left:1px;
  width:6px;
  top:0;
  line-height:12px;
  vertical-align:middle;
  position: relative;
  font-size:14px !important;
}
.btn > [class*="icon-"] { margin-right: 0; }

.pb_btn-titlebar {
  border-width: 0px !important;
  width:34px;
  height: 30px;
  margin-top:4px;
  padding:0 !important;
}
.pb_btn-titlebar-primary {
  border-width: 0px !important;
  height: 30px;
  margin-top:5px;
  padding:0 !important;
  line-height: 30px;
}
.pb_btn-func {
  background-color: #fbfbfb !important;
  border:1px solid #ccc !important;
  color:#393939 !important;
}
.pb_btn-func:hover, .pb_btn-func:active {
  background-color: #266C96 !important;
  color:#ffffff !important;
}
.pb_search_btn {
  border: medium none;
  border-radius: 0 4px 4px 0;
  height: 30px;
  margin-bottom: 4px;
  margin-left: -4px;
  margin-right: 0;
}
.pb_title_line .btn-group > .btn:first-child { margin: 0; }
.pb_title_line .pb_search_btn {
  margin-bottom: -2px;
    margin-left: -5px;
}
.btn-group > .btn, .btn-group + .btn { border-width: 2px; }
.pb_btn-w-150 { width: 150px; }
table .btn-sm { padding:2px; }
table .btn i { margin:0 2px !important; }
.pb_search-option { margin-bottom:3px; }

/* border */
.pb_border-top { border-top:1px solid #ddd; }
.pb_border-top-report { border-top:1px solid #2b2b2b !important; }
.pb_border-right { border-right:1px solid #ddd; }
.pb_border-bottom { border-bottom:1px solid #ddd; }
.pb_border-left { border-left:1px solid #ddd; }
.pb_border-all { border:1px solid #ddd; }
.pb_border-R-B-L {
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
}
.pb_total_line_border{
  border-top : 2px solid #ccc !important;
}
.pb_border-all-black { border:1px solid #2B2B2B; }
tr.pb_border-bottom-none { border-bottom:none !important; }

/* text align */
.pb_align-center { text-align: center; }
.pb_align-left { text-align: left; }
.pb_align-right { text-align: right; }

/* auto scroll */
.pb_scroll_area { 
  top: 0; left:0; right: 0; bottom: 0; 
  overflow: auto; 
  padding-bottom: 20px; 
}

.pb_scroll_area_no_padding { 
  top: 0; left:0; right: 0; bottom: 0; 
  overflow: auto; 
}

.pb_scroll_full_height {
  height: 99%;
  overflow: auto;
}

.navbar-nav { margin:0; }
.navbar-nav > li { float: left !important; }

table tr th {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color:#393939;
}
td { font-size:12px; }

.pb_overflow-x-auto { overflow-x: auto; }
/* container */

#pb_container {
  bottom: 0; left: 0; top: 0; right: 0; position: absolute; 
  min-width:1260px;
  height: auto; 
  overflow: hidden; 
}

/* header */
#pb_header {
  position: absolute;
  z-index: 20;
  height: 54px;
  padding: 10px 0 0 5px;
  width: 100%;
}
img[src*="playbook_logo"] {
  width:245px; height:36px;
}

#pb_header_menu li { font-size: 14px; }
#pb_header_menu .nav > li > a { background-color: #fff; }
#pb_header .navbar-nav > li > a {
  padding-bottom: 0px;
  padding-top: 6px;
}

#pb_header_menu .nav .dropdown-menu li > a { font-size: 12px; }
.pb_icon_btn { height:30px; }
.header_icon_menu { height: 30px; }
.btn.pb_btn-create.active, .btn-default.active { background-color: #1e8d21  !important; border-color: #1e8d21 !important; }
.btn-primary.active { background-color: #27689D !important; border-color: #27689D; }
.btn.active:after { border-bottom: none; }

/* body */
#pb_body { bottom: 0; left: 0; top: 54px; right: 0; position: absolute; overflow: hidden; }

/* left side sidebar */
#pb_sidebar { 
  position: absolute; 
  left: 0; top: 0; bottom: 0; 
  width: 16%; 
  border-right:1px solid #7F7F7F;
}

#pb_sidebar .active {
  background-color:#e5e5e5;
  border-radius:1px;
}

#pb_sidebar .pb_btn-create {
  background-color:#24a628 !important;
  border:none;
  color: #fff;
}

#pb_sidebar .tree a { color:#393939; text-decoration: none; }

#pb_sidebar .pb_btn-create:hover, 
#pb_sidebar .pb_btn-create:focus, 
#pb_sidebar .pb_btn-create:active { background-color:#1e8d21 !important; }

#pb_sidebar .pb_sidebar_header {
  border-bottom: 1px solid #ddd;
  line-height: 40px;
  height: 40px;
  padding:0 10px;
  font-size: 20px;
  color:#266C96;
  font-weight: bold;
}

#pb_sidebar .pb_sidebar_header.pb_cursor:hover{ background-color: #FAFAFA; }

#pb_sidebar #pb_sidebar_tree { position: absolute; left: 0; top: 0; bottom: 40px; width: 100%; }
#pb_sidebar #pb_sidebar_tree_header {position: absolute; left: 0; top: 0; height: 40px; width: 100%;}
#pb_sidebar #pb_sidebar_tree_header > .pb_btn-create { font-size: 14px; margin-top: 7px; padding:3px; }
#pb_sidebar #pb_sidebar_tree_header > .pb_btn-create i { margin:0 4px; }

#pb_sidebar #fancytree_area { position: absolute; left: 0; top: 40px; bottom: 40px; width: 100%; height: 100%; }
#pb_sidebar #fancytree_area #pb_sidebar_search {
  position: absolute; left: 0; top: 0; 
  height: 40px; width: 100%; 
  padding: 4px 0 0 10px;
}

#pb_sidebar #pb_sidebar_tree_body { 
  position: absolute;
  left: 0; top: 40px; 
  padding:0 5px; 
  width: 100%;
  overflow: auto; 
  bottom:40px;
}

#pb_sidebar_tree_body .tree-folder-content .pb_btn-create {
  font-size: 12px;
  margin-top: -2px;
  padding:3px;
  margin-left: 5px;
}

#pb_sidebar #pb_report { position: absolute; left: 0; bottom: 0; height: 40px; width: 100%; }

#pb_sidebar_report_header { border-top:1px solid #ddd; background-color: #fff;}
#pb_report_body {
  font-size: 14px;
  color:#000 !important;
  padding: 3px;
}

/* content */
#pb_content { 
  position: absolute; 
  right: 0; top: 0; bottom: 0; width: 84%; 
}
#pb_content_header {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  height: 40px;
  padding: 0 10px;
  background-color: #266C96;
  color: #fff;
}
#pb_content_menu, #pb_content_menu li {
  height: 40px;
  line-height: 40px;
}
#pb_content_menu .navbar-nav > li > a {
  padding-top:0;
  height: 20px;
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}
#pb_content_menu .nav > li > a:hover,
#pb_content_menu .nav > li > a:focus, 
#pb_content_menu .nav > li.active > a{
  background-color: #3290c6;
  border-radius: 4px;
}

/* playbook setting */
.pb_contents_title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  margin-top:10px;
}
.pb_contents_title > label > strong { font-size: 14px; }

/* right side content area */
#pb_content_body_left, 
#pb_content_body_right {
  height: 100%;
}

.pb_content_body_header {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  height: 40px;
  line-height: 40px;
  font-size:18px;
  border-bottom:1px solid #ddd;
  padding: 0 10px;
  margin: 0;
}
#pb_content_header .pb_f-title { line-height: 40px; }
#pb_content_body { 
  position: absolute;
  left: 0; top: 40px; right: 0; bottom: 0;
  /*height: 100%;*/
}

/* playbook dashboard */
#playbook_info label { font-size:12px; }

.pb_dashboard_row {
  height: 50%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.pb_dashboard_row .col-xs-3 { width:300px; }
.pb_dashboard_row .col-xs-9 { 
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
.pb_dashboard_panel { 
  position: relative;
  height: 100%; 
}
.pb_dashboard_panel_body {
  position: absolute;
  left: 0; top: 40px; right: 0; bottom: 0;
  background-color: rgba(246, 246, 246, 0.5); 
  /*height: 90%;*/
  padding: 10px 10px 40px 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.pb_dashboard_panel_shadow{
  -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.25);
}

.pb_dashboard_inner_panel {
  position: relative;
  left: 0; top: 0; right: 0; bottom: 0;
  height: 100%;
}

.pb_dashboard_hover_cell{ height:26px; line-height: 26px; }
.pb_dashboard_panel_body table td.pb_color_lable_td {
  margin: 0;
  padding: 0;
  display:table-cell;
  vertical-align:top;
}

.pb_dashboard_panel_body .pb_color_label {
  display: block;
  height:12px;
  width:12px;
  vertical-align: top;
}

/* subteam table */
#activity_wrapper,
#budgets_wrapper {
  position: absolute;
  left: 0; top: 0;  bottom: 0; right: 0;
  border-top:1px solid #ddd;
  width: 100%;
}
#budgets_wrapper input { text-align: right; }
#tablewrapper .dataTable th[class*="sort"]:after{ float: none; }

/* subteam activity */
.pb_comment {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  overflow: hidden;
}

/* subteam dashboard */
.st_dashboard .col-xs-3{ width:300px; }
.st_dashboard .col-xs-9 { 
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
.st_dashboard_panel { 
  position: relative; 
  width: 100%; 
  height: 50%; 
  border-bottom:1px solid #ddd;
  overflow: hidden;
}
.st_dashboard_wide_panel { 
  position: relative; 
  width: 100%; 
  overflow: hidden;
  border-bottom:1px solid #ddd;
}

.st_dashboard_panel_body {
  position: absolute;
  left: 0; top: 40px; right: 0; bottom: 0;
  background-color: rgba(246, 246, 246, 0.5); 
  padding: 10px 10px 40px 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.well { margin-bottom:20px; }
.pb_color_label {
  display: block;
  height:24px;
  width:24px;
  vertical-align: text-top;
}
#pb_deliverable_dashboard a { text-decoration: underline; font-weight: bold;}
#pb_deliverable_dashboard tr td { text-align: center; vertical-align: middle; }
#pb_deliverable_dashboard tr td.pb_align-left { text-align: left; }
#pb_deliverable_dashboard .progress { margin: 0; }
.deliverable_digest_legend{ width:132px; display:inline-block; }
.pb_content_padding { padding:20px; }
.pb_content_area { height: 100%; padding:10px 10px 40px 10px; }
.pb_content_area_title,
.pb_content_area_title_no_scroll{
  position: absolute;
  left: 0; top: 40px; left: 0; bottom: 0;
  width: 100%;
  /*height: 96%;*/
  /*padding: 10px 10px 40px 10px;*/
  padding: 10px;
  /*margin-bottom: 20px;*/
}
.pb_content_area_title_subteam_table{
  position: absolute;
  left: 0; top: 40px; left: 0; bottom: 55px;
  width: 100%;
  padding: 10px;
}
.pb_vertical_scroll {
  height: 99%;
  overflow: auto;
}

.pb_content_area_tab{
  position: absolute;
  left: 0; top: 75px; left: 0; bottom: 0;
  width: 100%;
  padding: 10px 10px 40px 10px;
  overflow: auto;
}
#pb_subteam_tree { height:660px; }
#pb_subteam_checkbox_list { border: none; }
#pb_subteam_checkbox_list.pb_height { height: 660px;}
#pb_subteam_checkbox_list_column { height: 157px; border: none; }

.pb_subteam_option td { padding:8px; }
.pb_subteam_option {
  width:100%;
  border-bottom:1px solid #2B2B2B;
  border-left:1px solid #2B2B2B;
  border-right:1px solid #2B2B2B;
  height: 70px;
}
.pb_subteam_option .pb_option_title{ border-right:1px solid #2B2B2B; }
.pb_tab_content_area {
  border-bottom: 1px solid #ddd;
  height:770px;
  padding:20px;
}

/* common */
.pb_line_1 {line-height: 1;}
.pb_line-30{ line-height: 30px;}
.pb_line-40 { line-height: 40px !important; }
.tree .tree-item, .tree .tree-folder .tree-folder-header { color: #393939; }
.tree .tree-item, .tree .tree-folder .tree-folder-header { color: #393939; }
.tree .tree-folder-content .tree-item label{ cursor:pointer; }
.tree .tree-folder-header label.tree-folder-name{ cursor:pointer; }
.pb_subteam_create:hover{ font-weight:bold; }
.col-xs-1, .col-xs-2, .col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6, .col-xs-7, .col-xs-9, .col-xs-10, .col-xs-11,.col-xs-12{ padding: 0; }

.pb_title_line { line-height: 40px; }
.pb_title_line select,
.pb_title_line input,
.pb_title_line .pb_search_btn, 
.pb_title_line .btn-group{ vertical-align: middle; margin-bottom:4px; }
.pb_title_line input[type="text"]{ width:200px; }
.form-control { height: 33px; }
.pb_line_ul > li { display: inline; }
.pb_ul_right_border > li { border-right: 1px solid #ddd; }

.tree .tree-item{ white-space: nowrap; }
.tree .tree-folder-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  -ms-text-overflow: ellipsis;
}

.pb_status_mark, .pb_priority_mark{
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 12px;
  margin-right:3px;
  margin-top:1px;
  vertical-align: text-top;
}

.pb_background-dependency{ background-color: #ebecf0; }
.pb_display-none{ display: none !important;}
.pb_border-top-width-zero{ border-top-width: 0px;}

.pb_ontrack{ background-color: #1fae2d; }
.pb_atrisk{ background-color: #ff9801; }
.pb_delayed{ background-color: #cd32cd; }
.pb_tbd{ background-color: #2de1e1; }
.pb_completed{ background-color: #5567eb; }
.pb_notinitiated{ background-color: #939393; }
.pb_high{ background-color: #FF3333; }
.pb_medium{ background-color: #FFD119; }
.pb_important-color-green, .pb_low{ background-color:#1fae2d !important; }
.pb_important-color-orange{ background-color:#ff9801 !important; }
.pb_important-color-purple{ background-color:#cd32cd !important; }
.pb_important-color-skyblue{ background-color:#2de1e1 !important; }
.pb_important-color-blue{ background-color:#5567eb !important; }
.pb_important-color-gray{ background-color:#939393 !important; }
.pb_important-color-white{ background-color:#ffffff !important; }
.pb_important-color-black{ background-color:#393939 !important; }
.pb_line_30{ line-height: 30px; }
.pb_inline-block{ display: inline-block; }
.pb_inline-table{ display: inline-table; }
/* form */
.pb_label_area {
  width:150px;
  display: inline-block;
  float: left;
}
.chosen-container { width: 100% !important; }
form .input_search { height:30px; }
.pb_content_body_header > .pb_title_line >ul > li, 
.pb_content_body_header form { display: inline; }

/* report */
.subdropdown > li { font-size: 12px; }
.dropdown-menu-form li{
  text-align: left;
  padding-left:3px; 
}
.pb_table_dependency.table thead > tr > th, .pb_table_dependency.table tbody > tr > th, .pb_table_dependency.table tfoot > tr > th, .pb_table_dependency.table thead > tr > td, .pb_table_dependency.table tbody > tr > td, .pb_table_dependency.table tfoot > tr > td {
    border-right: 1px solid #DDDDDD;
}
.pb_table_scroll_log{
  overflow: auto;
  height: 100%;
}
.pb_table_scroll{
  overflow-y: auto; 
  overflow-x: hidden; 
  height: 100%;
}
.pb_scroll{
  overflow-y: auto;
  overflow-x: hidden;
}
.pb_dependency_label td{ padding:0 8px 0 28px!important;}
.pb_td-p0-top td{ padding-top:0 !important; padding-bottom:8px !important; }
/* table column size */
.pb_width-1{ width:7.5%; }
.pb_width-2{ width:10%; }
.pb_width-3{ width:12.5%; }
.pb_width-4{ width:20%; }
.pb_width-5{ width:30%; }
.pb_width-6{ width:50%; }
.pb_width-7{ width:17.5%; }
.pb_width-8{ width:15%; }
.pb_width-9{ width: 80%;}
.pb_width-66{ width: 66.6666% }
.pb_width-100-per{ width: 100%; }
.pb_width-fix-icon { width:30px; }
.pb_width-fix-icon-large { width:50px; }
.pb_width-fix-chechkbox { width:80px; }
.pb_width-16-per{ width: 16%; }
.pb_width-25-per{ width: 25%; }

/* playbook create & playbook edit */
.absolute_pos{ position: absolute; left:0; right:0; }
.create_playbook_div{ position: absolute; left:0; right:0; top:80px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:40px; padding:3px 10px; }
.create_playbook_next_line{ position: absolute; left:10px; right:10px; top: 80px; bottom:0; overflow-y:auto; }
.control-group .col-sm-1{ margin-top:5px; }
table{ table-layout:fixed; }
table#pb_customize_report tbody td:nth-child(1){ text-align: center; }
.tab-content {
  border: 1px solid #DDDDDD;
  height: 772px;
  padding: 10px;
}
.wizard-steps{ width:85%; }

/* modal */
.modal-footer{ background-color: #fff; }
.modal .btn-colorpicker{
  height: 25px;
  width: 25px;
}
.modal .dropdown-colorpicker > .dropdown-menu {
  max-width: 82px;
  min-width: 82px;
}

.modal .pb_important-color-white{ border:1px solid #ccc; }

#playground-step-wrap .row, 
#playground-step-wrap .form-group{ 
  margin-left :0 !important; 
  margin-right: 0 !important; 
}
.pb_add-line{ text-align: left !important;  }
#pb_form .modal-dialog{ width: 1000px; }
#excelModal .modal-dialog{ width: 600px; }
.pb_modal_content{ margin-top: -20px; }
#pb_deliverable_option_ul > li{
   padding:0 12px;
   height:56px;
}
#pb_deliverable_option_ul.pb_ul_right_border > li:last-child{ border-right: none; }
#pb_deliverable_option_ul > li.pb_line-56{ line-height:56px; }
#pb_deliverable_option_ul > li.pb_line-56 > span{ cursor: pointer; }
.pb_dependency_mark {
    height: 36px;
    margin-top: 17px;
    padding-top: 5px;
    display: inline-block;
    text-align: center; 
    margin-right:10px;
}
.pb_dependency_mark i{
  color:#fff;
  margin: 0;
  padding: 0;
  width:12px;
 }
 .add_dependency_title{ font-size: 15px; margin: 10px 0; }
.pb_color_broken_dependency{ background-color: #d15b47; }
.pb_color_ok_dependency{ background-color: #87b87f; }
#pb_form .modal-body{ padding:20px 0; height:100%;}
.modal .chosen-container-single .chosen-search:after {
    top: 3px;
}
/* table */
table.table > tbody > tr > td{ 
  padding:4px 8px;
  height: 20px;
  vertical-align: middle;
}
#pb_playbook_table, 
#pb_subteam_table, 
table.table, 
.ui-datepicker-title, 
#pb_content_header *,
.pb_content_body_header{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pb_depth-1{ padding-left: 12px !important; }
.pb_depth-2{ padding-left: 28px !important; }
.pb_ellipsis{
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow:ellipsis;
  -ms-text-overflow: ellipsis;
}

#pb_playbook_table td:nth-child(n+9), #pb_subteam_table td:nth-child(n+9){ 
  padding:0;
  text-align: center;
  vertical-align: middle;
 }
.pb_td_hover:hover,.pb_td_hover:hover > a,.pb_td_hover_table:hover, .pb_td_hover_table:hover > a{
  background-color: #428BCA !important;
  color:#fff !important; 
  padding:0;
  font-size: 16px;
}
.pb_select td.pb_td_hover > a{
  background-color: none !important;
}
.pb_td_hover_table, .pb_td_hover_table > a{
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}
.hover_38{
  height: 38px !important;
  line-height: 38px !important;
}
.hover_33{
  height: 33px !important;
  line-height: 33px !important;
}
.hover_20{
  height: 20px !important;
  line-height: 20px !important; 
}
.pb_td_hover, .pb_td_hover > a{
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}
.pb_td_clickable{ background: #428BCA !important; color: #fff !important; }
#pb_playbook_table td:not(.pb_input-td), #pb_subteam_table td:not(.pb_input-td){ cursor: pointer; }
.pb_additional_table{
  position: absolute;
  top:500px;
  bottom:0px;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color:#fff;
  border-bottom:1px solid #ddd;
  -webkit-box-shadow: 0px -1px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px -1px 2px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         0px -1px 2px 0px rgba(50, 50, 50, 0.25);
}
#pb_table_activity .pb_content_body_header, #pb_table_budget { line-height: 36px; }
.pb_additional_table .pb_content_body_header .btn-group .btn{
  margin-top: 5px;
}
#pb_playbook_table .form-control{ height: 30px;}
.input-group-addon { font-size: 12px; padding:1px 12px;}
table .pb_select{ background-color: #99C7E6 !important; }
table .form{ background-color: #F5F5F5 !important; }
/* dropdown - submenu */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:-100%;right:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:"";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-5px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu>.dropdown-menu.pb_popup_menu{width:175px; left:-110%;right:100%;}
/* input */

.pb_title_line input{ height: 30px; }

/* product */
.pb_current_completed_status{ min-width: 130px; max-width: 200px; width: 14%; }
.pb_risk_tracker_table { border:1px solid #ddd; }
.pb_risk_tracker_table td{ padding:10px; }
.pb_risk_tracker_table tr td:nth-child(2){ border-right:1px solid #ddd; }
.pb_risk_tracker_table tr td:nth-child(n){ padding-left:10px; }
.pb_risk_tracker_card{
  display: inline-block;
  margin-bottom:20px;
}
.pb_critical_activites td { padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px;}
.pb_critical_activites td.pb_title_td {
  background-color:#003e7e;
  color:#fff;
  font-size:14px;
  vertical-align: top !important;
}
.pb_critical_activites td{ border:1px solid #2b2b2b; }

.pb_table_product_strategy td {
  text-align: center;
  vertical-align: middle !important;
}

.pb_table_product_strategy td.pb_align-left { text-align: left; }

/* admin action */
.pb_auto_move td:nth-child(1){ text-align: center; }
#by_increament, #to_date{
  height: 40px;
  width:315px;
}

.pb_manage_version tbody tr td{ vertical-align: middle; }

/* alert menu */
.pb_alert { padding: 5px 15px;}

div#overlay {
  z-index: 10000;
  background: #000;
  position: relative;
  opacity: .6;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
}

.highlight {
  color: red;
  background-color: yellow;
}

.pb_external_link { cursor: pointer; }
.pb_cursor { cursor: pointer; }

.product_node span.fancytree-icon, .playbook_node span.fancytree-icon, .subteam_node span.fancytree-icon  { display: none; }
.product_node span.fancytree-title{ min-width: 90%; width: 50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.subteam_node span.fancytree-title{ min-width: 90%; width: 50%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.selected_node span.fancytree-title{ 
  background-color: #266C96;
  border-radius: 4px;
  color:#fff !important;
 }

.fancytree-title:hover { 
  background-color: #266C96;
  border-radius: 4px;
  color:#fff !important;
}

.pb_report_selected span {
  background-color: #266c96;
	color:#fff !important;
	padding: 3px;
	padding-right: 10px;
}
.pb_report_selected a {
  color:#fff !important;
	font-size: 14px;
}
.pb_report_text {
  color:#000 !important;
	font-size: 14px;
}

#colorpicker>.dropdown-menu {
  max-width: 110px;
  min-width: 110px;
}
.pb_word_all{
  word-break: break-all;
}
.lbl{ z-index: 0 !important;}

/* no data */
.pb_no_data {
  margin: 60px;
  text-align: center;
  font-weight: bold;
  color: #ccc;
}
.pb_d_edit_modal li{ text-align: center; }
.pb_cursor{ cursor: pointer; }
.pb_dependency-border{
  border-right:1px solid #ddd;
  border-top:none !important;
}

#ui-datepicker-div{ z-index: 1100 !important; }

.modal #deliverable_form_name, .modal #deliverable_group_form_name{
  font-size: 16px;
  font-weight: bold;
}

.table tr.subteam > td, .table tr.subteam:hover td{ background-color:#ccc; }
.table .subteam.pb_select td{ background-color: #99C7E6 !important; }
.table .deliverable_group td, .table .deliverable_group:hover td{ background-color:#ddd; }
.table .deliverable_group.pb_select:hover td{ background-color:#99C7E6 !important; }
.table .deliverable_group.pb_select > td{ background-color: #99C7E6; }
.table .deliverable.pb_select td{ background-color: #99C7E6; }

.pb_well_hover:hover{ background-color: #EAEAEA; }
.pb_delete_dependency:hover i{ font-size: 20px; }

.no_current_status{color: #ccc; width:100%; display:inline-block; text-align:center;}
.show_status:hover .no_current_status{color: #fff; font-weight: bold;}
.show_status .no_current_status{ text-align: center;}
.show_status{cursor: pointer;}
.show_status:hover{ background-color: #428BCA !important;}
.show_status:hover > div > .percent{ color:#fff !important; font-size: 16px;}
.tooltip-error + .tooltip > .tooltip-inner{ 
  word-break: normal; 
  width:100%;
  min-width: 100%;
  max-width: 100%;
}
/*.tooltip-error.pb_tooltip_fix + .tooltip > .tooltip-inner{ width:200px; }*/

#pb_content_header .pb_left_title{
  float: left;
  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pb_content_header .pb_left_title_subteam{
  float: left;
  width: 410px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pb_content_header .pb_left_title:after{ clear: both; }
.edit_risk_issue > td{ cursor: pointer; }
.multiselect .caret{
  border-style:none;
  content: none;
  border:none !important;
  display: none;
}
.dropdown-menu-form > li, .dropdown-menu-form > li:active{
  cursor: pointer;
  vertical-align: middle;
  padding:3px 20px 3px 40px;
}
.dropdown-menu-form > li > input{
  vertical-align: text-top;
  margin-right:5px;
}
.dropdown-menu-form > li:hover{
  background-color: #F5F5F5;
}
.dropdown-menu-form > li.active{
  color: #fff;
  background-color:#428BCA;
  outline: none;
}
.pb_risk_divider{ border-bottom: 1px solid #CCC; }
.pb_risk_divider:last-child{ border-bottom:none; }
.pb_risk_divider td{ padding:4px 8px; }
.btn-group > .btn-white, .btn-group + .btn-white{
  padding: 3px 12px;
  border-width: 0;
  background-color: none;
  line-height: 38px;
  height: 40px;
  border-radius: 0 !important;
}
.btn-white:hover, .btn-default:hover, .open .btn-white.dropdown-toggle, .open .btn-white.dropdown-toggle{
  background-color: #428BCA !important;
  color: #fff !important;
}
.btn-group > .btn-white:hover,.btn-group > .btn-white:active,.btn-group > .btn-white:focus{
  background-color: #428BCA !important;
  color: #fff !important;
}

input[disabled]input[type="submit"]{
  background-color: #24a628 !important;
}
.input-group-addon { cursor: pointer; }
#pb_days_to_launch {font-size: 12px;}
#days_to_launch > span { 
  background-color: #3C3C3C; 
  border-radius: 3px; 
  color: #fff; 
  font-size:14px;
  text-align:center; 
  margin-right:2px; 
  padding:2px 4px; 
}

/* for subteam */
.pb_title_ellipsis {
  width:420px;
  overflow: hidden;
  text-overflow:ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* for product */
#product_wrapper {
  left: 0;
  margin-top: 55px;
  position: absolute;
  right: 0;
  top: 60%;
  bottom:0;
}

/* filter */
#filter.pb_content_area_title,
#pb_alert_filter.pb_content_area_title,
#filter_scroll.pb_content_area_title {
  /*height: 88%;*/
  overflow: auto;
}
/*playbook table*/
.pb_table{
  bottom: 0;
  position: absolute;
  top: 55px;
}
/*subteam table*/
.st_table{
  position: absolute;
  top:55px;
  bottom: 0;
}
#table_layer_area{
  left: 0;
  margin-top: 55px;
  position: absolute;
  right: 0;
  top: 60%;
  bottom:0;
}
#table_layer_area .pb_content_area_title{
  height:60%;
}
.modal .chosen-container-single .chosen-single{
  overflow: visible !important;
}

.popover.bottom {
  width: 300px;  
}

.popover-content > ul {
  list-style-type: disc;
  padding-left: 20px;
  text-align: left;
}

.popover-content > ul > li {
  text-align: left;
}



/* user */
.form-group > .field_with_errors > label.control-label{ padding-top: 4px;