@charset "UTF-8";
@-webkit-keyframes autofill { to { color: #000; background: #fff; } }
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }

.button-set { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.button-set button, .button-set a { background-color: #0b7877; color: #fff; padding: 20px 30px; letter-spacing: 3px; min-width: 220px; max-width: 100%; text-align: center; display: inline-block; border: none; }
.button-set button:hover, .button-set a:hover { opacity: 0.8; }
@media (max-width: 480px) { .button-set button, .button-set a { width: 100%; } }

.page-view { margin: 80px 0 120px; }

.content-wrapper { margin: auto; padding: 0 100px; }
@media (max-width: 1024px) { .content-wrapper { padding: 0 60px; } }
@media (max-width: 767px) { .content-wrapper { padding: 0 30px; } }

.page-title { padding: 0 30px; }

.form-quote > div { max-width: 1020px; margin: auto; }
.form-quote .create-time { margin-bottom: 40px; }
.form-quote .create-time strong { text-decoration: underline; color: #999; }
.form-quote .fields { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dfdfdf; }
@media (max-width: 767px) { .form-quote .fields .field { margin-bottom: 20px; } }
.form-quote .fields-repeat .field-item:first-child .remove-item { display: none; }
.form-quote .field-item { position: relative; }
.form-quote .field-item .remove-item { width: 30px; height: 30px; border: 1px solid #d63b44; border-radius: 50%; position: absolute; left: -25px; top: 50%; -webkit-transform: translate(-100%, 0%); -moz-transform: translate(-100%, 0%); -o-transform: translate(-100%, 0%); -ms-transform: translate(-100%, 0%); transform: translate(-100%, 0%); display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; }
.form-quote .field-item .remove-item:hover { background-color: #d63b44; }
.form-quote .field-item .remove-item:hover:before, .form-quote .field-item .remove-item:hover:after { background-color: #fff; }
.form-quote .field-item .remove-item:before, .form-quote .field-item .remove-item:after { width: 16px; height: 1px; content: ''; background-color: #d63b44; position: absolute; }
.form-quote .field-item .remove-item:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.form-quote .field-item .remove-item:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (max-width: 1024px) { .form-quote .field-item .remove-item { left: -10px; } }
@media (max-width: 767px) { .form-quote .field-item .remove-item { left: auto; top: -10px; right: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); z-index: 9; } }
.form-quote .data { padding: 10px; background: #eee; min-height: 42px; }
.form-quote .enter-row { margin-top: 40px; }
.form-quote label { color: #0b7877; font-family: "roboto-bold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 10px; display: block; }
.form-quote input, .form-quote textarea, .form-quote .cs-placeholder { border: 1px solid #cdcdcd; font-size: 14px; color: #0b7877; padding-left: 20px; }
.form-quote input { height: 50px; appearance: none; }
.form-quote textarea { height: 130px; padding: 20px; }
.form-quote .cs-select { max-width: 100%; }
.form-quote .cs-select select { display: inline-block; position: absolute; opacity: 0; left: 0; top: 0; right: 0; margin: auto; width: 0px; height: 0px; }
.form-quote .cs-select select option { display: none; }
.form-quote .cs-select .cs-placeholder:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; color: #0b7877; font-size: 20px; }
.form-quote .cs-select .cs-options { border: 1px solid #cdcdcd; max-height: 200px; overflow: auto; }
.form-quote .cs-select .cs-options li.cs-selected, .form-quote .cs-select .cs-options li:hover { background-color: #0b7877; color: #fff; }
.form-quote .cs-select .cs-options li span { padding: 0.5em; }
.form-quote .cs-select.val-none .cs-placeholder { color: #b5b5b5; }
.form-quote .cs-select.first-hide .cs-options li:first-child { display: none; }
.form-quote .input-number-group { position: relative; }
.form-quote .input-number-group span { width: 30px; height: 30px; border-radius: 50%; position: absolute; border: 1px solid #eee; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; }
.form-quote .input-number-group span:before { width: 16px; height: 1px; background-color: #0b7877; content: ''; }
.form-quote .input-number-group span.minus { left: 12px; }
.form-quote .input-number-group span.add { right: 12px; }
.form-quote .input-number-group span.add:after { background-color: #0b7877; content: ''; width: 1px; height: 16px; position: absolute; }
.form-quote .input-number-group span:hover { background-color: #0b7877; }
.form-quote .input-number-group span:hover:before, .form-quote .input-number-group span:hover:after { background-color: #fff; }
.form-quote .input-date-group { position: relative; }
.form-quote .input-date-group .icon-date { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; font-size: 24px; color: #0b7877; }
.form-quote .valid-error { display: none; color: red; font-size: 12px; padding-top: 7px; }
.form-quote .add-more-fields { margin-top: 50px; cursor: pointer; text-transform: uppercase; color: #0b7877; letter-spacing: 3px; font-family: "roboto-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; }
@media (max-width: 580px) { .form-quote .add-more-fields { font-size: 12px; } }
.form-quote .add-more-fields .icon-add { width: 30px; height: 30px; border-radius: 50%; position: absolute; border: 1px solid #eee; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; position: relative; top: auto !important; left: auto !important; right: auto !important; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); background-color: #0b7877; margin-right: 17px; }
.form-quote .add-more-fields .icon-add:before { width: 16px; height: 1px; background-color: #0b7877; content: ''; }
.form-quote .add-more-fields .icon-add.minus { left: 12px; }
.form-quote .add-more-fields .icon-add.add { right: 12px; }
.form-quote .add-more-fields .icon-add.add:after { background-color: #0b7877; content: ''; width: 1px; height: 16px; position: absolute; }
.form-quote .add-more-fields .icon-add:hover { background-color: #0b7877; }
.form-quote .add-more-fields .icon-add:hover:before, .form-quote .add-more-fields .icon-add:hover:after { background-color: #fff; }
.form-quote .add-more-fields .icon-add:before, .form-quote .add-more-fields .icon-add:after { background-color: #fff !important; }
.form-quote .block-fileupload input[type="file"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; cursor: pointer; z-index: 1; }
.form-quote #fileList { list-style: none; padding-left: 0; }
.form-quote #fileList li { color: #999; margin-bottom: 25px; }
.form-quote #fileList li:first-child { margin-top: 40px; }
.form-quote #fileList li:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 30px; color: #b6b8bb; vertical-align: middle; margin-right: 20px; }
.form-quote .button-set { justify-content: flex-end; }
.form-quote .related-child { display: none; }
.form-quote ::-webkit-input-placeholder { color: #b5b5b5; }
.form-quote :-moz-placeholder { color: #b5b5b5; }
.form-quote ::-moz-placeholder { color: #b5b5b5; }
.form-quote :-ms-input-placeholder { color: #b5b5b5; }

.quote-check-user > div { max-width: 1400px; }
.quote-check-user .col-title { margin-bottom: 70px; }
.quote-check-user .button-set { margin-top: 70px; }
.quote-check-user .form-group input { height: 44px; }
.quote-check-user .forgot-pwd { margin-top: 30px; }
.quote-check-user .forgot-pwd a { text-decoration: underline; }
.quote-check-user .col-login .button-set { margin-top: 53px; margin-bottom: 24px; }
.quote-check-user .col-login .info { margin-top: 30px; }
.quote-check-user .col-login .info strong { color: #999; }
.quote-check-user .col-form > div { max-width: 380px; margin: auto; }
@media (min-width: 768px) { .quote-check-user .col-line { border-right: 1px solid #eee; } }
@media (max-width: 767px) { .quote-check-user .col-line { border-bottom: 1px solid #eee; padding-bottom: 50px; margin-bottom: 50px; } }

.message-success { margin: 50px 0 100px; font-size: 16px; }
.message-success h3 { font-size: 40px; text-transform: uppercase; }
@media (max-width: 767px) { .message-success h3 { font-size: 30px; } }
@media (max-width: 580px) { .message-success h3 { font-size: 20px; } }
.message-success .icon-success { margin: 40px; }
.message-success .icon-success i { color: #94ca58; font-size: 50px; width: 125px; height: 125px; border: 15px solid #2fb87e; border-radius: 50%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin: auto; }
@media (max-width: 767px) { .message-success .icon-success i { width: 80px; height: 80px; border-width: 7px; font-size: 30px; } }
.message-success .request-number { margin: 50px 0; }
.message-success .request-number > div { width: 100%; max-width: 440px; margin: auto; border: 1px solid #ddd; padding: 20px; }
.message-success .request-number .number { font-family: "roboto-light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; }

.xs-nav-check { margin-bottom: 30px; }
@media (min-width: 768px) { .xs-nav-check { display: none; } }
.xs-nav-check ul { padding: 0; margin: 0; list-style: none; display: flex; }
.xs-nav-check ul li { padding: 10px; text-align: center; width: 50%; font-size: 12px; border: 1px solid #ddd; }
.xs-nav-check ul li.active { background-color: #0b7877; color: #fff; border-color: #0b7877; }

@media (max-width: 767px) { .check-row .col-check { display: none; }
  .check-row .col-check.active { display: block; } }

/*# sourceMappingURL=quote.css.map */