| 1 |
|
| 2 |
/*****/ |
| 3 |
/** |
| 4 |
* Media Query for responsive |
| 5 |
* |
| 6 |
**/ |
| 7 |
|
| 8 |
/* Tab and small screen (portrait and landscape ) ----------- */ |
| 9 |
@media only screen and (max-width : 960px) { |
| 10 |
.erp-modal, |
| 11 |
.erp-modal.smaller { |
| 12 |
top: 8%; |
| 13 |
bottom: 1%; |
| 14 |
right: 2%; |
| 15 |
left: 4%; |
| 16 |
|
| 17 |
} |
| 18 |
.content-container { |
| 19 |
padding: 1.25em !important; |
| 20 |
} |
| 21 |
} |
| 22 |
|
| 23 |
/* Smartphones (portrait and landscape) ----------- */ |
| 24 |
@media only screen and (max-width : 640px) { |
| 25 |
|
| 26 |
.erp-modal, |
| 27 |
.erp-modal.smaller |
| 28 |
{ |
| 29 |
top: 8%; |
| 30 |
bottom: 1%; |
| 31 |
right: 2%; |
| 32 |
left: 2%; |
| 33 |
|
| 34 |
} |
| 35 |
|
| 36 |
.content-container { |
| 37 |
|
| 38 |
padding: 1em !important; |
| 39 |
.content { |
| 40 |
margin: 0 0; |
| 41 |
li{ |
| 42 |
label{ |
| 43 |
display: block !important; |
| 44 |
width: 100% !important; |
| 45 |
} |
| 46 |
select{ |
| 47 |
width: 100%; |
| 48 |
} |
| 49 |
.select2-container{ |
| 50 |
width: 95% !important; |
| 51 |
} |
| 52 |
} |
| 53 |
.name-container { |
| 54 |
ol{ |
| 55 |
width: 100% !important; |
| 56 |
li{ |
| 57 |
width: 100%; |
| 58 |
} |
| 59 |
} |
| 60 |
li.middle-name{ |
| 61 |
width: 100% !important; |
| 62 |
} |
| 63 |
input { |
| 64 |
width: 95% !important; |
| 65 |
} |
| 66 |
} |
| 67 |
.name-container label:first-child{ |
| 68 |
display: none; |
| 69 |
} |
| 70 |
// ol.form-fields.two-col li label |
| 71 |
|
| 72 |
.two-col{ |
| 73 |
li{ |
| 74 |
width: 100% !important ; |
| 75 |
|
| 76 |
} |
| 77 |
label{ |
| 78 |
display: block; |
| 79 |
width: 100% !important; |
| 80 |
} |
| 81 |
} |
| 82 |
// For Input a |
| 83 |
input[type="text"], input[type="password"], |
| 84 |
input[type="color"], input[type="date"], input[type="datetime"], |
| 85 |
input[type="datetime-local"], input[type="email"], input[type="month"], |
| 86 |
input[type="number"], input[type="password"], input[type="search"], |
| 87 |
input[type="radio"], input[type="tel"], input[type="text"], input[type="time"], |
| 88 |
input[type="url"], input[type="week"], select, textarea { |
| 89 |
width: 95%; |
| 90 |
} |
| 91 |
} |
| 92 |
} |
| 93 |
} |
| 94 |
|
