#conditionReportContent .column
{
padding: 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
{
.box-link-type-2 .button-icon,
.box-link-type-4 .button-icon
{
position: absolute;
z-index: 99;
top: 30%;
left: 36.4444%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: Portrait ) and (-webkit-min-device-pixel-ratio: 1)
{
.box-link-type-2 .button-icon,
.box-link-type-4 .button-icon
{
position: absolute;
z-index: 99;
top: 22%;
left: 33.4444%;
}
}
@media only screen and (max-width: 768px)
{
.modal-footer .cta
{
margin-top: 30px;
}
.modal-footer .cta.pull-right
{
margin-top: 20px!important;
}
.text-align_right,
.t-a_r
{
text-align: left;
}
#MainContentDetails .tooltip
{
top: inherit;
right: initial;
/*width: initial;*/
}
}
@media only screen and (max-width: 768px) and (min-width: 0)
{
.christies-icon_favourite.visible-lg-inline-block
{
display: inline-block!important;
}
}
.input_text:focus,
.textarea:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='textarea']:focus,
input[type='textbox']:focus
{
font-style: normal;
}
/* WebKit browsers */
input:focus::-webkit-input-placeholder
{
color: transparent;
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder
{
color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder
{
color: transparent;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder
{
color: transparent;
}
input[type='text']
{
font-style: normal!important;
}
input[type='text']:hover
{
font-style: italic;
}
input[placeholder]:focus
{
font-style: normal!important;
}
::-webkit-input-placeholder
{
font-style: italic;
}
:-moz-placeholder
{
font-style: italic;
opacity: 1;
}
::-moz-placeholder
{
/* Mozilla Firefox 19+ */
font-style: italic;
}
:-ms-input-placeholder
{
/* Internet Explorer 10-11 */
font-style: italic;
opacity: 1;
}
/******Gigya Button Icons CSS Fixes******/
.gig-button [id^="ShareDiv-reaction"]{
height: 40px!important;
margin-left: -5px;
}
.gig-bar-container *, div.gig-reactions-container, .gig-reactions-container span, .gig-reactions-container a:hover, .gig-reactions-container a:visited, .gig-reactions-container a:link, .gig-reactions-container a:active
{
color: inherit!important;
}
.box-link-type-4 li.features ul li:last-of-type .header-4
{
padding-top:0px;
}
/* style for CAL-36 start*/
@media only screen and (min-width: 320px){
#MainLotHeader #MainLotImage {
width: 100%;
margin-bottom: 20px;
}
#MainLotHeader #MainLotTitle{
padding-left: 0;
width: 100%;
}
#MainLotImage .image-preview-container{
/* width: 343px;
height: 227px;*/
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
#MainLotHeader #MainLotImage {
margin-right: 24px;
width: 160px;
margin-bottom: 0;
}
#MainLotHeader #MainLotTitle,
#MainLotHeader #MainLotSubheader{
width: 73%;
}
#MainLotImage .image-preview-container{
margin-left: 0;
width: 160px;
height: 100px;
}
#MainLotHeader #MainLotCTA{
position: relative;
top: 0;
margin-left: 169px;
}
}
@media only screen and (min-width: 1024px){
#MainLotHeader #MainLotImage {
width: 160px;
margin-bottom: 0;
margin-right: 20px;
}
#MainLotHeader #MainLotTitle{
width: 66%;
}
#MainLotHeader #MainLotSubheader{
padding-left: 0;
}
#MainLotImage .image-preview-container{
margin-left: 0;
width: 160px;
height: 100px;
}
}
/* style for CAL-36 end*/
@media print {
.collapse {
display:block;}
.collapse > div {
margin-left:0;
}
#MainLotImage {
position : relative;
float : left;
margin-right: 10px;
width : 80px;
}
#MainContent .lotNumberContainer,
.lotNumber {
border-left:0;
padding-left:0;
margin-left:0;
display: block;
float:none;
}
#MainLotSubheader,
#MainLotTitle {
position: relative;
float : right;
padding : 0 !important;
margin : 0;
width : 80%;
}
#MainContentImage .carousel-slider {
position: relative;
width: 100%;
height: 400px;
left: 0 !important;
}
#MainContentImage .image-preview-container {
display:none;
}
#MainContentImage .active .image-preview-container {
display: block;
margin-top: 25px;
position: absolute;
left: 50%;
transform:translateX(-50%);
height: 400px;
width: 400px;
top: 0;
padding: 0;
}
#MainContentDetails {
width : 100%;
padding: 0 0 0 20px;
}
#MainContent .lotDetails {
width: 100%;
}
}
/* Hotfix for CCPS137 */
body.Chinese .category-title {
line-height: normal;
}
/* Hotfix for CCPS134 */
#MainContent .prelot-readmore--button {
text-transform: none;
}
.hk--container{
max-width: 1180px;
width:1180px;
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
}
@media (max-width: 1024px){
.hk--container {
width: 100%;
}
}
.hk--container .hk--container-row {
font-family: 'Atlas Grotesk Web', Helvetica, Arial;
font-weight: 400;
font-style: normal;
font-stretch: normal;
color: #000000;
font-size: 14px;
line-height: 20px;
background: #f8f8f8;
padding: 20px 10px;
text-align: center;
margin: 0;
}
@media (max-width: 1023px) and (min-width: 768px) {
.hk--container .hk--container-row .hk--container-offered {
display: block !important;
border-left: none !important;
}
}
.hk--container .hk--container-row .hk--container-text {
display: inline;
padding-left: 18px;
padding-right: 15px;
}
@media (max-width: 767px){
.hk--container .hk--container-row .hk--container-text {
padding: 0;
display: block;
border-left: none !important;
margin-top: 10px;
}
}
.hk--container .hk--container-row .hk--container-text + .hk--container-text {
border-left: 1px solid black;
}
.hk--container .hk--container-row .hk--container-text a {
color: #000000;
text-decoration: underline;
}
.hk--container .hk--container-row .hk--container-exclamationicon {
position: relative;
top:5px;
display: inline-block;
width: 25px;
height: 25px;
}
.hk--container .hk--container-row .tooltip.top .tooltip-arrow {
display: block !important;
}
.hk--container .hk--container-row .tooltip .tooltip-inner {
background-color: #efefef;
color: #000;
max-width: 280px;
padding: 20px;
font-family: "Atlas Grotesk Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-stretch: normal;
text-align: left;
font-size: 12px;
}
.hk--container .hk--container-row .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-top-color: #EFEFEF;
margin-top: 5px;
top:95%;
}
.hk--container .hk--container-row .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}