Ela_Front/src/styles/components/_partner_client_securite_da...

152 lines
3.3 KiB
SCSS

.partner_client_securite_data {
@media only screen and (max-width: 600px) {
.btn_modif {
width: 100%;
background-color: #212121 !important;
}
.btn_enreg {
width: 100%;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 100%;
float: left;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.btn_modif {
width: 7rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 7rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 100%;
float: left;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.btn_modif {
width: 10rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: left;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
text-align: right;
}
.block_cle_rattachement {
width: 48%;
float: left;
}
}
@media only screen and (min-width: 1200px) {
.btn_modif {
width: 15rem;
background-color: #212121 !important;
}
.btn_enreg {
width: 15rem;
background-color: green !important;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 1rem;
//border-right: solid;
border-radius: 0%;
text-align: left;
}
.div_row_droite {
float: right;
border-width: 0.01rem;
width: 45%;
text-align: right;
}
.block_cle_rattachement {
width: 45%;
float: left;
}
}
// end media
}