/* -------------Sample Styles-------------------- */
/* --------------- LOGIN PAGE --------------------- */
/* ------------------------------------------------ */
/* Place logo under VendorLogin\<Vendor> folder with name logo.png */

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body {font-family: 'Lato', sans-serif !important; /*font family*/}

.site-background { padding: 10px 0; background: none!important; } 

.loginHeader { color: #1F271F; font-size: 24px; font-weight: bold; left: 15px; display: block; } 

.loginTitles { color: #5F5F5F; } 

.loginButton { background: #000000; /*primary color*/ color:#FFF; border: 0; box-shadow: none; border-radius: 0; } 

.loginButton:hover { color:#FFF; } 


/*-------------------------------------*/ 
/* ------------- SIDE MENU ------------- */
/* ------------------------------------- */
.side-menu-wrap { background-color: #EFF8FB; border: 0; padding-top: 10px } 

/* ------------------------------------ */
/* ----------- VENDOR CONFIG ---------- */
/* ------------------------------------ */
TABLE.data TH { background: #EFEFEF; color: #707070; } 
/* ------------------------------------------ */
/* --------------- PAGES -------------------- */
/* ------------------------------------------ */
h2, .h2, .h3, .title { color: #222720 !important; font-size: 13px; font-weight: bold; } 

H3 { background: #4580A8; color: white; } 

div.buttons { background: #EFEFEF; border: 1px solid #ddd; } 

div.buttons span a { color: #707070; } 

div.buttons span a:hover { color: #4580A8; } 
/* -------------------------------------------- */
/* ------------- Collapsible panel ------------ */
/* -------------------------------------------- */
.collapsible-wrapper { border: solid 1px #ddd; background-color: white; } 

.collapsible-wrapper .h2 { background: none; } 
/* ------------------------------------------------ */
/* ------------- My Registrations Grid ------------ */
/* ------------------------------------------------ */
.myRegistrationsGrid table { border: 1px solid #ddd; } 

#myRegistrationsGridHeader { background-color: #EFEFEF; color: Black; } 

#myRegistrationsGridHeader A { color: #707070; text-decoration: underline; } 

.myRegistrationsSummaryRowHeader { background-color: #4781A9; color: white; } 
/* ------------------------------------------------------- */
/* -------------- OPPORTUNITY REGISTRATIONS -------------- */
/* ------------------------------------------------------- */
.buttonSpan { background-color: #EFEFEF; } 

.buttonSpan a { color: #707070; } 

.buttonSpan a:hover { color: black; } 

ul.tabs a.current { color: #4781A9 !important; } 

ul.tabs a.current:hover { color: #4781A9 !important; } 

ul.tabs li.current a { color: #5F5F5F !important; } 

ul.tabs a { color: #5F5F5F; } 

ul.tabs a:hover { color: #4781A9; } 
/* ------------------------------------------------------- */
/* --------------------- CONTROLS ------------------------ */
/* ------------------------------------------------------- */
.input_text:focus, input.input_text_focus { border-color:#646464; background-color:#eee; } 

div.field input[type='text']:focus, div.field select:focus, div.action input[type='text']:focus, div.action select:focus, ul.actions input[type='text']:focus, ul.actions select:focus { border-color:#646464; background-color:#eee; } 


 
/***************** side navigation *****************************/
.side-menu-wrap h2 { background: #f5f5f5 !important; color: #777 !important; padding: 10px 5px; margin: 0; border-bottom: thin solid #ddd; } 

.side-menu-wrap { background: #f5f5f5; border: none; padding:50px 0 0 0; color: #777 !important; } 
/*********************** Comment For Header Footer Starts 
.bs-docs-sidenav > li > a { padding-top: 7px; padding-bottom: 7px; color: #5F5F5F; } 
.bs-docs-sidenav > li > a:hover { color: #4781A9; } 
Comment For Header Footer Ends ***********************/
/***************** settings tables *****************************/
.settings th { color: #048 } 

.settings th a { color: #048 } 
/***************** settings headers *****************************/
.adminAnalyticsHeader { background: #0857C3; color: white !important; } 

.adminAnalyticsHeader a { color: white; } 

.adminAnalyticsHeader a:hover { color: white; } 

.AdminAnalyticsGrid th { color: #048; background-color: #EFEFEF; } 

.adminAnalyticsHeader span { color: white !important; } 

 
.fa { font-weight: 900;  } 


/* ------------------------------------------------ */
/* --------------- SMART ADMIN -------------------- */
/* ------------------------------------------------ */
.tree li.parent_li>span:hover,
.tree li.parent_li>span:hover+ul li span, 
.vendorSelectionContainer:hover { background-color: #D6F0FF!important; } 

.panel-default>.panel-heading, .panel-default>.panel-heading h3 { background: #0857C3; color: white; } 

.nav-tabs li.active a { box-shadow: 0 -2px 0 #0857C3; } 
/* ------------------------------------------------ */
/* --------------- SUPPORT REPORTS -------------------- */
/* ------------------------------------------------ */
.searchfilter { background-color: #f5f5f5; padding: 20px; line-height: 1.8em; } 

.filterTable tr { padding:20px 0 0 20px; } 
/* --------- ANGULAR SPECIFIC STYLING START --------- */
li.list-group-item.active { background-color: #000000 !important; /*primary color*/ border-color: #000000 !important; /*primary color*/ } 

button.btn-sm.material-button { background-color: #000000!important; /*primary color*/ } 

.mat-form-field.mat-focused .mat-form-field-label { color: #000000 !important; /*primary color*/ } 

.mat-form-field.mat-focused .mat-form-field-ripple { background-color: #000000 !important; /*primary color*/ } 

.mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { background-color: #000000 !important; /*primary color*/ } 
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #000000 !important; /*primary color*/ } 

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #000000 !important; /*primary color*/ } 

.mat-progress-spinner circle, .mat-spinner circle { stroke: #000000 !important; /*primary color*/ } 

.mat-calendar-body-selected { background-color: #000000 !important; /*primary color*/ color: #fff; } 

.mat-datepicker-toggle-active { color: #000000 !important; /*primary color*/ } 

.mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #000000 !important; /*primary color*/ } 

.mat-table { font-family: 'Lato', sans-serif !important; /*font family*/  } 

.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary { background-color: #000000 !important; } 

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #000000 !important; } 

.mat-expansion-panel-content { font: inherit !important; } 

mat-expansion-panel-header { background-color: #000000 !important; /*primary color*/ } 

.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded,.mat-expansion-panel-header:hover { background-color: #000000 !important; /*primary color*/ } 

.mat-expansion-panel-header-title { color: white !important; } 

.mat-expansion-panel-header-description { color: white !important; } 

.mat-expansion-indicator::after, .mat-expansion-panel-header-description { color: white !important; } 

#addNewRegLink { color: white !important; } 

.session-warning-header { background-color: #000000 !important; /*primary color*/ } 

.text-brand-color { color: #000000 !important; /*primary color*/ } 

.image-background { background-color: black; } 

/*Acme Global vendor form field icon change by sandeep on 01102021*/
 .field div label img { height: 12.5px; width: 12.5px; position: absolute; padding: 3px; padding-left:5px; } 

fieldset div label img { height: 12.5px; width: 12.5px; position: absolute; margin: 3px; } 

fieldset div img { height: 12.5px; width: 12.5px; position: absolute; margin: 3px; } 

.mat-radio-button.mat-primary .mat-radio-inner-circle { background-color: #000000 !important; /*primary color*/ } 

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #000000 !important;  /*primary color*/} 

.panel-heading.branding-panel { background-color: #000000 !important; /*primary color*/ } 

.counter.ng-star-inserted { background:#000000 !important; box-shadow: 0px 0px 5px #000000 !important; /*primary color*/ } 
 
.bordered-region.active-vendor { border-color: #000000 !important; /*primary color*/ } 

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(0,0,0,.4) !important; /*primary color rgba*/ } 

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #000000 !important; /*primary color*/ } 

/* --------- ANGULAR SPECIFIC STYLING END --------- */


/*---------- New Reg Branding ------------*/
.card-newreg .card-header.quick-reg-bg-primary { background: #000000; /*primary color*/} 

.card-newreg .card-header.quick-reg-bg-secondary { background: #2BAAED; /*secondary color*/ } 

.mat-step-header .mat-step-icon { background-color: rgba(0,0,0,.24) !important; width: 34px; height: 34px; } 

.mat-step-header .mat-step-icon .mat-step-icon-content { background-color:#565857; line-height: 24px; width: 24px; height: 24px; text-align: center; border-radius: 50%; } 

.mat-step-header .mat-step-icon.mat-step-icon-selected, .mat-step-icon-state-done, .mat-step-header .mat-step-icon.mat-step-icon-state-edit { background-color: rgba(0,0,0,.4)!important; /*primary color rgba*/ } 

.mat-step-header .mat-step-icon.mat-step-icon-selected .mat-step-icon-content { background-color: #000000; /*primary color*/ } 

.search-region input[type="text"] { box-shadow: none; } 

mat-drawer .mat-button.slide-button, .review-card:before { background: #000000; /*primary color*/ } 

.mat-stepper-vertical, .mat-stepper-horizontal { font-family: inherit !important; } 

.fa-inverse {color: #fff; } 

 /**** Form Builder Components Start ****/

mat-formio-button button mat-icon { display:none !important; } 

.form-render-region div mat-formio-button.primary-button button.mat-raised-button.mat-warn { background-color:#000000 !important; /*primary color*/ } 

.form-render-region .mat-checkbox-checked.mat-accent .mat-checkbox-background, .form-render-region .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color:#000000 !important; /*primary color*/ } 

.form-render-region .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .form-render-region .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background:#000000!important; /*primary color*/ } 

.form-render-region .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color:#000000 !important; /*primary color*/ } 

.form-render-region .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .form-render-region .mat-radio-button.mat-accent .mat-radio-inner-circle, .form-render-region .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .form-render-region .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color:#000000 !important; /*primary color*/ } 

.mat-stepper-vertical, .mat-stepper-horizontal { font-family: inherit !important; } 

 /**** Form Builder Components End ****/


/************************************ New Header-Footer Changes ************************************/

/*********************** Do not include any styles in following line STYLE MASTER and STYLE MASTER Responsive comment ***********************

/********************************************************************** STYLE MASTER START **********************************************************************/

.navbar-region { background-color:#000000; /*primary color*/ } 

.user-initial { background-color:#2BAAED; /*secondary color*/ } 

.user-initial-large { background-color:#2BAAED; /*secondary color*/ } 

.user-initial-small { background-color:#2BAAED; /*secondary color*/ } 

nav ul li a { font-family: inherit } 

/********* Buttons Start *********/ 

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #2BAAED !important; /*secondary color*/ } 

/********* Buttons End *********/ 
 
/********* Branding Breadcrumb Module Pages Start *********/ 

.breadcrumb-ui ul li, .breadcrumb-ui ul li a { font-family:inherit } 
 
.action-v-homeinfo a { background-color: #000000 !important; /*primary color*/ } 

.column-hm .icon-hm { background-color: rgba(0, 0, 0, 0.5); /* this would be the RGB code of primary color alpha remains same for all the brandings */ /*primary color*/ } 

.column-hm .icon-hm:before { background-color: #000000; /*primary color*/} 

.column-hm .module-name { color: #000000; /*primary color*/ font-family:inherit } 

.column-hm .go-button { background-color: #000000; /*primary color*/ } 

.column-hm:hover { background-color: #000000 !important; /*primary color*/ } 

.column-hm:hover .icon-hm:before { background-color: #fff; } 

.column-hm:hover .icon-hm mat-icon { color: #000000 !important; /*primary color*/ } 

.column-hm:hover .go-button mat-icon { color: #000000 !important; /*primary color*/ } 

/********* Branding Breadcrumb Module Pages End *********/ 

/********************************************************************** STYLE MASTER END **********************************************************************/


@media only screen and (max-width:1024px) {
/********************************************************************** STYLE MASTER RESPONSIVE START **********************************************************************/

.navbar-region { background-color:#fff } 

nav ul li a.active, nav ul li a.active:hover { background-color: #000000; /*primary color*/ color:#fff } 


/********************************************************************** STYLE MASTER RESPONSIVE START **********************************************************************/
}