/*====TESTO====*/
@font-face {
    font-family: 'anton';
    src: url('../fonts/Anton/Anton-Regular.ttf');
}

@font-face {
    font-family: 'robotoRegular';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'robotoBold';
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'robotoItalic';
    src: url('../fonts/Roboto/Roboto-Italic.ttf');
    font-style: italic;
}

@font-face {
    font-family: 'robotoBoldItalic';
    src: url('../fonts/Roboto/Roboto-BoldItalic.ttf');
    font-style: italic;
    font-weight: bold;
}

.h1 {
    font-size: 61px;
    font-size: 3.8rem;
    text-transform: uppercase;
}

.h2 {
    font-size: 49px;
    font-size: 3rem;
}

.h3 {
    font-size: 39px;
    font-size: 2.4rem;
}

.h4 {
    font-size: 23px;
    font-size: 1.4rem;
}

.h5 {
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: 0;
    letter-spacing: 0;
}

.h6 {
    font-size: 18px;
    font-size: 1.13rem;
}

.subtitle,
.body {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.15px;
    letter-spacing: 0.01rem;
}

.body2,
.button,
.buttonLabel,
.subtitle2 {
    font-size: 14px;
    font-size: 0.88rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.02rem;
}

.caption {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.03rem;
}

.overline {
    font-size: 10px;
    font-size: 0.63rem;
    letter-spacing: 1.5px;
    letter-spacing: 0.1rem;
}

.buttonLabel,
.overline {
    text-transform: uppercase;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: anton;
}

.italic,
.subtitle .italic,
.body .italic,
.body2 .italic,
.caption .italic,
.overline .italic {
    font-family: robotoItalic;
}

b.italic {
    font-family: robotoBoldItalic;
}

.subtitle,
.subtitle2,
.body,
.body2,
.caption,
.overline {
    font-family: robotoRegular;
}

.bold,
.button,
.buttonLabel,
b,
strong,
em {
    font-family: robotoBold;
}

a {
    text-decoration: none;
}

a.underlined {
    position: relative;
}

a.underlined:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    bottom: -.13rem;
    width: 100%;
    height: 2px;
    height: .13rem;
}

p a {
    color: inherit;
    position: relative;
}

.textList.inline li {
    display: inline-block;
}

.textList li {
    margin: 8px 0;
    margin: .5rem 0;
}

.textList.noPoints {
    list-style-type: none;
}

.uppercase {
    text-transform: uppercase;
}

i.big {
    font-size: 32px;
    font-size: 2rem;
}

/*====/TESTO====*/

/*====UTILI====*/
/*Scrollbar*/
::-webkit-scrollbar {
    width: 5px;
    width: .313rem;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-radius: 0.625rem;
}

/*/Scrollbar*/

.noSelect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.marginTopSm {
    margin-top: 16px;
    margin-top: 1rem;
}

.marginBottomSm {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.marginLeftSm {
    margin-left: 16px;
    margin-left: 1rem;
}

.marginRightSm {
    margin-right: 16px;
    margin-right: 1rem;
}

.noPaddingLeft {
    padding-left: 0;
}

.noPaddingRight {
    padding-right: 0;
}

.noPaddingTop {
    padding-top: 0;
}

.noPaddingBottom {
    padding-bottom: 0;
}

.paddingTopSm {
    padding-top: 16px;
    padding-top: 1rem;
}

.paddingBottomSm {
    padding-bottom: 16px;
    padding-bottom: 1rem;
}

.paddingLeftSm {
    padding-left: 16px;
    padding-left: 1rem;
}

.paddingRightSm {
    padding-right: 16px;
    padding-right: 1rem;
}

.container {
    padding: 48px;
    padding: 3rem;
}

.containerSm {
    padding: 16px;
    padding: 1rem;
}

.overflowY {
    overflow-y: auto;
}

.float.top {
    top: 0;
}

.float.bottom {
    bottom: 0;
}

.float.left {
    left: 0;
}

.float.right {
    right: 0;
}


.height80 {
    height: 80%;
}

.height90 {
    height: 90%;
}

.showContent {
    display: block !important;
}

.heightVh-85 {
    height: 85vh;
}

/*====/UTILI====*/

/*====COMPONENTI====*/
body,
html {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-family: robotoRegular;
}

.fullHeight {
    height: 100%;
}

.fullHeightAuto {
    min-height: 100%;
}

/*==SEZIONI==*/
.header-90 {
    height: 90%;
}

.pageNoHeaderBox {
    padding-top: 56px;
    padding-top: 3.5rem;
}

.txtBody p {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.txtBody p:last-child,
.txtBody p:only-child {
    margin-bottom: 0;
}

.txtBox .txt p {
    margin-top: 16px;
    margin-top: 1rem;
}

.txtBox .txt p:first-child,
.txtBox .txt p:only-child {
    margin-top: 0;
}

hr {
    border: solid 1px;
    border: solid .06rem;
}

.item .divider {
    width: 75px;
    width: 4.7rem;
}

/*==/SEZIONI==*/

/*==BNI==*/
/*==/BNI==*/

/*==AVATAR==*/
.avatarArea.inline {
    display: inline-block;
}

.avatarArea.small .avatarBox {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    border-radius: 100%;
}

.avatarArea.big .avatarBox {
    height: 120px;
    height: 7.5rem;
    width: 120px;
    width: 7.5rem;
    border-radius: 100%;
}

.avatarArea.center .avatarBox {
    margin: 0 auto;
}

.avatarArea .avatar {
    height: 100%;
    width: 100%;
}

.bottomNav .avatarArea {
    padding-bottom: 4px;
}

.bottomNav .avatarBox {
    height: 20px;
    height: 20px;
    width: 20px;
    width: 20px;
}

.avatarBox .avatar {
    border-radius: 100%;
}

.avatar.uploadFile .overlay {
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}

.avatar.uploadFile:hover .overlay {
    visibility: visible;
    opacity: 1;
}

/*==/AVATAR==*/

/*==NAVBAR==*/
.navbarBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 16;
    border-bottom: solid 1px;
    border-bottom: solid .06rem;
    height: 56px;
    height: 3.5rem;
}

.navbarBox .logoArea img {
    width: 100%;
    max-width: 120px;
    max-width: 7.2rem;
    position: relative;
}

.navbarArea .navbar {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    z-index: 1;
}

.navbarArea.opened .navbar {
    transform: translateX(0%);
}

.navbarArea .navbar li {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.navbarArea .navbar li:hover,
.navbarArea .navbar a.active li {
    opacity: .5;
}

/*==Hamburger==*/
.hamburgerArea {
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    cursor: pointer;
}

.hamburgerArea .hamburger {
    height: 100%;
    width: 100%;
    position: relative;
}

.hamburgerArea .hamburger .iconBar {
    width: 32px;
    width: 2rem;
    height: 3px;
    height: .2rem;
    position: absolute;
}

.hamburgerArea .hamburger .iconBar:first-child {
    top: 5px;
    top: .3rem;
}

.hamburgerArea .hamburger .iconBar:nth-child(2) {
    top: 14px;
    top: .9rem;
}

.hamburgerArea .hamburger .iconBar:nth-child(3) {
    top: 25px;
    top: 1.6rem;
}


.navbarArea.opened .hamburgerArea .hamburger .iconBar:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
    top: .9rem;
}

.navbarArea.opened .hamburgerArea .hamburger .iconBar:nth-child(2) {
    top: 14px;
    top: .9rem;
    visibility: hidden;
    opacity: 0;
}

.navbarArea.opened .hamburgerArea .hamburger .iconBar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    top: .9rem;
}

/*==/NAVBAR==*/

/*==DROPDOWN==*/
/*==/DROPDOWN==*/

/*==BARRA DI NAVIGAZIONE INFERIORE==*/
.bottomNavBox {
    z-index: 17;
    border-top: solid 1px;
    border-top: solid .06rem;
}

.bottomNavBox .btnBox {
    position: relative;
}

.bottomNavBox .btnBox:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    height: .3rem;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.bottomNavBox .btnBox.active:after {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

/*==/BARRA DI NAVIGAZIONE INFERIORE==*/

/*==NOTIFICHE==*/
[data-badge]:after {
    min-width: 11px;
    min-width: .7rem;
    text-align: center;
    padding-left: 3px;
    padding-left: .2rem;
    padding-top: 1px;
    padding-top: .06rem;
}

/*==/NOTIFICHE==*/

/*==PULSANTI==*/
.button {
    border-radius: 5px;
    border-radius: .3rem;
}

.button:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

/*==/PULSANTI==*/

/*==HEADERS==*/
/*==/HEADERS==*/

/*==FORM==*/
.inputArea.dense.filled .inputBox,
.inputArea.dense.filled .inputBox .bkg,
.inputArea.dense.filled .inputBox .textareaBox,
.inputArea.dense.filled .input {
    height: 48px;
    height: 3rem;
    border-radius: 5px;
    border-radius: 0.313rem;
}

.inputArea.dense.filled .inputBox .inputLabel {
    top: 15px;
    top: 0.938rem;
}

.inputArea.filled .inputBox .bkg,
.inputArea.filled.focus .inputBox .bkg,
.inputArea.filled.data .inputBox .bkg,
.textareaBox {
    border-radius: 5px;
    border-radius: 0.313rem;
}

.inputArea.filled .inputBox .bkg,
.inputArea.filled .inputBox .textareaBox,
.inputArea.filled.focus .inputBox .bkg:after,
.inputArea.filled.data .inputBox .bkg:after {
    border-bottom: none;
}

.inputArea.filled .inputBox .bkg:after {
    width: 0;
    height: 2px;
    height: 0.125rem;
    bottom: 0;
    top: auto;
}

.inputArea.filled.focus .inputBox .bkg:after,
.inputArea.filled.data .inputBox .bkg:after {
    width: 100%;
}

.inputArea.select .dropdownBox {
    border-radius: 0 0 5px 5px;
    border-radius: 0 0 .313rem .313rem;
    overflow-y: hidden;
    height: 0;
}

.inputAutoW .inputArea {
    min-width: auto;
}

/*Input slider*/
.inputSlider {
    height: 6px;
    height: .4rem;
    border-radius: 10px;
    border-radius: .6rem;
}

.inputSliderFill {
    border-radius: 10px;
    border-radius: .6rem;
}

.inputSliderThumb {
    border: solid 1px;
    border: solid .06rem;
    border-radius: 100%;
}

/*Checkbox*/
.selControl [type="checkbox"] {
    display: none;
}

.selControl .box {
    border-radius: 5px;
    border-radius: .313rem;
    cursor: pointer;
}

.blueBkg .selControl .box {
    border: none;
}

.selControl.filled .box {
    position: relative;
}

.selControl.filled .box .icon-point {
    width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 100%;
}

/*Datepicker*/
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    width: auto;
    z-index: 20 !important;
}

.ui-widget.ui-widget-content {
    padding: 0;
}

.ui-datepicker .ui-datepicker-header {
    height: 120px;
    height: 7.5rem;
}

.ui-datepicker th,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    text-align: center;
}

.ui-datepicker td {
    line-height: 35px;
    line-height: 2.2rem;
}

.ui-datepicker td a {
    border-radius: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
.ui-widget.ui-widget-content,
.ui-datepicker .ui-datepicker-header,
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border: none;
}

.ui-datepicker-calendar,
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    font-family: 'montserrat';
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'gilroyExtraBold';
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: solid 1px;
    border: solid .06rem;
}

.ui-datepicker .ui-datepicker-header {
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    text-align: left;
    margin: 64px 10px 20px 10px;
    margin: 4rem .63rem 1.25rem .63rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: none;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    font-size: 23px;
    font-size: 1.438rem;
    letter-spacing: 0;
    letter-spacing: 0;
    width: 80px;
    width: 5rem;
    margin-right: 8px;
    margin-right: .5rem;
}

.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    font-size: 13px;
    font-size: 0.875rem;
    letter-spacing: 0.1px;
    letter-spacing: 0.01rem;
    padding: 16px 8px;
    padding: 1rem .5rem;
}

/*Password*/
.inputArea .showPassword {
    position: relative;
    cursor: pointer;
}

.showPassword .inputIcon {
    position: absolute;
}

.showPassword.hide .inputIcon:first-child,
.showPassword.show .inputIcon:last-child {
    display: block;
}

.showPassword.show .inputIcon:first-child,
.showPassword.hide .inputIcon:last-child {
    display: none;
}

/*==/FORM==*/

/*==TOOLTIPS==*/
.tooltip {
    z-index: 25;
}

/*==/TOOLTIPS==*/

/*==FINESTRE DI DIALOGO==*/
.dialogArea {
    z-index: 20;
}

.dialogBox .dialog {
    border-radius: 5px;
    border-radius: .313rem;
}

.dialogArea.wAuto .dialogBox .dialog {
    max-width: inherit;
}

.dialogBox .dialog .dialogFooterBox .button:last-child,
.dialogBox .dialog .dialogFooterBox .button:only-child {
    padding-right: 8px;
    padding-right: .5rem;
}

/*==/FINESTRE DI DIALOGO==*/

/*==PANNELLI==*/
.resultPanel {
    position: absolute;
    width: 100%;
    z-index: 8;
    overflow-y: hidden;
}

/*Pannelli*/
/*==/PANNELLI==*/

/*==TABS==*/
/*==/TABS==*/

/*==CARDS==*/
/*==/CARDS==*/

/*==MESSAGGI==*/
/*==/MESSAGGI==*/

/*==PIASTRELLE==*/
/*==/PIASTRELLE==*/

/*==TABS==*/
/*==/TABS==*/

/*==TABELLE==*/
/*==/TABELLE==*/

/*==MULTIMEDIA==*/
/*==/MULTIMEDIA==*/

/*==RECENSIONI==*/
/*==/RECENSIONI==*/

/*==SLIDERS==*/
.draggableSlider {
    overflow-x: hidden;
    overflow-y: hidden;
}

/*==/SLIDERS==*/

/*==BANNERS==*/
/*==/BANNERS==*/

/*==CHIPS==*/
/*==/CHIPS==*/

/*==SEZIONI==*/
.services .figureArea,
.plus .figureArea {
    max-width: 180px;
    max-width: 11.3rem;
}

.services .figureArea img,
.plus .figureArea img {
    width: 100%;
}

.plus .figureArea {
    margin: auto;
}

/*==/SEZIONI==*/

/*==RITAGLIO IMMAGINE==*/
/*==/RITAGLIO IMMAGINE==*/

/*==LISTE==*/
/*==/LISTE==*/

/*==FOOTER==*/
.mainFooter .logoBox {
    width: 120px;
    width: 7.5rem;
}

/*==/FOOTER==*/

/*==CONTATTI==*/
.mapArea {
    position: relative;
}

.map {
    height: 400px;
    height: 25rem;
}

/*==/CONTATTI==*/

/*==SNACKBARS==*/
.snackbarArea {
    z-index: 16;
}

.snackbar {
    border-radius: 5px;
    border-radius: .3rem;
    bottom: 16px;
    bottom: 1rem;
    margin: auto;
    left: 0;
    right: 0;
}

/*==/SNACKBARS==*/
/*====/COMPONENTI====*/

/*====SFONDI e DECORAZIONI====*/
.overlay {
    height: 100%;
    width: 100%;
}

/*Immagini BKG*/
[data-bkg="accesso"] {
    background: url(../media/img/bkg/commemorare-i-propri-defunti.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.imgBox.bkg {
    position: relative;
    overflow: hidden;
}

.imgBox.bkg img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

/*SVG*/
.svgDecoArea,
.svgArea {
    position: relative;
}

.svgDecoBox,
.svgDecoBox.home svg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*FIGURE*/
[data-area="rosannaEvalter"] img {
    max-width: 80%;
    top: 56px;
    top: 3.5rem;
    margin-bottom: 16px;
    z-index: -1;
}

/*====/SFONDI e DECORAZIONI====*/

/*====ICONE e EMOJI====*/
/*====/ICONE e EMOJI====*/

/*====MEDIA QUERIES====*/
/*==BROWSERS==*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {}

/*==/BROWSERS==*/

/*==DEVICES==*/
@media only screen and (min-width: 81.260em) {}

@media only screen and (max-width: 69em) {}

@media only screen and (max-width: 20rem) {}

/*==/DEVICES==*/
/*====/MEDIA QUERIES====*/

/*====EFFETTI/ANIMAZIONI====*/
.active,
.iconBox.changeOrder,
.hamburgerArea .hamburger .iconBar,
.opened,
.button,
.navbarArea .navbar li,
.navbarArea .navbar a.active li {
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -ms-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
}

.sideNav .collapse .iconBox,
.opened .hamburgerArea .hamburger .iconBar,
.navbarArea,
.inputLabel,
.selControl.filled .box .icon-point {
    -webkit-transition: .25s ease all;
    -moz-transition: .25s ease all;
    -ms-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all;
}

.searchFieldsBox .inputArea.active {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.navbarArea.opened .navbar,
.navbar {
    -webkit-transition: .25s ease-out all;
    -moz-transition: .25s ease-out all;
    -ms-transition: .25s ease-out all;
    -o-transition: .25s ease-out all;
    transition: .25s ease-out all;
}

.ripple {
    -webkit-animation: ripple .8s ease-out;
    -moz-animation: ripple .8s ease-out;
    -ms-animation: ripple .8s ease-out;
    -o-animation: ripple .8s ease-out;
    animation: ripple .8s ease-out;
}

/*====/EFFETTI/ANIMAZIONI====*/

/*====OMBRA====*/
.scrolled .navbarArea,
.button:hover,
.dialog {
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .2);
    box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .2);
}

.inputArea.select .dropdownBox,
.navbarArea .dropdownArea.expanded .listArea,
.ui-widget.ui-widget-content {
    -webkit-box-shadow: 0 3px 6px rgba(109, 109, 109, .5);
    box-shadow: 0 3px 6px rgba(109, 109, 109, .5);
    -webkit-box-shadow: 0 .188rem .375rem rgba(109, 109, 109, .5);
    box-shadow: 0 .188rem .375rem rgba(109, 109, 109, .5);
}

.navbarArea.opened .navbar {
    -webkit-box-shadow: -8px 0 0.375rem rgba(0, 0, 0, .2);
    box-shadow: -.5rem 0 0.375rem rgba(0, 0, 0, .2);
    -webkit-box-shadow: -8px 0 0.375rem rgba(0, 0, 0, .2);
    box-shadow: -.5rem 0 0.375rem rgba(0, 0, 0, .2);
}

.navbarArea .navbar {
    -webkit-box-shadow: -8px 0 0.375rem rgba(0, 0, 0, 0);
    box-shadow: -.5rem 0 0.375rem rgba(0, 0, 0, 0);
    -webkit-box-shadow: -8px 0 0.375rem rgba(0, 0, 0, 0);
    box-shadow: -.5rem 0 0.375rem rgba(0, 0, 0, 0);
}

/*====/OMBRA====*/

/*====TEMI====*/
html,
body,
.inputArea .inputLabel,
.input,
.textareaBox,
.bottomNavBox {
    color: #4c4c4c;
}

a.none,
textarea,
[contenteditable="true"] {
    color: inherit;
}

.navbar,
.blueBkg,
.hamburgerArea .hamburger .iconBar,
.button.contained.blue,
.selControl.filled .box .icon-point,
.button.outlined.blue:hover,
::-webkit-scrollbar-thumb {
    background: #384fc1;
}

.h1.blue,
.h2.blue,
.h3.blue,
.h4.blue,
.h5.blue,
.h6.blue,
.button.contained.white,
.button.text.blue,
.inputArea.focus .inputLabel,
.button.outlined.blue,
.marked, .dialog .h6 {
    color: #384fc1;
}

.divider,
.button.outlined.blue {
    border-color: #384fc1;
}

.button.text.white:hover,
::-webkit-scrollbar-thumb:hover {
    background: #415ade;
}

.navbarArea .navbarBox,
.button.contained.white,
.inputArea .bkg,
.textareaBox,
.selControl .box,
a.underlined:after,
.bottomNavBox,
.dialog {
    background: #FFF;
}

.navbar,
.blueBkg,
.button.contained.blue,
.button.text.white,
.button.outlined.blue:hover {
    color: #FFF;
}

.button.text.blue:hover {
    background: #e3e3e3;
}

.navbarBox,
.bottomNavBox {
    border-color: #e3e3e3;
}

.lightGrey {
    color: #8c8c8c;
}

.snackbar {
    background: #8c8c8c;
}

.button.contained.blue .ripple {
    background: rgba(255, 255, 255, .5);
}

::-webkit-scrollbar-track {
    background: transparent;
}

.inputArea.filled.focus .inputBox .bkg:after,
.inputArea.filled.data .inputBox .bkg:after,
.inputArea.filled.focus .inputBox .textareaBox,
.inputArea.filled.data .inputBox .textareaBox {
    border-bottom: transparent;
}

/*====/TEMI====*/