.milestones__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0; }

.milestones__list-item {
  display: inline-block;
  width: 49%;
  border-top: none;
  border-radius: 4px;
  vertical-align: top; }
  .milestones__list-item:nth-child(odd) {
    margin-right: 2%; }

.milestones__header {
  padding: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.milestones__header-text {
  font-size: 16px;
  font-weight: bold; }

.milestones__content {
  width: 100%;
  font-size: 0;
  padding: 15px;
  height: 215px;
  border: 2px solid #D2D6DE;
  border-top: none; }
  .milestones__content--monthly-summary {
    height: 190px; }

.milestones__content-list {
  margin: 0;
  width: 100%;
  padding: 0;
  font-size: 0;
  list-style: none;
  border: 1px solid #D2D6DE;
  max-height: 155px;
  overflow: auto; }
  .milestones__content-list--with-checkbox .milestones__checkbox.milestones__checkbox--hidden {
    display: inline-block;
    vertical-align: middle; }
  .milestones__content-list--with-checkbox .milestones__content-name {
    width: 52%;
    vertical-align: middle; }

.milestones__content-header {
  display: inline-block;
  margin-bottom: 3px;
  width: 60%;
  font-size: 16px;
  font-weight: bold; }

.milestones__content-item {
  border-bottom: 1px solid #D2D6DE; }
  .milestones__content-item:last-child {
    border-bottom: none; }

.milestones__content-name {
  display: inline-block;
  margin: 0;
  width: 60%;
  font-size: 14px;
  padding: 5px 10px;
  color: #686868;
  border-right: 1px solid #D2D6DE; }

.milestones__pie-wrapper {
  margin-top: 20px;
  text-align: center; }

.milestones__pie {
  margin: 0 auto;
  width: 400px;
  height: auto; }

.milestones__summary {
  display: inline-block;
  width: 50%;
  padding: 20px 0;
  vertical-align: top; }

.milestones__content-footer {
  margin-top: 3px;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: right; }

.milestones__user-pie {
  width: auto;
  height: auto;
  padding: 45px 2px 0; }

.milestones__card-container {
  padding: 5px; }

.milestones__card-header {
  color: white;
  padding: 5px;
  border-radius: 2px 2px 0px 0px;
  background-color: #3c8dbc; }

.milestones__card-body {
  color: black;
  height: 140px;
  padding: 5px;
  border: 1px solid #3c8dbc; }

.milestones__card-text {
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.milestones__edit-header {
  border: 2px solid #d2d6de;
  border-top: none;
  padding: 10px 15px;
  display: flex;
  justify-content: flex-end; }
  .milestones__edit-header--initial {
    justify-content: initial;
    align-items: center; }

.milestones__button-wrapper {
  width: 25%; }
  .milestones__button-wrapper--cancel {
    width: 20%; }

.milestones__action-container {
  text-align: right;
  display: flex;
  align-items: center;
  width: 100%; }

.milestones__action-wrapper {
  display: inline-block;
  margin-right: 5px; }
  .milestones__action-wrapper:last-child {
    margin-right: 0; }

.milestones__edit-select {
  width: 45%; }

.milestones__checkbox {
  width: 20px;
  -webkit-appearance: none;
  border: 1px solid #d2d6de;
  height: 20px;
  background: #fff;
  position: relative;
  overflow: hidden; }
  .milestones__checkbox:checked::before {
    position: absolute;
    font-size: 16px;
    left: 5px;
    color: #686868;
    top: -3px;
    content: '\02143';
    transform: rotate(40deg); }
  .milestones__checkbox--hidden {
    display: none; }
  .milestones__checkbox--modal {
    vertical-align: text-top; }

.milestones__content-checkbox {
  display: inline-block;
  margin: 0;
  width: 10%;
  border-right: 1px solid #D2D6DE; }

.milestones__label-wrapper {
  margin-right: 10px;
  display: inline-block; }

.milestones__label {
  font-size: 16px;
  font-weight: normal;
  margin: 0 3px 0 0; }

.milestones__text {
  font-size: 16px;
  font-weight: bold; }
  .milestones__text--large {
    font-size: 20px; }

.milestones__edit-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.milestones__number-textbox {
  width: 35%; }
  .milestones__number-textbox::-webkit-inner-spin-button, .milestones__number-textbox::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.milestones__switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 24px;
  margin: 0 5px; }

.milestones__switch-check {
  opacity: 0;
  width: 0;
  height: 0; }
  .milestones__switch-check:checked + .milestones__switch-slider {
    background-color: #2196f3; }
    .milestones__switch-check:checked + .milestones__switch-slider:before {
      left: initial;
      right: 4px; }

.milestones__switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50px; }
  .milestones__switch-slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    right: initial;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: all .4s linear;
    border-radius: 50%; }

.milestones__switch-text {
  font-size: 10px;
  color: #686868;
  user-select: none; }

.milestones__edit-icon {
  line-height: 1.42857143;
  cursor: pointer; }

.milestones__ajax {
  font-size: 0; }
  .milestones__ajax .milestones__list {
    display: inline-block;
    width: 48%; }
    .milestones__ajax .milestones__list:nth-child(even) {
      margin-right: 2%; }
  .milestones__ajax .milestones__list-item {
    width: 100%;
    margin-right: 0; }

.milestones__content-header.milestones__content-header--employee {
  width: 58%; }

.milestones__content-header.milestones__content-header--hours {
  width: 42%;
  text-align: center; }

.milestones__content-name.milestones__content-name--hours {
  width: 40%;
  text-align: center;
  border-right: none; }

.milestones__content.milestones__content--projects {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden; }

.milestones__content.milestones__content--user {
  margin-bottom: 50px;
  height: auto; }

.milestones__content-header.milestones__content-header--user {
  color: #757575; }

.milestones__content.milestones__content--no-records {
  height: 130px; }

.milestones__content-header.milestones__content-header--summary {
  width: 40%;
  text-align: center; }

.task {
  width: 100%;
  padding-bottom: 30px; }
  .task__wrapper {
    padding: 0; }
  .task__name {
    font-size: 18px;
    font-weight: 600;
    color: #686868;
    border-bottom: 2px solid #D2D6DE; }
  .task__total-hours {
    font-size: 16px; }
  .task__button-search {
    margin-bottom: 15px !important;
    width: 25%; }

.summary__title-wrapper {
  width: 100%;
  padding-bottom: 3px;
  border-bottom: 2px solid #D2D6DE; }

.summary__title {
  font-size: 18px;
  font-weight: 600;
  color: #686868; }

.summary__list {
  display: inline-block;
  margin: 20px 0;
  width: 30%;
  padding: 0;
  font-size: 0;
  border: 1px solid #D2D6DE;
  border-bottom: none;
  border-radius: 4px; }

.summary__list-item {
  border-bottom: 1px solid #D2D6DE; }

.summary__list-text {
  display: inline-block;
  margin: 0;
  width: 50%;
  font-size: 14px;
  padding: 5px 10px;
  color: #686868;
  border-right: 1px solid #D2D6DE; }
  .summary__list-text .no-border {
    border-right: none; }

.summary__pie-wrapper {
  display: inline-block;
  margin: 20px auto 0;
  width: 460px;
  height: auto;
  vertical-align: top; }

.summary__list-item.summary__list-item--header {
  background-color: #EAEAEA; }
  .summary__list-item.summary__list-item--header .summary__list-text {
    font-weight: bold;
    font-size: 14px; }

.summary__pie-wrapper.summary__pie-wrapper--big {
  width: 600px;
  height: auto; }

.project {
  width: 97%; }
  .project__title {
    margin: 20px 0;
    font-size: 36px;
    font-weight: bold;
    text-align: center; }
  .project__header-wrapper {
    width: 100%;
    font-size: 0; }
  .project__header-item {
    display: inline-block;
    margin: 20px 0;
    width: 50%;
    font-size: 14px;
    vertical-align: top; }
  .project__label {
    font-size: 18px;
    font-weight: bold;
    text-align: left; }
  .project__select {
    display: inline-block;
    margin-left: 5px;
    width: 30%; }
  .project__sub-label {
    margin: 0;
    padding-bottom: 2px;
    font-size: 14px;
    color: #686868;
    text-align: left; }
  .project__item-wrapper {
    width: 55%; }
  .project__no-records {
    display: block;
    padding: 10px 0 15px;
    font-size: 16px;
    font-weight: 900; }
  .project__label-wrapper {
    display: inline-block;
    width: 18%; }
  .project__select-wrapper {
    margin-bottom: 10px; }
  .project__name {
    font-size: 18px;
    font-weight: bold; }

.project__label.project__label--with-border {
  border-top: 1px solid #D2D6DE; }

.project__item-wrapper.project__item-wrapper--summary {
  margin: 40px 0;
  width: 65%; }

.header-text {
  padding: 25px;
  color: white; }

.header-addPadding {
  padding: 10%; }
  @media screen and (max-width: 767px) {
    .header-addPadding {
      padding: 25%; } }

.productivity__title {
  color: #3c8dbc;
  display: block;
  width: calc(100% - 60px); }
  .productivity__title--bold {
    font-weight: 900; }

.productivity__label {
  font-weight: 700;
  display: inline;
  font-size: 13px; }

.productivity__item {
  position: relative; }

.productivity__action-wrapper {
  position: absolute;
  top: 12px;
  right: 0;
  display: flex; }

.productivity__icon {
  display: flex;
  border-radius: 4px;
  align-items: center;
  width: 25px;
  height: 20px;
  justify-content: center;
  margin-right: 3px;
  cursor: pointer; }

.productivity__footer {
  display: flex;
  align-items: center; }

.productivity__total-wrapper {
  margin: 0;
  width: 90%; }

.productivity__hours-label {
  vertical-align: middle;
  margin: 0; }

.productivity__hours-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px; }

.productivity__error {
  display: block; }

.productivity__text {
  font-size: 13px; }

.daily_report__card-container {
  padding: 5px; }

.daily_report__card-header {
  color: white;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
  background-color: #d73925; }

.daily_report__card-body {
  color: black;
  padding: 5px;
  border: 1px solid #dd4b39;
  border-radius: 0px 0px 5px 5px;
  height: 150px;
  overflow-y: auto; }

.daily_report__card-text {
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.table {
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
  font-size: 14px; }
  .table__header {
    text-align: center;
    vertical-align: middle; }
  .table__data {
    text-align: center; }
    .table__data:first-child {
      text-align: left; }
  .table__row {
    color: #333;
    font-weight: bold; }
    .table__row--child-task {
      font-weight: normal;
      color: #666; }
      .table__row--child-task .table__data:first-child {
        text-indent: 20px; }
        .table__row--child-task .table__data:first-child::before {
          content: "\203a";
          font-size: 20px;
          line-height: 18px;
          margin-right: 8px; }
  .table--fixed {
    table-layout: fixed; }
  .table__row {
    border-bottom: 1px solid #f4f4f4; }
  .table__detail-label, .table__detail {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 14px; }
  .table__details-wrapper {
    font-size: 0; }
  .table__detail {
    width: calc(100% - 47px); }
  .table__detail-label {
    width: 47px; }
  .table__header {
    background-color: #f9f9f9; }
  .table__button-wrapper .btn {
    width: 40px;
    height: 35px;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    line-height: 18px; }

.milestones__list-item {
  width: 49% !important;
  border-top: none !important;
  border-radius: 4px !important; }

.milestones__header {
  padding: 15px !important; }

.milestones__header-text {
  font-size: 16px !important; }

.milestones__content {
  padding: 15px !important; }

.task__wrapper {
  padding: 0 !important; }

.task__name {
  font-size: 18px !important;
  border-bottom: 2px solid #D2D6DE !important; }

.project__select {
  display: inline-block !important;
  width: 50% !important; }

.productivity__wrapper {
  margin-left: 0 !important; }

.productivity__title.productivity__title--bold {
  font-weight: 900 !important; }

.productivity__total-wrapper {
  margin: 0 !important; }

.productivity__icon {
  display: flex !important; }

.yns_logo {
  width: 60%; }
  @media screen and (max-width: 767px) {
    .yns_logo {
      width: 25%; } }

.red_background {
  background-color: #d73925 !important; }

.milestones__edit-select {
  width: 45% !important; }

.milestones__action-wrapper {
  display: inline-block !important; }

.milestones__checkbox {
  margin: 0 7.5px 0 7.5px !important; }

.milestones__number-textbox {
  width: 35% !important;
  margin: 0 5px; }

.milestones__edit-icon {
  line-height: 1.42857143 !important; }

.milestones__edit-header--modal {
  border: none;
  border-bottom: 1px solid #d2d6de;
  flex-direction: column; }
  .milestones__edit-header--modal .milestones__edit-select {
    width: 60% !important; }
  .milestones__edit-header--modal .milestones__button-wrapper {
    width: 30%; }

.modal-tasks {
  white-space: nowrap;
  font-weight: normal;
  margin: 0 0 5px;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis; }

@media screen and (max-width: 767px) {
  .login__button {
    width: 100%; } }

.login__forgot-password {
  text-align: right; }
  @media screen and (max-width: 767px) {
    .login__forgot-password {
      text-align: left; } }

@media screen and (max-width: 767px) {
  .login__text {
    font-size: 16px;
    padding: 5px; } }

.tasks__table > tbody > tr > td {
  vertical-align: middle !important; }

.users__button-search {
  width: 100%;
  margin-top: 25px; }

.users__table > tbody > tr > th, .users__table > tbody > tr > td {
  vertical-align: middle !important;
  text-align: center !important; }

.align-middle {
  vertical-align: middle !important; }

.table__data {
  vertical-align: middle !important;
  border: none !important; }

.milestones__ajax .milestones__list-item {
  width: 100% !important; }

.display-edit-img {
  margin: 0 auto;
  width: 235px;
  padding: -11px;
  border: 3px solid #d2d6de;
}

.dropdown_action {
  min-width:135px !important;
  padding: 1px 0 !important;
}