Our technological expertise and strategic partnerships
Do you have a digital transformation project? Discover Blue Soft 's cutting-edge expertise and benefit from lasting technological partnerships! From infrastructure cloud to development and back-end, we put our skills to work for your success.
Certifications and expertise in various
clouds and specific languages
clouds and specific languages
Cloud and public clouds to support cloud and infrastructure issues.
Certifications and expertise in various
clouds and specific languages
clouds and specific languages
Cloud and public clouds to support cloud and infrastructure issues.
Programming languages and frameworks for mobile applications, portals and web interfaces.
Programming languages and frameworks for mobile applications, portals and web interfaces.
Langages pour les projets en « back office », pour de la restitution, stockage et gestion des données, création de requêtes, d’API et automatisation des tâches.
Langages pour les projets en « back office », pour de la restitution, stockage et gestion des données, création de requêtes, d’API et automatisation des tâches.
Microsoft Advanced specializations in Azure, Modern Work, Security and Business App
Microsoft Advanced specializations in Azure, Modern Work, Security and Business App
Do you have a project in mind?
Our talents are at your disposal to discuss your challenges and provide you with the best solutions.
|
@font-face {
font-family: ‘Gotham’;
src: url(‘path_to_gotham/Gotham-Light.eot’);
src: url(‘path_to_gotham/Gotham-Light.eot?#iefix’) format(’embedded-opentype’),
url(‘path_to_gotham/Gotham-Light.woff2’) format(‘woff2’),
url(‘path_to_gotham/Gotham-Light.woff’) format(‘woff’),
url(‘path_to_gotham/Gotham-Light.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}
:root {
–input-placeholder-color: #ced5ef !important;
–input-border-color: #ced5ef !important;
–input-background-color: #2d418d !important;
–input-radius: 14px !important;
–form-background: #2d418d !important;
–container-border-radius: 14px !important;
–container-box-shadow: 0 !important;
–container-position: inherit !important;
}
input::placeholder,
textarea::placeholder {
color: var(–input-placeholder-color) !important;
}
input,
textarea {
color: #fff !important;
font-family: ‘Gotham’, Arial !important;
}
.theme {
border: 1px solid var(–input-border-color) !important;
background-color: var(–input-background-color) !important;
}
.input {
height: 35px;
margin: 5px 0 10px 0;
font-size: 0.9em;
padding-left: 10px;
border-radius: var(–input-radius) !important;
box-sizing: border-box;
}
.multi {
height: 65px;
width: 100%;
padding: 10px;
resize: vertical;
margin: 5px 0 10px 0;
font-size: 0.9em;
border-radius: var(–input-radius) !important;
box-sizing: border-box;
outline: none;
font-family: ‘Gotham’, ‘Open Sans’, ‘Helvetica Neue’, Arial, Verdana, sans-serif;
}
.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;
background-color: var(–input-background-color) !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
.control–checkbox .control__indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border-style: solid;
border-color: #fff !important;
border-width: 0 2px 2px 0;
position: absolute
}
.control__indicator:after {
content: « »;
position: absolute;
display: none
}
.control input:checked~.control__indicator:after {
display: block
}
.control__indicator.theme {
background-color: var(–input-background-color) !important;
}
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;
}
.loader,
.loader:after {
border-radius: 50%;
width: 1.8em;
height: 1.8em;
}
.loader {
margin-top: 5px;
margin-left: 10px;
font-size: 10px;
position: relative;
border: 0.5em solid #919798;
border-left-color: #3c9f51;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1s infinite linear;
animation: load8 1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#sb_form {
background: var(–form-background) !important;
padding: 10px 20px 20px 20px;
border-radius: var(–container-border-radius) !important;
box-shadow: var(–container-box-shadow) !important;
position: var(–container-position) !important;
}
.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: « Gotham », « Open Sans », sans-serif;
color: #fff;
padding-bottom: 4px;
}
.message-success-content {
font-size: 14px;
font-family: « Gotham », « 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: « Gotham », « Open Sans », sans-serif;
color: #fff;
padding-bottom: 4px;
}
.message-success-optin-content {
font-size: 14px;
font-family: « Gotham », « 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: « Gotham », « Open Sans », sans-serif;
color: #fff;
padding-bottom: 4px;
}
.message-error-content {
font-size: 14px;
font-family: « Gotham », « 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: « Gotham », « Open Sans », sans-serif;
color: #fff;
padding-bottom: 4px;
}
.message-maintenance-content {
font-size: 14px;
font-family: « Gotham », « 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: « Gotham », « Consolas »;
color: #5bbdf6;
text-align: right;
}
input {
color: #fff !important;
}
.theme {
border: 1px solid var(–input-border-color) !important;
background-color: var(–input-background-color) !important;
}
.input {
height: 35px;
margin: 5px 0 10px 0;
font-size: 0.9em;
padding-left: 10px;
border-radius: var(–input-radius) !important;
box-sizing: border-box;
}
.multi {
height: 65px;
width: 100%;
padding: 10px;
resize: vertical;
margin: 5px 0 10px 0;
font-size: 0.9em;
color: #fff !important;
border-radius: var(–input-radius) !important;
box-sizing: border-box;
outline: none;
font-family: ‘Gotham’, ‘Open Sans’, ‘Helvetica Neue’, Arial, Verdana, sans-serif;
}
.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);
}