{"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendor-extensions/_form.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","mekari-ui-form.css","../../../scss/vendors/mixins/_forms.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"AAMA;EACE,cAAc;EACd,WAAW;EACX,YCiQiB;EDhQjB,yBCLkC;EC0H9B,mBAtCY;EF5EhB,gBGIuC;EHHvC,mBGL0C;EHM1C,cIda;EJeb,sBIVU;EJWV,4BAA4B;EAC5B,yBIda;ECCX,kBJwQqB;EKvQnB,wELwE4F;AMhElG;;ADHI;ENLJ;IMMM,gBAAgB;ECOpB;AACF;;APdA;EAsBI,6BAA6B;EAC7B,SAAS;AOJb;;ACZE;EACE,cJbW;EIcX,sBJTQ;EIUR,qBJDmB;EIEnB,UAAU;EAKR,6CJPiB;AGkBvB;;AP3BA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA2CI,yBI1CW;EJ4CX,UAAU;AORd;;APYA;EAOI,cI7DW;EJ8DX,sBIzDQ;AG0CZ;;APoBA;;EAEE,cAAc;EACd,WAAW;AOjBb;;AP2BA;EACE,iCAA+D;EAC/D,oCAAkE;EAClE,gBAAgB;EEZd,kBAAW;EFcb,mBG7E0C;AIqD5C;;AP2BA;EACE,+BAAkE;EAClE,kCAAqE;EEoCjE,kBAtCY;EFIhB,mBGnF0C;AI2D5C;;AP2BA;EACE,gCAAkE;EAClE,mCAAqE;EE6BjE,kBAtCY;EFWhB,mBGzF0C;AIiE5C;;APiCA;EACE,cAAc;EACd,WAAW;EACX,qBC5GmC;ED6GnC,wBC7GmC;ED8GnC,gBAAgB;EAChB,mBG1G0C;EH2G1C,cInHa;EJoHb,6BAA6B;EAC7B,yBAAyB;EACzB,mBAAmC;AO9BrC;;APoBA;EAcI,gBAAgB;EAChB,eAAe;AO9BnB;;AP0CA;EACE,qCC9DqI;ED+DrI,uBC3HiC;ECgH7B,kBAtCY;EFmDhB,mBGjI0C;EENxC,kBJoDuC;AM6C3C;;AP0CA;EACE,mCCrEqI;EDsErI,oBC9HgC;EC2G5B,kBAtCY;EF2DhB,mBG1I0C;EELxC,kBJmDuC;AMsD3C;;AP2CA;EAGI,YAAY;AO1ChB;;AP8CA;EACE,YAAY;AO3Cd;;APmDA;EACE,mBCwH6B;AMxK/B;;APmDA;EACE,cAAc;EACd,aCgHuB;AMhKzB;;APwDA;EACE,aAAa;EACb,eAAe;EACf,kBAA0C;EAC1C,iBAAyC;AOrD3C;;APiDA;;EAQI,kBAA0C;EAC1C,iBAAyC;AOpD7C;;AP6DA;EACE,kBAAkB;EAClB,cAAc;EACd,qBC1H6C;AMgE/C;;AP6DA;EACE,kBAAkB;EAClB,kBC9H2C;ED+H3C,qBChI6C;AMsE/C;;APuDA;EAMI,cIlNW;AGyJf;;AP6DA;EACE,gBAAgB;AO1DlB;;AP6DA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,qBC3I4C;AMiF9C;;APsDA;EAQI,gBAAgB;EAChB,aAAa;EACb,uBChJ4C;EDiJ5C,cAAc;AO1DlB;;ACjJE;EACE,aAAa;EACb,WAAW;EACX,aP4OwB;EC7ItB,kBAtCY;EMvDd,cJvBmB;AG2KvB;;ACjJE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBPqNuC;EOpNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WJzCQ;EI0CR,uCJrCmB;ECNnB,kBJ+PqC;AM/DzC;;AChJI;EAEE,qBJ5CiB;AG8LvB;;ACpJI;EAaI,qBJvDe;EIwDf,+CJxDe;AGmMvB;;ACzJI;;;EAmBI,cAAc;AD4ItB;;AC3HI;EAEE,qBJhFiB;AG6MvB;;AC/HI;EAUI,qBJxFe;EIyFf,+CJzFe;AGkNvB;;ACpII;;;EAgBI,cAAc;AD0HtB;;ACnHI;;;EAII,cAAc;ADqHtB;;AC/GI;EAGI,cJlHe;AGkOvB;;ACnHI;;;EAQI,cAAc;ADiHtB;;AC3GI;EAGI,cJhIe;AG4OvB;;AC/GI;EAMM,qBJnIa;AGgPvB;;ACnHI;;;EAYI,cAAc;AD6GtB;;ACzHI;EAiBM,qBAAkC;ECnJxC,yBDoJ+C;AD4GnD;;AC9HI;EAwBM,+CJrJa;AG+PvB;;AClII;EA4BM,qBJzJa;AGmQvB;;AClGI;EAGI,qBJpKe;AGuQvB;;ACtGI;;;EAQI,cAAc;ADoGtB;;AC5GI;EAaM,qBJ9Ka;EI+Kb,+CJ/Ka;AGkRvB;;AChQE;EACE,aAAa;EACb,WAAW;EACX,aP4OwB;EC7ItB,kBAtCY;EMvDd,cJxBmB;AG2RvB;;AChQE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBPqNuC;EOpNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WJzCQ;EI0CR,wCJtCmB;ECLnB,kBJ+PqC;AMgDzC;;AC/PI;EAEE,qBJ7CiB;AG8SvB;;ACnQI;EAaI,qBJxDe;EIyDf,gDJzDe;AGmTvB;;ACxQI;;;EAmBI,cAAc;AD2PtB;;AC1OI;EAEE,qBJjFiB;AG6TvB;;AC9OI;EAUI,qBJzFe;EI0Ff,gDJ1Fe;AGkUvB;;ACnPI;;;EAgBI,cAAc;ADyOtB;;AClOI;;;EAII,cAAc;ADoOtB;;AC9NI;EAGI,cJnHe;AGkVvB;;AClOI;;;EAQI,cAAc;ADgOtB;;AC1NI;EAGI,cJjIe;AG4VvB;;AC9NI;EAMM,qBJpIa;AGgWvB;;AClOI;;;EAYI,cAAc;AD4NtB;;ACxOI;EAiBM,qBAAkC;ECnJxC,yBDoJ+C;AD2NnD;;AC7OI;EAwBM,gDJtJa;AG+WvB;;ACjPI;EA4BM,qBJ1Ja;AGmXvB;;ACjNI;EAGI,qBJrKe;AGuXvB;;ACrNI;;;EAQI,cAAc;ADmNtB;;AC3NI;EAaM,qBJ/Ka;EIgLb,gDJhLa;AGkYvB;;AP3IA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;AO8IrB;;APjJA;EASI,WAAW;AO4If;;AG1VI;EVqMJ;IAeM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;EO2IpB;EP7JF;IAuBM,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,mBAAmB;IACnB,gBAAgB;EOyIpB;EPpKF;IAgCM,qBAAqB;IACrB,WAAW;IACX,sBAAsB;EOuI1B;EPzKF;IAuCM,qBAAqB;EOqIzB;EP5KF;;IA4CM,WAAW;EOoIf;EPhLF;IAkDM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,eAAe;EOiInB;EPvLF;IAyDM,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,qBCzOwC;ID0OxC,cAAc;EOiIlB;EP9LF;IAiEM,mBAAmB;IACnB,uBAAuB;EOgI3B;EPlMF;IAqEM,gBAAgB;EOgIpB;AACF;;AI9bA;EACE,kBAAkB;EAClB,cAAc;EACd,uBAA+C;EAC/C,oBAAqE;AJicvE;;AI9bA;EACE,oBAAoB;EACpB,kBViF0C;AMgX5C;;AI9bA;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;AJicZ;;AIpcA;EAMI,WPrBQ;EOsBR,qBPbmB;EKTnB,yBLSmB;AGgdvB;;AI1cA;EAiBM,2CPvBiB;AGodvB;;AI9cA;EAsBI,qBViB0D;AM2a9D;;AIldA;EA0BI,WPzCQ;EO0CR,yBV0EkE;EUzElE,qBVyEkE;AMmXtE;;AIxdA;EAkCM,cPpDS;AG8ef;;AI5dA;EAqCQ,yBPnDO;AG8ef;;AIjbA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AJobrB;;AIvbA;EAOI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WVsBwC;EUrBxC,YVqBwC;EUpBxC,oBAAoB;EACpB,WAAW;EACX,sBP7EQ;EO8ER,yBV5D6B;AMgfjC;;AIpcA;EAsBI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WVOwC;EUNxC,YVMwC;EULxC,WAAW;EACX,mCAAgE;AJkbpE;;AIzaA;ENrGI,kBJmRyC;AM+P7C;;AI7aA;EAOM,gNVcwO;AM4Z9O;;AIjbA;EAaM,qBPnHS;EKEX,yBLSmB;AGihBvB;;AItbA;EAkBM,6JVO4L;AMialM;;AI1bA;EAwBM,uCPnHiB;AGyhBvB;;AI9bA;EA2BM,uCPtHiB;AG6hBvB;;AI9ZA;EAGI,mBVwIuC;AMuR3C;;AIlaA;EAQM,0JVbkL;AM2axL;;AItaA;EAcM,uCP7IiB;AGyiBvB;;AIlZA;EACE,qBAA2D;AJqZ7D;;AItZA;EAKM,cAAqD;EACrD,cVjC+E;EUkC/E,mBAAmB;EAEnB,qBVnC4E;AMublF;;AI7ZA;EAaM,4BAA0I;EAC1I,0BAA+G;EAC/G,uBVxCiI;EUyCjI,wBVzCiI;EU0CjI,yBPnLS;EOqLT,qBV7C4E;EKtI5E,yIL0F+H;AM6erI;;ADlkBI;EK2JJ;IL1JM,gBAAgB;ECskBpB;AACF;;AI7aA;EA0BM,sBP1LM;EO2LN,8BAA4E;AJuZlF;;AIlbA;EAiCM,uCPxLiB;AG6kBvB;;AIzYA;EACE,qBAAqB;EACrB,WAAW;EACX,sCV5I2H;EU6I3H,gCVlNkC;EC0H9B,mBAtCY;ESiIhB,gBRzMuC;EQ0MvC,mBRlN0C;EQmN1C,WP1NU;EO2NV,sBAAsB;EACtB,inBV9D0H;EU+D1H,sBPzNU;EO0NV,yBP5Na;ECCX,kBJkKmC;EU4DrC,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AJ0YlB;;AI1ZA;EAmBI,qBV1K0D;EU2K1D,UAAU;EAIR,gDP9NiB;AGsmBvB;;AIhaA;EAiCM,cPnPS;EOoPT,sBP/OM;AGknBZ;;AIraA;EAwCI,YAAY;EACZ,sBVvPgC;EUwPhC,sBAAsB;AJiY1B;;AI3aA;EA8CI,cP9PW;EO+PX,yBP3PW;AG4nBf;;AIhbA;EAoDI,aAAa;AJgYjB;;AI5XA;EACE,qCVjMqI;EUkMrI,oBV/PkC;EUgQlC,uBVhQkC;EUiQlC,oBVhQiC;ECgH7B,kBAtCY;AKsjBlB;;AI5XA;EACE,mCVxMqI;EUyMrI,mBVlQiC;EUmQjC,sBVnQiC;EUoQjC,kBVnQgC;EC2G5B,kBAtCY;AK8jBlB;;AIvXA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sCV1N2H;EU2N3H,gBAAgB;AJ0XlB;;AIvXA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,sCVlO2H;EUmO3H,SAAS;EACT,UAAU;AJ0XZ;;AIhYA;EASI,qBVrP0D;EUsP1D,gDPrSmB;AGgqBvB;;AIrYA;EAcI,yBP/SW;AG0qBf;;AIzYA;EAmBM,sBVpBa;AM8YnB;;AI7YA;EAmBM,qBVnBY;AMiZlB;;AIjZA;EAwBI,0BAA0B;AJ6X9B;;AIzXA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,sCVhQ2H;EUiQ3H,yBVtUkC;EUwUlC,gBR5TuC;EQ6TvC,mBRrU0C;EQsU1C,cP9Ua;EO+Ub,sBP1UU;EO2UV,yBP7Ua;ECCX,kBJkDuC;AMspB3C;;AIzYA;EAkBI,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,UAAU;EACV,cAAc;EACd,gCVtR+F;EUuR/F,yBVxVgC;EUyVhC,mBRrVwC;EQsVxC,cP9VW;EO+VX,iBAAiB;EF1VjB,yBLCW;EO2VX,oBAAoB;EN7VpB,0BM8VgF;AJ2XpF;;AIjXA;EACE,WAAW;EACX,2BAA+F;EAC/F,UAAU;EACV,6BAA6B;EAC7B,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AJoXlB;;AIzXA;EAQI,aAAa;AJqXjB;;AI7XA;EAY8B,gEP5WP;AGiuBvB;;AIjYA;EAa8B,gEP7WP;AGquBvB;;AIrYA;EAc8B,gEP9WP;AGyuBvB;;AIzYA;EAkBI,SAAS;AJ2Xb;;AI7YA;EAsBI,WVpM6C;EUqM7C,YVrM6C;EUsM7C,oBAAyE;EF/XzE,yBLSmB;EOwXnB,SVrM0C;EI7L1C,mBJ8L6C;EK7L3C,4GL0F+H;EU2SjI,wBAAgB;EAAhB,gBAAgB;AJ0XpB;;AD1vBI;EKkWJ;ILjWM,gBAAgB;EC8vBpB;AACF;;AI9ZA;EFvWI,yBRiM+D;AMwkBnE;;AIlaA;EAsCI,WV3NoC;EU4NpC,cV3NqC;EU4NrC,kBAAkB;EAClB,eV5NuC;EU6NvC,yBP5Xc;EO6Xd,yBAAyB;ENnZzB,mBJuLoC;AM6lBxC;;AI5aA;EAiDI,WV/N6C;EUgO7C,YVhO6C;EQzL7C,yBLSmB;EOkZnB,SV/N0C;EI7L1C,mBJ8L6C;EK7L3C,4GL0F+H;EUqUjI,qBAAgB;EAAhB,gBAAgB;AJ8XpB;;ADxxBI;EKkWJ;ILjWM,gBAAgB;EC4xBpB;AACF;;AI5bA;EFvWI,yBRiM+D;AMsmBnE;;AIhcA;EAgEI,WVrPoC;EUsPpC,cVrPqC;EUsPrC,kBAAkB;EAClB,eVtPuC;EUuPvC,yBPtZc;EOuZd,yBAAyB;EN7azB,mBJuLoC;AM2nBxC;;AI1cA;EA2EI,WVzP6C;EU0P7C,YV1P6C;EU2P7C,aAAa;EACb,oBVjb+B;EUkb/B,mBVlb+B;EQJ/B,yBLSmB;EO+anB,SV5P0C;EI7L1C,mBJ8L6C;EK7L3C,4GL0F+H;EUkWjI,gBAAgB;AJkYpB;;ADzzBI;EKkWJ;ILjWM,gBAAgB;EC6zBpB;AACF;;AI7dA;EFvWI,yBRiM+D;AMuoBnE;;AIjeA;EA6FI,WVlRoC;EUmRpC,cVlRqC;EUmRrC,kBAAkB;EAClB,eVnRuC;EUoRvC,6BAA6B;EAC7B,yBAAyB;EACzB,oBAA4C;AJwYhD;;AI3eA;EAwGI,yBP1bc;ECtBd,mBJuLoC;AMiqBxC;;AIhfA;EA6GI,kBAAkB;EAClB,yBPhcc;ECtBd,mBJuLoC;AMuqBxC;;AItfA;EAoHM,yBPpcY;AG00BlB;;AI1fA;EAwHM,eAAe;AJsYrB;;AI9fA;EA4HM,yBP5cY;AGk1BlB;;AIlgBA;EAgIM,eAAe;AJsYrB;;AItgBA;EAoIM,yBPpdY;AG01BlB;;AIjYA;;;ELhfM,4GL0F+H;AM6xBrI;;ADl3BI;EK2eJ;;;IL1eM,gBAAgB;ECw3BpB;AACF;;AK/3BA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,oBAAoB;EACpB,WAAW;ALk4Bb;;AKv4BA;;;;EAWI,kBAAkB;EAClB,cAAc;EAGd,SAAS;EACT,gBAAgB;ALi4BpB;;AKj5BA;;;;;;;;;;;;EAqBM,iBXH2B;AM84BjC;;AKh6BA;;;EA6BI,UAAU;ALy4Bd;;AKt6BA;EAkCI,UAAU;ALw4Bd;;AK16BA;;EPeI,0BOwBmD;EPvBnD,6BOuBmD;ALy4BvD;;AKh7BA;;EP6BI,yBOWmD;EPVnD,4BOUmD;AL84BvD;;AKt7BA;EA8CI,aAAa;EACb,mBAAmB;AL44BvB;;AK37BA;;EPeI,0BOmCuF;EPlCvF,6BOkCuF;AL+4B3F;;AKj8BA;EP6BI,yBOsBgF;EPrBhF,4BOqBgF;ALm5BpF;;AKx4BA;;EAEE,aAAa;AL24Bf;;AK74BA;;EAQI,kBAAkB;EAClB,UAAU;AL04Bd;;AKn5BA;;EAYM,UAAU;AL44BhB;;AKx5BA;;;;;;;;EAoBI,iBXhE6B;AM+8BjC;;AK34BA;EAAiC,kBXpEA;AMm9BjC;;AK94BA;EAAgC,iBXrEC;AMu9BjC;;AK14BA;EACE,aAAa;EACb,mBAAmB;EACnB,yBXnGkC;EWoGlC,gBAAgB;EVsBZ,mBAtCY;EUkBhB,gBT3FuC;ES4FvC,mBTnG0C;ESoG1C,cR5Ga;EQ6Gb,kBAAkB;EAClB,mBAAmB;EACnB,yBRzGa;EQ0Gb,yBR7Ga;ECCX,kBJwQqB;AMkvBzB;;AK15BA;;EAkBI,aAAa;AL64BjB;;AKn4BA;;EAEE,mCXvDqI;AM67BvI;;AKn4BA;;;;;;EAME,oBXxHgC;EC2G5B,kBAtCY;EUqDhB,mBTpI0C;EELxC,kBJmDuC;AM69B3C;;AKn4BA;;EAEE,qCXzEqI;AM+8BvI;;AKn4BA;;;;;;EAME,uBX9IiC;ECgH7B,kBAtCY;EUsEhB,mBTpJ0C;EENxC,kBJoDuC;AM6+B3C;;AKn4BA;;EAEE,sBAA0E;ALs4B5E;;AK33BA;;;;;;EP3JI,0BOiK4B;EPhK5B,6BOgK4B;AL+3BhC;;AK53BA;;;;;;EPtJI,yBO4J2B;EP3J3B,4BO2J2B;ALg4B/B;;AMxjCA;EACE,iBAL2B;EAM3B,eATkB;EAUlB,kBAVkB;EAWlB,iBAV6B;EAW7B,cTXa;AGskCf;;AMhkCA;EAQI,yBTAmB;AG4jCvB;;AMpkCA;EAaI,cTjBW;ESkBX,mBAAmB;EACnB,yBTfW;ESgBX,qBTnBW;ESoBX,aAAa;EACb,gBAAgB;AN2jCpB;;AM7kCA;EAsBI,cT5BW;AGulCf;;AMjlCA;EA0BI,kBAAkB;AN2jCtB;;AMrlCA;EA8BI,mBAAmB;AN2jCvB;;AMtjCA;EAEI,aAAa;EACb,gBAAgB;ANwjCpB;;AMnjCA;EAEI,gBAAgB;ANqjCpB;;AMhjCA;EAEI,gBAAgB;ANkjCpB;;AM7iCA;;EAEE,YAAY;EACZ,yBAAmE;EACnE,aAAyB;EACzB,iBApE6B;EAqE7B,cTrEa;AGqnCf;;AMtjCA;;EASI,eAAe;EACf,yBT3DmB;AG6mCvB;;AM5jCA;;EAcI,6CT/DmB;AGknCvB;;AMjkCA;;EAkBI,cT/EW;ESgFX,mBAAmB;EACnB,yBT7EW;ES8EX,qBTjFW;AGqoCf;;AMzkCA;;EAyBI,cTtFW;AG2oCf;;AMhjCA;EACE,eAAe;ANmjCjB;;AMjjCA;EACE,eAAe;ANojCjB;;AMljCA;EACE,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;ANqjCrB;;AM1jCA;EAOI,yBTxGW;AG+pCf;;AM9jCA;EAUI,eAAe;ANwjCnB;;AMrjCA;EACE,mBAAmB;ANwjCrB;;AMrjCA;EACE,SAAS;ANwjCX;;AMrjCA;EACE,aAAa;EACb,qBAAqB;EACrB,YAAY;EACZ,iBA1H2B;EA2H3B,gBAAgB;EAChB,cT5Ha;AGorCf;;AM9jCA;EASI,aAAa;ANyjCjB;;AMlkCA;EAcI,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,iBA/I2B;EAgJ3B,WT/IQ;ESgJR,sBAAsB;EACtB,yBT9IW;ES+IX,yBThJW;ESkJX,kBAAkB;ANujCtB;;AMljCA;;EAEE,eAAe;ANqjCjB;;AMljCA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,iBAlK6B;ANutC/B;;AMljCA;EACE,kBAAkB;ANqjCpB;;AMljCA;;EAEE,eAAe;ANqjCjB;;AMhjCA;EAEI,2CTpKmB;AGstCvB;;AMpjCA;EAMI,eAAe;EACf,qBTzKmB;AG2tCvB;;AMzjCA;;EAYI,eAAe;ANkjCnB;;AM9jCA;EAgBI,mBAAmB;EACnB,YAAY;ANkjChB;;AMnkCA;EAqBI,mBAAmB;EACnB,yBThMW;ESiMX,yBTpMW;AGsvCf;;AMzkCA;EA2BI,mBAAmB;ANkjCvB;;AM9iCA;EACE,gBAAgB;EAChB,cTjNa;AGkwCf;;AM9iCA;EACE,QAAQ;ANijCV;;AM9iCA;EACE,QAAQ;ANijCV;;AM7iCA;EACE,kBA/NkB;AN+wCpB;;AM5iCA;EACE,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;AN+iCpB;;AOvxCE;EACE,WAAW;EACX,6BAA6B;AP0xCjC;;AOvxCE;EACE,sBVLQ;EUMR,4BAA4B;EAC5B,6BAA6B;ETJ7B,mBSK2B;AP0xC/B;;AOvxCE;EACE,sBVRQ;ECDR,kBSU0B;AP0xC9B;;AM3jCA;EACE,eAAe;EACf,WT9OU;AG4yCZ;;AM1jCA;EACE,eArPkB;EAsPlB,kBAtPkB;ANmzCpB;;AM/jCA;EAKI,aAAa;EACb,gBAAgB;AN8jCpB;;AMpkCA;;EAWI,eAAe;AN8jCnB;;AM1jCA,gDAAA;AACA;;EAEE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;AN6jClB;;AM3jCA,+CAAA;AAEA;EACE,WAAW;EACX,eAAe;AN6jCjB;;AM1jCA;EACE,YAAY;EACZ,gBAAgB;AN6jClB;;AM1jCA;EACE,YAAY;EACZ,gBAAgB;AN6jClB;;AM1jCA;EACE,YAAY;EACZ,gBAAgB;AN6jClB;;AM1jCA;EACE,YAAY;EACZ,gBAAgB;AN6jClB;;AM1jCA;EACE,YAAY;EACZ,gBVvRuC;AIo1CzC;;AM1jCA;EACE,aAAa;EACb,mBAAmB;EACnB,yBZxSkC;EYySlC,gBAAgB;EX/KZ,mBAtCY;EWuNhB,gBVhSuC;EUiSvC,mBVxS0C;EUyS1C,cTjTa;ESkTb,kBAAkB;EAClB,mBAAmB;EACnB,yBT9Sa;ES+Sb,yBTlTa;ECCX,kBJwQqB;AMumCzB;;AM1jCA;EACE,eAAe;EACf,iCAAmC;AN6jCrC;;AM/jCA;EAII,yBT/SmB;AG82CvB;;AM3jCA;EACE,oBAAoB;AN8jCtB","file":"mekari-ui-form.css","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus;\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\nselect.#{$prefix}form-control {\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n  padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: $input-padding-y;\n  padding-bottom: $input-padding-y;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.#{$prefix}form-control-sm,\n  &.#{$prefix}form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.#{$prefix}form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width / 2;\n  margin-left: -$form-grid-gutter-width / 2;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width / 2;\n    padding-left: $form-grid-gutter-width / 2;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  &:disabled ~ .#{$prefix}form-check-label {\n    color: $text-muted;\n  }\n}\n\n.#{$prefix}form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .#{$prefix}form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n  .#{$prefix}form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .#{$prefix}form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .#{$prefix}form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.#{$prefix}form-group`\n    .#{$prefix}form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .#{$prefix}form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .#{$prefix}custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .#{$prefix}form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .#{$prefix}form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .#{$prefix}custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .#{$prefix}custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem;\n$input-btn-padding-x:         .75rem;\n$input-btn-font-family:       null;\n$input-btn-font-size:         $font-size-base;\n$input-btn-line-height:       $line-height-base;\n\n$input-btn-focus-width:       .2rem;\n$input-btn-focus-color:       rgba($blue, .25);\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm:      .25rem;\n$input-btn-padding-x-sm:      .5rem;\n$input-btn-font-size-sm:      $font-size-sm;\n$input-btn-line-height-sm:    $line-height-sm;\n\n$input-btn-padding-y-lg:      .5rem;\n$input-btn-padding-x-lg:      1rem;\n$input-btn-font-size-lg:      $font-size-lg;\n$input-btn-line-height-lg:    $line-height-lg;\n\n$input-btn-border-width:      1px;\n\n// Forms\n\n$label-margin-bottom:                   .5rem;\n\n$input-padding-y:                       $input-btn-padding-y;\n$input-padding-x:                       $input-btn-padding-x;\n$input-font-family:                     $input-btn-font-family;\n$input-font-size:                       $input-btn-font-size;\n$input-font-weight:                     $font-weight-base;\n$input-line-height:                     $input-btn-line-height;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm;\n$input-padding-x-sm:                    $input-btn-padding-x-sm;\n$input-font-size-sm:                    $input-btn-font-size-sm;\n$input-line-height-sm:                  $input-btn-line-height-sm;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg;\n$input-padding-x-lg:                    $input-btn-padding-x-lg;\n$input-font-size-lg:                    $input-btn-font-size-lg;\n$input-line-height-lg:                  $input-btn-line-height-lg;\n\n$input-bg:                              $white;\n$input-disabled-bg:                     $cloud;\n\n$input-color:                           $dark;\n$input-border-color:                    $smoke;\n$input-border-width:                    $input-btn-border-width;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075);\n\n$input-border-radius:                   4px;\n$input-border-radius-lg:                4px;\n$input-border-radius-sm:                4px;\n\n$input-focus-bg:                        $input-bg;\n$input-focus-border-color:              lighten($primary, 25%);\n$input-focus-color:                     $input-color;\n$input-focus-width:                     $input-btn-focus-width;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow;\n\n$input-placeholder-color:               $gray-600;\n$input-plaintext-color:                 $body-color;\n\n$input-height-border:                   $input-border-width * 2;\n\n$input-height-inner:                    calc(#{$input-line-height * 1em} + #{$input-padding-y * 2});\n$input-height-inner-half:               calc(#{$input-line-height * .5em} + #{$input-padding-y});\n$input-height-inner-quarter:            calc(#{$input-line-height * .25em} + #{$input-padding-y / 2});\n\n$input-height:                          calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n$input-height-sm:                       calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border});\n$input-height-lg:                       calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border});\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-text-margin-top:                  .25rem;\n\n$form-check-input-gutter:               1.25rem;\n$form-check-input-margin-y:             .3rem;\n$form-check-input-margin-x:             .25rem;\n\n$form-check-inline-margin-x:            .75rem;\n$form-check-inline-input-margin-x:      .3125rem;\n\n$form-grid-gutter-width:                10px;\n$form-group-margin-bottom:              1rem;\n\n$input-group-addon-color:               $input-color;\n$input-group-addon-bg:                  $cloud;\n$input-group-addon-border-color:        $input-border-color;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$custom-control-gutter:                 .5rem;\n$custom-control-spacer-x:               1rem;\n\n$custom-control-indicator-size:         1rem;\n$custom-control-indicator-bg:           $input-bg;\n\n$custom-control-indicator-bg-size:      50% 50%;\n$custom-control-indicator-box-shadow:   $input-box-shadow;\n$custom-control-indicator-border-color: $gray-500;\n$custom-control-indicator-border-width: $input-border-width;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg;\n$custom-control-label-disabled-color:           $gray-600;\n\n$custom-control-indicator-checked-color:        $white;\n$custom-control-indicator-checked-bg:           $primary;\n$custom-control-indicator-checked-disabled-bg:  rgba($primary, .5);\n$custom-control-indicator-checked-box-shadow:   none;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color;\n\n$custom-control-indicator-active-color:         $white;\n$custom-control-indicator-active-bg:            lighten($primary, 35%);\n$custom-control-indicator-active-box-shadow:    none;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg;\n\n$custom-checkbox-indicator-border-radius:       4px;\n$custom-checkbox-indicator-icon-checked:        url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-bg:           $primary;\n$custom-checkbox-indicator-indeterminate-color:        $white;\n$custom-checkbox-indicator-icon-indeterminate:         url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-box-shadow:   none;\n$custom-checkbox-indicator-indeterminate-border-color: $smoke;\n\n$custom-radio-indicator-border-radius:          50%;\n$custom-radio-indicator-icon-checked:           url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2;\n$custom-switch-indicator-size:                  calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4});\n\n$custom-select-padding-y:           $input-padding-y;\n$custom-select-padding-x:           $input-padding-x;\n$custom-select-font-family:         $input-font-family;\n$custom-select-font-size:           $input-font-size;\n$custom-select-height:              $input-height;\n$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight;\n$custom-select-line-height:         $input-line-height;\n$custom-select-color:               $slate;\n$custom-select-disabled-color:      $muted;\n$custom-select-bg:                  $input-bg;\n$custom-select-disabled-bg:         $cloud;\n$custom-select-bg-size:             24px; // In pixels because image dimensions\n// for arrow down icon in Mekari's select\n$custom-select-indicator-color:    $slate;\n$custom-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\");\n\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding});\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding);\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half;\n\n$custom-select-border-width:        $input-border-width;\n$custom-select-border-color:        $input-border-color;\n$custom-select-border-radius:       4px;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075);\n\n$custom-select-focus-border-color:  $input-focus-border-color;\n$custom-select-focus-width:         $input-focus-width;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm;\n$custom-select-padding-x-sm:        $input-padding-x-sm;\n$custom-select-font-size-sm:        $input-font-size-sm;\n$custom-select-height-sm:           $input-height-sm;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg;\n$custom-select-padding-x-lg:        $input-padding-x-lg;\n$custom-select-font-size-lg:        $input-font-size-lg;\n$custom-select-height-lg:           $input-height-lg;\n\n$custom-range-track-width:          100%;\n$custom-range-track-height:         .5rem;\n$custom-range-track-cursor:         pointer;\n$custom-range-track-bg:             $gray-300;\n$custom-range-track-border-radius:  1rem;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1);\n\n$custom-range-thumb-width:                   1rem;\n$custom-range-thumb-height:                  $custom-range-thumb-width;\n$custom-range-thumb-bg:                      $primary;\n$custom-range-thumb-border:                  0;\n$custom-range-thumb-border-radius:           1rem;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1);\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($primary, 35%);\n$custom-range-thumb-disabled-bg:             $gray-500;\n\n$custom-file-height:                $input-height;\n$custom-file-height-inner:          $input-height-inner;\n$custom-file-focus-border-color:    $input-focus-border-color;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow;\n$custom-file-disabled-bg:           $input-disabled-bg;\n\n$custom-file-padding-y:             $input-padding-y;\n$custom-file-padding-x:             $input-padding-x;\n$custom-file-line-height:           $input-line-height;\n$custom-file-font-family:           $input-font-family;\n$custom-file-font-weight:           $input-font-weight;\n$custom-file-color:                 $input-color;\n$custom-file-bg:                    $input-bg;\n$custom-file-border-width:          $input-border-width;\n$custom-file-border-color:          $input-border-color;\n$custom-file-border-radius:         $input-border-radius;\n$custom-file-box-shadow:            $input-box-shadow;\n$custom-file-button-color:          $custom-file-color;\n$custom-file-button-bg:             $input-group-addon-bg;\n$custom-file-text: (\n  en: \"Browse\"\n);\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top;\n$form-feedback-font-size:           $font-size-sm;\n$form-feedback-valid-color:         $green;\n$form-feedback-invalid-color:       $red;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color;\n$form-feedback-icon-valid:          str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color;\n$form-feedback-icon-invalid:        str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\");\n\n$form-validation-states: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n  (\n    \"valid\": (\n      \"color\": $form-feedback-valid-color,\n      \"icon\": $form-feedback-icon-valid\n    ),\n    \"invalid\": (\n      \"color\": $form-feedback-invalid-color,\n      \"icon\": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     .25rem;\n$form-feedback-tooltip-padding-x:     .5rem;\n$form-feedback-tooltip-font-size:     $font-size-sm;\n$form-feedback-tooltip-line-height:   $line-height-base;\n$form-feedback-tooltip-opacity:       .9;\n$form-feedback-tooltip-border-radius: 4px;\n\n\n\n// Custom from mekari\n\n$input-height: 36px;\n$input-placeholder-color: $muted;\n$form-feedback-margin-top: 0;\n$input-border-radius: 4px;\n\n$input-focus-border-color: $sapphire;\n$input-focus-box-shadow: 0 0 4px 1px rgba($sapphire, .3);\n\n//different focus shadow for radio and checkbox\n$custom-control-indicator-focus-box-shadow: 0 0 0 2px rgba($sapphire, .3);\n$custom-control-indicator-checked-border-color: $input-focus-border-color;\n$custom-control-indicator-checked-bg: $input-focus-border-color;\n\n$custom-control-indicator-border-color: $input-border-color;\n$custom-checkbox-indicator-border-radius: 2px;\n$custom-radio-indicator-border-radius: 100%;\n\n$custom-control-label-disabled-color: $muted;\n$custom-select-padding-y: 8px;\n\n// text helper\n$form-text-margin-top:  0;\n\n// form-group\n$form-group-margin-bottom: 20px;\n\n\n// input form button text\n$custom-file-text: (\n  en: \"Choose file\",\n  id: \"Pilih file\",\n);\n\n// remove validation icons\n$enable-validation-icons: false;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n      // Set the calculated font-size.\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n    }\n\n    // Rendering\n    @if $rfs-fluid == null {\n      // Only render static font-size if no fluid font-size is available\n      font-size: $rfs-static;\n    }\n    @else {\n      $mq-value: null;\n\n      // RFS breakpoint formatting\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n      }\n      @else if $rfs-breakpoint-unit == px {\n        $mq-value: #{$rfs-breakpoint}px;\n      }\n      @else {\n        @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n      }\n\n      @if $rfs-class == \"disable\" {\n        // Adding an extra class increases specificity,\n        // which prevents the media query to override the font size\n        &,\n        .disable-responsive-font-size &,\n        &.disable-responsive-font-size {\n          font-size: $rfs-static;\n        }\n      }\n      @else {\n        font-size: $rfs-static;\n      }\n\n      @if $rfs-two-dimensional {\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n      @else {\n        @media (max-width: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%) !default;\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: $radius;\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: $radius;\n  }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n  @if $enable-transitions {\n    @if length($transition) == 0 {\n      transition: $transition-base;\n    } @else {\n      transition: $transition;\n    }\n  }\n\n  @if $enable-prefers-reduced-motion-media-query {\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n",".form-control {\n  display: block;\n  width: 100%;\n  height: 36px;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .form-control {\n    transition: none;\n  }\n}\n\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n\n.form-control:focus {\n  color: #212121;\n  background-color: #fff;\n  border-color: #005fbf;\n  outline: 0;\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  background-color: #f2f4f7;\n  opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n.col-form-label {\n  padding-top: calc(0.375rem + 1px);\n  padding-bottom: calc(0.375rem + 1px);\n  margin-bottom: 0;\n  font-size: inherit;\n  line-height: 1.4285;\n}\n\n.col-form-label-lg {\n  padding-top: calc(0.5rem + 1px);\n  padding-bottom: calc(0.5rem + 1px);\n  font-size: 1.25rem;\n  line-height: 1.4285;\n}\n\n.col-form-label-sm {\n  padding-top: calc(0.25rem + 1px);\n  padding-bottom: calc(0.25rem + 1px);\n  font-size: 0.75rem;\n  line-height: 1.4285;\n}\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  margin-bottom: 0;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.form-control-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.form-control-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n  height: auto;\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-text {\n  display: block;\n  margin-top: 0;\n}\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -5px;\n  margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n  padding-right: 5px;\n  padding-left: 5px;\n}\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: 1.25rem;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: 0.3rem;\n  margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n  color: #b4b4b4;\n}\n\n.form-check-label {\n  margin-bottom: 0;\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0;\n  margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n  position: static;\n  margin-top: 0;\n  margin-right: 0.3125rem;\n  margin-left: 0;\n}\n\n.valid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #009f61;\n}\n\n.valid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(0, 159, 97, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n  color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n  color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n  border-color: #00d280;\n  background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #d74022;\n}\n\n.invalid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(215, 64, 34, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n  color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n  color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n  border-color: #e2634a;\n  background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n\n.form-inline .form-check {\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .form-inline label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-group {\n    display: flex;\n    flex: 0 0 auto;\n    flex-flow: row wrap;\n    align-items: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-control {\n    display: inline-block;\n    width: auto;\n    vertical-align: middle;\n  }\n  .form-inline .form-control-plaintext {\n    display: inline-block;\n  }\n  .form-inline .input-group,\n  .form-inline .custom-select {\n    width: auto;\n  }\n  .form-inline .form-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    padding-left: 0;\n  }\n  .form-inline .form-check-input {\n    position: relative;\n    flex-shrink: 0;\n    margin-top: 0;\n    margin-right: 0.25rem;\n    margin-left: 0;\n  }\n  .form-inline .custom-control {\n    align-items: center;\n    justify-content: center;\n  }\n  .form-inline .custom-control-label {\n    margin-bottom: 0;\n  }\n}\n\n.custom-control {\n  position: relative;\n  display: block;\n  min-height: 1.249938rem;\n  padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: 1rem;\n}\n\n.custom-control-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n  color: #fff;\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  color: #fff;\n  background-color: #73b8ff;\n  border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  background-color: #f2f4f7;\n}\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n}\n\n.custom-control-label::before {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  pointer-events: none;\n  content: \"\";\n  background-color: #fff;\n  border: #e2e2e2 solid 1px;\n}\n\n.custom-control-label::after {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  content: \"\";\n  background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n  border-radius: 2px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n  border-color: #e2e2e2;\n  background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n  border-radius: 100%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n  padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n  left: -2.25rem;\n  width: 1.75rem;\n  pointer-events: all;\n  border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n  top: calc(0.124969rem + 2px);\n  left: calc(-2.25rem + 2px);\n  width: calc(1rem - 4px);\n  height: calc(1rem - 4px);\n  background-color: #e2e2e2;\n  border-radius: 0.5rem;\n  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-switch .custom-control-label::after {\n    transition: none;\n  }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n  background-color: #fff;\n  transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 8px 1.75rem 8px 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #777;\n  vertical-align: middle;\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  appearance: none;\n}\n\n.custom-select:focus {\n  border-color: #409fff;\n  outline: 0;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n  height: auto;\n  padding-right: 0.75rem;\n  background-image: none;\n}\n\n.custom-select:disabled {\n  color: #b4b4b4;\n  background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n  display: none;\n}\n\n.custom-select-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.custom-select-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  font-size: 1.25rem;\n}\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin: 0;\n  opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n  border-color: #409fff;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n  background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n  content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n  content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n  content: attr(data-browse);\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 0.375rem 0.75rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.custom-file-label::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  display: block;\n  height: calc(1.4285em + 0.75rem);\n  padding: 0.375rem 0.75rem;\n  line-height: 1.4285;\n  color: #212121;\n  content: \"Browse\";\n  background-color: #f2f4f7;\n  border-left: inherit;\n  border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n  width: 100%;\n  height: calc(1rem + 0.4rem);\n  padding: 0;\n  background-color: transparent;\n  appearance: none;\n}\n\n.custom-range:focus {\n  outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n  border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.25rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-webkit-slider-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n  width: 1rem;\n  height: 1rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-moz-range-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-moz-range-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: 0;\n  margin-right: 0.2rem;\n  margin-left: 0.2rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-ms-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-ms-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n  margin-right: 15px;\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-control-label::before,\n  .custom-file-label,\n  .custom-select {\n    transition: none;\n  }\n}\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n  position: relative;\n  flex: 1 1 auto;\n  width: 1%;\n  margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n  margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n  z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n  z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n  display: flex;\n  align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n  position: relative;\n  z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n  z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n  margin-left: -1px;\n}\n\n.input-group-prepend {\n  margin-right: -1px;\n}\n\n.input-group-append {\n  margin-left: -1px;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n  margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.form-control {\n  padding: 8px 12px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  line-height: 20px;\n  color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n  border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly]:not(.input-datepicker) {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n  outline: none;\n  box-shadow: none;\n}\n\n.form-control:focus {\n  color: #212121;\n}\n\n.form-control.prefix-icon {\n  padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n  padding-right: 36px;\n}\n\n.form-control-plaintext:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.form-group label {\n  margin-bottom: 0;\n}\n\n.form-row label {\n  margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n  height: 36px;\n  padding: 8px 8px 8px 12px;\n  margin: 4px 0;\n  line-height: 20px;\n  color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n  cursor: pointer;\n  border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n  color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n  cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n  cursor: pointer;\n}\n\n.custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n  border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n  margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.custom-file-input {\n  margin: 0;\n}\n\n.custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 36px;\n  padding: 8px 12px;\n  margin-bottom: 0;\n  color: #b4b4b4;\n}\n\n.custom-file-label::after {\n  display: none;\n}\n\n.custom-file-label::before {\n  position: relative;\n  top: 3px;\n  bottom: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  height: 24px;\n  padding: 2px 8px;\n  margin-right: 12px;\n  line-height: 20px;\n  color: #777;\n  content: \"Choose File\";\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.custom-control {\n  margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n  margin-top: 4px;\n}\n\n.custom-control-input:focus {\n  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n  cursor: pointer;\n  border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n  cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n  cursor: not-allowed;\n  border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  cursor: not-allowed;\n}\n\n.custom-control-label {\n  font-weight: 400;\n  color: #212121;\n}\n\n.custom-control-label::before {\n  top: 2px;\n}\n\n.custom-control-label::after {\n  top: 2px;\n}\n\n.form-check {\n  margin-bottom: 4px;\n}\n\ntextarea.form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 36px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.form-text {\n  font-size: 12px;\n  color: #777;\n}\n\n.input-group {\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n\n.input-group .form-control {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n  margin-top: 4px;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.custom-select,\n.custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n/* stylelint-enable property-no-vendor-prefix */\n.form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.counter-label {\n  float: right;\n  font-weight: 400;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-datepicker {\n  cursor: pointer;\n  background-color: #fff !important;\n}\n\n.input-datepicker:hover:not(:disabled) {\n  border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n  margin-bottom: -20px;\n}\n\n/*# sourceMappingURL=mekari-ui-form.css.map */","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    // Avoid using mixin so we can pass custom focus shadow properly\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n  }\n\n  .#{$prefix}form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-image: $icon;\n        background-repeat: no-repeat;\n        background-position: center right $input-height-inner-quarter;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.#{$prefix}form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .#{$prefix}custom-select {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right;\n        background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n\n  .#{$prefix}form-control-file {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}form-check-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}custom-control-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:checked {\n        ~ .#{$prefix}custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .#{$prefix}custom-file-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-file-label {\n        border-color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n  position: relative;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n  position: absolute;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  opacity: 0;\n\n  &:checked ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .#{$prefix}custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  &:disabled {\n    ~ .#{$prefix}custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-indeterminate;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n    &:indeterminate ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::before {\n    // stylelint-disable-next-line property-blacklist\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-radio-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .#{$prefix}custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n      left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-background;\n  background-color: $custom-select-bg;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n.#{$prefix}custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  opacity: 0;\n\n  &:focus ~ .#{$prefix}custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  &:disabled ~ .#{$prefix}custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .#{$prefix}custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.#{$prefix}custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n  width: 100%;\n  height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: none;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height / 2;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n  @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}form-control-plaintext,\n  > .#{$prefix}custom-select,\n  > .#{$prefix}custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    // Add width 1% and flex-basis auto to ensure that button will not wrap out\n    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n    width: 1%;\n    margin-bottom: 0;\n\n    + .#{$prefix}form-control,\n    + .#{$prefix}custom-select,\n    + .#{$prefix}custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .#{$prefix}form-control:focus,\n  > .#{$prefix}custom-select:focus,\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}custom-select {\n    &:not(:last-child) { @include border-right-radius(0); }\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .#{$prefix}custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .#{$prefix}custom-file-label,\n    &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n  // as our inputs.\n  .#{$prefix}btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .#{$prefix}btn + .#{$prefix}btn,\n  .#{$prefix}btn + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n  height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled):not([readonly]) {\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:disabled,\n  &[readonly]:not(.input-datepicker) {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:focus {\n    color: $dark;\n  }\n\n  &.prefix-icon {\n    padding-left: 36px;\n  }\n\n  &.suffix-icon {\n    padding-right: 36px;\n  }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n  height: 36px;\n  padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n  margin: $input-margin-y 0;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:focus {\n    box-shadow: $input-focus-box-shadow;\n  }\n\n  &:disabled {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n  }\n\n  &:not(:focus):invalid {\n    color: $text-muted;\n  }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\n.#{$prefix}custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n  &:hover .#{$prefix}custom-file-label::before {\n    border: 1px solid $muted;\n  }\n  .#{$prefix}form-text {\n    margin-top: 4px;\n  }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n  margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 36px;\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-bottom: 0;\n  color: $muted;\n\n  &::after {\n    display: none;\n  }\n\n  // visualize Choose File button\n  &::before {\n    position: relative;\n    top: 3px;\n    bottom: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 2px 8px;\n    margin-right: 12px;\n    line-height: $custom-input-line-height;\n    color: $slate;\n    content: \"Choose File\";\n    background-color: $snow;\n    border: 1px solid $smoke;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 4px;\n  }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n  margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n  margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n  &:focus {\n    box-shadow: $custom-control-indicator-focus-box-shadow;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::before {\n    cursor: pointer;\n    border-color: $input-focus-border-color;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::after,\n  &:hover ~ .#{$prefix}custom-control-label {\n    cursor: pointer;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::after{\n    cursor: not-allowed;\n    border: none;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::before{\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $smoke;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label{\n    cursor: not-allowed;\n  }\n}\n\n.#{$prefix}custom-control-label {\n  font-weight: 400;\n  color: $dark;\n}\n\n.#{$prefix}custom-control-label::before {\n  top: 2px;\n}\n\n.#{$prefix}custom-control-label::after {\n  top: 2px;\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n  margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 36px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n  @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n  font-size: 12px;\n  color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n\n  .#{$prefix}form-control {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .valid-feedback,\n  .invalid-feedback {\n    margin-top: 4px;\n  }\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n/* stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.#{$prefix}form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n  float: right;\n  font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n}\n\n.input-datepicker {\n  cursor: pointer;\n  background-color: $white !important; // stylelint-disable-line declaration-no-important\n  &:hover:not(:disabled) {\n    border: 1px solid $input-focus-border-color;\n  }\n}\n\n.input-with-icon-container {\n  margin-bottom: -20px;\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}