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

   1 /**********header and body*****************************/
   2
   3 body{
   4   padding    : 0;
   5 }
   6 .row-fluid{
   7   width : 94.3% !important;
   8   padding : 0 3% !important;
   9   margin : 0 !important;
  10 }
  11
  12 /***********mobile-header*********************/
  13
  14 /**********mobile header top******************/
  15
  16 .mobile-header-top{
  17  background    : url(/imgs/header-with-logo-small.jpg)repeat;
  18   border-bottom : 1px solid #7A7879;
  19         background-position: 0px 0px;
  20         height:90px;
  21 }
  22
  23 .cc-mobile-header-top{
  24                 background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  25                 border-bottom : 1px solid #877b7b;
  26                 background-size:309px 90px !important;
  27                 background-position: 0px 0px;
  28                 height:90px;
  29                 border-bottom:none;
  30         }
  31
  32 @media (min-width: 320px) and (max-width: 479px) {
  33         .cc-mobile-header-top{
  34                 background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  35                 border-bottom : 1px solid #877b7b;
  36                 background-size:379px 90px !important;
  37                 background-position: 0px 0px;
  38                 height:90px;
  39                 border-bottom:none;
  40         }
  41 }
  42
  43 @media (min-width : 480px) and (max-width : 530px) {
  44
  45         .cc-mobile-header-top{
  46           background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  47           border-bottom : 1px solid #877b7b;
  48                 background-size:500px 90px !important;
  49                 background-position: 0px 0px;
  50                 height:90px;
  51                 border-bottom:none;
  52         }
  53
  54 }
  55
  56 @media (min-width : 530px) and (max-width : 671px) {
  57
  58         .cc-mobile-header-top{
  59           background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  60           border-bottom : 1px solid #877b7b;
  61                 background-size:600px 90px !important;
  62                 background-position: 0px 0px;
  63                 height:90px;
  64                 border-bottom:none;
  65         }
  66
  67 }
  68
  69 @media (min-width : 671px) and (max-width : 768px) {
  70
  71         .cc-mobile-header-top{
  72           background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  73           border-bottom : 1px solid #877b7b;
  74                 background-size:700px 90px !important;
  75                 background-position: 0px 0px;
  76                 height:90px;
  77                 border-bottom:none;
  78         }
  79
  80 }
  81
  82 @media (min-width: 767px) {
  83         .cc-mobile-header-top{
  84           background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%;
  85           border-bottom : 1px solid #877b7b;
  86                 background-size:800px 90px !important;
  87                 background-position: 0px 0px;
  88                 height:90px;
  89                 border-bottom:none;
  90         }
  91 }
  92
  93 .mobile-header-top .mobile-nav-logout {
  94         font-size:12px;
  95         padding:3px;
  96         margin: 30px 0px 0px 0;
  97         width:80px;
  98         float:right;
  99 }
 100
 101 .cc-mobile-header-top .mobile-nav-logout {
 102         font-size:12px;
 103         padding:3px;
 104         margin: 30px 0px 0px 0;
 105         width:80px;
 106         float:right;
 107 }
 108
 109 /**********************************************/
 110
 111 /************mobile-header-middle**************/
 112
 113 .mobile-header-middle{
 114   background-color : #000;
 115   border-top       : 1px solid #D52E31;
 116   border-bottom    : 1px solid #7A7879;
 117 }
 118
 119 .mobile-header-middle .mobile-Login .mobile-detail-label{
 120   margin-top    : 13px;
 121   margin-bottom : 13px;
 122 }
 123
 124 .mobile-header-middle .mobile-Login .mobile-detail-label p,
 125 .mobile-header-middle .mobile-Login .mobile-time-in span{
 126   font-size     : 12px;
 127   font-family   : arial;
 128   font-weight   : normal;
 129   color         : #FFF;
 130   line-height   : 18px;
 131   margin-bottom : 0;
 132 }
 133 .mobile-header-middle .mobile-Login .mobile-detail-label .logged-in{
 134   font-size   : 16px;
 135   font-weight : bold;
 136 }
 137
 138 .mobile-header-middle .mobile-Login .mobile-time-in .time{
 139  font-size   : 20px;
 140   font-weight : bold;
 141 }
 142
 143 .mobile-header-middle .mobile-Login .mobile-detail-label{
 144   width : 40%;
 145   float : left;
 146 }
 147
 148 .mobile-header-middle .mobile-Login .mobile-time-in{
 149   float         : right;
 150   margin-top    : 23px;
 151   margin-bottom : 13px;
 152   width         : 16%;
 153 }
 154
 155 /**********************************************/
 156
 157 /*************mobile-header-bottom*************/
 158
 159 .mobile-header-bottom{
 160   background-color : #D42E30;
 161 }
 162
 163 .mobile-header-bottom h1{
 164   font-weight         : bold;
 165   font-size           : 30px;
 166   width               : 80%;
 167   float               : left;
 168   color               : #D0D0D0;
 169   -moz-text-shadow    : 0 -1px 2px #891c1f;
 170   -webkit-text-shadow : 0 -1px 2px #891c1f;
 171   text-shadow         : 0 -1px 2px #891c1f;
 172 }
 173
 174 .mobile-header-bottom .drop-down-menu-btn{
 175   width       :75px;
 176   float       :right;
 177   margin-top  : 2px;
 178 }
 179
 180 .mobile-header-bottom .mobile-dropdown-btn {
 181         background: url("/imgs/dropDown-n.png") no-repeat scroll center top;
 182         text-shadow:none;
 183         width:38px;
 184         height:25px;
 185         border-width:0px;
 186         box-shadow:0 0px 0px rgba(0, 0, 0, 0);
 187           float       :right;
 188
 189 }
 190 .drop-down-menu-btn .mobile-dropdown-btn:hover,
 191 .drop-down-menu-btn .mobile-dropdown-btn:active,
 192 .drop-down-menu-btn.open .mobile-dropdown-btn {
 193         background: url("/imgs/dropDown-o.png") no-repeat scroll center top;
 194 }
 195
 196 .mobile-header-bottom .mobile-caret{
 197   border-left    : 8px solid transparent;
 198   border-right   : 8px solid transparent;
 199   border-top     : 8px solid #E0E0E0;
 200   content        : "";
 201   display        : inline-block;
 202   height         : 0;
 203   vertical-align : middle;
 204   width          : 0;
 205   margin-left    : 10px;
 206 }
 207 #MobiAuctionPriceGuideMenu {
 208         margin:0px;
 209 }
 210 #MobiAuctionPriceGuideMenu .row {
 211         display:block;
 212         padding:5px 0;
 213 }
 214 #mobiAuctionBtn {
 215         display:  block;
 216         float:    left;
 217         width:    33%;
 218         margin-left:-10px;
 219 }
 220
 221 #mobiPriceGuideBtn {
 222         display:  block;
 223         float:    left;
 224         width:    36%;
 225         margin-left:10px;
 226 }
 227
 228 #mobiValuationsBtn {
 229         display: block;
 230         float:   left;
 231         width:   33%;
 232         margin-left:10px;
 233 }
 234
 235 /************dropdown-menu**********************/
 236 .mobile-header-bottom .mobi-nav{
 237   background-color      : #D52E31;
 238   margin-top            : 13px;
 239   margin-right          : 1px;
 240   box-shadow            : none;
 241   -moz-border-radius    : 3px;
 242   -webkit-border-radius : 3px;
 243   border-radius         : 3px;
 244 }
 245
 246
 247 .main.home{}
 248 .dropdown-menu.pull-right.mobi-nav li, .mobile-header-bottom .mobi-nav a {
 249         color:#FFF;
 250 }
 251 .dropdown-menu.pull-right.mobi-nav li:hover, .mobile-header-bottom .mobi-nav a:hover {
 252         background:#FFF;
 253         background-color:#FFF;
 254         color:#333;
 255 }
 256
 257 .mobile-header-bottom .mobi-nav img{
 258   position : absolute;
 259   top      : -12px;
 260   right    : 15px;
 261 }
 262
 263 .mobile-header-bottom .mobi-nav a{
 264   color       : #FFF;
 265   font-weight : bold;
 266   font-size   : 14px;
 267   line-height : 35px;
 268 }
 269
 270 .mobile-header-bottom .mobi-nav a:hover{
 271   color            : #333;
 272   font-weight      : bold;
 273   font-size        : 14px;
 274   background-color : #FFF;
 275   background-image : none;
 276 }
 277 /*********************************************/
 278
 279 .main-section{
 280   background : url("../../images/bdy_bg.png")repeat;
 281 }
 282
 283 /***************page-title-wrapper************/
 284
 285 .main-section .page-title-wrapper{
 286   margin : 30px 0 0 0 !important;
 287 }
 288
 289 .page-title-wrapper .mobile-page-title-header{
 290   font-size : 16px;
 291 }
 292
 293 .page-title-wrapper .mobile-paragraph{
 294   font-size : 16px;
 295 }
 296
 297 .main-section .page-title-wrapper .mobile-header-valuation{
 298   font-size   : 40px;
 299   line-height : 55px;
 300 }
 301
 302 .main-section .page-title-wrapper .back-btn{
 303   width       : 25%;
 304   margin      : -60px 0 29px;
 305   float       : right;
 306   text-align  : center;
 307   font-size   : 20px;
 308   font-family : arial;
 309   font-weight : bold;
 310   padding     : 17px;
 311 }
 312
 313 .mobile-btn-wrapper{
 314   padding-bottom : 8px;
 315   border-bottom  : 1px solid #B5B5B5;
 316 }
 317
 318 .page-title-wrapper .mobile-btn-shine{
 319   background      : url("../../imgs/new-valuation-mobile-shine.png") no-repeat scroll 0 0 transparent;
 320   bottom          : 0;
 321   left            : 0;
 322   position        : absolute;
 323   right           : 0;
 324   top             : 0;
 325   z-index         : 100;
 326   background-size : 100% 100%;
 327 }
 328
 329
 330 /***********************************************/
 331 /***********page-filter-wrapper*****************/
 332
 333 .page-filter-wrapper .btn-wrapper{
 334   margin-right : 0;
 335   width        : auto !important;
 336   min-width    : 0 !important;
 337   margin-top   : 56px;
 338 }
 339
 340 #gridAuctionFilter_MakeMobi {display:block;}
 341
 342 .MakeMobi .gridAuctionFilter_MakeMobi {
 343
 344 }
 345 .page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle{
 346         float:left;
 347         margin:-25px 0 0;
 348         position:inherit;
 349         width:200px;
 350 }
 351 .page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle:hover,
 352 .page-filter-wrapper .filter-input .gridAuctionContext .dropdown-toggle:active {
 353         background:none;
 354 }
 355
 356
 357 .MakeMobi .filter-input-select .dropdown-menu {
 358         margin:25px 0 0 0;
 359 }
 360
 361 .mobile-date-label{
 362   font-size   : 17px;
 363   font-family : arial;
 364   font-weight : normal;
 365   margin      : 15px 0;
 366 }
 367
 368 .page-filter-wrapper .filter-input-wrapper{
 369   width : 38%;
 370 }
 371
 372 .page-filter-wrapper .filter-input-wrapper .context-filter-label{
 373   font-size : 17px;
 374   margin    : 15px 0;
 375   width     : 130px;
 376 }
 377
 378 .page-filter-wrapper .filter-input-wrapper .filter-input{
 379   margin-right : 20px;
 380 }
 381
 382
 383 .mobile-width12p{
 384   width: 24%;
 385 }
 386
 387 /*************************************************/
 388 /***************table-form************************/
 389 .table-form{
 390   width   : 100%;
 391   padding : 0;
 392 }
 393
 394 .table-form .table .mobile-table-header th{
 395   background  : url("../../imgs/mobile-table-header.jpg") repeat scroll 0 0 transparent;
 396   font-weight : lighter;
 397   line-height : 59px;
 398   padding     : 0;
 399   font-size   : 12px;
 400   width       : 15%;
 401 }
 402
 403 .table-form .table .mobile-table-header .icon-circle-arrow-up,
 404 .table-form .table .mobile-table-header .icon-circle-arrow-down{
 405   margin-top : 22px;
 406 }
 407
 408 .table-heading-wrapper a{
 409   float        : right;
 410   margin-right : 10px;
 411 }
 412
 413 .mobile-icon-cog{
 414   background     : url("../../imgs/valuations-mobile-icons.png") no-repeat scroll -56px 0 transparent;
 415   display        : inline-block;
 416   height         : 27px;
 417   vertical-align : -4px;
 418   width          : 28px;
 419   margin-top     : -5px;
 420   margin-bottom  : 15px;
 421   margin-right   : 4px;
 422 }
 423
 424 .table-heading-wrapper .mobile-make-caret,
 425 .table-heading-wrapper .mobile-settings-caret{
 426   border-left    : 6px solid transparent;
 427   border-right   : 6px solid transparent;
 428   border-top     : 8px solid #FFFFFF;
 429   content        : "";
 430   display        : inline-block;
 431   height         : 0;
 432   margin-left    : 0;
 433   vertical-align : middle;
 434   width          : 0;
 435 }
 436
 437 .table-heading-wrapper .mobile-settings-caret{
 438   border-left    : 6px solid transparent;
 439   border-right   : 6px solid transparent;
 440   border-top     : 8px solid #FFFFFF;
 441   content        : "";
 442   display        : inline-block;
 443   height         : 0;
 444   margin-right   : -5px;
 445   vertical-align : middle;
 446   width          : 0;
 447   margin-top     : -30px;
 448   margin-bottom  : 15px;
 449   float          : right;
 450 }
 451
 452 .table-heading-wrapper .mobile-settings-main-wrapper{
 453   height     : 20px;
 454   padding    : 6px;
 455   margin-top : 12px;
 456   background : url("../../imgs/cog-btn-bg.jpg")repeat;
 457 }
 458
 459 .table-form .mobile-table #FirstRow,
 460 .table-form .mobile-table #SecondRow{
 461   font-size: 11px;
 462 }
 463 /*************************************************/
 464
 465
 466 /****************new-valuation********************/
 467
 468
 469 /*************top-mobile-header**************************/
 470
 471 .page-title-wrapper .mobile-main-car-image{
 472   width         : 26%;
 473   float         : left;
 474   margin-bottom : 13px;
 475 }
 476
 477 .page-title-wrapper .mobile-main-car-image .mobile-image{
 478   height : 125px;
 479   width  : 166px;
 480 }
 481
 482 .page-title-wrapper .mobile-header{
 483   width       : 64%;
 484   float       : left;
 485   margin-left : 18px;
 486   margin-top  : 14px;
 487 }
 488 .page-title-wrapper .mobile-header .mobile-header-new-valuation{
 489   font-size   : 40px;
 490   line-height : 40px;
 491 }
 492
 493 /*****************mobile-form-headers************************/
 494
 495 .mobile-form-headers{
 496   background-color : #cf2c2f;
 497   padding          : 24px 0;
 498   margin-left      : -14px;
 499   margin-right     : -14px;
 500   margin-bottom    : 2px;
 501   height                   : 40px;
 502 }
 503
 504 .mobile-form-horizontal{
 505   background    :none;
 506   border        :none;
 507   margin-bottom : 0;
 508   width         : 102%;
 509   margin        : 0 -20px;
 510 }
 511
 512 .mobile-icon-user{
 513   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll 0 0 transparent;
 514   display        : inline-block;
 515   height         : 30px;
 516   margin-right   : 5px;
 517   vertical-align : -4px;
 518   width          : 26px;
 519   margin-left    : 20px;
 520 }
 521
 522 .mobile-clipboard,
 523 .mobile-car,
 524 .mobile-headphones,
 525 .mobile-camera,
 526 .mobile-money,
 527 .mobile-bomb,
 528 .mobile-icon-user
 529 {
 530  margin-left  : 20px;
 531  margin-top       : 5px;
 532  float            :left;
 533 }
 534
 535 .mobile-bomb {
 536         margin-top        : -6px;
 537 }
 538 .mobile-camera {
 539         margin-top        : 2px;
 540 }
 541
 542 #customerDetailsClick p,
 543 #vehicleSpecificationsClick p,
 544 #damagesClick p,
 545 #accessoriesClick p,
 546 #photosClick p {
 547         margin-top:10px;
 548 }
 549 #customerDetailsClick.open p,
 550 #vehicleSpecificationsClick.open p,
 551 #damagesClick.open p,
 552 #accessoriesClick.open p,
 553 #photosClick.open p {
 554         margin-top:10px;
 555 }
 556
 557
 558
 559 .mobile-clipboard{
 560  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -25px 0 transparent;
 561  display        : inline-block;
 562  height         : 30px;
 563  margin-left    : 20px;
 564  margin-right   : 5px;
 565  vertical-align : -4px;
 566  width          : 22px;
 567 }
 568
 569 .mobile-car{
 570  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -46px 0 transparent;
 571  display        : inline-block;
 572  height         : 30px;
 573  margin-left    : 20px;
 574  margin-right   : 5px;
 575  vertical-align : -4px;
 576  width          : 34px;
 577 }
 578
 579 .mobile-headphones{
 580  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -79px 0 transparent;
 581  display        : inline-block;
 582  height         : 30px;
 583  margin-left    : 20px;
 584  margin-right   : 5px;
 585  vertical-align : -4px;
 586  width          : 30px;
 587 }
 588
 589 .mobile-camera{
 590  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -110px 0 transparent;
 591  display        : inline-block;
 592  height         : 30px;
 593  margin-left    : 20px;
 594  margin-right   : 5px;
 595  vertical-align : -4px;
 596  width          : 32px;
 597 }
 598
 599 .mobile-money{
 600  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -232px 0 transparent;
 601  display        : inline-block;
 602  height         : 30px;
 603  margin-left    : 20px;
 604  margin-right   : 5px;
 605  vertical-align : -4px;
 606  width          : 34px;
 607 }
 608
 609 .mobile-bomb{
 610  background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -267px 0 transparent;
 611  display        : inline-block;
 612  height         : 30px;
 613  margin-left    : 20px;
 614  margin-right   : 5px;
 615  vertical-align : -4px;
 616  width          : 36px;
 617 }
 618
 619 .mobile-form-headers p{
 620   font-size   : 26px;
 621   line-height : 20px;
 622   color       : #FFF;
 623   position    : relative;
 624   z-index     : 200;
 625 }
 626 /***************************** page-form-wrappers ********************/
 627
 628 .page-top-forms-wrapper .span4,
 629 .page-bottom-forms-wrapper .span4{
 630   width : 100% !important;
 631 }
 632
 633 .accessories-form .control-group{
 634   width : 50% !important;
 635 }
 636
 637 .accessories-form .control-group .checkbox{
 638   padding : 10px 0 10px 20px;
 639 }
 640
 641 /*********************************************************************/
 642
 643 .form-horizontal .control-group .mobile-controls{
 644   width : 50%;
 645   float : right;
 646 }
 647
 648 .form-horizontal .mobile-control-group .mobile-information-input,
 649 .form-horizontal .mobile-control-group .mobile-information-input-short{
 650         padding : 22px 2%;
 651         width   : 90% !important;
 652         padding-left:20px;
 653 }
 654
 655 .mobile-form-headers p {
 656         font-size:18px ;
 657         width:295px !important;
 658 }
 659
 660 .form-horizontal .mobile-control-group .input-prepend,
 661 .form-horizontal .mobile-control-group .btn-group{
 662   margin-left : 2%;
 663   width : 48%;
 664 }
 665
 666 .form-horizontal .mobile-control-group .btn-group .btn{
 667   padding : 10px 10px;
 668
 669 }
 670
 671 .form-horizontal .mobile-control-group .input-prepend .add-on{
 672   padding : 15px 10px;
 673 }
 674
 675 .form-horizontal .mobile-control-group{
 676   width : auto;
 677 }
 678
 679 .form-horizontal .control-group .mobile-control-label,
 680 .form-horizontal .control-group .controls{
 681   font-size   : 14px;
 682   width       : 48%;
 683   margin-top  : 10px;
 684   margin-left : 2%;
 685 }
 686
 687 #vehicleSpecifications .form-horizontal .control-group .mobile-control-label,
 688 #vehicleSpecifications .form-horizontal .control-group .controls {
 689           margin-left : 0px !important;
 690 }
 691
 692 .form-horizontal .control-group .controls{
 693   margin-top : 0;
 694 }
 695
 696 .form-horizontal .control-group .controls .information-lines{
 697   font-size : inherit;
 698   line-height : inherit;
 699
 700 }
 701
 702 .form-horizontal .control-group .mobile-grey-btn{
 703   width : 50%;
 704   float : right;
 705 }
 706
 707 .form-horizontal .control-group .mobile-select{
 708   width       : 80%;
 709   line-height : 56px;
 710   font-size   : 20px;
 711 }
 712
 713 .form-horizontal .control-group .mobile-selection{
 714   height : 66px;
 715   width  : 23%;
 716 }
 717
 718 .form-horizontal .left-side,
 719 .form-horizontal .right-side{
 720   width : 100%;
 721 }
 722
 723 .mobile-caret{
 724   border-left    : 6px solid transparent;
 725   border-right   : 6px solid transparent;
 726   border-top     : 8px solid #000000;
 727   content        : "";
 728   display        : inline-block;
 729   height         : 0;
 730   vertical-align : top;
 731   width          : 0;
 732 }
 733
 734 .vehicle-specs-form .mobile-left-side {
 735   width : 100%;
 736 }
 737
 738 .control-group-wrapper .control-group .valuation-line{
 739   font-size   : 16px;
 740   width       : 48%;
 741   margin-left : 2%;
 742   margin-top  : 5px;
 743 }
 744
 745 .form-horizontal .control-group .information-wrapper{
 746   float : right;
 747   width : 35%;
 748 }
 749
 750 .form-horizontal .mobile-information-lines{
 751   font-size  : 20px;
 752   margin-top : 14px;
 753 }
 754
 755 .accessories-form .mobile-column-left{
 756   border-bottom  : 1px solid #B7B7B7;
 757   padding-bottom : 8px;
 758   width          : 42%;
 759   margin-left    : 10px;
 760 }
 761
 762 .accessories-form .mobile-column-right{
 763   border-bottom  : 1px solid #B7B7B7;
 764   padding-bottom : 8px;
 765   width          : 53%;
 766 }
 767
 768 .accessories-form .mobile-checkbox-line {
 769     font-size    : 16px;
 770     margin       : 10px 0;
 771     padding-left : 30px;
 772 }
 773
 774 .accessories-form .comment-box .mobile-comment{
 775   margin-left   : 5px;
 776   font-size     : 20px;
 777   margin-bottom : 20px;
 778 }
 779
 780 .accessories-form .comment-box .mobile-comment-text-box{
 781   width : 100%;
 782 }
 783
 784 .mobile-car-images-wrapper{
 785   width : 100%;
 786 }
 787
 788 .photos-form .mobile-motor-vehicle-imgs{
 789   width   : 31.03%;
 790   margin-left: 1.5%;
 791   margin-bottom: 14px;
 792   padding : 0;
 793 }
 794
 795 .form-horizontal .mobile-instruction-paragraph{
 796   font-size   : 20px;
 797   margin      : 5px 0 10px 6px;
 798   line-height : 22px;
 799 }
 800 /********************mobile-select-valuator*********************/
 801
 802 .mobile-select-valuator-header{
 803   font-size   : 20px;
 804   line-height : 56px;
 805   width       : 48%;
 806   float       : left;
 807   padding     : 30px 0;
 808 }
 809
 810 .select-valuator .valuator-name-button .mobile-grey-btn{
 811   width : 50%;
 812 }
 813
 814 .select-valuator .valuator-name-button .mobile-select{
 815   width       : 80%;
 816   line-height : 56px;
 817   font-size   : 20px;
 818 }
 819
 820 .select-valuator .valuator-name-button .mobile-selection{
 821   height : 66px;
 822   width  : 23%;
 823 }
 824
 825 .select-valuator .mobile-valuator-name-button{
 826   border-bottom : 1px solid #D52F31;
 827   border-top    : 1px solid #D52F31;
 828   padding       : 30px 0;
 829 }
 830
 831 /**************************************************************/
 832
 833 .select-valuator .top-grey-set .mobile-send-to-price-btn{
 834   width         : 55%;
 835   line-height   : 56px;
 836   font-size     : 20px;
 837   margin-bottom : 18px;
 838 }
 839
 840 .select-valuator .top-grey-set .mobile-send-to-sales-btn{
 841   width         : 40%;
 842   line-height   : 56px;
 843   font-size     : 20px;
 844   margin-bottom : 18px;
 845 }
 846
 847 .select-valuator .bottom-grey-set .mobile-print-btn{
 848   width       : 35%;
 849   line-height : 56px;
 850   font-size   : 20px;
 851 }
 852
 853 .select-valuator .bottom-grey-set .mobile-archive-btn{
 854   width       : 23%;
 855   line-height : 56px;
 856   font-size   : 20px;
 857 }
 858
 859 .mobile-add-to-stock-btn{
 860   width       : 40%;
 861   line-height : 56px;
 862   font-size   : 20px;
 863 }
 864
 865 .mobile-printer{
 866   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -140px 0 transparent;
 867   display        : inline-block;
 868   height         : 30px;
 869   margin-left    : 20px;
 870   margin-right   : 5px;
 871   vertical-align : -7px;
 872   width          : 32px;
 873 }
 874
 875 /*****************************************************************/
 876
 877 .select-valuator .colored-btn-set .mobile-select{
 878   width       : 100%;
 879   line-height : 56px;
 880   font-size   : 20px;
 881   margin-top  : 18px;
 882 }
 883
 884 .mobile-save-and-send{
 885   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -168px 0 transparent;
 886   display        : inline-block;
 887   height         : 30px;
 888   margin-left    : 20px;
 889   margin-right   : 5px;
 890   vertical-align : -7px;
 891   width          : 32px;
 892 }
 893
 894 .mobile-save-and-submit{
 895   background     : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -199px 0 transparent;
 896   display        : inline-block;
 897   height         : 30px;
 898   margin-left    : 20px;
 899   margin-right   : 5px;
 900   vertical-align : -7px;
 901   width          : 35px;
 902 }
 903
 904
 905 #bidImgMain{
 906         max-width:60% !important;
 907         min-width:120px !important;
 908 }
 909
 910 #tS1.jThumbnailScroller{
 911         width:60% !important;
 912         margin-top:60px !important;
 913         max-width:50% !important;
 914         margin-left:20px !important;
 915 }
 916
 917
 918 .page-filter-wrapper .filter-input-wrapper-date{
 919         width:30% !important;
 920         margin-right:10% !important;
 921 }
 922