/* This is the CSS document for viewing the item details. */
.item-details > tbody > tr:first-child > td:last-child {
    padding-right: 50px;
}
.item-details > tbody > tr:first-child > td:last-child > span {
    display: inline-block !important;
}
.item-details > tbody > tr:first-child > td {
    border-bottom: 3px solid #EEEEEE;
    height: 1%;
    padding-top: 0px;
    padding-left: 0px;
}
.item-details > tbody > tr:nth-child(2) > td {
    padding-top: 0px;
    padding-bottom: 0px;
}
.item-details > tbody > tr > td {
    padding: 15px;
    color: #4D4D4D;
}
.popup-header {
    vertical-align: top;
    display:inline-block;
    width:calc(100% - 100px) !important;
}

.popup-header .h1 {
    font-size: 46px;
    font-family: 'Roboto-Light', Arial, sans-serif !important;
    margin: 0px !important;
}

.popup-header .small {
    margin-left: 3px;
    display: block;
}



.small {
    font-size:19px;
}

.steps {
    height: 100%;
}
.steps > tbody > tr > td {
    width: 50%;
    vertical-align: top;
    padding: 0px;
    height: 100%;
}


.steps > tbody > tr > td:first-child {
    border-right: 3px solid #EEEEEE;
    padding-right: 10px;
}
.steps > tbody > tr > td:last-child {
	padding-left: 10px;
}

.steps > tbody > tr > td > table {
    width: 100% !important;
}

/* #step_1 {
	max-width: calc(50vw - 30px) !important;
} */
#step_1 > table {
    height: 100%;
}
#step_1 > table > tbody > tr:not(:nth-child(2)) > td {
    height: 1%;
}
#step_1 > table > tbody > tr:nth-child(2) > td {
    height: 96% !important;
}
#step_2 > table > tbody > tr:not(:first-child):not(:nth-child(2)):not(:last-child) > td:not(.tabview):not(.normal), #delivery_row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #B2B2B2;
}
#step_2 > table  .tabview {
    padding-top: 6px;
}
#step_2 > table > tbody > tr:not(:first-child):not(:last-child) > td input[type='text'], 
#step_2 > table > tbody > tr:not(:first-child):not(:last-child) > td select
{
    border: 0px;
    border-bottom: 1px solid #B2B2B2;
}

#step_2 > table > tbody > tr > td.normal {
	padding-top: 10px;
    padding-bottom: 10px;
}

#step_2 > table > tbody .h2 {
    border: 0px !important;
}
#step_2 > table > tbody .h2 span {
    margin: 0px;
    padding: 0px;
}
#step_2 > table > tbody > tr:last-child > td, 
#step_2 {
    padding-bottom: 0px !important;
}
#step_2 > table > tbody > tr:last-child > td > div {
    margin-bottom: 0px;
}

#price_row .right-side, #header_price {
    white-space: nowrap;
}

.steps #detailssummarytable {
	min-height: calc(100vh - 130px) !important;
}

.steps #buyitem {
	display:none;	
}

.flag-item {
	display: inline-block;
	background: url(../../assets/images/flag.gif) #F1F1F1 no-repeat center center;
	background-size: 30px;
    cursor: pointer;
    height: 85px;
    width: 40px; 
    margin-top: 5px;
    float: right;
    border-left: 3px solid #DDD;
}
.flag-pointer {
    display: inline-block;
    background: url(../../assets/images/flag_short.gif) #F1F1F1 no-repeat 7px center;
    background-size: 11px;
    cursor: pointer;
    margin-left: 15px;
    padding: 4px 10px 4px 25px;
    float: right;
    border-radius: 20px;
    -moz-border-radius: 20px;
    text-decoration: underline;
}

.expandable-content {
    max-height: 200px;
    min-height: 200px;
    overflow-y: auto;
}
.expandable-content > div .content {
    display: none;
    color: #666666;
    padding-left: 30px;
    word-wrap: break-word;
}
.expandable-content > div .header {
    display: block;
    cursor: pointer;
    padding: 6px 6px 6px 30px;
    color: #666666;
}
.expandable-content > div.active .header {
    background: url(../../assets/images/minus.gif) no-repeat left center;
}
.expandable-content > div.active .content {
    display: block;
}
.expandable-content > div:not(.active) .header {
    background: url(../../assets/images/plus.gif) no-repeat left center;
}
.expandable-content > div:not(.active) .content {
    display: none;
}

#addticketrecipient a {
	background: url(../../assets/images/more_field_icon.gif) no-repeat left center;
	background-size: 25px;
	height: 22px;
	padding-left: 25px;
}


.incrementer {
    padding: 0px 30px 0px 5px !important;
    border: 1px solid #666666 !important;
}

.telephone-text, .email-text {
    display: block;
    cursor: pointer;
    padding: 5px;
    padding-left: 40px;
    background-size: contain !important;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 23px;
    font-weight: 800px;
}
.telephone-text {
    background: url(../../assets/images/telephone.gif) no-repeat left center;
}
.email-text {
    background: url(../../assets/images/email.gif) no-repeat left center;
}

.fulfilment-specs > div {
	display: inline-block !important;
	vertical-align: middle;
}
.fulfilment-specs > div:first-child {
	margin-right: 25px;
}
#deliverydate_row, #delivery_row {
    display: none;
}

.free-label,
.tab-group .radio-btn {
	font-size: calc(12px + 0.9vh) !important;
	font-weight: 800;
}



.feedback-stars {
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
}
.feedback-stars > span {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: contain !important;
}
.feedback-stars > span {
	background: url(../../assets/images/feedback_grey.gif) no-repeat center center;
}
.feedback-stars[data-count="1"] > span:nth-child(1),
.feedback-stars[data-count="2"] > span:nth-child(1),
.feedback-stars[data-count="3"] > span:nth-child(1),
.feedback-stars[data-count="4"] > span:nth-child(1),
.feedback-stars[data-count="5"] > span:nth-child(1) {
	background: url(../../assets/images/feedback_orange.gif) no-repeat center center;
}
.feedback-stars[data-count="2"] > span:nth-child(2),
.feedback-stars[data-count="3"] > span:nth-child(2),
.feedback-stars[data-count="4"] > span:nth-child(2),
.feedback-stars[data-count="5"] > span:nth-child(2) {
	background: url(../../assets/images/feedback_orange.gif) no-repeat center center;
}
.feedback-stars[data-count="3"] > span:nth-child(3),
.feedback-stars[data-count="4"] > span:nth-child(3),
.feedback-stars[data-count="5"] > span:nth-child(3) {
	background: url(../../assets/images/feedback_orange.gif) no-repeat center center;
}
.feedback-stars[data-count="4"] > span:nth-child(4),
.feedback-stars[data-count="5"] > span:nth-child(4) {
	background: url(../../assets/images/feedback_orange.gif) no-repeat center center;
}
.feedback-stars[data-count="5"] > span:nth-child(5) {
	background: url(../../assets/images/feedback_orange.gif) no-repeat center center;
}

.leave-feedback-icon {
	display: inline-block;
	background: url(../../assets/images/leave_feedback.gif) no-repeat center top;
	background-size: contain;
	cursor: pointer;
	height: 30px;
	width: 30px;
	margin-left: 5px;
}

.row-check-fields input {
	width: 42% !important;
	display: inline-block;
	margin-right: 10px;
} 

.helpful-login-area input {
	width: 35% !important;
	display: inline-block;
	margin-right: 10px;
} 



.top-right-pop-actions {
	display:inline-block;
	float:right;
	right:0;
	bottom:0;
	position:absolute;
	margin-right: 50px;
	margin-bottom: 10px;
}
.top-right-pop-actions td {
	vertical-align: bottom;
}
.top-right-pop-actions.shop-view {
	position:absolute !important;
	margin-right: 0px !important;
}
.top-right-pop-actions.shop-view #chatwithseller {
	display:none !important;
}


.top-search-detail-icon {
	display: inline-block !important;
	vertical-align: bottom !important;
	margin-left: 20px;
}
.top-search-detail-icon > span:last-child {
	font-size: calc(10px + 0.5vmin);
	display: block;
	padding: 3px;
	text-align: center;
	white-space: nowrap;
	text-decoration: underline;
    font-family: 'Roboto-black', Arial, sans-serif !important;
	cursor: pointer;
}
#chatwithseller {
	display: inline-block;
	cursor: pointer;
	margin-left: 20px;
	vertical-align: bottom;
	text-align: center;
}
#chatwithseller > span {
	display: inline-block;
}
#chatwithseller > span:first-child {
	background: url(../../assets/images/chat_icon.gif) no-repeat center center;
	background-size: contain;
	width: 40px;
	height: 45px;
}
#chatwithseller:hover > span:first-child {
	background: url(../../assets/images/chat_icon_orange.gif) no-repeat center center;
	background-size: contain;
}
#detailshoppingcart .top-search-shopping-cart {
    margin-left: 0px;
    margin-right: 0px;
}


.size-check {
	margin-top: 10px;
	width: 100%;
    border-collapse: collapse;
    background-color: #F1F1F1;
}
.size-check > tbody > tr > td {
    padding: 10px 5px;
    vertical-align: bottom;
}
.size-check > tbody > tr > td:not(:nth-child(2)) {
	width: 1%;
}
.size-check > tbody > tr > td:first-child {
	padding-left: 10px;
}
.size-check > tbody > tr > td:last-child {
	padding-right: 10px;
}
.size-check .size-icon {
	background: url(../../assets/images/clothing_size_icon.png) no-repeat center center;
	background-size: contain;
	min-width: 40px;
	width: 40px;
	height: 45px;
}
.size-check #checksize {
	min-width: 30px !important;
	padding-top: 12px;
	padding-bottom: 12px;
}
.size-check #brandsize {
	min-width: 60px !important;
}
.size-check #brandname {
	border-bottom: 1px solid #B2B2B2 !important;
}
.size-check input {
	height: 30px;
}


.similar-item-list.items:not(.olyme-items) > div {
	max-width: 120px;
    max-height: 120px;
    margin-right: 15px;
    margin-bottom: 15px !important;
}

.sub-view-table > tbody > tr > td {
	padding-right: 15px;
}

.sub-view-table td > .closer {
	position: relative;
}
.sub-view-table .closer {
	display: inline-block;
	background: url(../../assets/images/delete_icon.gif) no-repeat center center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    float: right;
}


#questionlist {
	height: 100%;
	max-height: calc(100vh - 410px);
}
#reviewlist {
	height: 100%;
	max-height: calc(100vh - 460px);
}
.sub-view-list {
	margin-top: 15px;
	
	overflow-y: auto;
	overflow-x: hidden;
}

.sub-view-list > div {
	padding: 10px;
}
.sub-view-list > div:nth-child(odd) {
	background-color: #F1F1F1;
}
.sub-view-list > div > table {
	width: 100%;
    border-collapse: collapse;
}
.sub-view-list > div > table > tbody > tr > td {
    padding: 0px 0px 10px 0px;
    vertical-align: top;
    font-family: 'Roboto-Light', Arial, sans-serif !important;
}

#questionlist .question {
	font-family: 'Roboto-Black', Arial, sans-serif !important;
}
.sub-view-list .name, 
.sub-view-list .date, 
.sub-view-list .helpful-icon {
	font-size: calc(9px + 0.5vh) !important;
	color: #888;
	font-family: 'Roboto-Black', Arial, sans-serif !important;
}

.sub-view-list .details {
	line-height: 30px;
	display: inline-block;
}

#questionlist .date {
	text-align: right;
}

#reviewlist .name {
	color: #111;
}
.sub-view-list .helpful-icon {
	display: inline-block;
	padding: 9px 29px 0px 4px;
	background: url(../../assets/images/like_icon.gif) no-repeat right top;
	background-size: 26px;
    cursor: pointer;
    vertical-align: bottom;
    height: 20px;
}

#leavefeedback {
	cursor: pointer;
}


.pay-window-closer {
	display: inline-block;
	background: url(../../assets/images/delete_icon.gif) no-repeat center center;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#olycashpagespaywindow .pay-window-closer,
#olycashpageseventpaywindow .pay-window-closer {
    position: absolute;
    top: -30px;
}

.steps #applycoupon {
	margin-left: 10px !important;
}
#cartheader .back-icon, 
#checkoutheader .back-icon, 
#detailsheader .back-icon {
	width: 50px;
    height: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
}

#reporttable .radio-btn {
	width: calc(100% - 60px);
}

.pay-row-actions {
	display: table-row;
}
.pay-row-actions > span {
	display: table-cell;
}
.pay-row-actions > span:first-child {
	width:98%; 
	white-space:nowrap;
	text-align:right;
	vertical-align:bottom;
}
.pay-row-actions > span:not(:first-child) {
	width:1%; 
}


.return-policy-view {
	background-color: #F1F1F1;
	padding:8px;
}


.half-table-field {
	display:inline-block;
	width:calc(50% - 20px);
	padding:10px;
}
.half-table-field-container {
	display:inline-block;
	width:100%;
	padding-bottom: 0px;
}

.online-event-marker {
	display:inline-block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 6px 10px 6px 29px;
    background: url(../../assets/images/online_event.gif) #F1F1F1 no-repeat left center;
    background-size: contain;
    font-family: 'Roboto-Black', Arial, sans-serif !important;
    font-size: 80%;
}


.tag {
	color: #000000;
	display: inline-block;
	padding: 8px 18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 10px;
	background-color: #ddd;
	border-radius: 40px;
	vertical-align: top;
	cursor: pointer;
	border: 2px solid #ddd;
}

.tag.active{
	background-color: unset !important;
	border: 2px solid #666;
}


.popup-header #itemname {
	max-width: calc(100% - 40px) !important;
}

#olycashpagespaywindow .cash-btn,
#olycashpageseventpaywindow .cash-btn {
	display: none !important;
}

#olycashpagespaywindow,
#olycashpageseventpaywindow {
    position: relative;
}

#multirecipientarea .ticket-contact-row:nth-child(even) {
	border-bottom: 3px solid #333333;
}

.experience-choice-list > span,
.event-form-option {
	display: inline-block;
	padding: 8px 15px;
	background-color: #F1F1F1;
	border: 1px solid #666666;
	font-size: 100%;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 20px;
	font-weight: bold;
}
.experience-choice-list > span.active,
.event-form-option.active {
    background-color: #666666;
    color: #FFFFFF;
}

.event-form-option.removable {
    background: url(../../assets/images/delete_icon.gif) #F1F1F1 no-repeat 6px center;
    background-size: 20px;
    cursor: pointer;
    padding-left: 30px;
}


#viewrecipientextrafields a {
	background: url(../../assets/images/more_field_icon.gif) no-repeat left center;
	background-size: 25px;
	height: 22px;
	padding-left: 25px;
}

#extrauserfields .country-code-select {
	border-bottom: 1px solid #B2B2B2 !important;
}









@media only screen and (min-width:1100px){
	#headerprice_container {
	   display: none;
	}
}



/* CSS for medium screens */
@media only screen and (max-width:1000px){

#cartheader .back-icon, 
#checkoutheader .back-icon, 
#detailsheader .back-icon {
	width: 35px;
    height: 35px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    background-size: 40px;
}
#cartheader .back-icon, 
#checkoutheader .back-icon {
	display: inline-block;
}
#detailsheader .top-right-pop-actions {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
}
.top-right-pop-actions.shop-view {
	float: right !important;
	padding-right: 10px !important;
}
.top-right-pop-actions.shop-view #chatwithseller {
	display:none !important;
}


.popup-header {
    padding-left: 10px;
    padding-right: 10px;
}

.popup-header .h1 {
    font-size: calc(20px + 0.2vh) !important;
    display: inline-block;
    vertical-align: bottom;
	margin-bottom: 0px !important;
	line-height: 40px;
}
.popup-header .small {
    font-size: calc(10px + 0.2vh) !important;
    vertical-align: bottom;
	margin-bottom: 5px !important;
}


.steps button {
    min-width: 60px !important;
}
.steps #buyitem {
	display: block !important;
    padding: 12px 10px;
  	margin-top:10px;
  	margin-bottom: 10px;
}
.steps > tbody > tr > td {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#step_1 > table, #step_2 > table {
    margin: 0px !important;
    width: calc(100% - 15px) !important;
}
#step_1 > table > tbody > tr > td, #step_2 > table > tbody > tr > td {
    padding-left: 0px !important;
}
#step_2 {
	display: none;
}

.steps > tbody > tr > td:first-child {
    border-right: 0px;
}

.item-details > tbody > tr:first-child > td:last-child {
    padding-right: 0px;
}


.item-details {
	position: relative !important;
	height: auto !important;
	margin-bottom:150px !important;
}

}









/* CSS for small screens */
@media only screen and (max-width:500px){
.popup-header {
	width:100% !important;
}
.popup-header .h1 {
	line-height: 30px;
}
#cartheader .top-right-pop-actions {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.top-right-pop-actions.shop-view {
	float: right !important;
}
.top-right-pop-actions.shop-view #chatwithseller {
	display:none !important;
}

#cartheader .back-icon, 
#checkoutheader .back-icon, 
#detailsheader .back-icon {
	width: 25px;
    height: 25px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    background-size: 30px;
	display: inline-block;
}

.popup-header .small {
	display: inline-block;
}

#chatwithseller > span:first-child {
	width: 25px;
	height: 32px;
}
#chatwithseller > span:last-child {
	font-size: calc(8px + 0.3vw) !important;
}


.top-search-shopping-cart {
    margin-left: 15px;
    margin-right: 15px;
	display: inline-block;
	width: 25px;
	height: 25px;
    cursor: pointer;
	background-size: contain;
}

#detailshoppingcart .top-search-shopping-cart span:first-child {
	border-radius: 10px;
    -moz-border-radius: 10px;
    width: 6px;
    height: 6px;
    padding: 1px 2px 3px 1px;
    font-size: 8px;
    margin-top: 0px;
    margin-left: 10px;
}
#detailshoppingcart .top-search-shopping-cart span:last-child {
    width: 25px;
	height: 28px;
}
#detailshoppingcart span:last-child {
	font-size: calc(8px + 0.3vw) !important;
}
.tab-group .in-line-radio .radio-btn {
	display: block !important;
	font-size: calc(10px + 0.9vh) !important;
}

.pay-row-actions {
	display: block;
	text-align: right;
}
.pay-row-actions > span {
	width: inherit !important;
	display: inline-block;
	margin-bottom: 10px;
}
.pay-row-actions > span:last-child {
	margin-right: 15px;
}


.row-check-fields input {
	width: calc(100% - 30px)  !important;
} 

.helpful-login-area input {
	width: calc(100% - 30px) !important;
	margin-bottom:10px;
} 


.steps #detailssummarytable {
	min-height: 100% !important;
}

.half-table-field {
	display:block;
	width:calc(100% - 20px);
	padding: 10px 10px 0px 10px;
}
.half-table-field-container {
	padding-bottom: 10px;
}

#extrauserfields .field-label {
   font-size: 13px;
   display: block;
   margin-top:10px;
}
}