.body {
  overflow: hidden;
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  background-color: #555;
  -webkit-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}

.header_row {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1300;
  background-color: #000;
}

.header_col1 {
  padding-right: 0px;
  padding-left: 0px;
  border: 1px solid #383838;
}

.header_col2 {
  padding-right: 0px;
  padding-left: 0px;
  border: 1px solid #383838;
}

.header_left_div {
  border-bottom: 1px solid #4b4b4b;
}

.header_heading_div {
  width: 380px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 14px;
  float: left;
}

.header_heading_div.details {
  padding-left: 7px;
}

.header_heading_text {
  margin-right: 49px;
  padding-left: 3px;
  float: left;
  font-family: 'Proximanova regular', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

.header_heading_text.task {
  padding-left: 15px;
}

.header_time_div {
  width: 280px;
  padding-top: 15px;
  padding-bottom: 9px;
  padding-left: 50px;
  float: right;
  background-color: transparent;
  background-image: url('../images/refresh.png');
  background-position: 49px 50%;
  background-size: 36px;
  background-repeat: no-repeat;
}

.header_time_div._2 {
  height: 81px;
  background-image: url('../images/clock.png');
  background-size: 40px;
}

.header_time_div._3 {
  width: 278px;
  background-image: url('../images/clock.png');
  background-size: 36px;
}

.header_time_text {
  margin-top: 10px;
  padding-left: 46px;
  float: left;
  font-family: 'Proximanova regular', sans-serif;
  color: #62f6ec;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.header_date_div {
  margin-top: 3px;
  margin-right: 18px;
  float: right;
  text-align: center;
}

.header_day_text {
  font-family: 'Proximanova regular', sans-serif;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
}

.header_month_text {
  margin-top: 0px;
  padding-left: 0px;
  font-family: 'Proximanova regular', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.content_row {
  position: relative;
  top: 0px;
  margin-top: 0px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #000;
}

.content_col1 {
  padding-right: 0px;
  padding-left: 0px;
}

.content_col2 {
  padding-right: 0px;
  padding-left: 0px;
  background-color: #000;
}

.top_tabs_div {
  overflow: visible;
  max-height: 720px;
  min-height: 400px;
  background-color: #000;
}

.tabs_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  margin: 10px auto;
}

.tab {
  padding: 15px 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #444;
  background-color: #000;
  color: #858585;
  text-align: center;
}

.tab.w--current {
  width: auto;
  background-color: #303030;
  color: #62f6ec;
}

.tab_text {
  font-family: 'Proximanova regular', sans-serif;
  font-size: 16px;
}

.tab_content_div {
  position: static;
  overflow: scroll;
  max-height: 770px;
  min-height: 400px;
  margin-top: 0px;
  padding-bottom: 40px;
  background-color: #000;
}

.tab_content_div.task {
  max-height: 722px;
  margin-top: 0px;
}

.table_row {
  border-bottom: 1px solid #4b4b4b;
  background-image: -webkit-linear-gradient(270deg, #1d1d1d, #1f1f1f 50%, #000 52%, #000);
  background-image: linear-gradient(180deg, #1d1d1d, #1f1f1f 50%, #000 52%, #000);
}

.project_name_div {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 56px;
  background-image: url('../images/sportscomplex.png');
  background-position: 15px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.project_name_div.task {
  margin-top: 0px;
  padding-left: 10px;
  background-image: none;
}

.project_name_div.sports {
  padding-left: 57px;
  background-position: 13px 50%;
}

.project_name_div.health {
  background-image: url('../images/socialsecurity.png');
  background-size: 30px;
}

.project_name_div.education {
  background-image: url('../images/infotechnology.png');
  background-size: 30px;
}

.project_name_div.transportation {
  background-image: url('../images/train_1.png');
  background-size: 30px;
}

.project_task_date_div {
  padding-top: 8px;
}

.project_task_name_div {
  padding-top: 16px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.project_cost_div {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
}

.project_start_date_div {
  max-height: 50px;
  min-height: 50px;
  padding-top: 1px;
  padding-right: 22px;
  padding-left: 6px;
  float: right;
}

.project_start_date_div.last {
  padding-left: 4px;
  background-position: 88% 50%;
}

.table_text_30 {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.table_text_30.center {
  text-align: center;
  letter-spacing: 1px;
}

.project_name_sub {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #525252;
  font-weight: 700;
  text-transform: uppercase;
}

.project_name_sub.task {
  padding-left: 9px;
}

.date_yellow {
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fedb3b;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
}

.project_cost_unit_text {
  margin-top: 8px;
  float: left;
  color: #1995c3;
  font-size: 16px;
  text-transform: uppercase;
}

.project_cost_unit_text.green {
  margin-top: 6px;
  margin-left: 20px;
  padding-left: 0px;
  color: #55d76b;
}

.project_cost_unit_text.red {
  margin-top: 5px;
  margin-left: 1px;
  color: #f23c38;
}

.table_small_cell_right_div {
  padding-left: 6px;
  float: right;
}

.table_numeric_text {
  position: relative;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
}

.table_numeric_text.budget {
  top: 9px;
}

.table_tab_pane {
  overflow: visible;
}

.progress_div {
  width: 100%;
}

.months_slider_div {
  height: 100px;
  padding: 10px;
}

.task_project_name_div {
  height: 174px;
  padding-top: 100px;
  background-image: url('../images/train.png');
  background-position: 50% 8px;
  background-size: 55px;
  background-repeat: no-repeat;
  line-height: 32px;
}

.task_project_name_text {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #62f6ec;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.months_slider {
  height: 80px;
  border: 1px solid #303030;
  background-color: #000;
}

.month_slide_nav {
  display: none;
}

.month_slide1 {
  display: inline-block;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.month_slider_arrow_l {
  background-color: #181818;
}

.month_slider_arrow_r {
  background-color: #181818;
}

.task_project_details_div {
  height: 130px;
  padding-top: 10px;
  border-bottom: 1px solid #2a2a2a;
  background-image: -webkit-linear-gradient(270deg, #202020, #181818 48%, #000 50%, #000);
  background-image: linear-gradient(180deg, #202020, #181818 48%, #000 50%, #000);
}

.task_side_bar_small_heading {
  margin-top: 0px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #55d76b;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.task_side_bar_small_heading.red {
  margin-top: 6px;
  color: #f23c38;
}

.task_side_bar_small_heading.orange {
  color: #fedb3b;
}

.task_side_bar_small_heading.blue_location {
  float: left;
}

.task_side_bar_small_heading.orange_area {
  float: right;
  color: #fedb3b;
}

.sidebar_info_container {
  display: block;
  width: 125px;
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
}

.sidebar_info_container.budget {
  width: 186px;
}

.sidebar_info_container.city {
  width: 100%;
  margin-top: -26px;
  padding-right: 6px;
  padding-left: 6px;
}

.sidebar_info_container.city_top {
  width: 200px;
}

.big_large_text {
  margin-top: 3px;
  padding-top: 17px;
  padding-bottom: 13px;
  float: left;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 66px;
  font-weight: 400;
  text-align: center;
}

.big_large_text.city {
  margin-top: 21px;
  float: none;
  font-size: 40px;
  line-height: 33px;
  text-transform: uppercase;
}

.home_dropdown {
  width: 36px;
  height: 36px;
  margin-top: -13px;
  float: left;
  background-image: url('../images/menu.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.home_dropdown_toggle {
  padding: 5px;
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.home_dropdown_toggle.w--open {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.dropdown_div {
  width: 40px;
  height: 40px;
  background-image: url('../images/menu.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.dropdown_link {
  border-bottom: 1px solid #525252;
  background-color: #000;
  color: #b4b4b4;
}

.dropdown_link:hover {
  background-color: #62f6ec;
  color: #000;
}

.home_sidebar {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  margin-left: 0px;
  border-left: 1px solid #3a3a3a;
  background-color: #000;
}

.task_sidebar_div {
  min-height: 1000px;
  margin-top: 0px;
  background-color: #000;
}

.nav_menu {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1600;
  width: 200px;
  background-color: #000;
}

.content_wrapper {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #000;
}

.closenavcover {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1500;
  height: 0px;
}

.menu_links_div {
  height: 200px;
  margin-top: 6vh;
}

.nav_menu_link {
  width: 100%;
  height: 40px;
  text-decoration: none;
}

.nav_menu_link:hover {
  background-color: transparent;
  color: #000;
}

.nav_link_text {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.nav_link_text:hover {
  background-color: #f23c38;
  color: #fff;
}

.task_project_sidebar_content_right {
  padding-left: 4px;
  float: left;
}

.task_project_side_date_month {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 30px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.task_project_side_year {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #1995c3;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.task_project_side_year.currency {
  margin-top: 20px;
}

.months_slide_inner_div {
  margin-right: 80px;
  margin-left: 80px;
}

.month_slide_link_block {
  width: 70px;
  height: 70px;
  margin-top: 5px;
  margin-left: 25px;
  float: left;
  text-decoration: none;
}

.month_slide_link_block.w--current {
  margin-top: 4px;
  background-color: #000;
}

.slide_month_text {
  margin-top: 24px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #555;
  font-size: 41px;
  text-align: center;
  text-transform: uppercase;
}

.slide_month_text.current {
  color: #62f6ec;
}

.footer_div {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  height: 30px;
  border-top: 1px solid #535353;
  background-color: #000;
  box-shadow: 0 -1px 3px 0 #383838;
}

.footer_left_div {
  width: 300px;
  float: left;
}

.footer_right_div {
  width: 396px;
  float: right;
}

.footer_text {
  padding-top: 4px;
  padding-left: 11px;
  font-family: 'PT Sans', sans-serif;
  color: #585858;
  font-size: 14px;
  font-weight: 700;
}

.footer_sc_link {
  color: #b8b8b8;
  text-decoration: none;
}

.back_button {
  width: 36px;
  height: 36px;
  margin-top: -10px;
  margin-left: 4px;
  float: left;
  background-image: url('../images/arrow.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.admin_body {
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  background-color: #fff;
}

.login_wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  background-color: #464646;
  background-image: url('../images/1-Admin-Login.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.login_form_div {
  display: block;
  width: 450px;
  height: 375px;
  margin-top: 62px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  border-width: 0px;
  border-color: rgba(0, 0, 0, .68);
  background-color: #fff;
}

.login_input {
  height: 55px;
  padding-left: 70px;
  border-style: none;
  border-radius: 2px;
  background-color: #e4e4e4;
  background-image: url('../images/username.png');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
}

.login_input.password {
  background-image: url('../images/lock.png');
}

.login_submit {
  display: block;
  width: 100%;
  height: 55px;
  margin-top: 66px;
  margin-right: auto;
  margin-left: auto;
  background-color: #ffa200;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-transform: uppercase;
}

.login_form {
  position: relative;
  display: block;
  width: 70%;
  margin-top: 27px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}

.login_form_label {
  color: #a7a7a7;
  text-transform: uppercase;
}

.login_heading {
  padding: 20px 10px;
  background-color: #ffa200;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.login_heading_sub {
  color: #1995c3;
  font-size: 20px;
}

.admin_header {
  height: 70px;
  border-bottom: 1px dotted #636363;
  background-color: #33383c;
}

.admin_sidebar {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 200px;
  margin-top: 70px;
  border-right: 1px dotted #575757;
  background-color: #fff;
}

.admin_wrapper {
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
}

.admin_wrapper.h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.admin_dashboard_content_div {
  width: 80%;
  min-height: 600px;
  margin-left: 200px;
  padding-top: 2px;
  padding-bottom: 6px;
}

.admin_tile_div {
  display: block;
  width: 80%;
  height: 200px;
  margin-top: 79px;
  margin-right: auto;
  margin-left: auto;
}

.admin_tile {
  display: block;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  background-color: #1995c3;
}

.admin_tile.red {
  background-color: #f23c38;
}

.admin_tile.orange {
  background-color: #fedb3b;
}

.admin_tile.green {
  background-color: #55d76b;
}

.admin_tile_footer {
  position: relative;
  top: 150px;
  height: 50px;
  margin-top: 0px;
  padding-top: 13px;
  background-color: #0e6c8f;
}

.admin_tile_footer.red {
  background-color: #b41e1a;
}

.admin_tile_footer.orange {
  background-color: #b39a2b;
}

.admin_tile_footer.green {
  background-color: #16962c;
}

.admin_title_link {
  width: auto;
  height: 60px;
  margin-top: 5px;
  margin-left: 19px;
  text-decoration: none;
}

.admin_title_text {
  margin-top: 21px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #ffa200;
  font-size: 23px;
  text-transform: uppercase;
}

.admin_nav_links_div {
  margin-top: 33px;
}

.admin_nav_link {
  display: block;
  width: 100%;
  height: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-left: 14px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}

.admin_nav_link:hover {
  background-color: #1995c3;
}

.admin_nav_link.w--current {
  background-color: #1995c3;
}

.admin_nav_text {
  color: #000;
}

.admin_tile_large_text {
  color: #fff;
  font-size: 70px;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}

.admin_tile_footer_text {
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.admin_main_table_div {
  display: block;
  width: 76%;
  margin-top: 38px;
  margin-right: auto;
  margin-left: auto;
}

.slider_year {
  margin-top: 7px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
}

.table_div_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-image: -webkit-linear-gradient(270deg, #2c2c2c, #1b1b1b 49%, #000 50%, #0e0e0e);
  background-image: linear-gradient(180deg, #2c2c2c, #1b1b1b 49%, #000 50%, #0e0e0e);
}

.table_td {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}

.table_td._2 {
  -webkit-flex-basis: 5%;
  -ms-flex-preferred-size: 5%;
  flex-basis: 5%;
}

.table_td._3 {
  -webkit-flex-basis: 24%;
  -ms-flex-preferred-size: 24%;
  flex-basis: 24%;
}

.table_td._4 {
  -webkit-flex-basis: 12%;
  -ms-flex-preferred-size: 12%;
  flex-basis: 12%;
}

.table_td._5 {
  -webkit-flex-basis: 12%;
  -ms-flex-preferred-size: 12%;
  flex-basis: 12%;
}

.table_td._6 {
  -webkit-flex-basis: 12%;
  -ms-flex-preferred-size: 12%;
  flex-basis: 12%;
}

.task_row_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: -webkit-linear-gradient(270deg, #1b1b1b, #333 48%, #090909 51%, #050505);
  background-image: linear-gradient(180deg, #1b1b1b, #333 48%, #090909 51%, #050505);
}

.task_row_col1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.task_row_col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.task_inner_col {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.task_inner_col._3 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.login_top_logo {
  display: block;
  width: 150px;
  height: 150px;
  margin-top: 86px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/Idap-Logo.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.login_forgot_password {
  margin-top: 13px;
  float: right;
}

.login_remember_me_check {
  margin-top: 13px;
  float: left;
}

.remember_checkbox {
  background-color: #7c7c7c;
}

.forgot_pass_link {
  color: #222;
  text-decoration: none;
}

.admin_logo_div {
  width: 85px;
  height: 100%;
  float: left;
  background-color: #1e2327;
  background-image: url('../images/Idap-Logo.png');
  background-position: 50% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
}

.admin_navbar {
  width: 35%;
  height: 100%;
  float: right;
  background-color: #000;
}

.admin_nav_container {
  height: 100%;
}

.admin_top_nav_link {
  margin-top: 11px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 27px;
  border-right: 1px solid #ffa200;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.admin_top_nav_link.apicon {
  margin-top: 11px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 27px;
  border-right-color: #fff;
  background-image: url('../images/addproject.png');
  background-position: 0px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_top_nav_link.npicon {
  margin-left: 12px;
  border-right-color: #fff;
  background-image: url('../images/projects.png');
  background-position: 0px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_nav_menu {
  margin-top: 5px;
  padding-left: 26px;
  float: left;
}

.admin_nav_dropdown_toggle {
  margin-top: 11px;
  padding: 6px 28px 6px 12px;
  background-image: url('../images/userdropdown.png');
  background-position: 100% 46%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.admin_nav_dropdown_text {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.admin_nav_dropdown_icon {
  color: #fff;
}

.admin_nav_dropdown_link {
  background-color: #000;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.admin_nav_dropdown_link:hover {
  background-color: #ffa200;
}

.admin_nav_dropdown_list.w--open {
  margin-top: 21px;
}

.admin_nav_search_form_div {
  width: 400px;
  margin-right: 30px;
  float: right;
}

.admin_nav_search_input {
  height: 46px;
  margin-top: 11px;
  padding-left: 44px;
  border: 1px none #000;
  border-radius: 2px;
  background-color: #43474b;
  background-image: url('../images/search.png');
  background-position: 8px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.admin_page_header {
  margin-top: 15px;
}

.admin_page_container {
  display: block;
  overflow: scroll;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.admin_page_title_div {
  width: 300px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 28px;
  float: left;
  background-image: url('../images/dashboardicon.png');
  background-position: 0px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_page_title {
  padding-top: 1px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
}

.admin_page_dates_div {
  width: 400px;
  padding-top: 5px;
  float: right;
}

.admin_page_date_div {
  width: auto;
  padding: 6px 9px 6px 34px;
  float: right;
  border-right: 1px solid silver;
  background-image: url('../images/date.png');
  background-position: 0px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_page_date_div.time {
  width: auto;
  margin-left: 10px;
  padding-right: 1px;
  float: right;
  border-right-style: none;
  background-image: url('../images/watch.png');
  background-size: 21px;
}

.admin_date_text {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #aaa;
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
}

.admin_projects_table {
  margin-top: 26px;
}

.admin_projects_table_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-top: 11px;
  padding-bottom: 12px;
  border: 1px solid #747474;
}

.admin_table_col {
  padding-top: 12px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
}

.admin_table_col.h1 {
  padding-top: 17px;
  background-image: url('../images/projectname_1.png');
  background-position: 50% 0px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h1.task {
  -webkit-flex-basis: 16.6%;
  -ms-flex-preferred-size: 16.6%;
  flex-basis: 16.6%;
}

.admin_table_col.h2 {
  padding-top: 17px;
  background-image: url('../images/location.png');
  background-position: 50% 0px;
  background-size: 15px;
  background-repeat: no-repeat;
}

.admin_table_col.h2.task {
  -webkit-flex-basis: 16.6%;
  -ms-flex-preferred-size: 16.6%;
  flex-basis: 16.6%;
  background-image: url('../images/type.png');
  background-position: 50% 0px;
  background-size: 20px;
}

.admin_table_col.h3 {
  padding-top: 17px;
  background-image: url('../images/startdate.png');
  background-position: 50% 0px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h3.task {
  -webkit-flex-basis: 16.6%;
  -ms-flex-preferred-size: 16.6%;
  flex-basis: 16.6%;
}

.admin_table_col.h4 {
  padding-top: 17px;
  background-image: url('../images/duedate.png');
  background-position: 50% -1px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h4.task {
  -webkit-flex-basis: 16.6%;
  -ms-flex-preferred-size: 16.6%;
  flex-basis: 16.6%;
}

.admin_table_col.h4.task.edit {
  background-image: url('../images/edit.png');
  background-size: 20px;
}

.admin_table_col.h4.task.comp {
  background-image: url('../images/task.png');
  background-size: 20px;
}

.admin_table_col.h5 {
  padding-top: 17px;
  background-image: url('../images/sector_1.png');
  background-position: 50% 0px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h6 {
  padding-top: 17px;
  background-image: url('../images/budget.png');
  background-position: 50% 0px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h7 {
  padding-top: 17px;
  background-image: url('../images/task.png');
  background-position: 50% 0px;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_table_col.h8 {
  padding-top: 17px;
  background-image: url('../images/projectdetails.png');
  background-position: 50% 0px;
  background-size: 19px;
  background-repeat: no-repeat;
}

.admin_table_col.td {
  padding-top: 17px;
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  padding-bottom:15px;
}

.admin_table_col.td.last {
  padding-top: 13px;
  background-image: url('../images/details.png');
  background-position: 77% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.admin_table_col.td.task {
  -webkit-flex-basis: 16.6%;
  -ms-flex-preferred-size: 16.6%;
  flex-basis: 16.6%;
}

.admin_table_col.td.task.edit {
  padding-top: 9px;
}

.admin_table_heading_text {
  margin-top: 7px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.admin_table_h_border {
  width: 5px;
  height: 25px;
  margin-top: -34px;
  float: right;
  border-right: 1px solid #a0a0a0;
}

.admin_table_h_border.orange {
  height: 40px;
  margin-top: -11px;
}

.admin_table_tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  border: 1px solid #bebebe;
}

.admin_table_td_text {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 16px;
  text-align: center;
  text-transform: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.admin_footer {
  height: 60px;
  background-color: #33383c;
}

.admin_footer_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  float: right;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.admin_footer_copyright_div {
  height: 60px;
  padding-top: 17px;
  float: left;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
}

.admin_footer_options_div {
  height: 60px;
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  background-color: #000;
}

.footer_copyright_text {
  color: #fff;
}

.admin_footer_nav_div {
  width: 100%;
  height: 60px;
  float: left;
}

.admin_footer_nav_link {
  width: 110px;
  height: 60px;
  background-image: url('../images/print.png');
  background-position: 8px 50%;
  background-size: 21px;
  background-repeat: no-repeat;
}

.admin_footer_nav_link.print {
  padding-top: 20px;
  padding-left: 50px;
  background-position: 23px 50%;
}

.admin_footer_nav_link.mail {
  width: 100px;
  padding-top: 20px;
  padding-left: 50px;
  background-image: url('../images/projects.png');
  background-position: 23px 50%;
  background-size: 21px;
}

.admin_footer_nav_text {
  float: left;
  border-bottom: 1px solid #ffa200;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}

.project_details_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.project_edit_div {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.project_tasks_main_div {
  padding-top: 32px;
  padding-left: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.admin_edit_form_wrapper {
  display: block;
  margin-top: 34px;
}

.admin_edit_form_col {
  padding-right: 10px;
  padding-left: 10px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.admin_edit_form_col.full {
  -webkit-flex-basis: 95%;
  -ms-flex-preferred-size: 95%;
  flex-basis: 95%;
}

.admin_edit_form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.admin_edit_form_label {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #a8a8a8;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.admin_edit_form_input {
  height: 55px;
  margin-top: 9px;
  margin-bottom: 26px;
  padding-left: 35px;
  background-image: url('../images/duedate_1.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
}

.admin_edit_form_input.pn {
  padding-left: 35px;
  background-image: url('../images/projectname.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.admin_edit_form_input.ps {
  padding-left: 35px;
  background-image: url('../images/sector.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.admin_edit_form_input.pl {
  padding-left: 30px;
  background-image: url('../images/location_1.png');
  background-position: 6px 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.admin_edit_form_input.pb {
  padding-left: 35px;
  background-image: url('../images/budget_1.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.admin_edit_form_input.psd {
  padding-left: 35px;
  background-image: url('../images/startdate_1.png');
  background-position: 6px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.admin_edit_form_input.pps {
  padding-left: 35px;
  background-image: url('../images/status.png');
  background-size: 18px;
}

.admin_edit_form_submit {
  min-width: 100px;
  margin-left: 9px;
  background-color: #ffa200;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #33383c;
  font-size: 16px;
  text-transform: uppercase;
}

.admin_edit_form_cancel_btn {
  min-width: 100px;
  margin-left: 18px;
  float: right;
  background-color: #33383c;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #ffa200;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.admin_edit_form_cancel_btn.orange {
  margin-left: 0px;
  float: right;
  background-color: #ffa200;
  color: #33383c;
}

.admin_p_tasks_tabs {
  margin-top: 25px;
}

.admin_p_task_tab_link {
  margin-left: 26px;
  padding-right: 0px;
  padding-left: 1px;
  float: right;
  background-color: transparent;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 16px;
  text-align: right;
}

.admin_p_task_tab_link.w--current {
  background-color: transparent;
  color: #ffa200;
}

.admin_tasks_div_heading {
  position: relative;
  z-index: 1100;
  margin-top: 35px;
  float: none;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #a8a8a8;
  font-size: 16px;
  text-transform: uppercase;
}

.admin_tasks_container {
  position: static;
  overflow: scroll;
  max-height: 400px;
  min-height: 400px;
  margin-top: 8px;
}

.admin_task_li_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
  border: 1px solid #575757;
}

.admin_task_li_col1 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.admin_task_li_col2 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
}

.admin_task_li_col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 74px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}

.hidden_form_label {
  display: none;
}

.admin_task_li_form_checkbox {
  margin-left: -20px;
}

.admin_task_remove_btn {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: transparent;
  background-image: url('../images/cancel.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
}

.admin_task_edit_btn {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url('../images/editproject.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.admin_task_li_heading {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
}

.admin_task_li_description {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 16px;
}

.admin_task_li_date_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 7px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.admin_task_li_date_s_div {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.admin_task_li_date_heading {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #a8a8a8;
  font-size: 16px;
  text-transform: uppercase;
}

.admin_task_li_date_text {
  margin-top: 6px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
}

.admin_task_add_task_btn {
  min-width: 100px;
  margin-top: 15px;
  float: right;
  background-color: #ffa200;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #33383c;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

.admin_page_heading_border {
  display: block;
  width: auto;
  height: 10px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid #999;
}

.admin_add_task_dates_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.admin_add_task_date_col {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.admin_table_details_view_text {
  margin-top: 5px;
  text-align: center;
  position: relative;
top: 50%;
transform: translateY(-50%);
}

.admin_p_details_div_horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.admin_p_details_div_full {
  padding-right: 10px;
  padding-left: 10px;
}

.admin_task_edit_link {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/edit.png');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  font-size: 16px;
  text-decoration: none;
}

.admin_task_edit_link_text {
  padding-top: 10px;
  font-family: 'PT Sans Narrow', sans-serif;
  color: #000;
  text-transform: uppercase;
}

.admin_task_complete_div {
  display: block;
  width: 35px;
  height: 35px;
  margin-right: auto;
  margin-left: auto;
  
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

html.w-mod-js *[data-ix="hide-menu-on-load"] {
  -webkit-transform: skewX(30deg) skewY(0deg) translate(-250%, 0px);
  -ms-transform: skewX(30deg) skewY(0deg) translate(-250%, 0px);
  transform: skewX(30deg) skewY(0deg) translate(-250%, 0px);
}

@media (max-width: 991px) {
  .header_time_div._3 {
    width: 184px;
  }
  .header_time_text {
    font-size: 21px;
  }
  .project_cost_unit_text.green {
    float: left;
  }
  .footer_div {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .admin_footer_nav_div {
    width: auto;
    float: left;
  }
  .admin_footer_nav_link.print {
    width: auto;
  }
  .admin_footer_nav_link.mail {
    width: auto;
  }
}

@font-face {
  font-family: 'Proximanova bold';
  src: url('../fonts/ProximaNova-Bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Proximanova regular';
  src: url('../fonts/ProximaNova-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}