/**
*!
sass --watch /p/alphatrad/optivoices/public/bo/quotation/v2/css/scss:/p/alphatrad/optivoices/public/bo/quotation/v2/css
*/
@import url(/bo/libraries/font-awesome-4.7.0/css/font-awesome.min.css);
.ui-datepicker {
  width: 19em !important; }

#quotation-form {
  font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size: 14px;
  width: 90%;
  margin: auto;
  line-height: 1.5; }
  #quotation-form table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate; }
    #quotation-form table td {
      padding: 0; }
  #quotation-form .ui-datepicker-trigger img {
    vertical-align: bottom; }
  #quotation-form .ui-datepicker-trigger {
    background-image: none;
    background-color: transparent;
    border: none; }
  #quotation-form .box-1 {
    margin-top: 20px;
    border: dashed 1px #cacaca;
    padding: 10px;
    border: solid 1px #cacaca;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #b9b9b9; }
  #quotation-form .box-1 h2 {
    padding: 6px 10px 6px 10px;
    border-bottom: solid 1px #3391de;
    color: #3391de; }
  #quotation-form h3 {
    padding: 5px 10px 5px 10px;
    background-color: #f2f0f0;
    font-weight: normal;
    font-size: 1.2em; }
  #quotation-form h4 {
    font-weight: normal;
    font-size: 1.1em; }
  #quotation-form .form-item {
    margin: 8px 0px; }
  #quotation-form .personal-data .form-item label {
    display: inline-block;
    width: 22%;
    vertical-align: top;
    text-align: right;
    box-sizing: border-box; }
  #quotation-form .form-item label {
    margin-right: 5px; }
  #quotation-form .personal-data .form-item input,
  #quotation-form .personal-data .form-item textarea {
    display: inline-block;
    width: 50%;
    box-sizing: border-box; }
  #quotation-form .project-details label {
    display: inline; }
  #quotation-form .required abbr {
    color: #ef0000;
    border-bottom: none;
    text-decoration: none; }
  #quotation-form .g-recaptcha {
    margin-top: 10px; }
  #quotation-form .submit {
    margin-top: 10px; }
  #quotation-form #deadlineCal {
    margin-right: 5px;
    width: 80px;
    vertical-align: top; }
  #quotation-form #deadlineCal_c span {
    vertical-align: top; }
  #quotation-form #uploader {
    display: none;
    background-color: #b60000;
    color: white; }
  #quotation-form .error-msg {
    vertical-align: top;
    font-size: 0.9rem;
    margin: 2px 0 2px 20px;
    display: inline-block;
    background-color: #c21d1d;
    color: white;
    padding: 5px 10px;
    border-radius: 5px; }
  #quotation-form .conditions .error-msg,
  #quotation-form #recaptcha_c .error-msg {
    margin-left: 0; }
  #quotation-form input[type="text"],
  #quotation-form input[type="email"],
  #quotation-form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    padding: 3px 3px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
  #quotation-form input[type="text"]:focus,
  #quotation-form input[type="email"]:focus,
  #quotation-form textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  #quotation-form input.has-error,
  #quotation-form textarea.has-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  #quotation-form input.has-error:focus,
  #quotation-form textarea.has-error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
  #quotation-form #check_result_errors {
    background-color: white;
    border: solid 1px #c21d1d;
    color: black;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border-radius: 4px;
    margin-top: 15px; }
  #quotation-form #files input {
    width: 100%; }
  #quotation-form .submit input {
    font-size: 1.2em;
    background-color: #428bca;
    border: 1px solid #357ebd;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
  #quotation-form .document-number {
    font-weight: bold;
    margin: 20px 0 10px 165px; }
  #quotation-form .document-number label {
    display: inline; }
  #quotation-form .field-website-url {
    width: 80%; }
  #quotation-form .block-dropbox {
    margin-top: 0.6em; }
  #quotation-form .block-dropbox label {
    display: block; }
  #quotation-form #dropbox-url {
    background-color: #ffff6c;
    border: 1px solid #ffdd55;
    display: inline-block;
    margin: 10px;
    padding: 2px 6px;
    border-radius: 2px; }
  #quotation-form #target-languages-select .SumoSelect {
    width: 300px; }
  #quotation-form #source-languages-other {
    width: 200px; }
  #quotation-form #target-languages-other {
    width: 300px; }
  #quotation-form #typeTraduction_c {
    display: inline-block;
    border: solid 3px #ef7d03;
    border: solid 3px #97bdff;
    border: solid 2px #3391de;
    padding: 15px;
    margin: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px #88abe6;
    -moz-box-shadow: 5px 5px 5px 0px #88abe6;
    box-shadow: 5px 5px 5px 0px #88abe6; }
  #quotation-form #typeTraduction_c label {
    font-size: 16px;
    margin: 3px 0;
    display: block;
    padding: 3px 6px;
    border-radius: 3px; }
  #quotation-form #typeTraduction_c label.selected {
    background-color: #c96902;
    background-color: #3391de;
    background-color: black;
    background-color: #ef7d03;
    color: white; }
  #quotation-form #code-promo-c {
    border-bottom: solid 1px #cacaca;
    padding-bottom: 20px;
    margin-bottom: 20px; }
  #quotation-form .promo-code label {
    color: green; }
  #quotation-form .promo-code input {
    background-color: #d0ffa0;
    border: solid 1px green; }
  #quotation-form #country-c.form-item .country-c-content {
    display: inline-block;
    width: 50%; }
  #quotation-form #country-c.form-item .country-c-content select {
    width: 100%; }
  #quotation-form #country-c.form-item .country-c-content input {
    margin-top: 3px;
    width: 100%; }
  #quotation-form #adresseSiteWeb {
    width: 100%; }
  #quotation-form .blockLangue {
    width: 100%; }
  #quotation-form .blockLangue .contact_box_content {
    float: left;
    width: 100%;
    max-width: none; }
  #quotation-form .source-lang {
    float: left;
    width: 35%; }
  #quotation-form .target-lang {
    float: left;
    width: 55%; }
  #quotation-form .blockInterpretariat .source-lang {
    width: 45%; }
  #quotation-form .blockInterpretariat .target-lang {
    width: 45%; }
  #quotation-form .blockInterpretariat .source-lang .SumoSelect {
    width: 100%; }
  #quotation-form .blockInterpretariat .target-lang .SumoSelect {
    width: 100%; }
  #quotation-form .quotation-lang-from-to {
    font-size: 50px;
    color: #3391de;
    margin-top: 10px;
    float: left;
    width: 10%;
    height: 50px;
    text-align: center; }
  #quotation-form .quotation-lang-from-to div:after {
    content: "\27A1"; }
  #quotation-form .blockInterpretariat .quotation-lang-from-to div:after {
    content: "\21C4"; }
  #quotation-form .quotation-supp-info {
    font-size: 12px;
    color: #585858;
    margin-top: 10px;
    margin-left: 10px; }
  #quotation-form #blockMiseEnPageLogicielVersion {
    margin-top: 5px; }
  #quotation-form #blockMiseEnPageLogicielVersion input {
    width: 100%;
    margin-top: 3px;
    display: block; }
  #quotation-form #blockTraductionMultimedia .other {
    margin: 0.4em 0 0.6em 0.4em; }
  #quotation-form .voixoff_length input {
    width: 80px; }
  #quotation-form .block-interpreting label {
    width: 140px;
    display: inline-block; }
  #quotation-form .block-interpreting .interpr_audio_video_cb label {
    width: 280px; }
  #quotation-form .voice-samples {
    background-color: #ecf8cf;
    padding: 10px;
    margin-top: 30px; }
  #quotation-form .voice-samples h3 {
    background-color: transparent;
    margin: 0 0 15px 0; }
  #quotation-form h4 {
    font-weight: bold; }
  #quotation-form h5 {
    font-size: 1.2em; }
  #quotation-form .container {
    width: auto; }
  #quotation-form .add_translation_c {
    margin-top: 10px;
    font-size: 0.9em; }
  #quotation-form .select-voices-language {
    float: left;
    width: 40%;
    margin-right: 10%; }
  #quotation-form .select-voices-voices {
    float: left;
    width: 50%; }
  #quotation-form .audio-list .controls {
    margin-left: 5px;
    cursor: pointer; }
  #quotation-form .audio-list .controls .fa-play {
    color: #a0a0a0; }
  #quotation-form .audio-list .controls .fa-pause {
    color: green; }
  #quotation-form .audio-list .controls .fa-play.play-on {
    color: green; }
  #quotation-form #audio-lists {
    width: 100%; }
  #quotation-form #audio-lists .list-gender ul li {
    margin: 1px 2px;
    font-size: 1.2em; }
  #quotation-form #audio-lists .list-gender .image,
  #quotation-form .voices-header .image {
    background-image: url("/sites/default/files/mp3-male-female-heads-40x.png");
    width: 40px;
    height: 40px;
    margin: 0 0 0 35px; }
  #quotation-form .voices-header .voices-col {
    float: left;
    width: 50%; }
  #quotation-form #audio-lists #list-gender-f .image,
  #quotation-form .voices-header .image-f {
    background-position: 0 40px; }
  #quotation-form #audio-lists #list-gender-m .image,
  #quotation-form .voices-header .image-m {
    background-position: 0 0; }
  #quotation-form #audio-lists .fa-plus {
    margin-right: 3px;
    color: #3391de; }
  #quotation-form #audio-lists .select-voice {
    cursor: pointer; }
  #quotation-form .remove-voice {
    margin-left: 5px;
    color: #ac0505;
    cursor: pointer; }
  #quotation-form .selected-voices {
    margin-top: 10px;
    color: #092351;
    font-size: 0.9em;
    border: solid 1px #b0aeae;
    background-color: #fafeef;
    padding: 5px 8px;
    border-radius: 3px; }
  #quotation-form .selected-voices h5 {
    font-size: 1.2em;
    margin: 5px 0 0 10px;
    color: #000000;
    font-weight: bold; }
  #quotation-form .voice-flag {
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 22px;
    background-position: 0px 4px;
    margin: 5px 0;
    font-size: 1.2em; }
  #quotation-form .voice-languages-select {
    width: 100%; }
  #quotation-form .languages-other {
    margin: 0.5em 0; }
  #quotation-form .message {
    height: 100px;
    width: 100%;
    margin-top: 15px; }
  #quotation-form #voices-other {
    margin-top: 5px;
    width: 265px; }
  #quotation-form #quotation-purpose-other {
    margin-top: 5px;
    width: 265px;
    display: block; }
  #quotation-form .conditions {
    margin: 1.2em 0; }
  #quotation-form #voice-limit-message {
    color: red; }
  #quotation-form .preferred-0 {
    display: none; }
  #quotation-form .preferred-1 {
    font-weight: bold; }
  #quotation-form #show-all-voices {
    margin: 20px 0 0 40px;
    text-align: center;
    padding: 8px 10px;
    text-decoration: underline;
    border-radius: 5px;
    width: 60%;
    color: #7e3d3d;
    cursor: pointer;
    float: left; }
  #quotation-form .our-recommendations {
    margin-left: 70px;
    margin-top: 10px;
    float: left;
    font-size: 1em;
    color: #08530e;
    width: 100%; }
  #quotation-form .quotation-purpose label {
    display: block;
    margin: 5px 0; }
  #quotation-form .quotation-purpose label span {
    display: block;
    color: #8c5837;
    font-size: 0.9em;
    margin-left: 30px; }
  #quotation-form .blockVoiceOver {
    margin-bottom: 20px; }
  #quotation-form .voice-medium {
    background-color: #e5e7f3;
    padding: 8px 10px;
    border: solid 1px #c0cae6;
    border-radius: 5px;
    font-weight: bold; }
  #quotation-form .textarea-1 {
    width: 100%;
    display: block;
    height: 100px; }
  #quotation-form .record-options {
    margin-top: 20px; }
  #quotation-form .file-format-options label {
    display: block; }
  #quotation-form .file-format-options .phone-file-format-other {
    width: 300px; }
  #quotation-form .client-country-c label {
    font-weight: bold;
    display: inline;
    margin-right: 20px; }
  #quotation-form .required label::after {
    content: "*";
    color: #ef0000;
    margin-left: 3px; }

@media all and (max-width: 899px) {
  #quotation-form {
    width: 100%; }
    #quotation-form .source-lang .SumoSelect,
    #quotation-form #langueCibleSelect .SumoSelect {
      width: 100%; }
    #quotation-form #source-languages-other {
      width: 100%; }
    #quotation-form #target-languages-other {
      width: 100%; } }
@media all and (min-width: 750px) and (max-width: 899px) {
  #quotation-form .source-lang {
    width: 44%; }
  #quotation-form .target-lang {
    width: 44%; }
  #quotation-form .quotation-lang-from-to {
    width: 10%;
    font-size: 40px;
    margin-top: 15px;
    height: 45px; } }
@media all and (max-width: 850px) {
  #quotation-form .document-number {
    margin-left: 0; } }
@media all and (min-width: 701px) and (max-width: 850px) {
  #quotation-form .personal-data .form-item label {
    width: 20%;
    margin-right: 1%; }
  #quotation-form .personal-data .form-item input,
  #quotation-form .personal-data .form-item textarea {
    width: 78%; } }
@media all and (min-width: 601px) and (max-width: 700px) {
  #quotation-form .personal-data .form-item label {
    width: 40%;
    margin-right: 1%; }
  #quotation-form .personal-data .form-item input,
  #quotation-form .personal-data .form-item textarea {
    width: 58%; } }
@media all and (max-width: 600px) {
  #quotation-form .personal-data .form-item label,
  #quotation-form .personal-data .form-item input,
  #quotation-form .personal-data .form-item select,
  #quotation-form #country-c.form-item .country-c-content,
  #quotation-form .personal-data .form-item textarea {
    width: 100%;
    margin-right: 0;
    display: block;
    float: none;
    text-align: left; } }
@media all and (max-width: 749px) {
  #quotation-form .source-lang,
  #quotation-form .target-lang,
  #quotation-form .blockInterpretariat .source-lang,
  #quotation-form .blockInterpretariat .target-lang,
  #quotation-form .quotation-lang-from-to {
    float: none;
    width: 100%; }
  #quotation-form .quotation-lang-from-to {
    margin: 5px 0;
    height: auto; }
  #quotation-form .quotation-lang-from-to div:after {
    content: "\2B07"; }
  #quotation-form .blockInterpretariat .quotation-lang-from-to div:after {
    content: "\21F5"; } }
@media all and (max-width: 799px) {
  #quotation-form .select-voices-language,
  #quotation-form .select-voices-voices {
    width: auto;
    float: none; } }

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