﻿/*.box-link-type-2 .button-icon,
.box-link-type-4 .button-icon
{
    z-index: 99;
    top: 33%;
    position: absolute;
    left: 39.4444%
}
   @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
    {
    z-index: 99;
    top: 30%;
    position: absolute;
    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
{
    z-index: 99;
    top: 22%;
    position: absolute;
    left: 33.4444%;
}

}*/


/*.christies_fav_Title {
    position: relative;
    top: 2px;
    padding-left: 20px;
}


@media only screen and (min-width: 1024px)
{
.conditionReportFooter_Unavailable .cta.grey
{
margin-left: 90px;
}
#idVerificationcode
{
margin-top:57px;
}
}
#carouselModal .modal-content .close
{
    position:fixed;
}
*/


/*********Alert Popup CSS**************/
/*.popup_details {
    background-color: #fff!important;
    border-radius: 0px!important;
    padding: 30px!important;
}
.popup_inner_detail {
    color: #000;
    font-family: "AtlasGroteskRegular",Arial,Helvetica,sans-serif;
    font-size: 17px!important;
    font-weight: normal;
    line-height: 25px;
    padding-bottom: 23px;
}
#myPopUpCloseButton
{
    background-color: #efefef;
    color: #000;
    display: inline-block;
    font-family: "Atlas Grotesk Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    padding-top: 0em;
    padding-right: 1.40625em;
    padding-bottom: 0em;
    padding-left: 1.40625em;
    -webkit-transition: background-color 0.2s, color 0.2s;
    -moz-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
    border:none;
}
#myPopUpCloseButton:not(.disabled):hover,
#myPopUpCloseButton:not(.disabled):focus,
#myPopUpCloseButton:not(.disabled).active {
    background-color: #f8f8f8;
    color: #000
}
div#myPopUpDetail {
    width: 500px;
}*/
/*#MainContentDetails .estimate-realised span
{
    float:left;
}
#MainContentDetails .estimate-realised span + span
{
    padding-left:10px;
}*/


/*#emailLotFooter .label.under, #emailLotFooter label.under {
    margin-bottom: 40px!important;
}*/

#conditionReportContent .column
{
    padding: 0;
}

/********Tooltip****************/
/*.tooltip {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: 1070;
    font-family: "Atlas Grotesk Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    background-color: #efefef;
    color: #000;
    max-width: 280px;
    padding: 20px;
    font-weight: 100;

}
.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}
.tooltip.top .tooltip-arrow {
    border-right-color: #efefef;
    border-width: 10px 10px 9px 0;
    left: -5px;
    margin-top: -10px;
    top: 50%;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #000;
    border-width: 10px 10px 0;
    bottom: 0;
    margin-bottom: -5px;
    right: 5px;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #efefef;
    border-width: 10px 10px 0;
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #efefef;
    border-width: 10px 10px 9px 0;
    left: -5px;
    margin-top: -10px;
    top: 50%;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #efefef;
    border-width: 10px 0 10px 10px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #efefef;
    border-width: 0 10px 10px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #efefef;
    border-width: 0  10px 10px ;
    margin-top: -5px;
    right: 5px;
    top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #efefef;
    border-width: 0 10px 10px;
    left: 5px;
    margin-top: -5px;
    top: 0;
}*/
/********End of Tooltip CSS****************/
/*.form-drop-down:after,
.form-select:after {
    opacity: 0;
    border-color: #808080;
}*/


@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%;
    }
    /*.carousel-slider-container.carousel-1 > .carousel-buttons-container
    {
        min-height: initial;
    }*/
}

@media only screen and (min-width: 1024px)
{
    /*.conditionReportFooter_Unavailable .cta.grey
    {
        margin-left: 90px;
    }
    #emailLotImage
    {
        margin-bottom: 0;
    }
    #emailLotContent
    {
        margin-top: -20px;
        padding: 20px 0 20px 20px;
    }
    #emailLotContent .image-preview-container::before
    {
        background: transparent;
    }
    #emailLotFooter
    {
        padding: 0;
    }
    #conditionReportContent
    {
        margin-top: -24px;
    }
    #conditionReportContent .coloum
    {
        text-align: right;
    }
    #conditionReportFooter #idPhone
    {
        margin-top: 30px;
    }
    #conditionReportContent .conditionReportContent .modal-content .seperator
    {
        margin-bottom: 30px;
    }
    #conditionReportContent .conditionReportDetails .small-seperator
    {
        padding-top: 6px;
        padding-bottom: 11px;
    }
    #conditionReportContent .conditionReportDetails .seperator
    {
        margin: 23px 0;
    }
    #conditionReportContent .modal-footer .cta
    {
        margin-top: 30px;
        margin-bottom: 0;
    }
    #conditionReportContent .seperator
    {
        margin-bottom: 20px;

    }
    #conditionReportContent .alignRight
    {
        text-align: right;
    }
    #conditionReportContent .conditionReportDetails
    {
        padding-left: 8px!important;
    }
    #conditionReportFooter .form .input_text
    {
        width: 96.9%;
        margin: 0 9px 20px;
    }
    #conditionReportFooter .form-select
    {
        padding-left: 9px;
    }
    #conditionReportFooter .form.column
    {
        padding: 0;
    }*/
}
@media only screen and (max-width: 768px)
{
    /*#emailLotContent
    {
        padding: 20px;
    }*/
    .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;
    }
    /*#conditionReportFooter .form .input_text
    {
        width: 100%;
        margin-top: 30px;
    }
    #emailLotFooter .verification
    {
        margin-bottom: 20px;
    }*/
}

@media only screen and (min-width: 768px)
{
    /*.carousel-slider-container.carousel-1 > ul.carousel-slider > li
    {
        text-align: center;
    }
    .carousel-slider-container.carousel-1 > ul.carousel-slider > li > a
    {
        display: inline;

        width: 265px;
    }
    .carousel-slider-container.carousel-1 > ul.carousel-slider .image-preview-container
    {
        display: inline-block;
    }
    .carousel-slider-container.carousel-1 > .carousel-buttons-container.image-preview-container::before
    {
        background: #fff;
    }*/
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape ) and (-webkit-min-device-pixel-ratio: 1)
{
    /*#conditionReportContent .small-seperator:before
    {
        display: none;
    }*/
    /*#MainContentDetails .info {
        margin-top: 0px;
        top: -9px;
    }*/
    /*.seperator.seperator-2, .box-link-type-3 .seperator-2.category-title,
 .seperator-2.small-seperator:before,
 .box-link-type-2 li .box-item-container .seperator-2.auctionLocation:before,
 .seperator-2.small-seperator-after:after,
 .box-link-type-1 p.seperator-2.itemHeader:after,
 .box-link-type-2 p.seperator-2.itemHeader:after
 .box-link-type-4 p.seperator-2.itemHeader:after,
 #MainContent .seperator-2.lotDetails:before,
 #MainContent .seperator-2.lotDescription:after,
 #MainContent .seperator-2.lotLink:after {
    margin: 20px 0;
}
.small-seperator:before, .box-link-type-2 li .box-item-container .auctionLocation:before {
    content: "";
    float: none;
    border-color: #000;
    width: 1em;
}
.seperator, .box-link-type-3 .category-title, .small-seperator:before, .box-link-type-2 li .box-item-container .auctionLocation:before, .small-seperator-after:after, .box-link-type-1 p.itemHeader:after, .box-link-type-2 p.itemHeader:after, .box-link-type-4 p.itemHeader:after, #MainContent .lotDetails:before, #MainContent .lotDescription:after, #MainContent .lotLink:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #000;
    display: block;
}*/
}
@media only screen and (max-width: 768px) and (min-width: 0)
{
    /*#conditionReportFooter #idPhone
    {
        margin-top: 20px;
    }
    #conditionReportFooter .form
    {
        padding: 0;
    }*/
    .christies-icon_favourite.visible-lg-inline-block
    {
        display: inline-block!important;
    }
}
/*
#idPersonalMessage,
#countryField
{
    font-style: italic;
}

#emailLotFooter .label span
{
    font-weight: 400;
}*/

/*#emailConfirm >   div > div
{
    width: 100%;

    text-align: center;
}*/
/*
.search-container .button-icon:not([disabled]).active:before,
.search-container .button-icon:not([disabled]):focus:before,
.search-container .button-icon:not([disabled]):hover:before
{
    color: #808080;
}*/


.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;
}
/*.emailLotTitle.modal-header
{
    margin-bottom: 20px;
}
*/
