openo-portal/portal-common/src/main/webapp/common/css/style-custom.css

   1 /**\r
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.\r
   3  *\r
   4  * Licensed under the Apache License, Version 2.0 (the "License");\r
   5  * you may not use this file except in compliance with the License.\r
   6  * You may obtain a copy of the License at\r
   7  *\r
   8  *         http://www.apache.org/licenses/LICENSE-2.0\r
   9  *\r
  10  * Unless required by applicable law or agreed to in writing, software\r
  11  * distributed under the License is distributed on an "AS IS" BASIS,\r
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  13  * See the License for the specific language governing permissions and\r
  14  * limitations under the License.\r
  15  */\r
  16 /* remove rounds from all elements */\r
  17 \r
  18 div, \r
  19 input, \r
  20 select, \r
  21 textarea, \r
  22 span, \r
  23 img, \r
  24 table, \r
  25 td, \r
  26 th, \r
  27 p, \r
  28 a, \r
  29 button, \r
  30 ul,\r
  31 code,\r
  32 pre, \r
  33 li {\r
  34   //-webkit-border-radius: 0 !important;\r
  35      //-moz-border-radius: 0 !important;\r
  36           //border-radius: 0 !important;\r
  37 }\r
  38 \r
  39 /***\r
  40 Buttons & Dropdown Buttons\r
  41 ***/\r
  42 \r
  43 .btn {\r
  44         border-width: 0;\r
  45         padding: 7px 14px;      \r
  46   font-size: 14px;  \r
  47         outline: none !important;\r
  48   -webkit-box-shadow: none !important;\r
  49      -moz-box-shadow: none !important;\r
  50           box-shadow: none !important;\r
  51   //-webkit-border-radius: 0 !important;\r
  52      //-moz-border-radius: 0 !important;\r
  53           //border-radius: 0 !important;\r
  54           text-shadow: none;\r
  55 }\r
  56 \r
  57 /* fix jumping group buttons */\r
  58 .btn-group.btn-group-solid .btn + .btn,\r
  59 .btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,\r
  60 .btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,\r
  61 .btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {\r
  62   margin-left: 0px;\r
  63 }\r
  64 \r
  65 .btn-group-vertical.btn-group-solid > .btn + .btn,\r
  66 .btn-group-vertical.btn-group-solid > .btn + .btn-group,\r
  67 .btn-group-vertical.btn-group-solid > .btn-group + .btn,\r
  68 .btn-group-vertical.btn-group-solid > .btn-group + .btn-group {\r
  69   margin-top: 0px;\r
  70   margin-left: 0;\r
  71 }\r
  72 \r
  73 .btn-default {\r
  74   border-width: 1px;\r
  75   padding: 6px 13px;\r
  76 } \r
  77 \r
  78 .btn.red-stripe {\r
  79         border-left: 3px solid #d84a38;\r
  80 }\r
  81 \r
  82 .btn.blue-stripe {\r
  83         border-left: 3px solid #4d90fe;\r
  84 }\r
  85 \r
  86 .btn.purple-stripe {\r
  87         border-left: 3px solid #852b99;\r
  88 }\r
  89 \r
  90 .btn.green-stripe {\r
  91         border-left: 3px solid #35aa47;\r
  92 }\r
  93 \r
  94 .btn.yellow-stripe {\r
  95   border-left: 3px solid #ffb848;\r
  96 }\r
  97 \r
  98 .btn.dark-stripe {\r
  99   border-left: 3px solid #555555;\r
 100 }\r
 101 \r
 102 .btn.default {  \r
 103   color: #333333;\r
 104   text-shadow: none;  \r
 105   background-color: #e5e5e5;\r
 106 }\r
 107 .btn.default:hover, \r
 108 .btn.default:focus, \r
 109 .btn.default:active, \r
 110 .btn.default.active,\r
 111 .btn.default[disabled], \r
 112 .btn.default.disabled {    \r
 113   color: #333333;\r
 114   background-color: #d8d8d8 !important;\r
 115   outline: none !important;\r
 116 }\r
 117 \r
 118 /*  Red */\r
 119 .btn.red {\r
 120   color: white;  \r
 121   text-shadow: none;    \r
 122   background-color: #d84a38;\r
 123 }\r
 124 .btn.red:hover, \r
 125 .btn.red:focus, \r
 126 .btn.red:active, \r
 127 .btn.red.active,\r
 128 .btn.red[disabled], \r
 129 .btn.red.disabled {    \r
 130   background-color: #bb2413 !important;\r
 131   color: #fff !important;\r
 132   outline: none !important;\r
 133 }\r
 134 \r
 135 /*  Blue */\r
 136 \r
 137 .btn.blue {\r
 138   color: white;  \r
 139   text-shadow: none;    \r
 140   background-color: #4d90fe;\r
 141 }\r
 142 .btn.blue:hover, \r
 143 .btn.blue:focus, \r
 144 .btn.blue:active,\r
 145 .btn.blue.active,\r
 146 .btn.blue[disabled],\r
 147 .btn.blue.disabled {  \r
 148   background-color: #0362fd !important;\r
 149   color: #fff !important;\r
 150   outline: none !important;\r
 151 }\r
 152 \r
 153 .btn-group .btn.blue.dropdown-toggle {\r
 154   background-color: #4d90fe !important;\r
 155 }\r
 156 .btn-group .btn.blue:hover, \r
 157 .btn-group .btn.blue:focus, \r
 158 .btn-group .btn.blue:active, \r
 159 .btn-group .btn.blue.active, \r
 160 .btn-group .btn.blue.disabled,\r
 161 .btn-group .btn.blue[disabled] { \r
 162   background-color: #0362fd !important;\r
 163   color: #fff !important;\r
 164   outline: none !important;\r
 165 }\r
 166 \r
 167 /*  Green */\r
 168 .btn.green {\r
 169   color: white;\r
 170   text-shadow: none;     \r
 171   background-color: #35aa47;\r
 172 }\r
 173 .btn.green:hover, \r
 174 .btn.green:focus, \r
 175 .btn.green:active, \r
 176 .btn.green.active,\r
 177 .btn.green.disabled, \r
 178 .btn.green[disabled]{ \r
 179   background-color: #1d943b !important;\r
 180   color: #fff !important;\r
 181   outline: none !important;\r
 182 }\r
 183 \r
 184 /*  Purple */\r
 185 .btn.purple {\r
 186   color: white; \r
 187   text-shadow: none;    \r
 188   background-color: #852b99;\r
 189 }\r
 190 .btn.purple:hover, \r
 191 .btn.purple:focus, \r
 192 .btn.purple:active, \r
 193 .btn.purple.active, \r
 194 .btn.purple.disabled,\r
 195 .btn.purple[disabled] { \r
 196   background-color: #6d1b81 !important;\r
 197   color: #fff !important;\r
 198   outline: none !important;\r
 199 }\r
 200 \r
 201 .btn-group .btn.purple.dropdown-toggle {\r
 202   background-color: #852b99 !important;\r
 203 }\r
 204 .btn-group .btn.purple:hover, \r
 205 .btn-group .btn.purple:focus, \r
 206 .btn-group .btn.purple:active, \r
 207 .btn-group .btn.purple.active, \r
 208 .btn-group .btn.purple.disabled,\r
 209 .btn-group .btn.purple[disabled] { \r
 210   background-color: #6d1b81 !important;\r
 211   color: #fff !important;\r
 212   outline: none !important;\r
 213 }\r
 214 \r
 215 /*  Yellow */\r
 216 .btn.yellow {\r
 217   color: white; \r
 218   text-shadow: none;    \r
 219   background-color: #ffb848;\r
 220 }\r
 221 .btn.yellow:hover, \r
 222 .btn.yellow:focus, \r
 223 .btn.yellow:active, \r
 224 .btn.yellow.active, \r
 225 .btn.yellow.disabled,\r
 226 .btn.yellow[disabled] { \r
 227   background-color: #eca22e !important;\r
 228   color: #fff !important;\r
 229   outline: none !important;\r
 230 }\r
 231 \r
 232 .btn-group .btn.yellow.dropdown-toggle {\r
 233   background-color: #ffb848 !important;\r
 234 }\r
 235 .btn-group .btn.yellow:hover, \r
 236 .btn-group .btn.yellow:focus, \r
 237 .btn-group .btn.yellow:active, \r
 238 .btn-group .btn.yellow.active, \r
 239 .btn-group .btn.yellow.disabled,\r
 240 .btn-group .btn.yellow[disabled] { \r
 241   background-color: #eca22e !important;\r
 242   color: #fff !important;\r
 243   outline: none !important;\r
 244 }\r
 245 \r
 246 /*  Black */\r
 247 .btn.dark {\r
 248   color: white; \r
 249   text-shadow: none;    \r
 250   background-color: #555555;\r
 251 }\r
 252 .btn.dark:hover, \r
 253 .btn.dark:focus, \r
 254 .btn.dark:active, \r
 255 .btn.dark.active, \r
 256 .btn.dark.disabled,\r
 257 .btn.dark[disabled] { \r
 258   background-color: #222222 !important;\r
 259   color: #fff !important;\r
 260   outline: none !important;\r
 261 }\r
 262 \r
 263 .btn-group .btn.dark.dropdown-toggle {\r
 264   background-color: #555555 !important;\r
 265 }\r
 266 .btn-group .btn.dark:hover, \r
 267 .btn-group .btn.dark:focus, \r
 268 .btn-group .btn.dark:active, \r
 269 .btn-group .btn.dark.active, \r
 270 .btn-group .btn.dark.disabled,\r
 271 .btn-group .btn.dark[disabled] { \r
 272   background-color: #222222 !important;\r
 273   color: #fff !important;\r
 274   outline: none !important;\r
 275 }\r
 276 \r
 277 .btn-lg {\r
 278   padding: 10px 16px;\r
 279   font-size: 18px;\r
 280   line-height: 1.33;\r
 281   vertical-align: middle;\r
 282 }\r
 283 \r
 284 .btn-lg > i {\r
 285   font-size: 18px;\r
 286 }\r
 287 \r
 288 .btn > i {\r
 289   font-size: 14px;\r
 290 }\r
 291 \r
 292 .btn-sm,\r
 293 .btn-xs {\r
 294   padding: 4px 10px 5px 10px;\r
 295   font-size: 13px;\r
 296   line-height: 1.5;\r
 297 }\r
 298 \r
 299 .btn-sm > i,\r
 300 .btn-xs > i {\r
 301   font-size: 13px;\r
 302 } \r
 303 \r
 304 .btn-xs {\r
 305   padding: 1px 5px;\r
 306 }\r
 307 \r
 308 .btn-block {\r
 309   display: block;\r
 310   width: 100%;\r
 311   padding-left: 0;\r
 312   padding-right: 0;\r
 313 }\r
 314 \r
 315 /***\r
 316 Metro icons\r
 317 ***/\r
 318 \r
 319 [class^="m-icon-"] {\r
 320   display: inline-block;\r
 321   width: 14px;\r
 322   height: 14px;\r
 323   margin-top: 3px;\r
 324   line-height: 14px;  \r
 325   vertical-align: top;\r
 326   background-image: url(../image/syncfusion-icons.png);\r
 327   background-position: 0 0;\r
 328   background-repeat: no-repeat; \r
 329 }\r
 330 \r
 331 [class^="m-icon-big-"] {\r
 332   display: inline-block;\r
 333   width: 30px;\r
 334   height: 30px; \r
 335   margin: 6px;\r
 336   vertical-align: middle;\r
 337   background-image: url(../image/syncfusion-icons.png);\r
 338   background-position: 0 0px;\r
 339   background-repeat: no-repeat; \r
 340 }\r
 341 \r
 342 /* large icons */\r
 343 .btn.m-icon-big {\r
 344   padding: 9px 16px 8px 16px; \r
 345 }\r
 346 \r
 347 .btn.m-icon-big.m-icon-only{\r
 348   padding: 9px 8px 8px 0px;\r
 349 }\r
 350 \r
 351 .btn.m-icon-big [class^="m-icon-big-"] {\r
 352   margin: 0 0 0 10px;\r
 353 }\r
 354 \r
 355 .btn.m-icon-ony > i {\r
 356   margin-left: 0px;\r
 357 }\r
 358 \r
 359 /* default icons */\r
 360 .btn.m-icon {\r
 361   padding: 7px 14px 7px 14px; \r
 362 }\r
 363 \r
 364 .btn.m-icon [class^="m-icon-"] {\r
 365   margin: 4px 0 0 5px;\r
 366 }\r
 367 \r
 368 .btn.m-icon.m-icon-only {\r
 369   padding: 7px 10px 7px 6px;\r
 370 }\r
 371 \r
 372 /* white icon */\r
 373 .m-icon-white {\r
 374   background-image: url(../image/syncfusion-icons-white.png);\r
 375 }\r
 376 \r
 377 /*  Misc */\r
 378 .m-icon-swapright {\r
 379   background-position: -27px -10px;\r
 380 }\r
 381 .m-icon-swapdown {\r
 382   background-position: -68px -10px;\r
 383 }\r
 384 .m-icon-swapleft {\r
 385   background-position: -8px -10px;\r
 386 }\r
 387 .m-icon-swapup {\r
 388   background-position: -46px -10px;\r
 389 }\r
 390 .m-icon-big-swapright{\r
 391   background-position: -42px -28px;\r
 392 }\r
 393 .m-icon-big-swapdown{\r
 394   background-position: -115px -28px;\r
 395 }\r
 396 .m-icon-big-swapleft{\r
 397   background-position: -6px -28px;\r
 398 }\r
 399 .m-icon-big-swapup{\r
 400   background-position: -78px -28px;\r
 401 }\r
 402 \r
 403 \r
 404 /***\r
 405 Popover\r
 406  ***/\r
 407 .popover {\r
 408   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);\r
 409      -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);\r
 410           box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);  \r
 411   padding: 0 !important;\r
 412 }\r
 413 \r
 414 .popover .popover-title {\r
 415     -webkit-border-radius: 0 !important;\r
 416      -moz-border-radius: 0 !important;\r
 417           border-radius: 0 !important;\r
 418           margin: 0 !important;\r
 419 }\r
 420 \r
 421 .info .popover .popover-title,\r
 422 .popover.info .popover-title,\r
 423 .info .popover .popover-content,\r
 424 .popover.info .popover-content {\r
 425   color:#27a9e3;\r
 426 }\r
 427 \r
 428 .success .popover .popover-title,\r
 429 .popover.success .popover-title,\r
 430 .success .popover .popover-content,\r
 431 .popover.success .popover-content {\r
 432   color:#468847;\r
 433 }\r
 434 \r
 435 .error .popover .popover-title,\r
 436 .popover.error .popover-title,\r
 437 .error .popover .popover-content,\r
 438 .popover.error .popover-content {\r
 439   color:#B94A48;\r
 440 }\r
 441 \r
 442 .warning .popover .popover-title,\r
 443 .popover.warning .popover-title,\r
 444 .warning .popover .popover-content,\r
 445 .popover.warning .popover-content {\r
 446   color:#C09853;\r
 447 }\r
 448 \r
 449 .popovers.yellow + .popover {\r
 450     background: yellow;\r
 451 }\r
 452 \r
 453 .popovers.yellow + .popover .popover-title {\r
 454     background: yellow;\r
 455 }\r
 456 \r
 457 .popovers.yellow + .popover .popover-content {\r
 458     background: yellow;\r
 459 }\r
 460 \r
 461 /***\r
 462 Dropdown\r
 463 ***/\r
 464 \r
 465  /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/\r
 466 .dropdown-backdrop {\r
 467   position: static;\r
 468 }\r
 469 \r
 470 .dropdown:hover .caret, \r
 471 .open.dropdown .caret {\r
 472   opacity: 1;\r
 473   filter: alpha(opacity=100);\r
 474 }\r
 475 \r
 476 \r
 477 .dropdown.open .dropdown-toggle {\r
 478   color: #08c;\r
 479   background: #ccc;\r
 480   background: rgba(0, 0, 0, 0.3);\r
 481 }\r
 482 \r
 483 /***\r
 484 Dropdown Menu\r
 485 ***/\r
 486 \r
 487 .dropdown-menu {\r
 488   position: absolute;\r
 489   top: 100%;\r
 490   left: 0;\r
 491   z-index: 1000;\r
 492   display: none;\r
 493   float: left;\r
 494   list-style: none;\r
 495   text-shadow: none;\r
 496   padding: 0px;\r
 497   margin:0px;\r
 498   background-color: #ffffff;\r
 499   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
 500   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
 501   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
 502   font-size: 14px;\r
 503   font-family: "Segoe UI",Helvetica, Arial, sans-serif;\r
 504   border: 1px solid #ddd;\r
 505 }\r
 506 \r
 507 /* custom dropdown conetnt */\r
 508 .dropdown-content {\r
 509   padding:5px;\r
 510 }\r
 511 \r
 512 .dropdown-content form {\r
 513   margin:0;\r
 514 }\r
 515 \r
 516 .dropdown.inline .dropdown-menu {\r
 517   display: inline-block;  \r
 518   position: relative;\r
 519 }\r
 520 \r
 521 .dropdown-menu.bottom-up {\r
 522   top: auto;\r
 523   bottom: 100%;\r
 524   margin-bottom: 2px;\r
 525 }\r
 526 \r
 527 .dropdown-menu li > a {\r
 528   padding: 6px 0 6px 13px;\r
 529   color: #333;\r
 530   text-decoration: none;\r
 531   display: block;\r
 532   clear: both;\r
 533   font-weight: normal;\r
 534   line-height: 18px;\r
 535   white-space: nowrap;\r
 536 }\r
 537 \r
 538 .dropdown-menu li > a:hover, \r
 539 .dropdown-menu .active > a, \r
 540 .dropdown-menu .active > a:hover {\r
 541   text-decoration: none;\r
 542   background-image: none;\r
 543   background-color: #eee;\r
 544   color: #333;\r
 545   filter:none;\r
 546 }\r
 547 \r
 548 /* dropdown sub menu support for Bootsrap 3 */\r
 549 .dropdown-submenu {\r
 550   position: relative;\r
 551 }\r
 552 \r
 553 .dropdown-submenu > .dropdown-menu {\r
 554   top: 5px;\r
 555   left: 100%;\r
 556   margin-top: -6px;\r
 557   margin-left: -1px;\r
 558 }\r
 559 \r
 560 .dropdown-submenu:hover > .dropdown-menu {\r
 561   display: block;\r
 562 }\r
 563 \r
 564 .dropup .dropdown-submenu > .dropdown-menu {\r
 565   top: auto;\r
 566   bottom: 0;\r
 567   margin-top: 0;\r
 568   margin-bottom: -2px;\r
 569 }\r
 570 \r
 571 .dropdown-submenu > a:after {\r
 572   position: absolute;\r
 573   display: inline-block;\r
 574   font-size: 14px;\r
 575   right: 7px;\r
 576   top: 7px;\r
 577   font-family: FontAwesome;\r
 578   height: auto;\r
 579   content: "\f105";\r
 580   font-weight: 300;\r
 581 }\r
 582 \r
 583 .dropdown-submenu:hover > a:after {\r
 584   border-left-color: #ffffff;\r
 585 }\r
 586 \r
 587 .dropdown-submenu.pull-left {\r
 588   float: none;\r
 589 }\r
 590 \r
 591 .dropdown-submenu.pull-left > .dropdown-menu {\r
 592   left: -100%;\r
 593   margin-left: 10px;\r
 594 }\r
 595 \r
 596 .nav.pull-right > li > .dropdown-menu,\r
 597 .nav > li > .dropdown-menu.pull-right {\r
 598   right: 0;\r
 599   left: auto;\r
 600 }\r
 601 \r
 602 .nav.pull-right > li > .dropdown-menu:before,\r
 603 .nav > li > .dropdown-menu.pull-right:before {\r
 604   right: 12px;\r
 605   left: auto;\r
 606 }\r
 607 \r
 608 .nav.pull-right > li > .dropdown-menu:after,\r
 609 .nav > li > .dropdown-menu.pull-right:after {\r
 610   right: 13px;\r
 611   left: auto;\r
 612 }\r
 613 \r
 614 .nav.pull-right > li > .dropdown-menu .dropdown-menu,\r
 615 .nav > li > .dropdown-menu.pull-right .dropdown-menu {\r
 616   right: 100%;\r
 617   left: auto;\r
 618   margin-right: -1px;\r
 619   margin-left: 0;\r
 620   -webkit-border-radius: 6px 0 6px 6px;\r
 621      -moz-border-radius: 6px 0 6px 6px;\r
 622           border-radius: 6px 0 6px 6px;\r
 623 }\r
 624 \r
 625 @media (max-width: 767px) {\r
 626 \r
 627   .navbar-nav .open .dropdown-menu {\r
 628     position: absolute;\r
 629     float: left;\r
 630     width: auto;\r
 631     margin-top: 0;\r
 632     background-color: #ffffff;\r
 633     border: 1px solid #ddd;\r
 634     -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
 635        -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\r
 636             box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  \r
 637   }\r
 638 \r
 639   .navbar-nav .open .dropdown-menu > li > a {\r
 640      padding: 6px 0 6px 13px;\r
 641      color: #333 !important;\r
 642   }\r
 643 \r
 644   .navbar-nav .open .dropdown-menu > li > a:hover,\r
 645   .navbar-nav .open .dropdown-menu > li > a:focus {\r
 646     background-color: #eee !important;\r
 647   }\r
 648 \r
 649 }\r
 650 \r
 651 /***\r
 652 Dropdown Checkboxes (in v1.3)\r
 653 ***/\r
 654 .dropdown-checkboxes {\r
 655   padding: 5px;\r
 656 }\r
 657 \r
 658 .dropdown-checkboxes label {\r
 659   display: block;\r
 660   font-weight: 300;\r
 661   color: #333;\r
 662   margin-bottom: 4px;\r
 663   margin-top: 4px; \r
 664 }\r
 665 \r
 666 \r
 667 /***\r
 668 Dropdown Menu Badges\r
 669 ***/\r
 670 \r
 671 .dropdown-menu > li > a > .badge {\r
 672    position: absolute;\r
 673    margin-top: 1px;\r
 674    right: 3px;\r
 675    display: inline;\r
 676    font-size: 11px;\r
 677    font-weight: 300;\r
 678    text-shadow:none;\r
 679     height: 18px;\r
 680     padding: 3px 6px 3px 6px;\r
 681     text-align: center;\r
 682     vertical-align: middle;\r
 683    -webkit-border-radius: 12px !important;\r
 684       -moz-border-radius: 12px !important;\r
 685            border-radius: 12px !important;\r
 686 }\r
 687 \r
 688 .dropdown-menu > li > a > .badge.badge-roundless {\r
 689    -webkit-border-radius: 0 !important;\r
 690       -moz-border-radius: 0 !important;\r
 691            border-radius: 0 !important;\r
 692 }\r
 693 \r
 694 /* end: sidebar menu badges */\r
 695 \r
 696 /***\r
 697 Forms\r
 698 ***/\r
 699 code {\r
 700   border: 1px solid #e1e1e1;\r
 701     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r
 702   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r
 703   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  \r
 704 }\r
 705 label {\r
 706   font-weight: 400;\r
 707   font-size: 14px;\r
 708 }\r
 709 \r
 710 .form-control:-moz-placeholder {\r
 711   color: #999999;\r
 712 }\r
 713 .form-control::-moz-placeholder {\r
 714   color: #999999;\r
 715 }\r
 716 .form-control:-ms-input-placeholder {\r
 717   color: #999999;\r
 718 }\r
 719 .form-control::-webkit-input-placeholder {\r
 720   color: #999999;\r
 721 }\r
 722 .form-control {  \r
 723   font-size: 14px;\r
 724   font-weight: normal;\r
 725   color: #333333;\r
 726   background-color: #ffffff;\r
 727   border: 1px solid #e5e5e5;\r
 728   border-radius: 0;\r
 729   -webkit-box-shadow: none;\r
 730   box-shadow: none;\r
 731   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
 732   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
 733 }\r
 734 .form-control:focus {\r
 735   border-color: #999999;\r
 736   outline: 0;\r
 737   -webkit-box-shadow: none !important;\r
 738   box-shadow: none !important;\r
 739 }\r
 740 .form-control[disabled],\r
 741 .form-control[readonly],\r
 742 fieldset[disabled] .form-control {\r
 743   cursor: not-allowed;\r
 744   background-color: #eeeeee;\r
 745 }\r
 746 \r
 747 .form-control.height-auto {\r
 748   height: auto;\r
 749 }\r
 750 \r
 751 .uneditable-input {\r
 752   padding: 6px 12px;\r
 753   min-width: 206px;\r
 754   font-size: 14px;\r
 755   font-weight: normal;\r
 756   height: 34px;\r
 757   color: #333333;\r
 758   background-color: #ffffff;\r
 759   border: 1px solid #e5e5e5;\r
 760   border-radius: 0;\r
 761   -webkit-box-shadow: none;\r
 762   box-shadow: none;\r
 763   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
 764   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
 765 }\r
 766 \r
 767 label.form-control {\r
 768   display: block;\r
 769   margin-bottom: 5px;\r
 770 }\r
 771 \r
 772 input[disabled],\r
 773 select[disabled],\r
 774 textarea[disabled] {\r
 775   cursor: not-allowed;\r
 776   background-color: #F4F4F4 !important;\r
 777 }\r
 778 \r
 779 input[readonly],\r
 780 select[readonly],\r
 781 textarea[readonly] {\r
 782   cursor: not-allowed;\r
 783   background-color: #F9F9F9 !important;\r
 784 }\r
 785 \r
 786 /* input  groups */\r
 787 .input-group.input-group-fixed {\r
 788   width: auto !important;\r
 789 }\r
 790 \r
 791 .input-group-addon {\r
 792   border-color: #e5e5e5;\r
 793   background: #e5e5e5;\r
 794   min-width: 39px;\r
 795 }\r
 796 \r
 797 .input-group-addon > i {\r
 798   color: #999;\r
 799 }\r
 800 \r
 801 /* form control sizing */\r
 802 .form-control-inline {\r
 803   display: inline-block !important;\r
 804 }\r
 805 \r
 806 .input-mini {\r
 807   width: 45px !important;\r
 808 }\r
 809 \r
 810 .input-xsmall {\r
 811   width: 80px !important;\r
 812 }\r
 813 \r
 814 .input-small {\r
 815   width: 120px !important;\r
 816 }\r
 817 \r
 818 .input-medium {\r
 819   width: 240px !important;\r
 820 }\r
 821 \r
 822 .input-large {\r
 823   width: 320px !important;\r
 824 }\r
 825 \r
 826 .input-xlarge {\r
 827   width: 480px !important;\r
 828 }\r
 829 \r
 830 .input-inline {\r
 831   display: inline-block;\r
 832   width: auto;  \r
 833   vertical-align: middle;\r
 834 }\r
 835 \r
 836 .form-group .input-inline  {\r
 837   margin-right: 5px;\r
 838 }\r
 839 \r
 840 .input-sm {\r
 841   height: 28px;\r
 842   padding: 5px 10px;\r
 843   font-size: 13px;\r
 844 }\r
 845 \r
 846 select.input-sm {\r
 847   height: 28px;\r
 848   line-height: 28px;\r
 849   padding: 2px 10px;\r
 850 }\r
 851 \r
 852 /***\r
 853 Input spinner(in v1.4)\r
 854 ***/\r
 855 \r
 856 input[type="text"].spinner,\r
 857 input[type="password"].spinner,\r
 858 input[type="datetime"].spinner,\r
 859 input[type="datetime-local"].spinner,\r
 860 input[type="date"].spinner,\r
 861 input[type="month"].spinner,\r
 862 input[type="time"].spinner,\r
 863 input[type="week"].spinner,\r
 864 input[type="number"].spinner,\r
 865 input[type="email"].spinner,\r
 866 input[type="url"].spinner,\r
 867 input[type="search"].spinner,\r
 868 input[type="tel"].spinner,\r
 869 input[type="color"].spinner {\r
 870   background-image: url("../image/input-spinner.gif") !important;\r
 871   background-repeat: no-repeat;\r
 872   background-position: right 8px;\r
 873 }\r
 874 \r
 875 @media (max-width: 768px) {\r
 876 \r
 877   .input-large {\r
 878     width: 250px !important;\r
 879   }\r
 880 \r
 881   .input-xlarge {\r
 882     width: 300px !important;\r
 883   }\r
 884 \r
 885 } \r
 886 \r
 887 /***\r
 888 Error States\r
 889 ***/\r
 890 \r
 891 .has-warning .help-inline,\r
 892 .has-warning .help-block,\r
 893 .has-warning .control-label {\r
 894   color: #c09853;\r
 895 }\r
 896 \r
 897 .has-warning .form-control {\r
 898   border-color: #c09853;\r
 899   -webkit-box-shadow: none;\r
 900           box-shadow: none;\r
 901 }\r
 902 \r
 903 .has-warning .form-control:focus {\r
 904   border-color: #a47e3c;\r
 905   -webkit-box-shadow: none;\r
 906           box-shadow: none;\r
 907 }\r
 908 \r
 909 .has-warning .input-group-addon {\r
 910   color: #c09853;\r
 911   background-color: #fcf8e3;\r
 912   border-color: #c09853;\r
 913 }\r
 914 \r
 915 .has-error .help-inline,\r
 916 .has-error .help-block,\r
 917 .has-error .control-label {\r
 918   color: #b94a48;\r
 919 }\r
 920 \r
 921 .has-error .form-control {\r
 922   border-color: #b94a48;\r
 923   -webkit-box-shadow: none;\r
 924           box-shadow: none;\r
 925 }\r
 926 \r
 927 .has-error .form-control:focus {\r
 928   border-color: #953b39;\r
 929   -webkit-box-shadow: none;\r
 930           box-shadow: none;\r
 931 }\r
 932 \r
 933 .has-error .input-group-addon {\r
 934   color: #b94a48;\r
 935   background-color: #f2dede;\r
 936   border-color: #b94a48;\r
 937 }\r
 938 \r
 939 .has-success .help-inline,\r
 940 .has-success .help-block,\r
 941 .has-success .control-label {\r
 942   color: #468847;\r
 943 }\r
 944 \r
 945 .has-success .form-control {\r
 946   border-color: #468847;\r
 947   -webkit-box-shadow: none;\r
 948           box-shadow: none;\r
 949 }\r
 950 \r
 951 .has-success .form-control:focus {\r
 952   border-color: #356635;\r
 953   -webkit-box-shadow: none;\r
 954           box-shadow: none;\r
 955 }\r
 956 \r
 957 .has-success .input-group-addon {\r
 958   color: #468847;\r
 959   background-color: #dff0d8;\r
 960   border-color: #468847;\r
 961 }\r
 962 \r
 963 /***\r
 964 Custom label and badges\r
 965 ***/\r
 966 \r
 967 .label, \r
 968 .badge {\r
 969   font-weight: 300;  \r
 970   text-shadow: none !important;\r
 971 }\r
 972 \r
 973 .label {  \r
 974   font-size: 12px;  \r
 975   padding: 3px 6px 3px 6px;\r
 976 }\r
 977 \r
 978 .label.label-sm {  \r
 979   font-size: 12px;\r
 980   padding: 1px 4px 1px 4px;\r
 981 }\r
 982 \r
 983 h1 .label,\r
 984 h2 .label,\r
 985 h3 .label,\r
 986 h4 .label,\r
 987 h5 .label,\r
 988 h6 .label,\r
 989 h7 .label {\r
 990   font-size: 75%;\r
 991 }\r
 992 \r
 993 .badge {\r
 994   font-size: 11px !important;\r
 995   font-weight: 300;\r
 996   text-align: center;\r
 997   background-color: #e02222;\r
 998   height: 18px;\r
 999   padding: 3px 6px 3px 6px;\r
1000   -webkit-border-radius: 12px !important;\r
1001      -moz-border-radius: 12px !important;\r
1002           border-radius: 12px !important;\r
1003   text-shadow:none !important;\r
1004   text-align: center;\r
1005   vertical-align: middle;\r
1006 }\r
1007 \r
1008 .badge.badge-roundless {\r
1009    -webkit-border-radius: 0 !important;\r
1010       -moz-border-radius: 0 !important;\r
1011            border-radius: 0 !important;\r
1012 }\r
1013 \r
1014 .badge-default,\r
1015 .label-default  {\r
1016   background-color: #999 !important;\r
1017 }\r
1018 \r
1019 .badge-primary,\r
1020 .label-primary {\r
1021   background-color: #428bca !important;\r
1022 }\r
1023 \r
1024 .label-success, \r
1025 .badge-success {\r
1026   background-color: #3cc051;\r
1027   background-image: none !important;\r
1028 }\r
1029 \r
1030 .label-warning, \r
1031 .badge-warning {\r
1032   background-color: #fcb322;\r
1033   background-image: none !important;\r
1034 }\r
1035 \r
1036 .label-danger, \r
1037 .badge-danger {\r
1038   background-color: #ed4e2a;\r
1039   background-image: none !important;\r
1040 }\r
1041 \r
1042 .label-info, \r
1043 .badge-info {\r
1044   background-color: #57b5e3;\r
1045   background-image: none !important;\r
1046 }\r
1047 \r
1048 /* fix badge position for navs */\r
1049 .nav.nav-pills > li > a > .badge {\r
1050   margin-top: -2px;\r
1051 }\r
1052 \r
1053 .nav.nav-stacked > li > a > .badge {\r
1054   margin-top: 1px;\r
1055   margin-bottom: 0px;\r
1056 }\r
1057 \r
1058 /***\r
1059 Iconic Labels\r
1060 ***/\r
1061 \r
1062 .label.label-icon {\r
1063   padding: 4px 1px 4px 5px;\r
1064   margin-right: 2px;\r
1065   text-align: center !important;\r
1066 }\r
1067 \r
1068 .ie9 .label.label-icon, \r
1069 .ie10 .label.label-icon {\r
1070   padding: 3px 0px 3px 3px;\r
1071 } \r
1072 \r
1073 .label.label-icon > i {\r
1074   font-size: 12px;\r
1075   text-align: center !important;\r
1076 }\r
1077 \r
1078 \r
1079 /***\r
1080 Pagination\r
1081 ***/\r
1082 .pagination {\r
1083   margin: 10px 0;\r
1084 }\r
1085 \r
1086 .pagination .active > a,\r
1087 .pagination .active > a:hover {\r
1088   background: #eee;\r
1089   border-color: #dddddd;\r
1090   color: #333;\r
1091 }\r
1092 \r
1093 \r
1094 \r
1095 /***\r
1096 wells\r
1097 ***/\r
1098 .well {  \r
1099   -webkit-box-shadow: none !important;\r
1100      -moz-box-shadow: none !important;\r
1101           box-shadow: none !important;\r
1102 }\r
1103 \r
1104 /* Bootstrap Tabs */\r
1105 \r
1106 .dropup.open > .dropdown-toggle,\r
1107 .dropdown.open > .dropdown-toggle {\r
1108   border-color: #ddd !important;\r
1109 }\r
1110 \r
1111 .nav-tabs > li > .dropdown-menu:after,\r
1112 .nav-pills > li > .dropdown-menu:after,\r
1113 .navbar-nav > li > .dropdown-menu:after,\r
1114 \r
1115 .nav-tabs > li > .dropdown-menu:before,\r
1116 .nav-pills > li > .dropdown-menu:before,\r
1117 .navbar-nav > li > .dropdown-menu:before {\r
1118   display: none !important;\r
1119 }\r
1120 \r
1121 .nav-tabs > .dropdown.open > .dropdown-toggle, \r
1122 .nav-pills > .dropdown.open > .dropdown-toggle {\r
1123   background: #eee !important;\r
1124   color: #0d638f !important;\r
1125 }\r
1126 \r
1127 \r
1128 .nav-tabs,\r
1129 .nav-pills {\r
1130   margin-bottom: 10px;\r
1131 }\r
1132 \r
1133 .tabs-right > .nav-tabs,\r
1134 .tabs-left > .nav-tabs {\r
1135   border-bottom: 0;\r
1136 }\r
1137 \r
1138 .tabs-left > .nav-tabs > li,\r
1139 .tabs-right > .nav-tabs > li {\r
1140   float: none;\r
1141 }\r
1142 \r
1143 .tabs-left > .nav-tabs > li > a,\r
1144 .tabs-right > .nav-tabs > li > a {\r
1145   min-width: 74px;\r
1146   margin-right: 0;\r
1147   margin-bottom: 3px;\r
1148 }\r
1149 \r
1150 .tabs-left > .nav-tabs {\r
1151   float: left;\r
1152   margin-right: 19px;\r
1153   border-right: 1px solid #ddd;\r
1154 }\r
1155 \r
1156 .tabs-left > .nav-tabs > li > a {\r
1157   margin-right: -1px;\r
1158   -webkit-border-radius: 4px 0 0 4px;\r
1159      -moz-border-radius: 4px 0 0 4px;\r
1160           border-radius: 4px 0 0 4px;\r
1161 }\r
1162 \r
1163 .tabs-left > .nav-tabs > li > a:hover,\r
1164 .tabs-left > .nav-tabs > li > a:focus {\r
1165   border-color: #eeeeee #dddddd #eeeeee #eeeeee;\r
1166 }\r
1167 \r
1168 .tabs-left > .nav-tabs .active > a,\r
1169 .tabs-left > .nav-tabs .active > a:hover,\r
1170 .tabs-left > .nav-tabs .active > a:focus {\r
1171   border-color: #ddd transparent #ddd #ddd;\r
1172   *border-right-color: #ffffff;\r
1173 }\r
1174 \r
1175 .tabs-right > .nav-tabs {\r
1176   float: right;\r
1177   margin-left: 19px;\r
1178   border-left: 1px solid #ddd;\r
1179 }\r
1180 \r
1181 .tabs-right > .nav-tabs > li > a {\r
1182   margin-left: -1px;\r
1183   -webkit-border-radius: 0 4px 4px 0;\r
1184      -moz-border-radius: 0 4px 4px 0;\r
1185           border-radius: 0 4px 4px 0;\r
1186 }\r
1187 \r
1188 .tabs-right > .nav-tabs > li > a:hover,\r
1189 .tabs-right > .nav-tabs > li > a:focus {\r
1190   border-color: #eeeeee #eeeeee #eeeeee #dddddd;\r
1191 }\r
1192 \r
1193 .tabs-right > .nav-tabs .active > a,\r
1194 .tabs-right > .nav-tabs .active > a:hover,\r
1195 .tabs-right > .nav-tabs .active > a:focus {\r
1196   border-color: #ddd #ddd #ddd transparent;\r
1197   *border-left-color: #ffffff;\r
1198 }\r
1199 \r
1200 .tabs-below > .nav-tabs,\r
1201 .tabs-below > .nav-pills {\r
1202   border-bottom: 0;\r
1203   margin-bottom: 0px;\r
1204   margin-top: 10px;\r
1205 }\r
1206 \r
1207 .tabs-below > .nav-tabs {\r
1208   border-top: 1px solid #ddd;\r
1209   margin-bottom: 0;\r
1210   margin-top: 10px;\r
1211 }\r
1212 \r
1213 .tabs-below > .nav-tabs > li {\r
1214   margin-top: -1px;\r
1215   margin-bottom: 0;\r
1216 }\r
1217 \r
1218 .tabs-below > .nav-tabs > li > a {\r
1219   -webkit-border-radius: 0 0 4px 4px;\r
1220      -moz-border-radius: 0 0 4px 4px;\r
1221           border-radius: 0 0 4px 4px;\r
1222 }\r
1223 \r
1224 .tabs-below > .nav-tabs > li > a:hover,\r
1225 .tabs-below > .nav-tabs > li > a:focus {\r
1226   border-top-color: #ddd;\r
1227   border-bottom-color: transparent;\r
1228 }\r
1229 \r
1230 .tabs-below > .nav-tabs > .active > a,\r
1231 .tabs-below > .nav-tabs > .active > a:hover,\r
1232 .tabs-below > .nav-tabs > .active > a:focus {\r
1233   border-color: transparent #ddd #ddd #ddd;\r
1234 }\r
1235 \r
1236 /* BS3.0.3 removed tabbable class so its added back */\r
1237 .tabbable:before,\r
1238 .tabbable:after {\r
1239   display: table;\r
1240   content: " ";\r
1241 }\r
1242 \r
1243 .tabbable:after {\r
1244   clear: both;\r
1245 }\r
1246 \r
1247 .tabbable:before,\r
1248 .tabbable:after {\r
1249   display: table;\r
1250   content: " ";\r
1251 }\r
1252 \r
1253 .tabbable:after {\r
1254   clear: both;\r
1255 }\r
1256 \r
1257 /***\r
1258 Bootstrap modal \r
1259 ***/\r
1260 \r
1261 .modal {\r
1262   z-index: 10050 !important;\r
1263   outline: none !important;\r
1264 }\r
1265 \r
1266 .modal-header {\r
1267   border-bottom: 1px solid #EFEFEF;\r
1268 }\r
1269 \r
1270 .modal-header h3{\r
1271   font-weight: 300;\r
1272 }\r
1273 \r
1274 .modal-small.modal-dialog {\r
1275   width: 400px;\r
1276 }\r
1277 \r
1278 .modal-wide.modal-dialog {\r
1279   width: 60%;\r
1280 }\r
1281 \r
1282 .modal-full.modal-dialog {\r
1283   width: 100%;\r
1284 }\r
1285 \r
1286 @media (max-width: 768px) {\r
1287 \r
1288   .modal-small.modal-dialog,\r
1289   .modal-wide.modal-dialog, \r
1290   .modal-full.modal-dialog {\r
1291     width: auto;\r
1292   }\r
1293 \r
1294 }\r
1295 \r
1296 /***\r
1297 Modal header close button fix\r
1298 ***/\r
1299 .modal-header .close {\r
1300   margin-top: 0px !important;\r
1301 }\r
1302 \r
1303 .modal > .loading {\r
1304   position: absolute;\r
1305   top: 50%;\r
1306   left:50%;\r
1307   margin-top: -22px;\r
1308   margin-left: -22px;\r
1309 }\r
1310 \r
1311 .modal-backdrop {\r
1312   border: 0 !important;\r
1313   outline: none !important;\r
1314   z-index: 10049 !important;\r
1315 }\r
1316 \r
1317 .modal-backdrop, \r
1318 .modal-backdrop.fade.in {\r
1319   background-color: #333 !important;\r
1320 }\r
1321 \r
1322 /* fix: content shifting to the right on modal open due to scrollbar closed */\r
1323 .modal {\r
1324   overflow-y: auto !important;\r
1325 }\r
1326 \r
1327 .modal-open {\r
1328   overflow-y: auto !important;\r
1329 }\r
1330 \r
1331 .modal-open-noscroll {\r
1332   overflow-y: hidden !important; \r
1333 }\r
1334 \r
1335 \r
1336 /***\r
1337 Image Carousel\r
1338 ***/\r
1339 .carousel.image-carousel .carousel-inner {\r
1340   padding-top: 0;\r
1341   padding-bottom: 0;\r
1342 }\r
1343 \r
1344 .carousel.image-carousel .carousel-control i {\r
1345   position: absolute;\r
1346   top:40%;\r
1347 }\r
1348 \r
1349 .carousel.image-carousel.image-carousel-hoverable .carousel-control i { \r
1350   display: none;\r
1351 }\r
1352 \r
1353 .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {\r
1354   display: inline-block;\r
1355 }\r
1356 \r
1357 .carousel.image-carousel .carousel-control.left i {\r
1358   left:10px;\r
1359 }\r
1360 \r
1361 .carousel.image-carousel .carousel-control.right i {\r
1362   right:10px;\r
1363 }\r
1364 \r
1365 .carousel.image-carousel .carousel-indicators {\r
1366   margin-top: 10px;\r
1367   bottom: -7px;\r
1368 }\r
1369 \r
1370 .carousel.image-carousel .carousel-indicators li {\r
1371   background-color: #666;\r
1372 }\r
1373 \r
1374 .carousel.image-carousel .carousel-indicators li.active {\r
1375   background-color: #333;\r
1376 }\r
1377 \r
1378 .carousel.image-carousel .carousel-caption {\r
1379   position: absolute;\r
1380   right: 0;\r
1381   bottom: 0;\r
1382   left: 0;\r
1383   padding: 15px 15px 25px 15px;\r
1384   background: #333333;\r
1385   background: rgba(0, 0, 0, 0.75);\r
1386 }\r
1387 \r
1388 .carousel.image-carousel .carousel-caption h4,\r
1389 .carousel.image-carousel .carousel-caption h3,\r
1390 .carousel.image-carousel .carousel-caption h2,\r
1391 .carousel.image-carousel .carousel-caption p {\r
1392   text-align: left;\r
1393   line-height: 20px;\r
1394   color: #ffffff;\r
1395 }\r
1396 \r
1397 .carousel.image-carousel .carousel-caption h2,\r
1398 .carousel.image-carousel .carousel-caption h3,\r
1399 .carousel.image-carousel .carousel-caption h4 {\r
1400   margin: 0 0 5px;\r
1401 }\r
1402 \r
1403 .carousel.image-carousel .carousel-caption h2 a,\r
1404 .carousel.image-carousel .carousel-caption h3 a,\r
1405 .carousel.image-carousel .carousel-caption h4 a {\r
1406   color: #aaa;\r
1407 } \r
1408 \r
1409 .carousel.image-carousel .carousel-caption p {\r
1410   margin-bottom: 0;\r
1411 }\r
1412 \r
1413 .carousel.image-carousel .item {\r
1414   margin: 0;\r
1415 }\r
1416 \r
1417 /***\r
1418 Bootstrap Tables\r
1419 ***/\r
1420 \r
1421 .table thead > tr > th {\r
1422   border-bottom: 0;\r
1423 }\r
1424 \r
1425 .table tbody tr.active td,\r
1426 .table tbody tr.active th {\r
1427   background-color: #e9e9e9 !important;\r
1428 }\r
1429 \r
1430 .table tbody tr.active:hover td,\r
1431 .table tbody tr.active:hover th {\r
1432   background-color: #e1e1e1 !important;\r
1433 }\r
1434 \r
1435 .table-striped tbody tr.active:nth-child(odd) td,\r
1436 .table-striped tbody tr.active:nth-child(odd) th {\r
1437   background-color: #017ebc;\r
1438 }\r
1439 \r
1440 .table .heading > th {\r
1441   background-color: #eee !important;\r
1442 }\r
1443 \r
1444 /***\r
1445 Bootstrap Panel\r
1446 ***/\r
1447 \r
1448 .panel {  \r
1449   -webkit-box-shadow: none !important;\r
1450      -moz-box-shadow: none !important;\r
1451           box-shadow: none !important;\r
1452 }\r
1453 \r
1454 .panel .panel-title > a:hover {\r
1455   text-decoration: none;\r
1456 }\r
1457 \r
1458 .accordion .panel-heading {\r
1459   padding: 0;\r
1460 }\r
1461 \r
1462 .accordion  .panel-title {\r
1463   padding: 0;\r
1464 }\r
1465 \r
1466 .accordion  .panel-title .accordion-toggle {\r
1467   display: block;\r
1468   padding: 10px 15px;\r
1469 }\r
1470 \r
1471 .accordion .accordion-toggle.accordion-toggle-styled {\r
1472   background: url("../image/accordion-plusminus.png") no-repeat;\r
1473   background-position: right -19px;\r
1474   margin-right: 15px;\r
1475 }\r
1476 \r
1477 .accordion .accordion-toggle.accordion-toggle-styled.collapsed {\r
1478   background-position: right 12px;\r
1479 }\r
1480 \r
1481 /***\r
1482 Responsive Image\r
1483 ***/\r
1484 .table td .img-responsive{\r
1485   width:100%;\r
1486 }\r
1487 \r
1488 /***\r
1489 Unstyled List\r
1490 ***/\r
1491 \r
1492 .list-unstyled li > .list-unstyled {\r
1493   margin-left: 25px;\r
1494 }\r
1495 \r
1496 .alarm-critical{\r
1497   background-color: rgb(255, 0, 0);\r
1498 }\r
1499 \r
1500 .alarm-major{\r
1501   background-color: rgb(255, 150, 0);\r
1502 }\r
1503 \r
1504 .alarm-minor{\r
1505   background-color: rgb(248, 252, 96);\r
1506 }\r
1507 \r
1508 .alarm-warning{\r
1509   background-color: rgb(152, 240, 248);\r
1510 }