.initiateDeal.modal .deal_heading {
  margin-top: 20px;
}

.initiateDeal.modal .deal_heading .username {
  font-size: 24px !important;
  margin-top: 10px;
}

.initiateDeal.modal .deal_heading .team_title {
  font-size: 22px !important;
  margin-top: 10px;
}

.initiateDeal.modal .deal_heading .pre_title {
  font-size: 14px !important;
}
.initiateDeal.modal .deal_heading .after_title {
  font-size: 12px !important;
  margin-top: 10px;
}

/* /////////////////////////////////////////////// */
/* //////////////////// Edit Deal ///////////// */
/* /////////////////////////////////////////////// */

#editDeal .tile {
  padding: 20px 15px 30px 15px;
}

#editDeal .tile h2.tile_title {
  font-size: 22px;
  padding: 15px 5px 15px 5px;
  margin: 0px;
}

#viewDealInfo .tag {
  display: inline-block;
  background-color: #fff;
  padding: 3px 6px;
  border-radius: 6px;
  margin: 5px 0 0 6px;
  font-size: 13px;
  line-height: 19px;
}

#acceptDeal .input-group > .input-group-btn > .btn {
  border-color: #ccc !important;
}

#acceptDealConfirm ul.instructions {
  list-style: none;
  padding: 0px;
}
#acceptDealConfirm ul.instructions li {
  padding: 5px 10px;
  line-height: 28px;
  font-size: 14px;
  background: #fbfbfb;
  margin: 5px auto;
  border-radius: 10px;
}

/* /////////////////////////////////////////////// */
/* //////////////// Deal Page /////////////// */
/* /////////////////////////////////////////////// */

#deal_page .tile {
  padding: 20px 15px 30px 15px;
}

#deal_page .tile h2.tile_title {
  font-size: 22px;
  padding: 15px 5px 15px 5px;
  margin: 0px;
}

#deal_page #deal_user {
  text-align: center;
  padding: 35px 15px 25px 15px;
}

#deal_page #deal_user .user_photo {
  width: 96px;
  height: 96px;
}

#deal_page #deal_user .user_name {
  line-height: 30px;
  font-size: 18px;
  font-family: var(--nice_font_2);
  font-weight: bold;
  margin-top: 10px;
}

#deal_page #deal_user .user_desc {
  line-height: 30px;
  font-size: 14px;
  font-family: var(--nice_font_2);
}

#deal_page #deal_options .status_desc {
  margin-top: 15px;
  padding: 10px 15px;
  background-color: #fbfbfb;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

#deal_page #deal_options .cancel_reason {
  text-align: center;
  font-weight: bold;
  color: #db2b44;
  background: #fff8f8;
  margin-top: 20px;
  padding: 10px 15px;
  border-radius: 8px;
}

#deal_page #deal_options .action_btns {
  margin-top: 15px;
}

#deal_page #deal_options .action_btns .btn {
  height: 40px;
  line-height: 40px;
  padding: 0px 15px;
  background-color: #fff !important;
  border: 1px solid #eee !important;
  color: #333 !important;
  border-radius: 20px;
  display: block !important;
  width: 100%;
  margin-top: 10px;
  transition: all 0.5s ease 0s;
}

#deal_page #deal_options .action_btns .btn:hover {
  transition: all 0.5s ease 0s;
}

#deal_page #deal_options .action_btns .btn-chat {
  background-color: #7fcfff !important;
  color: #fff !important;
  border: none !important;
}

#deal_page #deal_options .action_btns .btn-chat:hover {
  background-color: #6db7e3 !important;
}

#deal_page #deal_options .action_btns .btn-project,
#deal_page #deal_options .action_btns .btn-accept,
#deal_page #deal_options .action_btns .btn-confirm,
#deal_page #deal_options .action_btns .btn-chechout {
  background-color: #64ca8c !important;
  color: #fff !important;
  border: none !important;
}

#deal_page #deal_options .action_btns .btn-project:hover,
#deal_page #deal_options .action_btns .btn-confirm:hover,
#deal_page #deal_options .action_btns .btn-accept:hover,
#deal_page #deal_options .action_btns .btn-chechout:hover {
  background-color: #2da85d !important;
}

#deal_page #deal_options .action_btns .btn-reject,
#deal_page #deal_options .action_btns .btn-cancel {
  background-color: #e6e6e6 !important;
  color: #626060 !important;
  border: none !important;
}

#deal_page #deal_options .action_btns .btn-reject:hover,
#deal_page #deal_options .action_btns .btn-cancel:hover {
  background-color: #ff7676 !important;
  color: #fff !important;
}

#deal_page .btn-edit {
  background-color: #ff869d !important;
  color: #fff;
  border-radius: 20px;
  border: none !important;
}

/* /// Order stages widget /////// */

#deal_page #deal_stages {
  padding-bottom: 20px;
}

#deal_page #deal_stages .stage .content {
  padding: 10px 15px;
  background-color: #fbfbfb;
  border-radius: 8px;
}

#deal_page #deal_stages .stage.success .content {
  background-color: #effbe7;
  color: #286a39;
}

#deal_page #deal_stages .stage.active .content {
  background-color: #fbf1e7;
  color: #6a3e28;
}

#deal_page #deal_stages .stage .content .time {
  float: left;
  margin-top: 4px;
}

#deal_page #deal_stages .stage .content .number {
  background: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

#deal_page #deal_stages .stage .content .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}

#deal_page #deal_stages .stage .connector {
  height: 20px;
  margin-right: 26px;
  border-right-width: 3px;
  border-right-color: #eee;
  border-right-style: dotted;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

#deal_page #deal_stages .stage.success .connector {
  border-right-style: solid;
  border-right-color: #effbe7;
}

#deal_page #dealDetails {
}

#deal_page #dealDetails .single_item {
  margin-top: 15px;
}

#deal_page #dealDetails .single_item .item_title {
  line-height: 24px;
  font-family: var(--nice_font_2);
  font-weight: bold;
}

#deal_page #dealDetails .single_item .tag {
  display: inline-block;
  background-color: #fff;
  padding: 3px 6px;
  border-radius: 6px;
  margin: 0px 5px 0 0px;
  font-size: 13px;
  line-height: 24px;
}
#deal_page #dealDetails .single_item .details {
  border-top: 2px dashed #eee;
  line-height: 30px;
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
  font-family: var(--nice_font_2);
}
