cronapp-framework-mobile-js/dist/css/themes/custom/material/custom-material.css

Javascript library for CronApp's projects

@import '../../../fonts/roboto/roboto.css';@import '../../../fonts/helvetica-neue/HelveticaNeue.css';:root{--fontFamily:"Roboto","Helvetica Neue","Arial",sans-serif;--textColor:#393939;--backgroundColor:#f1f1f1;--textSmallSize:12px;--textNormalSize:14px;--textMediumSize:18px;--textBigSize:24px;--textExtraBigSize:30px;--textFullSize:36px;--textColor10:#d8d8d8;--textColor20:#b3b3b3;--textColor30:#858585;--textColor40:#393939;--textColor50:#323232;--textColor60:#2a2a2a;--textColor70:#1f1f1f;--menuVerticalWidth:270px;--menuSideSize:20px;--menuItemBarSize:6px;--menuElementOverallPadding:10px;--menuItemPaddingSize:calc(var(--menuElementOverallPadding) + 5px);--menuItemIconWidth:25px;--backgroundColor10:#fff;--backgroundColor20:#fff;--backgroundColor30:#fff;--backgroundColor40:#fff;--backgroundColor50:#dfdfdf;--backgroundColor60:#bbb;--backgroundColor70:#8c8c8c;--backgroundLogin10:#b3deff;--backgroundLogin20:#80c8ff;--backgroundLogin30:#4db2ff;--backgroundLogin40:#0091ff;--backgroundLogin50:#0082e6;--backgroundLogin60:#004880;--backgroundLogin70:#000e19;--distanceNone:0;--distanceSmallest:5px;--distanceExtraSmall:10px;--distanceSmall:15px;--distanceMedium:20px;--distanceBig:30px;--distanceGiant:40px;--distanceTitan:60px;--borderRadiusNone:0;--borderRadiusSmallest:5px;--borderRadiusExtraSmall:10px;--borderRadiusSmall:15px;--borderRadiusBig:30px;--borderRadiusGiant:40px;--borderRadiusTitan:60px;--borderRadiusFull:99999px;--colorDefault10:#d7def8;--colorDefault20:#b0c0f3;--colorDefault30:#819eee;--colorDefault40:#2b71e8;--colorDefault50:#2663cb;--colorDefault60:#2053aa;--colorDefault70:#183e7f;--textColorDefault10:#8c8c8c;--textColorDefault20:#bbb;--textColorDefault30:#dfdfdf;--textColorDefault40:#fff;--textColorDefault50:#fff;--textColorDefault60:#fff;--textColorDefault70:#fff;--colorPrimary10:#d8daeb;--colorPrimary20:#b4b7da;--colorPrimary30:#878ec9;--colorPrimary40:#3f51b5;--colorPrimary50:#37479e;--colorPrimary60:#2e3b85;--colorPrimary70:#232c63;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#d6e0d6;--colorSuccess20:#b0c4b0;--colorSuccess30:#7fa57f;--colorSuccess40:#257d25;--colorSuccess50:#206d20;--colorSuccess60:#1b5c1b;--colorSuccess70:#144414;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#fbe9da;--colorWarning20:#f7d7b7;--colorWarning30:#f4c38d;--colorWarning40:#f0ad4e;--colorWarning50:#d29744;--colorWarning60:#b07f39;--colorWarning70:#835f2b;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#f1d8d7;--colorDanger20:#e6b3b2;--colorDanger30:#da8584;--colorDanger40:#ce3a36;--colorDanger50:#b4332f;--colorDanger60:#972a28;--colorDanger70:#71201e;--textColorDanger10:#8c8c8c;--textColorDanger20:#bbb;--textColorDanger30:#dfdfdf;--textColorDanger40:#fff;--textColorDanger50:#fff;--textColorDanger60:#fff;--textColorDanger70:#fff;--colorRoyal10:#e2ddf9;--colorRoyal20:#c8bef4;--colorRoyal30:#ab9aef;--colorRoyal40:#886aea;--colorRoyal50:#775dcd;--colorRoyal60:#644eab;--colorRoyal70:#4a3a80;--textColorRoyal10:#8c8c8c;--textColorRoyal20:#bbb;--textColorRoyal30:#dfdfdf;--textColorRoyal40:#fff;--textColorRoyal50:#fff;--textColorRoyal60:#fff;--textColorRoyal70:#fff;--colorCalm10:#d6eefb;--colorCalm20:#aee0f9;--colorCalm30:#7cd1f6;--colorCalm40:#11c1f3;--colorCalm50:#0fa9d5;--colorCalm60:#0c8db2;--colorCalm70:#096a85;--textColorCalm10:#8c8c8c;--textColorCalm20:#bbb;--textColorCalm30:#dfdfdf;--textColorCalm40:#fff;--textColorCalm50:#fff;--textColorCalm60:#fff;--textColorCalm70:#fff;--colorLight10:#fff;--colorLight20:#fff;--colorLight30:#fff;--colorLight40:#fff;--colorLight50:#dfdfdf;--colorLight60:#bbb;--colorLight70:#8c8c8c;--textColorLight10:#000;--textColorLight20:#000;--textColorLight30:#000;--textColorLight40:#000;--textColorLight50:#7b7b7b;--textColorLight60:#aeaeae;--textColorLight70:#d5d5d5;--colorStable10:#fdfdfd;--colorStable20:#fbfbfb;--colorStable30:#fafafa;--colorStable40:#f8f8f8;--colorStable50:#d9d9d9;--colorStable60:#b6b6b6;--colorStable70:#888;--textColorStable10:#252525;--textColorStable20:#323232;--textColorStable30:#3c3c3c;--textColorStable40:#444;--textColorStable50:#898989;--textColorStable60:#b5b5b5;--textColorStable70:#d9d9d9;--colorDark10:#d9d9d9;--colorDark20:#b5b5b5;--colorDark30:#898989;--colorDark40:#444;--colorDark50:#3c3c3c;--colorDark60:#323232;--colorDark70:#252525;--textColorDark10:#8c8c8c;--textColorDark20:#bbb;--textColorDark30:#dfdfdf;--textColorDark40:#fff;--textColorDark50:#fff;--textColorDark60:#fff;--textColorDark70:#fff;--colorNeutral00:#fff;--colorNeutral10:#f1f1f1;--colorNeutral20:#e3e3e3;--colorNeutral30:#d5d5d5;--colorNeutral40:#c7c7c7;--colorNeutral50:#b9b9b9;--colorNeutral60:#acacac;--colorNeutral70:#9e9e9e;--colorNeutral80:#909090;--colorNeutral90:#828282;--colorNeutral100:#747474;--colorNeutral110:#666;--colorNeutral120:#5d5d5d;--colorNeutral130:#535353;--colorNeutral140:#4a4a4a;--colorNeutral150:#414141;--colorNeutral160:#383838;--colorNeutral170:#2e2e2e;--colorNeutral180:#252525;--colorNeutral190:#1c1c1c;--colorNeutral200:#131313;--colorNeutral210:#090909;--colorNeutral220:#000;--btnDefault:var(--colorDefault40,#1e293b);--btnPrimary:var(--colorPrimary40,#4f46e5);--btnSuccess:var(--colorSuccess40,#22c55e);--btnCalm:var(--colorCalm40,#11c1f3);--btnWarning:var(--colorWarning40,#f59e0b);--btnDanger:var(--colorDanger40,#ef4444);--btnLight:var(--colorLight40,#fff);--btnLink:var(--textColorLight40,#383838);--btnStable:var(--colorStable40,#f8f8f8);--btnRoyal:var(--colorRoyal40,#93c);--btnDark:var(--colorDark40,#adafae);--textColorDefault:var(--textColorDefault40,#fff);--textColorPrimary:var(--textColorPrimary40,#fff);--textColorSuccess:var(--textColorSuccess40,#fff);--textColorCalm:var(--textColorDefault40,#fff);--textColorWarning:var(--textColorWarning40,#fff);--textColorDanger:var(--textColorDanger40,#fff);--textColorLight:var(--textColorLight40,#383838);--textColorStable:var(--textColorStable40,#444);--textColorRoyal:var(--textColorRoyal40,#fff);--textColorDark:var(--textColorDark40,#000);--borderBtnLink:transparent;--borderBtnDefault:transparent;--borderBtnPrimary:transparent;--borderBtnSuccess:transparent;--borderBtnCalm:transparent;--borderBtnWarning:transparent;--borderBtnDanger:transparent;--borderBtnLight:transparent;--borderBtnStable:transparent;--borderBtnRoyal:transparent;--borderBtnDark:transparent;--colorDefault:var(--colorDefault40,#1e293b);--colorPrimary:var(--colorPrimary40,#4f46e5);--colorSuccess:var(--colorSuccess40,#22c55e);--colorCalm:var(--colorDefault40,#1e293b);--colorWarning:var(--colorWarning40,#f59e0b);--colorDanger:var(--colorDanger40,#ef4444);--colorLight:var(--colorLight50,#dfdfdf);--colorStable:var(--colorLight50,#dfdfdf);--colorRoyal:var(--colorRoyal40,#93c);--colorDark:var(--colorDark40,#adafae);--checkboxDefault:var(--colorDefault40,#1e293b);--checkboxPrimary:var(--colorPrimary40,#4f46e5);--checkboxSuccess:var(--colorSuccess40,#22c55e);--checkboxCalm:var(--colorCalm40,#11c1f3);--checkboxWarning:var(--colorWarning40,#f59e0b);--checkboxDanger:var(--colorDanger40,#ef4444);--checkboxLight:var(--colorLight50,#dfdfdf);--checkboxStable:var(--colorStable40,#f8f8f8);--checkboxRoyal:var(--colorRoyal40,#93c);--checkboxDark:var(--colorDark40,#adafae);--borderCheckboxDefault:var(--colorDefault40,#1e293b);--borderCheckboxPrimary:var(--colorPrimary40,#4f46e5);--borderCheckboxSuccess:var(--colorSuccess40,#22c55e);--borderCheckboxCalm:var(--colorCalm40,#11c1f3);--borderCheckboxWarning:var(--colorWarning40,#f59e0b);--borderCheckboxDanger:var(--colorDanger40,#ef4444);--borderCheckboxLight:var(--colorLight50,#dfdfdf);--borderCheckboxStable:var(--colorStable40,#f8f8f8);--borderCheckboxRoyal:var(--colorRoyal40,#93c);--borderCheckboxDark:var(--colorDark40,#adafae);--toggleDefault:var(--colorDefault40,#1e293b);--togglePrimary:var(--colorPrimary40,#4f46e5);--toggleSuccess:var(--colorSuccess40,#22c55e);--toggleCalm:var(--colorCalm40,#11c1f3);--toggleWarning:var(--colorWarning40,#f59e0b);--toggleDanger:var(--colorDanger40,#ef4444);--toggleLight:var(--colorLight50,#dfdfdf);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#93c);--toggleDark:var(--colorDark40,#adafae);--borderToggleDefault:var(--colorDefault40,#1e293b);--borderTogglePrimary:var(--colorPrimary40,#4f46e5);--borderToggleSuccess:var(--colorSuccess40,#22c55e);--borderToggleCalm:var(--colorCalm40,#11c1f3);--borderToggleWarning:var(--colorWarning40,#f59e0b);--borderToggleDanger:var(--colorDanger40,#ef4444);--borderToggleLight:var(--colorLight50,#dfdfdf);--borderToggleStable:var(--colorStable50,#9c9c9c);--borderToggleRoyal:var(--colorRoyal40,#93c);--borderToggleDark:var(--colorDark40,#adafae);--bgDefault:var(--colorPrimary40,#4f46e5);--bgPrimary:var(--colorDefault40,#1e293b);--bgSuccess:var(--colorSuccess40,#22c55e);--bgCalm:var(--colorCalm40,#11c1f3);--bgWarning:var(--colorWarning40,#f59e0b);--bgDanger:var(--colorDanger40,#ef4444);--bgLight:var(--colorLight40,#fff);--bgStable:var(--colorStable40,#f8f8f8);--bgRoyal:var(--colorRoyal40,#93c);--bgDark:var(--colorDark40,#adafae);--borderActiveBackgroundDefault:transparent;--borderActiveBackgroundPrimary:transparent;--borderActiveBackgroundSuccess:transparent;--borderActiveBackgroundCalm:transparent;--borderActiveBackgroundWarning:transparent;--borderActiveBackgroundDanger:transparent;--borderActiveBackgroundLight:transparent;--borderActiveBackgroundStable:transparent;--borderActiveBackgroundRoyal:transparent;--borderActiveBackgroundDark:transparent;--activeBackgroundDefault:var(--colorPrimary40,#4f46e5);--activeBackgroundPrimary:var(--colorDefault40,#1e293b);--activeBackgroundSuccess:var(--colorSuccess40,#22c55e);--activeBackgroundCalm:var(--colorCalm40,#11c1f3);--activeBackgroundWarning:var(--colorWarning40,#f59e0b);--activeBackgroundDanger:var(--colorDanger40,#ef4444);--activeBackgroundLight:var(--colorLight40,#fff);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#93c);--activeBackgroundDark:var(--colorDark40,#adafae);--ionSegmentDefault:var(--textColorPrimary40,#fff);--ionSegmentPrimary:var(--textColorDefault40,#fff);--ionSegmentSuccess:var(--textColorSuccess40,#fff);--ionSegmentCalm:var(--textColorCalm40,#fff);--ionSegmentWarning:var(--textColorWarning40,#fff);--ionSegmentDanger:var(--textColorDanger40,#fff);--ionSegmentLight:var(--textColorLight40,#383838);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#000);--iconThemeLightDefault:var(--colorPrimary40,#4f46e5);--iconThemeLightPrimary:var(--colorDefault40,#1e293b);--iconThemeLightSuccess:var(--colorSuccess40,#22c55e);--iconThemeLightCalm:var(--colorCalm40,#11c1f3);--iconThemeLightWarning:var(--colorWarning40,#f59e0b);--iconThemeLightDanger:var(--colorDanger40,#ef4444);--iconThemeLightLight:var(--textColorLight40,#383838);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--colorRoyal40,#93c);--iconThemeLightDark:var(--colorDark40,#adafae);--tabsDefault:var(--colorDefault40,#1e293b);--tabsPrimary:var(--colorPrimary40,#4f46e5);--tabsSuccess:var(--colorSuccess40,#22c55e);--tabsCalm:var(--colorCalm40,#11c1f3);--tabsWarning:var(--colorWarning40,#f59e0b);--tabsDanger:var(--colorDanger40,#ef4444);--tabsLight:var(--colorLight40,#fff);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#93c);--tabsDark:var(--colorDark40,#adafae);--barDefault:var(--colorDefault40,#1e293b);--barPrimary:var(--colorDefault40,#1e293b);--barSuccess:var(--colorSuccess40,#22c55e);--barCalm:var(--colorCalm40,#11c1f3);--barWarning:var(--colorWarning40,#f59e0b);--barDanger:var(--colorDanger40,#ef4444);--barLight:var(--colorLight40,#fff);--barStable:var(--colorStable40,#f8f8f8);--barRoyal:var(--colorRoyal40,#93c);--barDark:var(--colorDark40,#adafae);--backgroundDefault:var(--textColorDefault40,#fff);--backgroundPrimary:var(--colorDefault40,#1e293b);--backgroundSuccess:var(--colorSuccess40,#22c55e);--backgroundCalm:var(--colorCalm40,#11c1f3);--backgroundWarning:var(--colorWarning40,#f59e0b);--backgroundDanger:var(--colorDanger40,#ef4444);--backgroundLight:var(--colorLight40,#fff);--backgroundStable:var(--colorStable40,#f8f8f8);--backgroundRoyal:var(--colorRoyal40,#93c);--backgroundDark:var(--colorDark40,#adafae);--tabsIconDefault:var(--colorDefault40,#1e293b);--tabsIconPrimary:var(--textColorDefault40,#fff);--tabsIconSuccess:var(--textColorSuccess40,#fff);--tabsIconCalm:var(--textColorCalm40,#fff);--tabsIconWarning:var(--textColorWarning40,#fff);--tabsIconDanger:var(--textColorDanger40,#fff);--tabsIconLight:var(--textColorLight40,#000);--tabsIconStable:var(--textColorStable40,#444);--tabsIconRoyal:var(--textColorRoyal40,#fff);--tabsIconDark:var(--textColorDark40,#000)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--fontFamily,"Roboto","Segoe UI",sans-serif)}a,a:focus,a:active,a:hover{color:var(--colorPrimary40,#5665be)}.light,a.light,.color-light{color:var(--colorLight50,#dfdfdf)}.stable,a.stable,.color-stable{color:var(--colorStable50,#d9d9d9)}.login-bg{background:linear-gradient(-140deg,var(--backgroundLogin20,#80c8ff),var(--backgroundLogin30,#4db2ff),var(--backgroundLogin40,#0091ff),var(--backgroundLogin50,#0082e6),var(--backgroundLogin60,#004880))}.login-mobile .button.button-positive,.login-mobile .button.button-light{background:var(--colorNeutral00,#fff);border:0}.login-mobile .button.button-positive span,.login-mobile .button.button-positive i,.login-mobile .button.button-positive.active span,.login-mobile .button.button-positive:active span,.login-mobile .button.button-positive:focus span,.login-mobile .button.button-positive:hover span,.login-mobile .button.button-positive.active i,.login-mobile .button.button-positive:active i,.login-mobile .button.button-positive:focus i,.login-mobile .button.button-positive:hover i,.login-mobile .button.button-light span,.login-mobile .button.button-light i,.login-mobile .button.button-light.active span,.login-mobile .button.button-light:active span,.login-mobile .button.button-light:focus span,.login-mobile .button.button-light:hover span,.login-mobile .button.button-light.active i,.login-mobile .button.button-light:active i,.login-mobile .button.button-light:focus i,.login-mobile .button.button-light:hover i{color:var(--colorPrimary40,#2767e6)}.login-mobile .button.button-positive.active,.login-mobile .button.button-positive:active,.login-mobile .button.button-positive.activated,.login-mobile .button.button-light:active,.login-mobile .button.button-light.activated{background:var(--colorLight40,#fff)}.login-bg img[src="node_modules/cronapp-framework-mobile-js/img/logo.svg"],.login-bg img[src="assets/app-logo-login.svg"]{filter:brightness(0) invert(1)}#crn-heading-reset,#reset-password-label{color:var(--colorLight40,#fff)}.item,.item-select select{border-color:var(--textColor10,#d8d8d8)}.bar.bar-default{border-color:var(--colorDefault40,#3b448e);background:var(--colorDefault40,#3b448e);color:var(--textColorPrimary40,#fff)}.bar.bar-default .button .icon,.bar.bar-default .title{color:var(--textColorPrimary40,#fff)}.bar.bar-positive{border-color:var(--colorDefault40,#3b448e);background:var(--colorDefault40,#3b448e);color:var(--textColorDefault40,#fff)}.bar.bar-positive .button .icon,.bar.bar-positive .title{color:var(--textColorDefault40,#fff)}.menu-view{background:var(--colorPrimary40,#3f51b5)}.button.button-positive{background:var(--colorPrimary40,#5665be)}.button.button-positive:active,.button.button-positive.activated{background:var(--colorPrimary40,#5665be)}.button.button-light.button-outline{border-color:var(--colorLight50,#dfdfdf)}.button.button-light.button-outline span,.button.button-light.button-outline i{color:var(--colorLight50,#dfdfdf)}.button.button-light.button-outline:active,.button.button-light.button-outline.activated{background:var(--colorLight50,#dfdfdf)}.button.button-stable.button-outline{border-color:var(--colorStable50,#d9d9d9)}.button.button-stable.button-outline span,.button.button-stable.button-outline i{color:var(--colorStable50,#d9d9d9)}.button.button-stable.button-outline:active,.button.button-stable.button-outline.activated{background:var(--colorStable50,#d9d9d9)}.tabs-striped.background-default .tabs{background:var(--textColorDefault40,#fff)}.tabs-striped.tabs-icon-default .tab-item{color:var(--colorDefault40,#3b448e);opacity:.5}.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--colorDefault40,#3b448e);border-color:var(--colorDefault40,#3b448e);opacity:1}