From 5fd826683b58ca69d4fccb74501c04eafa006591 Mon Sep 17 00:00:00 2001
From: Harry Bomrah <harry@rulingcom.com>
Date: Thu, 16 Mar 2017 15:13:53 +0800
Subject: [PATCH] fix for submit a site and also history stuff added.

---
 .../stylesheets/client_management/default.css | 713 +++++++++++++-----
 .../stylesheets/client_management/rwd.css     | 111 ++-
 .../client_managements_controller.rb          |  13 +-
 .../_add_site_spec.html.erb                   |  37 +
 .../client_managements/_site_spec.html.erb    |  73 ++
 .../client_managements/addnewsite.html.erb    |   1 +
 app/views/client_managements/addsite.html.erb |   1 +
 app/views/client_managements/history.html.erb |  53 ++
 app/views/client_managements/index.html.erb   |   1 +
 .../client_managements/myprofile.html.erb     |   5 +-
 .../myprofilepassword.html.erb                |   5 +-
 .../client_managements/see_request.html.erb   |  26 +
 config/routes.rb                              |   4 +
 13 files changed, 827 insertions(+), 216 deletions(-)
 create mode 100644 app/views/client_managements/_add_site_spec.html.erb
 create mode 100644 app/views/client_managements/_site_spec.html.erb
 create mode 100644 app/views/client_managements/history.html.erb
 create mode 100644 app/views/client_managements/see_request.html.erb

diff --git a/app/assets/stylesheets/client_management/default.css b/app/assets/stylesheets/client_management/default.css
index 979352e..96d52e7 100644
--- a/app/assets/stylesheets/client_management/default.css
+++ b/app/assets/stylesheets/client_management/default.css
@@ -373,6 +373,343 @@ select.form-control {
   color: #888;
 }
 /* line 332, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box {
+  margin: 0 0 10px;
+}
+/* line 334, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box:after {
+  content: ".";
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+/* line 341, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .submenu-item {
+  background: #fafafa;
+  color: #666;
+  float: left;
+  border-radius: 4px;
+  padding: 7px 10px;
+  margin: 0 15px 10px 0;
+  text-decoration: none;
+  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
+  font-size: 15px;
+  font-weight: 400;
+  letter-spacing: 0.05em;
+  border: 1px solid #ddd;
+}
+/* line 354, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .submenu-item:hover {
+  background: #2196f3;
+  color: #fff;
+  border: 1px solid #0d8aee;
+}
+/* line 360, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .submenu-item:active {
+  box-shadow: none;
+}
+/* line 365, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail {
+  margin: 40px;
+  border: 1px solid #ddd;
+  padding: 40px;
+}
+/* line 369, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .sub-title {
+  color: #337ab7;
+  font-size: 20px;
+  font-weight: 400;
+  width: 90%;
+  margin: 60px 0 10px;
+}
+/* line 375, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .sub-title.ft {
+  margin: 0 0 10px;
+}
+/* line 378, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .sub-title + .line-detail {
+  border-top: 0px;
+}
+/* line 382, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract {
+  width: 100%;
+  margin: 0 auto 15px;
+  font-size: 15px;
+  line-height: 2;
+  font-weight: 400;
+  border-top: 1px dashed #dadada;
+  padding: 15px 10px 0;
+}
+/* line 391, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
+  width: calc(100% - 110px);
+}
+/* line 394, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
+  width: 100px;
+  text-align: right;
+}
+/* line 399, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.hr {
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  padding: 15px 10px;
+}
+/* line 403, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.hr .header-detail {
+  font-size: 18px;
+}
+/* line 406, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.hr .content-detail {
+  color: #333;
+  font-size: 18px;
+}
+/* line 410, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.hr + div {
+  border: none;
+}
+/* line 414, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.file {
+  padding: 15px 0 0;
+}
+/* line 416, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.file .file-box {
+  height: 30px;
+  line-height: 8px;
+  float: left;
+  font-size: 13px;
+  margin: 6px 0 0;
+}
+/* line 423, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.file .btn {
+  float: right;
+  margin: 0;
+}
+/* line 428, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.buttons {
+  padding: 15px 0 0;
+}
+/* line 431, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract:after {
+  content: ".";
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+/* line 438, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract:first-child, .cp-main .cp-content .cp-contract-detail .line-contract:last-child {
+  border-top: 0px dashed #dadada;
+}
+/* line 441, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract.middle {
+  text-align: center;
+}
+/* line 444, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract .header-detail {
+  color: #000;
+  font-weight: 500;
+  float: left;
+  width: 160px;
+}
+/* line 450, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract ol.custom-module {
+  background: rgba(0, 0, 0, 0.04);
+  padding: 10px 10px 10px 30px;
+  margin: 10px 0;
+  border-radius: 4px;
+}
+/* line 456, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract .content-detail {
+  color: #888;
+  float: right;
+  width: calc(100% - 170px);
+}
+/* line 461, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract .btn {
+  width: auto;
+  margin: 20px 0;
+}
+/* line 465, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract .btn-gray {
+  color: #333;
+  background: #eee;
+  border-color: #ccc;
+}
+/* line 469, ../sass/default.scss */
+.cp-main .cp-content .cp-contract-detail .line-contract .btn-gray:hover {
+  background: #ddd;
+}
+/* line 475, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail {
+  padding: 40px 0;
+}
+/* line 477, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail {
+  width: 80%;
+  margin: 0 auto 15px;
+  font-size: 15px;
+  line-height: 2;
+  font-weight: 400;
+  border-top: 1px dashed #dadada;
+  padding: 15px 0 0;
+}
+/* line 485, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail:after {
+  content: ".";
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+/* line 492, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail:first-child, .cp-main .cp-content .cp-requested-detail .line-detail:last-child {
+  border-top: 0px dashed #dadada;
+}
+/* line 495, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail.middle {
+  text-align: center;
+}
+/* line 498, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail .header-detail {
+  color: #000;
+  font-weight: 500;
+  float: left;
+  width: 150px;
+}
+/* line 504, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
+  color: #888;
+  float: right;
+  width: calc(100% - 160px);
+}
+/* line 509, ../sass/default.scss */
+.cp-main .cp-content .cp-requested-detail .line-detail .btn {
+  width: 150px;
+  margin: 20px 0;
+}
+/* line 516, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .box-request-history {
+  margin: 0 0 30px;
+}
+/* line 519, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .sub-title {
+  color: #888;
+  font-size: 20px;
+  font-weight: 400;
+  margin: 0 0 20px;
+}
+/* line 525, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history {
+  border: 1px solid #ddd;
+  padding: 10px 0 0;
+  margin: 0 0 20px;
+  position: relative;
+  border-radius: 4px;
+  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
+}
+/* line 532, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history:after {
+  content: ".";
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+/* line 539, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history:last-child {
+  margin: 0;
+}
+/* line 544, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .fa {
+  margin: 0 10px 0 0;
+}
+/* line 547, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .site-title-history {
+  display: block;
+  border-bottom: 1px solid #ddd;
+  padding: 0 100px 10px 10px;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+  font-size: 18px;
+}
+/* line 555, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .info-site {
+  margin: 0 0 10px;
+}
+/* line 557, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .info-site:after {
+  content: ".";
+  display: block;
+  height: 0px;
+  clear: both;
+  visibility: hidden;
+}
+/* line 564, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .info-site .url-site {
+  float: left;
+  padding: 0 10px;
+  color: #888;
+  font-size: 13px;
+  line-height: 34px;
+}
+/* line 571, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .info-site .time-site {
+  float: left;
+  padding: 0 10px;
+  color: #888;
+  font-size: 13px;
+  line-height: 34px;
+}
+/* line 580, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .status-site {
+  position: absolute;
+  right: -1px;
+  top: -1px;
+  background: #ddd;
+  color: #fff;
+  padding: 5px 20px;
+  font-size: 12px;
+  border-radius: 0 4px 0 4px;
+  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
+}
+/* line 590, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-open {
+  background: #5cb85c;
+}
+/* line 593, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-close {
+  background: #888888;
+}
+/* line 596, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-processing {
+  background: #9f57b9;
+}
+/* line 600, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .action-site {
+  background: rgba(0, 0, 0, 0.02);
+  padding: 10px;
+  border-top: 1px solid #ddd;
+  width: 100%;
+  display: block;
+  text-align: right;
+}
+/* line 607, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .action-site a {
+  margin: 0 0 0 6px;
+}
+/* line 610, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .action-site .btn-gray {
+  color: #333;
+  background: #eee;
+  border-color: #ccc;
+}
+/* line 614, ../sass/default.scss */
+.cp-main .cp-content .cp-addsite-history .item-history .action-site .btn-gray:hover {
+  background: #ddd;
+}
+/* line 621, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 {
   border: 1px solid #ddd;
   text-align: center;
@@ -381,7 +718,7 @@ select.form-control {
   width: 80%;
   margin: 80px auto 0;
 }
-/* line 339, ../sass/default.scss */
+/* line 628, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-new {
   display: inline-block;
   font-size: 24px;
@@ -392,11 +729,11 @@ select.form-control {
   color: #333;
   transition: 0.3s;
 }
-/* line 350, ../sass/default.scss */
+/* line 639, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-new:hover {
   background: rgba(0, 0, 0, 0.05);
 }
-/* line 354, ../sass/default.scss */
+/* line 643, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .sp-text {
   display: block;
   font-style: italic;
@@ -404,7 +741,7 @@ select.form-control {
   position: relative;
   width: 150px;
 }
-/* line 360, ../sass/default.scss */
+/* line 649, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .sp-text span {
   background: #fff;
   padding: 0 15px 0 10px;
@@ -412,7 +749,7 @@ select.form-control {
   z-index: 2;
   color: #888;
 }
-/* line 368, ../sass/default.scss */
+/* line 657, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-yours {
   display: inline-block;
   font-size: 24px;
@@ -423,11 +760,11 @@ select.form-control {
   color: #333;
   transition: 0.3s;
 }
-/* line 379, ../sass/default.scss */
+/* line 668, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-yours:hover {
   background: rgba(0, 0, 0, 0.05);
 }
-/* line 383, ../sass/default.scss */
+/* line 672, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours {
   display: none;
   margin: 0 30px 30px;
@@ -438,7 +775,7 @@ select.form-control {
   text-align: left;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.04) inset;
 }
-/* line 392, ../sass/default.scss */
+/* line 681, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours:before {
   content: "";
   width: 0;
@@ -451,19 +788,19 @@ select.form-control {
   top: -10px;
   margin: 0 0 0 -5px;
 }
-/* line 404, ../sass/default.scss */
+/* line 693, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours label {
   display: block;
   font-size: 18px;
   font-weight: 400;
   margin: 0 0 10px;
 }
-/* line 410, ../sass/default.scss */
+/* line 699, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .text-add-info {
   resize: none;
   margin: 0 0 20px;
 }
-/* line 415, ../sass/default.scss */
+/* line 704, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .line-add:after {
   content: ".";
   display: block;
@@ -471,7 +808,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 422, ../sass/default.scss */
+/* line 711, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .line-add .notice-text {
   float: right;
   width: calc(100% - 80px);
@@ -481,14 +818,14 @@ select.form-control {
   color: #888;
   letter-spacing: 0.02em;
 }
-/* line 434, ../sass/default.scss */
+/* line 723, ../sass/default.scss */
 .cp-main .cp-content .cp-progress {
   position: relative;
   height: 60px;
   margin: 50px auto;
   width: 60%;
 }
-/* line 439, ../sass/default.scss */
+/* line 728, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step {
   display: block;
   position: relative;
@@ -498,7 +835,7 @@ select.form-control {
   font-size: 12px;
   border-radius: 4px;
 }
-/* line 447, ../sass/default.scss */
+/* line 736, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step:before {
   content: "";
   width: 0;
@@ -511,12 +848,12 @@ select.form-control {
   top: -6px;
   margin: 0 0 0 -6px;
 }
-/* line 459, ../sass/default.scss */
+/* line 748, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step.active {
   background: #337ab7;
   color: #fff;
 }
-/* line 462, ../sass/default.scss */
+/* line 751, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step.active:before {
   content: "";
   width: 0;
@@ -529,30 +866,30 @@ select.form-control {
   top: -6px;
   margin: 0 0 0 -6px;
 }
-/* line 476, ../sass/default.scss */
+/* line 765, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step1 {
   position: absolute;
   left: -10px;
 }
-/* line 480, ../sass/default.scss */
+/* line 769, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step2 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
-/* line 485, ../sass/default.scss */
+/* line 774, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step3 {
   position: absolute;
   right: -10px;
 }
-/* line 490, ../sass/default.scss */
+/* line 779, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 {
   width: 80%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
 }
-/* line 496, ../sass/default.scss */
+/* line 785, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form {
   border-radius: 4px;
   border: 1px solid #ddd;
@@ -560,15 +897,15 @@ select.form-control {
   position: relative;
   padding: 0 0 64px;
 }
-/* line 503, ../sass/default.scss */
+/* line 792, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form.form2 {
   display: none;
 }
-/* line 506, ../sass/default.scss */
+/* line 795, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form.form3 {
   display: none;
 }
-/* line 509, ../sass/default.scss */
+/* line 798, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title {
   border-bottom: 1px solid #ddd;
   margin: 0 20px 30px;
@@ -577,7 +914,7 @@ select.form-control {
   color: #666;
   padding: 20px 0;
 }
-/* line 517, ../sass/default.scss */
+/* line 806, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-sub-title {
   font-size: 18px;
   color: #888;
@@ -585,7 +922,7 @@ select.form-control {
   margin: 0;
   position: relative;
 }
-/* line 523, ../sass/default.scss */
+/* line 812, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-sub-title:before {
   content: "";
   height: 100%;
@@ -597,13 +934,13 @@ select.form-control {
   display: block;
   border-radius: 4px;
 }
-/* line 535, ../sass/default.scss */
+/* line 824, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list {
   margin: 0;
   list-style: none;
   padding: 0;
 }
-/* line 539, ../sass/default.scss */
+/* line 828, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod {
   border: 1px solid #ddd;
   border-radius: 4px;
@@ -615,7 +952,7 @@ select.form-control {
   vertical-align: top;
   overflow: hidden;
 }
-/* line 549, ../sass/default.scss */
+/* line 838, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod:before {
   width: 20px;
   height: 20px;
@@ -626,25 +963,25 @@ select.form-control {
   top: -10px;
   transform: rotate(-45deg);
 }
-/* line 559, ../sass/default.scss */
+/* line 848, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod:nth-child(3), .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod:nth-child(6) {
   margin: 0 0 10px;
 }
-/* line 562, ../sass/default.scss */
+/* line 851, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod .mod-name {
   font-size: 18px;
   display: block;
 }
-/* line 567, ../sass/default.scss */
+/* line 856, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod .mod-info {
   font-size: 13px;
   color: #aaa;
 }
-/* line 573, ../sass/default.scss */
+/* line 862, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
   display: flex;
 }
-/* line 575, ../sass/default.scss */
+/* line 864, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list {
   flex: 1;
   width: 50%;
@@ -656,11 +993,11 @@ select.form-control {
   position: relative;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
 }
-/* line 585, ../sass/default.scss */
+/* line 874, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list .item-mod {
   margin: 0 0 15px;
 }
-/* line 587, ../sass/default.scss */
+/* line 876, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list .item-mod span {
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(0, 0, 0, 0.1);
@@ -672,7 +1009,7 @@ select.form-control {
   position: relative;
   cursor: pointer;
 }
-/* line 597, ../sass/default.scss */
+/* line 886, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list .item-mod span:before {
   content: "";
   height: calc(100% - 10px);
@@ -683,7 +1020,7 @@ select.form-control {
   background: #337ab7;
   display: block;
 }
-/* line 611, ../sass/default.scss */
+/* line 900, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list {
   flex: 1;
   width: 50%;
@@ -695,7 +1032,7 @@ select.form-control {
   position: relative;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
 }
-/* line 621, ../sass/default.scss */
+/* line 910, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list:empty:before {
   content: "Drop item here to select";
   position: absolute;
@@ -707,11 +1044,11 @@ select.form-control {
   width: 100%;
   text-align: center;
 }
-/* line 632, ../sass/default.scss */
+/* line 921, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list .item-mod {
   margin: 0 0 15px;
 }
-/* line 634, ../sass/default.scss */
+/* line 923, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list .item-mod span {
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(0, 0, 0, 0.1);
@@ -723,7 +1060,7 @@ select.form-control {
   position: relative;
   cursor: pointer;
 }
-/* line 644, ../sass/default.scss */
+/* line 933, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list .item-mod span:before {
   content: "";
   height: calc(100% - 10px);
@@ -734,11 +1071,11 @@ select.form-control {
   background: #337ab7;
   display: block;
 }
-/* line 659, ../sass/default.scss */
+/* line 948, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add {
   margin: 0 20px 20px;
 }
-/* line 661, ../sass/default.scss */
+/* line 950, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add:after {
   content: ".";
   display: block;
@@ -746,7 +1083,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 668, ../sass/default.scss */
+/* line 957, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label {
   float: left;
   width: 25%;
@@ -756,12 +1093,12 @@ select.form-control {
   padding: 8px 0;
   text-align: left;
 }
-/* line 677, ../sass/default.scss */
+/* line 966, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
   float: right;
   width: 75%;
 }
-/* line 681, ../sass/default.scss */
+/* line 970, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons {
   position: absolute;
   left: 0;
@@ -770,14 +1107,14 @@ select.form-control {
   text-align: center;
   margin: 0;
 }
-/* line 688, ../sass/default.scss */
+/* line 977, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
   width: 140px;
   display: inline-block;
   margin: 0 50px;
   float: none;
 }
-/* line 698, ../sass/default.scss */
+/* line 987, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-custom-check {
   display: inline-block;
   float: none;
@@ -786,38 +1123,38 @@ select.form-control {
   color: #888;
   margin: 0 0 10px;
 }
-/* line 707, ../sass/default.scss */
+/* line 996, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .custom-check {
   margin: 9px 5px 0 0;
   display: inline-block;
   vertical-align: top;
 }
-/* line 712, ../sass/default.scss */
+/* line 1001, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .custom-check2 {
   margin: 9px 5px 0 0;
   display: inline-block;
   vertical-align: top;
 }
-/* line 717, ../sass/default.scss */
+/* line 1006, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .custom-module-detail {
   float: none;
   width: 100%;
   resize: none;
 }
-/* line 722, ../sass/default.scss */
+/* line 1011, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .custom-template-detail {
   float: none;
   width: 100%;
   resize: none;
 }
-/* line 727, ../sass/default.scss */
+/* line 1016, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .text-line {
   display: block;
   font-size: 18px;
   color: #888;
   margin: 0 0 10px;
 }
-/* line 733, ../sass/default.scss */
+/* line 1022, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-rwd-check {
   display: inline-block;
   float: none;
@@ -826,13 +1163,13 @@ select.form-control {
   color: #888;
   margin: 0 0 10px;
 }
-/* line 742, ../sass/default.scss */
+/* line 1031, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .rwd-check {
   margin: 9px 5px 0 0;
   display: inline-block;
   vertical-align: top;
 }
-/* line 748, ../sass/default.scss */
+/* line 1037, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
   display: none;
   clear: both;
@@ -843,23 +1180,23 @@ select.form-control {
   border-radius: 4px;
   padding: 20px;
 }
-/* line 757, ../sass/default.scss */
+/* line 1046, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .text-check {
   color: #666;
   display: block;
   margin: 0 0 10px;
 }
-/* line 762, ../sass/default.scss */
+/* line 1051, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host {
   margin: 0 0 20px;
 }
-/* line 764, ../sass/default.scss */
+/* line 1053, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host input[type="radio"] {
   display: inline-block;
   margin: 0;
   vertical-align: middle;
 }
-/* line 769, ../sass/default.scss */
+/* line 1058, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host label {
   display: inline-block;
   float: none;
@@ -869,37 +1206,37 @@ select.form-control {
   vertical-align: middle;
   margin: 0;
 }
-/* line 778, ../sass/default.scss */
+/* line 1067, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host .form-control {
   float: none;
   width: 100%;
 }
-/* line 782, ../sass/default.scss */
+/* line 1071, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host textarea {
   resize: none;
 }
-/* line 785, ../sass/default.scss */
+/* line 1074, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host .line-check-host .text-check {
   color: #666;
   display: block;
   margin: 0 0 10px;
   padding: 0;
 }
-/* line 796, ../sass/default.scss */
+/* line 1085, ../sass/default.scss */
 .cp-main .cp-content .box-add-yours {
   display: none;
 }
-/* line 799, ../sass/default.scss */
+/* line 1088, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting {
   padding: 40px 0;
 }
-/* line 801, ../sass/default.scss */
+/* line 1090, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile {
   display: block;
   margin: 0 auto 30px;
   width: 80%;
 }
-/* line 805, ../sass/default.scss */
+/* line 1094, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile:after {
   content: ".";
   display: block;
@@ -907,7 +1244,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 812, ../sass/default.scss */
+/* line 1101, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile label {
   float: left;
   width: 25%;
@@ -916,38 +1253,38 @@ select.form-control {
   line-height: 1;
   padding: 8px 0;
 }
-/* line 820, ../sass/default.scss */
+/* line 1109, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile input {
   float: right;
   width: 75%;
 }
-/* line 824, ../sass/default.scss */
+/* line 1113, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile textarea {
   float: right;
   width: 75%;
   min-height: 10em;
   resize: none;
 }
-/* line 830, ../sass/default.scss */
+/* line 1119, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .link-profile {
   display: block;
   text-align: center;
 }
-/* line 834, ../sass/default.scss */
+/* line 1123, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .pull-r {
   float: right;
   width: 75%;
   text-align: center;
 }
-/* line 840, ../sass/default.scss */
+/* line 1129, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .pull-r .btn {
   width: 100%;
 }
-/* line 845, ../sass/default.scss */
+/* line 1134, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box {
   margin: 0 0 30px;
 }
-/* line 847, ../sass/default.scss */
+/* line 1136, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box:after {
   content: ".";
   display: block;
@@ -955,32 +1292,32 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 854, ../sass/default.scss */
+/* line 1143, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .pull-right {
   margin: 0 0 0 10px;
 }
-/* line 857, ../sass/default.scss */
+/* line 1146, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 861, ../sass/default.scss */
+/* line 1150, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .btn-gray:hover {
   background: #ddd;
 }
-/* line 865, ../sass/default.scss */
+/* line 1154, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box label {
   color: #666;
   margin-right: 10px;
   margin-bottom: 5px;
 }
-/* line 870, ../sass/default.scss */
+/* line 1159, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box {
   float: left;
   width: 70%;
 }
-/* line 873, ../sass/default.scss */
+/* line 1162, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box:after {
   content: ".";
   display: block;
@@ -988,7 +1325,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 881, ../sass/default.scss */
+/* line 1170, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form:after {
   content: ".";
   display: block;
@@ -996,39 +1333,39 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 888, ../sass/default.scss */
+/* line 1177, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form > * {
   float: left;
   margin: 0 2% 0 0;
 }
-/* line 891, ../sass/default.scss */
+/* line 1180, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form > *:last-child {
   margin: 0;
 }
-/* line 896, ../sass/default.scss */
+/* line 1185, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-select {
   width: 28%;
 }
-/* line 899, ../sass/default.scss */
+/* line 1188, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-input {
   width: calc(68% - 120px);
 }
-/* line 902, ../sass/default.scss */
+/* line 1191, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-submit {
   width: 40px;
   margin: 0 10px 0 0;
 }
-/* line 906, ../sass/default.scss */
+/* line 1195, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-reset {
   width: 70px;
 }
-/* line 910, ../sass/default.scss */
+/* line 1199, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box.bottom {
   position: absolute;
   right: 30px;
   bottom: 0;
 }
-/* line 916, ../sass/default.scss */
+/* line 1205, ../sass/default.scss */
 .cp-main .cp-content .cp-message-box {
   border: 1px solid #ddd;
   border-radius: 4px;
@@ -1037,28 +1374,28 @@ select.form-control {
   margin: 0 0 20px;
   text-align: center;
 }
-/* line 925, ../sass/default.scss */
+/* line 1214, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box {
   padding: 40px 0;
   text-align: center;
 }
-/* line 928, ../sass/default.scss */
+/* line 1217, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box .loading-text {
   color: #888;
   display: block;
   margin: 0 0 20px;
 }
-/* line 933, ../sass/default.scss */
+/* line 1222, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box .fa {
   color: #ccc;
 }
-/* line 937, ../sass/default.scss */
+/* line 1226, ../sass/default.scss */
 .cp-main .cp-content .list-servers {
   margin: 0 0 20px;
   padding: 0;
   list-style: none;
 }
-/* line 941, ../sass/default.scss */
+/* line 1230, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1067,11 +1404,11 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 948, ../sass/default.scss */
+/* line 1237, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers:last-child {
   margin: 0;
 }
-/* line 951, ../sass/default.scss */
+/* line 1240, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .name-server {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1080,18 +1417,18 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 959, ../sass/default.scss */
+/* line 1248, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server {
   margin: 0 0 10px;
 }
-/* line 961, ../sass/default.scss */
+/* line 1250, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .address-server {
   display: block;
   text-decoration: none;
   margin: 0 0 10px;
   padding: 0 10px;
 }
-/* line 966, ../sass/default.scss */
+/* line 1255, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .address-server a {
   display: block;
   position: relative;
@@ -1099,7 +1436,7 @@ select.form-control {
   word-wrap: break-word;
   word-break: break-all;
 }
-/* line 972, ../sass/default.scss */
+/* line 1261, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .address-server a .fa {
   color: #888;
   font-size: 12px;
@@ -1107,7 +1444,7 @@ select.form-control {
   left: 0;
   top: 7px;
 }
-/* line 981, ../sass/default.scss */
+/* line 1270, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .regdate-server {
   display: block;
   font-size: 13px;
@@ -1115,12 +1452,12 @@ select.form-control {
   padding: 0 10px 0 32px;
   position: relative;
 }
-/* line 987, ../sass/default.scss */
+/* line 1276, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .regdate-server a {
   word-wrap: break-word;
   word-break: break-all;
 }
-/* line 991, ../sass/default.scss */
+/* line 1280, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .regdate-server .fa {
   color: #888;
   font-size: 12px;
@@ -1128,7 +1465,7 @@ select.form-control {
   left: 11px;
   top: 3px;
 }
-/* line 1000, ../sass/default.scss */
+/* line 1289, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server {
   position: absolute;
   right: -1px;
@@ -1140,15 +1477,15 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1010, ../sass/default.scss */
+/* line 1299, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server.online {
   background: #5cb85c;
 }
-/* line 1013, ../sass/default.scss */
+/* line 1302, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server.offline {
   background: #d9534f;
 }
-/* line 1017, ../sass/default.scss */
+/* line 1306, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server {
   background: rgba(0, 0, 0, 0.02);
   padding: 10px;
@@ -1157,27 +1494,27 @@ select.form-control {
   display: block;
   text-align: right;
 }
-/* line 1024, ../sass/default.scss */
+/* line 1313, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server a {
   margin: 0 0 0 6px;
 }
-/* line 1027, ../sass/default.scss */
+/* line 1316, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 1031, ../sass/default.scss */
+/* line 1320, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server .btn-gray:hover {
   background: #ddd;
 }
-/* line 1038, ../sass/default.scss */
+/* line 1327, ../sass/default.scss */
 .cp-main .cp-content .list-ticket {
   margin: 0 0 20px;
   padding: 0;
   list-style: none;
 }
-/* line 1042, ../sass/default.scss */
+/* line 1331, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1186,7 +1523,7 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1049, ../sass/default.scss */
+/* line 1338, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li:after {
   content: ".";
   display: block;
@@ -1194,15 +1531,15 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1056, ../sass/default.scss */
+/* line 1345, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li:last-child {
   margin: 0;
 }
-/* line 1061, ../sass/default.scss */
+/* line 1350, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .fa {
   margin: 0 10px 0 0;
 }
-/* line 1064, ../sass/default.scss */
+/* line 1353, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .subject-ticket {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1211,11 +1548,11 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 1072, ../sass/default.scss */
+/* line 1361, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket {
   margin: 0 0 10px;
 }
-/* line 1074, ../sass/default.scss */
+/* line 1363, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket:after {
   content: ".";
   display: block;
@@ -1223,7 +1560,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1081, ../sass/default.scss */
+/* line 1370, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .number-ticket {
   float: left;
   padding: 0 10px;
@@ -1231,7 +1568,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1088, ../sass/default.scss */
+/* line 1377, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .type-ticket {
   float: left;
   padding: 0 10px;
@@ -1239,7 +1576,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1095, ../sass/default.scss */
+/* line 1384, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .time-ticket {
   float: left;
   padding: 0 10px;
@@ -1247,7 +1584,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1104, ../sass/default.scss */
+/* line 1393, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket {
   position: absolute;
   right: -1px;
@@ -1259,19 +1596,19 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1114, ../sass/default.scss */
+/* line 1403, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-open {
   background: #5cb85c;
 }
-/* line 1117, ../sass/default.scss */
+/* line 1406, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-close {
   background: #888888;
 }
-/* line 1120, ../sass/default.scss */
+/* line 1409, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-processing {
   background: #9f57b9;
 }
-/* line 1124, ../sass/default.scss */
+/* line 1413, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket {
   background: rgba(0, 0, 0, 0.02);
   padding: 10px;
@@ -1280,21 +1617,21 @@ select.form-control {
   display: block;
   text-align: right;
 }
-/* line 1131, ../sass/default.scss */
+/* line 1420, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket a {
   margin: 0 0 0 6px;
 }
-/* line 1134, ../sass/default.scss */
+/* line 1423, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 1138, ../sass/default.scss */
+/* line 1427, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket .btn-gray:hover {
   background: #ddd;
 }
-/* line 1145, ../sass/default.scss */
+/* line 1434, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1303,7 +1640,7 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1152, ../sass/default.scss */
+/* line 1441, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket:after {
   content: ".";
   display: block;
@@ -1311,19 +1648,19 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1159, ../sass/default.scss */
+/* line 1448, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket:last-child {
   margin: 0;
 }
-/* line 1164, ../sass/default.scss */
+/* line 1453, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments {
   border-bottom: 1px solid #ddd;
 }
-/* line 1166, ../sass/default.scss */
+/* line 1455, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .fa {
   margin: 0 10px 0 0;
 }
-/* line 1169, ../sass/default.scss */
+/* line 1458, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .subject-ticket {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1332,11 +1669,11 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 1177, ../sass/default.scss */
+/* line 1466, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket {
   margin: 0 0 10px;
 }
-/* line 1179, ../sass/default.scss */
+/* line 1468, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket:after {
   content: ".";
   display: block;
@@ -1344,7 +1681,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1186, ../sass/default.scss */
+/* line 1475, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .number-ticket {
   float: left;
   padding: 0 10px;
@@ -1352,7 +1689,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1193, ../sass/default.scss */
+/* line 1482, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .type-ticket {
   float: left;
   padding: 0 10px;
@@ -1360,7 +1697,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1200, ../sass/default.scss */
+/* line 1489, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .time-ticket {
   float: left;
   padding: 0 10px;
@@ -1368,7 +1705,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1209, ../sass/default.scss */
+/* line 1498, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket {
   position: absolute;
   right: -1px;
@@ -1380,27 +1717,27 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1219, ../sass/default.scss */
+/* line 1508, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-open {
   background: #5cb85c;
 }
-/* line 1222, ../sass/default.scss */
+/* line 1511, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-close {
   background: #888888;
 }
-/* line 1225, ../sass/default.scss */
+/* line 1514, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-processing {
   background: #9f57b9;
 }
-/* line 1230, ../sass/default.scss */
+/* line 1519, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group {
   border-bottom: 40px solid #eee;
 }
-/* line 1232, ../sass/default.scss */
+/* line 1521, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group:last-child {
   border-bottom: 0;
 }
-/* line 1235, ../sass/default.scss */
+/* line 1524, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments {
   color: #888;
   padding: 20px 30px 30px;
@@ -1408,32 +1745,32 @@ select.form-control {
   text-align: justify;
   line-height: 2;
 }
-/* line 1241, ../sass/default.scss */
+/* line 1530, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments a {
   color: #337ab7;
   text-decoration: underline;
   word-wrap: break-word;
   word-break: break-all;
 }
-/* line 1247, ../sass/default.scss */
+/* line 1536, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments p {
   text-align: justify;
   line-height: 2;
 }
-/* line 1251, ../sass/default.scss */
+/* line 1540, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments br {
   content: "";
   clear: both;
   display: block;
   margin: 0 0 10px;
 }
-/* line 1257, ../sass/default.scss */
+/* line 1546, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments img {
   max-width: 100%;
   height: auto;
   margin: 0 0 20px;
 }
-/* line 1264, ../sass/default.scss */
+/* line 1553, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk {
   margin: 0 30px 30px;
   border: 1px solid #ddd;
@@ -1443,7 +1780,7 @@ select.form-control {
   overflow: hidden;
   background: rgba(0, 0, 0, 0.015);
 }
-/* line 1273, ../sass/default.scss */
+/* line 1562, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .header-talk .talk-title {
   background: #337ab7;
   color: #fff;
@@ -1454,7 +1791,7 @@ select.form-control {
   position: relative;
   padding: 10px 10px 10px 35px;
 }
-/* line 1282, ../sass/default.scss */
+/* line 1571, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .header-talk .talk-title .fa {
   font-size: 18px;
   line-height: 20px;
@@ -1465,22 +1802,22 @@ select.form-control {
   padding: 0;
   margin: 0;
 }
-/* line 1294, ../sass/default.scss */
+/* line 1583, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk {
   border-bottom: 1px solid #ddd;
   margin: 0 0 20px;
 }
-/* line 1297, ../sass/default.scss */
+/* line 1586, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk:last-child {
   border-bottom: 0;
   margin: 0;
 }
-/* line 1301, ../sass/default.scss */
+/* line 1590, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk {
   padding: 10px 30px;
   position: relative;
 }
-/* line 1304, ../sass/default.scss */
+/* line 1593, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk .pic-author {
   height: 30px;
   width: 30px;
@@ -1490,19 +1827,19 @@ select.form-control {
   margin: 0 10px 0 0;
   vertical-align: middle;
 }
-/* line 1313, ../sass/default.scss */
+/* line 1602, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk .pic-author img {
   height: 100%;
   width: auto;
   margin: 0 0 20px;
 }
-/* line 1318, ../sass/default.scss */
+/* line 1607, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk .name-author {
   font-size: 18px;
   display: inline-block;
   vertical-align: middle;
 }
-/* line 1323, ../sass/default.scss */
+/* line 1612, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk .time-author {
   display: inline-block;
   vertical-align: middle;
@@ -1513,7 +1850,7 @@ select.form-control {
   font-size: 13px;
   line-height: 18px;
 }
-/* line 1332, ../sass/default.scss */
+/* line 1621, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .author-talk .time-author:before {
   content: "";
   width: 8px;
@@ -1523,7 +1860,7 @@ select.form-control {
   left: 5px;
   top: 8px;
 }
-/* line 1343, ../sass/default.scss */
+/* line 1632, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .text-talk {
   padding: 10px 30px;
   color: #888;
@@ -1531,7 +1868,7 @@ select.form-control {
   line-height: 2;
   margin: 0 0 20px;
 }
-/* line 1349, ../sass/default.scss */
+/* line 1638, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .text-talk a {
   color: #337ab7;
   text-decoration: underline;
@@ -1540,25 +1877,25 @@ select.form-control {
   font-size: 14px;
   line-height: 2;
 }
-/* line 1357, ../sass/default.scss */
+/* line 1646, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .text-talk p {
   text-align: justify;
   line-height: 2;
 }
-/* line 1361, ../sass/default.scss */
+/* line 1650, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .text-talk br {
   content: "";
   clear: both;
   display: block;
   margin: 0 0 10px;
 }
-/* line 1367, ../sass/default.scss */
+/* line 1656, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .response-talk .text-talk img {
   max-width: 100%;
   height: auto;
   margin: 0 0 20px;
 }
-/* line 1381, ../sass/default.scss */
+/* line 1670, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box {
   background: rgba(0, 0, 0, 0.02);
   border-radius: 4px;
@@ -1568,14 +1905,14 @@ select.form-control {
   border: 1px solid #ddd;
   padding: 40px;
 }
-/* line 1389, ../sass/default.scss */
+/* line 1678, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login {
   display: block;
   margin: 0 auto 20px;
   width: 80%;
   max-width: 200px;
 }
-/* line 1394, ../sass/default.scss */
+/* line 1683, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login:after {
   content: ".";
   display: block;
@@ -1583,7 +1920,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1401, ../sass/default.scss */
+/* line 1690, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login .icon-lock {
   width: 80px;
   display: block;
@@ -1593,50 +1930,50 @@ select.form-control {
   margin: 0 auto 20px;
   text-align: center;
 }
-/* line 1409, ../sass/default.scss */
+/* line 1698, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login .icon-lock .fa {
   color: #666;
   line-height: 70px;
   font-size: 50px;
 }
-/* line 1415, ../sass/default.scss */
+/* line 1704, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login .text-input {
   display: block;
   font-size: 16px;
   font-weight: 400;
 }
-/* line 1421, ../sass/default.scss */
+/* line 1710, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login input[type="text"], .cp-main .cp-login-page .cp-login-box .line-login input[type="password"] {
   width: 100%;
   border-radius: 4px;
   border: 1px solid #ccc;
   padding: 5px;
 }
-/* line 1426, ../sass/default.scss */
+/* line 1715, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login input[type="text"]:focus, .cp-main .cp-login-page .cp-login-box .line-login input[type="password"]:focus {
   outline: none;
 }
-/* line 1430, ../sass/default.scss */
+/* line 1719, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login input[type="submit"] {
   width: 100%;
 }
-/* line 1435, ../sass/default.scss */
+/* line 1724, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box {
   width: 80%;
   max-width: 600px;
   margin: 0 auto 30px;
   text-align: center;
 }
-/* line 1440, ../sass/default.scss */
+/* line 1729, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box p {
   margin: 0;
 }
-/* line 1443, ../sass/default.scss */
+/* line 1732, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box a {
   font-size: 15px;
   letter-spacing: 0.05em;
 }
-/* line 1446, ../sass/default.scss */
+/* line 1735, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box a span {
   color: #888;
   font-size: 13px;
@@ -1644,17 +1981,17 @@ select.form-control {
   padding: 0 5px;
 }
 
-/* line 1457, ../sass/default.scss */
+/* line 1746, ../sass/default.scss */
 .cp-footer .container {
   border: 1px solid #ddd;
 }
-/* line 1460, ../sass/default.scss */
+/* line 1749, ../sass/default.scss */
 .cp-footer .cp-footer-info {
   text-align: center;
   padding: 10px 0;
 }
 
-/* line 1466, ../sass/default.scss */
+/* line 1755, ../sass/default.scss */
 .clear:after {
   content: ".";
   display: block;
@@ -1663,7 +2000,7 @@ select.form-control {
   visibility: hidden;
 }
 
-/* line 1474, ../sass/default.scss */
+/* line 1763, ../sass/default.scss */
 .go-back-top {
   background: rgba(51, 122, 183, 0.9);
   text-align: center;
@@ -1678,7 +2015,7 @@ select.form-control {
   border-radius: 2px;
   z-index: 1050;
 }
-/* line 1488, ../sass/default.scss */
+/* line 1777, ../sass/default.scss */
 .go-back-top:hover {
   background: #337ab7;
 }
diff --git a/app/assets/stylesheets/client_management/rwd.css b/app/assets/stylesheets/client_management/rwd.css
index a0643ce..510beb1 100644
--- a/app/assets/stylesheets/client_management/rwd.css
+++ b/app/assets/stylesheets/client_management/rwd.css
@@ -73,128 +73,189 @@
     text-align: center;
   }
 
+  /* line 91, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail {
+    padding: 20px 0;
+  }
+  /* line 93, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .sub-title {
+    margin: 40px auto 10px;
+  }
   /* line 95, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .sub-title.ft {
+    margin: 20px auto 10px;
+  }
+  /* line 99, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract {
+    width: 90%;
+  }
+  /* line 102, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
+    float: left;
+  }
+  /* line 105, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
+    float: right;
+  }
+  /* line 116, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract.buttons .btn {
+    width: 100%;
+    margin: 0 0 10px;
+  }
+  /* line 121, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract .header-detail {
+    display: block;
+    float: none;
+    width: 100%;
+  }
+  /* line 126, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-contract-detail .line-contract .content-detail {
+    display: block;
+    float: none;
+    width: 100%;
+  }
+  /* line 133, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-requested-detail {
+    padding: 20px 0;
+  }
+  /* line 135, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-requested-detail .line-detail {
+    width: 90%;
+  }
+  /* line 141, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-requested-detail .line-detail .header-detail {
+    display: block;
+    float: none;
+    width: 100%;
+  }
+  /* line 146, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
+    display: block;
+    float: none;
+    width: 100%;
+  }
+  /* line 159, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
     margin: 0 10px;
   }
-  /* line 103, ../sass/rwd.scss */
+  /* line 167, ../sass/rwd.scss */
   .cp-main .cp-content .cp-function-box .cp-search-box {
     float: none;
     width: 100%;
     margin: 0 0 20px;
   }
-  /* line 110, ../sass/rwd.scss */
+  /* line 174, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile {
     width: 100%;
   }
-  /* line 112, ../sass/rwd.scss */
+  /* line 176, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile label {
     float: none;
     width: 100%;
   }
-  /* line 116, ../sass/rwd.scss */
+  /* line 180, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile input {
     float: none;
     width: 100%;
   }
-  /* line 120, ../sass/rwd.scss */
+  /* line 184, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile textarea {
     float: none;
     width: 100%;
   }
-  /* line 124, ../sass/rwd.scss */
+  /* line 188, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile .pull-r {
     float: none;
     width: 100%;
   }
 }
 @media only screen and (max-width: 480px) {
-  /* line 137, ../sass/rwd.scss */
+  /* line 201, ../sass/rwd.scss */
   .cp-banner .box-banner .item-ba .text-ba {
     font-size: 15px;
     width: 80%;
     text-align: center;
   }
 
-  /* line 147, ../sass/rwd.scss */
+  /* line 211, ../sass/rwd.scss */
   .cp-main .cp-login-page .cp-login-box {
     width: 100%;
   }
-  /* line 149, ../sass/rwd.scss */
+  /* line 213, ../sass/rwd.scss */
   .cp-main .cp-login-page .cp-login-box .line-login {
     width: 100%;
     max-width: 100vw;
   }
-  /* line 159, ../sass/rwd.scss */
+  /* line 223, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title {
     margin: 0 20px 20px;
   }
-  /* line 162, ../sass/rwd.scss */
+  /* line 226, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
     float: none;
     width: 100%;
   }
-  /* line 167, ../sass/rwd.scss */
+  /* line 231, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label {
     display: block;
     float: none;
     width: 100%;
   }
-  /* line 172, ../sass/rwd.scss */
+  /* line 236, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
     float: none;
     width: 100%;
   }
-  /* line 176, ../sass/rwd.scss */
+  /* line 240, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-custom-check {
     width: calc(100% - 30px);
   }
-  /* line 180, ../sass/rwd.scss */
+  /* line 244, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
     margin: 0 5px;
     width: calc(50% - 20px);
     font-size: 12px;
   }
-  /* line 188, ../sass/rwd.scss */
+  /* line 252, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod {
     width: 100%;
     margin: 0 0 10px;
   }
-  /* line 193, ../sass/rwd.scss */
+  /* line 257, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
     display: block;
   }
-  /* line 195, ../sass/rwd.scss */
+  /* line 259, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list {
     width: 100%;
     margin: 0 0 20px;
   }
-  /* line 199, ../sass/rwd.scss */
+  /* line 263, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list {
     width: 100%;
     margin: 0;
   }
-  /* line 208, ../sass/rwd.scss */
+  /* line 272, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket {
     padding: 30px 0 0;
   }
-  /* line 210, ../sass/rwd.scss */
+  /* line 274, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket .subject-ticket {
     padding: 10px;
   }
-  /* line 214, ../sass/rwd.scss */
+  /* line 278, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket .info-ticket span {
     display: block;
   }
-  /* line 221, ../sass/rwd.scss */
+  /* line 285, ../sass/rwd.scss */
   .cp-main .cp-content .list-servers .item-servers {
     padding: 30px 0 0;
   }
-  /* line 223, ../sass/rwd.scss */
+  /* line 287, ../sass/rwd.scss */
   .cp-main .cp-content .list-servers .item-servers .name-server {
     padding: 10px;
   }
-  /* line 229, ../sass/rwd.scss */
+  /* line 293, ../sass/rwd.scss */
   .cp-main .cp-content .cp-function-box .cp-search-box {
     float: none;
     width: 100%;
diff --git a/app/controllers/client_managements_controller.rb b/app/controllers/client_managements_controller.rb
index 6b1b457..038cb9a 100644
--- a/app/controllers/client_managements_controller.rb
+++ b/app/controllers/client_managements_controller.rb
@@ -35,7 +35,7 @@ class ClientManagementsController < CPanelController
     rs.type = rs.site_id == "newsite" ? "newsite" : "existing"
     rs.save
     session[:addsitestouser] = true
-    session[:request_uid] = sr.uid
+    session[:request_uid] = rs.uid
     redirect_to cpanel_add_site_path
   end
 
@@ -180,6 +180,17 @@ class ClientManagementsController < CPanelController
     redirect_to cpanel_myprofilepassword_path
   end
 
+  def history
+    case params[:type]
+    when nil
+      @objects = SiteRequest.where(:c_panel_user_id => current_cpanel_user.id).desc(:created_at)
+    end
+  end
+
+  def see_request
+    @site_request = SiteRequest.where(:uid => params[:request_uid]).first rescue nil
+  end
+
   private
 
   def is_site_authorized_to_user?
diff --git a/app/views/client_managements/_add_site_spec.html.erb b/app/views/client_managements/_add_site_spec.html.erb
new file mode 100644
index 0000000..126c253
--- /dev/null
+++ b/app/views/client_managements/_add_site_spec.html.erb
@@ -0,0 +1,37 @@
+<div class="line-detail">
+  <span class="header-detail">Requested Date : </span>
+  <span class="content-detail"><%= @site_request.created_at.strftime("%d %B %Y - %H:%M") %></span>
+</div>
+
+<% if @site_request.sites_to_add.count > 0 %>
+	<div class="line-detail">
+	  <span class="header-detail">Sites To Add : </span>
+	  <span class="content-detail">
+	  <ol>
+		  <% @site_request.sites_to_add.each_with_index do |sid,i| %>
+		  	<% site = RegisteredSite.where(:site_domain => sid).first rescue nil %>
+		  	<% if !site.nil? %>
+		  		<li><a href="http://<%= site.site_domain %>" target="_blank"><%= site.title %></li>
+		  	<% else %>
+		  		<li><a href="http://<%= sid %>" target="_blank"><%= sid %></a>&nbsp;&nbsp;<i class="fa fa-ban" aria-hidden="true"></i></li>
+		  	<% end %>
+		  <% end %>
+	  </ol>
+	  </span>
+	</div>
+<% end %>
+<% if @site_request.sites_added.count > 0 %>
+	<div class="line-detail">
+	  <span class="header-detail">Sites Added : </span>
+	  <span class="content-detail">
+	  <ol>
+		  <% @site_request.sites_added.each_with_index do |sid,i| %>
+		  	<% site = RegisteredSite.find(sid) rescue nil %> 
+		  	<% if !site.nil? %>
+		  		<li><a href="http://<%= site.site_domain %>" target="_blank"><%= site.title %></li>
+		  	<% end %>
+		  <% end %>
+	  </ol>
+	  </span>
+	</div>
+<% end %>
\ No newline at end of file
diff --git a/app/views/client_managements/_site_spec.html.erb b/app/views/client_managements/_site_spec.html.erb
new file mode 100644
index 0000000..5fc7c1a
--- /dev/null
+++ b/app/views/client_managements/_site_spec.html.erb
@@ -0,0 +1,73 @@
+<div class="line-detail">
+  <span class="header-detail">Requested Date : </span>
+  <span class="content-detail"><%= @site_request.created_at.strftime("%d %B %Y - %H:%M") %></span>
+</div>
+<% if @site_request.type == "existing" %>
+  <div class="line-detail">
+    <span class="header-detail">Site Title : </span>
+    <span class="content-detail"><%= @site_request.get_site.title %></span>
+  </div>
+  <div class="line-detail">
+    <span class="header-detail">Site Domain : </span>
+    <span class="content-detail"><a href="http://<%= @site_request.get_site.site_domain %>" target="_blank"><%= @site_request.get_site.site_domain %></a></span>
+  </div>
+  <% else %>
+		<% if @site_request.host_with_rulingdigital %>
+			<div class="line-detail">
+	      <span class="header-detail">Host with RulingDigital : </span>
+	      <span class="content-detail"><span class="label label-success">Yes</span></span>
+	    </div>
+		<% else %>
+			<div class="line-detail">
+	      <span class="header-detail">Host with RulingDigital : </span>
+	      <span class="content-detail"><span class="label label-danger">No</span></span>
+	    </div>
+			<div class="line-detail">
+	      <span class="header-detail">Server Details : </span>
+	      <span class="content-detail"><%= nl2br @site_request.server_details %> </span>
+	    </div>
+		<% end %>
+<% end %>
+<% if !@site_request.optional_modules.blank? %>
+		<div class="line-detail">
+      <span class="header-detail">Optional Module(s) : </span>
+      <span class="content-detail">
+    		<% rsm = RegisteredModule.find(@site_request.optional_modules) %>
+				<% rsm.each do |mod| %>
+					<span class="label label-info"><%= mod.name %></span>
+				<% end %>
+      </span>
+    </div>
+<% end %>
+<% if @site_request.custom_module %>
+	<div class="line-detail">
+    <span class="header-detail">Custom Module : </span>
+    <span class="content-detail"><span class="label label-success">Yes</span></span>
+  </div>
+	<div class="line-detail">
+    <span class="header-detail">Module Details : </span>
+    <span class="content-detail"><%= nl2br @site_request.custom_module_details %> </span>
+  </div>
+<% end %>
+<% if !@site_request.template_number.empty? %>
+	<div class="line-detail">
+    <span class="header-detail">Template Number : </span>
+    <span class="content-detail"><%= @site_request.template_number %> </span>
+  </div>
+<% end %>
+<% if @site_request.custom_template %>
+	<div class="line-detail">
+    <span class="header-detail">Custom Template : </span>
+    <span class="content-detail"><span class="label label-success">Yes</span></span>
+  </div>
+	<div class="line-detail">
+    <span class="header-detail">Template Details : </span>
+    <span class="content-detail"><%= nl2br @site_request.custom_template_details %> </span>
+  </div>
+<% end %>
+<% if @site_request.rwd %>
+	<div class="line-detail">
+    <span class="header-detail">RWD : </span>
+    <span class="content-detail"><span class="label label-success">Yes</span></span>
+  </div>
+<% end %>
\ No newline at end of file
diff --git a/app/views/client_managements/addnewsite.html.erb b/app/views/client_managements/addnewsite.html.erb
index c527b79..e29e7c3 100644
--- a/app/views/client_managements/addnewsite.html.erb
+++ b/app/views/client_managements/addnewsite.html.erb
@@ -6,6 +6,7 @@
   <ul class="list-sidebar">
     <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
   </ul>
diff --git a/app/views/client_managements/addsite.html.erb b/app/views/client_managements/addsite.html.erb
index d2d942e..ecea9af 100644
--- a/app/views/client_managements/addsite.html.erb
+++ b/app/views/client_managements/addsite.html.erb
@@ -2,6 +2,7 @@
  	<ul class="list-sidebar">
     <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
   </ul>
diff --git a/app/views/client_managements/history.html.erb b/app/views/client_managements/history.html.erb
new file mode 100644
index 0000000..cc954fd
--- /dev/null
+++ b/app/views/client_managements/history.html.erb
@@ -0,0 +1,53 @@
+<% content_for :page_menu do %>
+ 	<ul class="list-sidebar">
+    <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar active"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
+  </ul>
+<% end %>
+<section class="cp-content col-md-10">
+  <h2 class="cp-page-title">
+    History
+  </h2>
+  <div class="cp-submenu-box">
+    <a href="#" class="submenu-item active">Requests</a>
+    <a href="#" class="submenu-item">Contracts</a>
+    <a href="#" class="submenu-item">Purchases</a>
+  </div>
+  <div class="cp-addsite-history">
+    <div class="box-request-history">
+      <h3 class="sub-title">Requests</h3>
+      <% @objects.each do |obj| %>
+        <div class="item-history">
+          <% case obj.type %>
+          <% when "newsite" %>
+            <span class="site-title-history"><a href="/cpanel/request/<%= obj.uid %>">New Site</a></span>
+          <% when "existing" %>
+            <span class="site-title-history"><a href="/cpanel/request/<%= obj.uid %>">New Request for <strong><%= obj.get_site.title %></strong></a></span>
+          <% when "addsites" %>
+            <span class="site-title-history"><a href="/cpanel/request/<%= obj.uid %>">Request for adding sites</a></span>
+          <% end %>
+          <div class="info-site">
+            <span class="url-site"><i class="fa fa-hashtag" aria-hidden="true"></i>Request ID: <%= obj.uid %></a></span>
+
+            <% if obj.type == "existing" %>
+              <span class="url-site"><i class="fa fa-laptop" aria-hidden="true"></i><a href="http://<%= obj.get_site.site_domain %>" target="_blank"><%= obj.get_site.site_domain %></a></span>
+            <% end %>
+            <span class="time-site"><i class="fa fa-clock-o" aria-hidden="true"></i>Time :&nbsp;&nbsp;<%= obj.created_at.strftime("%d %B %Y - %H:%M") %></span>
+          </div>
+          <span class="action-site">
+          <% if !obj.completed %>
+            <a href="#" class="btn btn-warning">Cancel</a>
+          <% else %>
+            <% if (obj.type == "newsite" || obj.type == "existing") && !obj.request_contract.nil? %>
+              <a href="#" class="btn btn-info">Contract</a>
+            <% end %>
+          <% end %>
+          </span>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/app/views/client_managements/index.html.erb b/app/views/client_managements/index.html.erb
index b5d1830..8b615cd 100644
--- a/app/views/client_managements/index.html.erb
+++ b/app/views/client_managements/index.html.erb
@@ -2,6 +2,7 @@
  	<ul class="list-sidebar">
     <li class="item-sidebar active"><a class="btn-sidebar" href="#"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
   </ul>
diff --git a/app/views/client_managements/myprofile.html.erb b/app/views/client_managements/myprofile.html.erb
index de02fb7..04a09c1 100644
--- a/app/views/client_managements/myprofile.html.erb
+++ b/app/views/client_managements/myprofile.html.erb
@@ -2,6 +2,7 @@
  	<ul class="list-sidebar">
     <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
     <li class="item-sidebar active"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
   </ul>
@@ -28,7 +29,9 @@
       	<%= f.submit "Save", :class => "btn btn-primary" %>
       </div>
       <div class="line-profile">
-      	<a href="<%= cpanel_myprofilepassword_path %>" class="link-profile">Click here to change password.</a>
+        <div class="pull-r">
+          <a href="<%= cpanel_myprofilepassword_path %>" class="link-profile">Click here to change password.</a>
+        </div>
       </div>
 		<% end %>
   </div>
diff --git a/app/views/client_managements/myprofilepassword.html.erb b/app/views/client_managements/myprofilepassword.html.erb
index 3ef3492..cd4f7f4 100644
--- a/app/views/client_managements/myprofilepassword.html.erb
+++ b/app/views/client_managements/myprofilepassword.html.erb
@@ -2,6 +2,7 @@
  	<ul class="list-sidebar">
     <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
     <li class="item-sidebar active"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
     <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
   </ul>
@@ -33,7 +34,9 @@
       	<%= f.submit "Save", :class => "btn btn-primary" %>
       </div>
       <div class="line-profile">
-      	<a href="<%= cpanel_myprofile_path %>" class="link-profile">Click here to change profile.</a>
+        <div class="pull-r">
+      	 <a href="<%= cpanel_myprofile_path %>" class="link-profile">Click here to change profile.</a>
+        </div>
       </div>
 		<% end %>
   </div>
diff --git a/app/views/client_managements/see_request.html.erb b/app/views/client_managements/see_request.html.erb
new file mode 100644
index 0000000..3e410ce
--- /dev/null
+++ b/app/views/client_managements/see_request.html.erb
@@ -0,0 +1,26 @@
+<% content_for :page_menu do %>
+ 	<ul class="list-sidebar">
+    <li class="item-sidebar"><a class="btn-sidebar" href="/cpanel/sites"><i class="fa fa-home" aria-hidden="true"></i><%= t("client_management.my_sites") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="<%= cpanel_myprofile_path %>"><i class="fa fa-address-card" aria-hidden="true"></i><%= t("client_management.profile") %></a></li>
+    <li class="item-sidebar active"><a class="btn-sidebar" href="<%= cpanel_myhistory_path %>"><i class="fa fa-history" aria-hidden="true"></i><%= t("client_management.history") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-question-circle-o" aria-hidden="true"></i><%= t("client_management.help_and_faq") %></a></li>
+    <li class="item-sidebar"><a class="btn-sidebar" href="#"><i class="fa fa-user-circle-o" aria-hidden="true"></i><%= t("client_management.get_in_contact") %></a></li>
+  </ul>
+<% end %>
+<section class="cp-content col-md-10">
+  <h2 class="cp-page-title">
+   	Site Request - #<%= @site_request.uid %>
+   	<div class="pull-right"><span class="label label-primary"><%= @site_request.get_request_type %></span></div>
+  </h2>
+  <div class="cp-requested-detail">
+  	<% case @site_request.type %>
+	  <% when "newsite","existing" %>
+			<%= render :partial => "site_spec" %>
+	  <% when "addsites" %>
+			<%= render :partial => "add_site_spec" %>
+	  <% end %>
+	  <div class="line-detail middle">
+	    <a class="btn btn-success" href="<%= cpanel_myhistory_path %>">OK</a>
+	  </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/config/routes.rb b/config/routes.rb
index 85978ea..8930d85 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -38,6 +38,10 @@ Rails.application.routes.draw do
       get "myprofilepassword" => "client_managements#myprofilepassword", as: "cpanel_myprofilepassword"
       patch "update_member_profile_password" => "client_managements#update_member_profile_password"
 
+      # history
+      get "history" => "client_managements#history", as: "cpanel_myhistory"
+      get "request/:request_uid" => "client_managements#see_request"
+      
       # ticket
       get "site/:site_uid/new_ticket" => "client_managements#new_ticket"
       post "site/:site_uid/create_ticket" => "client_managements#create_ticket"