From afcca1c365f4b5e27f834aff896a7643ec037795 Mon Sep 17 00:00:00 2001
From: orbit <orbit@rulingcom.com>
Date: Wed, 22 Mar 2017 16:55:52 +0800
Subject: [PATCH] css fixes by ika

---
 .../stylesheets/client_management/default.css | 642 +++++++++---------
 .../stylesheets/client_management/rwd.css     | 116 ++--
 app/views/client_managements/history.html.erb |   4 +-
 3 files changed, 406 insertions(+), 356 deletions(-)

diff --git a/app/assets/stylesheets/client_management/default.css b/app/assets/stylesheets/client_management/default.css
index 67b7d73..16e2921 100644
--- a/app/assets/stylesheets/client_management/default.css
+++ b/app/assets/stylesheets/client_management/default.css
@@ -16,9 +16,10 @@ body {
 /* line 16, ../sass/default.scss */
 select.form-control {
   background: url(/assets/client_management/arrow.png) no-repeat calc(100% - 10px) 50%;
+  padding: 6px 35px 6px 12px;
 }
 
-/* line 19, ../sass/default.scss */
+/* line 20, ../sass/default.scss */
 .form-control {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -27,20 +28,20 @@ select.form-control {
   appearance: none;
 }
 
-/* line 26, ../sass/default.scss */
+/* line 27, ../sass/default.scss */
 .cp-bar {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
 }
-/* line 31, ../sass/default.scss */
+/* line 32, ../sass/default.scss */
 .cp-bar .cp-bar-inner {
   background: #222;
   width: 100%;
   height: 40px;
 }
-/* line 35, ../sass/default.scss */
+/* line 36, ../sass/default.scss */
 .cp-bar .cp-bar-inner .cp-bar-title {
   color: #fff;
   font-size: 15px;
@@ -54,7 +55,7 @@ select.form-control {
   letter-spacing: 0.05em;
   transform: translateX(-50%);
 }
-/* line 48, ../sass/default.scss */
+/* line 49, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-home {
   height: 40px;
   float: left;
@@ -66,15 +67,15 @@ select.form-control {
   display: block;
   cursor: pointer;
 }
-/* line 58, ../sass/default.scss */
+/* line 59, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-home a {
   color: #fff;
 }
-/* line 63, ../sass/default.scss */
+/* line 64, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-home:hover {
   background: rgba(255, 255, 255, 0.25);
 }
-/* line 66, ../sass/default.scss */
+/* line 67, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user {
   height: 40px;
   float: right;
@@ -88,23 +89,23 @@ select.form-control {
   position: relative;
   z-index: 1000;
 }
-/* line 78, ../sass/default.scss */
+/* line 79, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user span {
   display: block;
   padding: 0 0 10px;
 }
-/* line 82, ../sass/default.scss */
+/* line 83, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user:hover .user-menu {
   display: block;
 }
-/* line 85, ../sass/default.scss */
+/* line 86, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .fa {
   font-size: 26px;
   margin: 0 10px 0 0;
   line-height: 40px;
   vertical-align: middle;
 }
-/* line 91, ../sass/default.scss */
+/* line 92, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu {
   display: none;
   position: absolute;
@@ -120,7 +121,7 @@ select.form-control {
   min-width: 100px;
   text-align: left;
 }
-/* line 105, ../sass/default.scss */
+/* line 106, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu:before {
   content: "";
   position: absolute;
@@ -133,7 +134,7 @@ select.form-control {
   border-width: 0 8px 8px 8px;
   border-color: transparent transparent #ffffff transparent;
 }
-/* line 117, ../sass/default.scss */
+/* line 118, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu:after {
   content: "";
   position: absolute;
@@ -147,25 +148,25 @@ select.form-control {
   border-color: transparent transparent #cccccc transparent;
   z-index: -1;
 }
-/* line 130, ../sass/default.scss */
+/* line 131, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li {
   padding: 5px 10px;
   line-height: 20px;
 }
-/* line 133, ../sass/default.scss */
+/* line 134, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li:hover {
   background: #337ab7;
 }
-/* line 135, ../sass/default.scss */
+/* line 136, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li:hover a {
   color: #fff;
 }
-/* line 139, ../sass/default.scss */
+/* line 140, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li.active {
   background: #337ab7;
   color: #fff;
 }
-/* line 143, ../sass/default.scss */
+/* line 144, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li a {
   color: #666;
   font-size: 14px;
@@ -176,7 +177,7 @@ select.form-control {
   display: block;
   word-break: break-all;
 }
-/* line 152, ../sass/default.scss */
+/* line 153, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user .user-menu li a .fa {
   font-size: 13px;
   line-height: 20px;
@@ -187,12 +188,12 @@ select.form-control {
   padding: 0;
   margin: 0;
 }
-/* line 167, ../sass/default.scss */
+/* line 168, ../sass/default.scss */
 .cp-bar .cp-bar-inner .link-user:hover {
   background: rgba(255, 255, 255, 0.25);
 }
 
-/* line 173, ../sass/default.scss */
+/* line 174, ../sass/default.scss */
 .container {
   background: #fff;
   border-left: 1px solid #ddd;
@@ -200,28 +201,28 @@ select.form-control {
   padding: 0 20px;
 }
 
-/* line 179, ../sass/default.scss */
+/* line 180, ../sass/default.scss */
 .row {
   margin: 0;
 }
 
-/* line 184, ../sass/default.scss */
+/* line 185, ../sass/default.scss */
 .cp-banner .container {
   padding: 0;
 }
-/* line 187, ../sass/default.scss */
+/* line 188, ../sass/default.scss */
 .cp-banner .box-banner {
   border-bottom: 6px solid #337ab7;
 }
-/* line 189, ../sass/default.scss */
+/* line 190, ../sass/default.scss */
 .cp-banner .box-banner .item-ba {
   position: relative;
 }
-/* line 191, ../sass/default.scss */
+/* line 192, ../sass/default.scss */
 .cp-banner .box-banner .item-ba img {
   width: 100%;
 }
-/* line 194, ../sass/default.scss */
+/* line 195, ../sass/default.scss */
 .cp-banner .box-banner .item-ba .text-ba {
   border: 1px solid #fff;
   border-radius: 4px;
@@ -237,12 +238,12 @@ select.form-control {
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 
-/* line 212, ../sass/default.scss */
+/* line 213, ../sass/default.scss */
 .template-modal .modal-dialog {
   width: 90%;
   max-width: 1170px;
 }
-/* line 216, ../sass/default.scss */
+/* line 217, ../sass/default.scss */
 .template-modal button.close {
   position: absolute;
   right: 0;
@@ -254,62 +255,62 @@ select.form-control {
   padding: 10px;
   border-radius: 4px;
 }
-/* line 227, ../sass/default.scss */
+/* line 228, ../sass/default.scss */
 .template-modal .modal-body iframe {
   height: calc(100vh - 100px);
   width: 100%;
   border-radius: 4px;
 }
 
-/* line 234, ../sass/default.scss */
+/* line 235, ../sass/default.scss */
 .cp-main .container {
   background: #f1f1f1;
   padding: 0;
 }
-/* line 239, ../sass/default.scss */
+/* line 240, ../sass/default.scss */
 .cp-main .cp-bread .breadcrumb {
   border: 1px solid #fff;
   background: none;
   background: #fafafa;
   font-size: 13px;
 }
-/* line 246, ../sass/default.scss */
+/* line 247, ../sass/default.scss */
 .cp-main .cp-pagination {
   text-align: center;
   font-size: 13px;
 }
-/* line 249, ../sass/default.scss */
+/* line 250, ../sass/default.scss */
 .cp-main .cp-pagination .pagination {
   margin: 0;
 }
-/* line 253, ../sass/default.scss */
+/* line 254, ../sass/default.scss */
 .cp-main .cp-sidebar {
   background: #f1f1f1;
   padding: 30px 0;
   min-height: 600px;
 }
-/* line 257, ../sass/default.scss */
+/* line 258, ../sass/default.scss */
 .cp-main .cp-sidebar .list-sidebar {
   margin: 0;
   padding: 0;
   list-style: none;
   position: relative;
 }
-/* line 263, ../sass/default.scss */
+/* line 264, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar {
   position: relative;
 }
-/* line 265, ../sass/default.scss */
+/* line 266, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar:hover {
   background: rgba(255, 255, 255, 0.5);
   box-shadow: 4px 0 0 #337ab7 inset;
 }
-/* line 269, ../sass/default.scss */
+/* line 270, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar.active {
   background: rgba(255, 255, 255, 0.5);
   box-shadow: 4px 0 0 #337ab7 inset;
 }
-/* line 273, ../sass/default.scss */
+/* line 274, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar .btn-sidebar {
   color: #666;
   display: block;
@@ -322,25 +323,25 @@ select.form-control {
   text-decoration: none;
   font-size: 18px;
 }
-/* line 285, ../sass/default.scss */
+/* line 286, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar .fa {
   font-size: 22px;
   position: absolute;
   left: 20px;
   top: 12px;
 }
-/* line 292, ../sass/default.scss */
+/* line 293, ../sass/default.scss */
 .cp-main .cp-sidebar .item-sidebar:last-child .btn-sidebar {
   margin: 0;
 }
-/* line 298, ../sass/default.scss */
+/* line 299, ../sass/default.scss */
 .cp-main .cp-content {
   background: #fff;
   min-height: 600px;
   padding: 30px 30px 80px;
   position: relative;
 }
-/* line 303, ../sass/default.scss */
+/* line 304, ../sass/default.scss */
 .cp-main .cp-content .cp-page-title {
   margin: 0 0 20px;
   padding: 10px;
@@ -354,7 +355,7 @@ select.form-control {
   padding: 10px 10px 10px 24px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 315, ../sass/default.scss */
+/* line 316, ../sass/default.scss */
 .cp-main .cp-content .cp-page-title:before {
   content: "";
   height: calc(100% - 20px);
@@ -365,21 +366,21 @@ select.form-control {
   background: #337ab7;
   display: block;
 }
-/* line 325, ../sass/default.scss */
+/* line 326, ../sass/default.scss */
 .cp-main .cp-content .cp-page-title .cp-title-smalltext {
   float: right;
   font-size: 12px;
   line-height: 18px;
   color: #888;
 }
-/* line 331, ../sass/default.scss */
+/* line 332, ../sass/default.scss */
 .cp-main .cp-content .cp-page-title .pull-right {
   position: relative;
   top: -3px;
   right: -3px;
   font-size: 12px;
 }
-/* line 338, ../sass/default.scss */
+/* line 339, ../sass/default.scss */
 .cp-main .cp-content .cp-page-title .label-primary {
   font-size: 13px;
   font-weight: 400;
@@ -387,11 +388,11 @@ select.form-control {
   display: block;
   padding: 6px 10px;
 }
-/* line 346, ../sass/default.scss */
+/* line 347, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box {
   margin: 0 0 10px;
 }
-/* line 348, ../sass/default.scss */
+/* line 349, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box:after {
   content: ".";
   display: block;
@@ -399,7 +400,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 355, ../sass/default.scss */
+/* line 356, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box .submenu-item {
   background: #fafafa;
   color: #666;
@@ -414,34 +415,55 @@ select.form-control {
   letter-spacing: 0.05em;
   border: 1px solid #ddd;
 }
-/* line 368, ../sass/default.scss */
+/* line 369, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box .submenu-item.active {
   background: #51adf6;
   color: #fff;
   border: 1px solid #39a1f4;
 }
-/* line 373, ../sass/default.scss */
+/* line 374, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box .submenu-item:hover {
   background: #2196f3;
   color: #fff;
   border: 1px solid #0d8aee;
 }
-/* line 378, ../sass/default.scss */
+/* line 379, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box .submenu-item:active {
   box-shadow: none;
 }
-/* line 382, ../sass/default.scss */
+/* line 383, ../sass/default.scss */
 .cp-main .cp-content .cp-submenu-box .cp-filter-box {
   float: left;
   margin: 0 15px 10px 0;
 }
-/* line 387, ../sass/default.scss */
+/* line 386, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .cp-filter-box select.form-control {
+  float: left;
+  width: 200px;
+  margin: 0 10px 10px 0;
+}
+/* line 391, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn {
+  float: left;
+  margin: 0 10px 10px 0;
+}
+/* line 395, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray {
+  color: #333;
+  background: #eee;
+  border-color: #ccc;
+}
+/* line 399, ../sass/default.scss */
+.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray:hover {
+  background: #ddd;
+}
+/* line 405, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail {
   margin: 40px;
   border: 1px solid #ddd;
   padding: 40px;
 }
-/* line 391, ../sass/default.scss */
+/* line 409, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .sub-title {
   color: #337ab7;
   font-size: 20px;
@@ -449,15 +471,15 @@ select.form-control {
   width: 90%;
   margin: 60px 0 10px;
 }
-/* line 397, ../sass/default.scss */
+/* line 415, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .sub-title.ft {
   margin: 0 0 10px;
 }
-/* line 400, ../sass/default.scss */
+/* line 418, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .sub-title + .line-detail {
   border-top: 0px;
 }
-/* line 404, ../sass/default.scss */
+/* line 422, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract {
   width: 100%;
   margin: 0 auto 15px;
@@ -467,39 +489,39 @@ select.form-control {
   border-top: 1px dashed #dadada;
   padding: 15px 10px 0;
 }
-/* line 413, ../sass/default.scss */
+/* line 431, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
   width: calc(100% - 110px);
 }
-/* line 416, ../sass/default.scss */
+/* line 434, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
   width: 100px;
   text-align: right;
 }
-/* line 421, ../sass/default.scss */
+/* line 439, ../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 425, ../sass/default.scss */
+/* line 443, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.hr .header-detail {
   font-size: 18px;
 }
-/* line 428, ../sass/default.scss */
+/* line 446, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.hr .content-detail {
   color: #333;
   font-size: 18px;
 }
-/* line 432, ../sass/default.scss */
+/* line 450, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.hr + div {
   border: none;
 }
-/* line 436, ../sass/default.scss */
+/* line 454, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.file {
   padding: 15px 0 0;
 }
-/* line 438, ../sass/default.scss */
+/* line 456, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.file .file-box {
   height: 30px;
   line-height: 8px;
@@ -507,16 +529,16 @@ select.form-control {
   font-size: 13px;
   margin: 6px 0 0;
 }
-/* line 445, ../sass/default.scss */
+/* line 463, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.file .btn {
   float: right;
   margin: 0;
 }
-/* line 450, ../sass/default.scss */
+/* line 468, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.buttons {
   padding: 15px 0 0;
 }
-/* line 453, ../sass/default.scss */
+/* line 471, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract:after {
   content: ".";
   display: block;
@@ -524,54 +546,54 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 460, ../sass/default.scss */
+/* line 478, ../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 463, ../sass/default.scss */
+/* line 481, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract.middle {
   text-align: center;
 }
-/* line 466, ../sass/default.scss */
+/* line 484, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract .header-detail {
   color: #000;
   font-weight: 500;
   float: left;
   width: 160px;
 }
-/* line 472, ../sass/default.scss */
+/* line 490, ../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 478, ../sass/default.scss */
+/* line 496, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract .content-detail {
   color: #888;
   float: right;
   width: calc(100% - 170px);
 }
-/* line 483, ../sass/default.scss */
+/* line 501, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract .btn {
   width: auto;
   margin: 20px 0;
 }
-/* line 487, ../sass/default.scss */
+/* line 505, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 491, ../sass/default.scss */
+/* line 509, ../sass/default.scss */
 .cp-main .cp-content .cp-contract-detail .line-contract .btn-gray:hover {
   background: #ddd;
 }
-/* line 497, ../sass/default.scss */
+/* line 515, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail {
   padding: 40px 0;
 }
-/* line 499, ../sass/default.scss */
+/* line 517, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail {
   width: 80%;
   margin: 0 auto 15px;
@@ -581,7 +603,7 @@ select.form-control {
   border-top: 1px dashed #dadada;
   padding: 15px 0 0;
 }
-/* line 507, ../sass/default.scss */
+/* line 525, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail:after {
   content: ".";
   display: block;
@@ -589,48 +611,48 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 514, ../sass/default.scss */
+/* line 532, ../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 517, ../sass/default.scss */
+/* line 535, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail.middle {
   text-align: center;
 }
-/* line 520, ../sass/default.scss */
+/* line 538, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail .header-detail {
   color: #000;
   font-weight: 500;
   float: left;
   width: 160px;
 }
-/* line 526, ../sass/default.scss */
+/* line 544, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
   color: #888;
   float: right;
   width: calc(100% - 170px);
 }
-/* line 531, ../sass/default.scss */
+/* line 549, ../sass/default.scss */
 .cp-main .cp-content .cp-requested-detail .line-detail .btn {
   width: 150px;
   margin: 20px 0;
 }
-/* line 538, ../sass/default.scss */
+/* line 556, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history > div {
   margin: 0 0 30px;
 }
-/* line 541, ../sass/default.scss */
+/* line 559, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .box-request-history {
   margin: 0 0 30px;
 }
-/* line 544, ../sass/default.scss */
+/* line 562, ../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 550, ../sass/default.scss */
+/* line 568, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -639,7 +661,7 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 557, ../sass/default.scss */
+/* line 575, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history:after {
   content: ".";
   display: block;
@@ -647,15 +669,15 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 564, ../sass/default.scss */
+/* line 582, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history:last-child {
   margin: 0;
 }
-/* line 569, ../sass/default.scss */
+/* line 587, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .fa {
   margin: 0 10px 0 0;
 }
-/* line 572, ../sass/default.scss */
+/* line 590, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .site-title-history {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -664,23 +686,23 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 579, ../sass/default.scss */
+/* line 597, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .site-title-history strong {
   margin: 0 0 0 10px;
   color: #666;
   font-weight: 600;
 }
-/* line 583, ../sass/default.scss */
+/* line 601, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .site-title-history strong:before {
   content: "[";
   padding: 0 5px 0 0;
 }
-/* line 587, ../sass/default.scss */
+/* line 605, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .site-title-history strong:after {
   content: "]";
   padding: 0 0 0 5px;
 }
-/* line 593, ../sass/default.scss */
+/* line 611, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-detail {
   position: absolute;
   right: -1px;
@@ -692,27 +714,27 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 603, ../sass/default.scss */
+/* line 621, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-detail.requested {
   background: #5cb85c;
 }
-/* line 606, ../sass/default.scss */
+/* line 624, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-detail.confirmed {
   background: #337ab7;
 }
-/* line 609, ../sass/default.scss */
+/* line 627, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-detail.purchased {
   background: #d9534f;
 }
-/* line 612, ../sass/default.scss */
+/* line 630, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-detail.pending {
   background: #ccc;
 }
-/* line 616, ../sass/default.scss */
+/* line 634, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .info-site {
   margin: 0 0 10px;
 }
-/* line 618, ../sass/default.scss */
+/* line 636, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .info-site:after {
   content: ".";
   display: block;
@@ -720,7 +742,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 625, ../sass/default.scss */
+/* line 643, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .info-site .url-site {
   float: left;
   padding: 0 10px;
@@ -728,7 +750,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 632, ../sass/default.scss */
+/* line 650, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .info-site .time-site {
   float: left;
   padding: 0 10px;
@@ -736,7 +758,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 641, ../sass/default.scss */
+/* line 659, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-site {
   position: absolute;
   right: -1px;
@@ -748,19 +770,19 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 651, ../sass/default.scss */
+/* line 669, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-open {
   background: #5cb85c;
 }
-/* line 654, ../sass/default.scss */
+/* line 672, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-close {
   background: #888888;
 }
-/* line 657, ../sass/default.scss */
+/* line 675, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .status-site.tk-processing {
   background: #9f57b9;
 }
-/* line 661, ../sass/default.scss */
+/* line 679, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .action-site {
   background: rgba(0, 0, 0, 0.02);
   padding: 10px;
@@ -769,26 +791,26 @@ select.form-control {
   display: block;
   text-align: right;
 }
-/* line 668, ../sass/default.scss */
+/* line 686, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .action-site a {
   margin: 0 0 0 6px;
 }
-/* line 671, ../sass/default.scss */
+/* line 689, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .action-site .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 675, ../sass/default.scss */
+/* line 693, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-history .item-history .action-site .btn-gray:hover {
   background: #ddd;
 }
-/* line 682, ../sass/default.scss */
+/* line 700, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 {
   margin: 80px auto 0;
   width: 80%;
 }
-/* line 685, ../sass/default.scss */
+/* line 703, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a {
   display: block;
   margin: 0 0 30px;
@@ -803,7 +825,7 @@ select.form-control {
   overflow: hidden;
   text-decoration: none;
 }
-/* line 698, ../sass/default.scss */
+/* line 716, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a .fa {
   color: #ccc;
   font-size: 30px;
@@ -815,7 +837,7 @@ select.form-control {
   line-height: 1;
   z-index: 1;
 }
-/* line 709, ../sass/default.scss */
+/* line 727, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a .fa-sp {
   right: -40px;
   left: auto;
@@ -826,7 +848,7 @@ select.form-control {
   text-shadow: none;
   z-index: 0;
 }
-/* line 719, ../sass/default.scss */
+/* line 737, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a span {
   font-size: 24px;
   line-height: 30px;
@@ -836,29 +858,29 @@ select.form-control {
   position: relative;
   z-index: 1;
 }
-/* line 728, ../sass/default.scss */
+/* line 746, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a:hover {
   border: 1px solid #ddd;
   background: rgba(0, 0, 0, 0.02);
 }
-/* line 731, ../sass/default.scss */
+/* line 749, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a:hover .fa {
   color: #337ab7;
 }
-/* line 734, ../sass/default.scss */
+/* line 752, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 a:hover span {
   color: #222;
 }
-/* line 740, ../sass/default.scss */
+/* line 758, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-new .fa {
   left: 22px;
 }
-/* line 743, ../sass/default.scss */
+/* line 761, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .add-new .fa-sp {
   left: auto;
   right: 0;
 }
-/* line 750, ../sass/default.scss */
+/* line 768, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .sp-text {
   display: block;
   font-style: italic;
@@ -866,7 +888,7 @@ select.form-control {
   position: relative;
   width: 150px;
 }
-/* line 756, ../sass/default.scss */
+/* line 774, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .sp-text span {
   background: #fff;
   padding: 0 15px 0 10px;
@@ -874,7 +896,7 @@ select.form-control {
   z-index: 2;
   color: #888;
 }
-/* line 768, ../sass/default.scss */
+/* line 786, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours {
   display: none;
   margin: 0 30px 30px;
@@ -885,7 +907,7 @@ select.form-control {
   text-align: left;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.04) inset;
 }
-/* line 777, ../sass/default.scss */
+/* line 795, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours:before {
   content: "";
   width: 0;
@@ -898,19 +920,19 @@ select.form-control {
   top: -10px;
   margin: 0 0 0 -5px;
 }
-/* line 789, ../sass/default.scss */
+/* line 807, ../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 795, ../sass/default.scss */
+/* line 813, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .text-add-info {
   resize: none;
   margin: 0 0 20px;
 }
-/* line 800, ../sass/default.scss */
+/* line 818, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .line-add:after {
   content: ".";
   display: block;
@@ -918,7 +940,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 807, ../sass/default.scss */
+/* line 825, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step0 .box-add-yours .line-add .notice-text {
   float: right;
   width: calc(100% - 80px);
@@ -928,14 +950,14 @@ select.form-control {
   color: #888;
   letter-spacing: 0.02em;
 }
-/* line 819, ../sass/default.scss */
+/* line 837, ../sass/default.scss */
 .cp-main .cp-content .cp-progress {
   position: relative;
   height: 60px;
   margin: 50px auto;
   width: 60%;
 }
-/* line 824, ../sass/default.scss */
+/* line 842, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step {
   display: block;
   position: relative;
@@ -945,7 +967,7 @@ select.form-control {
   font-size: 12px;
   border-radius: 4px;
 }
-/* line 832, ../sass/default.scss */
+/* line 850, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step:before {
   content: "";
   width: 0;
@@ -958,12 +980,12 @@ select.form-control {
   top: -6px;
   margin: 0 0 0 -6px;
 }
-/* line 844, ../sass/default.scss */
+/* line 862, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step.active {
   background: #337ab7;
   color: #fff;
 }
-/* line 847, ../sass/default.scss */
+/* line 865, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .tag-step.active:before {
   content: "";
   width: 0;
@@ -976,30 +998,30 @@ select.form-control {
   top: -6px;
   margin: 0 0 0 -6px;
 }
-/* line 861, ../sass/default.scss */
+/* line 879, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step1 {
   position: absolute;
   left: -4px;
 }
-/* line 865, ../sass/default.scss */
+/* line 883, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step2 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
-/* line 870, ../sass/default.scss */
+/* line 888, ../sass/default.scss */
 .cp-main .cp-content .cp-progress .step3 {
   position: absolute;
   right: -10px;
 }
-/* line 875, ../sass/default.scss */
+/* line 893, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 {
   width: 80%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
 }
-/* line 881, ../sass/default.scss */
+/* line 899, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form {
   border-radius: 4px;
   border: 1px solid #ddd;
@@ -1007,15 +1029,15 @@ select.form-control {
   position: relative;
   padding: 0 0 64px;
 }
-/* line 888, ../sass/default.scss */
+/* line 906, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form.form2 {
   display: none;
 }
-/* line 891, ../sass/default.scss */
+/* line 909, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form.form3 {
   display: none;
 }
-/* line 894, ../sass/default.scss */
+/* line 912, ../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;
@@ -1024,7 +1046,7 @@ select.form-control {
   color: #666;
   padding: 20px 0;
 }
-/* line 902, ../sass/default.scss */
+/* line 920, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-sub-title {
   font-size: 18px;
   color: #888;
@@ -1032,7 +1054,7 @@ select.form-control {
   margin: 0;
   position: relative;
 }
-/* line 908, ../sass/default.scss */
+/* line 926, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-sub-title:before {
   content: "";
   height: 100%;
@@ -1044,13 +1066,13 @@ select.form-control {
   display: block;
   border-radius: 4px;
 }
-/* line 920, ../sass/default.scss */
+/* line 938, ../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 924, ../sass/default.scss */
+/* line 942, ../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;
@@ -1062,7 +1084,7 @@ select.form-control {
   vertical-align: top;
   overflow: hidden;
 }
-/* line 934, ../sass/default.scss */
+/* line 952, ../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;
@@ -1073,25 +1095,25 @@ select.form-control {
   top: -10px;
   transform: rotate(-45deg);
 }
-/* line 944, ../sass/default.scss */
+/* line 962, ../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 947, ../sass/default.scss */
+/* line 965, ../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 952, ../sass/default.scss */
+/* line 970, ../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 958, ../sass/default.scss */
+/* line 976, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
   display: flex;
 }
-/* line 960, ../sass/default.scss */
+/* line 978, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list {
   flex: 1;
   width: 50%;
@@ -1103,11 +1125,11 @@ select.form-control {
   position: relative;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
 }
-/* line 970, ../sass/default.scss */
+/* line 988, ../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 972, ../sass/default.scss */
+/* line 990, ../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);
@@ -1119,7 +1141,7 @@ select.form-control {
   position: relative;
   cursor: pointer;
 }
-/* line 982, ../sass/default.scss */
+/* line 1000, ../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);
@@ -1130,7 +1152,7 @@ select.form-control {
   background: #337ab7;
   display: block;
 }
-/* line 996, ../sass/default.scss */
+/* line 1014, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list {
   flex: 1;
   width: 50%;
@@ -1142,7 +1164,7 @@ select.form-control {
   position: relative;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1006, ../sass/default.scss */
+/* line 1024, ../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;
@@ -1154,11 +1176,11 @@ select.form-control {
   width: 100%;
   text-align: center;
 }
-/* line 1017, ../sass/default.scss */
+/* line 1035, ../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 1019, ../sass/default.scss */
+/* line 1037, ../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);
@@ -1170,7 +1192,7 @@ select.form-control {
   position: relative;
   cursor: pointer;
 }
-/* line 1029, ../sass/default.scss */
+/* line 1047, ../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);
@@ -1181,11 +1203,11 @@ select.form-control {
   background: #337ab7;
   display: block;
 }
-/* line 1044, ../sass/default.scss */
+/* line 1062, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add {
   margin: 0 20px 20px;
 }
-/* line 1046, ../sass/default.scss */
+/* line 1064, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add:after {
   content: ".";
   display: block;
@@ -1193,7 +1215,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1053, ../sass/default.scss */
+/* line 1071, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label {
   float: left;
   width: 25%;
@@ -1203,12 +1225,12 @@ select.form-control {
   padding: 8px 0;
   text-align: left;
 }
-/* line 1062, ../sass/default.scss */
+/* line 1080, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
   float: right;
   width: 75%;
 }
-/* line 1066, ../sass/default.scss */
+/* line 1084, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons {
   position: absolute;
   left: 0;
@@ -1217,14 +1239,14 @@ select.form-control {
   text-align: center;
   margin: 0;
 }
-/* line 1073, ../sass/default.scss */
+/* line 1091, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
   width: 160px;
   display: inline-block;
   margin: 0 50px;
   float: none;
 }
-/* line 1083, ../sass/default.scss */
+/* line 1101, ../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;
@@ -1233,38 +1255,38 @@ select.form-control {
   color: #888;
   margin: 0 0 10px;
 }
-/* line 1092, ../sass/default.scss */
+/* line 1110, ../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 1097, ../sass/default.scss */
+/* line 1115, ../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 1102, ../sass/default.scss */
+/* line 1120, ../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 1107, ../sass/default.scss */
+/* line 1125, ../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 1112, ../sass/default.scss */
+/* line 1130, ../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 1118, ../sass/default.scss */
+/* line 1136, ../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;
@@ -1273,13 +1295,13 @@ select.form-control {
   color: #888;
   margin: 0 0 10px;
 }
-/* line 1127, ../sass/default.scss */
+/* line 1145, ../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 1133, ../sass/default.scss */
+/* line 1151, ../sass/default.scss */
 .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
   display: none;
   clear: both;
@@ -1290,23 +1312,23 @@ select.form-control {
   border-radius: 4px;
   padding: 20px;
 }
-/* line 1142, ../sass/default.scss */
+/* line 1160, ../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 1147, ../sass/default.scss */
+/* line 1165, ../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 1149, ../sass/default.scss */
+/* line 1167, ../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 1154, ../sass/default.scss */
+/* line 1172, ../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;
@@ -1316,37 +1338,37 @@ select.form-control {
   vertical-align: middle;
   margin: 0;
 }
-/* line 1163, ../sass/default.scss */
+/* line 1181, ../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 1167, ../sass/default.scss */
+/* line 1185, ../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 1170, ../sass/default.scss */
+/* line 1188, ../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 1181, ../sass/default.scss */
+/* line 1199, ../sass/default.scss */
 .cp-main .cp-content .box-add-yours {
   display: none;
 }
-/* line 1184, ../sass/default.scss */
+/* line 1202, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting {
   padding: 40px 0;
 }
-/* line 1186, ../sass/default.scss */
+/* line 1204, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile {
   display: block;
   margin: 0 auto 30px;
   width: 80%;
 }
-/* line 1190, ../sass/default.scss */
+/* line 1208, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile:after {
   content: ".";
   display: block;
@@ -1354,7 +1376,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1197, ../sass/default.scss */
+/* line 1215, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile label {
   float: left;
   width: 25%;
@@ -1363,38 +1385,38 @@ select.form-control {
   line-height: 1;
   padding: 8px 0;
 }
-/* line 1205, ../sass/default.scss */
+/* line 1223, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile input {
   float: right;
   width: 75%;
 }
-/* line 1209, ../sass/default.scss */
+/* line 1227, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile textarea {
   float: right;
   width: 75%;
   min-height: 10em;
   resize: none;
 }
-/* line 1215, ../sass/default.scss */
+/* line 1233, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .link-profile {
   display: block;
   text-align: center;
 }
-/* line 1219, ../sass/default.scss */
+/* line 1237, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .pull-r {
   float: right;
   width: 75%;
   text-align: center;
 }
-/* line 1225, ../sass/default.scss */
+/* line 1243, ../sass/default.scss */
 .cp-main .cp-content .cp-profile-setting .line-profile .pull-r .btn {
   width: 100%;
 }
-/* line 1230, ../sass/default.scss */
+/* line 1248, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box {
   margin: 0 0 30px;
 }
-/* line 1232, ../sass/default.scss */
+/* line 1250, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box:after {
   content: ".";
   display: block;
@@ -1402,32 +1424,32 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1239, ../sass/default.scss */
+/* line 1257, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .pull-right {
   margin: 0 0 0 10px;
 }
-/* line 1242, ../sass/default.scss */
+/* line 1260, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 1246, ../sass/default.scss */
+/* line 1264, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .btn-gray:hover {
   background: #ddd;
 }
-/* line 1250, ../sass/default.scss */
+/* line 1268, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box label {
   color: #666;
   margin-right: 10px;
   margin-bottom: 5px;
 }
-/* line 1255, ../sass/default.scss */
+/* line 1273, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box {
   float: left;
   width: 70%;
 }
-/* line 1258, ../sass/default.scss */
+/* line 1276, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box:after {
   content: ".";
   display: block;
@@ -1435,7 +1457,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1266, ../sass/default.scss */
+/* line 1284, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form:after {
   content: ".";
   display: block;
@@ -1443,39 +1465,39 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1273, ../sass/default.scss */
+/* line 1291, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form > * {
   float: left;
   margin: 0 2% 0 0;
 }
-/* line 1276, ../sass/default.scss */
+/* line 1294, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box form > *:last-child {
   margin: 0;
 }
-/* line 1281, ../sass/default.scss */
+/* line 1299, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-select {
   width: 28%;
 }
-/* line 1284, ../sass/default.scss */
+/* line 1302, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-input {
   width: calc(68% - 120px);
 }
-/* line 1287, ../sass/default.scss */
+/* line 1305, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-submit {
   width: 40px;
   margin: 0 10px 0 0;
 }
-/* line 1291, ../sass/default.scss */
+/* line 1309, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box .cp-search-box .cp-reset {
   width: 70px;
 }
-/* line 1295, ../sass/default.scss */
+/* line 1313, ../sass/default.scss */
 .cp-main .cp-content .cp-function-box.bottom {
   position: absolute;
   right: 30px;
   bottom: 0;
 }
-/* line 1301, ../sass/default.scss */
+/* line 1319, ../sass/default.scss */
 .cp-main .cp-content .cp-message-box {
   border: 1px solid #ddd;
   border-radius: 4px;
@@ -1484,28 +1506,28 @@ select.form-control {
   margin: 0 0 20px;
   text-align: center;
 }
-/* line 1310, ../sass/default.scss */
+/* line 1328, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box {
   padding: 40px 0;
   text-align: center;
 }
-/* line 1313, ../sass/default.scss */
+/* line 1331, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box .loading-text {
   color: #888;
   display: block;
   margin: 0 0 20px;
 }
-/* line 1318, ../sass/default.scss */
+/* line 1336, ../sass/default.scss */
 .cp-main .cp-content .cp-loading-box .fa {
   color: #ccc;
 }
-/* line 1322, ../sass/default.scss */
+/* line 1340, ../sass/default.scss */
 .cp-main .cp-content .list-servers {
   margin: 0 0 20px;
   padding: 0;
   list-style: none;
 }
-/* line 1326, ../sass/default.scss */
+/* line 1344, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1514,11 +1536,11 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1333, ../sass/default.scss */
+/* line 1351, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers:last-child {
   margin: 0;
 }
-/* line 1336, ../sass/default.scss */
+/* line 1354, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .name-server {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1527,18 +1549,18 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 1344, ../sass/default.scss */
+/* line 1362, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server {
   margin: 0 0 10px;
 }
-/* line 1346, ../sass/default.scss */
+/* line 1364, ../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 1351, ../sass/default.scss */
+/* line 1369, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .address-server a {
   display: block;
   position: relative;
@@ -1546,7 +1568,7 @@ select.form-control {
   word-wrap: break-word;
   word-break: break-all;
 }
-/* line 1357, ../sass/default.scss */
+/* line 1375, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .address-server a .fa {
   color: #888;
   font-size: 12px;
@@ -1554,7 +1576,7 @@ select.form-control {
   left: 0;
   top: 7px;
 }
-/* line 1366, ../sass/default.scss */
+/* line 1384, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .regdate-server {
   display: block;
   font-size: 13px;
@@ -1562,12 +1584,12 @@ select.form-control {
   padding: 0 10px 0 32px;
   position: relative;
 }
-/* line 1372, ../sass/default.scss */
+/* line 1390, ../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 1376, ../sass/default.scss */
+/* line 1394, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .info-server .regdate-server .fa {
   color: #888;
   font-size: 12px;
@@ -1575,7 +1597,7 @@ select.form-control {
   left: 11px;
   top: 3px;
 }
-/* line 1385, ../sass/default.scss */
+/* line 1403, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server {
   position: absolute;
   right: -1px;
@@ -1587,15 +1609,15 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1395, ../sass/default.scss */
+/* line 1413, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server.online {
   background: #5cb85c;
 }
-/* line 1398, ../sass/default.scss */
+/* line 1416, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .status-server.offline {
   background: #d9534f;
 }
-/* line 1402, ../sass/default.scss */
+/* line 1420, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server {
   background: rgba(0, 0, 0, 0.02);
   padding: 10px;
@@ -1604,27 +1626,27 @@ select.form-control {
   display: block;
   text-align: right;
 }
-/* line 1409, ../sass/default.scss */
+/* line 1427, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server a {
   margin: 0 0 0 6px;
 }
-/* line 1412, ../sass/default.scss */
+/* line 1430, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 1416, ../sass/default.scss */
+/* line 1434, ../sass/default.scss */
 .cp-main .cp-content .list-servers .item-servers .action-server .btn-gray:hover {
   background: #ddd;
 }
-/* line 1423, ../sass/default.scss */
+/* line 1441, ../sass/default.scss */
 .cp-main .cp-content .list-ticket {
   margin: 0 0 20px;
   padding: 0;
   list-style: none;
 }
-/* line 1427, ../sass/default.scss */
+/* line 1445, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1633,7 +1655,7 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1434, ../sass/default.scss */
+/* line 1452, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li:after {
   content: ".";
   display: block;
@@ -1641,15 +1663,15 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1441, ../sass/default.scss */
+/* line 1459, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li:last-child {
   margin: 0;
 }
-/* line 1446, ../sass/default.scss */
+/* line 1464, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .fa {
   margin: 0 10px 0 0;
 }
-/* line 1449, ../sass/default.scss */
+/* line 1467, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .subject-ticket {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1658,11 +1680,11 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 1457, ../sass/default.scss */
+/* line 1475, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket {
   margin: 0 0 10px;
 }
-/* line 1459, ../sass/default.scss */
+/* line 1477, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket:after {
   content: ".";
   display: block;
@@ -1670,7 +1692,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1466, ../sass/default.scss */
+/* line 1484, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .number-ticket {
   float: left;
   padding: 0 10px;
@@ -1678,7 +1700,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1473, ../sass/default.scss */
+/* line 1491, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .type-ticket {
   float: left;
   padding: 0 10px;
@@ -1686,7 +1708,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1480, ../sass/default.scss */
+/* line 1498, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .info-ticket .time-ticket {
   float: left;
   padding: 0 10px;
@@ -1694,7 +1716,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1489, ../sass/default.scss */
+/* line 1507, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket {
   position: absolute;
   right: -1px;
@@ -1706,19 +1728,19 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1499, ../sass/default.scss */
+/* line 1517, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-open {
   background: #5cb85c;
 }
-/* line 1502, ../sass/default.scss */
+/* line 1520, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-close {
   background: #888888;
 }
-/* line 1505, ../sass/default.scss */
+/* line 1523, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .status-ticket.tk-processing {
   background: #9f57b9;
 }
-/* line 1509, ../sass/default.scss */
+/* line 1527, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket {
   background: rgba(0, 0, 0, 0.02);
   padding: 10px;
@@ -1727,21 +1749,21 @@ select.form-control {
   display: block;
   text-align: right;
 }
-/* line 1516, ../sass/default.scss */
+/* line 1534, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket a {
   margin: 0 0 0 6px;
 }
-/* line 1519, ../sass/default.scss */
+/* line 1537, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket .btn-gray {
   color: #333;
   background: #eee;
   border-color: #ccc;
 }
-/* line 1523, ../sass/default.scss */
+/* line 1541, ../sass/default.scss */
 .cp-main .cp-content .list-ticket li .action-ticket .btn-gray:hover {
   background: #ddd;
 }
-/* line 1530, ../sass/default.scss */
+/* line 1548, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket {
   border: 1px solid #ddd;
   padding: 10px 0 0;
@@ -1750,7 +1772,7 @@ select.form-control {
   border-radius: 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1537, ../sass/default.scss */
+/* line 1555, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket:after {
   content: ".";
   display: block;
@@ -1758,19 +1780,19 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1544, ../sass/default.scss */
+/* line 1562, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket:last-child {
   margin: 0;
 }
-/* line 1549, ../sass/default.scss */
+/* line 1567, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments {
   border-bottom: 1px solid #ddd;
 }
-/* line 1551, ../sass/default.scss */
+/* line 1569, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .fa {
   margin: 0 10px 0 0;
 }
-/* line 1554, ../sass/default.scss */
+/* line 1572, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .subject-ticket {
   display: block;
   border-bottom: 1px solid #ddd;
@@ -1779,11 +1801,11 @@ select.form-control {
   text-transform: uppercase;
   font-size: 18px;
 }
-/* line 1562, ../sass/default.scss */
+/* line 1580, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket {
   margin: 0 0 10px;
 }
-/* line 1564, ../sass/default.scss */
+/* line 1582, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket:after {
   content: ".";
   display: block;
@@ -1791,7 +1813,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1571, ../sass/default.scss */
+/* line 1589, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .number-ticket {
   float: left;
   padding: 0 10px;
@@ -1799,7 +1821,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1578, ../sass/default.scss */
+/* line 1596, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .type-ticket {
   float: left;
   padding: 0 10px;
@@ -1807,7 +1829,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1585, ../sass/default.scss */
+/* line 1603, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .info-ticket .time-ticket {
   float: left;
   padding: 0 10px;
@@ -1815,7 +1837,7 @@ select.form-control {
   font-size: 13px;
   line-height: 34px;
 }
-/* line 1594, ../sass/default.scss */
+/* line 1612, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket {
   position: absolute;
   right: -1px;
@@ -1827,27 +1849,27 @@ select.form-control {
   border-radius: 0 4px 0 4px;
   box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05) inset;
 }
-/* line 1604, ../sass/default.scss */
+/* line 1622, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-open {
   background: #5cb85c;
 }
-/* line 1607, ../sass/default.scss */
+/* line 1625, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-close {
   background: #888888;
 }
-/* line 1610, ../sass/default.scss */
+/* line 1628, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .header-comments .status-ticket.tk-processing {
   background: #9f57b9;
 }
-/* line 1615, ../sass/default.scss */
+/* line 1633, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group {
   border-bottom: 40px solid #eee;
 }
-/* line 1617, ../sass/default.scss */
+/* line 1635, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group:last-child {
   border-bottom: 0;
 }
-/* line 1620, ../sass/default.scss */
+/* line 1638, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments {
   color: #888;
   padding: 20px 30px 30px;
@@ -1855,32 +1877,32 @@ select.form-control {
   text-align: justify;
   line-height: 2;
 }
-/* line 1626, ../sass/default.scss */
+/* line 1644, ../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 1632, ../sass/default.scss */
+/* line 1650, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .post-comments p {
   text-align: justify;
   line-height: 2;
 }
-/* line 1636, ../sass/default.scss */
+/* line 1654, ../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 1642, ../sass/default.scss */
+/* line 1660, ../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 1649, ../sass/default.scss */
+/* line 1667, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk {
   margin: 0 30px 30px;
   border: 1px solid #ddd;
@@ -1890,7 +1912,7 @@ select.form-control {
   overflow: hidden;
   background: rgba(0, 0, 0, 0.015);
 }
-/* line 1658, ../sass/default.scss */
+/* line 1676, ../sass/default.scss */
 .cp-main .cp-content .cp-comments-ticket .comments-group .talk-comments .box-talk .header-talk .talk-title {
   background: #337ab7;
   color: #fff;
@@ -1901,7 +1923,7 @@ select.form-control {
   position: relative;
   padding: 10px 10px 10px 35px;
 }
-/* line 1667, ../sass/default.scss */
+/* line 1685, ../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;
@@ -1912,22 +1934,22 @@ select.form-control {
   padding: 0;
   margin: 0;
 }
-/* line 1679, ../sass/default.scss */
+/* line 1697, ../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 1682, ../sass/default.scss */
+/* line 1700, ../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 1686, ../sass/default.scss */
+/* line 1704, ../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 1689, ../sass/default.scss */
+/* line 1707, ../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;
@@ -1937,19 +1959,19 @@ select.form-control {
   margin: 0 10px 0 0;
   vertical-align: middle;
 }
-/* line 1698, ../sass/default.scss */
+/* line 1716, ../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 1703, ../sass/default.scss */
+/* line 1721, ../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 1708, ../sass/default.scss */
+/* line 1726, ../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;
@@ -1960,7 +1982,7 @@ select.form-control {
   font-size: 13px;
   line-height: 18px;
 }
-/* line 1717, ../sass/default.scss */
+/* line 1735, ../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;
@@ -1970,7 +1992,7 @@ select.form-control {
   left: 5px;
   top: 8px;
 }
-/* line 1728, ../sass/default.scss */
+/* line 1746, ../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;
@@ -1978,7 +2000,7 @@ select.form-control {
   line-height: 2;
   margin: 0 0 20px;
 }
-/* line 1734, ../sass/default.scss */
+/* line 1752, ../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;
@@ -1987,25 +2009,25 @@ select.form-control {
   font-size: 14px;
   line-height: 2;
 }
-/* line 1742, ../sass/default.scss */
+/* line 1760, ../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 1746, ../sass/default.scss */
+/* line 1764, ../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 1752, ../sass/default.scss */
+/* line 1770, ../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 1766, ../sass/default.scss */
+/* line 1784, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box {
   background: rgba(0, 0, 0, 0.02);
   border-radius: 4px;
@@ -2015,14 +2037,14 @@ select.form-control {
   border: 1px solid #ddd;
   padding: 40px;
 }
-/* line 1774, ../sass/default.scss */
+/* line 1792, ../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 1779, ../sass/default.scss */
+/* line 1797, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login:after {
   content: ".";
   display: block;
@@ -2030,7 +2052,7 @@ select.form-control {
   clear: both;
   visibility: hidden;
 }
-/* line 1786, ../sass/default.scss */
+/* line 1804, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login .icon-lock {
   width: 80px;
   display: block;
@@ -2040,50 +2062,50 @@ select.form-control {
   margin: 0 auto 20px;
   text-align: center;
 }
-/* line 1794, ../sass/default.scss */
+/* line 1812, ../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 1800, ../sass/default.scss */
+/* line 1818, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login .text-input {
   display: block;
   font-size: 16px;
   font-weight: 400;
 }
-/* line 1806, ../sass/default.scss */
+/* line 1824, ../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 1811, ../sass/default.scss */
+/* line 1829, ../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 1815, ../sass/default.scss */
+/* line 1833, ../sass/default.scss */
 .cp-main .cp-login-page .cp-login-box .line-login input[type="submit"] {
   width: 100%;
 }
-/* line 1820, ../sass/default.scss */
+/* line 1838, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box {
   width: 80%;
   max-width: 600px;
   margin: 0 auto 30px;
   text-align: center;
 }
-/* line 1825, ../sass/default.scss */
+/* line 1843, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box p {
   margin: 0;
 }
-/* line 1828, ../sass/default.scss */
+/* line 1846, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box a {
   font-size: 15px;
   letter-spacing: 0.05em;
 }
-/* line 1831, ../sass/default.scss */
+/* line 1849, ../sass/default.scss */
 .cp-main .cp-login-page .cp-forgot-box a span {
   color: #888;
   font-size: 13px;
@@ -2091,17 +2113,17 @@ select.form-control {
   padding: 0 5px;
 }
 
-/* line 1842, ../sass/default.scss */
+/* line 1860, ../sass/default.scss */
 .cp-footer .container {
   border: 1px solid #ddd;
 }
-/* line 1845, ../sass/default.scss */
+/* line 1863, ../sass/default.scss */
 .cp-footer .cp-footer-info {
   text-align: center;
   padding: 10px 0;
 }
 
-/* line 1851, ../sass/default.scss */
+/* line 1869, ../sass/default.scss */
 .clear:after {
   content: ".";
   display: block;
@@ -2110,7 +2132,7 @@ select.form-control {
   visibility: hidden;
 }
 
-/* line 1859, ../sass/default.scss */
+/* line 1877, ../sass/default.scss */
 .go-back-top {
   background: rgba(51, 122, 183, 0.9);
   text-align: center;
@@ -2125,7 +2147,7 @@ select.form-control {
   border-radius: 2px;
   z-index: 1050;
 }
-/* line 1873, ../sass/default.scss */
+/* line 1891, ../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 3d8bb30..0331990 100644
--- a/app/assets/stylesheets/client_management/rwd.css
+++ b/app/assets/stylesheets/client_management/rwd.css
@@ -73,211 +73,239 @@
     text-align: center;
   }
 
-  /* line 91, ../sass/rwd.scss */
+  /* line 92, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-submenu-box .cp-filter-box {
+    clear: both;
+    float: none;
+    width: 100%;
+    margin: 0 0 10px;
+  }
+  /* line 97, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-submenu-box .cp-filter-box select.form-control {
+    float: none;
+    width: 100%;
+    margin: 0 0 10px;
+  }
+  /* line 102, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-submenu-box .cp-filter-box .btn {
+    float: left;
+    margin: 0 10px 10px 0;
+  }
+  /* line 106, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray {
+    color: #333;
+    background: #eee;
+    border-color: #ccc;
+  }
+  /* line 110, ../sass/rwd.scss */
+  .cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray:hover {
+    background: #ddd;
+  }
+  /* line 116, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail {
     padding: 20px 0;
   }
-  /* line 93, ../sass/rwd.scss */
+  /* line 118, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail .sub-title {
     margin: 40px auto 10px;
   }
-  /* line 95, ../sass/rwd.scss */
+  /* line 120, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail .sub-title.ft {
     margin: 20px auto 10px;
   }
-  /* line 99, ../sass/rwd.scss */
+  /* line 124, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail .line-contract {
     width: 90%;
   }
-  /* line 102, ../sass/rwd.scss */
+  /* line 127, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
     float: left;
   }
-  /* line 105, ../sass/rwd.scss */
+  /* line 130, ../sass/rwd.scss */
   .cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
     float: right;
   }
-  /* line 116, ../sass/rwd.scss */
+  /* line 141, ../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 */
+  /* line 146, ../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 */
+  /* line 151, ../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 */
+  /* line 158, ../sass/rwd.scss */
   .cp-main .cp-content .cp-requested-detail {
     padding: 20px 0;
   }
-  /* line 135, ../sass/rwd.scss */
+  /* line 160, ../sass/rwd.scss */
   .cp-main .cp-content .cp-requested-detail .line-detail {
     width: 90%;
   }
-  /* line 141, ../sass/rwd.scss */
+  /* line 166, ../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 */
+  /* line 171, ../sass/rwd.scss */
   .cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
     display: block;
     float: none;
     width: 100%;
   }
-  /* line 155, ../sass/rwd.scss */
+  /* line 180, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step0 {
     width: 100%;
   }
-  /* line 157, ../sass/rwd.scss */
+  /* line 182, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step0 a {
     padding: 30px;
   }
-  /* line 159, ../sass/rwd.scss */
+  /* line 184, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step0 a .fa {
     top: 30px;
   }
-  /* line 162, ../sass/rwd.scss */
+  /* line 187, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step0 a .fa-sp {
     font-size: 180px;
     top: -45px;
     right: -10px;
   }
-  /* line 167, ../sass/rwd.scss */
+  /* line 192, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step0 a span {
     font-size: 20px;
   }
-  /* line 176, ../sass/rwd.scss */
+  /* line 201, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
     margin: 0 10px;
   }
-  /* line 184, ../sass/rwd.scss */
+  /* line 209, ../sass/rwd.scss */
   .cp-main .cp-content .cp-function-box .cp-search-box {
     float: none;
     width: 100%;
     margin: 0 0 20px;
   }
-  /* line 191, ../sass/rwd.scss */
+  /* line 216, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile {
     width: 100%;
   }
-  /* line 193, ../sass/rwd.scss */
+  /* line 218, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile label {
     float: none;
     width: 100%;
   }
-  /* line 197, ../sass/rwd.scss */
+  /* line 222, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile input {
     float: none;
     width: 100%;
   }
-  /* line 201, ../sass/rwd.scss */
+  /* line 226, ../sass/rwd.scss */
   .cp-main .cp-content .cp-profile-setting .line-profile textarea {
     float: none;
     width: 100%;
   }
-  /* line 205, ../sass/rwd.scss */
+  /* line 230, ../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 218, ../sass/rwd.scss */
+  /* line 243, ../sass/rwd.scss */
   .cp-banner .box-banner .item-ba .text-ba {
     font-size: 15px;
     width: 80%;
     text-align: center;
   }
 
-  /* line 228, ../sass/rwd.scss */
+  /* line 253, ../sass/rwd.scss */
   .cp-main .cp-login-page .cp-login-box {
     width: 100%;
   }
-  /* line 230, ../sass/rwd.scss */
+  /* line 255, ../sass/rwd.scss */
   .cp-main .cp-login-page .cp-login-box .line-login {
     width: 100%;
     max-width: 100vw;
   }
-  /* line 240, ../sass/rwd.scss */
+  /* line 265, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title {
     margin: 0 20px 20px;
   }
-  /* line 243, ../sass/rwd.scss */
+  /* line 268, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
     float: none;
     width: 100%;
   }
-  /* line 248, ../sass/rwd.scss */
+  /* line 273, ../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 253, ../sass/rwd.scss */
+  /* line 278, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
     float: none;
     width: 100%;
   }
-  /* line 257, ../sass/rwd.scss */
+  /* line 282, ../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 261, ../sass/rwd.scss */
+  /* line 286, ../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 269, ../sass/rwd.scss */
+  /* line 294, ../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 274, ../sass/rwd.scss */
+  /* line 299, ../sass/rwd.scss */
   .cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
     display: block;
   }
-  /* line 276, ../sass/rwd.scss */
+  /* line 301, ../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 280, ../sass/rwd.scss */
+  /* line 305, ../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 289, ../sass/rwd.scss */
+  /* line 314, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket {
     padding: 30px 0 0;
   }
-  /* line 291, ../sass/rwd.scss */
+  /* line 316, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket .subject-ticket {
     padding: 10px;
   }
-  /* line 295, ../sass/rwd.scss */
+  /* line 320, ../sass/rwd.scss */
   .cp-main .cp-content .list-ticket .item-ticket .info-ticket span {
     display: block;
   }
-  /* line 302, ../sass/rwd.scss */
+  /* line 327, ../sass/rwd.scss */
   .cp-main .cp-content .list-servers .item-servers {
     padding: 30px 0 0;
   }
-  /* line 304, ../sass/rwd.scss */
+  /* line 329, ../sass/rwd.scss */
   .cp-main .cp-content .list-servers .item-servers .name-server {
     padding: 10px;
   }
-  /* line 310, ../sass/rwd.scss */
+  /* line 335, ../sass/rwd.scss */
   .cp-main .cp-content .cp-function-box .cp-search-box {
     float: none;
     width: 100%;
diff --git a/app/views/client_managements/history.html.erb b/app/views/client_managements/history.html.erb
index 5c39931..c0c8ddc 100644
--- a/app/views/client_managements/history.html.erb
+++ b/app/views/client_managements/history.html.erb
@@ -18,9 +18,9 @@
     <div class="cp-filter-box">
       <form action="" method="get">
         <%= select_tag "q",  options_for_select(@user_sites, params[:q]), :prompt => "All", :class => "form-control" %>
-        <input type="submit" value="Filter">
+        <input type="submit" value="Filter" class="btn btn-success">
         <% if params[:q].present? %>
-          <a href="/cpanel/history">Clear</a>
+          <a href="/cpanel/history" class="btn btn-gray">Clear</a>
         <% end %>
       </form>
     </div>