.links_div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 78.125rem; /* 1250px / 16 */
    white-space: nowrap;
    background: #3B5998;
    border: 1px solid #999;
    border-top-right-radius: 0.3125rem; /* 5px / 16 */
    border-top-left-radius: 0.3125rem;
    box-sizing: border-box;
	color:#FFF;
	font-size:14px;
}

.links_div .ff_links {
    display: inline-block;
    padding: 0.625rem 0.9375rem; /* 10px 15px / 16 */
    transition: 0.3s;
    cursor: pointer;
}

.links_div .ff_links:hover {
    background: #2f4679;
}

.small_links_div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 78.125rem;
    white-space: nowrap;
    background: #f0f0f0;
    font-size: 0.75rem;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    box-sizing: border-box; /* Fixes extra width issue */
}


.small_links_div .ff_links {
    display: inline-block;
    padding: 0.3125rem 0.9375rem; /* 5px 15px / 16 */
    transition: 0.3s;
    cursor: pointer;
}

.small_links_div .ff_links:hover {
    background: #E5E5E5;
    color: #333;
}

.download_xml,
.new_customer,
.case_id {
    display: inline-block;
    margin-left: 0.9375rem; /* 15px / 16 */
    font-size: 1rem; /* 16px / 16 */
}

.tab_links_loading {
    display: inline-block;
    margin-right: 0.9375rem;
}

.prev,
.next {
    font-size: 1.125rem; /* 18px / 16 */
    padding: 0.625rem 0.3125rem; /* 10px 5px / 16 */
    cursor: pointer;
}

.new_customer {
    font-size: 0.75rem; /* 12px / 16 */
    background: #e62929;
    color: #FFF;
    font-weight: bold;
    padding: 0.3125rem 0.625rem; /* 5px 10px / 16 */
    border-radius: 0.3125rem;
}

.new_customer:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.80);
}

.download_xml:hover {
    cursor: pointer;
    border-bottom: 0.125rem solid #999; /* 2px / 16 */
}

#account_main_div label {
    width: 6.875rem; /* 110px / 16 */
    display: inline-block;
    text-align: right;
    padding-right: 0.625rem; /* 10px / 16 */
	margin-bottom:2px;
}
#account_main_div input, #account_main_div select{
	margin-bottom:2px;
}

.account_left,
.account_right {
    font-size: 0.75rem; /* 12px / 16 */
}

#account_main_div {
    display: flex;
    align-items: flex-start;
    width: 78.125rem; /* 1250px / 16 */
    gap: 1.25rem; /* 20px / 16 */
    padding: 1.25rem;
}

.account_left {
    display: inline-block;
    width: 38.75rem; /* 620px / 16 */
    vertical-align: top;
}

.account_right {
    display: inline-block;
    width: 36.25rem; /* 580px / 16 */
    vertical-align: top;
}

/* Gender div styling */
.gender_div {
    display: inline-block;
    width: 10rem; /* 160px / 16 */
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.account_info .gender_div label {
    display: inline-block;
    width: 4.0625rem !important; /* 65px / 16 */
    text-align: left;
    white-space: nowrap;
}




.account_info .activity_history,
.account_info .sales_history {
    width: 33.5rem; /* 536px / 16 */
    height: 12.75rem; /* 204px / 16 */
    border: 0.077em inset #FFF;
    background-color: #FFF;
    overflow: auto;
    padding: 0.3125rem; /* 5px / 16 */
    text-align: left;
    font-size: 0.75rem; /* 12px / 16 */
    color: #333;
}

.account_info .note_history {
    width: 33.125rem; /* 530px / 16 */
    height: 15.1875rem; /* 243px / 16 */
    border: 0.077em inset #FFF;
    background-color: #FFF;
    overflow: auto;
    padding: 0.3125rem;
    text-align: left;
    font-size: 0.75rem;
    color: #333;
}

.account_info .note_history_large {
    width: 98%;
    height: 37.5rem; /* 600px / 16 */
    border: 0.077em inset #FFF;
    background-color: #FFF;
    overflow: auto;
    padding: 0.3125rem;
    text-align: left;
    font-size: 0.875rem; /* 14px / 16 */
    color: #333;
}

.account_info .note_history_large table td {
    padding: 0.625rem 0.3125rem; /* 10px 5px / 16 */
}

.account_info .note_history_large table td:first-child {
    width: 5.625rem; /* 90px / 16 */
}

.account_info .edit_note_history {
    width: 27.1875rem; /* 435px / 16 */
    height: 7.5rem; /* 120px / 16 */
    border: 0.077em inset #FFF;
    background-color: #FFF;
    overflow: auto;
    padding: 0.25em;
    text-align: left;
}

.account_info .note_history td {
    padding: 0.3125rem 0;
    vertical-align: top;
}

.account_info .note_history td:first-child {
    width: 4.6875rem; /* 75px / 16 */
}

.account_info .note_history input {
    padding: 0;
    margin: 0;
}

.account_info .note_history tr:nth-child(even) {
    background-color: #FFF;
}

.account_info .note_history tr:nth-child(odd) {
    background-color: #F1F1F1;
}

.note_history_large {
    background-color: white;
    padding: 0.9375rem; /* 15px / 16 */
    border: 0.0625rem solid black; /* 1px / 16 */
}





	.account_info .activity_history td,
	.account_info .sales_history td {
		padding: 0.3125rem 0; /* 5px / 16 = 0.3125rem */
		vertical-align: top;
	}
	
	.account_info .activity_history td:first-child,
	.account_info .sales_history td:first-child {
		width: 4.6875rem; /* 75px / 16 = 4.6875rem */
	}
	
	.account_info .activity_history .activity_header,
	.account_info .sales_history .activity_header {
		padding: 0;
		background-color: #F1F1F1;
		font-weight: bold;
		border-bottom: 0.1875rem solid #FFF; /* 3px / 16 = 0.1875rem */
	}
	
	.datepicker {
		background: url(../images/date-icon.png) no-repeat right;
		background-color: white;
	}
	
	.account_info input[name="note[0]"] {
		width: 34.0625rem; /* 545px / 16 = 34.0625rem */
		padding-right: 1.5625rem !important; /* 25px / 16 = 1.5625rem */
		background: url(../images/add_comment.png) no-repeat right;
		background-color: white;
	}
	


	
	.account_info .form_btm_btns input {
		font-size: 0.625rem; /* 10px / 16 = 0.625rem */
		width: 5.9375rem; /* 95px / 16 = 5.9375rem */
		padding: 0.3125rem; /* 5px / 16 = 0.3125rem */
		text-align: center;
		border: 0.0625rem solid #333; /* 1px / 16 = 0.0625rem */
		margin-bottom: 0.3125rem; /* 5px / 16 = 0.3125rem */
	}
	
	.account_info .form_btm_btns input:hover {
		background-color: #999;
	}
	
	.account_info .form_btm_btns p {
		font-size: 0.75rem; /* 12px / 16 = 0.75rem */
		margin-top: 0.375rem; /* 6px / 16 = 0.375rem */
		width: 7.1875rem; /* 115px / 16 = 7.1875rem */
		padding-bottom: 0.1875rem; /* 3px / 16 = 0.1875rem */
		font-weight: bold;
	}
	


	#xdate_div {
		display: flex;
		flex-wrap: wrap; /* Ensures responsiveness */
		gap: 1.25rem; /* 20px / 16 */
	}
	
	.xdate_left {
		flex: 1; /* Ensures both divs take equal width */
		min-width: 18.75rem; /* 300px / 16 */
	}
	
	.xdate_left table {
		width: 100%; /* Ensures tables take full width of their container */
	}
	
	.xdate_left table td {
		padding: 0.3125rem; /* 5px / 16 */
	}
	
	.xdate_left input[type="text"], 
	.xdate_left select {
		width: 6.875rem; /* 110px / 16 */
		box-sizing: border-box; /* Ensures padding is included in the width */
		padding: 0.375rem; /* 6px / 16 */
	}
    

    #log_result_div {
        padding: 5px;  /* Optional, to create some spacing around the content */
        width: 100%;  /* Ensure the div takes up 100% of the available width */
        overflow: hidden; /* Prevents overflow */
    }

    #result_form{
		font-size:12px;
		text-align:left;
		width:1180px;
	}
	#result_form input{
		width:88px;
		padding:5px;
		margin:2px;
	}
	#result_form select{
		width:88px !important;
		padding:5px;
		margin:2px;
	}
	#result_form option{
		padding:0px 5px 0px 5px;
	}
	#result_form select.result_date{
		width:87px;
		margin:2px;
	}
    #add_row {
        background-color: #a0a0a0; /* Light brown */
        color: #ffffff; /* White text for contrast */
        border: 1px solid #8b8b8b; /* Slightly darker brown border */
        padding: 4px 4px; /* Reduced horizontal padding to make the button shorter */
        font-size: 12px; /* Larger text size */
        font-weight: bold; /* Make the text bold */
        line-height: 1.2; /* Ensure text is vertically centered */
        cursor: pointer;
        transition: background-color 0.3s ease, transform 0.2s ease;
        border-radius: 0; /* No rounded corners */
        white-space: nowrap; /* Prevent text wrapping */
        text-align: center; /* Center the text */
    }
    
    #add_row:hover {
        background-color: #8b8b8b; /* Slightly darker brown for hover effect */
    }
    
    #log_result {
        background-color: #8DAE83; /* Light unsaturated green */
        color: #ffffff; /* White text for contrast */
        border: 1px solid #7A9F75; /* Slightly darker green border */
        padding: 4px 4px; /* Reduced horizontal padding to make the button shorter */
        font-size: 12px; /* Larger text size */
        font-weight: bold; /* Make the text bold */
        line-height: 1.2; /* Ensure text is vertically centered */
        cursor: pointer;
        transition: background-color 0.3s ease, transform 0.2s ease;
        border-radius: 0; /* No rounded corners */
        white-space: nowrap; /* Prevent text wrapping */
        text-align: center; /* Center the text */
    }
    
    #log_result:hover {
        background-color: #7A9F75; /* Slightly darker green for hover effect */

    }
    
    
	.gold_prospect {
        background-color:#FFFBE8;
    }
    .from_file{
        background-color: #FFE6E6;
    }
    .fieldset-checked {
        background-color: rgb(178, 202, 231); /* Slightly darker blue than rgb(193, 215, 236) */
    }