src/pyams_skin/resources/css/myams.css
changeset 47 a5b11cb9d4ef
parent 40 e550ff884799
child 52 f78292bcb0dc
equal deleted inserted replaced
46:1130ff95ebbe 47:a5b11cb9d4ef
  3031 /*
  3031 /*
  3032  * Typos styles
  3032  * Typos styles
  3033  */
  3033  */
  3034 @font-face {
  3034 @font-face {
  3035   font-family: 'Ubuntu';
  3035   font-family: 'Ubuntu';
  3036   src: url('fonts/Ubuntu-C.eot');
  3036   src: url('./fonts/Ubuntu-C.eot');
  3037   src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg');
  3037   src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg');
  3038   font-weight: normal;
  3038   font-weight: normal;
  3039   font-style: normal;
  3039   font-style: normal;
  3040 }
  3040 }
  3041 @font-face {
  3041 @font-face {
  3042   font-family: 'Ubuntu-Light';
  3042   font-family: 'Ubuntu-Light';
  3043   src: url('fonts/Ubuntu-L.eot');
  3043   src: url('./fonts/Ubuntu-L.eot');
  3044   src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg');
  3044   src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg');
  3045   font-weight: normal;
  3045   font-weight: normal;
  3046   font-style: normal;
  3046   font-style: normal;
  3047 }
  3047 }
  3048 @font-face {
  3048 @font-face {
  3049   font-family: 'Ubuntu-Bold';
  3049   font-family: 'Ubuntu-Bold';
  3050   src: url('fonts/Ubuntu-B.eot');
  3050   src: url('./fonts/Ubuntu-B.eot');
  3051   src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg');
  3051   src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg');
  3052   font-weight: bold;
  3052   font-weight: bold;
  3053   font-style: normal;
  3053   font-style: normal;
  3054 }
  3054 }
  3055 html,
  3055 html,
  3056 body {
  3056 body {
  3278 .shift-bottomright-4 {
  3278 .shift-bottomright-4 {
  3279   margin-bottom: -4px !important;
  3279   margin-bottom: -4px !important;
  3280   margin-right: -4px !important;
  3280   margin-right: -4px !important;
  3281 }
  3281 }
  3282 .bordered {
  3282 .bordered {
  3283   border: 1px solid #dddddd;
  3283   border: 1px solid #bdbdbd;
  3284 }
  3284 }
  3285 .bordered:hover {
  3285 .bordered:hover {
  3286   border: 1px solid #bbbbbb;
  3286   border: 1px solid #bbbbbb;
  3287 }
  3287 }
  3288 .bordered.nohover:hover {
  3288 .bordered.nohover:hover {
  3289   border-color: #dddddd;
  3289   border-color: #bdbdbd;
  3290 }
  3290 }
  3291 .no-border,
  3291 .no-border,
  3292 .well[class*=" bg-"].no-border {
  3292 .well[class*=" bg-"].no-border {
  3293   border-width: 0!important;
  3293   border-width: 0!important;
  3294 }
  3294 }
  3447 }
  3447 }
  3448 .no-padding .dataTables_wrapper table,
  3448 .no-padding .dataTables_wrapper table,
  3449 .no-padding > table {
  3449 .no-padding > table {
  3450   border: 0!important;
  3450   border: 0!important;
  3451   margin-bottom: 0!important;
  3451   margin-bottom: 0!important;
  3452   border-bottom-width: 0!important;
       
  3453 }
  3452 }
  3454 .no-padding .dataTables_wrapper table tr td:first-child,
  3453 .no-padding .dataTables_wrapper table tr td:first-child,
  3455 .no-padding > table tr td:first-child,
  3454 .no-padding > table tr td:first-child,
  3456 .no-padding .dataTables_wrapper table tr th:first-child,
  3455 .no-padding .dataTables_wrapper table tr th:first-child,
  3457 .no-padding > table tr th:first-child {
  3456 .no-padding > table tr th:first-child {
  3712   /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));
  3711   /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));
  3713 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3712 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3714 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
  3713 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
  3715 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3714 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3716 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
  3715 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
       
  3716 
  3717 }
  3717 }
  3718 #header {
  3718 #header {
  3719   display: block;
  3719   display: block;
  3720   height: 49px;
  3720   height: 49px;
  3721   position: relative;
  3721   position: relative;
  4323 .login-info a.btn-primary {
  4323 .login-info a.btn-primary {
  4324   color: #ffffff;
  4324   color: #ffffff;
  4325 }
  4325 }
  4326 .login-info span {
  4326 .login-info span {
  4327   /*height: 38px;*/
  4327   /*height: 38px;*/
       
  4328 
  4328   display: inline-block;
  4329   display: inline-block;
  4329   padding: 0 0 0 10px;
  4330   padding: 0 0 0 10px;
  4330   /*border-bottom: 1px solid #1A1817;*/
  4331   /*border-bottom: 1px solid #1A1817;*/
       
  4332 
  4331 }
  4333 }
  4332 .login-info span a.btn-success {
  4334 .login-info span a.btn-success {
  4333   margin-top: -10px;
  4335   margin-top: -10px;
  4334 }
  4336 }
  4335 .login-info img {
  4337 .login-info img {
  4393 .minified #left-panel > ul > li,
  4395 .minified #left-panel > ul > li,
  4394 .minified nav > ul > li {
  4396 .minified nav > ul > li {
  4395   overflow: visible;
  4397   overflow: visible;
  4396   /*border-bottom: 1px solid #1A1817;
  4398   /*border-bottom: 1px solid #1A1817;
  4397 			border-top: 1px solid #525151;*/
  4399 			border-top: 1px solid #525151;*/
       
  4400 
  4398 }
  4401 }
  4399 .minified #left-panel > ul > li > ul::before,
  4402 .minified #left-panel > ul > li > ul::before,
  4400 .minified nav > ul > li > ul::before {
  4403 .minified nav > ul > li > ul::before {
  4401   border-left: 0;
  4404   border-left: 0;
  4402 }
  4405 }
  4499 }
  4502 }
  4500 .minified #left-panel > ul > li > ul > li,
  4503 .minified #left-panel > ul > li > ul > li,
  4501 .minified nav > ul > li > ul > li {
  4504 .minified nav > ul > li > ul > li {
  4502   background-color: rgba(91, 103, 113, 0.8);
  4505   background-color: rgba(91, 103, 113, 0.8);
  4503   /*background-color: rgba(69, 69, 69, .9);*/
  4506   /*background-color: rgba(69, 69, 69, .9);*/
       
  4507 
  4504 }
  4508 }
  4505 .minified #left-panel > ul > li > ul > li > ul > li,
  4509 .minified #left-panel > ul > li > ul > li > ul > li,
  4506 .minified nav > ul > li > ul > li > ul > li {
  4510 .minified nav > ul > li > ul > li > ul > li {
  4507   background-color: #627685;
  4511   background-color: #627685;
  4508 }
  4512 }
  7196   border-radius: 4px;
  7200   border-radius: 4px;
  7197 }
  7201 }
  7198 .tree li {
  7202 .tree li {
  7199   list-style-type: none;
  7203   list-style-type: none;
  7200   margin: 0;
  7204   margin: 0;
  7201   padding: 5px;
  7205   padding: 3px 0 3px 5px;
  7202   position: relative;
  7206   position: relative;
  7203 }
  7207 }
  7204 .tree li:after,
  7208 .tree li:after,
  7205 .tree li:before {
  7209 .tree li:before {
  7206   content: '';
  7210   content: '';
  7210 }
  7214 }
  7211 .tree li:before {
  7215 .tree li:before {
  7212   border-left: 1px solid #999;
  7216   border-left: 1px solid #999;
  7213   bottom: 50px;
  7217   bottom: 50px;
  7214   height: 100%;
  7218   height: 100%;
  7215   top: -11px;
  7219   top: -5px;
  7216   width: 1px;
  7220   width: 1px;
  7217   -webkit-transition: "border-color 0.1s ease 0.1s";
  7221   -webkit-transition: "border-color 0.1s ease 0.1s";
  7218   transition: "border-color 0.1s ease 0.1s";
  7222   transition: "border-color 0.1s ease 0.1s";
  7219 }
  7223 }
  7220 .tree li:last-child::before {
  7224 .tree li:last-child::before {
  7221   height: 30px;
  7225   height: 30px;
  7222 }
  7226 }
  7223 .tree li:after {
  7227 .tree li:after {
  7224   border-top: 1px solid #999;
  7228   border-top: 1px solid #999;
  7225   height: 20px;
  7229   height: 20px;
  7226   top: 18px;
  7230   top: 14px;
  7227   width: 25px;
  7231   width: 25px;
  7228 }
  7232 }
  7229 .tree li span {
  7233 .tree li:hover {
       
  7234   background: rgba(0, 0, 0, 0.15);
       
  7235 }
       
  7236 .tree li > span {
  7230   border: 1px dotted #999;
  7237   border: 1px dotted #999;
  7231   border-radius: 5px;
  7238   border-radius: 5px;
  7232   display: inline-block;
  7239   display: inline-block;
  7233   padding: 3px 8px;
  7240   padding: 4px 8px;
  7234   text-decoration: none;
  7241   text-decoration: none;
  7235   -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  7242   -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  7236   transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  7243   transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  7237 }
  7244 }
       
  7245 .tree li > span > i {
       
  7246   padding-right: 4px;
       
  7247 }
  7238 .tree li.parent_li > span {
  7248 .tree li.parent_li > span {
       
  7249   padding: 7px;
       
  7250 }
       
  7251 .tree li > span {
  7239   cursor: pointer;
  7252   cursor: pointer;
  7240   padding: 7px;
  7253 }
  7241 }
  7254 .tree li > span:hover,
  7242 .tree li.parent_li > span:hover {
  7255 .tree li > span:hover + ul li > span {
  7243   background-color: #DF8505;
       
  7244   border: 1px solid #C67605;
       
  7245   color: #fff;
       
  7246 }
       
  7247 .tree li.parent_li > span:hover + ul li::before {
       
  7248   border-left-color: #F89406;
       
  7249 }
       
  7250 .tree li.parent_li > span:hover + ul li::after {
       
  7251   border-top-color: #F89406;
       
  7252 }
       
  7253 .tree li.parent_li > span:hover + ul li span {
       
  7254   background: #FDDFB3!important;
       
  7255   border: 1px solid #FAA937;
       
  7256   color: #000;
       
  7257 }
       
  7258 .tree li.parent_li > span:hover,
       
  7259 .tree li.parent_li > span:hover + ul li span {
       
  7260   background: #eee;
  7256   background: #eee;
  7261   border: 1px solid #94a0b4;
  7257   border: 1px solid #94a0b4;
  7262   color: #000;
  7258   color: #000;
  7263 }
  7259 }
  7264 .tree ul ul {
  7260 .tree ul ul {
  7265   padding-left: 34px;
  7261   padding-left: 34px;
  7266   padding-top: 10px;
  7262   padding-top: 5px;
  7267 }
       
  7268 .tree ul ul li:hover {
       
  7269   background: rgba(0, 0, 0, 0.015);
       
  7270 }
  7263 }
  7271 .tree > ul {
  7264 .tree > ul {
  7272   padding-left: 0;
  7265   padding-left: 0;
  7273 }
  7266 }
  7274 .tree > ul > li :after,
  7267 .tree > ul > li:after,
  7275 .tree > ul > li :before {
  7268 .tree > ul > li:before {
  7276   border: 0;
  7269   border: 0;
  7277 }
  7270 }
  7278 .pace {
  7271 .pace {
  7279   -webkit-pointer-events: none;
  7272   -webkit-pointer-events: none;
  7280   pointer-events: none;
  7273   pointer-events: none;
 10485 }
 10478 }
 10486 @media (min-width: 768px) and (max-width: 979px) {
 10479 @media (min-width: 768px) and (max-width: 979px) {
 10487   .btn-header a {
 10480   .btn-header a {
 10488     margin-top: 9px!important;
 10481     margin-top: 9px!important;
 10489     /*width: 40px!important;*/
 10482     /*width: 40px!important;*/
       
 10483   
 10490   }
 10484   }
 10491 }
 10485 }
 10492 @media (min-width: 768px) and (max-width: 880px) {
 10486 @media (min-width: 768px) and (max-width: 880px) {
 10493   .btn-header a {
 10487   .btn-header a {
 10494     margin-top: 9px!important;
 10488     margin-top: 9px!important;
 10495     /*width: 40px!important;*/
 10489     /*width: 40px!important;*/
       
 10490   
 10496     /*height: 39px!important;*/
 10491     /*height: 39px!important;*/
       
 10492   
 10497     line-height: 26px!important;
 10493     line-height: 26px!important;
 10498   }
 10494   }
 10499 }
 10495 }
 10500 @media (max-width: 767px) {
 10496 @media (max-width: 767px) {
 10501   .btn-header a {
 10497   .btn-header a {
 11489   display: block;
 11485   display: block;
 11490   height: 26px;
 11486   height: 26px;
 11491   padding: 0 0 0 8px;
 11487   padding: 0 0 0 8px;
 11492   overflow: hidden;
 11488   overflow: hidden;
 11493   position: relative;
 11489   position: relative;
 11494   border: 1px solid #ccc;
 11490   border: 1px solid #bdbdbd;
 11495   white-space: nowrap;
 11491   white-space: nowrap;
 11496   line-height: 26px;
 11492   line-height: 26px;
 11497   color: #444;
 11493   color: #444;
 11498   text-decoration: none;
 11494   text-decoration: none;
 11499   -webkit-background-clip: padding-box;
 11495   -webkit-background-clip: padding-box;
 11860   height: 1%;
 11856   height: 1%;
 11861   min-height: 26px;
 11857   min-height: 26px;
 11862   margin: 0;
 11858   margin: 0;
 11863   padding: 0;
 11859   padding: 0;
 11864   position: relative;
 11860   position: relative;
 11865   border: 1px solid #ccc;
 11861   border: 1px solid #bdbdbd;
 11866   cursor: text;
 11862   cursor: text;
 11867   overflow: hidden;
 11863   overflow: hidden;
 11868   background-color: #fff;
 11864   background-color: #fff;
 11869 }
 11865 }
 11870 label.bordered .select2-container-multi .select2-choices {
 11866 label.bordered .select2-container-multi .select2-choices {
 11946   border: 1px solid transparent;
 11942   border: 1px solid transparent;
 11947   border-bottom: 1px solid #bdbdbd;
 11943   border-bottom: 1px solid #bdbdbd;
 11948   cursor: default;
 11944   cursor: default;
 11949 }
 11945 }
 11950 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 11946 .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 11951   padding: 3px 5px;
 11947   padding: 1px 5px;
 11952   border: 1px solid #4a90cc;
 11948   border: 1px solid #4a90cc;
 11953   background-image: none;
 11949   background-image: none;
 11954   background-color: #86b4dd;
 11950   background-color: #86b4dd;
 11955   cursor: not-allowed;
 11951   cursor: not-allowed;
 11956 }
 11952 }
 12621 }
 12617 }
 12622 /*
 12618 /*
 12623  * Colorpicker
 12619  * Colorpicker
 12624  */
 12620  */
 12625 .colorpicker {
 12621 .colorpicker {
 12626   zoom: 1;
 12622   padding-left: 30px!important;
 12627   top: 0;
       
 12628   left: 0;
       
 12629   padding: 4px;
       
 12630   min-width: 120px;
       
 12631   margin-top: 1px;
       
 12632   border-top-right-radius: 4px;
       
 12633   border-top-left-radius: 4px;
       
 12634   border-bottom-right-radius: 4px;
       
 12635   border-bottom-left-radius: 4px;
       
 12636 }
       
 12637 .colorpicker:after {
       
 12638   clear: both;
       
 12639 }
       
 12640 .colorpicker:before {
       
 12641   content: '';
       
 12642   display: inline-block;
       
 12643   border-left: 7px solid transparent;
       
 12644   border-right: 7px solid transparent;
       
 12645   border-bottom: 7px solid #ccc;
       
 12646   border-bottom-color: rgba(0, 0, 0, 0.2);
       
 12647   position: absolute;
       
 12648   top: -7px;
       
 12649   left: 6px;
       
 12650 }
       
 12651 .colorpicker:after {
       
 12652   content: '';
       
 12653   display: inline-block;
       
 12654   border-left: 6px solid transparent;
       
 12655   border-right: 6px solid transparent;
       
 12656   border-bottom: 6px solid #fff;
       
 12657   position: absolute;
       
 12658   top: -6px;
       
 12659   left: 7px;
       
 12660 }
       
 12661 .colorpicker.alpha {
       
 12662   min-width: 140px;
       
 12663 }
       
 12664 .colorpicker.alpha .colorpicker-alpha {
       
 12665   display: block;
       
 12666 }
       
 12667 .colorpicker div {
       
 12668   position: relative;
       
 12669 }
       
 12670 .colorpicker-saturation {
       
 12671   width: 100px;
       
 12672   height: 100px;
       
 12673   background-image: url(../img/saturation.png);
       
 12674   cursor: crosshair;
       
 12675   float: left;
       
 12676 }
       
 12677 .colorpicker-saturation i {
       
 12678   display: block;
       
 12679   height: 5px;
       
 12680   width: 5px;
       
 12681   border: 1px solid #000;
       
 12682   position: absolute;
       
 12683   top: 0;
       
 12684   left: 0;
       
 12685   margin: -4px 0 0 -4px;
       
 12686 }
       
 12687 .colorpicker-saturation i b {
       
 12688   display: block;
       
 12689   height: 5px;
       
 12690   width: 5px;
       
 12691   border: 1px solid #fff;
       
 12692 }
       
 12693 .colorpicker-color {
       
 12694   height: 10px;
       
 12695   margin-top: 5px;
       
 12696   clear: both;
       
 12697   background-image: url(../img/alpha.png);
       
 12698   background-position: 0 100%;
       
 12699 }
       
 12700 .colorpicker-color div {
       
 12701   height: 10px;
       
 12702 }
       
 12703 .colorpicker-alpha,
       
 12704 .colorpicker-hue {
       
 12705   width: 15px;
       
 12706   height: 100px;
       
 12707   float: left;
       
 12708   cursor: row-resize;
       
 12709   margin-left: 4px;
       
 12710   margin-bottom: 4px;
       
 12711 }
       
 12712 .colorpicker-alpha i,
       
 12713 .colorpicker-hue i {
       
 12714   display: block;
       
 12715   height: 1px;
       
 12716   background: #000;
       
 12717   border-top: 1px solid #fff;
       
 12718   position: absolute;
       
 12719   top: 0;
       
 12720   left: 0;
       
 12721   width: 100%;
       
 12722   margin-top: -1px;
       
 12723 }
       
 12724 .colorpicker-hue {
       
 12725   background-image: url(../img/hue.png);
       
 12726 }
       
 12727 .colorpicker-alpha {
       
 12728   background-image: url(../img/alpha.png);
       
 12729   display: none;
       
 12730 }
       
 12731 .input-append.color .add-on i,
       
 12732 .input-prepend.color .add-on i {
       
 12733   display: block;
       
 12734   cursor: pointer;
       
 12735   width: 16px;
       
 12736   height: 16px;
       
 12737 }
 12623 }
 12738 /*
 12624 /*
 12739  * Timepicker
 12625  * Timepicker
 12740  */
 12626  */
 12741 .bootstrap-timepicker {
 12627 .bootstrap-timepicker {
 15426   height: 20px;
 15312   height: 20px;
 15427 }
 15313 }
 15428 .modal-overflow .scrollmarker.top {
 15314 .modal-overflow .scrollmarker.top {
 15429   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15315   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15430   /* FF3.6+ */
 15316   /* FF3.6+ */
       
 15317 
 15431   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15318   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15432   /* Chrome,Safari4+ */
 15319   /* Chrome,Safari4+ */
       
 15320 
 15433   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15321   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15434   /* Chrome10+,Safari5.1+ */
 15322   /* Chrome10+,Safari5.1+ */
       
 15323 
 15435   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15324   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15436   /* Opera 11.10+ */
 15325   /* Opera 11.10+ */
       
 15326 
 15437   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15327   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15438   /* IE10+ */
 15328   /* IE10+ */
       
 15329 
 15439   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15330   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15440   /* W3C */
 15331   /* W3C */
       
 15332 
 15441 }
 15333 }
 15442 .modal-overflow .scrollmarker.bottom {
 15334 .modal-overflow .scrollmarker.bottom {
 15443   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15335   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15444   /* FF3.6+ */
 15336   /* FF3.6+ */
       
 15337 
 15445   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15338   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15446   /* Chrome,Safari4+ */
 15339   /* Chrome,Safari4+ */
       
 15340 
 15447   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15341   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15448   /* Chrome10+,Safari5.1+ */
 15342   /* Chrome10+,Safari5.1+ */
       
 15343 
 15449   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15344   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15450   /* Opera 11.10+ */
 15345   /* Opera 11.10+ */
       
 15346 
 15451   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15347   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15452   /* IE10+ */
 15348   /* IE10+ */
       
 15349 
 15453   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15350   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15454   /* W3C */
 15351   /* W3C */
       
 15352 
 15455 }
 15353 }
 15456 /*
 15354 /*
 15457  * Pricing-style component
 15355  * Pricing-style component
 15458  */
 15356  */
 15459 .pricing-big {
 15357 .pricing-big {