10 background-color: rgba(0, 0, 0, 0.5);
13 .modal.fade.wide .modal-dialog {
19 display: inline-block;
45 background: #FFFFFF url(/luci2/icons/loading.gif) no-repeat 10px center;
49 .luci2-section-header {
53 .luci2-section-header .badge {
57 background-color: #D9534F;
60 .nav-tabs li a .badge {
61 background-color: #D9534F;
64 .nav-tabs li.active a .badge {
68 .list-group-item .luci2-section-header > .btn-group {
73 box-shadow: -5px 0 5px 10px #FFFFFF;
77 .list-group-item:hover .luci2-section-header > .btn-group {
78 display: inline-block;
81 .luci2-section-teaser {
84 text-overflow: ellipsis;
87 margin-bottom: 0 !important;
90 .panel > .list-group > .list-group-item:first-child {
92 border-top-left-radius: 4px;
93 border-top-right-radius: 4px;
96 .panel > .panel-body + .list-group > .list-group-item:first-child {
97 border-top: 1px solid #DDDDDD;
98 border-top-left-radius: 0;
99 border-top-right-radius: 0;
107 .row.condensed > div {
111 .row.condensed > div:last-child {
115 table.table td .btn-group {
119 table.table td .btn-group > .btn {
123 .luci2-form-error .control-label {
131 pre.uci-changes ins {
132 text-decoration: none;
136 pre.uci-changes del {
137 text-decoration: none;
142 border: 1px solid #DDDDDD;
144 background-color: #FFFFFF;
150 border-bottom: 1px solid #DDDDDD;
158 .traffic-chart label {
162 background-color: rgba(255, 255, 255, 0.5);
167 .badge input[type=text] {
178 border-top: 1px solid #e5e5e5;
183 .luci2-grid > .row:last-child {
184 border-bottom: 1px solid #e5e5e5;
187 .luci2-grid > .row > .cell {
190 display: inline-block !important;
191 vertical-align: middle;
195 .luci2-grid > .row > .cell.nowrap {
197 text-overflow: ellipsis;
200 .luci2-grid > .row > .cell.caption {
204 .luci2-grid-condensed {
209 .luci2-grid-condensed > .row > .cell {
214 .luci2-grid-hover > .row:hover {
215 background-color: #f5f5f5;
218 .luci2-grid > .row > .cell > .btn-group {
222 .luci2-grid > .row > .cell > .btn-group > .btn {
226 @media (max-width: 767px) {
237 .luci2-grid > .row > .cell.hidden-xs,
238 .luci2-grid > .row > .cell.hidden-sm.hidden-xs,
239 .luci2-grid > .row > .cell.hidden-md.hidden-xs,
240 .luci2-grid > .row > .cell.hidden-lg.hidden-xs { display: none !important; }
241 .luci2-grid > .row > .cell { padding: 5px; }
242 .luci2-grid-condensed > .row > .cell {
243 vertical-align: middle;
247 @media (min-width: 768px) and (max-width: 991px) {
248 .luci2-grid > .row > .cell.hidden-xs.hidden-sm,
249 .luci2-grid > .row > .cell.hidden-sm,
250 .luci2-grid > .row > .cell.hidden-md.hidden-sm,
251 .luci2-grid > .row > .cell.hidden-lg.hidden-sm { display: none !important; }
252 .luci2-grid > .row > .cell { padding: 5px; }
253 .luci2-grid-condensed > .row > .cell > .btn-group > .btn {
257 @media (min-width: 992px) and (max-width: 1199px) {
258 .luci2-grid > .row > .cell.hidden-xs.hidden-md,
259 .luci2-grid > .row > .cell.hidden-sm.hidden-md,
260 .luci2-grid > .row > .cell.hidden-md,
261 .luci2-grid > .row > .cell.hidden-lg.hidden-md { display: none !important; }
263 @media (min-width: 1200px) {
264 .luci2-grid > .row > .cell.hidden-xs.hidden-lg,
265 .luci2-grid > .row > .cell.hidden-sm.hidden-lg,
266 .luci2-grid > .row > .cell.hidden-md.hidden-lg,
267 .luci2-grid > .row > .cell.hidden-lg { display: none !important; }