7 .border-radius(@box-border-radius);
9 border-top: 3px solid @box-default-border-top-color;
12 box-shadow: @box-boxshadow;
14 // Box color variations
16 border-top-color: @light-blue;
19 border-top-color: @aqua;
22 border-top-color: @red;
25 border-top-color: @yellow;
28 border-top-color: @green;
31 border-top-color: @gray;
44 border-bottom: 1px solid @box-border-color;
52 // fixed height to 300px
61 border-right: 1px solid @box-border-color;
64 border-left: 1px solid @box-border-color;
69 //use this class to get a colored header and borders
75 background: transparent;
80 background: rgba(0, 0, 0, 0.1);
85 // Box color variations
87 .box-solid-variant(@gray, #444);
90 .box-solid-variant(@light-blue);
93 .box-solid-variant(@aqua);
96 .box-solid-variant(@red);
99 .box-solid-variant(@yellow);
102 .box-solid-variant(@green);
105 > .box-header > .box-tools .btn {
110 // Fix font color for tiles
126 // jQuery Knob in a box
132 margin-bottom: 0.3em;
138 // Box overlay for LOADING STATE effect
150 background: rgba(255, 255, 255, 0.7);
151 .border-radius(@box-border-radius);
164 background: rgba(0, 0, 0, 0.5);
168 //Add clearfix to header, body and footer
179 padding: @box-padding;
184 border-bottom: 1px solid @box-border-color;
190 //Icons and box title
195 display: inline-block;
209 [data-toggle="tooltip"] {
226 background: transparent;
227 color: darken(@box-default-border-top-color, 20%);
230 color: darken(@box-default-border-top-color, 40%);
239 .border-radius(0; 0; @box-border-radius; @box-border-radius);
240 padding: @box-padding;
242 .border-top-radius(@box-border-radius);
244 // Tables within the box body
249 // Calendar within the box body
257 &.no-padding .full-width-chart {
262 .border-radius(0; 0; @box-border-radius; 0);
265 .border-radius(0; 0; 0; @box-border-radius);
271 .border-radius(0; 0; @box-border-radius; @box-border-radius);
272 border-top: 1px solid @box-border-color;
273 padding: @box-padding;
274 background-color: @box-footer-bg;
278 &:extend(.list-unstyled);
281 @media (max-width: @screen-sm-max) {
294 border-bottom: 1px solid #eee;
324 /* Widget: TODO LIST */
337 border-left: 2px solid #e6e7e8;
343 > input[type='checkbox'] {
344 margin: 0 10px 0 5px;
348 display: inline-block;
359 // Tools and options box
365 > .fa, > .glyphicon, > .ion {
372 display: inline-block;
378 text-decoration: line-through;
383 background: @gray !important;
390 border-left-color: @red;
393 border-left-color: @yellow;
396 border-left-color: @aqua;
399 border-left-color: @green;
402 border-left-color: @light-blue;
406 display: inline-block;
415 /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
417 padding: 5px 20px 5px 10px;
426 border: 2px solid transparent;
431 border: 2px solid @green;
434 border: 2px solid @red;
449 .border-radius(@attachment-border-radius);
479 //A fix for panels body text color when placed within