@media only screen and (max-width: 800px) {  
    /* Force table to not be like tables anymore */
	.instanda-table-responsive table, 
	.instanda-table-responsive thead, 
	.instanda-table-responsive tbody, 
	.instanda-table-responsive th, 
	.instanda-table-responsive td, 
	.instanda-table-responsive tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.instanda-table-responsive th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.instanda-table-responsive tr {
        border: 1px solid #ccc;
	}
 
	.instanda-table-responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
		white-space: normal;
		text-align:left;
	}
 
	.instanda-table-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.instanda-table-responsive td:before {
        content: attr(data-title);
	}    
}

.instanda-review-referrals-buttons {
    margin-bottom: 15px
}

/* Document Upload questions */
.instanda-file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.instanda-file-input-label-btn {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
}

.instanda-file-input-selected {
    opacity: 0.75;
    margin: 3px;
}

.instanda-document-upload-remove-btn {
    cursor: pointer;
}

.instanda-bambora-iframe iframe {
    width: 100%;
    height: 450px;
    border: none
}

/* Document Upload questions - end */

/* Agent Dashboard - START */

table.agentDashboardTable #statusIcon.declined {
    color: red;
}

table.agentDashboardTable #statusIcon.pending {
    color: gray;
}

table.agentDashboardTable #statusIcon.quoted {
    color: #04a504;
}

table.agentDashboardTable #statusIcon.referred {
    color: orange;
}
/* Agent Dashboard - END */

/* Referral Review page - START */

.quote-referral-item{
    margin-bottom: 20px;
}
/* Referral Review page - END */

#download-button-container {
    margin-top: 20px;
}

/*
   This should be added automatically to the inline styling of the bootstrap datetimepicker
   but Jquery 3 has a bug that prevents this happening so we must add it manually
*/
.bootstrap-datetimepicker-widget {
    display: block;
}

.modal-title {
    float: left;
}

/* set maximun height for typeahed dropdown autocomplete*/
.twitter-typeahead .tt-menu {
    max-height:260px;
}

.spinner-small {
    display: inline-block;
    vertical-align: bottom;
    width: 25px;
    height: 25px;
    background: url(spinner.svg) no-repeat;
    background-size: contain;
}

.page-link:hover:not(:disabled) {
    cursor: pointer;
    text-decoration: none;
}

.page-item.active,
.page-link.disabled {
    cursor: auto;
    pointer-events: none;
}

.quote-search-results-content .pagination {
    margin-bottom: 0;
    margin-top: 0;
}

.quote-search-results-refresh {
    z-index: 1000;
}

.quote-search-results-table-loader {
    position: absolute;
    left: 50%;
    top: 50%;
}

.quote-search-results-table-loader-overlay {
    cursor: wait;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.on-button-spinner {
    margin-top: 10px;
    margin-bottom: -10px;
}

.draft-chip.badge {
    background-color: #ffc107;
    color: white;
}

.validation-error {
    border-left: 4px solid #d9534f;
    padding-left: 3px;
}