:root {
	--wmw-primary-color: #331976;
	--wmw-secondary-color: #7152e3;
	--wmw-login-primary-color: var(--wmw-primary-color);
	--wmw-login-secondary-color: var(--wmw-secondary-color);
}

.form-floating > label::after {
    background-color: transparent !important;
}

/* ****************************************
 *	Tela de Login da Aplicação            *
***************************************** */

.wmw-layoutcenter-container {
	background-color: var(--wmw-primary-color) !important;
}

.wmw-layoutcenter-box {
	background-color: var(--wmw-primary-color) !important;
}

.wmw-button-secondary:hover, .wmw-button-secondary-md:hover, .wmw-button-default:hover {
    color: #ffffff !important;
    background-color: var(--wmw-primary-color) !important;
}
.wmw-button-primary:hover, .wmw-button-primary-md:hover, .wmw-button-pesquisa:hover {
    color: var(--wmw-primary-color) !important;
    background-color: #ffffff !important;
}

.input-file-div {
	background-color: var(--wmw-primary-color);
	border: solid 1px var(--wmw-primary-color);
}

.input-file-div .lb-sp {
	color: var(--wmw-primary-color) !important;
}

/*****************************************
 *	Topo e Menu da Aplicação         7152e3     *
 *****************************************/

.header {
	background: -webkit-linear-gradient(to top, var(--wmw-primary-color), var(--wmw-secondary-color))!important;
	background: linear-gradient(to top, var(--wmw-primary-color), var(--wmw-secondary-color)) !important;
}

.wijmo-wijmenu .wijmo-wijmenu-item {
    margin: 0px !important;
}

.wijmo-wijmenu .wijmo-wijmenu-list .wijmo-wijmenu-item {
    padding-left: 5px;
}

ul.ui-widget-content {
	box-shadow: rgba(0, 0, 0, 0.23) 0px 8px 6px !important;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.23) 0px 8px 6px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.23) 0px 8px 6px !important;
    background-color: var(--wmw-primary-color) !important;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child li a, .wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-link {
    color: #ffffff !important;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
    border: none !important;
}

.wijmo-wijmenu-text {
    font-weight: 500 !important;
}

.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child {
	padding: 5px !important; 
}

li .ui-widget-content .ui-state-hover, li .ui-widget-content .ui-state-focus {
	background-color: var(--wmw-secondary-color) !important;
}

.topOptionsUser .user-icon {
	color: #fff !important;
}

form#searchTelaForm input {
    border: 2px solid var(--wmw-secondary-color) !important;
    height: 35px;
}

/*****************************************
 *	New Menu             *
 *****************************************/

.menu-bar {
  background: var(--wmw-primary-color) !important;
}
.menu-link {
  background: var(--wmw-primary-color) !important;
}
.mega-menu {
  background: var(--wmw-primary-color) !important;
}
@media all and (min-width: 3201px) {
  .nav {
    background: var(--wmw-primary-color) !important;
  }
   .menu-bar > li:hover > a {
    color: var(--wmw-primary-color) !important;
  }
  .mega-menu a:hover {
    color: var(--wmw-primary-color) !important;
  }
  .mega-menu--multiLevel li:focus-within > a {
    color: var(--wmw-primary-color) !important;
  }
}
@media all and (max-width: 3200px) {
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    background: var(--wmw-primary-color) !important;
  }
  .mobile-menu-back-item a {
    color: #ffffff !important;
    background: linear-gradient(to top, var(--wmw-primary-color), var(--wmw-secondary-color)) !important;
  }
  .mobile-menu-header {
    background: var(--wmw-primary-color) !important;
  }
  .mobile-menu-header a {
  	background: linear-gradient(to top, var(--wmw-primary-color), var(--wmw-secondary-color)) !important;
  }
}

/*****************************************
 *	Títulos, Botões e Links              *
 *****************************************/
 .wmw-navigable-title, .cl-no-image-wrapper-sm {
 	color: var(--wmw-primary-color) !important;
 }
 
.wmw-navigable-navigation a, .wmw-navigable-navigation a:link, .wmw-navigable-navigation a:visited {
	color: var(--wmw-primary-color);
	padding-top: 5px;
}

.wmw-buttons input.wmw-button-default, .wmw-button-default, .multiselect-center-controls input {
	color: var(--wmw-primary-color);
	border: 1px solid var(--wmw-primary-color);
	background-color: #FFFFFF;
}

.wmw-button-primary, .wmw-button-primary-md, .wmw-button-pesquisa {
	color: #FFFFFF !important;
	border: 1px solid var(--wmw-primary-color) !important;
	background-color: var(--wmw-primary-color) !important;
}

.wmw-button-secondary, .wmw-button-secondary-md  {
	color: var(--wmw-primary-color) !important;
	border: 1px solid var(--wmw-primary-color) !important;
	background-color: #FFFFFF !important;
}

.fa-cart-plus {
	color: var(--wmw-primary-color);
}

.wmw-subtitle {
	color: var(--wmw-primary-color);
 }
 
 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--wmw-primary-color);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--wmw-primary-color);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--wmw-primary-color);
}

.wmw-messageTip {
	background-color: var(--wmw-secondary-color);
    border: 1px solid var(--wmw-primary-color);
}

.loader {
	border-top: 1.1em solid rgba(122,170,219, 0.2);
	border-right: 1.1em solid rgba(122,170,219, 0.2);
	border-bottom: 1.1em solid rgba(122,170,219, 0.2);
	border-left: 1.1em solid var(--wmw-primary-color) !important;
}

::-webkit-scrollbar-track {
  background: #d2e0ef;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--wmw-primary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--wmw-secondary-color);
}

.wmw-dropdown {
	background-color: var(--wmw-primary-color) !important;	
}

li.ui-menu-item > a.ui-state-hover {
	color: var(--wmw-primary-color) !important;
}

.background-card-notificacao {
    background-image: linear-gradient(
            90deg,
            var(--wmw-primary-color) 10px,
            #EEE 10px,
            #EEE 11px,
            transparent 11px);
}


.wmw-border-tema-destaque {
	margin: 5px;
	min-inline-size: max-content;
	border-radius: 6.5px;
	border: 2px solid var(--wmw-primary-color);
}

.wmw-border-tema {
	margin: 5px;
	min-inline-size: max-content;
}

.wmw-border-tema-transparente {
	margin: 5px;
	min-inline-size: max-content;
	opacity: 0.3;
}

.wmw-title-panel-destaque {
	background-color: var(--wmw-primary-color);
	border-radius: 10px;
	padding: 3px 8px;
	color: #fff;
}