Révolutionnez votre quotidien avec BeGPT !

@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Ubuntu|Dancing+Script|Droid+Sans|Lato|Lobster|Montserrat|Open+Sans|Pacifico|Raleway|Roboto|Source+Sans+Pro|Titillium+Web&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese); :root { --input-placeholder-color: #848484; --input-border-color: #e6e4e4; --input-background-color: #f7f8f9; --input-radius: 4px; --form-background: #ffffff; --container-border-radius: 0px; --container-box-shadow: 0; --container-position: inherit; } ; /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ../../common/temp/node_modules/.pnpm/css-loader@5.0.2_webpack@5.82.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../common/temp/node_modules/.pnpm/sass-loader@12.3.0_sass@1.43.5_webpack@5.82.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./lib/form.css ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************/ input::-webkit-input-placeholder { color: var(--input-placeholder-color); opacity: 0.6; } input:-moz-placeholder { color: var(--input-placeholder-color); opacity: 0.6; } input::-moz-placeholder { color: var(--input-placeholder-color); opacity: 0.6; } input:-ms-input-placeholder { color: var(--input-placeholder-color); opacity: 0.6; } input::-ms-input-placeholder { color: var(--input-placeholder-color); opacity: 0.6; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } /* For FF */ @media screen and (-webkit-min-device-pixel-ratio: 0) { select { padding-right: 18px; } } .select-arrow { position: relative; } .select-arrow:after { content: "^"; font: 15px "Consolas", monospace; color: var(--input-placeholder-color); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 8px; top: -3px; padding: 0 0 0px; position: absolute; pointer-events: none; } .control { display: block; position: relative; padding-left: 30px; margin-left: 5px; margin-right: 6px; cursor: pointer; font-size: 18px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; border: 1px solid; top: 2px; left: 0; height: 20px; width: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .control--radio .control__indicator { border-radius: 50%; } .control__indicator:after { content: ""; position: absolute; display: none; } .control input:checked~.control__indicator:after { display: block; } .control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; transform: rotate(45deg); border-style: solid; border-color: var(--input-placeholder-color); border-width: 0 2px 2px 0; position: absolute; } .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: var(--input-placeholder-color); position: absolute; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } input:focus { outline: solid 1px #736f6f !important; } textarea:focus { outline: solid 1px #736f6f !important; } select:focus { outline: solid 1px #736f6f !important; } input:disabled, input[disabled] { opacity: 0.2; cursor: default; } .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: auto; background-color: rgba(255, 255, 255, 0.7); display: flex; } .loader { margin-left: 10px; margin-top: auto; margin-bottom: auto; width: 32px; height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation-name: spinAnimation; animation-name: spinAnimation; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); border-radius: 50%; border-width: 1.5px; border-style: solid; border-color: #0078d4 #c7e0f4 #c7e0f4; -o-border-image: initial; border-image: initial; } @-webkit-keyframes spinAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes spinAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } #sb_form { background: var(--form-background); padding: 10px 20px 20px 20px; border-radius: var(--container-border-radius); box-shadow: var(--container-box-shadow); position: var(--container-position); } .message-div { display: flex; flex-direction: column; height: auto; margin: 25px 15px 15px 15px; padding: 25px; border-radius: 1px; } .message-div-success { background-color: #4faf56; text-align: left; } .message-success-title { font-size: 30px; font-family: "Open Sans", sans-serif; color: #fff; padding-bottom: 4px; } .message-success-content { font-size: 14px; font-family: "Lato", sans-serif; color: #fff; line-height: 24px; text-align: left; } .message-div-success-optin { background-color: #06aaf4; text-align: left; } .message-success-optin-title { font-size: 30px; font-family: "Open Sans", sans-serif; color: #fff; padding-bottom: 4px; } .message-success-optin-content { font-size: 14px; font-family: "Lato", sans-serif; color: #fff; line-height: 24px; text-align: left; } .message-div-error { background-color: #cf4338; text-align: left; } .message-error-title { font-size: 30px; font-family: "Open Sans", sans-serif; color: #fff; padding-bottom: 4px; } .message-error-content { font-size: 14px; font-family: "Lato", sans-serif; color: #fff; line-height: 24px; text-align: left; } .message-div-maintenance { background-color: #cf4338; } .message-maintenance-title { font-size: 30px; font-family: "Open Sans", sans-serif; color: #fff; padding-bottom: 4px; } .message-maintenance-content { font-size: 14px; font-family: "Lato", sans-serif; color: #fff; line-height: 24px; } .icon { display: inline-block; width: 30px; height: 30px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .icon-success { margin-left: auto; margin-top: 3px; margin-right: 15px; } .icon-error { margin: 2px 12px 0 auto; width: 40px; height: 34px; } .checkmark_left { position: absolute; width: 15px; height: 6px; background-color: #72bf75; left: 6px; top: 24px; } .checkmark_right { position: absolute; width: 6px; height: 30px; background-color: #72bf75; left: 21px; } .info { font-size: 44px; font-family: "Consolas"; color: #5bbdf6; text-align: right; } input { color: var(--input-placeholder-color) !important; } .theme { border: 1px solid var(--input-border-color); background-color: var(--input-background-color); } .input { height: 35px; margin: 5px 0 10px 0; font-size: 0.9em; padding-left: 5px; border-radius: var(--input-radius); -webkit-border-radius: var(--input-radius); -moz-border-radius: var(--input-radius); -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 5px; } .multi { height: 65px; width: 100%; padding: 10px; resize: vertical; margin: 5px 0 10px 0; font-size: 0.9em; color: var(--input-placeholder-color); border-radius: var(--input-radius); -webkit-border-radius: var(--input-radius); -moz-border-radius: var(--input-radius); box-sizing: border-box; outline: none; font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, sans-serif; } .date { padding-left: 5px; box-sizing: border-box; min-width: 50px; text-align: center; } .select { height: 35px; width: 100%; color: var(--input-placeholder-color); border-radius: var(--input-radius); -webkit-border-radius: var(--input-radius); -moz-border-radius: var(--input-radius); margin-top: 5px; margin-bottom: 10px; padding-left: 10px; } .shadow-inset { box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1); } .shadow-outset { -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }

Nom de la société * E-mail professionnel * Téléphone professionnel * Envoyer →