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

Javascript library for CronApp's projects

@import 'button-lumen.css';@import 'crn-ion-header-bar.css';@import '../../../fonts/SourceSansPro/SourceSansPro.css';@import '../../../fonts/calibri/calibri.css';:root{--fontFamily:"Source Sans Pro","Calibri","Candara",Arial,sans-serif;--textColor:#555;--textSmallSize:12px;--textNormalSize:14px;--textMediumSize:18px;--textBigSize:24px;--textExtraBigSize:30px;--textFullSize:36px;--textColor10:#dadada;--textColor20:#b8b8b8;--textColor30:#909090;--textColor40:#555;--textColor50:#4a4a4a;--textColor60:#3e3e3e;--textColor70:#2f2f2f;--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:#fff;--backgroundLogin20:#fff;--backgroundLogin30:#fff;--backgroundLogin40:#fff;--backgroundLogin50:#dfdfdf;--backgroundLogin60:#bbb;--backgroundLogin70:#8c8c8c;--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:#fbfbfb;--colorDefault20:#f7f7f7;--colorDefault30:#f4f4f4;--colorDefault40:#f0f0f0;--colorDefault50:#d2d2d2;--colorDefault60:#b0b0b0;--colorDefault70:#838383;--textColorDefault10:#131313;--textColorDefault20:#191919;--textColorDefault30:#1e1e1e;--textColorDefault40:#222;--textColorDefault50:#7f7f7f;--textColorDefault60:#afafaf;--textColorDefault70:#d6d6d6;--colorPrimary10:#d6e3ec;--colorPrimary20:#aecadd;--colorPrimary30:#7daecc;--colorPrimary40:#158cba;--colorPrimary50:#127ba3;--colorPrimary60:#0f6788;--colorPrimary70:#0c4d66;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#d6ebd7;--colorSuccess20:#b0dbb1;--colorSuccess30:#80c981;--colorSuccess40:#28b62c;--colorSuccess50:#239f27;--colorSuccess60:#1d8520;--colorSuccess70:#166418;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#ffe1d6;--colorWarning20:#ffc7af;--colorWarning30:#ffaa7d;--colorWarning40:#ff851b;--colorWarning50:#df7418;--colorWarning60:#bb6114;--colorWarning70:#8c490f;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#ffd8d7;--colorDanger20:#ffb4b2;--colorDanger30:#ff8884;--colorDanger40:#ff4136;--colorDanger50:#df392f;--colorDanger60:#bb3028;--colorDanger70:#8c241e;--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:#dff0f9;--colorCalm20:#c2e4f4;--colorCalm30:#a0d8f0;--colorCalm40:#75caeb;--colorCalm50:#66b1ce;--colorCalm60:#5694ac;--colorCalm70:#406f81;--textColorCalm10:#8c8c8c;--textColorCalm20:#bbb;--textColorCalm30:#dfdfdf;--textColorCalm40:#fff;--textColorCalm50:#fff;--textColorCalm60:#fff;--textColorCalm70:#fff;--colorLight10:#fcfcfc;--colorLight20:#fafafa;--colorLight30:#f8f8f8;--colorLight40:#f6f6f6;--colorLight50:#d7d7d7;--colorLight60:#b4b4b4;--colorLight70:#878787;--textColorLight10:#131313;--textColorLight20:#191919;--textColorLight30:#1e1e1e;--textColorLight40:#222;--textColorLight50:#7f7f7f;--textColorLight60:#afafaf;--textColorLight70:#d6d6d6;--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:#dadada;--colorDark20:#b8b8b8;--colorDark30:#909090;--colorDark40:#555;--colorDark50:#4a4a4a;--colorDark60:#3e3e3e;--colorDark70:#2f2f2f;--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;--btnLink:var(--colorPrimary40,#158cba);--btnDefault:var(--colorDefault40,#f0f0f0);--btnPrimary:var(--colorPrimary40,#158cba);--btnSuccess:var(--colorSuccess40,#28b62c);--btnCalm:var(--colorCalm40,#75caeb);--btnWarning:var(--colorWarning40,#ff851b);--btnDanger:var(--colorDanger40,#ff4136);--btnLight:var(--colorLight40,#f6f6f6);--btnStable:var(--colorStable40,#f8f8f8);--btnRoyal:var(--colorRoyal40,#886aea);--btnDark:var(--colorDark40,#555);--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,#222);--textColorStable:var(--textColorStable40,#444);--textColorRoyal:var(--textColorRoyal40,#fff);--textColorDark:var(--textColorDark40,#fff);--borderBtnLink:transparent;--borderBtnDefault:var(--colorDefault50,#d2d2d2);--borderBtnPrimary:var(--colorPrimary50,#127ba3);--borderBtnSuccess:var(--colorSuccess50,#239f27);--borderBtnCalm:var(--colorCalm50,#66b1ce);--borderBtnWarning:var(--colorWarning50,#df7418);--borderBtnDanger:var(--colorDanger50,#df392f);--borderBtnLight:var(--colorLight50,#d7d7d7);--borderBtnStable:var(--colorStable50,#d9d9d9);--borderBtnRoyal:var(--colorRoyal50,#775dcd);--borderBtnDark:var(--colorDark50,#4a4a4a);--colorDefault:var(--colorDefault50,#d2d2d2);--colorPrimary:var(--colorPrimary40,#158cba);--colorSuccess:var(--colorSuccess40,#28b62c);--colorCalm:var(--colorCalm40,#75caeb);--colorWarning:var(--colorWarning40,#ff851b);--colorDanger:var(--colorDanger40,#ff4136);--colorLight:var(--colorLight50,#d7d7d7);--colorStable:var(--colorStable50,#d9d9d9);--colorRoyal:var(--colorRoyal40,#886aea);--colorDark:var(--colorDark40,#555);--checkboxDefault:var(--colorDefault50,#d2d2d2);--checkboxPrimary:var(--colorPrimary40,#158cba);--checkboxSuccess:var(--colorSuccess40,#28b62c);--checkboxCalm:var(--colorCalm40,#75caeb);--checkboxWarning:var(--colorWarning40,#ff851b);--checkboxDanger:var(--colorDanger40,#ff4136);--checkboxLight:var(--colorLight50,#d7d7d7);--checkboxStable:var(--colorStable40,#f8f8f8);--checkboxRoyal:var(--colorRoyal40,#886aea);--checkboxDark:var(--colorDark40,#555);--borderCheckboxDefault:transparent;--borderCheckboxPrimary:transparent;--borderCheckboxSuccess:transparent;--borderCheckboxCalm:transparent;--borderCheckboxWarning:transparent;--borderCheckboxDanger:transparent;--borderCheckboxLight:transparent;--borderCheckboxStable:transparent;--borderCheckboxRoyal:transparent;--borderCheckboxDark:transparent;--toggleDefault:var(--colorDefault40,#f0f0f0);--togglePrimary:var(--colorPrimary40,#158cba);--toggleSuccess:var(--colorSuccess40,#28b62c);--toggleCalm:var(--colorCalm40,#75caeb);--toggleWarning:var(--colorWarning40,#ff851b);--toggleDanger:var(--colorDanger40,#ff4136);--toggleLight:var(--colorLight50,#d7d7d7);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#886aea);--toggleDark:var(--colorDark40,#555);--borderToggleDefault:transparent;--borderTogglePrimary:transparent;--borderToggleSuccess:transparent;--borderToggleCalm:transparent;--borderToggleWarning:transparent;--borderToggleDanger:transparent;--borderToggleLight:transparent;--borderToggleStable:transparent;--borderToggleRoyal:transparent;--borderToggleDark:transparent;--bgDefault:var(--colorPrimary40,#158cba);--bgPrimary:var(--colorDefault40,#f0f0f0);--bgSuccess:var(--colorSuccess40,#28b62c);--bgCalm:var(--colorCalm40,#75caeb);--bgWarning:var(--colorWarning40,#ff851b);--bgDanger:var(--colorDanger40,#ff4136);--bgLight:var(--colorLight40,#f6f6f6);--bgStable:var(--colorStable40,#f8f8f8);--bgRoyal:var(--colorRoyal40,#886aea);--bgDark:var(--colorDark40,#555);--borderActiveBackgroundDefault:transparent;--borderActiveBackgroundPrimary:transparent;--borderActiveBackgroundSuccess:transparent;--borderActiveBackgroundCalm:transparent;--borderActiveBackgroundWarning:transparent;--borderActiveBackgroundDanger:transparent;--borderActiveBackgroundLight:transparent;--borderActiveBackgroundStable:transparent;--borderActiveBackgroundRoyal:transparent;--borderActiveBackgroundDark:transparent;--activeBackgroundDefault:var(--colorPrimary40,#158cba);--activeBackgroundPrimary:var(--colorDefault40,#f0f0f0);--activeBackgroundSuccess:var(--colorSuccess40,#28b62c);--activeBackgroundCalm:var(--colorCalm40,#75caeb);--activeBackgroundWarning:var(--colorWarning40,#ff851b);--activeBackgroundDanger:var(--colorDanger40,#ff4136);--activeBackgroundLight:var(--colorLight40,#f6f6f6);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#886aea);--activeBackgroundDark:var(--colorDark40,#555);--ionSegmentDefault:var(--textColorPrimary40,#fff);--ionSegmentPrimary:var(--textColorDefault40,#222);--ionSegmentSuccess:var(--textColorSuccess40,#fff);--ionSegmentCalm:var(--textColorCalm40,#fff);--ionSegmentWarning:var(--textColorWarning40,#fff);--ionSegmentDanger:var(--textColorDanger40,#fff);--ionSegmentLight:var(--textColorLight40,#222);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#fff);--iconThemeLightDefault:var(--textColorPrimary40,#fff);--iconThemeLightPrimary:var(--textColorDefault40,#222);--iconThemeLightSuccess:var(--textColorSuccess40,#fff);--iconThemeLightCalm:var(--textColorCalm40,#fff);--iconThemeLightWarning:var(--textColorWarning40,#fff);--iconThemeLightDanger:var(--textColorDanger40,#fff);--iconThemeLightLight:var(--textColorLight40,#222);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--textColorRoyal40,#fff);--iconThemeLightDark:var(--textColorDark40,#fff);--tabsDefault:var(--colorDefault40,#f0f0f0);--tabsPrimary:var(--colorPrimary40,#158cba);--tabsSuccess:var(--colorSuccess40,#28b62c);--tabsCalm:var(--colorCalm40,#75caeb);--tabsWarning:var(--colorWarning40,#ff851b);--tabsDanger:var(--colorDanger40,#ff4136);--tabsLight:var(--colorLight40,#f6f6f6);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#886aea);--tabsDark:var(--colorDark40,#555);--barDefault:var(--colorDefault50,#d2d2d2);--barPrimary:var(--colorPrimary60,#0f6788);--barSuccess:var(--colorSuccess50,#239f27);--barCalm:var(--colorCalm50,#66b1ce);--barWarning:var(--colorWarning50,#df7418);--barDanger:var(--df7418olorDanger50,#e74c3c);--barLight:var(--colorLight50,#d7d7d7);--barStable:var(--colorStable50,#d9d9d9);--barRoyal:var(--colorRoyal50,#775dcd);--barDark:var(--colorDark50,#4a4a4a);--backgroundDefault:var(--colorDefault50,#d2d2d2);--backgroundPrimary:var(--colorPrimary60,#0f6788);--backgroundSuccess:var(--colorSuccess50,#239f27);--backgroundCalm:var(--colorCalm50,#66b1ce);--backgroundWarning:var(--colorWarning50,#df7418);--backgroundDanger:var(--colorDanger50,#df392f);--backgroundLight:var(--colorLight50,#d7d7d7);--backgroundStable:var(--colorStable50,#d9d9d9);--backgroundRoyal:var(--colorRoyal50,#775dcd);--backgroundDark:var(--colorDark50,#4a4a4a);--tabsIconDefault:var(--textColor30,#909090);--tabsIconPrimary:var(--textColorPrimary40,#fff);--tabsIconSuccess:var(--textColorSuccess40,#fff);--tabsIconCalm:var(--textColorCalm40,#fff);--tabsIconWarning:var(--textColorWarning40,#fff);--tabsIconDanger:var(--textColorDanger40,#fff);--tabsIconLight:var(--textColorLight40,#222);--tabsIconStable:var(--textColorStable40,#444);--tabsIconRoyal:var(--textColorRoyal40,#fff);--tabsIconDark:var(--textColorDark40,#fff)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--fontFamily,"Source Sans Pro","Calibri",sans-serif);color:var(--textColor60,#3e3e3e)}a,a:focus,a:active,a:hover{color:var(--colorPrimary40,#158cba)}.default,a.default,.color-default{color:var(--colorDefault50,#d2d2d2)}.light,a.light,.color-light{color:var(--colorLight50,#d7d7d7)}.stable,a.stable,.color-stable{color:var(--colorStable50,#d9d9d9)}.login-bg{background:var(--backgroundLogin40,#fff)}.login-mobile .item-input input::placeholder{color:var(--textColor30,#7f7f7f)}#reset-password-label,#crn-title-signup,#crn-heading-reset,#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input{color:var(--textColor40,#555)}.login-mobile input:focus,.login-mobile input{border-bottom:1px solid var(--textColor30,#7f7f7f)}.login-mobile .button.button-positive,.login-mobile .button{text-transform:capitalize;letter-spacing:0;border-width:0 1px 4px 1px;background:var(--colorPrimary40,#158cba);border-color:var(--colorPrimary60,#0f6788);color:var(--textColorPrimary40,#fff)}.login-mobile .button.button-positive.active,.login-mobile .button.button-positive:active,.login-mobile .button.button-positive.activated,.login-mobile .button:active,.login-mobile .button.activated{color:var(--textColorPrimary40,#fff);background:var(--colorPrimary50,#127ba3);border-color:transparent}.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 i,.login-mobile .button span,.login-mobile .button:active i,.login-mobile .button:active span,.login-mobile .button.activated i,.login-mobile .button.activated span{color:var(--textColorPrimary40,#fff)}.login-mobile input::placeholder{color:var(--textColor30,#7f7f7f)}#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input{color:var(--textColor40,#555)}.login-mobile input:focus,.login-mobile input{border-bottom:1px solid var(--textColor30,#7f7f7f)}.menu-view .item h2,.login-bg .item h2,.menu-view .item h3,.login-bg .item h3,.menu-view .item,.login-bg .item{color:var(--textColor30,#7f7f7f)}.menu-view .item-icon-left .icon,.login-bg .item-icon-left .icon{color:var(--textColor30,#7f7f7f);border-color:var(--textColor30,#7f7f7f)}.menu-view .user-avatar i{color:var(--textColor30,#7f7f7f)}.menu.menu-left{border-right:4px solid var(--colorDefault50,#d2d2d2)}.menu.menu-right{border-left:4px solid var(--colorDefault50,#d2d2d2)}.item-complex .item-content,.item-radio .item-content,.pane,.view{border:0;box-shadow:none}.tabs-striped .tab-item.active,.tabs-striped .tab-item.activated{border-top-width:4px}.tabs-striped.background-default .tabs{background:var(--colorDefault40,#f0f0f0)}.tabs-striped.tabs-icon-default .tab-item,.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--textColor30,#7f7f7f);border-color:var(--textColor30,#7f7f7f)}.tabs-striped.tabs-icon-positive .tab-item,.tabs-striped.tabs-icon-positive .tab-item.active,.tabs-striped.tabs-icon-positive .tab-item.activated{border-color:var(--colorPrimary50,#b0b0b0)}.tabs-striped.tabs-icon-assertive .tab-item,.tabs-striped.tabs-icon-assertive .tab-item.active,.tabs-striped.tabs-icon-assertive .tab-item.activated{border-color:var(--colorDanger50,#bb3028)}.tabs-striped.tabs-icon-energized .tab-item,.tabs-striped.tabs-icon-energized .tab-item.active,.tabs-striped.tabs-icon-energized .tab-item.activated{border-color:var(--colorWarning50,#bb6114)}.tabs-striped.tabs-icon-balanced .tab-item,.tabs-striped.tabs-icon-balanced .tab-item.active,.tabs-striped.tabs-icon-balanced .tab-item.activated{border-color:var(--colorSuccess50,#1d8520)}.tabs-striped.tabs-icon-light .tab-item,.tabs-striped.tabs-icon-light .tab-item.active,.tabs-striped.tabs-icon-light .tab-item.activated{border-color:var(--colorLight50,#b4b4b4)}.tabs-striped.tabs-icon-stable .tab-item,.tabs-striped.tabs-icon-stable .tab-item.active,.tabs-striped.tabs-icon-stable .tab-item.activated{border-color:var(--colorStable50,#b6b6b6)}.tabs-striped.tabs-icon-royal .tab-item,.tabs-striped.tabs-icon-royal .tab-item.active,.tabs-striped.tabs-icon-royal .tab-item.activated{border-color:var(--colorRoyal50,#644eab)}.tabs-striped.tabs-icon-dark .tab-item,.tabs-striped.tabs-icon-dark .tab-item.active,.tabs-striped.tabs-icon-dark .tab-item.activated{border-color:var(--colorDark50,#3e3e3e)}.tabs-striped.tabs-icon-calm .tab-item,.tabs-striped.tabs-icon-calm .tab-item.active,.tabs-striped.tabs-icon-calm .tab-item.activated{border-color:var(--colorCalm50,#5694ac)}