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

Javascript library for CronApp's projects

@import 'button-simplex.css';@import 'crn-ion-segment-simplex.css';@import '../../../fonts/open-sans/OpenSans.css';@import '../../../fonts/helvetica-neue/HelveticaNeue.css';:root{--fontFamily:"Open Sans","Helvetica Neue",Arial,sans-serif;--textColor:#777;--textSmallSize:12px;--textNormalSize:13px;--textMediumSize:17px;--textBigSize:23px;--textExtraBigSize:27px;--textFullSize:33px;--textColor10:#dfdfdf;--textColor20:#c2c2c2;--textColor30:#a1a1a1;--textColor40:#777;--textColor50:#686868;--textColor60:#575757;--textColor70:#444;--menuVerticalWidth:270px;--menuSideSize:20px;--menuItemBarSize:6px;--menuElementOverallPadding:10px;--menuItemPaddingSize:calc(var(--menuElementOverallPadding) + 5px);--menuItemIconWidth:25px;--backgroundColor10:#fefefe;--backgroundColor20:#fdfdfd;--backgroundColor30:#fdfdfd;--backgroundColor40:#fcfcfc;--backgroundColor50:#ddd;--backgroundColor60:#b9b9b9;--backgroundColor70:#8a8a8a;--backgroundLogin10:#fefefe;--backgroundLogin20:#fdfdfd;--backgroundLogin30:#fdfdfd;--backgroundLogin40:#fcfcfc;--backgroundLogin50:#ddd;--backgroundLogin60:#b9b9b9;--backgroundLogin70:#8a8a8a;--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:#d9d9d9;--colorDefault20:#b5b6b6;--colorDefault30:#8a8b8b;--colorDefault40:#474949;--colorDefault50:#3e4040;--colorDefault60:#343535;--colorDefault70:#272828;--textColorDefault10:#8c8c8c;--textColorDefault20:#bbb;--textColorDefault30:#dfdfdf;--textColorDefault40:#fff;--textColorDefault50:#fff;--textColorDefault60:#fff;--textColorDefault70:#fff;--colorPrimary10:#f4d6d6;--colorPrimary20:#ebafae;--colorPrimary30:#e27f7c;--colorPrimary40:#d9230f;--colorPrimary50:#be1f0d;--colorPrimary60:#9f1a0b;--colorPrimary70:#771308;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#d9e4d5;--colorSuccess20:#b5cdae;--colorSuccess30:#8ab37b;--colorSuccess40:#469408;--colorSuccess50:#3d8207;--colorSuccess60:#336c06;--colorSuccess70:#265104;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#e6d9e6;--colorWarning20:#cfb5d1;--colorWarning30:#b78aba;--colorWarning40:#9b479f;--colorWarning50:#883e8b;--colorWarning60:#723474;--colorWarning70:#552757;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#f4e1d6;--colorDanger20:#ebc6af;--colorDanger30:#e2a87e;--colorDanger40:#d9831f;--colorDanger50:#be731b;--colorDanger60:#9f6017;--colorDanger70:#774811;--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:#d5e5f2;--colorCalm20:#aecfe6;--colorCalm30:#7bb7db;--colorCalm40:#029acf;--colorCalm50:#0287b5;--colorCalm60:#017198;--colorCalm70:#015471;--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:#d7d8d8;--colorDark20:#b2b3b3;--colorDark30:#848586;--colorDark40:#373a3c;--colorDark50:#303335;--colorDark60:#282a2c;--colorDark70:#1e2021;--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,#d9230f);--btnDefault:linear-gradient(var(--colorDefault40,#474949),var(--colorDefault40,#474949) 6%,var(--colorDefault50,#3e4040));--btnPrimary:linear-gradient(var(--colorPrimary40,#d9230f),var(--colorPrimary40,#d9230f),var(--colorPrimary50,#be1f0d));--btnSuccess:linear-gradient(var(--colorSuccess40,#469408),var(--colorSuccess40,#469408),var(--colorSuccess50,#3d8207));--btnCalm:linear-gradient(var(--colorCalm40,#029acf),var(--colorCalm40,#029acf),var(--colorCalm50,#0287b5));--btnWarning:linear-gradient(var(--colorWarning40,#9b479f),var(--colorWarning40,#9b479f),var(--colorWarning50,#883e8b));--btnDanger:linear-gradient(var(--colorDanger40,#d9831f),var(--colorDanger40,#d9831f),var(--colorDanger50,#be731b));--btnLight:linear-gradient(var(--colorLight30,#fff),var(--colorLight40,#fff) 6%,var(--colorLight50,#dfdfdf));--btnStable:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8),var(--colorStable50,#d9d9d9));--btnRoyal:linear-gradient(var(--colorRoyal40,#9b479f),var(--colorRoyal40,#9b479f),var(--colorRoyal50,#883e8b));--btnDark:linear-gradient(var(--colorDark40,#373a3c),var(--colorDark40,#373a3c),var(--colorDark50,#303335));--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,#333);--textColorStable:var(--textColorStable40,#444);--textColorRoyal:var(--textColorRoyal40,#fff);--textColorDark:var(--textColorDark40,#fff);--borderBtnLink:transparent;--borderBtnDefault:var(--colorDefault50,#3e4040);--borderBtnPrimary:var(--colorPrimary50,#be1f0d);--borderBtnSuccess:var(--colorSuccess40,#469408);--borderBtnCalm:var(--colorCalm40,#029acf);--borderBtnWarning:var(--colorWarning40,#9b479f);--borderBtnDanger:var(--colorDanger50,#be731b);--borderBtnLight:var(--colorLight50,#dfdfdf);--borderBtnStable:var(--colorStable40,#f8f8f8);--borderBtnRoyal:var(--colorRoyal40,#886aea);--borderBtnDark:var(--colorDark40,#373a3c);--colorDefault:var(--colorDefault40,#474949);--colorPrimary:var(--colorPrimary40,#d9230f);--colorSuccess:var(--colorSuccess40,#469408);--colorCalm:var(--colorCalm40,#029acf);--colorWarning:var(--colorWarning40,#9b479f);--colorDanger:var(--colorDanger40,#d9831f);--colorLight:var(--colorLight50,#dfdfdf);--colorStable:var(--colorStable50,#d9d9d9);--colorRoyal:var(--colorRoyal40,#886aea);--colorDark:var(--colorDark40,#373a3c);--checkboxDefault:var(--colorDefault40,#474949);--checkboxPrimary:var(--colorPrimary40,#d9230f);--checkboxSuccess:var(--colorSuccess40,#469408);--checkboxCalm:var(--colorCalm40,#029acf);--checkboxWarning:var(--colorWarning40,#9b479f);--checkboxDanger:var(--colorDanger40,#d9831f);--checkboxLight:var(--colorLight50,#dfdfdf);--checkboxStable:var(--colorStable50,#d9d9d9);--checkboxRoyal:var(--colorRoyal40,#886aea);--checkboxDark:var(--colorDark40,#373a3c);--borderCheckboxDefault:transparent;--borderCheckboxPrimary:transparent;--borderCheckboxSuccess:transparent;--borderCheckboxCalm:transparent;--borderCheckboxWarning:transparent;--borderCheckboxDanger:transparent;--borderCheckboxLight:transparent;--borderCheckboxStable:transparent;--borderCheckboxRoyal:transparent;--borderCheckboxDark:transparent;--toggleDefault:var(--colorDefault50,#3e4040);--togglePrimary:var(--colorPrimary40,#d9230f);--toggleSuccess:var(--colorSuccess40,#469408);--toggleCalm:var(--colorCalm40,#029acf);--toggleWarning:var(--colorWarning40,#9b479f);--toggleDanger:var(--colorDanger40,#d9831f);--toggleLight:var(--colorLight50,#dfdfdf);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#886aea);--toggleDark:var(--colorDark40,#373a3c);--borderTogglePrimary:transparent;--borderToggleSuccess:transparent;--borderToggleCalm:transparent;--borderToggleWarning:transparent;--borderToggleDanger:transparent;--borderToggleLight:transparent;--borderToggleStable:transparent;--borderToggleRoyal:transparent;--borderToggleDark:transparent;--bgDefault:linear-gradient(var(--colorDefault40,#474949),var(--colorDefault40,#474949) 6%,var(--colorDefault50,#3e4040));--bgPrimary:linear-gradient(var(--colorPrimary40,#d9230f),var(--colorPrimary40,#d9230f),var(--colorPrimary50,#be1f0d));--bgSuccess:linear-gradient(var(--colorSuccess40,#469408),var(--colorSuccess40,#469408),var(--colorSuccess50,#3d8207));--bgCalm:linear-gradient(var(--colorCalm40,#029acf),var(--colorCalm40,#029acf),var(--colorCalm50,#0287b5));--bgWarning:linear-gradient(var(--colorWarning40,#9b479f),var(--colorWarning40,#9b479f),var(--colorWarning50,#883e8b));--bgDanger:linear-gradient(var(--colorDanger40,#d9831f),var(--colorDanger40,#d9831f),var(--colorDanger50,#be731b));--bgLight:linear-gradient(var(--colorLight30,#fff),var(--colorLight40,#fff) 6%,var(--colorLight50,#dfdfdf));--bgStable:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8),var(--colorStable50,#d9d9d9));--bgRoyal:linear-gradient(var(--colorRoyal40,#886aea),var(--colorRoyal40,#886aea),var(--colorRoyal50,#883e8b));--bgDark:linear-gradient(var(--colorDark40,#373a3c),var(--colorDark40,#373a3c),var(--colorDark50,#303335));--borderActiveBackgroundDefault:var(--colorDefault50,#3e4040);--borderActiveBackgroundPrimary:var(--colorPrimary50,#be1f0d);--borderActiveBackgroundSuccess:var(--colorSuccess40,#469408);--borderActiveBackgroundCalm:var(--colorCalm40,#029acf);--borderActiveBackgroundWarning:var(--colorWarning40,#9b479f);--borderActiveBackgroundDanger:var(--colorDanger50,#be731b);--borderActiveBackgroundLight:var(--colorLight50,#dfdfdf);--borderActiveBackgroundStable:var(--colorStable40,#f8f8f8);--borderActiveBackgroundRoyal:var(--colorRoyal40,#886aea);--borderActiveBackgroundDark:var(--colorDark40,#373a3c);--activeBackgroundDefault:var(--colorDefault40,#3e3f3a);--activeBackgroundPrimary:var(--colorPrimary40,#d9230f);--activeBackgroundSuccess:var(--colorSuccess40,#469408);--activeBackgroundCalm:var(--colorCalm40,#029acf);--activeBackgroundWarning:var(--colorWarning40,#9b479f);--activeBackgroundDanger:var(--colorDanger40,#d9831f);--activeBackgroundLight:var(--colorLight50,#dfdfdf);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#886aea);--activeBackgroundDark:var(--colorDark40,#373a3c);--ionSegmentDefault:var(--textColorDefault40,#fff);--ionSegmentPrimary:var(--textColorPrimary40,#fff);--ionSegmentSuccess:var(--textColorSuccess40,#fff);--ionSegmentCalm:var(--textColorCalm40,#fff);--ionSegmentWarning:var(--textColorWarning40,#fff);--ionSegmentDanger:var(--textColorDanger40,#fff);--ionSegmentLight:var(--textColorLight40,#2d2d2d);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#fff);--iconThemeLightDefault:var(--textColorDefault40,#fff);--iconThemeLightPrimary:var(--textColorPrimary40,#fff);--iconThemeLightSuccess:var(--textColorSuccess40,#fff);--iconThemeLightCalm:var(--textColorCalm40,#fff);--iconThemeLightWarning:var(--textColorWarning40,#fff);--iconThemeLightDanger:var(--textColorDanger40,#fff);--iconThemeLightLight:var(--textColorLight40,#fff);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--textColorRoyal40,#fff);--iconThemeLightDark:var(--textColorDark40,#fff);--tabsDefault:var(--colorDefault40,#3e3f3a);--tabsPrimary:var(--colorPrimary40,#d9230f);--tabsSuccess:var(--colorSuccess40,#469408);--tabsCalm:var(--colorCalm40,#029acf);--tabsWarning:var(--colorWarning40,#9b479f);--tabsDanger:var(--colorDanger40,#d9831f);--tabsLight:var(--colorLight40,#fff);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#886aea);--tabsDark:var(--colorDark40,#373a3c);--barDefault:var(--colorDefault40,#3e3f3a);--barPrimary:var(--colorPrimary40,#d9230f);--barSuccess:var(--colorSuccess40,#469408);--barCalm:var(--colorCalm40,#029acf);--barWarning:var(--colorWarning40,#9b479f);--barDanger:var(--colorDanger40,#d9831f);--barLight:var(--colorLight40,#fff);--barStable:var(--colorStable40,#f8f8f8);--barRoyal:var(--colorRoyal40,#886aea);--barDark:var(--colorDark40,#373a3c);--backgroundDefault:var(--colorDefault40,#3e3f3a);--backgroundPrimary:var(--colorPrimary40,#d9230f);--backgroundSuccess:var(--colorSuccess40,#469408);--backgroundCalm:var(--colorCalm40,#029acf);--backgroundWarning:var(--colorWarning40,#9b479f);--backgroundDanger:var(--colorDanger40,#d9831f);--backgroundLight:var(--colorLight40,#fff);--backgroundStable:var(--colorStable40,#f8f8f8);--backgroundRoyal:var(--colorRoyal40,#886aea);--backgroundDark:var(--colorDark40,#373a3c);--tabsIconDefault:var(--textColorPrimary40,#fff);--tabsIconPrimary:var(--textColorPrimary40,#fff);--tabsIconSuccess:var(--textColorSuccess40,#fff);--tabsIconCalm:var(--textColorCalm40,#fff);--tabsIconWarning:var(--textColorWarning40,#fff);--tabsIconDanger:var(--textColorDanger40,#fff);--tabsIconLight:var(--textColorLight40,#fff);--tabsIconStable:var(--textColorStable40,#444);--tabsIconRoyal:var(--textColorRoyal40,#fff);--tabsIconDark:var(--textColorDark40,#fff)}.default,a.default{color:var(--colorDefault50,#dfdfdf)}.stable,a.stable,.color-stable{color:var(--colorStable50,#d9d9d9)}.light,a.light,.color-light{color:var(--colorLight50,#dfdfdf)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--fontFamily) "Open Sans","Helvetica Neue",sans-serif;color:var(--textColor70,#414141);font-weight:400}a,a:focus,a:active,a:hover{color:var(--colorPrimary40,#d9230f)}.login-bg{background:var(--backgroundLogin40,#fff)}.login-mobile .item-input input::placeholder{color:var(--textColor30,#a1a1a1)}.login-mobile input:focus,.login-mobile input{border-bottom:1px solid var(--textColor30,#a1a1a1)}button#button-reset-password,.login-mobile .button{letter-spacing:0;text-transform:capitalize;background:linear-gradient(var(--colorPrimary40,#d9230f),var(--colorPrimary40,#d9230f) 6%,var(--colorPrimary50,#be1f0d));border-color:var(--colorPrimary60,#9f1a0b);color:var(--textColorPrimary40,#fff)}button#button-reset-password.active,.login-mobile .button:active,.login-mobile .button.activated{color:var(--textColorPrimary40,#fff);background:var(--colorPrimary60,#9f1a0b)}button#button-reset-password span,button#button-reset-password 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(--textColor40,#777)}#reset-password-label,#crn-title-signup,#crn-heading-reset,#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input{color:var(--textColor60,#575757)}#crn-heading-reset,#reset-password-label,#crn-title-signup{font-weight:500}.tabs-striped.background-default .tabs{background:var(--colorDefault40,#474949)}.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--textColorDefault40,#fff);border-color:var(--textColorDefault40,#fff)}.tabs-striped.tabs-icon-default .tab-item{color:var(--textColorDefault40,#fff)}.tabs-striped.background-assertive .tabs{background:linear-gradient(var(--colorDanger40,#d9831f),var(--colorDanger40,#d9831f),var(--colorDanger50,#be731b))}.tabs-striped.background-balanced .tabs{background:linear-gradient(var(--colorSuccess40,#469408),var(--colorSuccess40,#469408),var(--colorSuccess50,#3d8207))}.tabs-striped.background-energized .tabs{background:linear-gradient(var(--colorWarning40,#9b479f),var(--colorWarning40,#9b479f),var(--colorWarning50,#883e8b))}.tabs-striped.background-light .tabs{background:linear-gradient(var(--colorLight30,#fff),var(--colorLight40,#fff) 6%,var(--colorLight50,#dfdfdf))}.tabs-striped.background-stable .tabs{background:linear-gradient(var(--colorStable40,#f8f8f8),var(--colorStable40,#f8f8f8),var(--colorStable50,#d9d9d9))}.tabs-striped.background-calm .tabs{background:linear-gradient(var(--colorCalm40,#029acf),var(--colorCalm40,#029acf),var(--colorCalm50,#0287b5))}.tabs-striped.background-positive .tabs{background:linear-gradient(var(--colorPrimary40,#d9230f),var(--colorPrimary40,#d9230f),var(--colorPrimary50,#be1f0d))}.tabs-striped.background-royal .tabs{background:linear-gradient(var(--colorRoyal40,#9b479f),var(--colorRoyal40,#9b479f),var(--colorRoyal50,#883e8b))}.tabs-striped.background-dark .tabs{background:linear-gradient(var(--colorDark40,#373a3c),var(--colorDark40,#373a3c),var(--colorDark50,#303335))}.checkbox-stable input:checked:before,.checkbox-stable input:checked+.checkbox-icon:before{background:var(--colorStable50,#d9d9d9);border-color:var(--colorStable50,#d9d9d9)}.checkbox-stable input:before,.checkbox-stable .checkbox-icon:before{border-color:var(--colorStable50,#d9d9d9)}