/* BIOGEN BRAND CSS 

main: #294f6e
alternate: #7d91a2
background: #e6eef6

*/

/* default link color */

/*Code Start By Anuj */
.DownArrowOrientationResources {
background-image:url("images/arrowDown.png");
background-position: center, top center, top right;
background-repeat: no-repeat;
background-size:20px 40px;
}

.UPArrowOrientationResources  {
background-image:url("images/arrowUP.png");
background-position: center, top center, top right;
background-repeat: no-repeat;
background-size:20px 40px;
}



.UPArrowOrientationMiddleResources 
{
    background-image:url("images/arrowUP.png");
    background-position : center, top center, top right;
    background-repeat: no-repeat;
    background-size:20px 40px;
    }
.DownArrowOrientationMiddleResources 
{
    background-image:url("images/arrowDown.png");
    background-position : center, top center, top right;
    background-repeat: no-repeat;
    background-size:20px 40px;
    }

/*Code End By Anuj */




/*Code Start By Anuj */
.DownArrowOrientation {
background-image:url("images/arrowDown.png");
background-position: center, top center, top right;
background-repeat: no-repeat;
background-size:20px 40px;
}

.UPArrowOrientation {
background-image:url("images/arrowUP.png");
background-position: center, top center, top right;
background-repeat: no-repeat;
background-size:20px 40px;
}

.UPArrowOrientationMiddle
{
    background-image:url("images/arrowUP.png");
    background-position : center, top center, top right;
    background-repeat: no-repeat;
    background-size:20px 40px;
    }
.DownArrowOrientationMiddle
{
    background-image:url("images/arrowDown.png");
    background-position : center, top center, top right;
    background-repeat: no-repeat;
    background-size:20px 40px;
    }

/*Code End By Anuj */

input:focus, textarea:focus {
	border-color: #294f6e;
}

a {
	color: #003b71;
}

/* button themes */

.btn, .presBtnGroup .presBtn {
	background:#BE2BBB;
}

.whiteBtn,   .presentationActions a.launchTraining, .presentationActions a.editPresentation, .presentationActions a.reviewTraining, .presentationDownloads .downloadBtn, .addMultiSlides, .slideDetail .addSlide, .slideDetail .zoomSlide, .fileOptions .downloadBtn, .fileOptions .btnDeletePresentation, .fileOptions .btnDelete3, .preference-row .btn, #quickLinks .btn-full, #categoryMenu .btnCancel, .allSlides .btnCancel, #alerts-panel #btnAttentionGo, #alerts-panel #btnInvoiceGo,#brandMenu .btnCancel{
	color: #fff;
}

.presentationActions a.viewSlides, .presentationActions a.editSlides
{
	color: #000;
}

/* icons */

.btnDelete, .deleteSubcategoryBtn, .btnDeleteBrand{
	background-image: url('images/general-circle-icons-sprite.png');
}

.btnDeleteSubsetRule{
	background-image: url('images/general-circle-icons-sprite.png');
}

.header-profile, .header-faq, .filterWrapper nav:before {
	background-image: url('images/general-icons-sprite.png');
}

#editMyPresentationForm .fileOptions .btnDeletePresentation span {
  background: url('images/speaker-presentations-sprite.png') no-repeat 0 -24px;
}

#speakerPresentationsView .addSlide{
	background-image: url('images/btnAdd.png');
}

.ui-datepicker-trigger {
	background-image: url('images/calendar-ico.png');
}

/* headings */

#presentationsWrapper h2, #speakerPresentations h2, #brandPage h2, #currentPresentation h2, #myPresentationsEdit h2, #reportsTop h2, #presentationFilter, .table-speaker-agreements caption, #profile-training caption, .information-group h3, .information-group.opened h3, #quick-links h2, #quickLinks h5,#presentationFilter_2 {
	color:#333333;
}
/* Fix for 42300 */
#quick-links h2
{
	padding-left: 7px;
		color:#333333;
}
/* page layout themes */

header {
	/* background:  #385b85 url(../../Images/bgnew.jpg) 0px 0px repeat-y; */
	border-bottom: 7px solid #BE2BBB;
	background: #FFFFFF;
}

.header-top .logo a {
	background: url('images/BMSlogo.png') no-repeat;
}

/* main nav active state */

.main-nav ul li a.active {
	background: #BE2BBB;
}


.main-nav li#profileMenu ul li a.active{
	color:#7d91a2;
}

/* modal headers */

.simplemodal-wrap h2 {
	color: #7d91a2;
}

/* footer */

footer {
	    background-color: #F6F4F3;
		border-top: 1px solid #bcbcbc;
}

/* login pages */

#loginForm {
	/* border:1px solid #294f6e; */
	background: #BE2BBB;
}

#loginForm .heading{
	background: #BE2BBB;
}
#loginBtn {
    box-shadow: unset;
}
#backToLogin{
	background:url('images/btnBack.png') no-repeat 0 1px;
}

/* filter menu */

.filterWrapper {
	background:#fff;
}

.filterWrapper > nav > ul li a.active{
	color:#7d91a2;
}

/* tab containers */

.tabsWrapper{
	background:#f7f7f7;
	border:1px solid #e2e2e2;
}

.nav-tabs ul li a{
	background: #e6eef6;
	border:1px solid #e2e2e2;
}

.nav-tabs ul li a.active{
	color:#7d91a2;
}

/* arrows */

#sortableContainer ul li a.arrowSort, #addPresentationForm .descr.validate:after, #addPresentationForm .uploader.validate .actionsWrapper:after, #quickLinks .btn-full .indicator, #event-details.ui-accordion .ui-accordion-header .ui-accordion-header-icon, .calendarWrapper a.yearBtn, .calendarWrapper .ui-datepicker .ui-datepicker-prev, .calendarWrapper .ui-datepicker .ui-datepicker-next, .profile-details-accordion .arrow, .information-group .arrow, .sortableContainer ul li a.arrowSort {
	background-image:url(images/general-arrows-sprite.png);
}

.showTopics span.arrow, .hideTopics span.arrow, #presentationFilter .categoryArrow, #myPresentationsEdit .categoryArrow, #currentPresentation .categoryArrow {
	background-image:url(images/general-arrows-sprite-alt.png);
}

/* Core Presentation Page */

input.presentationSearch {
	color: #7d91a2;
	background: #FFF url('images/searchbar.png') no-repeat 1.5% center;
	
}

input.presentationSearch::-webkit-input-placeholder {
	color:#7d91a2;
}
input.presentationSearch::-moz-placeholder {
	color:#7d91a2;
}

input.presentationSearch:-ms-input-placeholder {
	color:#7d91a2;
}

#usersSearch::-webkit-input-placeholder {
	color:#7d91a2;
}

#usersSearch::-moz-placeholder {
	color:#7d91a2;
}

#usersSearch:-ms-input-placeholder {
	color:#7d91a2;
}

.presentationImage p {
	background:#294f6e;
}

.presentationDesc h4{
	/*color:#294f6e;*/
	color: #7d91a2;
}

.presentationStats .viewStats{
	background: url("images/viewStats.png") no-repeat scroll right center transparent;
}

.presentationActions a span{
	background: url('images/presentation-detail-sprite.png') no-repeat 0 0;
}

.presentationStatView {
	background: url('images/presentationStatView_short.png') no-repeat;
}

/* add presentations form */

#addPresentationForm #downloadPPS span, #addPresentationForm .btnDelete3 span, #speakerPresentationsView .downloadBtn span, #editMyPresentationForm .fileOptions .downloadBtn span{
	background-image: url('images/speaker-presentations-sprite.png');
}

#topBar .backBtn{
	background: url('images/btnBack.png') no-repeat 10px center;
}

#addPresentationForm .descr {
	color:#7d91a2; 
}

/* Category and all slides popup */

#categoryMenu, #seeAllMenu, #speakerShowSuperGroup,#brandMenu {
	background:#294f6e;
}

#categoryMenu .categoryArrow {
	background: url('images/category-menu-arrow.png') no-repeat;
}

#showSuperGroupArrow {
	background: url('images/showSuperGroup.png') no-repeat;
}

#seeAllMenu .seeAllArrow {
	background: url('images/seeAllMenu.png') no-repeat;
}

/* Slides */

#slidesWrapper h2 {
	color:#7d91a2;
}

#slidesWrapper > ul > li {
	color:#7d91a2;
}

#slidesWrapper ul.groupChain li {
	background: url("images/supergroupLink.png") no-repeat scroll left transparent;
}

.slide .lock {
	background: url('images/slide-lock.png') no-repeat;
}

.slide .titleSlide{
	background:#294f6e;
}

.slide.active {
	border: 3px solid #294f6e;
}

.slide .slide-edit {
	background: url('images/slide-edit.png') no-repeat center bottom;
	color: #fff;
}

.slide .slideCheckbox span {
	background: url('images/slideCheckbox.png') no-repeat top left;
}

.slide .actions > a.active {
	background-color: #294f6e;
}

#slidesWrapper .groupLength {
	background: #7d91a2;
}

/* Presentation Edit Page */

.presentationsSidebar .slide-count {
	background: #294f6e;
}

#partSupergroup li {
	background: url('images/supergroupLink.png') no-repeat center 2px;
}

/* Supergroups */

.supergroups label {
	background: #e6eef6;
}

.supergroups li {
	background: #294f6e;
}

/*
 * Add to supergroup
 */

.supergroups h4, .supergroups label {
	color: #294f6e;
}

/* View all supergroups */

.viewAllSuper .group {
	background: #e6eef6;
	color: #294f6e;
}

.viewAllSuper .group h4 {
	color:#294f6e;
}

.viewAllSuper .group a {
	color: #294f6e;
}

/* Speaker view */

.addMultiSlides span{
	background:url('images/speaker-presentations-sprite.png') no-repeat 0 0;
}

#speakerSidebar.delete #browseCorePresentations, #browseCorePresentations {
	background: url('images/btnBack.png') no-repeat 15px 19px;
}

#slideArrow {
	background:url('images/slide-delete-arrow.png') no-repeat;
}

/* Slide Detail Modal */

.slideDetail .addSlide span, .slideDetail .zoomSlide span{
	background:url('images/speaker-presentations-sprite.png') no-repeat 0 -55px;
}

.slideDetail .toggleSlide {
	background-image: url('../../images/btnSlideToggle.png');
}

/* Speaker dashboard page */

#alerts-panel{
	background:#F0EFEA;
}

#quick-links a.blockBtn span, #brand-selection .btnLaunchTraining span{
	background-image: url('images/speaker-dashboard-sprite.png');
	color:#294f6e;
}

#quick-links a.blockBtn, #brand-selection .btnLaunchTraining {
	background: #fff;
	color:#000;
}

/* Event Details modal */

#eventDetail #goToCalendar:after{
	background-image:url('images/general-arrows-sprite.png');
}

/* Calendars */

/* = Speaker Calendar
-----------------------------------------------------------------------------*/

#dashboardCalendar{
	background:#F0EFEA;
}

.calendarWrapper .ui-datepicker-multi-3.ui-datepicker .ui-datepicker-prev, .calendarWrapper .ui-datepicker-multi-3.ui-datepicker .ui-datepicker-next{
	background-image:url('images/calendar-month-btns-sprite.png');
}

.calendarWrapper .ui-datepicker .ui-datepicker-title{
	color:#000000;
}

.calendarWrapper .ui-datepicker td.highlight a {
	background: #BE2BBB;
}

#speakerCalendarRow {
	background:#e6eef6;
}

/* return to agreement */

#returnToAgreement{
	background:url('images/btnBack.png') no-repeat 0 6px;
}

/* Speaker profile profile */

#profile-photo .edit {
	color:#ffffff;
}

.contact-information .btnEditAddress, .profile-details-edit, .additional-contact-information .btnEditAdditionalContactInformation {
	color:#4f5d6c;
}

.preference-row .active, .preference-row .select-all {
	background:#003b71;
	border-color: #003b71;
}

#profile-preferences form ul > li label span:after {
	background-image: url('images/general-circle-icons-sprite.png');
}

/* profile page modal styles */

.detail-select {
	background: url("images/selectCheck.png") no-repeat 100% -33px;
}
.detail-select.active {
	background: url("images/selectCheck.png") no-repeat 100% 12px;
}

/* search */

#usersSearch {
  	background-image:url("images/searchbar.png");
	color: #7d91a2;
}

/* Download button in Core Presentations */
.presentationActions a.viewSlides.downloadFile span
{
    background-image: url('images/speaker-presentations-sprite.png');
    background-position: 0 -38px;
    height: 15px;
    margin-left: 8px;
}

.slide .dropArea 
{
    border: 1px dashed #294f6e;
}

.sbHolder:focus {
	border-color: #294f6e;
}

.autosave,.videoDuration 
{
    color: #7d91a2;
}

/* Speaker Portal 2.3 Implementation  - START  */

a.quickDownload
{
        color: #005DE5 !important;
}

label.downloadHeader
{
   color: #666666;
}

div.downloadSeparator
{

    border-color:#7d91a2 !important;

}

 .adminSlidesContainer .adminAddSlide
{
    background-image: url('images/btnAdd.png');
}

/* Speaker Portal 2.3 Implementation  - END  */
.descrtext
{
    color: #7d91a2;
}

.dialog-main{box-shadow: 1px 1px 3px rgba(0,0,0,0.25) ! important;background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important;}
 #dialogContainer #dialog .ui-dialog-titlebar {
    background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important;
    color: #58bd1c;
   }
   #dialog .progress-label{color:#294f6e !important;font-family: Helvetica;font-size: 0.9333em;}
   .dialog-main .ui-dialog-titlebar{ background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%) !important;
    color: #7d91a2 !important;font-family: Helvetica;background: #e6eef6 !important;}
   .dialog-main .button
   {
       display: block;
    width: 100%;
    padding: 5px 0;
    font-size: 13px;
    background: #f0f0f0 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
    border: 1px solid #fff;
    border: 1px solid #cdcdcd;
    text-decoration: none;
    white-space: nowrap;
    font-family: Helvetica;
    text-align: left;
    font-weight: bold;
    color: #7d91a2;
    outline:none;
       
       }
	   
	   
	/*MNK Phase II Theme wise changes css*/
    .sub-present-text
	{
        font-size: 24px;
        width: 50%;
        display: inline-block;
        color: #7d91a2;
    }
	.slide .dropAreaBefore1.SubsetPresentationDropArea
	{
		border: 1px dashed #294f6e;
		
	}
	.slide .dropArea.SubsetPresentationDropArea
	{
		border: 1px dashed #294f6e;
		
	}

.btnDeleteDataSetRule{
	background-image: url('images/general-circle-icons-sprite.png');
}
/*Code By Anuj*/
#facilitator
{
    background-image: url('images/speaker-presentations-sprite.png') !important;
    background-position: 0 -38px !important;
    height: 15px !important;
    margin-left: 5px !important;
    margin-right: -4px;
}
a.quickDownloadwithTitleonly
{
    color: #7d91a2 !important;
}

*31478 sp gaps start*/
 .announcements-content:nth-of-type(odd) { /*merck*/
            background: #e6eef6;
        }
        
		 .announcements-content:nth-of-type(even) { /*merck*/
            background: #fff;
        }
        
         #AnnData a { /*merck*/
            color: #000;
         }

/*31478 sp gaps end*/
}

#myModal label:nth-child(even){
	color:#000;
}

#myModal label:nth-child(odd){
	color:#767676;	
}

#myModal p:nth-child(even){
	color:#000;
}

#myModal p:nth-child(odd){
	color:#767676;	
}

.header-label-box{
    background-color: #BE2BBB;
}

.surveyDetails-content:nth-of-type(odd){
    background: #F0EFEA;
 }

.font-color-black{
	color:#000;

}

.searchIconClass
{
    vertical-align: middle;
    width: 15px;
    height: 20px;
    display: inline-block;
    background: url(images/searchbar.png) no-repeat top left;

}
/*Start 70993 ISP: Enabling Coordinators to Reset Speaker Passwords and Enhancing Welcome Email for Forgotten Security Questions Without PSL Support*/
#forgotresetForm .backtologin 
{
    background: url(images/btnBack.png) no-repeat 0 1px;
}
/*End 70993 ISP: Enabling Coordinators to Reset Speaker Passwords and Enhancing Welcome Email for Forgotten Security Questions Without PSL Support*/

/*Start Consolidated CSS Framework*/
.btnCommon {
	background: #BE2BBB;
}
/*End Consolidated CSS Framework*/

/* START - 84025 - Multi Material Training per  */

#trainingMaterialInnerContainer .downArrow{
	background-image: url('images/general-arrows-sprite.png');
}

#trainingMaterialInnerContainer .upArrow{
	background-image: url('images/general-arrows-sprite.png');
}

.addBtn{
	background-image: url('images/general-circle-icons-sprite.png');
}

.RequiredTopicTrainingContainer .card li::before {
    content: "■";
    color: #BE2BBB;
}

.card-border {
    border: 1px solid #BE2BBB;
}

/* END - 84025 - Multi Material Training per  */


/* Start - 87391 - New SIF CIF workflow */
/*Start TOUC-1083 - CV Card – Modal Properties*/
#CVUploadButton {
    border: 1px solid #BE2BBB !important;
    background-color: transparent !important;
    color: #BE2BBB !important;
}

.CVCardDocumentIcon {
    background-color: #BE2BBB;
}
/*End TOUC-1083 - CV Card – Modal Properties*/
/* END - 87391 - New SIF CIF workflow */

/*START - 88436 BMS - This changes added for the Speaker Portal - Expense Module Responsive UI Changes*/
/*responsieve themes classes*/
:root {
	--brand-color: #BE2BBB; /* text color */
	--bs-link-color: #BE2BBB !important;
	--brand-background-color: #BE2BBB; /* background color */
	--brand-border: 1px solid var(--brand-color);
	--brand-box-shadow: #BE2BBB55;
	--brand-header-text-color: #BE2BBB;
}

.expenseEventDateCell {
	width: 15%;
	background-color: #fff;
	text-align: center;
	color: var(--brand-color);
	border: 1px solid #99999959 !important;
	border-right: 0 !important;
	padding: 4px;
	vertical-align: middle;
}

	.expenseEventDateCell > div {
		margin: 7px 0px 7px 0;
	}

.btnboxedcell {
	align-items: center;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: .25rem;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	box-sizing: border-box;
	color: var(--brand-color);
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	justify-content: center;
	line-height: 1.25;
	margin: 0;
	min-height: 1rem;
	padding: 3px 7px;
	position: relative;
	text-decoration: none;
	transition: all 250ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: baseline;
	width: auto;
}

	.btnboxedcell:hover,
	.btnboxedcell:focus {
		border-color: var(--brand-color);
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
		color: #FFF;
		background-color: var(--brand-background-color);
	}

	.btnboxedcell:hover {
		transform: translateY(-1px);
	}

	.btnboxedcell:active {
		background-color: #F0F0F1;
		border-color: var(--brand-color);
		box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
		color: rgba(0, 0, 0, 0.65);
		transform: translateY(0);
	}

.ExpenseEventTable .ExpenseEventBtnHolderCell {
	padding: 0 6px;
	width: 22%;
	border: 1px solid #99999959;
	border-left: 0;
	vertical-align: middle;
	background-color: #fff;
	padding-right: 10px;
}

	.ExpenseEventTable .ExpenseEventBtnHolderCell .btn {
		width: 78px;
		padding: 0 16px;
	}

.webGridSPEvents {
	margin: 4px 4px 4px 9px;
	border: 1px solid #99999959;
	border-top: 0px;
	background-color: #fff;
	width: 750px;
	font-size: 12px;
}

.ExpenseEventTable {
	padding: 6px 10px;
	font-size: 14px;
	margin-bottom: 12px;
	width: 100% !important;
	border-collapse: separate;
	border-spacing: 0px 15px;
	margin: 0 0 20px 0 !important;
}

.ExpenseEventDetailsCell {
	width: 60%;
	color: #1B1B1B;
	background-color: #fff;
	border: 1px solid #99999959 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	font-size: 12px;
	padding: 9px;
	font-family: Helvetica;
}

	.ExpenseEventDetailsCell > div {
		margin-bottom: 0px;
	}

.expense-welcome-txt {
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: 600;
	float: right;
	padding: 0 0 0 10px;
}

.expense-logout-txt, .expense-logout-txt a:link, .expense-logout-txt:hover, .expense-logout-txt:active, .expense-logout-txt:visited {
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.expense-event-maintitle-txt {
	color: var(--brand-color);
	text-align: start;
	font-size: 1.2rem;
	font-weight: 500;
}

.expense-grand-total-txt {
	color: var(--brand-color);
	font-size: 1.2rem;
	font-weight: 500;
}

.expense-overview-submit-button {
	background-color: var(--brand-background-color);
	color: #fff;
	font-size: 1rem;
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 500;
	border: var(--brand-border);
}

	.expense-overview-submit-button:hover {
		color: #fff;
		background-color: var(--brand-background-color);
		border: var(--brand-border);
	}

.expense-overview-card-container {
	align-items: center;
	background-color: #FFFFFF;
	border: var(--brand-border);
	border-radius: .25rem;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	box-sizing: border-box;
	color: var(--brand-color);
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	justify-content: center;
	line-height: 1.25;
	margin: 0;
	min-height: 1rem;
	padding: 7px;
	position: relative;
	text-decoration: none;
	transition: all 250ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: baseline;
	width: auto;
}

	.expense-overview-card-container:hover,
	.expense-overview-card-container:focus {
		border: var(--brand-border);
		box-shadow: var(--brand-box-shadow) 2px 2px 6px 1px;
		color: var(--brand-color);
	}

	.expense-overview-card-container:hover {
		transform: translateY(-1px);
	}

	.expense-overview-card-container:active {
		background-color: #F0F0F1;
		border: var(--brand-border);
		box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
		color: var(--brand-color);
		transform: translateY(0);
	}

.expense-overview-add-button {
	color: var(--brand-color);
	border: var(--brand-border);
	border-radius: 3px;
	font-weight: 500;
	text-decoration: none;
	width: 50px
}

	.expense-overview-add-button:hover, .expense-overview-add-button:active {
		color: #fff;
		border: var(--brand-border);
		background-color: var(--brand-background-color);
		text-decoration: none
	}

.btn-outline-primary-expense-savenew {
	color: var(--brand-color);
	border: var(--brand-border);
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
}

	.btn-outline-primary-expense-savenew:hover, .btn-outline-primary-expense-savenew:active {
		color: #fff;
		border: var(--brand-border);
		background-color: var(--brand-background-color);
		text-decoration: none
	}

.btn-outline-primary-expense-cancel {
	color: #636363;
	border: #bcbcbc 1px solid !important;
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	background-color: #f6f6f6;
}

	.btn-outline-primary-expense-cancel:hover, .btn-outline-primary-expense-cancel:active {
		color: #636363;
		border: #bcbcbc 1px solid !important;
		background-color: #f6f6f6;
		text-decoration: none;
		text-align: center;
	}

.btn-outline-secondary-Zoom {
	color: #636363;
	border: #f6f6f6;
	border-radius: 0px;
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	background-color: #f6f6f6;
}

.hideicon {
	--bs-accordion-btn-active-icon: none;
	--bs-accordion-btn-active-icon: none;
	padding-bottom: .65rem !important
}

.btn-outline-primary-expense-addreceipt {
	color: var(--brand-color);
	border: var(--brand-border);
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: 500;
	text-decoration: none;
	background-color: #fff;
}

	.btn-outline-primary-expense-addreceipt:hover, .btn-outline-primary-expense-addreceipt:active {
		color: #fff;
		border: var(--brand-border);
		background-color: var(--brand-background-color);
		text-decoration: none
	}

.expense-eventdate-txt {
	color: var(--brand-color);
}

.expense-btn {
	background-color: #FFFFFF;
	color: var(--brand-color);
	border: var(--brand-border);
	margin: 2px 5px;
}


.expense-categorytype-txt {
	color: var(--brand-color);
	font-weight: 500;
	font-size: 1.4rem;
}

.expense-categorysubtype-txt {
	color: #848484;
	font-weight: 500;
	font-size: 1.2rem;
}

.expense-categorysubtype-icon {
	background-color: var(--brand-background-color);
}

.svgupdreceipt {
	fill: var(--brand-background-color);
	width: 4rem;
	height: 4rem;
	margin-bottom: 0.5rem;
}

.svgbrdesign {
	fill: var(--brand-background-color);
	width: 3rem;
	height: 3rem;
	margin-right: 1rem;
}

.expense-details-button, .expense-details-button:active, .expense-details-button:active a:link, .expense-details-button:hover, .expense-details-button:visited {
	padding: 5px 15px;
	color: #FFF;
	border: var(--brand-border);
	background-color: var(--brand-background-color);
	padding-inline: 16px;
	text-decoration: none;
	width: auto !important;
	margin: 5px 0;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	align-self: center;
	border-radius: 5px;
}

.expense-details-addreceipt-button {
	color: var(--brand-color);
	background-color: #FFF;
}

.expense-details-delete-button {
	color: var(--brand-color) !important;
	background-color: #FFF !important;
}

.expense-details-savenew-button {
	color: var(--brand-color) !important;
	background-color: #FFF !important;
}

.expense-details-cancel-button {
	color: #000 !important;
	background-color: rgba(0,0,0,0.25) !important;
	border: 1px solid #ddd !important;
}

.expense-details-button-container {
	padding-top: 20px;
}

.expenseEventDateCell {
	width: 15%;
	background-color: #fff;
	text-align: center;
	color: var(--brand-color);
	border: 1px solid #99999959 !important;
	border-right: 0 !important;
	padding: 4px;
	vertical-align: middle;
}

	.expenseEventDateCell > div {
		margin: 7px 0px 7px 0;
	}

.ExpenseEventDetailsCell {
	width: 77%;
	color: #1B1B1B;
	background-color: #fff;
	border: 1px solid #99999959 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	font-size: 12px;
	padding: 9px;
	font-family: Helvetica;
}

	.ExpenseEventDetailsCell > div {
		margin-bottom: 0px;
	}

.ExpenseEventTable .ExpenseEventBtnHolderCell {
	padding: 0 6px;
	width: 5%;
	border: 1px solid #99999959;
	border-left: 0;
	vertical-align: middle;
	background-color: #fff;
	padding-right: 15px;
}

	.ExpenseEventTable .ExpenseEventBtnHolderCell .btn {
		width: 78px;
		padding: 0 16px;
	}

header a {
	color: var(--brand-header-text-color) !important;
	text-decoration: none;
}

header p {
	color: var(--brand-header-text-color) !important;
}

/* Optional: ensure good spacing on small screens */
@media (max-width: 991.98px) {
	.expense-overview-submit-button {
		width: 100%;
	}
}

.input-group-text {
	padding: .90rem 1.2rem !important;
}

.expensedatepicker {
	color: var(--brand-color) !important;
}

.marginofdateupdate {
	margin-right: 1.3rem !important;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	color: var(--brand-color) !important;
	border: 1px solid var(--brand-color) !important;
}

.datepicker td, .datepicker th {
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	border: none;
}

.datepicker table {
	margin: 5px 10px !important;
}

	.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
		background-image: linear-gradient(to bottom, var(--brand-color), var(--brand-color)) !important;
	}

.messageDataSetTop {
	display: none;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0;
	text-align: center;
	z-index: 5000;
	background: #000;
	font-size: 13px;
	line-height: 100px;
}

.ExpenseEvents {
	background-color: #F8F8F8;
	padding: 20px 16px;
	border: 1px solid #dbdbdb !important;
}


footer {
	margin-top: 0px !important;
	height: auto;
	clear: both;
	position: relative;
	background-color: #f0f0f0;
	min-height: 70px;
}

.newText {
	position: absolute;
	line-height: 0em;
	bottom: 0.5px;
	left: 14.5px;
	font-size: .8rem;
}

.footer-container {
	width: 100%;
	max-width: 100% !important;
	display: table !important;
}

.footer-logo-container {
	width: 15% !important;
	height: auto;
	display: table-cell;
	vertical-align: middle;
}

.footer-links-container {
	width: 89% !important;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.footer-displayblock {
	display: inline-block;
}

.previewborder {
	border: 1px solid var(--brand-color);
}

.footer-links-container a, .footer-links-container a:hover {
	color: var(--bs-link-color);
	text-decoration: underline;
}
/*END - 88436 THESE CHANGES ADDED FOR THE SPEAKER PORTAL RESPONSIEVE UI*/