@media (min-width: 1400px){
    .container {
        max-width: 1340px;
    }
}

@media (min-width: 1800px){
    .container {
        max-width: 1740px;
    }
}

.new-customer-back{
    background: #1e90ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #1e90ff, #fffafa);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #1e90ff, #fffafa);
}

.new-customer-sales-back {
    background: #87ceeb;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #87ceeb, #fffafa);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #87ceeb, #fffafa);
}

.new-customer-sales-history-back {
    background: #bce2e8;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #bce2e8, #fffafa);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #bce2e8, #fffafa);
}

.new-customer-link {
    background-color: white;
    text-align:center;
    margin-bottom: 10px;
    padding:20px 0px;
    border:1px solid #ccc;
    border-radius: 5px;
}

.home-title{
    background-color: #ccc;
}

.edit {
    margin: 15px;
}

.create-div {
    margin-top: 30px;
    margin-bottom: 15px;
}

.show-detail {
    margin: 5px 5px;
}

.show-title {
    border-bottom: solid 1px #ccc;
    text-align: right;
    min-height: 25px;
}

.show-label {
    text-align: left;
    border-bottom: solid 1px #ccc;
    vertical-align: middle;
    min-height: 25px;
}

.show-label p {
    margin-bottom: 0px;
}

.home-table {
    margin: 15px 0px;
}

.pagination {
    justify-content: center;
}

td {
    white-space: nowrap;
}

.search {
    margin-bottom: 15px;
}

.search-input-clear, .search-title {
    cursor: pointer;
    padding: 0.375rem 0.375rem;
}

.circle-span {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #AAA;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-control::placeholder{
    color: #cccccc;
}

.point-view {
    background-color: #CCC;
    padding: 5px;
    margin-left: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.form-point-area {
    background-color: #CCC;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.form-point-area > input {
    width: 120px !important;
}

.form-point-area > label.label-left-margin {
    margin-left: 20px;
}

.item-detail {
    color: white;
    background-color: #6494c5;
    border-radius: 5px;
    padding: 10px;
}

.input_g {
    margin: 20px 0px;
}

.add-area {
    margin: 5px 0px 20px 0px;
}

.estimate-title {
    background-color: #333;
    color: white;
    padding:7px 10px;
    border-radius: 5%;
}

.estimate-display-name {
    background-color: #1e90ff;
    color: white;
    padding:7px 10px;
    border-radius: 5%;
}

.billing-title {
    background-color: #333;
    color: white;
    padding:7px 10px;
}

.estimate-office-div {
    margin: 20px 0px;
    border-bottom:1px solid green;
}

.contract-office-detail {
    border-bottom: 1px solid #ccc;
}

.hidden-button {
    cursor: pointer;
}

.estimate-office {
    font-size: 16px;
}

.estimate-copy-button {
    margin-left: 20px;
    padding: 5px;
    background-color: #D6E7F7;
    color: #000;
    border-radius: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.estimate-circle-span {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border:1px solid #333;
}

.estimate-info {
    margin-bottom: 20px;
}

.payment-title {
    padding:15px;
    background-color: #8ABFE7;
}

.payment-memo {
    padding:15px;
    background-color: #ccc;
}

.payment-group {
    margin-bottom: 20px;
}

.payment-group > div > div {
    border-bottom: solid 1px #ccc;
    vertical-align: middle;
    min-height: 25px;
    padding: 5px 15px 0px 15px;
}

.payment-value {
    margin-left: 30%;
}

.point-view {
    padding: 5px;
    background-color: #AAA;
    border-radius: 5px;
    cursor: pointer;
}

.office-with-agency {
    padding: 4px;
    background-color: #AAA;
    margin-left: 5px;
    font-size: 8px;
}

.btn-disable {
    cursor: default;pointer-events: none;
}

.estimate-table > thead > tr > th, .contract-table > thead > tr > th{
    text-align: center;
}

.contract-detail-area, .contract-button-area, .display-area {
    margin: 10px 0px;
}

.display-name {
    margin-left: 10px;
}