1. /**
  2.  * Template main colors
  3.  */
  4.  
  5. /******************** Common ********************/
  6. a, strong, h2, h3,
  7. .search-more:hover,
  8. .search-less:hover,
  9.  
  10. /* Lists */
  11. .favorites > li > a,
  12. .white-bg .favorites > li > a,
  13. .favorites.white-bg > li > a,
  14. body.dark .block-content .favorites > li > a,
  15. body.dark .white-bg .favorites > li > a,
  16. body.dark .favorites.white-bg > li > a,
  17. section h1 .menu ul li,
  18. section .h1 .menu ul li,
  19. body.dark .block-content .icon-list li a,
  20. .small-files-list li a:hover,
  21. body.dark .block-content .extended-list > li > a,
  22. body.dark .block-content .extended-list > li > span,
  23. dl.accordion dt,
  24.  
  25. /* calendars */
  26. .mini-calendar tbody .today,
  27. .mini-calendar tbody .today a,
  28. .medium-calendar tbody .today,
  29. .medium-calendar tbody .today a,
  30. .mini-calendar tbody a:hover span.today,
  31. .medium-calendar tbody a:hover span.today,
  32. .list-calendar tbody th:first-child,
  33. .calendar tbody .today,
  34. .calendar tbody .today a,
  35. .calendar tbody .today span,
  36. .calendar tbody a:hover span.today,
  37. .events li b,
  38. .more-events ul li b,
  39. .calendar-controls,
  40.  
  41. /* mobile */
  42. ul.edgeToEdge a .secondary {
  43.     color: #5c7fcc;
  44. }
  45. .number {
  46.     background-color: #5c7fcc;
  47. }
  48. .block-content h1,
  49. .block-content .h1 {
  50.     border-color: #7793c7 #4e68b5 #1e2d70;
  51.     background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
  52.     background: -moz-linear-gradient(
  53.         top,
  54.         white,
  55.         #82a1d3 4%,
  56.         #1e3694
  57.     );
  58.     background: -webkit-gradient(
  59.         linear,
  60.         left top, left bottom,
  61.         from(white),
  62.         to(#1e3694),
  63.         color-stop(0.03, #82a1d3)
  64.     );
  65. }
  66. a.button:hover,
  67. .mini-menu > li > a:hover {
  68.     color: #294278;
  69.     background: #a2b5e7 url(../images/color-blue/old-browsers-bg/button-hover-bg.png) repeat-x top;
  70.     background: -moz-linear-gradient(
  71.         top,
  72.         #e2e9f8,
  73.         #a2b5e7
  74.     );
  75.     background: -webkit-gradient(
  76.         linear,
  77.         left top, left bottom,
  78.         from(#e2e9f8),
  79.         to(#a2b5e7)
  80.     );
  81. }
  82. button,
  83. .big-button {
  84.     border-color: #7793c7 #4e68b5 #1e2d70;
  85.     background: #1e3694 url(../images/color-blue/old-browsers-bg/button-element-bg.png) repeat-x left top;
  86.     background: -moz-linear-gradient(
  87.         top,
  88.         white,
  89.         #82a1d3 4%,
  90.         #1e3694
  91.     );
  92.     background: -webkit-gradient(
  93.         linear,
  94.         left top, left bottom,
  95.         from(white),
  96.         to(#1e3694),
  97.         color-stop(0.03, #82a1d3)
  98.     );
  99.     }
  100.     button:hover,
  101.     .big-button:hover {
  102.         border-color: #4b87db #3c6dd6 #203991;
  103.         background: #1b40c5 url(../images/color-blue/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
  104.         background: -moz-linear-gradient(
  105.             top,
  106.             white,
  107.             #418adc 4%,
  108.             #1b40c5
  109.         );
  110.         background: -webkit-gradient(
  111.             linear,
  112.             left top, left bottom,
  113.             from(white),
  114.             to(#1b40c5),
  115.             color-stop(0.03, #418adc)
  116.         );
  117.     }
  118.     button:active,
  119.     .big-button:active {
  120.         border-color: #77828c #e4e9f2 #e4e9f2 #8d9fba;
  121.         background: #5084d7 url(../images/color-blue/old-browsers-bg/button-element-active-bg.png) repeat-x top;
  122.         background: -moz-linear-gradient(
  123.             top,
  124.             #97c0ed,
  125.             #5084d7
  126.         );
  127.         background: -webkit-gradient(
  128.             linear,
  129.             left top, left bottom,
  130.             from(#97c0ed),
  131.             to(#5084d7)
  132.         );
  133.     }
  134. .block-header {
  135.     border-top-color: #cad5ed;
  136.     background: #1d3490 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
  137.     background: -moz-linear-gradient(
  138.         top,
  139.         #7c9dd5,
  140.         #1d3490
  141.     );
  142.     background: -webkit-gradient(
  143.         linear,
  144.         left top, left bottom,
  145.         from(#7c9dd5),
  146.         to(#1d3490)
  147.     );
  148. }
  149. ul.controls-buttons li a:hover,
  150. ul.controls-buttons li a.current,
  151. div.controls-buttons > div:hover,
  152. div.controls-buttons > span:hover,
  153. div.controls-buttons > a:hover,
  154. div.controls-buttons > .current {
  155.     border-color: #4b87db #3c6dd6 #203991;
  156.     background: #1b40c5 url(../images/color-blue/old-browsers-bg/block-control-hover-bg.png) repeat-x;
  157.     background: -moz-linear-gradient(
  158.         top,
  159.         white,
  160.         #418adc 5%,
  161.         #1b40c5
  162.     );
  163.     background: -webkit-gradient(
  164.         linear,
  165.         left top, left bottom,
  166.         from(white),
  167.         to(#1b40c5),
  168.         color-stop(0.05, #418adc)
  169.     );
  170. }
  171. .switch-replace {
  172.     background-image: url(../images/color-blue/switch-bg.png);
  173. }
  174. .mini-switch-replace {
  175.     background: url(../images/color-blue/mini-switch-bg.png);
  176. }
  177. ul.tabs li > a:hover,
  178. ul.side-tabs li > a:hover,
  179. .mini-tabs li > a:hover {
  180.     color: #5c7fcc;
  181.     border-color: #5c7fcc;
  182. }
  183. .progress-bar > span,
  184. .progress-bar > span.blue {
  185.     background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
  186.     background: -moz-linear-gradient(
  187.         top,
  188.         #b9c0da,
  189.         #7f9fd2 15%,
  190.         #203897 73%,
  191.         #5d75b1
  192.     );
  193.     background: -webkit-gradient(
  194.         linear,
  195.         left top, left bottom,
  196.         from(#b9c0da),
  197.         to(#5d75b1),
  198.         color-stop(0.15, #7f9fd2),
  199.         color-stop(0.73, #203897)
  200.     );
  201.     }
  202.     .progress-bar > span.with-stripes,
  203.     .progress-bar > span.blue.with-stripes {
  204.         background: #5c7fcc url(../images/loading-stripes.gif);
  205.         background: url(../images/loading-stripes.png), -moz-linear-gradient(
  206.             top,
  207.             #b9c0da,
  208.             #7f9fd2 15%,
  209.             #203897 73%,
  210.             #5d75b1
  211.         );
  212.         background: url(../images/loading-stripes.gif), -webkit-gradient(
  213.             linear,
  214.             left top, left bottom,
  215.             from(#b9c0da),
  216.             to(#5d75b1),
  217.             color-stop(0.15, #7f9fd2),
  218.             color-stop(0.73, #203897)
  219.         );
  220.     }
  221.  
  222. /******************* Standard *******************/
  223. nav {
  224.     background: #4d6db3 url(../images/color-blue/old-browsers-bg/main-nav-bg.png) repeat-x bottom;
  225.     background: -moz-linear-gradient(top, #e2571, #4d6db3);
  226.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2571), to(#4d6db3));
  227. }
  228. nav > ul > li > ul > li,
  229. #sub-nav a.nav-button {
  230.     background: #57585b url(../images/color-blue/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
  231.     background: -moz-linear-gradient(top, #ababab, #57585b);
  232.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#57585b));
  233.     }
  234.     nav > ul > li > ul > li > a,
  235.     #sub-nav a.nav-button > b,
  236.     nav > ul > li > ul > li.with-menu .menu,
  237.     nav > ul > li > ul > li.menu-opener .menu-arrow {
  238.         background: #23242a url(../images/color-blue/old-browsers-bg/subnav-bt-bg.png) repeat-x !important;
  239.         background: -moz-linear-gradient(top, #8c8c8c, #525252 50%, #424242 50%, #23242a) !important;
  240.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8c8c), to(#23242a), color-stop(0.5, #525252), color-stop(0.5, #424242)) !important;
  241.     }
  242.     nav > ul > li > ul > li:hover,
  243.     #sub-nav a.nav-button:hover {
  244.         background: #7d9ad4 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
  245.         background: -moz-linear-gradient(top, #d0dbf1, #7d9ad4);
  246.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0dbf1), to(#7d9ad4));
  247.         }
  248.         nav > ul > li > ul > li > a:hover,
  249.         #sub-nav a.nav-button:hover > b,
  250.         nav > ul > li > ul > li.with-menu .menu:hover,
  251.         nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
  252.             background: #485578 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important;
  253.             background: -moz-linear-gradient(left, rgba(125, 154, 212, 0), rgba(125, 154, 212, 0.3) 25%, rgba(125, 154, 212, 0.4) 50%, rgba(125, 154, 212, 0.3) 75%, rgba(125, 154, 212, 0)),
  254.                         -moz-linear-gradient(top, #bcbec2, #696b72 50%, #595d69 50%, #3c445d) !important;
  255.             background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(125, 154, 212, 0)), to(rgba(125, 154, 212, 0)), color-stop(0.25, rgba(125, 154, 212, 0.3)), color-stop(0.5, rgba(125, 154, 212, 0.4)), color-stop(0.75, rgba(125, 154, 212, 0.3))),
  256.                         -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcbec2), to(#3c445d), color-stop(0.5, #696b72), color-stop(0.5, #595d69)) !important;
  257.             -moz-box-shadow: 0 0 7px #dfe7f7;
  258.             -webkit-box-shadow: 0 0 7px #dfe7f7;
  259.             box-shadow: 0 0 7px #dfe7f7;
  260.         }
  261. #sub-nav {
  262.     border-top-color: #ed790d;
  263. }
  264. #breadcrumb {
  265.     border-color: #296acc #1f4599 #142166;
  266.     background: #1e3694 url(../images/color-blue/old-browsers-bg/breadcrumb-bg.png) repeat-x;
  267.     background: -moz-linear-gradient(
  268.         top,
  269.         white,
  270.         #82a1d3 5%,
  271.         #1e3694
  272.     );
  273.     background: -webkit-gradient(
  274.         linear,
  275.         left top, left bottom,
  276.         from(white),
  277.         to(#1e3694),
  278.         color-stop(0.05, #82a1d3)
  279.     );
  280.     }
  281.     #breadcrumb li a:hover {
  282.         background: -moz-linear-gradient(left, rgba(125, 154, 212, 0), rgba(125, 154, 212, 0.8) 25%, rgba(125, 154, 212, 1) 50%, rgba(125, 154, 212, 0.8) 75%, rgba(125, 154, 212, 0));
  283.         background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(125, 154, 212, 0)), to(rgba(125, 154, 212, 0)), color-stop(0.25, rgba(125, 154, 212, 0.8)), color-stop(0.5, rgba(125, 154, 212, 1)), color-stop(0.75, rgba(125, 154, 212, 0.8)));
  284.     }
  285. .search-more:hover:before {
  286.     content: url(../images/color-blue/search-more-arrow-hover.png);
  287. }
  288. .search-more:hover:after {
  289.     content: url(../images/color-blue/search-more-arrow-hover.png);
  290. }
  291. .search-less:hover:before {
  292.     content: url(../images/color-blue/search-less-arrow-hover.png);
  293. }
  294. .search-less:hover:after {
  295.     content: url(../images/color-blue/search-less-arrow-hover.png);
  296. }
  297. .block-content h1 > a,
  298. .block-content .h1 > a {
  299.     border-color: #7e9098 #61727b #2b373d;
  300.     background: #4f4f4f url(../images/color-blue/old-browsers-bg/title-link-bg.png) repeat-x top;
  301.     background: -moz-linear-gradient(
  302.         top,
  303.         white,
  304.         #ababab  4%,
  305.         #4f4f4f
  306.     );
  307.     background: -webkit-gradient(
  308.         linear,
  309.         left top, left bottom,
  310.         from(white),
  311.         to(#4f4f4f),
  312.         color-stop(0.03, #ababab)
  313.     );
  314.     }
  315.     .block-content h1 > a:hover,
  316.     .block-content .h1 > a:hover {
  317.         border-color: #1eafdc #1193d5 #035592;
  318.         background: #1b40c5 url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
  319.         background: -moz-linear-gradient(
  320.             top,
  321.             white,
  322.             #418adc 4%,
  323.             #1b40c5
  324.         );
  325.         background: -webkit-gradient(
  326.             linear,
  327.             left top, left bottom,
  328.             from(white),
  329.             to(#1b40c5),
  330.             color-stop(0.03, #418adc)
  331.         );
  332.     }
  333. section h1 .menu:hover,
  334. section .h1 .menu:hover {
  335.     background: url(../images/menu-border.png) no-repeat left center,
  336.     -moz-linear-gradient(
  337.         top,
  338.         white,
  339.         #418adc 5%,
  340.         #1b40c5
  341.     );
  342.     background: url(../images/menu-border.png) no-repeat left center,
  343.     -webkit-gradient(
  344.         linear,
  345.         left top, left bottom,
  346.         from(white),
  347.         to(#1b40c5),
  348.         color-stop(0.05, #418adc)
  349.     );
  350. }
  351. section h1 .menu > ul,
  352. section h1 .menu ul li:hover > ul,
  353. section .h1 .menu > ul,
  354. section .h1 .menu ul li:hover > ul {
  355.     background-image: url(../images/color-blue/h1-menu-bg.png);
  356.     background-color: #1f4599;
  357.     border-color: #b2beff;
  358.     }
  359.     section h1 .menu ul li:hover,
  360.     section .h1 .menu ul li:hover {
  361.         background-color: #8fa7db;
  362.         }
  363.         section h1 .menu ul li:hover > a,
  364.         section .h1 .menu ul li:hover > a {
  365.             background-color: #163370;
  366.         }
  367.     section h1 .menu ul li.sep,
  368.     section .h1 .menu ul li.sep {
  369.         border-top-color: #163370;
  370.         border-bottom-color: #9bb5e0;
  371.     }
  372.  
  373. .button.with-menu .menu:hover,
  374. .button.menu-opener:hover .menu-arrow {
  375.     background: url(../images/menu-border.png) no-repeat left center,
  376.     -moz-linear-gradient(
  377.         top,
  378.         #e2e9f8,
  379.         #a2b5e7
  380.     );
  381.     background: url(../images/menu-border.png) no-repeat left center,
  382.     -webkit-gradient(
  383.         linear,
  384.         left top, left bottom,
  385.         from(#e2e9f8),
  386.         to(#a2b5e7)
  387.     );
  388. }
  389.  
  390. /******************* simple-lists *******************/
  391. .keywords li,
  392. .small-pagination li a {
  393.     background: #5c7fcc;
  394. }
  395. .small-pagination li.current a,
  396. .small-pagination li a:hover {
  397.     background-color: #92ade8;
  398. }
  399. .small-pagination li.prev a {
  400.     background: url(../images/color-blue/icons/navigation-180.png) no-repeat center center;
  401.     }
  402.     .small-pagination li.prev a:hover {
  403.         background-image: url(../images/color-blue/icons/navigation-180-white.png);
  404.     }
  405. .small-pagination li.next a {
  406.     background: url(../images/color-blue/icons/navigation.png) no-repeat center center;
  407.     }
  408.     .small-pagination li.next a:hover {
  409.         background-image: url(../images/color-blue/icons/navigation-000-white.png);
  410.     }
  411. dl.accordion dt .number {
  412.     background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
  413.     background: -moz-linear-gradient(
  414.         top,
  415.         white,
  416.         #82a1d3 4%,
  417.         #1e3694
  418.     );
  419.     background: -webkit-gradient(
  420.         linear,
  421.         left top, left bottom,
  422.         from(white),
  423.         to(#1e3694),
  424.         color-stop(0.03, #82a1d3)
  425.     );
  426. }
  427. dl.accordion dt:hover {
  428.     border-color: #5c7fcc;
  429. }
  430. .with-icon.icon-info a,
  431. .with-icon.icon-info span,
  432. .with-icon .icon-info a,
  433. .with-icon .icon-info span
  434.     { background-image: url(../images/color-blue/icons/information-blue.png) !important; }
  435. .with-icon.icon-tags a,
  436. .with-icon.icon-tags span,
  437. .with-icon .icon-tags a,
  438. .with-icon .icon-tags span
  439.     { background-image: url(../images/color-blue/icons/tags-label.png) !important; }
  440.  
  441. /******************* block-lists *******************/
  442. body.dark .favorites > li > a small {
  443.     color: #3b3f47;
  444. }
  445. .task:hover {
  446.     background: #dae0f0;
  447. }
  448. .icon-list li a:hover,
  449. body.dark .icon-list li a:hover,
  450. body.dark .block-content .icon-list li a:hover,
  451. .extended-list > li > a:hover,
  452. body.dark .extended-list > li > a:hover,
  453. body.dark .extended-list > li > span:hover,
  454. body.dark .block-content .extended-list > li > a:hover,
  455. body.dark .block-content .extended-list > li > span:hover {
  456.     color: #66a3ff;
  457. }
  458.  
  459. /******************* calendars *******************/
  460. .mini-calendar tbody span.today,
  461. .medium-calendar tbody span.today,
  462. .calendar tbody span.today,
  463. .events-dots-list li span {
  464.     background: #5c7fcc;
  465. }
  466. .mini-calendar tbody a:hover,
  467. .mini-calendar tbody a.selected,
  468. .mini-calendar tbody a:hover {
  469.     background: #82a1d3 url(../images/color-blue/old-browsers-bg/mini-cal-bg.png) repeat-x top;
  470. }
  471. .medium-calendar tbody a:hover {
  472.     background: #82a1d3 url(../images/color-blue/old-browsers-bg/medium-cal-bg.png) repeat-x top;
  473. }
  474. .calendar tbody tr td:hover {
  475.     background: #72c6e4 url(../images/color-blue/old-browsers-bg/calendar-bg.png) repeat-x top;
  476. }
  477. .nb-events {
  478.     background: #0c5fa5 url(../images/color-blue/old-browsers-bg/nb-events-bg.png) repeat-x top;
  479. }
  480. .mini-calendar tbody a:hover,
  481. .mini-calendar tbody a.selected,
  482. .mini-calendar tbody a:hover,
  483. .medium-calendar tbody a:hover,
  484. .calendar tbody tr td:hover,
  485. .nb-events {
  486.     background: -moz-linear-gradient(
  487.         top,
  488.         #1e3694,
  489.         #82a1d3
  490.     );
  491.     background: -webkit-gradient(
  492.         linear,
  493.         left top, left bottom,
  494.         from(#1e3694),
  495.         to(#82a1d3)
  496.     );
  497. }
  498. .dot-events li {
  499.     border-color: #5c7fcc;
  500. }
  501. .calendar tbody td:hover .events li a:hover {
  502.     color: #ccd4e3;
  503. }
  504. .calendar tbody td:hover .events li b {
  505.     color: #becceb;
  506. }
  507. .list-calendar tbody tr th:hover,
  508. .list-calendar tbody tr td:hover {
  509.     background-color: #dde2f0;
  510. }
  511. .week-calendar > li > ul > li.blue {
  512.     background-color: #dfe7f7;
  513.     background: -moz-linear-gradient(
  514.         top,
  515.         rgba(255, 255, 255, 0.75),
  516.         rgba(255, 255, 255, 0) 1.5em
  517.     ), #dfe7f7;
  518.     background: -webkit-gradient(
  519.         linear,
  520.         left top, left bottom,
  521.         from(rgba(255, 255, 255, 0.75)),
  522.         to(rgba(255, 255, 255, 0)),
  523.         color-stop(1.5em, rgba(255, 255, 255, 0))
  524.     ), #dfe7f7;
  525. }
  526. .blue-corner {
  527.     background-image: url(../images/color-blue/blue-corner.png);
  528. }
  529. .calendar .black-cell span.loading, .list-calendar .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
  530. .calendar .black-cell span.success, .list-calendar .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
  531. .calendar .add-event:before {
  532.     content: url(../images/color-blue/icons/add-mini.png);
  533. }
  534. /* IE class */
  535. .calendar .add-event .before {
  536.     background-image: url(../images/color-blue/icons/add-mini.png);
  537. }
  538.  
  539. /******************* forms *******************/
  540. .form legend a:hover,
  541. .legend a:hover {
  542.     color: #5c7fcc;
  543.     background-image: url(../images/color-blue/icons/chevron.png);
  544. }
  545. .form fieldset.collapsed legend a:hover,
  546. .fieldset.collapsed .legend a:hover {
  547.     background-image: url(../images/color-blue/icons/chevron-expand.png);
  548. }
  549. .form input[type=text],
  550. .form input[type=password],
  551. .form .input-type-text,
  552. .form select,
  553. .form textarea {
  554.     border: 1px solid #9badd4;
  555. }
  556. .form input[type=text]:focus,
  557. .form input[type=password]:focus,
  558. .form .input-type-text:focus,
  559. .form select:focus,
  560. .form textarea:focus {
  561.     border-color: #5c7fcc;
  562. }
  563. .form input.disabled,
  564. .form select.disabled,
  565. .form textarea.disabled {
  566.     border-color: #adcede;
  567. }
  568. /** IE selector **/
  569. .form .input-focus {
  570.     border-color: #5c7fcc;
  571. }
  572. .check-ok { background: url(../images/color-blue/icons/tick-circle-blue.png) no-repeat; }
  573.  
  574. /******************* mobile *******************/
  575. ul.roundRectangle .showArrow.secondary {
  576.     color: #424285;
  577. }
  578. ul.roundRectangle a .secondary {
  579.     color: #424285;
  580. }
  581. #back {
  582.     background: url(../images/color-blue/back-button.png) no-repeat center center;
  583. }
  584.  
  585. /******************* wizard *******************/
  586. .wizard-steps {
  587.     border-top: 1px solid #b2c5ed;
  588.     background: #7c9dd5 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
  589.     background: -moz-linear-gradient(
  590.         top,
  591.         #7c9dd5,
  592.         #1d3490
  593.     );
  594.     background: -webkit-gradient(
  595.         linear,
  596.         left top, left bottom,
  597.         from(#7c9dd5),
  598.         to(#1d3490)
  599.     );
  600. }
  601. .wizard-steps li .number {
  602.     background: #1e3694 url(../images/color-blue/old-browsers-bg/number-bg.png) repeat-x top;
  603.     background: -moz-linear-gradient(
  604.         top,
  605.         #82a1d3,
  606.         #1e3694
  607.     );
  608.     background: -webkit-gradient(
  609.         linear,
  610.         left top, left bottom,
  611.         from(#82a1d3),
  612.         to(#1e3694)
  613.     );
  614. }
  615.  
  616. /******************* mobile *******************/
  617. .planning > li > ul .event-blue {
  618.     background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
  619.     background: -moz-linear-gradient(
  620.         top,
  621.         #b9c0da,
  622.         #7f9fd2 15%,
  623.         #203897 73%,
  624.         #5d75b1
  625.     );
  626.     background: -webkit-gradient(
  627.         linear,
  628.         left top, left bottom,
  629.         from(#b9c0da),
  630.         to(#5d75b1),
  631.         color-stop(0.15, #7f9fd2),
  632.         color-stop(0.73, #203897)
  633.     );
  634. }
  635.  
  636. /******************* special pages *******************/
  637. .error-bg,
  638. .code-page {
  639.     background: #777c8f url(../images/color-blue/old-browsers-bg/login-radial-bg.png) no-repeat center center;
  640.     background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
  641.     background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 500, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
  642. }
  643. @media only screen and (max-device-width: 480px) {
  644.    
  645.     .login-bg,
  646.     .wizard-bg {
  647.         background: #777c8f url(../images/bg-mobile.png) no-repeat center -200px;
  648.     }
  649.     .error-bg,
  650.     .code-page {
  651.         background: #777c8f url(../images/old-browsers-bg/login-radial-bg-mobile.png) no-repeat center center;
  652.         background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
  653.         background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 240, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
  654.     }
  655. }
  656.  
  657. /******************* table *******************/
  658. .table tbody tr:hover th,
  659. .table tbody tr:hover .th,
  660. .table tbody tr:hover td {
  661.     background: #d8dff0;
  662. }
  663. .table .black-cell span.loading, .with-head .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
  664. .table .black-cell span.error, .with-head .black-cell span.error { background-image: url(../images/color-blue/icons/cross-circle.png); }
  665. .table .black-cell span.success, .with-head .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
  666. .column-sort .sort-up,
  667. .column-sort .sort-down {
  668.     background-image: url(../images/color-blue/table-sort-arrows.png);
  669. }
  670.