xp-dev.com Git - namibia/blob - public/css/app/valuations.css

   1 @import url(http://fonts.googleapis.com/css?family=Coda);
   2
   3 .suDropdownContainer {
   4         margin-bottom : 0px;
   5 !important
   6 }
   7
   8 #su_container {
   9         position   : absolute;
  10         top        : 10px;
  11         left       : 10px;
  12         text-align : right;
  13 }
  14
  15 .invisible {
  16         visibility : hidden;
  17 }
  18
  19 table.valuation tr th:nth-child(8n) {
  20         width : 165px;
  21 }
  22
  23 /* body */
  24 html {
  25         width  : 100%;
  26         height : 100%;
  27 }
  28
  29 body {
  30         background : url("../../images/bdy_bg.png") repeat;
  31         width      : 100%;
  32         height     : 100%;
  33 }
  34
  35 @media (max-width : 767px) {
  36         body {
  37                 padding-right : 0px !important;
  38                 padding-left  : 0px !important;
  39         }
  40
  41         .container-fluid {
  42                 padding : 0px 20px;
  43         }
  44 }
  45
  46 /* .header */
  47
  48 header {
  49         background    : url('../../imgs/header-with-logo.jpg') no-repeat center top #313131;
  50         border-bottom : 1px solid #877B7B;
  51 }
  52
  53 header .header {
  54         width  : 98%;
  55         margin : 0 auto;
  56 }
  57
  58 .row-fluid {
  59         margin-left  : auto !important;
  60         margin-right : auto;
  61         width        : 98%;
  62 }
  63
  64 .container-fluid {
  65         padding : 0;
  66 }
  67
  68 /***************utils**********/
  69 .handy {
  70         cursor : pointer;
  71 }
  72
  73 .textshow {
  74         font-family : arial;
  75         font-size   : 12px;
  76         font-weight : bold;
  77         color       : #F00;
  78 }
  79
  80 .textshow-black {
  81         font-family : arial;
  82         font-size   : 12px;
  83         font-weight : bold;
  84         color       : #000;
  85 }
  86
  87 .textshow-dark {
  88         font-family : arial;
  89         font-size   : 11px;
  90         font-weight : normal;
  91         color       : #000;
  92 }
  93
  94 label.error {
  95         font-family : arial;
  96         font-size   : 12px;
  97         font-weight : bold;
  98         color       : #F00;
  99 }
 100
 101 input.error, button.error, select.error, textarea.error, img.error {
 102         border-left           : 4px solid #F00 !important;
 103         -moz-border-radius    : 3px;
 104         -webkit-border-radius : 3px;
 105         border-radius         : 3px;
 106
 107 }
 108
 109 input.valid, button.valid, select.valid, textarea.valid, img.valid {
 110         border-left           : 4px solid #090 !important;
 111         -moz-border-radius    : 3px;
 112         -webkit-border-radius : 3px;
 113         border-radius         : 3px;
 114
 115 }
 116
 117 .main.login input.valid, .main.login input.error {
 118         width : 203px;
 119 }
 120
 121 .well-dark {
 122         font-family      : arial;
 123         background-color : #CCC !important;
 124         color            : #000 !important;
 125         font-weight      : bold !important;
 126 }
 127
 128 .pagination ul li a, .pagination ul li span {
 129         font-size   : 12px;
 130         font-weight : bold;
 131         color       : #333;
 132         cursor      : pointer;
 133 }
 134
 135 .pagination ul li span.active {
 136         background : #D43031;
 137         color      : #FFF;
 138 }
 139
 140 .wide-button {
 141         width     : 200px;
 142         font-size : 13px !important;
 143 }
 144
 145 /***************top-header**********/
 146
 147 .header-top {
 148         border-bottom : 0px;
 149         margin-left   : 6px;
 150 }
 151
 152 .header-top .span2 {
 153         margin-left : 0;
 154 }
 155
 156 .header-top .detail-label {
 157         font-size   : 11px;
 158         color       : #FFF;
 159         font-weight : normal;
 160 }
 161
 162 .user-details {
 163         font-family : helvetica, Arial, sans-serif;
 164         float       : right !important;
 165 }
 166
 167 .user-details #LoggedIn {
 168         padding       : 4px 0;
 169         border-bottom : 1px #010101 solid;
 170         margin-top    : 2px
 171 }
 172
 173 .user-details #LoginId {
 174         padding       : 6px 0 6px 40px;
 175         border-bottom : 1px #010101 solid;
 176         border-top    : 1px #4b4545 solid;
 177         position      : relative;
 178 }
 179
 180 .user-details .user-avatar {
 181         position : absolute;
 182         left     : 0;
 183         top      : 5px;
 184 }
 185
 186 .user-details #TimeIn {
 187         padding-top    : 10px;
 188         padding-bottom : 15px;
 189         border-top     : 1px #4b4545 solid;
 190 }
 191
 192 .user-details .labels img {
 193         height       : 30px;
 194         margin-right : 9px;
 195 }
 196
 197 .user-details .labels #Time {
 198         font-size : 14px;
 199         color     : #FFF;
 200 }
 201
 202 .user-details p {
 203         font-size   : 14px;
 204         color       : #FFF;
 205         margin      : 0;
 206         line-height : 15px;
 207         font-weight : bold;
 208 }
 209
 210 /*****************************************/
 211
 212 /*****************header-bottom***********/
 213
 214 .header-bottom {
 215         border-top  : 0px;
 216         margin-left : 6px;
 217 }
 218
 219 .header-bottom .nav-bar {
 220         margin-left : 0;
 221 }
 222
 223 .header-bottom .nav-bar .navbar {
 224         margin   : 0;
 225         padding  : 0;
 226         overflow : hidden;
 227 }
 228
 229 .header-bottom .nav-bar .navbar li {
 230         float      : left;
 231         position   : relative;
 232         padding    : 0;
 233         list-style : none;
 234 }
 235
 236 .header-bottom .nav-bar .navbar a {
 237         -webkit-transition : color 0.1s ease;
 238         -moz-transition    : color 0.1s ease;
 239         -ms-transition     : color 0.1s ease;
 240         -o-transition      : color 0.1s ease;
 241         transition         : color 0.1s ease;
 242         color              : #d0d0d0;
 243         display            : block;
 244         padding            : 17px 10px 13px;
 245         font-size          : 13px;
 246         font-weight        : bold;
 247 }
 248
 249 .header-bottom .nav-bar .navbar a:hover {
 250         color           : #F00;
 251         text-decoration : none;
 252         text-shadow     : 0 0 15px #FF6666;
 253 }
 254
 255 .header-bottom .nav-bar .navbar .notification {
 256         background-color : #D32D2F;
 257         position         : absolute;
 258         right            : 0;
 259         top              : 0;
 260         color            : #FFF;
 261         padding          : 0 6px;
 262         font-size        : 11px;
 263         height           : 15px;
 264         line-height      : 15px;
 265 }
 266
 267 .header-bottom .nav-login {
 268         padding : 0;
 269         float   : right;
 270 }
 271
 272 .header-bottom .nav-login {
 273         padding : 0;
 274         float   : right;
 275 }
 276
 277 .header-bottom .nav-login a {
 278         -webkit-transition : color 0.1s ease;
 279         -moz-transition    : color 0.1s ease;
 280         -ms-transition     : color 0.1s ease;
 281         -o-transition      : color 0.1s ease;
 282         transition         : color 0.1s ease;
 283         margin-left        : 0;
 284         color              : #B52628;
 285         font-weight        : bold;
 286         font-size          : 13px;
 287         padding            : 17px 0 13px;
 288         display            : block;
 289 }
 290
 291 .header-bottom .nav-login a:hover {
 292         color           : #D0D0D0;
 293         text-decoration : none;
 294 }
 295
 296 /**************************************************/
 297 /*****************main-section*********************/
 298 .main-section {
 299         border-top : 3px solid #D42E30;
 300         width      : 100%;
 301 }
 302
 303 /* container*/
 304 .main-section .container-fluid {
 305         max-width : 98%;
 306         margin    : 0 auto;
 307 }
 308
 309 /************page-title-wrapper*******************************/
 310
 311 .main-section .page-title-wrapper {
 312         margin-top  : 15px;
 313         margin-left : 6px;
 314 }
 315
 316 .page-title-wrapper p {
 317         font-size : 14px;
 318 }
 319
 320 .main-section .page-title-wrapper h1 {
 321         font-size   : 20px;
 322         line-height : 22px;
 323         font-weight : normal;
 324         margin      : 0 0 5px;
 325 }
 326
 327 .main-section .page-title-wrapper .back-btn {
 328         float  : right;
 329         margin : -50px 0.7% 0 0;
 330 }
 331
 332 .page-title-wrapper .btn-wrapper {
 333         text-align : right;
 334 }
 335
 336 .page-title-wrapper .icon-export {
 337         background     : url('../../imgs/btn-icons.png') no-repeat 0 0;
 338         display        : -moz-inline-stack;
 339         display        : inline-block;
 340         zoom           : 1;
 341         *display       : inline;
 342         vertical-align : -3px;
 343         width          : 16px;
 344         height         : 16px;
 345         margin-right   : 5px;
 346 }
 347
 348 .form-header.pricinghistory {
 349         margin-top   : 0px;
 350         margin-right : 0px;
 351         line-height  : 20px;
 352 }
 353
 354 .form-header .pricinghistoryimg {
 355         margin-top   : -2px;
 356         margin-right : 8px;
 357 }
 358
 359 .page-title-wrapper .btn-new-valuation {
 360         font-weight        : bold;
 361         font-size          : 13px;
 362         border             : 1px solid #9e6d16;
 363         color              : #3A3636;
 364         text-shadow        : none;
 365         background-color   : #FFC039;
 366         background         : linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*W3C*/
 367         background         : -moz-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*FF3.6+*/
 368         background         : -ms-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*IE10+*/
 369         background         : -o-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*Opera 11.10+*/
 370         background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC039), color-stop(100%, #CD8D1D)); /*Chrome,Safari4+*/
 371         background         : -webkit-linear-gradient(top, #FFC039 0%, #CD8D1D 100%); /*Chrome10+,Safari5.1+*/
 372         filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC039', endColorstr='#CD8D1D', GradientType=0); /*IE6-9*/
 373         -moz-box-shadow    : 0 1px 1px 0 #6C6C6C;
 374         -webkit-box-shadow : 0 1px 1px 0 #6C6C6C;
 375         box-shadow         : 0 1px 1px 0 #6C6C6C;
 376         position           : relative;
 377         margin-left        : 5px;
 378 }
 379
 380 .btn-margin-left-5 {
 381         margin-left : 5px;
 382 }
 383
 384 .btn-margin-right-5 {
 385         margin-right : 5px;
 386 }
 387
 388 .page-title-wrapper .btn-shine {
 389         background : url('../../imgs/btn-shine.png') no-repeat;
 390         position   : absolute;
 391         top        : 0;
 392         left       : 0;
 393         right      : 0;
 394         bottom     : 0;
 395         z-index    : 100;
 396 }
 397
 398 .page-title-wrapper .btn-new-valuation .btn-content {
 399         position : relative;
 400         z-index  : 200;
 401 }
 402
 403 .page-title-wrapper .icon-new {
 404         background     : url('../../imgs/btn-icons.png') no-repeat -17px 0;
 405         display        : -moz-inline-stack;
 406         display        : inline-block;
 407         zoom           : 1;
 408         *display       : inline;
 409         vertical-align : -3px;
 410         width          : 16px;
 411         height         : 16px;
 412         margin-right   : 5px;
 413 }
 414
 415 /************************popover*******************/
 416 .popover-content {
 417         color : #000;
 418 }
 419
 420 /************************page-filter-wrapper*******************/
 421
 422 .page-filter-wrapper {
 423         padding-right : 28px;
 424         width         : auto !important;
 425 }
 426
 427 /************************region en make drops*******************/
 428 .filter-input-select .btn-group .dropdown-toggle {
 429         width    : 280px;
 430         position : absolute;
 431         top      : -7px;
 432         right    : 0;
 433         z-index  : 100;
 434 }
 435
 436 .filter-input-select .dropdown-menu {
 437         margin : 25px 0 0 0;
 438 }
 439
 440 /************************region en make drops end*******************/
 441
 442 .main-section .valuations .Archived {
 443         display : block;
 444         float   : right;
 445 }
 446
 447 .page-filter-wrapper .Archived .btn-group .dropdown-toggle {
 448         margin-top    : 17px;
 449         margin-bottom : 30px;
 450         right         : -40px;
 451         top           : -64px;
 452         width         : 253px;
 453 }
 454
 455 .main-section .valuations .page-filter-wrapper .btn-wrapper {
 456         margin-right : -127px;
 457         display      : block;
 458         float        : right;
 459         height       : 50px;
 460         width        : 200px;
 461 }
 462
 463 .Archived .bootstrap-select.btn-group .dropdown-menu {
 464         margin : -15px 0 0 -125px;
 465         width  : 253px;
 466 }
 467
 468 .page-filter-wrapper .filter-input-wrapper {
 469         float        : left;
 470         width        : 12%;
 471         margin-right : 2%;
 472 }
 473
 474 .page-filter-wrapper .filter-input-wrapper-date {
 475         float        : left;
 476         width        : 10%;
 477         margin-right : 4%;
 478 }
 479
 480 .page-filter-wrapper .btn-wrapper {
 481         margin-right : -25px;
 482 }
 483
 484 .page-filter-wrapper .span2,
 485 .page-filter-wrapper .span4 {
 486         margin-left : 0.7%;
 487         width       : 16.394%;
 488 }
 489
 490 .page-filter-wrapper .span4 {
 491         width : 31.59%;
 492 }
 493
 494 .page-filter-wrapper .btn-group {
 495         width    : 100%;
 496         position : relative;
 497 }
 498
 499 .page-filter-wrapper .btn-group .btn {
 500         width       : 100%;
 501         text-align  : left;
 502         font-family : arial;
 503         font-size   : 13px;
 504         font-weight : lighter;
 505 }
 506
 507 #gridAuctionFilter_MakeMobi {
 508         display : none;
 509 }
 510
 511 .page-filter-wrapper .btn-group .dropdown-toggle {
 512         /*width    : 28px;*/
 513         position : absolute;
 514         top      : 0;
 515         right    : 0;
 516         z-index  : 100;
 517 }
 518
 519 .page-filter-wrapper .date-range-inputs input {
 520         width : 35%;
 521 }
 522
 523 .page-filter-wrapper .date-label {
 524         margin    : 15px 0 0;
 525         font-size : 13px;
 526 }
 527
 528 .page-filter-wrapper .context-filter-label {
 529         margin    : 15px 0 0;
 530         font-size : 12px;
 531         width     : 100px;
 532 }
 533
 534 .page-filter-wrapper .filter-input,
 535 .table .form-filters .filter-input {
 536         margin-right : 12px;
 537 }
 538
 539 .table .form-filters .filter-input {
 540         margin-right : 15px;
 541 }
 542
 543 .page-filter-wrapper .filter-input input,
 544 .table .form-filters .filter-input input {
 545         width : 100%;
 546 }
 547
 548 .table .form-filters .filter-input .bootstrap-select {
 549         width : 100px;
 550 }
 551
 552 .page-filter-wrapper .btn-wrapper {
 553         text-align : right;
 554         min-width  : 250px !important;
 555         margin-top : 33px;
 556 }
 557
 558 .page-filter-wrapper .btn {
 559         margin-bottom : 5px;
 560         margin-left   : 5px;
 561 }
 562
 563 .page-filter-wrapper .btn-wrapper .icon-remove-circle {
 564         background     : url('../../imgs/btn-icons.png') no-repeat -34px 0;
 565         display        : -moz-inline-stack;
 566         display        : inline-block;
 567         zoom           : 1;
 568         *display       : inline;
 569         vertical-align : -3px;
 570         width          : 16px;
 571         height         : 16px;
 572 }
 573
 574 .page-filter-wrapper .btn-wrapper .icon-search {
 575         background     : url('../../imgs/btn-icons.png') no-repeat -50px 0;
 576         display        : -moz-inline-stack;
 577         display        : inline-block;
 578         zoom           : 1;
 579         *display       : inline;
 580         vertical-align : -3px;
 581         width          : 16px;
 582         height         : 16px;
 583 }
 584
 585 .page-filter-wrapper .btn-submit-search,
 586 .page-filter-wrapper .btn-clear-search {
 587         width : 118px;
 588 }
 589
 590 /*********table-form*********************/
 591 .table input {
 592         width : 90%;
 593 }
 594
 595 .table-form {
 596         margin-left : 6px;
 597         width       : 100%;
 598 }
 599
 600 /***************************************************/
 601
 602 /********************table-header********************/
 603
 604 .table-header-red {
 605         background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
 606         color         : #FFF;
 607         border-top    : 1px solid #EC8284;
 608         border-bottom : 1px solid #842022;
 609 }
 610
 611 .table-header-red > td {
 612         background : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
 613         color      : #FFF;
 614 }
 615
 616 .table-form .table .table-header {
 617         border-left  : 1px solid #EC8284;
 618         border-right : 1px solid #842022;
 619         font-size    : 12px;
 620         font-family  : arial;
 621         font-weight  : bold;
 622         color        : #FFF;
 623 }
 624
 625 .table-form .table .table-header th {
 626         padding       : 0;
 627         line-height   : 16px;
 628         font-weight   : lighter;
 629         background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
 630         border-top    : 1px solid #EC8284;
 631         border-bottom : 1px solid #842022;
 632 }
 633
 634 .valuations .kms,
 635 .valuations .year {
 636         width : 80px;
 637 }
 638
 639 .offer-submitted,
 640 .type {
 641         width : 200px;
 642 }
 643
 644 .bids {
 645         width : 90px;
 646 }
 647
 648 .amount {
 649         width : 140px;
 650 }
 651
 652 .table-form .table .table-header .table-heading-wrapper {
 653         border-left  : 1px solid #DE4347;
 654         border-right : 1px solid #9B2022;
 655         padding      : 3px;
 656 }
 657
 658 .table-heading-wrapper .make-caret {
 659         border-left    : 4px solid transparent;
 660         border-right   : 4px solid transparent;
 661         border-top     : 4px solid #FFF;
 662         display        : inline-block;
 663         height         : 0;
 664         vertical-align : middle;
 665         width          : 0;
 666         margin-left    : 15px;
 667 }
 668
 669 .table-heading-wrapper .settings-caret {
 670         border-left    : 4px solid transparent;
 671         border-right   : 4px solid transparent;
 672         border-top     : 4px solid #FFF;
 673         content        : "";
 674         display        : inline-block;
 675         height         : 0;
 676         vertical-align : middle;
 677         width          : 0;
 678 }
 679
 680 .settings-main-wrapper {
 681         border                : 1px solid #DA5158;
 682         padding               : 1px 3px;
 683         -moz-border-radius    : 3px;
 684         -webkit-border-radius : 3px;
 685         border-radius         : 3px;
 686         -moz-box-shadow       : 0 1px 0 0 #911E21;
 687         -webkit-box-shadow    : 0 1px 0 0 #911E21;
 688         box-shadow            : 0 1px 0 0 #911E21;
 689         float                 : right;
 690         margin-top            : -2px;
 691 }
 692
 693 /******************************************************/
 694
 695 /********************form-filters********************/
 696
 697 .table-form .table .form-filters {
 698         background-color : #FFF;
 699         border           : 1px solid #C3C3C3;
 700         font-family      : arial;
 701         color            : #000;
 702         font-size        : 11px;
 703 }
 704
 705 .table-form .table .form-filters td {
 706         line-height : 9px;
 707         padding     : 3px 2px;
 708 }
 709
 710 .table-form .table .form-filters input {
 711         margin-bottom : 0;
 712 }
 713
 714 .table-form .table .form-filters .bootstrap-select {
 715         margin-bottom : 0;
 716 }
 717
 718 /******************************************************/
 719
 720 /********************FirstRow********************/
 721
 722 .table-form .table .grid tr:nth-child(odd) {
 723         background-color : #FFF;
 724         border           : 1px solid #C3C3C3;
 725         font-family      : arial;
 726         color            : #000;
 727         font-size        : 12px;
 728 }
 729
 730 .table-form .table .grid tr:nth-child(odd) td {
 731         line-height : 20px;
 732 }
 733
 734 .table-form .table .grid tr:nth-child(odd) .offer {
 735         width : 110px;
 736 }
 737
 738 .table-form .table .grid tr:nth-child(odd) .offer span {
 739         background-color : #D43031;
 740         padding          : 0 5px;
 741         color            : #FFF;
 742         float            : right;
 743 }
 744
 745 /******************************************************/
 746
 747 /********************SecondRow********************/
 748
 749 .table-form .table .grid tr:nth-child(even) {
 750         background-color : #EDEDED;
 751         border           : 1px solid #C3C3C3;
 752         font-family      : arial;
 753         color            : #000;
 754         font-size        : 12px;
 755 }
 756
 757 .table-form .table .grid tr:nth-child(even) td {
 758         line-height : 20px;
 759 }
 760
 761 .table-form .table .grid tr:nth-child(even) .offer {
 762         width : 110px;
 763 }
 764
 765 .table-form .table .grid tr:nth-child(even) .offer span {
 766         background-color : #D43031;
 767         padding          : 0 5px;
 768         color            : #FFF;
 769         float            : right;
 770 }
 771
 772 /******************************************************/
 773
 774 /********************Row Hover State********************/
 775 .table-form .table .grid tr:hover {
 776         background-color : #D42E30;
 777         color            : #FFF;
 778 }
 779
 780 /*****************************************************************/
 781
 782 /********************new valuation********************************/
 783
 784 /********************page-title********************************/
 785
 786 .page-title-wrapper .page-title-header {
 787         font-family : arial;
 788         font-size   : 13px;
 789 }
 790
 791 /********************page-top-forms-wrapper**********************/
 792
 793 .page-top-forms-wrapper {
 794         margin-top : 9px;
 795 }
 796
 797 /********************.customer-details-form**********************/
 798
 799 .customer-details-form .form-header,
 800 .newsletter-details-form .form-header,
 801 .valuation-details-form .form-header,
 802 .pricing-details-form .form-header,
 803 .vehicle-specs-form .form-header,
 804 .damages-form .form-header,
 805 .accessories-form .form-header,
 806 .photos-form .form-header {
 807         background-color      : #D42E30;
 808         padding               : 5px;
 809         border                : 1px solid #EE585A;
 810         -moz-border-radius    : 4px 4px 0 0;
 811         -webkit-border-radius : 4px 4px 0 0;
 812         border-radius         : 4px 4px 0 0;
 813         margin-bottom         : 0;
 814         margin-left           : 3px;
 815         color                 : #FFF;
 816         font-family           : arial;
 817         font-size             : 15px;
 818         text-align            : bottom;
 819         padding               : 5px 15px 5px 5px;
 820         display               : -moz-inline-stack;
 821         display               : inline-block;
 822         zoom                  : 1;
 823         *display              : inline;
 824 }
 825
 826 .page-top-forms-wrapper .span4,
 827 .page-bottom-forms-wrapper .span4 {
 828         width : 32.1% !important;
 829 }
 830
 831 .page-top-forms-wrapper .customer-details {
 832         margin-left : 0 !important;
 833 }
 834
 835 .page-top-forms-wrapper .form-horizontal {
 836         min-height : 215px !important;
 837 }
 838
 839 .page-middle-forms-wrapper .form-horizontal {
 840         min-height : 490px !important;
 841 }
 842
 843 .page-bottom-forms-wrapper .form-horizontal {
 844         min-height : 608px !important;
 845 }
 846
 847 .width12p {
 848         width         : 10%;
 849         display       : inline-block;
 850         padding-right : 20px;
 851 }
 852
 853 .width16p {
 854         width         : 16%;
 855         display       : inline-block;
 856         padding-right : 16px;
 857         margin-top    : 33px;
 858 }
 859
 860 input.information-input {
 861         font-family : arial;
 862         width       : 114px;
 863 }
 864
 865 input.information-input-short {
 866         font-size   : 14px;
 867         font-family : arial;
 868         width       : 114px;
 869 }
 870
 871 .add-on {
 872         font-family : arial;
 873 }
 874
 875 .icon-user {
 876         margin-top : -2px;
 877 }
 878
 879 .control-group label {
 880         font-family : arial;
 881         font-size   : 13px;
 882 }
 883
 884 .form-horizontal {
 885         background-color   : #F7F7F7;
 886         padding            : 10px;
 887         -moz-border-radius : 0 0 0 0;
 888         border-radius      : 0;
 889         border-style       : solid;
 890         border-width       : 1px;
 891         border-color       : #C4C4C4;
 892         margin-bottom      : 20px;
 893 }
 894
 895 .pad-top-none {
 896         padding-top : 0px !important;
 897 }
 898
 899 .form-horizontal .control-group {
 900         margin-bottom : 3px;
 901 }
 902
 903 .form-horizontal .control-group .control-label {
 904         text-align  : left;
 905         width       : 40%;
 906         float       : left;
 907         padding-top : 4px;
 908 }
 909
 910 .newsletter-details-form .form-horizontal .control-group .control-label {
 911         text-align  : left;
 912         width       : 22%;
 913         float       : left;
 914         padding-top : 7px;
 915 }
 916
 917 .form-horizontal .control-group .controls {
 918         float       : left;
 919         margin-left : 0px;
 920 }
 921
 922 .newsletter-details-form .form-horizontal .control-group .controls {
 923         float       : left;
 924         margin-left : 0px;
 925 }
 926
 927 .form-horizontal .control-group .controls .information-input {
 928         width  : 150px;
 929         float  : left;
 930         height : 20px;
 931 }
 932
 933 .form-horizontal .control-group .select {
 934         width       : 150px;
 935         text-align  : left;
 936         font-size   : 12px;
 937         font-family : arial;
 938         font-weight : bold;
 939 }
 940
 941 .form-horizontal .control-group .sp {
 942         width       : 162px;
 943         text-align  : left;
 944         font-size   : 12px;
 945         font-family : arial;
 946         font-weight : bold;
 947 }
 948
 949 .form-horizontal .control-group .selection {
 950         height : 30px;
 951 }
 952
 953 /*****************************************************/
 954 /*****************valuation-details-form***************/
 955
 956 .valuation-details-form .form-header .clipboard {
 957         margin-top   : -7px;
 958         margin-left  : 8px;
 959         margin-right : 8px;
 960 }
 961
 962 .control-group-wrapper .control-group .valuation-line {
 963         height : 10px;
 964         width  : 50%;
 965 }
 966
 967 .form-horizontal .information-lines {
 968         margin-top    : 8px;
 969         margin-left   : 5px;
 970         line-height   : 15px;
 971         font-size     : 13px;
 972         font-family   : arial;
 973         color         : #D72e33;
 974         margin-bottom : 0px;
 975 }
 976
 977 .control-group-wrapper .control-group .bid-information-label {
 978         font-size : 12px;
 979         width     : 50%;
 980 }
 981
 982 .form-horizontal .bid-information {
 983         margin-top    : -1px;
 984         margin-left   : 5px;
 985         line-height   : 15px;
 986         font-size     : 12px;
 987         font-family   : arial;
 988         color         : #000;
 989         margin-bottom : 0px;
 990 }
 991
 992 .edit-btn {
 993         float                 : right;
 994         padding               : 6px 8px;
 995         border                : 1px solid #c4c3c3;
 996         -webkit-border-radius : 4px 4px 0 0;
 997         -moz-border-radius    : 4px 4px 0 0;
 998         border-radius         : 4px 4px 0 0;
 999         margin-top            : -1px;
1000         margin-right          : 5px;
1001 }
1002
1003 /*****************************************************/
1004
1005 /********************Pricing details******************/
1006
1007 .pricing-details-form .form-header .money {
1008         margin-top   : -2px;
1009         margin-left  : 8px;
1010         margin-right : 8px;
1011 }
1012
1013 .form-horizontal p {
1014         margin-top    : 5px;
1015         margin-left   : 0;
1016         font-size     : 13px;
1017         font-family   : arial;
1018         color         : #000;
1019         margin-bottom : 0px;
1020         line-height   : 15px;
1021
1022 }
1023
1024 .form-horizontal .price,
1025 .damages-form .price {
1026         margin-top    : 11px;
1027         margin-left   : 5px;
1028         font-family   : arial;
1029         color         : #D72E33;
1030         margin-bottom : 0px;
1031 }
1032
1033 /*.form-horizontal .retail{
1034  margin-bottom : 10px;
1035 }*/
1036 .form-horizontal .list {
1037         margin-bottom : 10px;
1038 }
1039
1040 /*.form-horizontal .list .price{
1041     /*margin-left : 16px;
1042 }*/
1043
1044 .form-horizontal .trade-and-retail {
1045         margin-top    : -1px;
1046         margin-left   : 0;
1047         font-size     : 13px;
1048         font-family   : arial;
1049         color         : #2A7C00;
1050         margin-bottom : 0px;
1051         float         : right;
1052 }
1053
1054 /*****************************************************/
1055 /********************page-middle-forms-wrapper***********/
1056
1057 .vehicle-specs-form .form-header .headerImgLable {
1058         display : block;
1059         width   : 100%;
1060         margin  : -23px 0 0 30px;
1061 }
1062
1063 .vehicle-specs-form .form-header .car {
1064         margin-top   : 0px;
1065         margin-right : 8px;
1066         padding-left : 3px;
1067         padding-top  : 3px;
1068 }
1069
1070 #customerDetails .icon-user {
1071         margin-right : 8px;
1072         margin-top   : 2px;
1073         margin-left  : 2px;
1074 }
1075
1076 .left-and-right-side {
1077         overflow : hidden;
1078 }
1079
1080 /****************left-side*****************************/
1081
1082 .vehicle-specs-form .left-side {
1083         float : left;
1084         width : 50%;
1085 }
1086
1087 .find-value {
1088         position    : relative;
1089         z-index     : 200;
1090         margin-left : 32px;
1091 }
1092
1093 /**********button with back line*********/
1094
1095 button.find-value-btn {
1096         font-family : arial;
1097         margin-left : 9px;
1098         font-weight : normal;
1099 }
1100
1101 .red-lines {
1102         width        : 77px;
1103         padding      : 0 10px;
1104         height       : 1px;
1105         border-left  : 30px solid #D42E30;
1106         border-right : 30px solid #D42E30;
1107         position     : relative;
1108         z-index      : 100;
1109         margin-left  : -32px;
1110         margin-top   : -15px;
1111 }
1112
1113 /*******************************************/
1114
1115 .registration-no {
1116         margin-top : 45px;
1117 }
1118
1119 /*******************************************/
1120 /**********right-side***********************/
1121 .textbox {
1122         width : 100%;
1123 }
1124
1125 .text-box {
1126         font-size     : 14px;
1127         font-family   : arial;
1128         margin-bottom : 10px;
1129         margin-right  : 21px;
1130         margin-top    : 3px;
1131         width         : 33%;
1132 }
1133
1134 .natis-label {
1135         width : 60%;
1136         float : left;
1137 }
1138
1139 .control-group .natis {
1140         margin-top  : 3px;
1141         margin-left : -20px;
1142 }
1143
1144 .control-group .text-box-small {
1145         width       : 97%;
1146         margin-top  : 3px;
1147         font-size   : 14px;
1148         font-family : arial;
1149
1150 }
1151
1152 .right-side {
1153         width : 50%;
1154         float : left;
1155 }
1156
1157 .bootstrap-select .btn {
1158         width       : 100%;
1159         font-family : arial;
1160         font-weight : normal;
1161 }
1162
1163 .bootstrap-select.btn-group .dropdown-menu li > a {
1164         min-height    : 1px;
1165         cursor        : pointer;
1166         font-size     : 14px !important;
1167         font-family   : arial;
1168         font-weight   : normal;
1169         line-height   : 15px;
1170         position      : relative;
1171         padding-right : 35px;
1172         white-space   : normal;
1173         word-wrap     : break-word;
1174 }
1175
1176 .bootstrap-select.btn-group .dropdown-menu .check-mark {
1177         background : url('../../imgs/checkboxes.png') no-repeat;
1178         height     : 18px;
1179         width      : 20px;
1180         position   : absolute;
1181         right      : 10px;
1182         display    : block !important;
1183         top        : 0;
1184 }
1185
1186 .bootstrap-select.btn-group .dropdown-menu .selected .check-mark {
1187         right               : 10px !important;
1188         background-position : 0 -20px;
1189 }
1190
1191 /******************************************************/
1192 /******************damages-form************************/
1193 .form-header .headerImgLableBomb {
1194         display : block;
1195         width   : 100%;
1196         margin  : -23px 0 0 30px;
1197 }
1198
1199 .damages-form .form-header .bomb {
1200         margin-top   : 0px;
1201         margin-right : 8px;
1202         padding-left : 3px;
1203         padding-top  : 3px;
1204 }
1205
1206 .damages-form .checkbox {
1207         width : 40%;
1208         float : left;
1209 }
1210
1211 input.rand-input {
1212         font-size        : 14px;
1213         font-family      : arial;
1214         width            : 123px !important;
1215         padding-left     : 30px;
1216         background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
1217     background-color : #fff;
1218 }
1219
1220 input.rand-input.valid {
1221         font-size        : 14px;
1222         font-family      : arial;
1223         width            : 120px !important;
1224         padding-left     : 30px;
1225         background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
1226     background-color : #FFF;
1227 }
1228
1229 input.wide-rand-input {
1230         font-size        : 14px;
1231         font-family      : arial;
1232         width            : 70% !important;
1233         padding-left     : 30px;
1234         background       : url(../../imgs/red_rand_sign.gif) no-repeat scroll 9px center transparent;
1235     background-color : #FFF;
1236 }
1237
1238 input.wide-rand-auction-input {
1239         font-size        : 14px;
1240         font-family      : arial;
1241         width            : 70% !important;
1242         padding-left     : 32%;
1243         background       : url(../../imgs/icon-rand.png) no-repeat scroll 0px center transparent;
1244     background-color : #FFF;
1245 }
1246
1247 .total-estimated-label,
1248 .previous-repairs-label {
1249         width       : 155px;
1250         float       : left;
1251         padding-top : 5px;
1252 }
1253
1254 .damages-form .previous-repairs {
1255         margin-bottom : 13px;
1256 }
1257
1258 .damages-form .textbox {
1259         width       : 97%;
1260         font-size   : 14px;
1261         font-family : arial;
1262 }
1263
1264 .damages-form .damages-comments {
1265         margin-bottom : 12px;
1266 }
1267
1268 .valuation-details-form .textbox {
1269         width       : 90%;
1270         font-size   : 14px;
1271         font-family : arial;
1272 }
1273
1274 .valuation-details-form .cover-received {
1275         margin-bottom : 12px;
1276         margin-top    : 12px;
1277 }
1278
1279 .pricing-details-form .textbox {
1280         width       : 90%;
1281         font-size   : 14px;
1282         font-family : arial;
1283 }
1284
1285 .pricing-details-form .cover-received {
1286         margin-bottom : 12px;
1287         margin-top    : 12px;
1288 }
1289
1290 /******************************************************/
1291
1292 /*******************page-bottom-forms-wrapper**********/
1293 .form-header .headerImgLableHeadphones {
1294         display : block;
1295         width   : 100%;
1296         margin  : -23px 0 0 30px;
1297 }
1298
1299 .accessories-form .form-header .headphones {
1300         margin-top   : 0px;
1301         margin-right : 8px;
1302         padding-left : 3px;
1303         padding-top  : 1px;
1304 }
1305
1306 .accessories-form .column-left,
1307 .photos-form .column-left {
1308         width : 50%;
1309         float : left;
1310 }
1311
1312 .accessories-form .column-right,
1313 .photos-form .column-right {
1314         width         : 50%;
1315         float         : left;
1316         margin-bottom : 25px;
1317 }
1318
1319 .accessories-form .checkbox-line,
1320 .checkbox.checkbox-line {
1321         font-size     : 14px;
1322         margin-bottom : 3px;
1323         line-height   : 16px;
1324         padding-left  : 24px;
1325 }
1326
1327 .accessories-form .comment-box {
1328         clear : both;
1329 }
1330
1331 .accessories-form .comment-box .comment {
1332         font-size     : 14px;
1333         font-family   : arial;
1334         margin-bottom : 5px;
1335         padding-top   : 10px;
1336 }
1337
1338 .accessories-form .comment-box .comment-text-box {
1339         width       : 97%;
1340         font-size   : 14px;
1341         font-family : arial;
1342 }
1343
1344 /******************************************************/
1345
1346 /*****************photos-form*************************/
1347 .form-header .headerImgLableCamera {
1348         display : block;
1349         width   : 100%;
1350         margin  : -23px 0 0 30px;
1351 }
1352
1353 .photos-form .form-header .camera {
1354         margin-top   : 0px;
1355         margin-right : 8px;
1356         padding-left : 3px;
1357         padding-top  : 0px;
1358 }
1359
1360 .photos-form .warning-paragraph {
1361         margin-bottom : 10px;
1362         color         : #D84345;
1363 }
1364
1365 .photos-form .column-left,
1366 .photos-form .column-right {
1367         text-align : center;
1368 }
1369
1370 .photos-form .img-polaroid {
1371         width         : 88%;
1372         margin-bottom : 7%;
1373 }
1374
1375 .photos-form .motor-vehicle-imgs {
1376         margin : 5px 3px;
1377         width  : 88%;
1378 }
1379
1380 /******************************************************/
1381
1382 /*******************select-valuator*******************/
1383
1384 .page-bottom-forms-wrapper .select-valuator .select-valuator-header {
1385         color         : #D84345;
1386         padding       : 5px;
1387         margin-bottom : 0;
1388         width         : 160px;
1389         margin-left   : 3px;
1390         font-family   : arial;
1391         font-size     : 15px;
1392         text-align    : bottom
1393 }
1394
1395 .select-valuator .btn-group .select {
1396         width       : 125%;
1397         text-align  : left;
1398         font-size   : 12px;
1399         font-family : arial;
1400         font-weight : bold;
1401 }
1402
1403 .select-valuator .btn-group .selection {
1404         height : 30px;
1405 }
1406
1407 .valuator-name-button {
1408         padding-bottom : 16px;
1409         border-bottom  : 1px solid #B4B4B4;
1410 }
1411
1412 .select-valuator .btn-wrapper {
1413         padding-top : 16px;
1414         border-top  : 1px solid #EFEFEF;
1415 }
1416
1417 .btn,
1418 .send-to-price-btn,
1419 .send-to-sales-btn,
1420 .edit-btn,
1421 .print-btn,
1422 .archive-btn,
1423 .add-to-stock-btn {
1424         font-size   : 12px;
1425         font-family : arial;
1426         text-align  : center;
1427         font-weight : bold;
1428 }
1429
1430 .bottom-grey-set {
1431         margin-top    : 8px;
1432         margin-bottom : 3px;
1433 }
1434
1435 .printer {
1436         margin-top   : 0px;
1437         margin-right : 5px;
1438 }
1439
1440 .print-btn,
1441 .archive-btn {
1442         width       : 25%;
1443         font-size   : 12px;
1444         font-family : arial;
1445 }
1446
1447 .add-to-stock-btn {
1448         width : 26%;
1449 }
1450
1451 .Bid4cars-btn,
1452 .bmw-btn,
1453 .save-and-send-btn,
1454 .save-and-submit-btn {
1455         text-align  : center;
1456         font-size   : 12px;
1457         font-family : arial;
1458         width       : 55%;
1459         margin      : 3px 0;
1460         font-weight : bold;
1461 }
1462
1463 /******************************************************/
1464
1465 label.checkbox {
1466         position : relative;
1467 }
1468
1469 .checkbox.checkbox-line.acceptTerms {
1470         margin-left  : 0px;
1471         width        : 100%;
1472         text-align   : left;
1473         padding-left : 40px;
1474 }
1475
1476 label.checkbox input[type="checkbox"] {
1477         position       : absolute;
1478         -ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1479         filter         : alpha(opacity=0);
1480         -moz-opacity   : 0;
1481         -khtml-opacity : 0;
1482         opacity        : 0;
1483 }
1484
1485 .styled-checkbox {
1486         width      : 16px;
1487         height     : 18px;
1488         background : url('../../imgs/checkboxes.png') no-repeat -3px -1px;
1489         position   : absolute;
1490         left       : 0;
1491 }
1492
1493 label.checkbox input[type=checkbox]:checked + .styled-checkbox {
1494         background-position : -3px -21px;
1495 }
1496
1497 .styled-checkbox.checked {
1498         background-position : -3px -21px;
1499 }
1500
1501 /*************************************************************/
1502
1503 .make-offer-btn {
1504         width     : 35%;
1505         font-size : 14px;
1506         padding   : 10px 0px;
1507 }
1508
1509 .table-form-2 {
1510         margin-left : 6px;
1511         width       : 100%;
1512 }
1513
1514 /********************table-header********************/
1515
1516 .table-form-2 .table-header-red {
1517         background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
1518         color         : #FFF;
1519         border-top    : 1px solid #EC8284;
1520         border-bottom : 1px solid #842022;
1521 }
1522
1523 .table-form-2 .table-header-red > td {
1524         background : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
1525         color      : #FFF;
1526 }
1527
1528 .table-form-2 .table .table-header {
1529         border-left  : 1px solid #EC8284;
1530         border-right : 1px solid #842022;
1531         font-size    : 12px;
1532         font-family  : arial;
1533         font-weight  : bold;
1534         color        : #FFF;
1535 }
1536
1537 .table-form-2 .table .table-header th {
1538         padding       : 0;
1539         line-height   : 16px;
1540         font-weight   : lighter;
1541         background    : url("../../imgs/table_header_bg_h.jpg") repeat scroll 0 0 transparent;
1542         border-top    : 1px solid #EC8284;
1543         border-bottom : 1px solid #842022;
1544 }
1545
1546 /********************FirstRow********************/
1547
1548 .table-form-2 .table .grid tr:nth-child(odd) {
1549         background-color : #FFF;
1550         border           : 1px solid #C3C3C3;
1551         font-family      : arial;
1552         color            : #000;
1553         font-size        : 12px;
1554 }
1555
1556 .table-form-2 .table .grid tr:nth-child(odd) td {
1557         line-height : 20px;
1558 }
1559
1560 .table-form-2 .table .grid tr:nth-child(odd) .offer {
1561         width : 110px;
1562 }
1563
1564 .table-form-2 .table .grid tr:nth-child(odd) .offer span {
1565         background-color : #D43031;
1566         padding          : 0 5px;
1567         color            : #FFF;
1568         float            : right;
1569 }
1570
1571 /********************Row Hover State********************/
1572 .table-form-2 .table .grid tr:nth-child(odd) .no-hover:hover {
1573         background-color : #FFF;
1574         color            : #000;
1575 }
1576
1577 /********************SecondRow********************/
1578
1579 .table-form-2 .table .grid tr:nth-child(even) {
1580         background-color : #EDEDED;
1581         border           : 1px solid #C3C3C3;
1582         font-family      : arial;
1583         color            : #000;
1584         font-size        : 12px;
1585 }
1586
1587 .table-form-2 .table .grid tr:nth-child(even) td {
1588         line-height : 20px;
1589 }
1590
1591 .table-form-2 .table .grid tr:nth-child(even) .offer {
1592         width : 110px;
1593 }
1594
1595 .table-form-2 .table .grid tr:nth-child(even) .offer span {
1596         background-color : #D43031;
1597         padding          : 0 5px;
1598         color            : #FFF;
1599         float            : right;
1600         background-color : #EDEDED;
1601 }
1602
1603 .table-form-2 .table .grid tr:nth-child(even) .no-hover:hover {
1604         background-color : #EDEDED;
1605         color            : #000;
1606 }
1607
1608 /********************Row Hover State********************/
1609 .table-form-2 .table .grid td:hover {
1610         background-color : #D42E30;
1611         color            : #FFF;
1612 }
1613
1614 .red-text {
1615         color : #D42E30;
1616 }
1617
1618 /******************** Wizard mobi ready********************/
1619
1620 @media (min-width : 320px) {
1621         /* smartphones, iPhone, portrait 480x320 phones */
1622         .wizardDiv {
1623                 margin-left : 3%;
1624                 width       : 320px;
1625         }
1626
1627         .wizard div.steps-container ul li {
1628                 min-width : 83%;
1629                 margin    : 0 0 0 -2px;
1630         }
1631
1632         .wizardDiv .bootstrap-select .btn,
1633         .wizardDiv .selectpicker,
1634         .wizardDiv .bootstrap-select,
1635         .wizardDiv .btn.dropdown-toggle,
1636         .wizardDiv .btn.dropdown-toggle.error {
1637                 width : 100% !important;
1638         }
1639
1640         .wizardDiv .bootstrap-select .btn {
1641                 min-width : 90% !important;
1642         }
1643 }
1644
1645 @media (min-width : 481px) {
1646         /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
1647         .wizardDiv {
1648                 margin-left : 3%;
1649                 width       : 481px;
1650         }
1651
1652         .wizard div.steps-container ul li {
1653                 min-width : 91%;
1654                 margin    : 0 0 0 -5px;
1655         }
1656
1657         .wizardDiv .bootstrap-select .btn,
1658         .wizardDiv .selectpicker,
1659         .wizardDiv .bootstrap-select,
1660         .wizardDiv .btn.dropdown-toggle,
1661         .wizardDiv .btn.dropdown-toggle.error {
1662                 width : 100% !important;
1663         }
1664
1665         .wizardDiv .bootstrap-select .btn {
1666                 min-width : 90% !important;
1667         }
1668 }
1669
1670 @media (min-width : 641px) {
1671         /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
1672         .wizardDiv {
1673                 margin-left : 3%;
1674                 width       : 641px;
1675         }
1676
1677         .wizard div.steps-container ul li {
1678                 min-width : 95%;
1679                 margin    : 0 0 0 -10px;
1680         }
1681
1682         .wizardDiv .bootstrap-select .btn,
1683         .wizardDiv .selectpicker,
1684         .wizardDiv .bootstrap-select,
1685         .wizardDiv .btn.dropdown-toggle,
1686         .wizardDiv .btn.dropdown-toggle.error {
1687                 width : 100% !important;
1688         }
1689
1690         .wizardDiv .bootstrap-select .btn {
1691                 min-width : 90% !important;
1692         }
1693
1694 }
1695
1696 @media (min-width : 764px) {
1697         /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
1698         .wizardDiv {
1699                 margin-left : 3%;
1700                 width       : 641px;
1701         }
1702
1703         .wizard div.steps-container ul li {
1704                 min-width : 95%;
1705                 margin    : 0 0 0 -10px;
1706         }
1707
1708         .step-content .row-fluid .span7 {
1709                 width : 48.6188%;
1710                 float : right;
1711         }
1712
1713         .wizardDiv .bootstrap-select .btn,
1714         .wizardDiv .selectpicker,
1715         .wizardDiv .bootstrap-select,
1716         .wizardDiv .btn.dropdown-toggle,
1717         .wizardDiv .btn.dropdown-toggle.error {
1718                 width : 100% !important;
1719         }
1720
1721         .bootstrap-select .btn {
1722                 min-width : 90% !important;
1723         }
1724
1725 }
1726
1727 @media (min-width : 961px) {
1728         /* tablet, landscape iPad, lo-res laptops ands desktops */
1729         /* .wizardDiv{
1730                  margin-left: 0;
1731          }
1732
1733          .wizard div.steps-container ul li {
1734                  width: auto;
1735                  min-width:180px;
1736                  margin: 0;
1737          }*/
1738         .wizardDiv {
1739                 margin-left : 3%;
1740                 width       : 641px;
1741         }
1742
1743         .wizard div.steps-container ul li {
1744                 min-width : 95%;
1745                 margin    : 0 0 0 -10px;
1746         }
1747
1748 }
1749
1750 @media (min-width : 1025px) {
1751         /* big landscape tablets, laptops, and desktops */
1752         .wizardDiv {
1753                 margin-left : 3%;
1754                 width       : 970px;
1755         }
1756
1757         .wizard div.steps-container ul li {
1758                 width     : auto;
1759                 min-width : 180px;
1760                 margin    : 0;
1761         }
1762 }
1763
1764 @media (min-width : 1075px) {
1765         /* big landscape tablets, laptops, and desktops */
1766         .wizardDiv {
1767                 margin-left : 5%;
1768                 width       : 970px;
1769         }
1770 }
1771
1772 @media (min-width : 1107px) {
1773         /* big landscape tablets, laptops, and desktops */
1774         .wizardDiv {
1775                 margin-left : 7%;
1776                 width       : 970px;
1777         }
1778 }
1779
1780 @media (min-width : 1170px) {
1781         /* hi-res laptops and desktops */
1782         .wizardDiv {
1783                 margin-left : 10%;
1784                 width       : 970px;
1785         }
1786 }
1787
1788 @media (min-width : 1210px) {
1789         /* hi-res laptops and desktops */
1790         .wizardDiv {
1791                 margin-left : 12%;
1792                 width       : 970px;
1793         }
1794 }
1795
1796 @media (min-width : 1281px) {
1797         /* hi-res laptops and desktops */
1798         .wizardDiv {
1799                 margin-left : 14%;
1800                 width       : 970px;
1801         }
1802 }
1803
1804 @media (min-width : 1371px) {
1805         /* hi-res laptops and desktops */
1806         .wizardDiv {
1807                 margin-left : 16%;
1808                 width       : 970px;
1809         }
1810 }
1811
1812 @media (min-width : 1450px) {
1813         /* hi-res laptops and desktops */
1814         .wizardDiv {
1815                 margin-left : 17%;
1816                 width       : 970px;
1817         }
1818 }
1819
1820 @media (min-width : 1480px) {
1821         /* hi-res laptops and desktops */
1822         .wizardDiv {
1823                 margin-left : 18%;
1824                 width       : 970px;
1825         }
1826 }
1827
1828 @media (min-width : 1505px) {
1829         /* hi-res laptops and desktops */
1830         .wizardDiv {
1831                 margin-left : 19%;
1832                 width       : 970px;
1833         }
1834 }
1835
1836 @media (min-width : 1584px) {
1837         /* hi-res laptops and desktops */
1838         .wizardDiv {
1839                 margin-left : 20%;
1840                 width       : 970px;
1841         }
1842 }
1843
1844 @media (min-width : 1684px) {
1845         /* hi-res laptops and desktops */
1846         .wizardDiv {
1847                 margin-left : 20%;
1848                 width       : 970px;
1849         }
1850 }
1851
1852 @media (min-width : 1688px) {
1853         /* hi-res laptops and desktops */
1854         .wizardDiv {
1855                 margin-left : 21%;
1856                 width       : 970px;
1857         }
1858 }
1859
1860 @media (min-width : 1740px) {
1861         /* hi-res laptops and desktops */
1862         .wizardDiv {
1863                 margin-left : 22%;
1864                 width       : 970px;
1865         }
1866 }
1867
1868 @media (min-width : 1740px) {
1869         /* hi-res laptops and desktops */
1870         .wizardDiv {
1871                 margin-left : 23%;
1872                 width       : 970px;
1873         }
1874 }
1875
1876 @media (min-width : 1841px) {
1877         /* hi-res laptops and desktops */
1878         .wizardDiv {
1879                 margin-left : 25%;
1880                 width       : 970px;
1881         }
1882 }
1883
1884 @media (min-width : 1921px) {
1885         /* hi-res laptops and desktops */
1886         .wizardDiv {
1887                 margin-left : 26%;
1888                 width       : 970px;
1889         }
1890 }
1891
1892 @media (min-width : 2091px) {
1893         /* hi-res laptops and desktops */
1894         .wizardDiv {
1895                 margin-left : 27%;
1896                 width       : 970px;
1897         }
1898 }
1899
1900 @media (min-width : 2231px) {
1901         /* hi-res laptops and desktops */
1902         .wizardDiv {
1903                 margin-left : 28%;
1904                 width       : 970px;
1905         }
1906 }
1907
1908 @media (min-width : 2295px) {
1909         /* hi-res laptops and desktops */
1910         .wizardDiv {
1911                 margin-left : 30%;
1912                 width       : 970px;
1913         }
1914 }
1915
1916 .wizard input.information-input {
1917         font-family : arial;
1918         width       : 80%;
1919 }
1920
1921 .text-h5 {
1922         margin         : 10px 0;
1923         font-family    : inherit;
1924         line-height    : 20px;
1925         color          : inherit;
1926         text-rendering : optimizelegibility;
1927         font-weight    : normal;
1928         font-size      : 16px;
1929
1930 }
1931
1932 .text-h4 {
1933         margin         : 10px 0;
1934         font-family    : inherit;
1935         line-height    : 20px;
1936         color          : inherit;
1937         text-rendering : optimizelegibility;
1938         font-weight    : bold;
1939         font-size      : 16.5px;
1940 }
1941
1942
1943