/* style overrides to use when views are intended to be loaded inside an iframe */
html {
    background: transparent;
}

body {
    background: transparent;
    padding: 4%;
    /*overflow: hidden;*/ /* to help with hiding scrollbars on parent frame (not really needed??) */
    /*overflow-y: hidden;*/ /* to help with hiding scrollbars on parent frame (not really needed??)*/
}

img.logo {
    max-width:100%;
}

.form-group select.ampYYYY{width:75px;}
.ampDocList {list-style-type:none; padding-left:5px;}

#searchSuppliers .ampSupplierCategoriesList li {
    list-style-type:none;
    margin-top: 8px;
}

#searchSuppliers .ampSupplierCategoriesList .ampSupplierSubCategoriesList {
    padding-left: 15px;
}

#searchSuppliers .ampSupplierCategoriesList .ampSupplierSubCategoriesList li i.fa-li {
    color: #ccc;
}

#searchSuppliers .ampSupplierLogo,
#suppliersSearchResults .ampSupplierLogo{
    width:100%;
}

#searchSuppliers .ampResultsRow,
#suppliersSearchResults .ampResultsRow  {
    margin-bottom:10px;
}

#searchSuppliers .ampSearchSuppliersResults h1,
#suppliersSearchResults .ampSearchSuppliersResults h1{
    margin-bottom:20px;
}

#searchSuppliers input, #searchSuppliers select,
#suppliersSearchResults input, #suppliersSearchResults select{
    padding:4px;
}

.tooltip-inner {
    max-width: none;
    text-align: left;
    white-space:pre;
    /* If max-width does not work, try using width instead */
}