/** eComItemDetailsLayout02.ascx layout styles*/

.wc-ecom-item-detail-vendor-info {
    padding-right : 15px;
    -o-box-sizing : border-box;
    -ms-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -webkit-box-sizing : border-box;
    box-sizing : border-box;
}

.wc-ecom-item-detail-options-grid {
	margin: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
}

.wc-ecom-item-detail-options-grid td {
	padding: 0;
	vertical-align: top;
}

.wc-ecom-item-detail-label {
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.wc-ecom-item-detail-value {
	display: inline-block;
	width: 66%;
	vertical-align: top;
}

.wc-ecom-restricted-message,
.wc-ecommerce-error {
	color: #b00;
}

.wc-ecom-vendor-website-prompt {
	display: block;
}

.wc-ecom-item-image-layout-02 {
    max-width: 100%;
}


/* ecom breadcrumb styles. used on ecomList, eComItemDetailsLayout01, and eComItemDetailsLayout02 */

ul.wc-ecom-category-breadcrumb {
    margin: 15px 0;
    list-style: none;
}

li.wc-ecom-category-breadcrumb {
    display: inline;
    margin-left : 2px;
    margin-right : 2px;
    list-style: none;
}

/* sub categories. just used on ecomList page. can remove this when globals.css removes the resets on ULs */
ul.wc-ecom-sub-categories {
    margin : 15px 0 15px 15px;
    list-style : disc;
}

/* eCommerce receipt (the page after successful checkout) */
.wc-ecom-billto-info, .wc-ecom-shipto-info, .wc-ecom-ccaddress-info {
    display : inline-block;
    margin : 1.5em 0;
    padding-right : 1.5em;
    min-width : 28%;
    -o-box-sizing : border-box;
    -ms-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -webkit-box-sizing : border-box;
    box-sizing : border-box;
    vertical-align : top;
}

.wc-ecom-billto-info h3, .wc-ecom-shipto-info h3, .wc-ecom-ccaddress-info h3 {
    display : inline-block;
    margin : 0;
    border-radius : 2px 2px 0 0;
}

.wc-ecom-billto-info h3 span, .wc-ecom-shipto-info h3 span, .wc-ecom-ccaddress-info h3 span,
.wc-ecom-billto-info p, .wc-ecom-shipto-info p, .wc-ecom-ccaddress-info p {
    padding : 4px 6px;
    background : #E8ECEE;
}

.wc-ecom-billto-info p, .wc-ecom-shipto-info p, .wc-ecom-ccaddress-info p {
    margin : 0;
    border-radius : 0 2px 2px 2px;
}

.wc-ecom-receipt-items td {
    vertical-align: top;
}
        
.wc-ecom-receipt-items td + td {
    padding-left: 6px;
}

.wc-ecom-receipt-items td.wc-ecom-item-image {
    max-width : 200px;
}

.wc-ecom-receipt-items img.wc-ecom-item-image {
    max-width: 100%;
}

.wc-ecom-item-price-breakdown {
    width : 33%;
    min-width : 16em;
}

.wc-ecom-item-price-breakdown-label {
    display: inline-block;
    width: 33%;
    text-align : right;
}

.wc-ecom-item-price-breakdown-value {
    display: inline-block;
}

.wc-ecom-receipt-final-totals-container {
    margin : 1.5em 0;
    padding : 1em;
    background : #E8ECEE;
}

.wc-ecom-receipt-final-totals {
    width : 33%;
    min-width : 16em;
}

.wc-ecom-item-price-breakdown-row {
}

.wc-ecom-receipt-final-totals-label {
    display: inline-block;
    width: 33%;
    text-align : right;
}

.wc-ecom-receipt-final-totals-value {
    display: inline-block;
    width: 33%;
}

.wc-ecom-receipt-final-totals-total {
    border-top : 1px solid #333;
    padding-top : 2px;
    font-weight : bold;
}

/* ecommerce view cart. the little "you have this many items in your cart" */
.wc-ecom-view-cart-outer {
    float : right;
    padding : 3px 6px 4px 6px;
    border-radius : 0 0 5px 5px;
    background : #666;
}

/* special case if you want to hide empty */
 .wc-ecom-view-cart-quantity-0 {
}

		.wc-ecom-view-cart-link {
			display : inline-block;
			color : #fff;
			text-decoration : none;
			padding-left : 22px;
			background: transparent url(https://web.euissca.org/external/wcpages/images/cart-icon.png) left bottom no-repeat;
			line-height : 1;
		}
		.wc-ecom-view-cart-quantity-0 .wc-ecom-view-cart-link {
			background-image: url(https://web.euissca.org/external/wcpages/images/cart-icon-empty.png);
		}

/* form related styles */
.wl-fieldset {
    margin: 0 0 1em 0;
    padding: 0;
    border: 0;
}

.wl-legend {
    display: none;
    margin: 0;
    padding: 0;
}

.wl-form-field {
    margin: 0 0 0.5em 0;
}

    .wl-form-field .wl-label {
        display: block;
    }

    .wl-form-field input[type=text],
    .wl-form-field input[type=email],
    .wl-form-field input[type=tel],
    .wl-form-field input[type=url],
    .wl-form-field select,
    .wl-form-field textarea {
        width: 100%;
        max-width: 330px;
        font-size: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wl-form-field .wl-form-field {
        margin-left: 150px;
    }
    
    .wl-form-field.wl-address1-field,
    .wl-form-field.wl-address2-field,
    .wl-form-field.wl-additional-address1-field,
    .wl-form-field.wl-additional-address2-field {
        margin-bottom: 0.3em;
    }

    .wl-form-field.wl-city-field,
    .wl-form-field.wl-state-field,
    .wl-form-field.wl-zip-field,
    .wl-form-field.wl-additional-city-field,
    .wl-form-field.wl-additional-state-field,
    .wl-form-field.wl-additional-zip-field {
        float: left;
        margin-right: 2px;
    }

    .wl-form-field.wl-city-field,
    .wl-form-field.wl-state-field,
    .wl-form-field.wl-zip-field,
    .wl-form-field.wl-zipext-field,
    .wl-form-field.wl-additional-city-field,
    .wl-form-field.wl-additional-state-field,
    .wl-form-field.wl-additional-zip-field,
    .wl-form-field.wl-additional-zipext-field {
        max-width: 80px;
    }

    .wl-form-field.wl-zipext-field,
    .wl-form-field.wl-additional-zipext-field {
        overflow: hidden;
    }

    .wl-form-field.wl-address2-field .wl-label,
    .wl-form-field.wl-additional-address2-field .wl-label {
        display: none;
    }

.wl-form-field-description {
    
}

.wl-message {
    display: block;
}

.wl-dirty-flag,
.wl-error,
.wl-missing,
.wl-invalid {
    color: #cc0000;
}

/* profile update */
.wl-profile-update-container select,
.wl-form-field textarea {
    font-size: 100%;
}
.wl-weblink-widget.wl-weblink-widget.wl-profile-update-form {
    font-size: 12px;
    line-height: 1.2;
    font-weight: normal;
    text-shadow: none;
    text-decoration: none;
}
.wl-profile-update-related.wl-profile-update-related {
}

.wl-listing-controls { }

.wl-listing {
    margin: 8px 0;
    -moz-transition: background 0.3s ease-out, opacity 0.3s ease-out;
    -o-transition: background 0.3s ease-out, opacity 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out, opacity 0.3s ease-out;
    transition: background 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 1;
    background: transparent;
}
.wl-listing.wl-state-added {
}

.wl-listing.wl-row-odd {
    margin : 8px -8px;
    padding : 8px;
    background: #eee;
}

.wl-listing.wl-state-removed {
    margin : 8px -8px;
    padding : 8px;
    background: #ddd;
    color: #444;
    opacity: 0.85;
}

div.wl-property-housing-category-other-value-field {
    margin-left : 24px;
}

.wl-social-media-field { margin : 1em 0; }

.wl-additional-address-set { margin: 1em 0; }

.wl-affiliation-type-section { margin-bottom: 2em; }
.wl-fieldset-section-title.wl-affiliation-type { margin-bottom: 0.2em; }
.wl-affiliations-half-col { max-width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; }
.wl-affiliations-third-col { max-width: 33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2em; }

/* profile update tabs */
.wl-tabs-container::after {
    content: ' ';
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.wl-tabs {
    float: left;
    width: 150px;
    padding: 4px 0;
    background: #ddd;
}
.wl-tab {
    display: block;
    margin: 0 0 0.4em 0;
    padding: 0.3em 8px;
    cursor: pointer;
    border-left: 1px solid #ddd;
    line-height: 1.2;
}
.wl-tab-selected {
    background: #fff;
    border-right: 0;
}
.wl-tab-invalid {
    border-bottom: 1px solid red;
}
.wl-tab-content-container {
    margin-left: 170px;
    padding: 4px 18px;
}

/* profile update tabs in a window */
.wl-profuleupdateform-overlay-window {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.wl-profuleupdateform-overlay-window-body {
    position: relative;
    padding: 0 0 0 15px;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wl-profuleupdateform-overlay-window-footer {
    margin-left: 170px;
    padding: 10px 0 0 0;
}

.wl-profuleupdateform-overlay-window-body .wl-tabs {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
    padding: 10px 0 40px 0;
    height: 100%;
    z-index: 1;
}
.wl-profuleupdateform-overlay-window-body .wl-tab-content-container {
    position: absolute;
    float: none;
    top: 0;
    left: 0;
    margin-left: 0;
    padding-left: 170px;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    z-index: 0;
}

/* profile update: profile relations */
.wc-profile-update-custom-instructions {
}

.wl-profile-relations {
    margin-top: 1em;
    margin-bottom: 1em;
}

#profile-update-app .wc-alt.wc-alt.wc-alt {
    background: #e5e5e5;
}
.wl-profile-relations td.wl-profile-relation-profile,
.wl-profile-relations td.wl-profile-relation-controls {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.wl-profile-update-container .k-grid td.wl-profile-relation-controls {
    vertical-align: top;
    text-align: left;
}

.wl-pending-new-profile-relations-container:after {
    content: ' ';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
.wl-pending-new-profile-relations-container {
    margin: 1em 0;
    margin: 1rem 0;
}
.wl-pending-new-profile-relations {
    float: left;
}
.wl-pending-new-profile-relations .wl-pending-new-profile-button a {
    float: right;
}

.wl-existing-editable-profile-relations-container:after {
    content: ' ';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
.wl-existing-editable-profile-relations-container {
    margin: 1em 0;
    margin: 1rem 0;
}
.wl-existing-editable-profile-relations {
    float: left;
}
.wl-existing-editable-profile-relations .wl-pending-new-profile-button a {
    float: right;
}

.wl-profile-relation-type {
    margin-bottom: 2px;
}

.wl-profile-relation-type .wl-relation-type-field {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.wl-profile-relation-title .k-textbox {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* profileupdate kendo overrides */
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget .wl-button.k-button[disabled] {
    background: #f3f3f4;
    color: #999999;
    border-color: #cccccc;
}

/* profile update: make sure client css doesn't mess things up */
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget button,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget input,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget input[type="button"] { margin : 0 }
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget input[type="checkbox"] { padding: 0; vertical-align: middle}
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget p { display: block; margin : 1em 0; }
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget .wl-label-inline { display: inline; }
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget button,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget input[type="button"],
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget input[type="submit"],
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button:link,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button:visited,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button:hover,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button:focus,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget a.k-button:active 
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget.wl-profile-update-form input[type="submit"] { display: inline; display: inline-block; }

.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget.wl-profile-update-form button,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget.wl-profile-update-form input[type="button"],
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget.wl-profile-update-form input[type="submit"] { display: inline; display: inline-block; font-size: 12px; padding: 2px 7px; text-decoration: none; font-weight: normal; text-shadow: none; font-family: inherit; text-transform: none; height: auto; width: auto; }

/* re-iterate kendo*/
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget .k-button,
.wl-weblink-widget.wl-weblink-widget.wl-weblink-widget .k-button {
    background-color: #f3f3f4;
    border: 1px solid #dbdbde;
    color: #515967;
}

/* bootstrap like */
.wl-row::after {
    clear : both;
    display: block;
    content: '.';
    overflow:hidden;
    height: 0;
    visibility: hidden;
}

/* small devices and up */
.wl-col-sm-1  { float: left; width: 10%; }
.wl-col-sm-2  { float: left; width: 20%; }
.wl-col-sm-3  { float: left; width: 30%; }
.wl-col-sm-4  { float: left; width: 40%; }
.wl-col-sm-5  { float: left; width: 50%; }
.wl-col-sm-6  { float: left; width: 60%; }
.wl-col-sm-7  { float: left; width: 70%; }
.wl-col-sm-8  { float: left; width: 80%; }
.wl-col-sm-9  { float: left; width: 90%; }
.wl-col-sm-10 { float: left; width: 100%; }

/* tablets and up */
@media (min-width: 800px) {
    .wl-col-md-1  { float: left; width: 10%; }
    .wl-col-md-2  { float: left; width: 20%; }
    .wl-col-md-3  { float: left; width: 30%; }
    .wl-col-md-4  { float: left; width: 40%; }
    .wl-col-md-5  { float: left; width: 50%; }
    .wl-col-md-6  { float: left; width: 60%; }
    .wl-col-md-7  { float: left; width: 70%; }
    .wl-col-md-8  { float: left; width: 80%; }
    .wl-col-md-9  { float: left; width: 90%; }
    .wl-col-md-10 { float: left; width: 100%; }
}

/* desktops and up */
@media (min-width: 1200px) {
    .wl-col-lg-1  { float: left; width: 10%; }
    .wl-col-lg-2  { float: left; width: 20%; }
    .wl-col-lg-3  { float: left; width: 30%; }
    .wl-col-lg-4  { float: left; width: 40%; }
    .wl-col-lg-5  { float: left; width: 50%; }
    .wl-col-lg-6  { float: left; width: 60%; }
    .wl-col-lg-7  { float: left; width: 70%; }
    .wl-col-lg-8  { float: left; width: 80%; }
    .wl-col-lg-9  { float: left; width: 90%; }
    .wl-col-lg-10 { float: left; width: 100%; }
}

@media (print) {
    .wc-wc-no-print {
        display: none;
    }
}