File: D:/HostingSpaces/netwerkbrabant/netwerkbrabant.nl/wwwroot/css/kms.css.map
{"version":3,"sources":["webpack:///./resources/assets/sass/kms/resources/assets/sass/global/_base.sass","webpack:///./resources/assets/sass/kms/styles.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/mixins/_placeholder.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/grid/_grid.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/mixins/_mediaQueries.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/grid/_visibleGrid.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/partials/_breakpoints.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/_base.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/css3/_keyframes.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/_mixins.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_login.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_position.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/mixins/_flex.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_prefixer.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_entities.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_entity.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/css3/_background.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_sidebar.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_confirmBox.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_custom_ui_kit.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_flashMessage.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_import_error.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_order_table.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/partials/_eventSignUps.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_attributes.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_documents.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/mixins/_progress.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_images.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_clearfix.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_size.scss","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_link.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_list.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_multiselect.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_onOffSwitch.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_password.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_select.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_seperator.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_sorter.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_table.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_text.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textArea.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textEditor.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textCurrency.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_title.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_view.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_dynamic.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_datePicker.sass"],"names":[],"mappings":"AAIA,EACE,oDCiDD,KDzCC,eACA,gBCmDD,ID5CC,cACA,YErBA,qEF4BE,4EE1BF,mDF0BE,4EExBF,2DFwBE,4EEtBF,iDFsBE,4ECsEH,ODhEC,SGvBF,UACE,mBACA,iBACA,cACA,YACA,cCfA,oCDUF,UAQI,WACA,eFoHD,CE7HH,mBAiBI,WACA,eAUJ,UACE,kBAEA,qBACA,gBACA,mBACA,eACA,gBAPF,iBAgBI,cACA,cAeF,iBACE,kBAGA,qCACE,kBAMJ,uBACE,wBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,UAGA,qCACE,mBAMJ,uBACE,gBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,UAGA,qCACE,mBAMJ,uBACE,gBAZF,iBACE,mBAGA,qCACE,UAMJ,uBACE,yBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,UAGA,qCACE,mBAMJ,uBACE,gBAZF,mBACE,mBAGA,uCACE,mBAMJ,yBACE,yBAZF,mBACE,mBAGA,uCACE,mBAMJ,yBACE,yBAZF,mBACE,WAGA,uCACE,mBAMJ,yBACE,iBAZF,mBACE,oBAGA,uCACE,mBAMJ,yBACE,0BAZF,mBACE,oBAGA,uCACE,WAMJ,yBACE,0BC7EF,qCD6FE,UACE,kBAEF,aACE,wBF+bH,CGriBD,qCD0GE,UACE,kBAEF,aACE,wBFicH,CG/iBD,oCDkHE,UACE,kBAEF,aACE,wBFmcH,CGzjBD,oCD0HE,UACE,kBAEF,aACE,wBFqcH,CG9jBD,qCD6FE,UACE,mBAEF,aACE,yBFueH,CG7kBD,qCD0GE,UACE,mBAEF,aACE,yBFyeH,CGvlBD,oCDkHE,UACE,mBAEF,aACE,yBF2eH,CGjmBD,oCD0HE,UACE,mBAEF,aACE,yBF6eH,CGtmBD,qCD6FE,UACE,UAEF,aACE,gBF+gBH,CGrnBD,qCD0GE,UACE,UAEF,aACE,gBFihBH,CG/nBD,oCDkHE,UACE,UAEF,aACE,gBFmhBH,CGzoBD,oCD0HE,UACE,UAEF,aACE,gBFqhBH,CG9oBD,qCD6FE,UACE,mBAEF,aACE,yBFujBH,CG7pBD,qCD0GE,UACE,mBAEF,aACE,yBFyjBH,CGvqBD,oCDkHE,UACE,mBAEF,aACE,yBF2jBH,CGjrBD,oCD0HE,UACE,mBAEF,aACE,yBF6jBH,CGtrBD,qCD6FE,UACE,mBAEF,aACE,yBF+lBH,CGrsBD,qCD0GE,UACE,mBAEF,aACE,yBFimBH,CG/sBD,oCDkHE,UACE,mBAEF,aACE,yBFmmBH,CGztBD,oCD0HE,UACE,mBAEF,aACE,yBFqmBH,CG9tBD,qCD6FE,UACE,UAEF,aACE,gBFuoBH,CG7uBD,qCD0GE,UACE,UAEF,aACE,gBFyoBH,CGvvBD,oCDkHE,UACE,UAEF,aACE,gBF2oBH,CGjwBD,oCD0HE,UACE,UAEF,aACE,gBF6oBH,CGtwBD,qCD6FE,UACE,mBAEF,aACE,yBF+qBH,CGrxBD,qCD0GE,UACE,mBAEF,aACE,yBFirBH,CG/xBD,oCDkHE,UACE,mBAEF,aACE,yBFmrBH,CGzyBD,oCD0HE,UACE,mBAEF,aACE,yBFqrBH,CG9yBD,qCD6FE,UACE,mBAEF,aACE,yBFutBH,CG7zBD,qCD0GE,UACE,mBAEF,aACE,yBFytBH,CGv0BD,oCDkHE,UACE,mBAEF,aACE,yBF2tBH,CGj1BD,oCD0HE,UACE,mBAEF,aACE,yBF6tBH,CGt1BD,qCD6FE,UACE,UAEF,aACE,gBF+vBH,CGr2BD,qCD0GE,UACE,UAEF,aACE,gBFiwBH,CG/2BD,oCDkHE,UACE,UAEF,aACE,gBFmwBH,CGz3BD,oCD0HE,UACE,UAEF,aACE,gBFqwBH,CG93BD,qCD6FE,WACE,mBAEF,cACE,yBFuyBH,CG74BD,qCD0GE,WACE,mBAEF,cACE,yBFyyBH,CGv5BD,oCDkHE,WACE,mBAEF,cACE,yBF2yBH,CGj6BD,oCD0HE,WACE,mBAEF,cACE,yBF6yBH,CGt6BD,qCD6FE,WACE,mBAEF,cACE,yBF+0BH,CGr7BD,qCD0GE,WACE,mBAEF,cACE,yBFi1BH,CG/7BD,oCDkHE,WACE,mBAEF,cACE,yBFm1BH,CGz8BD,oCD0HE,WACE,mBAEF,cACE,yBFq1BH,CG98BD,qCD6FE,WACE,WAEF,cACE,iBFu3BH,CG79BD,qCD0GE,WACE,WAEF,cACE,iBFy3BH,CGv+BD,oCDkHE,WACE,WAEF,cACE,iBF23BH,CGj/BD,oCD0HE,WACE,WAEF,cACE,iBF63BH,CGt/BD,qCD6FE,WACE,oBAEF,cACE,0BF+5BH,CGrgCD,qCD0GE,WACE,oBAEF,cACE,0BFi6BH,CG/gCD,oCDkHE,WACE,oBAEF,cACE,0BFm6BH,CGzhCD,oCD0HE,WACE,oBAEF,cACE,0BFq6BH,CG9hCD,qCD6FE,WACE,oBAEF,cACE,0BFu8BH,CG7iCD,qCD0GE,WACE,oBAEF,cACE,0BFy8BH,CGvjCD,oCDkHE,WACE,oBAEF,cACE,0BF28BH,CGjkCD,oCD0HE,WACE,oBAEF,cACE,0BF68BH,CIxkCH,wBACE,qDACA,oEAKF,cACE,cACA,eACA,cACA,oBAJF,wBAOI,8BACA,aARJ,sCAWM,8BAXN,yCAcI,WACA,kBACA,MACA,eACA,YACA,4BAnBJ,qBAsBI,eAtBJ,oBAyBI,gBCrCJ,YACE,eACA,QACA,SACA,WACA,YACA,cACA,mBFAA,qCEPF,YAWI,eLkoCD,CG3oCD,qCEFF,YAsBM,gBL6nCH,CGjpCD,qCEFF,YAsBM,iBLmoCH,CGvpCD,oCEFF,YAsBM,gBLyoCH,CG7pCD,oCEFF,YAsBM,gBL+oCH,CMlqCH,KACE,eAEF,KACE,WACA,6BACA,yBAHF,WAMI,eACA,MACA,QACA,SACA,WACA,cAXJ,WAcI,6BAdJ,sBAkBM,yBAlBN,wBAqBM,yBAEN,YACE,cAEF,cACE,cAEF,cACE,cAEF,WACE,cAEF,cACE,cAEF,aACE,cAEF,YACE,cACA,gBAEF,YACE,gBAEF,GACE,iBAEF,GACE,iBAEF,GACE,iBAEF,GACE,iBAEF,eAEE,gBACA,YACA,mBAJF,uCAOI,mBACA,WACA,kBACA,YAVJ,oCAaI,mBAbJ,2CAgBI,eACA,kBACA,cAEJ,QACE,eAGF,2CACE,WACA,UACA,oBClFE,0BCEF,GACE,gFACF,IACE,oFACF,IACE,4EACF,IACE,wEACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,gFACF,IACE,sFACF,IACE,8EACF,GACE,kFRqyCD,COzyCC,kBCjBF,GACE,gFACF,IACE,oFACF,IACE,4EACF,IACE,wEACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,gFACF,IACE,sFACF,IACE,8EACF,GACE,kFRi4CD,COx5CC,0BC0BF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRu5CD,COn7CC,kBCOF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRm/CD,CSziDH,OCUE,eAGE,MAIA,QAIA,SAIA,OC5BF,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,2FFAA,gDACA,sBACA,wBANF,oBAUI,UACA,gBACA,kBACA,sBAbJ,4BAgBM,mBEnBJ,oBAEA,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEFJF,kCAoBQ,mBApBR,gCAuBQ,cACA,WACA,YACA,iBA1BR,+BA6BQ,wBACA,SACA,cACA,iBACA,gBAjCR,6BAuCM,iBACA,aACA,yBACA,gBACA,cA3CN,0BA8CM,WACA,YACA,aACA,kBACA,gBACA,cAEA,iBACA,yBACA,uJAvDN,gCA0DQ,UACA,sFA3DR,uCA8DQ,yBACA,YACA,WACA,kBACA,eACA,wEAnER,6CAsEU,yBAtEV,sBAyEM,cACA,gBACA,gBI3EN,UACE,kBACA,MACA,OACA,YACA,aACA,sBANF,2BAWI,eACA,gCACA,kBAbJ,8BAgBM,iBACA,cACA,gBACA,SAnBN,6BAqBM,gBACA,cACA,WACA,SACA,uBAzBN,gCAgCM,YACA,6BACA,gCACA,gBACA,YAEA,yBACA,uDACA,4BACA,wBAzCN,sCA4CQ,WACA,YACA,UACA,SACA,YACA,gBACA,gBACA,iBACA,0GD3BA,gVJrBN,4CAPA,qBA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,kEakGQ,WACA,YACA,kBACA,gBACA,WCrFR,wEACE,WACA,yBACA,WACA,YACA,kJACA,kBACA,0DAGA,2FACE,0DADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,2FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,kEADF,4FACE,8DADF,4FACE,kEADF,4FACE,kEADF,4FA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","file":"css/kms.css","sourcesContent":["/* ==========================================================================\n Basic style settings\n @mixin ========================================================================= */\n\n* {\n box-sizing: border-box; }\n\n/*\n * Set up the body\n *\n * 1. This is the base for al rem units\n */\nhtml {\n font-size: 20px /* 1 */;\n line-height: 1.6; }\n\n/**\n * 1.Default display for images is block to lose the extra margin below the image\n * 2. Remove border / especially on older browsers\n */\nimg {\n display: block /* 1 */;\n border: none; }\n\n/**\n * Add translation to prevent recoloring from autocomplete\n */\ninput, textarea {\n @include placeholder {\n transition: all 9999s linear 9999s; } }\n\n/*\n * Remove default margin around figure\n */\nfigure {\n margin: 0; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/_base.sass","/* ==========================================================================\n Config settings\n @mixin ========================================================================= */\n\n/**\n * Define grid columns\n *\n * The inner grid is the section where the content is\n * The outer grid is the inner grid with extra margin columns on each side\n */\n\n/**\n * Define breakpoint for given formats\n */\n\n/* Bourbon 4.0.2\n * http://bourbon.io\n * Copyright 2011-2014 thoughtbot, inc.\n * MIT License */\n\n/* ==========================================================================\n Font related functions\n @mixin ========================================================================= */\n\n/**\n * Add some functions for readability\n * Return font-weight based on name\n */\n\n/* ==========================================================================\n Functions used in grid calculation\n @mixin ========================================================================= */\n\n/**\n * This is where the magic happens\n * Return percentage based on amount of columns\n * Use parent column size to adjust the origin\n */\n\n/**\n * Default function for columns\n * Return as percentage\n */\n\n/**\n * Return as viewport width\n */\n\n/* ==========================================================================\n Basic style settings\n @mixin ========================================================================= */\n\n* {\n box-sizing: border-box;\n}\n\n/*\n * Set up the body\n *\n * 1. This is the base for al rem units\n */\n\nhtml {\n font-size: 20px;\n line-height: 1.6;\n}\n\n/**\n * 1.Default display for images is block to lose the extra margin below the image\n * 2. Remove border / especially on older browsers\n */\n\nimg {\n display: block;\n border: none;\n}\n\n/**\n * Add translation to prevent recoloring from autocomplete\n */\n\ninput::-webkit-input-placeholder,\ntextarea::-webkit-input-placeholder {\n transition: all 9999s linear 9999s;\n}\n\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n transition: all 9999s linear 9999s;\n}\n\ninput:-ms-input-placeholder,\ntextarea:-ms-input-placeholder {\n transition: all 9999s linear 9999s;\n}\n\ninput:-moz-placeholder,\ntextarea:-moz-placeholder {\n transition: all 9999s linear 9999s;\n}\n\n/*\n * Remove default margin around figure\n */\n\nfigure {\n margin: 0;\n}\n\n/*==========================================================================\n Grid\n @mixin ========================================================================= */\n\n/**\n * Grid row\n *\n * 1. The outer two columns are just margin\n * 2. Prevent inline-block cells wrapping\n * 3. Prevent vertical spacing between inline-blocks\n */\n\n.grid-row {\n width: 85.71428571%;\n max-width: 1440px;\n margin: 0 auto;\n font-size: 0;\n line-height: 0;\n /**\n * The full row doesn't have the two outer margin rows\n * They stretch till both ends of the window\n */\n}\n\n@media screen and (max-width: 700px) {\n .grid-row {\n width: 100%;\n padding: 0 20px;\n }\n}\n\n.grid-row.full-row {\n width: 100%;\n max-width: none;\n}\n\n/**\n * Grid column\n *\n * 1. Reset white-space inherited from `.grid`\n * 2. Reset font-size inherited from `.grid`\n * 3. Reset line-height inherited from `.grid`\n */\n\n.grid-col {\n position: relative;\n display: inline-block;\n overflow: hidden;\n white-space: normal;\n font-size: 1rem;\n line-height: 1.6;\n /**\n * Center column\n *\n * 1. 'inline-block' doesn't center with margin '0 auto'\n */\n}\n\n.grid-col.center {\n display: block;\n margin: 0 auto;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-1,\n.col-lg-1 {\n width: 8.33333333%;\n}\n\n.full-row .col-1,\n.full-row .col-lg-1 {\n width: 7.14285714%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-1,\n.offset-lg-1 {\n margin-left: 8.33333333%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-2,\n.col-lg-2 {\n width: 16.66666667%;\n}\n\n.full-row .col-2,\n.full-row .col-lg-2 {\n width: 14.28571429%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-2,\n.offset-lg-2 {\n margin-left: 16.66666667%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-3,\n.col-lg-3 {\n width: 25%;\n}\n\n.full-row .col-3,\n.full-row .col-lg-3 {\n width: 21.42857143%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-3,\n.offset-lg-3 {\n margin-left: 25%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-4,\n.col-lg-4 {\n width: 33.33333333%;\n}\n\n.full-row .col-4,\n.full-row .col-lg-4 {\n width: 28.57142857%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-4,\n.offset-lg-4 {\n margin-left: 33.33333333%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-5,\n.col-lg-5 {\n width: 41.66666667%;\n}\n\n.full-row .col-5,\n.full-row .col-lg-5 {\n width: 35.71428571%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-5,\n.offset-lg-5 {\n margin-left: 41.66666667%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-6,\n.col-lg-6 {\n width: 50%;\n}\n\n.full-row .col-6,\n.full-row .col-lg-6 {\n width: 42.85714286%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-6,\n.offset-lg-6 {\n margin-left: 50%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-7,\n.col-lg-7 {\n width: 58.33333333%;\n}\n\n.full-row .col-7,\n.full-row .col-lg-7 {\n width: 50%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-7,\n.offset-lg-7 {\n margin-left: 58.33333333%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-8,\n.col-lg-8 {\n width: 66.66666667%;\n}\n\n.full-row .col-8,\n.full-row .col-lg-8 {\n width: 57.14285714%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-8,\n.offset-lg-8 {\n margin-left: 66.66666667%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-9,\n.col-lg-9 {\n width: 75%;\n}\n\n.full-row .col-9,\n.full-row .col-lg-9 {\n width: 64.28571429%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-9,\n.offset-lg-9 {\n margin-left: 75%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-10,\n.col-lg-10 {\n width: 83.33333333%;\n}\n\n.full-row .col-10,\n.full-row .col-lg-10 {\n width: 71.42857143%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-10,\n.offset-lg-10 {\n margin-left: 83.33333333%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-11,\n.col-lg-11 {\n width: 91.66666667%;\n}\n\n.full-row .col-11,\n.full-row .col-lg-11 {\n width: 78.57142857%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-11,\n.offset-lg-11 {\n margin-left: 91.66666667%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-12,\n.col-lg-12 {\n width: 100%;\n}\n\n.full-row .col-12,\n.full-row .col-lg-12 {\n width: 85.71428571%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-12,\n.offset-lg-12 {\n margin-left: 100%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-13,\n.col-lg-13 {\n width: 108.33333333%;\n}\n\n.full-row .col-13,\n.full-row .col-lg-13 {\n width: 92.85714286%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-13,\n.offset-lg-13 {\n margin-left: 108.33333333%;\n}\n\n/* Column dimensions\n @mixin ========================================================================= */\n\n/*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n.col-14,\n.col-lg-14 {\n width: 116.66666667%;\n}\n\n.full-row .col-14,\n.full-row .col-lg-14 {\n width: 100%;\n}\n\n/* Column shifts\n @mixin ========================================================================= */\n\n.offset-14,\n.offset-lg-14 {\n margin-left: 116.66666667%;\n}\n\n/* Media queries\n @mixin ========================================================================= */\n\n/*\n * Create a separate loop because of order for css rendering\n * because else it would overrule a previous media query\n */\n\n@media screen and (min-width: 1601px) {\n .col-xl-1 {\n width: 8.33333333%;\n }\n\n .offset-xl-1 {\n margin-left: 8.33333333%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-1 {\n width: 8.33333333%;\n }\n\n .offset-md-1 {\n margin-left: 8.33333333%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-1 {\n width: 8.33333333%;\n }\n\n .offset-sm-1 {\n margin-left: 8.33333333%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-1 {\n width: 8.33333333%;\n }\n\n .offset-xs-1 {\n margin-left: 8.33333333%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-2 {\n width: 16.66666667%;\n }\n\n .offset-xl-2 {\n margin-left: 16.66666667%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-2 {\n width: 16.66666667%;\n }\n\n .offset-md-2 {\n margin-left: 16.66666667%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-2 {\n width: 16.66666667%;\n }\n\n .offset-sm-2 {\n margin-left: 16.66666667%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-2 {\n width: 16.66666667%;\n }\n\n .offset-xs-2 {\n margin-left: 16.66666667%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-3 {\n width: 25%;\n }\n\n .offset-xl-3 {\n margin-left: 25%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-3 {\n width: 25%;\n }\n\n .offset-md-3 {\n margin-left: 25%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-3 {\n width: 25%;\n }\n\n .offset-sm-3 {\n margin-left: 25%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-3 {\n width: 25%;\n }\n\n .offset-xs-3 {\n margin-left: 25%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-4 {\n width: 33.33333333%;\n }\n\n .offset-xl-4 {\n margin-left: 33.33333333%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-4 {\n width: 33.33333333%;\n }\n\n .offset-md-4 {\n margin-left: 33.33333333%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-4 {\n width: 33.33333333%;\n }\n\n .offset-sm-4 {\n margin-left: 33.33333333%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-4 {\n width: 33.33333333%;\n }\n\n .offset-xs-4 {\n margin-left: 33.33333333%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-5 {\n width: 41.66666667%;\n }\n\n .offset-xl-5 {\n margin-left: 41.66666667%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-5 {\n width: 41.66666667%;\n }\n\n .offset-md-5 {\n margin-left: 41.66666667%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-5 {\n width: 41.66666667%;\n }\n\n .offset-sm-5 {\n margin-left: 41.66666667%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-5 {\n width: 41.66666667%;\n }\n\n .offset-xs-5 {\n margin-left: 41.66666667%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-6 {\n width: 50%;\n }\n\n .offset-xl-6 {\n margin-left: 50%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-6 {\n width: 50%;\n }\n\n .offset-md-6 {\n margin-left: 50%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-6 {\n width: 50%;\n }\n\n .offset-sm-6 {\n margin-left: 50%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-6 {\n width: 50%;\n }\n\n .offset-xs-6 {\n margin-left: 50%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-7 {\n width: 58.33333333%;\n }\n\n .offset-xl-7 {\n margin-left: 58.33333333%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-7 {\n width: 58.33333333%;\n }\n\n .offset-md-7 {\n margin-left: 58.33333333%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-7 {\n width: 58.33333333%;\n }\n\n .offset-sm-7 {\n margin-left: 58.33333333%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-7 {\n width: 58.33333333%;\n }\n\n .offset-xs-7 {\n margin-left: 58.33333333%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-8 {\n width: 66.66666667%;\n }\n\n .offset-xl-8 {\n margin-left: 66.66666667%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-8 {\n width: 66.66666667%;\n }\n\n .offset-md-8 {\n margin-left: 66.66666667%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-8 {\n width: 66.66666667%;\n }\n\n .offset-sm-8 {\n margin-left: 66.66666667%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-8 {\n width: 66.66666667%;\n }\n\n .offset-xs-8 {\n margin-left: 66.66666667%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-9 {\n width: 75%;\n }\n\n .offset-xl-9 {\n margin-left: 75%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-9 {\n width: 75%;\n }\n\n .offset-md-9 {\n margin-left: 75%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-9 {\n width: 75%;\n }\n\n .offset-sm-9 {\n margin-left: 75%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-9 {\n width: 75%;\n }\n\n .offset-xs-9 {\n margin-left: 75%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-10 {\n width: 83.33333333%;\n }\n\n .offset-xl-10 {\n margin-left: 83.33333333%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-10 {\n width: 83.33333333%;\n }\n\n .offset-md-10 {\n margin-left: 83.33333333%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-10 {\n width: 83.33333333%;\n }\n\n .offset-sm-10 {\n margin-left: 83.33333333%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-10 {\n width: 83.33333333%;\n }\n\n .offset-xs-10 {\n margin-left: 83.33333333%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-11 {\n width: 91.66666667%;\n }\n\n .offset-xl-11 {\n margin-left: 91.66666667%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-11 {\n width: 91.66666667%;\n }\n\n .offset-md-11 {\n margin-left: 91.66666667%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-11 {\n width: 91.66666667%;\n }\n\n .offset-sm-11 {\n margin-left: 91.66666667%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-11 {\n width: 91.66666667%;\n }\n\n .offset-xs-11 {\n margin-left: 91.66666667%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-12 {\n width: 100%;\n }\n\n .offset-xl-12 {\n margin-left: 100%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-12 {\n width: 100%;\n }\n\n .offset-md-12 {\n margin-left: 100%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-12 {\n width: 100%;\n }\n\n .offset-sm-12 {\n margin-left: 100%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-12 {\n width: 100%;\n }\n\n .offset-xs-12 {\n margin-left: 100%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-13 {\n width: 108.33333333%;\n }\n\n .offset-xl-13 {\n margin-left: 108.33333333%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-13 {\n width: 108.33333333%;\n }\n\n .offset-md-13 {\n margin-left: 108.33333333%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-13 {\n width: 108.33333333%;\n }\n\n .offset-sm-13 {\n margin-left: 108.33333333%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-13 {\n width: 108.33333333%;\n }\n\n .offset-xs-13 {\n margin-left: 108.33333333%;\n }\n}\n\n@media screen and (min-width: 1601px) {\n .col-xl-14 {\n width: 116.66666667%;\n }\n\n .offset-xl-14 {\n margin-left: 116.66666667%;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .col-md-14 {\n width: 116.66666667%;\n }\n\n .offset-md-14 {\n margin-left: 116.66666667%;\n }\n}\n\n@media screen and (max-width: 768px) {\n .col-sm-14 {\n width: 116.66666667%;\n }\n\n .offset-sm-14 {\n margin-left: 116.66666667%;\n }\n}\n\n@media screen and (max-width: 400px) {\n .col-xs-14 {\n width: 116.66666667%;\n }\n\n .offset-xs-14 {\n margin-left: 116.66666667%;\n }\n}\n\n/* ==========================================================================\n This grid can be turned on and off when you want to check\n if everything is nice in place.\n @mixin ========================================================================= */\n\n.visible-grid-container {\n display: flex;\n justify-content: center;\n}\n\n/**\n * 1. Makes it able to control the website while grid is shown\n */\n\n.visible-grid {\n display: block;\n position: fixed;\n z-index: 10000;\n pointer-events: none;\n}\n\n.visible-grid .grid-col {\n background: rgba(0, 255, 255, 0.6);\n height: 100vh;\n}\n\n.visible-grid .grid-col:nth-child(2n) {\n background: rgba(0, 255, 255, 0.3);\n}\n\n.visible-grid:before,\n.visible-grid:after {\n content: '';\n position: absolute;\n top: 0;\n width: calc(100% / 12);\n height: 100%;\n background: rgba(0, 255, 0, 0.5);\n}\n\n.visible-grid:before {\n left: calc(-100% / 12);\n}\n\n.visible-grid:after {\n right: calc(-100% / 12);\n}\n\n.breakpoint {\n position: fixed;\n right: 0;\n bottom: 0;\n width: 20px;\n height: 20px;\n z-index: 10000;\n background: #0ABEFF;\n}\n\n@media screen and (min-width: 1601px) {\n .breakpoint {\n background: red;\n }\n}\n\n@media screen and (max-width: 1366px) {\n .breakpoint {\n background: blue;\n }\n}\n\n@media screen and (max-width: 1080px) {\n .breakpoint {\n background: green;\n }\n}\n\n@media screen and (max-width: 768px) {\n .breakpoint {\n background: yellow;\n }\n}\n\n@media screen and (max-width: 400px) {\n .breakpoint {\n background: pink;\n }\n}\n\nhtml {\n font-size: 18px;\n}\n\nbody {\n color: white;\n font-family: \"Rubik\", sans-serif;\n background-color: #1D2433;\n}\n\nbody #main {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 230px;\n overflow: auto;\n}\n\nbody input {\n font-family: \"Rubik\", sans-serif;\n}\n\nbody.full-width #main {\n background-color: #262f43;\n}\n\nbody.full-width #entity {\n background-color: #1D2433;\n}\n\n.text-muted {\n color: #9ba0ae;\n}\n\n.text-primary {\n color: #3289ff;\n}\n\n.text-success {\n color: #3c763d;\n}\n\n.text-info {\n color: #31708f;\n}\n\n.text-warning {\n color: #ff8d00;\n}\n\n.text-danger {\n color: #f2303f;\n}\n\n.text-light {\n color: #9ba0ae;\n font-weight: 310;\n}\n\nh1,\nh2,\nh3,\nh4 {\n font-weight: 400;\n}\n\nh1 {\n font-size: 1.8rem;\n}\n\nh2 {\n font-size: 1.6rem;\n}\n\nh3 {\n font-size: 1.4rem;\n}\n\nh4 {\n font-size: 1.2rem;\n}\n\n.small-profile {\n margin-top: 30px;\n height: 90px;\n margin-bottom: 30px;\n}\n\n.small-profile img.small-profile-image {\n border-radius: 100%;\n float: left;\n margin-right: 30px;\n height: 90px;\n}\n\n.small-profile p.small-profile-name {\n margin-bottom: 10px;\n}\n\n.small-profile p.small-profile-description {\n font-size: 20px;\n line-height: 1.5em;\n color: #70778c;\n}\n\n.inline {\n display: inline;\n}\n\n#selectYearAndMonthForm .selectize-control {\n float: left;\n width: 45%;\n margin-left: 3.3333%;\n}\n\n@-webkit-keyframes shake1 {\n 0% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 10% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 30% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 40% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 80% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 90% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n}\n\n@-moz-keyframes shake1 {\n 0% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 10% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 30% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 40% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 80% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 90% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n}\n\n@keyframes shake1 {\n 0% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 10% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 30% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 40% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 80% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 90% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n}\n\n@-webkit-keyframes shake2 {\n 0% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n\n 10% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 30% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 40% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 80% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 90% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n}\n\n@-moz-keyframes shake2 {\n 0% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n\n 10% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 30% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 40% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 80% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 90% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n}\n\n@keyframes shake2 {\n 0% {\n transform: translate3d(0.25px, -0.5px, 0);\n }\n\n 10% {\n transform: translate3d(0.5px, 0.5px, 0);\n }\n\n 20% {\n transform: translate3d(-0.25px, -0.25px, 0);\n }\n\n 30% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n\n 40% {\n transform: translate3d(-0.75px, 0.25px, 0);\n }\n\n 50% {\n transform: translate3d(-0.25px, 0.5px, 0);\n }\n\n 60% {\n transform: translate3d(0.25px, -0.25px, 0);\n }\n\n 70% {\n transform: translate3d(0px, 0.5px, 0);\n }\n\n 80% {\n transform: translate3d(-0.75px, 0px, 0);\n }\n\n 90% {\n transform: translate3d(-0.25px, -0.5px, 0);\n }\n\n 100% {\n transform: translate3d(0.5px, 0.25px, 0);\n }\n}\n\n/* ==========================================================================\n Login KMS\n @mixin ========================================================================= */\n\n.login {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n background-color: #1D2433;\n background-image: url(\"/img/kms/background.svg\");\n background-size: cover;\n background-position: center;\n}\n\n.login .placeholder {\n width: 80%;\n max-width: 400px;\n padding: 20px 40px;\n background-color: white;\n /* Alert messages\n @mixin ========================================================================= */\n}\n\n.login .placeholder .header {\n margin-bottom: 40px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n.login .placeholder .header.small {\n margin-bottom: 20px;\n}\n\n.login .placeholder .header img {\n display: block;\n width: 45px;\n height: 45px;\n margin-left: auto;\n}\n\n.login .placeholder .header h2 {\n width: calc(100% - 45px);\n margin: 0;\n color: #2B2F83;\n font-size: 1.2rem;\n font-weight: bold;\n}\n\n.login .placeholder .warning {\n padding: 7px 12px;\n margin: 8px 0;\n border: 1px solid #2B2F83;\n font-size: 0.7rem;\n color: #2B2F83;\n}\n\n.login .placeholder input {\n width: 100%;\n height: 40px;\n margin: 8px 0;\n border-radius: 4px;\n font-size: 0.7rem;\n color: #2B2F83;\n text-indent: 10px;\n border: #d8dae2 solid 1px;\n transition: box-shadow 0.4s;\n}\n\n.login .placeholder input:focus {\n outline: 0;\n box-shadow: rgba(0, 0, 255, 0.75) 0 0 5px 0;\n}\n\n.login .placeholder input[type=submit] {\n background-color: #2B2F83;\n border: none;\n color: white;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.4s;\n}\n\n.login .placeholder input[type=submit]:hover {\n background-color: #383da9;\n}\n\n.login .placeholder a {\n color: #2B2F83;\n font-size: 0.7rem;\n font-weight: 600;\n}\n\n/* ==========================================================================\n Entities navigation KMS\n @mixin ========================================================================= */\n\n#entities {\n position: absolute;\n top: 0;\n left: 0;\n width: 380px;\n height: 100vh;\n background-color: white;\n /* Header block\n @mixin ========================================================================= */\n /* Search block\n @mixin ========================================================================= */\n /* Add new item block\n @mixin ========================================================================= */\n /* Change order block\n @mixin ========================================================================= */\n /* Entities list\n @mixin =========================================================================\n Entities header: 141px\n Search: 50px\n New item: 50px\n Order: 50px\n */\n}\n\n#entities .entities-header {\n padding: 40px 0;\n border-bottom: 1px solid #d8dae2;\n text-align: center;\n}\n\n#entities .entities-header h1 {\n font-size: 1.2rem;\n color: #2B2F83;\n font-weight: 700;\n margin: 0;\n}\n\n#entities .entities-header p {\n font-size: 0.7rem;\n color: #70778c;\n opacity: 0.5;\n margin: 0;\n font-weight: lightest();\n}\n\n#entities .search .search-field {\n height: 50px;\n border-top: 1px solid #d8dae2;\n border-bottom: 1px solid #d8dae2;\n font-size: 0.9rem;\n cursor: text;\n background-color: #f4f5f7;\n background-image: url(\"/img/kms/icons/icon_search.svg\");\n background-repeat: no-repeat;\n background-position: 7px center;\n}\n\n#entities .search .search-field input {\n width: 100%;\n height: 50px;\n padding: 0;\n margin: 0;\n border: none;\n font-size: 0.7rem;\n line-height: 2.2;\n text-indent: 90px;\n background-color: transparent;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n#entities .search .search-field input:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n#entities .search .search-result-text {\n display: none;\n height: 50px;\n width: 100%;\n border-bottom: 2px solid #3289ff;\n transition: background-color 0.2s, color 0.2s;\n margin: 0;\n padding: 0 15px 0 60px;\n color: #70778c;\n font-size: 0.7rem;\n line-height: 1;\n}\n\n#entities .search .search-result-text span {\n display: inline-block;\n margin-left: 5px;\n color: #3289ff;\n}\n\n#entities .search .entities-list {\n display: none;\n height: calc( 100vh - 235px);\n}\n\n#entities .search .entities-list ul .entities-list-item {\n display: none;\n}\n\n#entities .search .entities-list ul .entities-list-item.active {\n display: block;\n}\n\n#entities .search .entities-list ul .entities-list-item.active > a {\n background-color: transparent;\n color: #70778c;\n}\n\n#entities .search .entities-list ul .entities-list-item.active > a .icon {\n background-color: rgba(216, 218, 226, 0.6);\n}\n\n#entities .search .entities-list ul .entities-list-item.active > a p {\n margin: 0;\n width: calc(100% - 65px);\n}\n\n#entities .search .entities-list ul .entities-list-item.active > a p:before {\n content: attr(data-breadcrumb);\n display: block;\n color: #70778c;\n font-size: 0.6rem;\n opacity: 0.5;\n}\n\n#entities .search.active .entities-list {\n display: block;\n}\n\n#entities .search.active .search-result-text {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n#entities .new-item {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n height: 50px;\n width: 100%;\n background-color: transparent;\n border-bottom: 2px solid #3289ff;\n transition: background-color 0.2s, color 0.2s;\n color: #3289ff;\n font-size: 0.7rem;\n line-height: 1;\n text-decoration: none;\n}\n\n#entities .new-item span {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin: 0 15px 0 15px;\n border: 1px solid #3289ff;\n border-radius: 100%;\n background-color: white;\n}\n\n#entities .new-item span:before {\n content: '';\n background-image: url(\"/img/kms/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center;\n display: inline-block;\n width: 30px;\n height: 30px;\n}\n\n#entities .new-item:hover {\n background-color: #3289ff;\n color: white;\n}\n\n#entities .entities-order {\n position: relative;\n width: 100%;\n height: 50px;\n border-top: solid 1px #e0e6ec;\n}\n\n#entities .entities-order .sortable-button {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n text-decoration: none;\n color: #3289ff;\n font-size: 0.7rem;\n text-align: center;\n cursor: pointer;\n}\n\n#entities .entities-order .sortable-button:before {\n content: '';\n display: inline-block;\n width: 19px;\n height: 23px;\n background-image: url(\"/img/kms/icons/icon_reorder.svg\");\n background-repeat: no-repeat;\n vertical-align: middle;\n margin-right: 10px;\n}\n\n#entities .entities-order .sortable-button.save-order {\n position: absolute;\n left: 0;\n top: 0;\n opacity: 0;\n pointer-events: none;\n z-index: -1;\n background-color: #3289ff;\n color: white;\n}\n\n#entities .entities-order .sortable-button.save-order.show {\n z-index: 2;\n opacity: 1;\n pointer-events: all;\n}\n\n#entities .entities-order .sortable-button.save-order:before {\n background-image: url(\"/img/kms/icons/icon_save_order.svg\");\n}\n\n#entities #main-entities-list.hide {\n display: none;\n}\n\n#entities .entities-list {\n position: relative;\n height: calc( 100vh - 185px);\n overflow: auto;\n overflow-x: hidden;\n}\n\n#entities .entities-list ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n#entities .entities-list ul.ui-sortable {\n height: calc(100% - 50px);\n overflow: auto;\n overflow-x: hidden;\n}\n\n#entities .entities-list ul ul {\n padding-left: 20px;\n min-height: 10px;\n}\n\n#entities .entities-list ul .sortable-placeholder {\n height: 50px;\n width: 100%;\n background-color: #f7f7f7;\n border: 1px dashed rgba(50, 137, 255, 0.4);\n}\n\n#entities .entities-list ul .entities-list-item {\n background-color: white;\n transition: background-color 0.3s;\n}\n\n#entities .entities-list ul .entities-list-item:nth-child(even) {\n background-color: #f7f7f7;\n}\n\n#entities .entities-list ul .entities-list-item > a,\n#entities .entities-list ul .entities-list-item .tree-node-content {\n position: relative;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n height: 50px;\n width: 100%;\n text-decoration: none;\n font-size: 0.7rem;\n line-height: 1.1;\n color: #70778c;\n cursor: pointer;\n font-weight: lightest();\n}\n\n#entities .entities-list ul .entities-list-item > a sub,\n#entities .entities-list ul .entities-list-item .tree-node-content sub {\n opacity: 0.6;\n}\n\n#entities .entities-list ul .entities-list-item > a:hover,\n#entities .entities-list ul .entities-list-item .tree-node-content:hover {\n background-color: #eceef3;\n color: #2B2F83;\n}\n\n#entities .entities-list ul .entities-list-item.active > a,\n#entities .entities-list ul .entities-list-item.active > .tree-node-content {\n background-color: #3289ff;\n color: white;\n}\n\n#entities .entities-list ul .entities-list-item.active > a .icon,\n#entities .entities-list ul .entities-list-item.active > .tree-node-content .icon {\n background-color: #d8dae2;\n}\n\n#entities .entities-list ul .entities-list-item .color-status {\n display: inline-block;\n height: 100%;\n width: 5px;\n background-color: transparent;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"0\"] {\n background-color: #d8dae2;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"1\"] {\n background-color: #78dc84;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"2\"] {\n background-color: #f2303f;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"3\"] {\n background-color: #2B2F83;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"4\"] {\n background-color: #ff8d00;\n}\n\n#entities .entities-list ul .entities-list-item .color-status[data-status-type=\"5\"] {\n background-color: #3c763d;\n}\n\n#entities .entities-list ul .entities-list-item p {\n margin: 0;\n width: calc(100% - 60px);\n}\n\n#entities .entities-list ul .entities-list-item .icon {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 30px;\n height: 30px;\n margin: 0 15px;\n border-radius: 100%;\n background-color: rgba(216, 218, 226, 0.6);\n background-position: center;\n background-size: cover;\n overflow: hidden;\n}\n\n#entities .entities-list ul .entities-list-item .icon img {\n width: 30px;\n height: 30px;\n}\n\n#entities .entities-list ul .entities-list-item .icon span {\n font-size: 0.8rem;\n color: #70778c;\n position: relative;\n top: 1px;\n}\n\n#entities .entities-list ul .entities-list-item .triangle {\n position: absolute;\n right: 0;\n top: 0;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.03);\n width: 40px;\n height: 100%;\n cursor: pointer;\n}\n\n#entities .entities-list ul .entities-list-item .triangle:before {\n content: '';\n display: inline-block;\n width: 10px;\n height: 5px;\n background-image: url(\"/img/kms/icons/icon_triangle_down.svg\");\n background-position: center center;\n background-repeat: no-repeat;\n transition: transform 0.4s;\n}\n\n#entities .entities-list ul .entities-list-item[collapsed=true] .triangle:before {\n transform: rotate(180deg);\n}\n\n#entities .entities-list.showCreate ul {\n height: calc(100% - 50px);\n}\n\n#entities .entities-list.showCreate ul.ui-sortable {\n height: calc(100% - 100px);\n}\n\n#entities .entities-list .sorting .entities-list-item {\n position: relative;\n cursor: move;\n}\n\n#entities .entities-list .sorting .entities-list-item a {\n cursor: move;\n -webkit-animation: shake1 1.5s infinite alternate;\n -moz-animation: shake1 1.5s infinite alternate;\n animation: shake1 1.5s infinite alternate;\n}\n\n#entities .entities-list .sorting .entities-list-item:nth-child(odd) a {\n -webkit-animation: shake2 1.5s infinite alternate;\n -moz-animation: shake2 1.5s infinite alternate;\n animation: shake2 1.5s infinite alternate;\n}\n\n/* Drag and drop styling\n @mixin ========================================================================= */\n\n/* ==========================================================================\n Entity block KMS\n @mixin ========================================================================= */\n\n#entity {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 400px;\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n /* Header + Save and Delete buttons\n @mixin ========================================================================= */\n /* (Language) Tabs\n @mixin ========================================================================= */\n /* Container for attributes\n @mixin ========================================================================= */\n}\n\n#entity .entity-header {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n height: 140px;\n position: relative;\n padding-left: 40px;\n padding-right: 20px;\n box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.5);\n}\n\n#entity .entity-header .entity-header-attributes {\n width: calc(100% - 200px);\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n#entity .entity-header .entity-header-attributes .entity-thumbnail {\n position: relative;\n width: 100px;\n height: 100px;\n overflow: hidden;\n border: solid 1px white;\n border-radius: 10px;\n background-color: #d8dae2;\n line-height: 100px;\n text-align: center;\n font-size: 1.6rem;\n font-weight: bold;\n color: #70778c;\n}\n\n#entity .entity-header .entity-header-attributes .entity-thumbnail img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n#entity .entity-header .entity-header-attributes .entity-thumbnail:after {\n content: \"\";\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 5;\n background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);\n}\n\n#entity .entity-header .entity-header-attributes h2 {\n display: block;\n width: calc(100% - 100px);\n padding-left: 40px;\n font-size: 1.2rem;\n color: white;\n}\n\n#entity .entity-header .entity-buttons {\n width: 200px;\n}\n\n#entity .entity-header .entity-buttons .save,\n#entity .entity-header .entity-buttons .trash {\n display: inline-block;\n vertical-align: top;\n height: 40px;\n border-radius: 4px;\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n -o-appearance: none;\n appearance: none;\n border: none;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n#entity .entity-header .entity-buttons .save:focus,\n#entity .entity-header .entity-buttons .trash:focus {\n outline: none;\n}\n\n#entity .entity-header .entity-buttons .save {\n width: 150px;\n background-color: #3289ff;\n color: white;\n font-size: 0.7rem;\n}\n\n#entity .entity-header .entity-buttons .save.disabled {\n pointer-events: none;\n background-color: #2f3b54;\n color: rgba(255, 255, 255, 0.3);\n}\n\n#entity .entity-header .entity-buttons .save:hover {\n background-color: #006cfe;\n}\n\n#entity .entity-header .entity-buttons .trash {\n width: 40px;\n background-color: #FF323C;\n background-image: url(\"/img/kms/icons/icon_trash.svg\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: 16px 16px;\n}\n\n#entity .entity-header .entity-buttons .trash:hover {\n background-color: #e5000b;\n}\n\n#entity .entity-tabs {\n width: 100%;\n height: 50px;\n padding-left: 40px;\n background-color: #262f43;\n}\n\n#entity .entity-tabs ul {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: flex-end;\n -moz-align-items: flex-end;\n -ms-align-items: flex-end;\n justify-content: flex-start;\n align-items: flex-end;\n margin: 0;\n padding: 0;\n list-style: none;\n height: 100%;\n}\n\n#entity .entity-tabs ul li {\n background-color: #394664;\n margin: 0 5px;\n height: 35px;\n line-height: 40px;\n border-radius: 4px 4px 0 0;\n transition: background-color 0.3s, box-shadow 0.3s;\n}\n\n#entity .entity-tabs ul li a {\n display: block;\n height: 100%;\n width: 100%;\n color: white;\n font-size: 0.7rem;\n text-decoration: none;\n text-transform: uppercase;\n padding: 0 20px;\n}\n\n#entity .entity-tabs ul li:hover {\n background-color: #2f3b54;\n}\n\n#entity .entity-tabs ul li.active {\n background-color: #ffffff;\n}\n\n#entity .entity-tabs ul li.active a {\n color: #3289ff;\n}\n\n#entity .entity-tabs ul li.error {\n background-color: #FF323C;\n}\n\n#entity .entity-attributes {\n position: absolute;\n top: 190px;\n bottom: 0;\n width: 100%;\n overflow: auto;\n background-color: white;\n}\n\n#entity .entity-attributes .contentBlockAddButton {\n display: inline-block;\n margin-right: 40px;\n cursor: pointer;\n}\n\n#entity .entity-attributes .contentBlockAddButton .dynamic-icon-placeholder {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 100px;\n height: 100px;\n background-color: white;\n border-radius: 14px;\n box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);\n transition: background-color 0.3s, box-shadow 0.3s;\n}\n\n#entity .entity-attributes .contentBlockAddButton .dynamic-icon-placeholder .dynamic-icon {\n width: 60px;\n}\n\n#entity .entity-attributes .contentBlockAddButton .dynamic-icon-placeholder .dynamic-icon img {\n display: block;\n width: 100%;\n}\n\n#entity .entity-attributes .contentBlockAddButton label {\n width: auto;\n margin-top: 20px;\n padding-left: 0;\n font-size: 0.8rem;\n color: #9ba0ae;\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap;\n text-align: center;\n}\n\n#entity .entity-attributes .contentBlockAddButton:hover .dynamic-icon-placeholder {\n box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0);\n}\n\n#entity .tab-content,\n#entity .sub-tab-content {\n display: none;\n}\n\n#entity .tab-content.active,\n#entity .sub-tab-content.active {\n display: block;\n}\n\n.fieldGroupCollection ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.fieldGroupCollection ul li {\n list-style: none;\n position: relative;\n padding-left: 25px;\n}\n\n.fieldGroupCollection ul.fieldGroupItems li:before {\n content: '';\n display: inline-block;\n height: 25px;\n width: 35px;\n background-image: url(\"/img/kms/icons/drag.png\");\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n left: 20px;\n top: 17px;\n}\n\n/* ==========================================================================\n Sidebar KMS\n @mixin ========================================================================= */\n\n#sidebar {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n height: 100vh;\n padding-bottom: 50px;\n width: 230px;\n background-color: #1D2433;\n /* Account block\n @mixin ========================================================================= */\n /* Navigation\n @mixin ========================================================================= */\n /* Log out button\n @mixin ========================================================================= */\n}\n\n#sidebar .logo-placeholder {\n height: 85px;\n width: 100%;\n background-image: url(\"/img/kms/logo_background.svg\");\n background-size: cover;\n}\n\n#sidebar .logo-placeholder a {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 100%;\n padding: 0 20px 0 20px;\n text-decoration: none;\n}\n\n#sidebar .logo-placeholder a img {\n width: 40px;\n height: 40px;\n}\n\n#sidebar .logo-placeholder a p {\n color: white;\n font-size: 0.75rem;\n line-height: 1.2;\n}\n\n#sidebar .account-block {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n text-decoration: none;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-left: none;\n border-right: none;\n padding: 10px;\n height: 82px;\n}\n\n#sidebar .account-block figure {\n position: relative;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 60px;\n height: 60px;\n margin: 0;\n background-color: rgba(50, 137, 255, 0.3);\n border-radius: 100%;\n}\n\n#sidebar .account-block figure:empty:after {\n content: '';\n background-image: url(\"/img/kms/icons/user.svg\");\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n width: 40px;\n height: 40px;\n opacity: 0.4;\n}\n\n#sidebar .account-block figure span {\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n#sidebar .account-block .text {\n width: calc(100% - 80px);\n}\n\n#sidebar .account-block .text h3 {\n color: white;\n font-size: 0.85rem;\n margin: 0;\n}\n\n#sidebar .navigation {\n overflow: auto;\n position: fixed;\n height: calc(100vh - 85px - 82px - 50px);\n width: 230px;\n}\n\n#sidebar .navigation ul {\n display: block;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n#sidebar .navigation ul li {\n position: relative;\n display: block;\n width: 100%;\n font-size: 0.7rem;\n border-bottom: solid 1px rgba(255, 255, 255, 0.2);\n background-color: transparent;\n transition: background-color 0.4s;\n}\n\n#sidebar .navigation ul li .drop-down {\n position: absolute;\n top: 22px;\n right: 20px;\n display: block;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: white transparent transparent transparent;\n transform: rotate(0deg);\n opacity: 0.5;\n}\n\n#sidebar .navigation ul li a,\n#sidebar .navigation ul li span {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n width: 100%;\n padding: 14px 25px;\n color: white;\n text-decoration: none;\n cursor: pointer;\n}\n\n#sidebar .navigation ul li:hover > span,\n#sidebar .navigation ul li:hover > a {\n background-color: rgba(43, 47, 131, 0.4);\n}\n\n#sidebar .navigation ul li.active > .drop-down {\n transform: rotate(180deg);\n}\n\n#sidebar .navigation ul li.active > span,\n#sidebar .navigation ul li.active > a {\n background-color: #3289ff;\n}\n\n#sidebar .navigation ul li.active > ul {\n display: block;\n}\n\n#sidebar .navigation ul li.active.has-sub-items > span,\n#sidebar .navigation ul li.active.has-sub-items > a {\n background-color: rgba(43, 47, 131, 0.9);\n}\n\n#sidebar .navigation ul li > ul {\n display: none;\n position: relative;\n float: none;\n box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.7);\n background-color: #161b26;\n border: none;\n transition: all 1s;\n overflow: hidden;\n}\n\n#sidebar .navigation ul li > ul li a,\n#sidebar .navigation ul li > ul li span {\n padding-left: 40px;\n}\n\n#sidebar .log-out {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 50px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n padding: 0 25px;\n background-color: rgba(43, 47, 131, 0.4);\n border: none;\n border-top: solid 1px rgba(255, 255, 255, 0.2);\n color: white;\n text-decoration: none;\n font-size: 0.7rem;\n transition: background-color 0.4s;\n}\n\n#sidebar .log-out:hover {\n background-color: rgba(43, 47, 131, 0.6);\n}\n\n#confirmBox {\n position: fixed;\n z-index: -100;\n pointer-events: none;\n display: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n#confirmBox.show {\n z-index: 100;\n pointer-events: all;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n}\n\n#confirmBox .shader {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n#confirmBox .modal {\n display: block;\n border-radius: 5px 5px 0 0;\n overflow: hidden;\n width: 100%;\n max-width: 500px;\n background-color: white;\n z-index: 2;\n}\n\n#confirmBox .modal .header {\n padding: 12px 40px;\n background-color: #262f43;\n}\n\n#confirmBox .modal .header h4 {\n font-size: 0.8rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.75);\n font-weight: 100;\n margin: 0;\n text-transform: uppercase;\n text-align: center;\n}\n\n#confirmBox .modal .body {\n padding: 25px 40px 40px;\n}\n\n#confirmBox .modal .body p {\n font-size: 0.7rem;\n line-height: 1.2;\n color: #9ba0ae;\n margin: 0;\n text-align: center;\n}\n\n#confirmBox .modal .body .navigatableElements {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n margin-top: 25px;\n}\n\n#confirmBox .modal .body .navigatableElements button {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n display: inline-block;\n width: 120px;\n height: 40px;\n border: none;\n border-radius: 3px;\n color: white;\n font-size: 0.7rem;\n line-height: 1.2;\n cursor: pointer;\n}\n\n#confirmBox .modal .body .navigatableElements button + button {\n margin-left: 10px;\n}\n\n#confirmBox .modal .body .navigatableElements button.confirm {\n background-color: #f2303f;\n}\n\n#confirmBox .modal .body .navigatableElements button.confirm:hover {\n background-color: #ed0f20;\n}\n\n#confirmBox .modal .body .navigatableElements button.cancel {\n background-color: #3289ff;\n}\n\n#confirmBox .modal .body .navigatableElements button.cancel:hover {\n background-color: #0c73ff;\n}\n\n#confirmButtons {\n padding: 15px 0 0;\n text-align: center;\n}\n\n#confirmButtons .button {\n display: inline-block;\n margin-right: 15px;\n min-width: 100px;\n border-radius: 3px;\n}\n\n#confirmButtons .button:last-child {\n margin-right: 0;\n}\n\n.uk-tooltip {\n display: none;\n position: fixed;\n z-index: 1030;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n max-width: 200px;\n padding: 5px 8px;\n background: #333333;\n color: rgba(255, 255, 255, 0.7);\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n margin-left: -5px;\n}\n\n.uk-tooltip:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border: 5px dashed #333333;\n}\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after {\n bottom: -5px;\n border-top-style: solid;\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-top-color: #333333;\n}\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after {\n top: -5px;\n border-bottom-style: solid;\n border-top: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: #333333;\n}\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after {\n left: 50%;\n margin-left: -5px;\n}\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after {\n left: 17px;\n}\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after {\n right: 17px;\n}\n\n.uk-tooltip-left:after {\n right: -5px;\n top: 50%;\n margin-top: -5px;\n border-left-style: solid;\n border-right: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: #333333;\n}\n\n.uk-tooltip-right:after {\n left: -5px;\n top: 50%;\n margin-top: -5px;\n border-right-style: solid;\n border-left: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-right-color: #333333;\n}\n\n#flash-message {\n position: fixed;\n top: 50px;\n right: 225px;\n z-index: 1000;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n min-width: 200px;\n min-height: 40px;\n margin: 0;\n padding: 10px 15px;\n background-color: rgba(29, 36, 51, 0.8);\n border-radius: 4px;\n border: 1px solid transparent;\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n font-size: 0.7rem;\n line-height: 1.2;\n color: #ffffff;\n pointer-events: none;\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n}\n\n#flash-message[data-type=\"1\"] {\n border-color: #f2303f;\n}\n\n#flash-message[data-type=\"2\"] {\n border-color: #78dc84;\n}\n\n#flash-message[data-type=\"3\"] {\n border-color: #3289ff;\n}\n\n@-webkit-keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n -ms-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n 100% {\n opacity: 1;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n }\n}\n\n.error-block {\n margin-bottom: 50px;\n margin-left: 50px;\n width: 25%;\n margin-top: -150px;\n border: 1px solid darkred;\n margin-bottom: 50px;\n margin-left: 25px;\n margin-top: 20px;\n padding: 25px;\n width: 90%;\n background-color: rgba(139, 0, 0, 0.2);\n}\n\n.error-block h2 {\n margin: 0 0 10px 0;\n}\n\n.error-block h3 {\n margin: 0;\n cursor: pointer;\n}\n\n.error-block h3:hover {\n color: darkred;\n background-color: rgba(139, 0, 0, 0.4);\n}\n\n.order-table {\n margin-left: 10px;\n margin-right: 10px;\n margin-top: 50px;\n}\n\n.order-table td,\n.order-table th {\n text-align: left;\n border-right: #ededed 1px solid;\n padding-left: 10px;\n padding-right: 10px;\n}\n\n.order-table th {\n color: #3289ff;\n}\n\n.order-table tr.order-row {\n border-top: solid 1px #e0e6ec;\n}\n\n.order-table tr.order-row:nth-of-type(even) {\n background-color: #eff6ff;\n}\n\n.order-table tr:first-child {\n border-bottom: solid 2px #e0e6ec;\n}\n\n.order-table a {\n color: #3289ff;\n text-decoration: none;\n}\n\n.order-status-box {\n margin-left: 180px;\n}\n\n.order-status-box .order-status.selectize {\n width: 80%;\n padding-top: 20px;\n}\n\n.event-sign-ups {\n padding: 50px;\n}\n\n.event-sign-ups__header {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n.event-sign-ups__title {\n display: block;\n width: calc( 100% - 275px);\n margin: 0;\n color: #394664;\n font-size: 1.2rem;\n line-height: 1.1;\n}\n\n.event-sign-ups__new {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-end;\n -moz-justify-content: flex-end;\n -ms-justify-content: flex-end;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-end;\n align-items: center;\n padding: 8px 16px 8px 8px;\n background-color: transparent;\n transition: background-color 0.2s, color 0.2s;\n border: 1px solid rgba(50, 137, 255, 0.4);\n border-radius: 23px;\n color: #3289ff;\n font-size: 0.7rem;\n line-height: 1;\n text-decoration: none;\n}\n\n.event-sign-ups__new span {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin: 0 15px 0 0;\n border: 1px solid #3289ff;\n border-radius: 100%;\n background-color: white;\n}\n\n.event-sign-ups__new span:before {\n content: '';\n background-image: url(\"/img/kms/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center;\n display: inline-block;\n width: 30px;\n height: 30px;\n}\n\n.event-sign-ups__new:hover {\n background-color: #3289ff;\n color: white;\n}\n\n.event-sign-ups__table {\n margin-top: 40px;\n}\n\n.event-sign-ups-table {\n width: 100%;\n border-spacing: 0;\n border-radius: 4px 4px 0 0;\n border-bottom: 1px solid rgba(224, 230, 236, 0.5);\n overflow: hidden;\n}\n\n.event-sign-ups-table thead {\n background: #394664;\n}\n\n.event-sign-ups-table thead th {\n padding: 8px 14px;\n color: white;\n font-size: 0.7rem;\n line-height: 1.1;\n text-transform: uppercase;\n font-weight: 400;\n border-right: 1px solid rgba(255, 255, 255, 0.5);\n text-align: left;\n}\n\n.event-sign-ups-table thead th:last-child {\n border-right: none;\n}\n\n.event-sign-ups-table td {\n padding: 8px 14px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: #32343a;\n}\n\n.event-sign-ups-table td.no-sign-ups {\n font-size: 0.85rem;\n padding: 16px 32px;\n text-align: center;\n font-weight: bold;\n background-color: rgba(224, 230, 236, 0.5);\n}\n\n.event-sign-ups-table td.edit-field a,\n.event-sign-ups-table td.email-field a {\n color: #2B2F83;\n}\n\n.event-sign-ups-table tbody tr td {\n border-right: 1px solid #e0e6ec;\n}\n\n.event-sign-ups-table tbody tr td:last-child {\n border-right: none;\n}\n\n.event-sign-ups-table tbody tr:nth-child(even) td {\n background-color: rgba(224, 230, 236, 0.5);\n}\n\n.event-return-link {\n width: 400px;\n margin: 0;\n padding: 40px 30px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: rgba(255, 255, 255, 0.6);\n background-color: #394664;\n box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.5);\n}\n\n.event-return-link__button {\n margin-top: 10px;\n display: inline-block;\n font-weight: bold;\n padding: 10px 15px;\n background-color: #3289ff;\n color: white;\n box-shadow: 0 3px 5px -2px rgba(33, 41, 51, 0.2);\n text-decoration: none;\n transition: background-color 0.2s;\n}\n\n.event-return-link__button:hover {\n background-color: #212933;\n}\n\n.entity-attribute-wrapper.hidden {\n visibility: hidden;\n height: 0;\n}\n\n.entity-attribute {\n position: relative;\n min-height: 61px;\n border-bottom: 1px solid #e0e6ec;\n font-size: 1rem;\n line-height: 60px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.entity-attribute label {\n position: absolute;\n display: block;\n width: 175px;\n margin-left: 30px;\n font-size: 0.7rem;\n color: #9ba0ae;\n text-transform: uppercase;\n font-weight: 600;\n white-space: nowrap;\n}\n\n.entity-attribute.error {\n border: 1px solid #f2303f;\n}\n\n.entity-attribute.error label {\n color: #f2303f;\n}\n\n.entity-attribute.hidden {\n display: none;\n}\n\n.entity-attribute .content {\n position: relative;\n padding-left: 205px;\n padding-right: 15px;\n line-height: 30px;\n padding-top: 15px;\n padding-bottom: 15px;\n background-color: transparent;\n border: 0;\n display: block;\n color: #5c5f65;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.entity-attribute .input-read-only {\n text-indent: 205px;\n font-size: 0.7rem;\n color: #32343a;\n opacity: 0.5;\n user-select: none;\n cursor: not-allowed;\n}\n\n.entity-attribute input {\n height: 100%;\n width: 100%;\n min-height: 60px;\n background-color: transparent;\n text-indent: 205px;\n font-size: 0.7rem;\n border: 0;\n z-index: 99999;\n display: block;\n color: #32343a;\n box-sizing: border-box;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n.entity-attribute .explanation {\n display: block;\n padding-bottom: 20px;\n color: #9ba0ae;\n font-size: 0.7rem;\n line-height: 1.2;\n margin-left: 30px;\n}\n\n.entity-attribute-documents {\n position: relative;\n padding-bottom: 20px;\n}\n\n.entity-attribute-documents ul.files {\n position: relative;\n margin: 10px 0 0 205px;\n width: calc(100% - 205px);\n padding: 0;\n}\n\n.entity-attribute-documents ul.files .document {\n position: relative;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n max-width: 720px;\n height: 82px;\n padding: 10px;\n transition: opacity 0.4s, border 0.4s;\n}\n\n.entity-attribute-documents ul.files .document.isDropTarget {\n border: 2px dashed #d0d4dc !important;\n}\n\n.entity-attribute-documents ul.files .document.deleted {\n opacity: 0.4;\n border-color: #f5606c;\n}\n\n.entity-attribute-documents ul.files .document + .document {\n margin-top: 2px;\n border-top: 1px solid #eceef3;\n}\n\n.entity-attribute-documents ul.files .document > input[type='file'] {\n display: none;\n}\n\n.entity-attribute-documents ul.files .document .thumb {\n position: relative;\n display: block;\n width: 50px;\n height: 50px;\n border-radius: 100%;\n overflow: hidden;\n background-color: #f7f7f7;\n background-position: center;\n background-size: cover;\n transition: all 0.3s;\n}\n\n.entity-attribute-documents ul.files .document .thumb.hidden {\n display: none !important;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='svg'] {\n background-color: #F9C80E;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='pdf'] {\n background-color: #EA3546;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='zip'],\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='rar'] {\n background-color: #f5cf56;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='csv'],\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='xlsx'] {\n background-color: #227045;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='mp3'] {\n background-color: #43BCCD;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='mp4'] {\n background-color: #3066BE;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='docx'],\n.entity-attribute-documents ul.files .document .thumb:not(.has-image)[data-filetype='docx'] {\n background-color: #2C5697;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image):not(.has-icon) {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n}\n\n.entity-attribute-documents ul.files .document .thumb:not(.has-image):not(.has-icon):after {\n content: \".\" attr(data-filetype);\n font-weight: bold;\n text-transform: uppercase;\n font-size: 0.7rem;\n line-height: 1.2;\n color: #70778c;\n}\n\n.entity-attribute-documents ul.files .document .thumb__image {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background-position: center;\n background-size: cover;\n}\n\n.entity-attribute-documents ul.files .document .thumb.is-uploading {\n border: 1px solid #3289ff;\n width: 49px;\n height: 49px;\n background-color: #f7f7f7 !important;\n}\n\n.entity-attribute-documents ul.files .document .thumb.is-uploading .thumb__image {\n filter: blur(1px);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage {\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n overflow: hidden;\n opacity: 0.6;\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage:after {\n content: '';\n background-color: #3289ff;\n width: 100%;\n height: 100%;\n transition: transform 0.3s;\n border-radius: 50%;\n transform: scale3d(0, 0, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"0\"]:after {\n transform: scale3d(0, 0, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"1\"]:after {\n transform: scale3d(0.01, 0.01, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"2\"]:after {\n transform: scale3d(0.02, 0.02, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"3\"]:after {\n transform: scale3d(0.03, 0.03, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"4\"]:after {\n transform: scale3d(0.04, 0.04, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"5\"]:after {\n transform: scale3d(0.05, 0.05, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"6\"]:after {\n transform: scale3d(0.06, 0.06, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"7\"]:after {\n transform: scale3d(0.07, 0.07, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"8\"]:after {\n transform: scale3d(0.08, 0.08, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"9\"]:after {\n transform: scale3d(0.09, 0.09, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"10\"]:after {\n transform: scale3d(0.1, 0.1, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"11\"]:after {\n transform: scale3d(0.11, 0.11, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"12\"]:after {\n transform: scale3d(0.12, 0.12, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"13\"]:after {\n transform: scale3d(0.13, 0.13, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"14\"]:after {\n transform: scale3d(0.14, 0.14, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"15\"]:after {\n transform: scale3d(0.15, 0.15, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"16\"]:after {\n transform: scale3d(0.16, 0.16, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"17\"]:after {\n transform: scale3d(0.17, 0.17, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"18\"]:after {\n transform: scale3d(0.18, 0.18, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"19\"]:after {\n transform: scale3d(0.19, 0.19, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"20\"]:after {\n transform: scale3d(0.2, 0.2, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"21\"]:after {\n transform: scale3d(0.21, 0.21, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"22\"]:after {\n transform: scale3d(0.22, 0.22, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"23\"]:after {\n transform: scale3d(0.23, 0.23, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"24\"]:after {\n transform: scale3d(0.24, 0.24, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"25\"]:after {\n transform: scale3d(0.25, 0.25, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"26\"]:after {\n transform: scale3d(0.26, 0.26, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"27\"]:after {\n transform: scale3d(0.27, 0.27, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"28\"]:after {\n transform: scale3d(0.28, 0.28, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"29\"]:after {\n transform: scale3d(0.29, 0.29, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"30\"]:after {\n transform: scale3d(0.3, 0.3, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"31\"]:after {\n transform: scale3d(0.31, 0.31, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"32\"]:after {\n transform: scale3d(0.32, 0.32, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"33\"]:after {\n transform: scale3d(0.33, 0.33, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"34\"]:after {\n transform: scale3d(0.34, 0.34, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"35\"]:after {\n transform: scale3d(0.35, 0.35, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"36\"]:after {\n transform: scale3d(0.36, 0.36, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"37\"]:after {\n transform: scale3d(0.37, 0.37, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"38\"]:after {\n transform: scale3d(0.38, 0.38, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"39\"]:after {\n transform: scale3d(0.39, 0.39, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"40\"]:after {\n transform: scale3d(0.4, 0.4, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"41\"]:after {\n transform: scale3d(0.41, 0.41, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"42\"]:after {\n transform: scale3d(0.42, 0.42, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"43\"]:after {\n transform: scale3d(0.43, 0.43, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"44\"]:after {\n transform: scale3d(0.44, 0.44, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"45\"]:after {\n transform: scale3d(0.45, 0.45, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"46\"]:after {\n transform: scale3d(0.46, 0.46, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"47\"]:after {\n transform: scale3d(0.47, 0.47, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"48\"]:after {\n transform: scale3d(0.48, 0.48, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"49\"]:after {\n transform: scale3d(0.49, 0.49, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"50\"]:after {\n transform: scale3d(0.5, 0.5, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"51\"]:after {\n transform: scale3d(0.51, 0.51, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"52\"]:after {\n transform: scale3d(0.52, 0.52, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"53\"]:after {\n transform: scale3d(0.53, 0.53, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"54\"]:after {\n transform: scale3d(0.54, 0.54, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"55\"]:after {\n transform: scale3d(0.55, 0.55, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"56\"]:after {\n transform: scale3d(0.56, 0.56, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"57\"]:after {\n transform: scale3d(0.57, 0.57, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"58\"]:after {\n transform: scale3d(0.58, 0.58, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"59\"]:after {\n transform: scale3d(0.59, 0.59, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"60\"]:after {\n transform: scale3d(0.6, 0.6, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"61\"]:after {\n transform: scale3d(0.61, 0.61, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"62\"]:after {\n transform: scale3d(0.62, 0.62, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"63\"]:after {\n transform: scale3d(0.63, 0.63, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"64\"]:after {\n transform: scale3d(0.64, 0.64, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"65\"]:after {\n transform: scale3d(0.65, 0.65, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"66\"]:after {\n transform: scale3d(0.66, 0.66, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"67\"]:after {\n transform: scale3d(0.67, 0.67, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"68\"]:after {\n transform: scale3d(0.68, 0.68, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"69\"]:after {\n transform: scale3d(0.69, 0.69, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"70\"]:after {\n transform: scale3d(0.7, 0.7, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"71\"]:after {\n transform: scale3d(0.71, 0.71, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"72\"]:after {\n transform: scale3d(0.72, 0.72, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"73\"]:after {\n transform: scale3d(0.73, 0.73, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"74\"]:after {\n transform: scale3d(0.74, 0.74, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"75\"]:after {\n transform: scale3d(0.75, 0.75, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"76\"]:after {\n transform: scale3d(0.76, 0.76, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"77\"]:after {\n transform: scale3d(0.77, 0.77, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"78\"]:after {\n transform: scale3d(0.78, 0.78, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"79\"]:after {\n transform: scale3d(0.79, 0.79, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"80\"]:after {\n transform: scale3d(0.8, 0.8, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"81\"]:after {\n transform: scale3d(0.81, 0.81, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"82\"]:after {\n transform: scale3d(0.82, 0.82, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"83\"]:after {\n transform: scale3d(0.83, 0.83, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"84\"]:after {\n transform: scale3d(0.84, 0.84, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"85\"]:after {\n transform: scale3d(0.85, 0.85, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"86\"]:after {\n transform: scale3d(0.86, 0.86, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"87\"]:after {\n transform: scale3d(0.87, 0.87, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"88\"]:after {\n transform: scale3d(0.88, 0.88, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"89\"]:after {\n transform: scale3d(0.89, 0.89, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"90\"]:after {\n transform: scale3d(0.9, 0.9, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"91\"]:after {\n transform: scale3d(0.91, 0.91, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"92\"]:after {\n transform: scale3d(0.92, 0.92, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"93\"]:after {\n transform: scale3d(0.93, 0.93, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"94\"]:after {\n transform: scale3d(0.94, 0.94, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"95\"]:after {\n transform: scale3d(0.95, 0.95, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"96\"]:after {\n transform: scale3d(0.96, 0.96, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"97\"]:after {\n transform: scale3d(0.97, 0.97, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"98\"]:after {\n transform: scale3d(0.98, 0.98, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"99\"]:after {\n transform: scale3d(0.99, 0.99, 1);\n}\n\n.entity-attribute-documents ul.files .document .thumb .percentage[aria-valuenow=\"100\"]:after {\n transform: scale3d(1, 1, 1);\n}\n\n.entity-attribute-documents ul.files .document .select {\n display: inline-block;\n padding: 0.80em 2.2em;\n border: 0.1em solid #9ba0ae;\n margin: 0 0.3em 0.3em 0;\n border-radius: 0.12em;\n box-sizing: border-box;\n text-decoration: none;\n font-weight: 300;\n color: #9ba0ae;\n text-align: center;\n transition: all 0.2s;\n}\n\n.entity-attribute-documents ul.files .document .select:hover {\n color: #ffffff;\n background-color: #9ba0ae;\n}\n\n.entity-attribute-documents ul.files .document .select.hidden {\n display: none;\n}\n\n.entity-attribute-documents ul.files .document .content-wrapper {\n width: calc(100% - 100px);\n padding: 0 10px;\n}\n\n.entity-attribute-documents ul.files .document .content-wrapper.hidden {\n display: none;\n}\n\n.entity-attribute-documents ul.files .document .content-wrapper input {\n text-indent: 0;\n padding: 10px;\n min-height: auto;\n background-color: #f7f7f7;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n.entity-attribute-documents ul.files .document .content-wrapper input:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-documents ul.files .document .content-wrapper p {\n margin: 5px 0 0;\n padding: 0 10px;\n color: #9ba0ae;\n font-size: 0.7rem;\n line-height: 1.2;\n}\n\n.entity-attribute-documents ul.files .document .drag-icon {\n width: 30px;\n height: 30px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n cursor: move;\n}\n\n.entity-attribute-documents ul.files .document .drag-icon.is-hidden {\n opacity: 0;\n}\n\n.entity-attribute-documents ul.files .document .drag-icon:after {\n content: '';\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url(\"/img/kms/icons/drag-dots.svg\");\n width: 9px;\n height: 16px;\n opacity: 0.2;\n}\n\n.entity-attribute-documents ul.files .document .delete {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n font-size: 13px;\n line-height: 13px;\n background-color: transparent;\n border: 2px solid transparent;\n transition: color 0.3s, background-color 0.3s, border 0.3s;\n}\n\n.entity-attribute-documents ul.files .document .delete.hidden {\n display: none;\n}\n\n.entity-attribute-documents ul.files .document .delete:before {\n content: '';\n display: inline-block;\n height: 10px;\n width: 10px;\n background-image: url(\"/img/kms/icons/icon_cross_red.svg\");\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n}\n\n.entity-attribute-documents ul.files .document .delete:hover {\n background-color: #f5606c;\n color: white;\n}\n\n.entity-attribute-documents ul.files .document .delete:hover:before {\n background-image: url(\"/img/kms/icons/icon_cross.svg\");\n}\n\n.entity-attribute-documents ul.files .document:last-child {\n margin-bottom: 20px;\n}\n\n.entity-attribute-documents .drag-and-drop-area {\n height: 260px;\n border: 2px dashed #d8dae2;\n text-align: center;\n margin-left: 205px;\n line-height: 1rem;\n width: 100%;\n max-width: 700px;\n padding: 30px;\n cursor: pointer;\n transition: border 0.2s;\n}\n\n.entity-attribute-documents .drag-and-drop-area:hover {\n border-color: #3289ff;\n}\n\n.entity-attribute-documents .drag-and-drop-area .icon {\n display: inline-block;\n width: 95px;\n height: 78px;\n margin-bottom: 20px;\n background-image: url(\"/img/kms/icons/drag-and-drop-cloud.svg\");\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n}\n\n.entity-attribute-documents .drag-and-drop-area p {\n margin: 0;\n color: #70778c;\n font-size: 0.7rem;\n line-height: 1.2;\n}\n\n.entity-attribute-documents .drag-and-drop-area .or {\n display: inline-block;\n margin: 10px 0;\n font-size: 0.8rem;\n line-height: 1.2;\n color: rgba(112, 119, 140, 0.5);\n}\n\n.entity-attribute-documents .drag-and-drop-area .select {\n display: block;\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n padding: 10px 20px;\n border-radius: 4px;\n border: 1px solid #3289ff;\n font-size: 0.7rem;\n line-height: 1.2;\n color: #3289ff;\n cursor: pointer;\n}\n\n.entity-attribute-documents .drag-and-drop-area .select:hover {\n background-color: #3289ff;\n color: white;\n}\n\n.entity-attribute-documents .drag-and-drop-area--small {\n width: 60px;\n height: 60px;\n padding: 0;\n}\n\n.entity-attribute-documents .drag-and-drop-area--small .icon {\n width: 55px;\n height: 55px;\n background-image: url(\"/img/kms/icons/icon_plus.svg\");\n margin-bottom: 0;\n}\n\n.entity-attribute-documents .drag-and-drop-area--small p,\n.entity-attribute-documents .drag-and-drop-area--small .select,\n.entity-attribute-documents .drag-and-drop-area--small .or {\n display: none;\n}\n\n.entity-attribute-documents .drag-and-drop-area.is-hidden {\n display: none;\n}\n\n.entity-attribute-images {\n height: auto;\n box-sizing: border-box;\n line-height: 59px;\n}\n\n.entity-attribute-images .uploads {\n display: none;\n}\n\n.entity-attribute-images .image-list {\n margin-left: 205px;\n box-sizing: border-box;\n}\n\n.entity-attribute-images .image-list .maxImagesUploaded p {\n color: #a7a7a7;\n line-height: 1;\n margin: 0.7em 0.2em;\n font-size: 0.7em;\n}\n\n.entity-attribute-images .image-list ul {\n margin: 0;\n padding: 0;\n padding-top: 15px;\n list-style: none;\n line-height: 58px;\n box-sizing: border-box;\n display: inline-block;\n}\n\n.entity-attribute-images .image-list ul::after {\n clear: both;\n content: \"\";\n display: table;\n}\n\n.entity-attribute-images .image-list ul li {\n position: relative;\n margin-right: 15px;\n box-sizing: border-box;\n display: block;\n float: left;\n height: 60px;\n width: 60px;\n border-radius: 5px;\n}\n\n.entity-attribute-images .image-list ul li a {\n display: block;\n height: 100%;\n width: 100%;\n line-height: 60px;\n text-align: center;\n overflow: hidden;\n}\n\n.entity-attribute-images .image-list ul li .deleteImage {\n position: relative;\n top: -24px;\n left: -4px;\n cursor: pointer;\n color: black;\n padding: 0.3px 5px;\n font-size: 1em;\n}\n\n.entity-attribute-images .image-list ul li img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n overflow: hidden;\n}\n\n.entity-attribute-images .image-list ul li.new-image {\n cursor: pointer;\n border: 2px solid #3289ff;\n background: url(\"/img/kms/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center center;\n}\n\n.entity-attribute-images .image-list ul li.new-image:hover:after {\n content: none;\n}\n\n.entity-attribute-images .image-list ul li.new-image input {\n display: block;\n height: 100%;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n}\n\n.entity-attribute-images .image-list ul li.new-image button {\n display: none;\n}\n\n.entity-attribute-text,\n.entity-attribute-password {\n padding: 0;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.entity-attribute-text a,\n.entity-attribute-password a {\n margin-left: 30px;\n color: #3289ff;\n}\n\n.entity-attribute-list {\n padding: 0;\n}\n\n.entity-attribute-list .content {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.entity-attribute-list ul {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n background-color: transparent;\n padding: 0;\n margin: 0;\n border: none;\n line-height: 60px;\n list-style: none;\n}\n\n.entity-attribute-list ul li {\n height: 60px;\n line-height: 60px;\n}\n\n.entity-attribute-list ul li:nth-child(even) {\n background-color: #f4f5f7;\n}\n\n.entity-attribute-list ul li a {\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n color: #32343a;\n white-space: nowrap;\n padding-left: 15px;\n}\n\n.entity-attribute-list ul li a:hover {\n background-color: #3289ff;\n}\n\n.entity-attribute-list ul li .couponline {\n font-size: 1.3em;\n margin-left: 10px;\n}\n\n.entity-attribute-list ul li .couponline.used {\n color: #d3d3d3;\n}\n\n.entity-attribute-list ul li .couponline span {\n padding-left: 5px;\n}\n\n.entity-attribute-list ul li .couponline .coupon {\n font-weight: bold;\n}\n\n.entity-attribute-list ul li .couponline .used {\n font-size: 0.7em;\n}\n\n.entity-attribute-multiselect-combo-box {\n color: #000000;\n}\n\n.entity-attribute-multiselect-combo-box ul {\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n}\n\n.entity-attribute-multiselect-combo-box ul li {\n font-size: 0.7rem;\n color: #32343a;\n opacity: 0.5;\n}\n\n.entity-attribute-multiselect-combo-box ul li:before {\n content: \"-\";\n margin-right: 5px;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget {\n position: relative;\n margin-left: 205px;\n max-width: 400px;\n padding-top: 10px;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget input {\n display: block;\n height: auto;\n min-height: 40px;\n padding: 8px;\n font-size: 0.75rem;\n line-height: 1.6;\n border: 1px solid #d8dae2;\n border-radius: 3px;\n text-indent: 0;\n color: #32343a;\n background: #f7f7f7;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget input.ui-multiselect-input.hidden {\n display: none;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget input:focus {\n outline: none;\n border-color: rgba(50, 137, 255, 0.75);\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget .dropdown {\n position: absolute;\n right: 1px;\n top: 11px;\n width: 39px;\n height: calc(100% - 12px);\n background-color: rgba(224, 230, 236, 0.5);\n border-radius: 0 3px 3px 0;\n cursor: pointer;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget .dropdown.hidden {\n display: none;\n}\n\n.entity-attribute-multiselect-combo-box .ui-widget .dropdown:after {\n content: '';\n display: block;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: #2B2F83 transparent transparent transparent;\n opacity: 0.5;\n}\n\n.entity-attribute-multiselect-combo-box .items {\n margin-left: 205px;\n max-width: 400px;\n padding: 10px 0;\n}\n\n.entity-attribute-multiselect-combo-box .items .item {\n position: relative;\n margin: 0 0 5px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: #70778c;\n padding: 5px 35px 5px 15px;\n background-color: #f7f7f7;\n border-radius: 3px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .remove {\n position: absolute;\n right: 0;\n top: 0;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 100%;\n border-radius: 0 3px 3px 0;\n cursor: pointer;\n background-color: transparent;\n transition: background-color 0.1s;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .remove:after {\n content: '';\n display: block;\n width: 20px;\n height: 20px;\n background-image: url(\"/img/kms/icons/icon_cross_red.svg\");\n background-position: center;\n background-size: 50%;\n background-repeat: no-repeat;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .remove:hover {\n background-color: #f5606c;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .remove:hover:after {\n background-image: url(\"/img/kms/icons/icon_cross.svg\");\n}\n\n.entity-attribute-multiselect-combo-box .items .item .text {\n width: calc(100% - 30px);\n}\n\n.entity-attribute-multiselect-combo-box .items .item .drag-icon {\n width: 30px;\n height: 30px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n cursor: move;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .drag-icon.hidden {\n display: none;\n}\n\n.entity-attribute-multiselect-combo-box .items .item .drag-icon:after {\n content: '';\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-image: url(\"/img/kms/icons/drag-dots.svg\");\n width: 9px;\n height: 16px;\n opacity: 0.2;\n}\n\n.entity-attribute-multiselect-combo-box .items .item.readonly .remove {\n display: none;\n}\n\n.entity-attribute-multiselect-combo-box .explanation {\n margin-left: 205px;\n}\n\n.ui-menu.ui-autocomplete {\n padding: 0;\n margin: 0;\n list-style: none;\n border: 1px solid #d8dae2;\n background-color: white;\n max-height: 500px;\n max-width: 400px;\n overflow: hidden;\n overflow-y: scroll;\n}\n\n.ui-menu.ui-autocomplete.ui-widget.ui-widget-content {\n border-top: none;\n}\n\n.ui-menu.ui-autocomplete li {\n font-size: 0.7rem;\n line-height: 1.6;\n color: #32343a;\n}\n\n.ui-menu.ui-autocomplete li div {\n padding: 4px 8px;\n}\n\n.ui-menu.ui-autocomplete li div.ui-state-active {\n border: none !important;\n background-color: #f4f5f7;\n color: #32343a;\n margin: 0 !important;\n}\n\n.entity-attribute-on-off {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n.entity-attribute-on-off label {\n position: relative;\n}\n\n.entity-attribute-on-off input {\n display: none;\n}\n\n.entity-attribute-on-off .on-off-switch {\n position: relative;\n display: block;\n width: 35px;\n height: 20px;\n border-radius: 20px;\n background-color: #e0e6ec;\n cursor: pointer;\n transition: background 0.4s;\n}\n\n.entity-attribute-on-off .on-off-switch:after {\n content: '';\n position: absolute;\n display: block;\n left: 2px;\n top: 2px;\n height: 16px;\n width: 16px;\n border-radius: 100%;\n background-color: white;\n transform: translate3d(0, 0, 0);\n transition: transform 0.4s;\n}\n\n.entity-attribute-on-off .on-off-switch.on {\n background-color: #78dc84;\n}\n\n.entity-attribute-on-off .on-off-switch.on:after {\n transform: translate3d(15px, 0, 0);\n}\n\n.entity-attribute-password {\n position: relative;\n}\n\n.entity-attribute-password .password.repeat {\n border-top: 1px solid #e0e6ec;\n}\n\n.entity-attribute-password .validationHelper {\n position: absolute;\n z-index: 3;\n top: -235px;\n left: 205px;\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, 10px, 0);\n transition: opacity 0.3s, transform 0.3s;\n transition-delay: 0s;\n width: calc(100% - 225px);\n height: 225px;\n max-width: 340px;\n background-color: white;\n box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);\n border-radius: 5px;\n}\n\n.entity-attribute-password .validationHelper h3 {\n font-size: 0.7rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.5);\n font-weight: 100;\n margin: 0;\n background-color: #262f43;\n padding: 12px 20px;\n border-radius: 5px 5px 0 0;\n text-transform: uppercase;\n}\n\n.entity-attribute-password .validationHelper .success {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: flex-end;\n -moz-align-items: flex-end;\n -ms-align-items: flex-end;\n justify-content: center;\n align-items: flex-end;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 0.4s;\n border-radius: 5px;\n background-image: url(\"/img/kms/icons/success.gif\");\n background-position: top center;\n background-repeat: no-repeat;\n background-color: #12c06a;\n}\n\n.entity-attribute-password .validationHelper .success p {\n margin: 0;\n opacity: 0.6;\n font-size: 0.8rem;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n}\n\n.entity-attribute-password .validationHelper .requirements {\n padding: 10px 15px;\n}\n\n.entity-attribute-password .validationHelper .requirements p {\n font-size: 0.7rem;\n color: rgba(155, 160, 174, 0.65);\n line-height: 0.85;\n}\n\n.entity-attribute-password .validationHelper .requirements p span {\n display: inline-block;\n position: relative;\n padding: 0 5px;\n}\n\n.entity-attribute-password .validationHelper .requirements p span:after {\n content: '';\n position: absolute;\n top: 4px;\n left: 0;\n display: block;\n width: 100%;\n height: 1px;\n transform: scaleX(0);\n transform-origin: 0 50%;\n background-color: #70778c;\n transition: transform 0.6s;\n}\n\n.entity-attribute-password .validationHelper .requirements p.info {\n color: #70778c;\n font-weight: bold;\n margin-bottom: 1rem;\n padding: 0 5px;\n}\n\n.entity-attribute-password .validationHelper .requirements p.invalid {\n color: #f2303f;\n opacity: 0.8;\n}\n\n.entity-attribute-password .validationHelper .requirements p.valid span:after {\n transform: scaleX(1);\n}\n\n.entity-attribute-password .validationHelper:after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n border-left-width: 15px;\n border-right-width: 15px;\n border-top: 15px solid white;\n left: calc(50% - 7.5px);\n bottom: -15px;\n transition: border 0.4s;\n}\n\n.entity-attribute-password .validationHelper.active {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n pointer-events: all;\n}\n\n.entity-attribute-password .validationHelper.valid {\n opacity: 0;\n transition-delay: 4s;\n pointer-events: none;\n}\n\n.entity-attribute-password .validationHelper.valid:after {\n border-top-color: #12c06a;\n}\n\n.entity-attribute-password .validationHelper.valid .success {\n opacity: 1;\n z-index: 4;\n}\n\n.entity-attribute-select {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n.entity-attribute-select .select-wrapper {\n margin-left: 205px;\n width: calc(100% - 225px);\n max-width: 500px;\n}\n\n.entity-attribute-select .select-wrapper .select-menu {\n display: none;\n}\n\n.entity-attribute-select .select-wrapper .ui-selectmenu-button {\n position: relative;\n display: block;\n font-size: 0.75rem;\n line-height: 1.6;\n padding: 8px;\n border: 1px solid #d8dae2;\n border-radius: 3px;\n color: #32343a;\n background: #f7f7f7;\n}\n\n.entity-attribute-select .select-wrapper .ui-selectmenu-button:focus {\n outline: none;\n border-color: rgba(50, 137, 255, 0.75);\n}\n\n.entity-attribute-select .select-wrapper .ui-selectmenu-button:after {\n content: '';\n position: absolute;\n right: 12px;\n top: 17px;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: #2B2F83 transparent transparent transparent;\n opacity: 0.5;\n}\n\n.entity-attribute-select .select-wrapper .ui-selectmenu-button.dropdown-open:after {\n transform: rotate(180deg);\n}\n\n.entity-attribute-select .select-wrapper .ui-selectmenu-button .ui-icon {\n display: none;\n}\n\n.ui-selectmenu-menu {\n display: none;\n margin: 0;\n}\n\n.ui-selectmenu-menu.ui-selectmenu-open {\n display: block;\n}\n\n.ui-selectmenu-menu ul {\n padding: 0;\n margin: 0;\n list-style: none;\n border: 1px solid #d8dae2;\n background-color: white;\n max-height: 500px;\n overflow: hidden;\n overflow-y: scroll;\n}\n\n.ui-selectmenu-menu ul.ui-widget.ui-widget-content {\n border-top: none;\n}\n\n.ui-selectmenu-menu ul li {\n font-size: 0.7rem;\n line-height: 1.6;\n color: #32343a;\n}\n\n.ui-selectmenu-menu ul li.ui-state-focus {\n background-color: #f4f5f7;\n}\n\n.ui-selectmenu-menu ul li div {\n padding: 4px 8px;\n}\n\n.ui-selectmenu-menu ul li div.ui-state-active {\n border: 1px solid transparent !important;\n background-color: #f4f5f7;\n color: #32343a;\n}\n\n.entity-attribute-separator {\n min-height: 30px;\n background-color: #f4f5f7;\n -webkit-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n}\n\n.entity-attribute-sorter {\n padding: 0;\n}\n\n.entity-attribute-sorter .content {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.entity-attribute-sorter ul {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n background-color: transparent;\n padding: 0;\n margin: 0;\n border: none;\n line-height: 60px;\n list-style: none;\n}\n\n.entity-attribute-sorter ul li {\n height: 60px;\n line-height: 60px;\n white-space: nowrap;\n}\n\n.entity-attribute-sorter ul li:nth-child(even) {\n background-color: #f4f5f7;\n}\n\n.entity-attribute-sorter ul li a {\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n color: #32343a;\n white-space: nowrap;\n padding-left: 15px;\n}\n\n.entity-attribute-sorter ul li a:hover {\n background-color: #3289ff;\n}\n\n.entity-attribute-table {\n padding: 0;\n}\n\n.entity-attribute-table table {\n display: table;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n background-color: transparent;\n padding-left: 205px;\n margin-bottom: 15px;\n border: none;\n line-height: 30px;\n}\n\n.entity-attribute-table table th {\n font-weight: bold;\n font-size: 13px;\n text-align: left;\n color: #9ba0ae;\n text-transform: uppercase;\n}\n\n.entity-attribute-table table td {\n vertical-align: top;\n border-top: 1px solid #f4f5f7;\n}\n\n.entity-attribute-text,\n.entity-attribute-password {\n padding: 0;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.entity-attribute-text.error + .error,\n.entity-attribute-password.error + .error {\n box-shadow: inset 0 1px 1px rgba(242, 48, 63, 0.075), inset 0 0 1px rgba(224, 117, 125, 0.75);\n border: 1px solid #f2303f;\n border-top: 0;\n}\n\n.entity-attribute-text input,\n.entity-attribute-password input {\n height: 100%;\n width: 100%;\n min-height: 60px;\n background-color: transparent;\n text-indent: 205px;\n font-size: 0.7rem;\n border: 0;\n z-index: 99999;\n display: block;\n color: #32343a;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n.entity-attribute-text input:focus,\n.entity-attribute-password input:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-text.error input,\n.entity-attribute-password.error input {\n background-image: url(\"/img/kms/icons/icon_cross_red.svg\");\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 10px 10px;\n}\n\n.entity-attribute-text-area {\n padding: 0;\n}\n\n.entity-attribute-text-area label {\n position: relative;\n display: inline-block;\n vertical-align: top;\n width: 160px;\n}\n\n.entity-attribute-text-area .text-area-wrapper {\n display: inline-block;\n vertical-align: top;\n width: calc(100% - 195px);\n}\n\n.entity-attribute-text-area .text-area-wrapper > textarea {\n display: block;\n width: 100%;\n padding: 20px 20px 20px 10px;\n min-height: 200px;\n background-color: transparent;\n border: none;\n line-height: 30px;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n font-size: 0.7rem;\n resize: vertical;\n}\n\n.entity-attribute-text-area .text-area-wrapper > textarea:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-right {\n display: block;\n height: 100%;\n width: 100%;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n background-color: transparent;\n padding-left: 205px;\n padding-top: 15px;\n padding-bottom: 15px;\n border: none;\n line-height: 30px;\n}\n\n.entity-attribute-text-editor {\n height: 270px;\n padding: 0;\n position: relative;\n}\n\n.entity-attribute-text-editor .text-editor-wrapper {\n margin-left: 197px;\n height: 100%;\n}\n\n.entity-attribute-text-editor textarea {\n display: block;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n padding-top: 15px;\n padding-bottom: 15px;\n border: none;\n line-height: 30px;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n font-size: 0.8rem;\n color: #32343a;\n}\n\n.entity-attribute-text-editor textarea:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-text .ex-tax-info {\n position: absolute;\n top: 0;\n right: 30px;\n font-size: 17px;\n color: #9ba0ae;\n}\n\ninput.tax-included-field {\n border-bottom: 1px solid #e0e6ec;\n}\n\ninput.tax-included-field:active,\ninput.tax-included-field:focus {\n border-bottom: 1px solid #e0e6ec;\n}\n\ndiv.price {\n float: left;\n width: 50%;\n}\n\ndiv.minimum_quantity {\n float: left;\n width: 25%;\n}\n\n.entity-attribute-title h3 {\n padding-left: 30px;\n color: #3289ff;\n font-size: 0.8rem;\n font-weight: 600;\n text-transform: uppercase;\n margin: 0;\n}\n\n.entity-attribute-view {\n padding: 0;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.entity-attribute-view.error + .error {\n box-shadow: inset 0 1px 1px rgba(242, 48, 63, 0.075), inset 0 0 1px rgba(224, 117, 125, 0.75);\n border: 1px solid #f2303f;\n border-top: 0;\n}\n\n.entity-attribute-view .content {\n padding: 60px 30px 0 30px;\n}\n\n.entity-attribute-dynamic {\n background: url(\"/img/kms/background.jpg\");\n line-height: 1.2;\n padding-top: 40px;\n}\n\n.entity-attribute-dynamic .inner {\n width: 85%;\n margin: auto;\n}\n\n.entity-attribute-dynamic block {\n position: relative;\n display: block;\n}\n\n.entity-attribute-dynamic block.locked .start .buttons,\n.entity-attribute-dynamic block.locked .end,\n.entity-attribute-dynamic block.locked .dynamic-block-status {\n display: none;\n}\n\n.entity-attribute-dynamic full-image-block .max-images .entity-attribute-images {\n border-bottom: none;\n}\n\n.entity-attribute-dynamic label {\n position: relative;\n margin: 0 0 20px;\n padding-left: 20px;\n width: 200px;\n}\n\n.entity-attribute-dynamic > label {\n margin-left: 7.5%;\n}\n\n.entity-attribute-dynamic .row {\n border-bottom: 1px solid #e0e6ec;\n margin: 0;\n}\n\n.entity-attribute-dynamic .row.no-margin-bottom {\n margin-bottom: 0;\n}\n\n.entity-attribute-dynamic .row:last-of-type {\n border-bottom: none;\n margin-bottom: 0;\n}\n\n.entity-attribute-dynamic .row.hidden {\n display: none;\n}\n\n.entity-attribute-dynamic .row label {\n position: absolute;\n}\n\n.entity-attribute-dynamic .row label.text-label {\n line-height: 60px;\n}\n\n.entity-attribute-dynamic .row input:not([type=radio]) {\n height: 100%;\n width: calc(100% + 60px);\n position: relative;\n left: -30px;\n min-height: 60px;\n background-color: transparent;\n text-indent: 230px;\n border: 0;\n z-index: 99999;\n display: block;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n font-size: 0.7rem;\n}\n\n.entity-attribute-dynamic .row input:not([type=radio]):focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-dynamic .row .radio-wrapper {\n display: block;\n margin-top: 30px;\n margin-left: 200px;\n padding-bottom: 30px;\n}\n\n.entity-attribute-dynamic .row .radio-wrapper label {\n position: relative;\n width: initial;\n text-align: center;\n}\n\n.entity-attribute-dynamic .row .radio-wrapper .radio {\n float: none;\n display: inline-block;\n text-align: center;\n margin-right: 5px;\n}\n\n.entity-attribute-dynamic .row .radio-wrapper .radio img {\n width: 50px;\n margin: 0 auto 8px;\n}\n\n.entity-attribute-dynamic .row .radio-wrapper .radio input {\n margin: auto;\n}\n\n.entity-attribute-dynamic .row .radio-wrapper .radio label {\n padding-left: 0;\n margin-bottom: 10px;\n}\n\n.entity-attribute-dynamic .row .text-editor-wrapper {\n margin-top: 30px;\n margin-left: 191px;\n}\n\n.entity-attribute-dynamic .row .text-editor-wrapper .mce-toolbar-grp {\n margin-top: -25px;\n}\n\n.entity-attribute-dynamic .row .clear {\n clear: both;\n}\n\n.entity-attribute-dynamic .header {\n padding-left: 30px;\n height: 60px;\n line-height: 30px;\n border: 1px solid #B3B1B3;\n background: #32343a;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n.entity-attribute-dynamic .header .btn {\n margin: 10px 25px;\n}\n\n.entity-attribute-dynamic .header .block-title {\n color: #ffffff;\n font-weight: 600;\n text-transform: uppercase;\n display: inline-block;\n font-size: 0.8rem;\n}\n\n.entity-attribute-dynamic .header input {\n display: inline-block;\n min-width: 90px;\n margin-right: 5px;\n font-size: 13px;\n cursor: pointer;\n}\n\n.entity-attribute-dynamic .header input.remove {\n padding: 0;\n margin-left: 20px;\n height: 16px;\n width: 16px;\n min-width: 0;\n line-height: 10px;\n background: #FF5F56;\n border-radius: 50%;\n border: 1px solid #E0463F;\n color: #981005;\n font-size: 12px;\n font-weight: 700;\n text-align: center;\n}\n\n.entity-attribute-dynamic .tab-titles {\n height: 30px;\n height: 50px;\n margin-left: -30px;\n margin-bottom: 30px;\n padding-right: 60px;\n width: 100%;\n border: 1px solid #b3b1b3;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title {\n background-color: #f4f5f7;\n -webkit-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.15);\n display: inline-block;\n padding: 16px 30px;\n border-left: 1px solid #b3b1b3;\n border-right: 1px solid #b3b1b3;\n margin-left: -1px;\n cursor: pointer;\n color: #d3d3d3;\n position: relative;\n min-width: 50px;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title .move {\n position: absolute;\n top: -20px;\n width: 15px;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title .move.tab-left {\n padding-left: 10px;\n left: 0;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title .move.tab-right {\n right: 0;\n padding-right: 10px;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title.add-tab {\n background: -webkit-linear-gradient( top , #59db81 12%, #59db81 50%, #5bd282 51%, #5bd282 100%);\n background: linear-gradient(to bottom, #59db81 12%, #59db81 50%, #5bd282 51%, #5bd282 100%);\n color: white;\n border: none;\n font-weight: bolder;\n}\n\n.entity-attribute-dynamic .tab-titles .tab-title.active {\n background-color: #dfdfdf;\n color: black;\n}\n\n.entity-attribute-dynamic .btn {\n float: right;\n width: 20px;\n height: 30px;\n}\n\n.entity-attribute-dynamic .btn.btn-trash {\n width: 35px;\n height: 35px;\n background-color: #FF323C;\n background-image: url(\"/img/kms/icons/icon_trash.svg\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: 16px 16px;\n cursor: pointer;\n border-radius: 5px;\n}\n\n.entity-attribute-dynamic .start,\n.entity-attribute-dynamic .end {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n}\n\n.entity-attribute-dynamic .buttons {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n width: 50px;\n margin-left: 20px;\n}\n\n.entity-attribute-dynamic .buttons .position-button {\n height: 18px;\n width: 18px;\n cursor: pointer;\n}\n\n.entity-attribute-dynamic .buttons .position-button.up {\n background: url(\"/img/kms/icons/icon_up.svg\");\n background-repeat: no-repeat;\n}\n\n.entity-attribute-dynamic .buttons .position-button.down {\n background: url(\"/img/kms/icons/icon_down.svg\");\n background-repeat: no-repeat;\n}\n\n.entity-attribute-dynamic .add-new-block-row {\n padding: 30px 0 100px 0;\n width: 85%;\n margin: auto;\n height: auto;\n background: url(\"/img/kms/background.jpg\");\n}\n\n.entity-attribute-dynamic .add-new-block-row select {\n margin-right: 10px;\n min-width: 300px;\n}\n\n.entity-attribute-dynamic .add-new-block-row input {\n cursor: pointer;\n}\n\n.entity-attribute-dynamic content-block,\n.entity-attribute-dynamic page-link-block,\n.entity-attribute-dynamic image-slider-block,\n.entity-attribute-dynamic video-block,\n.entity-attribute-dynamic file-block,\n.entity-attribute-dynamic two-column-block,\n.entity-attribute-dynamic multiple-images-block,\n.entity-attribute-dynamic full-image-block,\n.entity-attribute-dynamic full-text-block,\n.entity-attribute-dynamic view-block,\n.entity-attribute-dynamic intro-block,\n.entity-attribute-dynamic quote-block {\n display: block;\n padding: 30px;\n background: #fff;\n border-bottom: 1px solid #E0E6EC;\n margin-bottom: 30px;\n}\n\n.entity-attribute-dynamic content-block .toggle + label.toggle-label,\n.entity-attribute-dynamic page-link-block .toggle + label.toggle-label,\n.entity-attribute-dynamic image-slider-block .toggle + label.toggle-label,\n.entity-attribute-dynamic video-block .toggle + label.toggle-label,\n.entity-attribute-dynamic file-block .toggle + label.toggle-label,\n.entity-attribute-dynamic two-column-block .toggle + label.toggle-label,\n.entity-attribute-dynamic multiple-images-block .toggle + label.toggle-label,\n.entity-attribute-dynamic full-image-block .toggle + label.toggle-label,\n.entity-attribute-dynamic full-text-block .toggle + label.toggle-label,\n.entity-attribute-dynamic view-block .toggle + label.toggle-label,\n.entity-attribute-dynamic intro-block .toggle + label.toggle-label,\n.entity-attribute-dynamic quote-block .toggle + label.toggle-label {\n left: 0px;\n}\n\n.entity-attribute-dynamic content-block .entity-attribute-on-off,\n.entity-attribute-dynamic page-link-block .entity-attribute-on-off,\n.entity-attribute-dynamic image-slider-block .entity-attribute-on-off,\n.entity-attribute-dynamic video-block .entity-attribute-on-off,\n.entity-attribute-dynamic file-block .entity-attribute-on-off,\n.entity-attribute-dynamic two-column-block .entity-attribute-on-off,\n.entity-attribute-dynamic multiple-images-block .entity-attribute-on-off,\n.entity-attribute-dynamic full-image-block .entity-attribute-on-off,\n.entity-attribute-dynamic full-text-block .entity-attribute-on-off,\n.entity-attribute-dynamic view-block .entity-attribute-on-off,\n.entity-attribute-dynamic intro-block .entity-attribute-on-off,\n.entity-attribute-dynamic quote-block .entity-attribute-on-off {\n line-height: 1;\n}\n\n.entity-attribute-dynamic content-block .radio-wrapper,\n.entity-attribute-dynamic page-link-block .radio-wrapper,\n.entity-attribute-dynamic image-slider-block .radio-wrapper,\n.entity-attribute-dynamic video-block .radio-wrapper,\n.entity-attribute-dynamic file-block .radio-wrapper,\n.entity-attribute-dynamic two-column-block .radio-wrapper,\n.entity-attribute-dynamic multiple-images-block .radio-wrapper,\n.entity-attribute-dynamic full-image-block .radio-wrapper,\n.entity-attribute-dynamic full-text-block .radio-wrapper,\n.entity-attribute-dynamic view-block .radio-wrapper,\n.entity-attribute-dynamic intro-block .radio-wrapper,\n.entity-attribute-dynamic quote-block .radio-wrapper {\n display: inline-block;\n clear: both;\n}\n\n.entity-attribute-dynamic content-block .radio-wrapper .radio,\n.entity-attribute-dynamic page-link-block .radio-wrapper .radio,\n.entity-attribute-dynamic image-slider-block .radio-wrapper .radio,\n.entity-attribute-dynamic video-block .radio-wrapper .radio,\n.entity-attribute-dynamic file-block .radio-wrapper .radio,\n.entity-attribute-dynamic two-column-block .radio-wrapper .radio,\n.entity-attribute-dynamic multiple-images-block .radio-wrapper .radio,\n.entity-attribute-dynamic full-image-block .radio-wrapper .radio,\n.entity-attribute-dynamic full-text-block .radio-wrapper .radio,\n.entity-attribute-dynamic view-block .radio-wrapper .radio,\n.entity-attribute-dynamic intro-block .radio-wrapper .radio,\n.entity-attribute-dynamic quote-block .radio-wrapper .radio {\n display: block;\n float: left;\n width: 70px;\n}\n\n.entity-attribute-dynamic content-block .radio-wrapper .radio input,\n.entity-attribute-dynamic page-link-block .radio-wrapper .radio input,\n.entity-attribute-dynamic image-slider-block .radio-wrapper .radio input,\n.entity-attribute-dynamic video-block .radio-wrapper .radio input,\n.entity-attribute-dynamic file-block .radio-wrapper .radio input,\n.entity-attribute-dynamic two-column-block .radio-wrapper .radio input,\n.entity-attribute-dynamic multiple-images-block .radio-wrapper .radio input,\n.entity-attribute-dynamic full-image-block .radio-wrapper .radio input,\n.entity-attribute-dynamic full-text-block .radio-wrapper .radio input,\n.entity-attribute-dynamic view-block .radio-wrapper .radio input,\n.entity-attribute-dynamic intro-block .radio-wrapper .radio input,\n.entity-attribute-dynamic quote-block .radio-wrapper .radio input {\n margin-left: 10px;\n}\n\n.entity-attribute-dynamic content-block .video,\n.entity-attribute-dynamic content-block .status {\n margin-top: 30px;\n}\n\n.entity-attribute-dynamic file-block span {\n display: block;\n height: 50px;\n width: 50px;\n margin-left: 5px;\n}\n\n.entity-attribute-dynamic file-block span.pdf-icon {\n background: rgba(0, 0, 0, 0) url(\"/img/kms/pdf-icon.png\") repeat scroll 0 0/50px 50px;\n}\n\n.entity-attribute-dynamic file-block span.file-icon {\n background: rgba(0, 0, 0, 0) url(\"/img/kms/file-icon.png\") repeat scroll 0 0/50px 50px;\n}\n\n.entity-attribute-dynamic file-block span.file-icon:hover,\n.entity-attribute-dynamic file-block span.pdf-icon:hover {\n background: #f2303f url(\"/img/kms/icons/icon_trash.svg\") no-repeat 50% 50%/25px 25px;\n}\n\n.entity-attribute-dynamic file-block input {\n min-width: 300px;\n border: 1px solid #E0E6EC;\n margin: 0 0 24px 0;\n}\n\n.entity-attribute-dynamic file-block .text-editor-wrapper {\n border: 1px solid #E0E6EC;\n margin: 0 0 24px 0;\n}\n\n.entity-attribute-dynamic .entity-attribute-images label {\n position: absolute;\n line-height: 21px;\n padding-top: 15px;\n}\n\n.entity-attribute-dynamic .entity-attribute-images .image-list {\n margin-left: 200px;\n}\n\n.entity-attribute-dynamic .entity-attribute-on-off {\n position: absolute;\n top: 22px;\n right: 120px;\n min-height: initial;\n border-bottom: none;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n.entity-attribute-dynamic .entity-attribute-on-off:first-child {\n margin-right: 10px;\n}\n\n.entity-attribute-dynamic .entity-attribute-on-off label {\n width: 100px;\n}\n\n.entity-attribute-dynamic .entity-attribute-on-off .toggle + label.toggle-label {\n top: 0;\n}\n\n.entity-attribute-dynamic .two-blocks {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: flex-start;\n -moz-align-items: flex-start;\n -ms-align-items: flex-start;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.entity-attribute-dynamic .two-blocks .block-wrapper {\n padding-left: 50px;\n border-left: 1px solid #E0E6EC;\n}\n\n.entity-attribute-dynamic .two-blocks .block-wrapper:first-child {\n border-left: none;\n padding-left: 0;\n}\n\n.entity-attribute-dynamic video-block .video {\n color: #9ba0ae;\n height: 200px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n -ms-justify-content: flex-start;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: flex-start;\n align-items: center;\n}\n\n.entity-attribute-dynamic video-block .video .info {\n display: inline-block;\n width: 440px;\n}\n\n.entity-attribute-dynamic video-block .video .info label {\n margin-bottom: 0;\n}\n\n.entity-attribute-dynamic video-block .video .info label.youtube-link {\n display: inline-block;\n width: auto;\n padding-left: 0;\n text-transform: none;\n font-size: 0.7rem;\n margin: 0 0 0 20px;\n color: #32343a;\n}\n\n.entity-attribute-dynamic video-block .video input[type='text'] {\n display: inline-block;\n width: auto;\n height: auto;\n min-height: 35px;\n text-indent: 5px;\n border: 1px solid #e0e6ec;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n.entity-attribute-dynamic video-block .video input[type='text']:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-dynamic video-block .video .auto-play {\n margin-top: 20px;\n margin-bottom: 8px;\n}\n\n.entity-attribute-dynamic video-block .video input[type='checkbox'] {\n margin-left: 20px;\n display: block;\n height: 15px;\n}\n\n.entity-attribute-dynamic video-block .video .preview-image {\n display: inline-block;\n width: 205px;\n}\n\n.entity-attribute-dynamic video-block .video .preview-image img {\n width: 100%;\n}\n\n.entity-attribute-date-picker {\n line-height: 1;\n min-height: 0;\n padding: 15px 0;\n}\n\n.entity-attribute-date-picker label {\n display: inline-block;\n position: relative;\n}\n\n.entity-attribute-date-picker input {\n display: inline-block;\n text-indent: 0;\n -webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n -moz-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;\n}\n\n.entity-attribute-date-picker input:focus {\n border-color: #3c8bf5;\n outline: 0;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 12px rgba(120, 169, 236, 0.3);\n}\n\n.entity-attribute-date-picker .date-field {\n position: relative;\n display: inline-block;\n width: 175px;\n cursor: pointer;\n}\n\n.entity-attribute-date-picker .date-field .icon {\n position: absolute;\n pointer-events: none;\n left: 20px;\n top: 19px;\n}\n\n.entity-attribute-date-picker .date-field .icon img {\n width: 20px;\n max-height: 23px;\n}\n\n.entity-attribute-date-picker .date-field input {\n min-height: 0;\n width: 100%;\n text-align: right;\n padding: 23px 25px;\n border: 1px solid #d8dae2;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.entity-attribute-date-picker .date-field input:focus {\n border-color: rgba(50, 137, 255, 0.75);\n}\n\n.entity-attribute-date-picker .time-field {\n display: inline-block;\n width: 101px;\n border: 1px solid #d8dae2;\n border-radius: 4px;\n}\n\n.entity-attribute-date-picker .time-field.hidden {\n display: none;\n}\n\n.entity-attribute-date-picker .time-field > span {\n display: inline-block;\n width: 10px;\n color: #9ba0ae;\n font-size: 0.8rem;\n line-height: 1;\n text-align: center;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner {\n position: relative;\n border: none !important;\n margin: 0;\n width: 40px;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner input {\n width: 100%;\n margin: 0;\n padding: 23px 10px;\n min-height: 0;\n text-align: center;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner input::-webkit-outer-spin-button,\n.entity-attribute-date-picker .time-field .ui-spinner input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n -o-appearance: none;\n appearance: none;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner .ui-spinner-button {\n position: absolute;\n left: 0;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 15px;\n cursor: pointer;\n border: none !important;\n background-color: transparent;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner .ui-spinner-button .ui-icon {\n position: relative;\n top: 0;\n left: 0;\n margin-top: 0;\n margin-left: 0;\n width: 8px;\n height: 4px;\n background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\");\n background-position: center;\n background-size: contain;\n transform-origin: center;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner .ui-spinner-button.ui-spinner-up {\n top: 0;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner .ui-spinner-button.ui-spinner-up .ui-icon {\n transform: rotate(180deg);\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner .ui-spinner-button.ui-spinner-down {\n bottom: 0;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner:hover .ui-spinner-button {\n background: rgba(155, 160, 174, 0.08);\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner:hover .ui-spinner-button .ui-icon {\n opacity: 0.4;\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner:hover .ui-spinner-button:hover {\n background: rgba(155, 160, 174, 0.14);\n}\n\n.entity-attribute-date-picker .time-field .ui-spinner:hover .ui-spinner-button:hover .ui-icon {\n opacity: 1;\n}\n\n#ui-datepicker-div {\n position: fixed;\n left: -100vh;\n min-width: 285px;\n width: 320px;\n margin-top: 5px;\n padding: 15px;\n border: 1px solid #d8dae2;\n border-radius: 4px;\n background-color: white;\n box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);\n}\n\n#ui-datepicker-div .ui-datepicker-header {\n position: relative;\n padding: 0;\n margin: 0 0 10px;\n border-radius: 0;\n border: none;\n background: none;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {\n position: absolute;\n top: 5px;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 25px;\n height: 25px;\n border: none !important;\n border-radius: 100%;\n cursor: pointer;\n background: transparent;\n transition: background-color 0.3s;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {\n background: rgba(155, 160, 174, 0.2);\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:focus,\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:focus {\n outline: 0;\n box-shadow: none;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon,\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {\n position: relative;\n left: 0;\n top: 4px;\n margin-left: 0;\n margin-right: 0;\n width: 8px;\n height: 4px;\n transform-origin: center;\n background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\");\n background-size: contain;\n background-position: center;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {\n right: 2px !important;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {\n transform: rotate(-90deg);\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {\n left: 2px !important;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon {\n left: -2px;\n transform: rotate(90deg);\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {\n width: 100%;\n margin: 0;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n -o-appearance: none;\n appearance: none;\n border: none !important;\n margin: 0;\n padding: 10px 5px;\n background-color: transparent;\n font-size: 0.8rem;\n line-height: 1.2;\n font-weight: 400;\n color: #2B2F83;\n cursor: pointer;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select:focus {\n outline: 0;\n box-shadow: none;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {\n direction: rtl;\n width: 48%;\n}\n\n#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {\n width: 42%;\n}\n\n#ui-datepicker-div table {\n width: 100%;\n border-spacing: 0;\n margin-bottom: 0;\n}\n\n#ui-datepicker-div table thead {\n background-color: rgba(224, 230, 236, 0.4);\n border-radius: 4px;\n}\n\n#ui-datepicker-div table thead tr {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n#ui-datepicker-div table thead th {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 36px;\n height: 36px;\n font-size: 0.7rem;\n line-height: 1;\n font-weight: 400;\n color: #9ba0ae;\n}\n\n#ui-datepicker-div table tbody {\n display: block;\n margin-top: 5px;\n}\n\n#ui-datepicker-div table tbody tr {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n -moz-justify-content: space-between;\n -ms-justify-content: space-between;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: space-between;\n align-items: center;\n}\n\n#ui-datepicker-div table tbody td {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n padding: 0;\n}\n\n#ui-datepicker-div table tbody td a {\n position: relative;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n -moz-justify-content: center;\n -ms-justify-content: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n -ms-align-items: center;\n justify-content: center;\n align-items: center;\n width: 36px;\n height: 36px;\n margin: 0;\n padding: 0;\n text-align: center;\n background-color: transparent;\n font-size: 0.7rem;\n color: #9ba0ae;\n text-decoration: none;\n border: none;\n}\n\n#ui-datepicker-div table tbody td a:after {\n content: '';\n position: absolute;\n z-index: -1;\n left: 7.5%;\n top: 7.5%;\n height: 85%;\n width: 85%;\n border-radius: 100%;\n background-color: transparent;\n transition: background-color 0.2s;\n}\n\n#ui-datepicker-div table tbody td a:hover:after {\n background-color: rgba(155, 160, 174, 0.1);\n}\n\n#ui-datepicker-div table tbody td .ui-priority-secondary {\n opacity: 0.4;\n}\n\n#ui-datepicker-div table tbody td .ui-state-highlight:after {\n background-color: rgba(50, 137, 255, 0.1);\n}\n\n#ui-datepicker-div table tbody td .ui-state-active {\n color: white;\n font-weight: bold;\n}\n\n#ui-datepicker-div table tbody td .ui-state-active:after {\n background-color: #3289ff !important;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/styles.sass","@mixin placeholder {\n &::-webkit-input-placeholder /* Chrome/Opera/Safari */ {\n @content; }\n &::-moz-placeholder /* Firefox 19+ */ {\n @content; }\n &:-ms-input-placeholder /* IE 10+ */ {\n @content; }\n &:-moz-placeholder /* Firefox 18- */ {\n @content; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/mixins/_placeholder.sass","/*==========================================================================\n Grid\n @mixin ========================================================================= */\n\n/**\n * Grid row\n *\n * 1. The outer two columns are just margin\n * 2. Prevent inline-block cells wrapping\n * 3. Prevent vertical spacing between inline-blocks\n */\n\n.grid-row {\n width: column(12) /* 1 */;\n max-width: 1440px;\n margin: 0 auto;\n font-size: 0 /* 2 */;\n line-height: 0 /* 3 */;\n\n @include respond-to-width(700) {\n width: 100%;\n padding: 0 20px; }\n\n /**\n * The full row doesn't have the two outer margin rows\n * They stretch till both ends of the window\n */\n\n &.full-row {\n width: 100%;\n max-width: none; } }\n\n/**\n * Grid column\n *\n * 1. Reset white-space inherited from `.grid`\n * 2. Reset font-size inherited from `.grid`\n * 3. Reset line-height inherited from `.grid`\n */\n\n.grid-col {\n position: relative;\n\n display: inline-block;\n overflow: hidden;\n white-space: normal /* 1 */;\n font-size: 1rem /* 2 */;\n line-height: 1.6 /* 3 */;\n\n /**\n * Center column\n *\n * 1. 'inline-block' doesn't center with margin '0 auto'\n */\n\n &.center {\n display: block /* 1 */;\n margin: 0 auto; } }\n\n\n\n\n@for $i from 1 through $gridColumns {\n\n /* Column dimensions\n @mixin ========================================================================= */\n\n /*\n * Calculate width by dividing a full width into 12 columns\n * Create a class for each column\n */\n\n .col-#{$i}, .col-lg-#{$i} {\n width: column($i,12);\n\n\n .full-row & {\n width: column($i); } }\n\n\n /* Column shifts\n @mixin ========================================================================= */\n\n .offset-#{$i}, .offset-lg-#{$i} {\n margin-left: column($i,12); } }\n\n\n\n/* Media queries\n @mixin ========================================================================= */\n\n /*\n * Create a separate loop because of order for css rendering\n * because else it would overrule a previous media query\n */\n\n@for $i from 1 through $gridColumns {\n\n // Media query for large desktop\n @include respond-to-width-beyond($xlGridBreakpoint) {\n .col-xl-#{$i} {\n width: column($i,12); }\n\n .offset-xl-#{$i} {\n margin-left: column($i,12); } }\n\n // Media query for normal desktop\n @include respond-to-width($mdGridBreakpoint) {\n .col-md-#{$i} {\n width: column($i,12); }\n\n .offset-md-#{$i} {\n margin-left: column($i,12); } }\n\n // Media query for tablets\n @include respond-to-width($smGridBreakpoint) {\n .col-sm-#{$i} {\n width: column($i,12); }\n\n .offset-sm-#{$i} {\n margin-left: column($i,12); } }\n\n // Media query for mobile\n @include respond-to-width($xsGridBreakpoint) {\n .col-xs-#{$i} {\n width: column($i,12); }\n\n .offset-xs-#{$i} {\n margin-left: column($i,12); } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/grid/_grid.sass","@mixin respond-to-width($width) {\n $width : $width + 'px';\n @media screen and (max-width: $width) {\n @content; } }\n\n@mixin respond-to-width-beyond($width) {\n $width : ($width + 1) + 'px';\n @media screen and (min-width: $width) {\n @content; } }\n\n@mixin respond-to-height($height) {\n $height : $height + 'px';\n @media screen and (max-height: $height) {\n @content; } }\n\n@mixin respond-to-width-or-height($width, $height) {\n $width : $width + 'px';\n $height : $height + 'px';\n @media screen and (max-width: $width), screen and (max-height: $height) {\n @content; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/mixins/_mediaQueries.sass","/* ==========================================================================\n This grid can be turned on and off when you want to check\n if everything is nice in place.\n @mixin ========================================================================= */\n\n.visible-grid-container {\n display: flex;\n justify-content: center; }\n\n/**\n * 1. Makes it able to control the website while grid is shown\n */\n.visible-grid {\n display: block;\n position: fixed;\n z-index: 10000;\n pointer-events: none /* 2 */;\n\n .grid-col {\n background: rgba(0,255,255,.6);\n height: 100vh;\n\n &:nth-child(2n) {\n background: rgba(0,255,255,.3); } }\n\n &:before, &:after {\n content: '';\n position: absolute;\n top: 0;\n width: calc(100% / 12);\n height: 100%;\n background: rgba(0,255,0,.5); }\n\n &:before {\n left: calc(-100% / 12); }\n\n &:after {\n right: calc(-100% / 12); }\n\n //&:nth-child(1),&:nth-child(14)\n } //// background: rgba(0,255,0,.5)\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/grid/_visibleGrid.sass",".breakpoint {\n position: fixed;\n right: 0;\n bottom: 0;\n width: 20px;\n height: 20px;\n z-index: 10000;\n background: #0ABEFF;\n\n // Larger then xlBreakpoint\n @include respond-to-width-beyond($xlGridBreakpoint) {\n background: red; }\n\n // Loop through other breakpoints\n $breakpoints : (blue $lgGridBreakpoint) (green $mdGridBreakpoint) (yellow $smGridBreakpoint) (pink $xsGridBreakpoint);\n\n @each $list in $breakpoints {\n\n $color : nth($list,1);\n $breakpoint : nth($list,2);\n\n @include respond-to-width($breakpoint) {\n background: $color; } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/partials/_breakpoints.sass","$fontFamily: 'Rubik', sans-serif;\n//$fontFamily: 'Muli', sans-serif\n\nhtml {\n font-size: 18px; }\n\nbody {\n color: white;\n font-family: $fontFamily;\n background-color: $darkerBlue;\n\n #main {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 230px;\n overflow: auto; }\n\n input {\n font-family: $fontFamily; }\n\n &.full-width {\n #main {\n background-color: lighten($darkerBlue, 5%); }\n\n #entity {\n background-color: $darkerBlue; } } }\n\n.text-muted {\n color: $light-gray; }\n\n.text-primary {\n color: $brand-primary; }\n\n.text-success {\n color: $brand-success; }\n\n.text-info {\n color: $brand-info; }\n\n.text-warning {\n color: $brand-warning; }\n\n.text-danger {\n color: $brand-danger; }\n\n.text-light {\n color: $light-gray;\n font-weight: $font-weight-light; }\n\nh1, h2, h3, h4 {\n font-weight: $font-weight-normal; }\n\nh1 {\n font-size: 1.8rem; }\n\nh2 {\n font-size: 1.6rem; }\n\nh3 {\n font-size: 1.4rem; }\n\nh4 {\n font-size: 1.2rem; }\n\n.small-profile {\n\n margin-top: grid-row(1);\n height: grid-row(3);\n margin-bottom: grid-row(1);\n\n img.small-profile-image {\n border-radius: 100%;\n float: left;\n margin-right: grid-row(1);\n height: grid-row(3); }\n\n p.small-profile-name {\n margin-bottom: 10px; }\n\n p.small-profile-description {\n font-size: $font-size-base;\n line-height: 1.5em;\n color: $medium-gray; } }\n\n.inline {\n display: inline; }\n\n//selectyearandmonth\n#selectYearAndMonthForm .selectize-control {\n float: left;\n width: 45%;\n margin-left: 3.3333%; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/_base.sass","// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content\n@mixin keyframes($name) {\n $original-prefix-for-webkit: $prefix-for-webkit;\n $original-prefix-for-mozilla: $prefix-for-mozilla;\n $original-prefix-for-microsoft: $prefix-for-microsoft;\n $original-prefix-for-opera: $prefix-for-opera;\n $original-prefix-for-spec: $prefix-for-spec;\n\n @if $original-prefix-for-webkit {\n @include disable-prefix-for-all();\n $prefix-for-webkit: true !global;\n @-webkit-keyframes #{$name} {\n @content;\n }\n }\n @if $original-prefix-for-mozilla {\n @include disable-prefix-for-all();\n $prefix-for-mozilla: true !global;\n @-moz-keyframes #{$name} {\n @content;\n }\n }\n\n $prefix-for-webkit: $original-prefix-for-webkit !global;\n $prefix-for-mozilla: $original-prefix-for-mozilla !global;\n $prefix-for-microsoft: $original-prefix-for-microsoft !global;\n $prefix-for-opera: $original-prefix-for-opera !global;\n $prefix-for-spec: $original-prefix-for-spec !global;\n\n @if $original-prefix-for-spec {\n @keyframes #{$name} {\n @content;\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/css3/_keyframes.scss","@mixin focused-element {\n border-color: desaturate($brand-primary, 10%);\n outline: 0;\n box-shadow: inset 0 1px 1px rgba($black, .075), inset 0 0 grid-row(.4) rgba(lighten(desaturate($brand-primary, 25%), 10%),.3); }\n\n\n@mixin attribute-focus {\n @include transition(border-color ease-in-out .25s, box-shadow ease-in-out .25s);\n &:focus {\n @include focused-element; } }\n\n// Shake animation\n@include keyframes(shake1) {\n 0% {\n transform: translate3d(.5px, .25px, 0); }\n 10% {\n transform: translate3d(-.25px, -.5px, 0); }\n 20% {\n transform: translate3d(-.75px, 0px, 0); }\n 30% {\n transform: translate3d(0px, .5px, 0); }\n 40% {\n transform: translate3d(.25px, -.25px, 0); }\n 50% {\n transform: translate3d(-.25px, .5px, 0); }\n 60% {\n transform: translate3d(-.75px, .25px, 0); }\n 70% {\n transform: translate3d(.5px, .25px, 0); }\n 80% {\n transform: translate3d(-.25px, -.25px, 0); }\n 90% {\n transform: translate3d(.5px, .5px, 0); }\n 100% {\n transform: translate3d(.25px, -.5px, 0); } }\n\n@include keyframes(shake2) {\n 0% {\n transform: translate3d(.25px, -.5px, 0); }\n 10% {\n transform: translate3d(.5px, .5px, 0); }\n 20% {\n transform: translate3d(-.25px, -.25px, 0); }\n 30% {\n transform: translate3d(.5px, .25px, 0); }\n 40% {\n transform: translate3d(-.75px, .25px, 0); }\n 50% {\n transform: translate3d(-.25px, .5px, 0); }\n 60% {\n transform: translate3d(.25px, -.25px, 0); }\n 70% {\n transform: translate3d(0px, .5px, 0); }\n 80% {\n transform: translate3d(-.75px, 0px, 0); }\n 90% {\n transform: translate3d(-.25px, -.5px, 0); }\n 100% {\n transform: translate3d(.5px, .25px, 0); } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/_mixins.sass","/* ==========================================================================\n Login KMS\n @mixin ========================================================================= */\n\n.login {\n @include position(fixed, 0 0 0 0);\n @include flex(center, center);\n background-color: $darkerBlue;\n background-image: url(\"#{$baseImagePath}/background.svg\");\n background-size: cover;\n background-position: center;\n\n\n .placeholder {\n width: 80%;\n max-width: 400px;\n padding: 20px 40px;\n background-color: white;\n\n .header {\n margin-bottom: 40px;\n @include flex(space-between, center);\n\n &.small {\n margin-bottom: 20px; }\n\n img {\n display: block;\n width: 45px;\n height: 45px;\n margin-left: auto; }\n\n h2 {\n width: calc(100% - 45px);\n margin: 0;\n color: $darkBlue;\n font-size: 1.2rem;\n font-weight: bold; } }\n\n /* Alert messages\n @mixin ========================================================================= */\n\n .warning {\n padding: 7px 12px;\n margin: 8px 0;\n border: 1px solid $darkBlue;\n font-size: 0.7rem;\n color: $darkBlue; }\n\n input {\n width: 100%;\n height: 40px;\n margin: 8px 0;\n border-radius: 4px;\n font-size: 0.7rem;\n color: $darkBlue;\n\n text-indent: 10px;\n border: $lighter-gray solid 1px;\n transition: box-shadow 0.4s;\n\n &:focus {\n outline: 0;\n box-shadow: rgba($neonBlue, .75) 0 0 5px 0; }\n\n &[type=submit] {\n background-color: $darkBlue;\n border: none;\n color: white;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.4s;\n\n &:hover {\n background-color: lighten($darkBlue, 10%); } } }\n\n a {\n color: $darkBlue;\n font-size: 0.7rem;\n font-weight: semibold(); } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_login.sass","@mixin position ($position: relative, $coordinates: null null null null) {\n\n @if type-of($position) == list {\n $coordinates: $position;\n $position: relative;\n }\n\n $coordinates: unpack($coordinates);\n\n $top: nth($coordinates, 1);\n $right: nth($coordinates, 2);\n $bottom: nth($coordinates, 3);\n $left: nth($coordinates, 4);\n\n position: $position;\n\n @if ($top and $top == auto) or (type-of($top) == number) {\n top: $top;\n }\n\n @if ($right and $right == auto) or (type-of($right) == number) {\n right: $right;\n }\n\n @if ($bottom and $bottom == auto) or (type-of($bottom) == number) {\n bottom: $bottom;\n }\n\n @if ($left and $left == auto) or (type-of($left) == number) {\n left: $left;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_position.scss","@mixin flex($justify: space-between, $alignItem: stretch) {\n display: -ms-flexbox /* TWEENER - IE 10 */;\n display: -webkit-flex /* NEW - Chrome */;\n display: flex;\n\n @include prefixer(justify-content, $justify, webkit moz ms);\n @include prefixer(align-items, $alignItem, webkit moz ms);\n justify-content: $justify;\n align-items: $alignItem; }\n\n\n@mixin flex-rows {\n @include prefixer(flex-wrap, wrap, webkit ms);\n @include prefixer(flex-direction, row, webkit ms);\n @include prefixer(flex-flow, row wrap, webkit); }\n\n@mixin order($place) {\n @include prefixer(order, $place, webkit ms);\n order: $place; }\n\n@mixin align-content($align) {\n @include prefixer(align-content, $align, webkit);\n align-content: $align; }\n\n@mixin align-self($align) {\n @include prefixer(align-self, $align, webkit);\n align-self: $align; }\n\n@mixin flex-direction($direction) {\n @include prefixer(flex-direction, $direction, webkit ms moz);\n flex-direction: $direction; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/mixins/_flex.sass","//************************************************************************//\n// Example: @include prefixer(border-radius, $radii, webkit ms spec);\n//************************************************************************//\n// Variables located in /settings/_prefixer.scss\n\n@mixin prefixer ($property, $value, $prefixes) {\n @each $prefix in $prefixes {\n @if $prefix == webkit {\n @if $prefix-for-webkit {\n -webkit-#{$property}: $value;\n }\n }\n @else if $prefix == moz {\n @if $prefix-for-mozilla {\n -moz-#{$property}: $value;\n }\n }\n @else if $prefix == ms {\n @if $prefix-for-microsoft {\n -ms-#{$property}: $value;\n }\n }\n @else if $prefix == o {\n @if $prefix-for-opera {\n -o-#{$property}: $value;\n }\n }\n @else if $prefix == spec {\n @if $prefix-for-spec {\n #{$property}: $value;\n }\n }\n @else {\n @warn \"Unrecognized prefix: #{$prefix}\";\n }\n }\n}\n\n@mixin disable-prefix-for-all() {\n $prefix-for-webkit: false !global;\n $prefix-for-mozilla: false !global;\n $prefix-for-microsoft: false !global;\n $prefix-for-opera: false !global;\n $prefix-for-spec: false !global;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_prefixer.scss","/* ==========================================================================\n Entities navigation KMS\n @mixin ========================================================================= */\n\n#entities {\n position: absolute;\n top: 0;\n left: 0;\n width: 380px;\n height: 100vh;\n background-color: white;\n\n /* Header block\n @mixin ========================================================================= */\n .entities-header {\n padding: 40px 0;\n border-bottom: 1px solid $lightGray;\n text-align: center;\n\n h1 {\n font-size: 1.2rem;\n color: $darkBlue;\n font-weight: bold();\n margin: 0; }\n p {\n font-size: 0.7rem;\n color: $gray;\n opacity: 0.5;\n margin: 0;\n font-weight: lightest(); } }\n\n\n /* Search block\n @mixin ========================================================================= */\n .search {\n .search-field {\n height: 50px;\n border-top: 1px solid $lightGray;\n border-bottom: 1px solid $lightGray;\n font-size: 0.9rem;\n cursor: text;\n\n background-color: $dark-white;\n background-image: url(\"#{$baseImagePath}/icons/icon_search.svg\");\n background-repeat: no-repeat;\n background-position: 7px center;\n\n input {\n width: 100%;\n height: 50px;\n padding: 0;\n margin: 0;\n border: none;\n font-size: 0.7rem;\n line-height: 2.2;\n text-indent: 90px;\n background-color: transparent;\n @include attribute-focus; } }\n\n .search-result-text {\n display: none;\n height: 50px;\n width: 100%;\n border-bottom: 2px solid $blue;\n transition: background-color 0.2s, color 0.2s;\n margin: 0;\n padding: 0 15px 0 60px;\n\n color: $medium-gray;\n font-size: 0.7rem;\n line-height: 1;\n\n span {\n display: inline-block;\n //font-size: 0.85rem\n margin-left: 5px;\n color: $blue; } }\n\n .entities-list {\n display: none;\n height: calc( 100vh - 235px);\n\n ul {\n .entities-list-item {\n display: none;\n\n &.active {\n display: block;\n\n > a {\n background-color: transparent;\n color: $medium-gray;\n\n .icon {\n background-color: rgba($lightGray, 0.6); }\n\n p {\n margin: 0;\n width: calc(100% - 65px);\n\n &:before {\n content: attr(data-breadcrumb);\n display: block;\n color: $medium-gray;\n font-size: 0.6rem;\n opacity: 0.5; } } } } } } }\n\n\n &.active {\n .entities-list {\n display: block; }\n\n .search-result-text {\n @include flex(flex-start,center); } } }\n\n\n /* Add new item block\n @mixin ========================================================================= */\n .new-item {\n @include flex(flex-start,center);\n height: 50px;\n width: 100%;\n background-color: transparent;\n border-bottom: 2px solid $blue;\n transition: background-color 0.2s, color 0.2s;\n\n color: $blue;\n font-size: 0.7rem;\n line-height: 1;\n text-decoration: none;\n\n span {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin: 0 15px 0 15px;\n border: 1px solid $blue;\n border-radius: 100%;\n background-color: white;\n\n &:before {\n content: '';\n background-image: url(\"#{$baseImagePath}/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center;\n display: inline-block;\n width: 30px;\n height: 30px; } }\n\n &:hover {\n background-color: $blue;\n color: white; } }\n\n\n /* Change order block\n @mixin ========================================================================= */\n .entities-order {\n position: relative;\n width: 100%;\n height: 50px;\n border-top: solid 1px $lightest-gray;\n\n .sortable-button {\n @include flex(center, center);\n width: 100%;\n height: 100%;\n text-decoration: none;\n color: $blue;\n font-size: 0.7rem;\n text-align: center;\n cursor: pointer;\n\n &:before {\n content: '';\n display: inline-block;\n width: 19px;\n height: 23px;\n background-image: url(\"#{$baseImagePath}/icons/icon_reorder.svg\");\n background-repeat: no-repeat;\n vertical-align: middle;\n margin-right: 10px; }\n\n &.save-order {\n position: absolute;\n left: 0;\n top: 0;\n opacity: 0;\n pointer-events: none;\n z-index: -1;\n background-color: $blue;\n color: white;\n\n &.show {\n z-index: 2;\n opacity: 1;\n pointer-events: all; }\n\n &:before {\n background-image: url(\"#{$baseImagePath}/icons/icon_save_order.svg\"); } } } }\n\n\n /* Entities list\n @mixin =========================================================================\n Entities header: 141px\n Search: 50px\n New item: 50px\n Order: 50px\n */\n\n #main-entities-list {\n &.hide {\n display: none; } }\n\n .entities-list {\n position: relative;\n height: calc( 100vh - 185px);\n overflow: auto;\n overflow-x: hidden;\n\n //&.showSortable, &.showCreate\n // height: calc( 100vh - 135px - 50px - 50px)\n //\n //&.showSortable.showCreate\n // height: calc( 100vh - 141px - 50px - 50px - 50px)\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n\n &.ui-sortable {\n height: calc(100% - 50px);\n overflow: auto;\n overflow-x: hidden; }\n\n // Each ul will be a bit deeper\n ul {\n padding-left: 20px;\n min-height: 10px; }\n\n // Sortable placeholder for indication where to drop\n .sortable-placeholder {\n height: 50px;\n width: 100%;\n background-color: $almostWhite;\n border: 1px dashed rgba($brand-primary, 0.4); }\n\n // List item styling\n .entities-list-item {\n background-color: white;\n transition: background-color 0.3s;\n\n //Zebra coloring\n &:nth-child(even) {\n background-color: $almostWhite; }\n\n\n // Text / placeholder\n >a, .tree-node-content {\n position: relative;\n @include flex(flex-start, center);\n height: 50px;\n width: 100%;\n text-decoration: none;\n font-size: 0.7rem;\n line-height: 1.1;\n color: $gray;\n cursor: pointer;\n font-weight: lightest();\n\n sub {\n opacity: 0.6; }\n\n //Hover color\n &:hover {\n background-color: $blueGray;\n color: $darkBlue; } }\n\n //Active coloring\n &.active {\n >a, >.tree-node-content {\n background-color: $blue;\n color: white;\n .icon {\n background-color: $lightGray; } } }\n\n // Status\n .color-status {\n display: inline-block;\n height: 100%;\n width: 5px;\n background-color: transparent;\n\n &[data-status-type=\"0\"] {\n background-color: $lightGray; }\n &[data-status-type=\"1\"] {\n background-color: $neonGreen; }\n &[data-status-type=\"2\"] {\n background-color: $neonRed; }\n &[data-status-type=\"3\"] {\n background-color: $brand-secondary; }\n &[data-status-type=\"4\"] {\n background-color: $brand-warning; }\n &[data-status-type=\"5\"] {\n background-color: $brand-success; } }\n\n p {\n margin: 0;\n width: calc(100% - 60px); }\n\n // Icon\n .icon {\n @include flex(center, center);\n width: 30px;\n height: 30px;\n margin: 0 15px;\n border-radius: 100%;\n background-color: rgba($lightGray, 0.6);\n background-position: center;\n background-size: cover;\n overflow: hidden;\n\n img {\n width: 30px;\n height: 30px; }\n\n span {\n font-size: 0.8rem;\n color: $gray;\n position: relative;\n top: 1px; } }\n\n // Drop down icon\n .triangle {\n position: absolute;\n right: 0;\n top: 0;\n @include flex(center, center);\n background-color: rgba(0,0,0, 0.03);\n width: 40px;\n height: 100%;\n cursor: pointer;\n &:before {\n content: '';\n display: inline-block;\n width: 10px;\n height: 5px;\n background-image: url(\"#{$baseImagePath}/icons/icon_triangle_down.svg\");\n background-position: center center;\n background-repeat: no-repeat;\n transition: transform 0.4s; } }\n\n &[collapsed=true] {\n .triangle {\n &:before {\n transform: rotate(180deg); } } } } }\n\n &.showCreate {\n ul {\n height: calc(100% - 50px);\n &.ui-sortable {\n height: calc(100% - 100px); } } }\n\n // Sorting animation\n .sorting {\n .entities-list-item {\n position: relative;\n cursor: move;\n\n a {\n cursor: move;\n @include animation(shake1 1.5s infinite alternate); } }\n\n .entities-list-item:nth-child(odd) {\n a {\n @include animation(shake2 1.5s infinite alternate); } } } } }\n\n\n/* Drag and drop styling\n @mixin ========================================================================= */\n\n//.angular-ui-tree-drag.angular-ui-tree-nodes\n// position: fixed\n// margin: 0\n// padding: 0\n// list-style: none\n// border: 1px solid $lightGray\n//\n// .entities-list-item\n// background-color: white\n//\n// // Text / placeholder\n// >a, .tree-node-content\n// position: relative\n// +flex(flex-start, center)\n// height: 50px\n// width: 100%\n// text-decoration: none\n// font-size: 0.7rem\n// color: $darkBlue\n// font-weight: lightest()\n//\n// // Status\n// .color-status\n// display: inline-block\n// height: 100%\n// width: 5px\n// background-color: $neonRed\n// &.active\n// background-color: $neonGreen\n//\n// // Icon\n// .icon\n// +flex(center, center)\n// width: 30px\n// height: 30px\n// margin: 0 15px\n// border-radius: 100%\n// background-color: rgba($lightGray, 0.6)\n// overflow: hidden\n//\n// img\n// width: 30px\n// height: 30px\n//\n// span\n// font-size: 0.8rem\n// color: $gray\n// position: relative\n// top: 1px\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_entities.sass","/* ==========================================================================\n Entity block KMS\n @mixin ========================================================================= */\n\n#entity {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 400px;\n border-left: 1px solid rgba(white, 0.2);\n\n\n /* Header + Save and Delete buttons\n @mixin ========================================================================= */\n .entity-header {\n @include flex(space-between, center);\n height: 140px;\n position: relative;\n padding-left: 40px;\n padding-right: 20px;\n box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,.5);\n\n // Group it for flex-box\n .entity-header-attributes {\n width: calc(100% - 200px);\n @include flex(flex-start, center);\n\n .entity-thumbnail {\n position: relative;\n width: 100px;\n height: 100px;\n overflow: hidden;\n border: solid 1px white;\n border-radius: 10px;\n background-color: $lightGray;\n\n line-height: 100px;\n text-align: center;\n font-size: 1.6rem;\n font-weight: bold;\n color: $gray;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: contain; }\n\n &:after {\n content: \"\";\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 5;\n @include background(linear-gradient(135deg, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)); } }\n\n h2 {\n display: block;\n width: calc(100% - 100px);\n padding-left: 40px;\n font-size: 1.2rem;\n color: white; } }\n\n // Entity Save and delete buttons\n .entity-buttons {\n width: 200px;\n\n .save, .trash {\n display: inline-block;\n vertical-align: top;\n height: 40px;\n border-radius: 4px;\n @include appearance(none);\n border: none;\n cursor: pointer;\n transition: background-color 0.3s;\n &:focus {\n outline: none; } }\n\n .save {\n width: 150px;\n background-color: $blue;\n color: white;\n font-size: 0.7rem;\n\n &.disabled {\n pointer-events: none;\n background-color: lighten($darkerBlue, 10%);\n color: rgba(white, 0.3); }\n\n\n &:hover {\n background-color: darken($blue, 10%); } }\n\n\n .trash {\n width: 40px;\n background-color: $brightRed;\n background-image: url(\"#{$baseImagePath}/icons/icon_trash.svg\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: 16px 16px;\n\n &:hover {\n background-color: darken($brightRed, 15%); } } } }\n\n /* (Language) Tabs\n @mixin ========================================================================= */\n .entity-tabs {\n width: 100%;\n height: 50px;\n padding-left: 40px;\n background-color: lighten($darkerBlue, 5%);\n\n ul {\n @include flex(flex-start, flex-end);\n margin: 0;\n padding: 0;\n list-style: none;\n height: 100%;\n\n li {\n background-color: lighten($darkerBlue, 15%);\n margin: 0 5px;\n height: 35px;\n line-height: 40px;\n border-radius: 4px 4px 0 0;\n transition: background-color 0.3s, box-shadow 0.3s;\n\n a {\n display: block;\n height: 100%;\n width: 100%;\n color: white;\n font-size: 0.7rem;\n text-decoration: none;\n text-transform: uppercase;\n padding: 0 20px; }\n\n &:hover {\n background-color: lighten($darkerBlue, 10%); }\n\n &.active {\n background-color: $white;\n a {\n color: $blue; } }\n\n &.error {\n background-color: $brightRed; } } } }\n\n /* Container for attributes\n @mixin ========================================================================= */\n .entity-attributes {\n position: absolute;\n top: 190px;\n bottom: 0;\n width: 100%;\n overflow: auto;\n background-color: white;\n\n .contentBlockAddButton {\n display: inline-block;\n margin-right: 40px;\n cursor: pointer;\n\n .dynamic-icon-placeholder {\n @include flex(center, center);\n width: 100px;\n height: 100px;\n background-color: white;\n border-radius: 14px;\n box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);\n transition: background-color 0.3s, box-shadow 0.3s;\n\n .dynamic-icon {\n width: 60px;\n\n img {\n display: block;\n width: 100%; } } }\n\n label {\n width: auto;\n margin-top: 20px;\n padding-left: 0;\n font-size: 0.8rem;\n color: #9ba0ae;\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap;\n text-align: center; }\n\n &:hover {\n .dynamic-icon-placeholder {\n //background-color: $whitish\n box-shadow: 0px 0px 25px 0px rgba(0,0,0,0); } } } }\n\n .tab-content, .sub-tab-content {\n display: none;\n\n &.active {\n display: block; } } }\n\n\n\n\n\n.fieldGroupCollection {\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n li {\n list-style: none;\n position: relative;\n padding-left: 25px; }\n &.fieldGroupItems {\n\n li {\n &:before {\n content: '';\n display: inline-block;\n height: 25px;\n width: 35px;\n background-image: url(\"#{$baseImagePath}/icons/drag.png\");\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n left: 20px;\n top: 17px; } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_entity.sass","//************************************************************************//\n// Background property for adding multiple backgrounds using shorthand\n// notation.\n//************************************************************************//\n\n@mixin background($backgrounds...) {\n $webkit-backgrounds: ();\n $spec-backgrounds: ();\n\n @each $background in $backgrounds {\n $webkit-background: ();\n $spec-background: ();\n $background-type: type-of($background);\n\n @if $background-type == string or $background-type == list {\n $background-str: if($background-type == list, nth($background, 1), $background);\n\n $url-str: str-slice($background-str, 0, 3);\n $gradient-type: str-slice($background-str, 0, 6);\n\n @if $url-str == \"url\" {\n $webkit-background: $background;\n $spec-background: $background;\n }\n\n @else if $gradient-type == \"linear\" {\n $gradients: _linear-gradient-parser(\"#{$background}\");\n $webkit-background: map-get($gradients, webkit-image);\n $spec-background: map-get($gradients, spec-image);\n }\n\n @else if $gradient-type == \"radial\" {\n $gradients: _radial-gradient-parser(\"#{$background}\");\n $webkit-background: map-get($gradients, webkit-image);\n $spec-background: map-get($gradients, spec-image);\n }\n\n @else {\n $webkit-background: $background;\n $spec-background: $background;\n }\n }\n\n @else {\n $webkit-background: $background;\n $spec-background: $background;\n }\n\n $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);\n $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);\n }\n\n background: $webkit-backgrounds;\n background: $spec-backgrounds;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/css3/_background.scss","/* ==========================================================================\n Sidebar KMS\n @mixin ========================================================================= */\n\n#sidebar {\n @include position(fixed, 0 null 0 0);\n height: 100vh;\n padding-bottom: 50px;\n width: 230px;\n background-color: $darkerBlue;\n\n .logo-placeholder {\n height: 85px;\n width: 100%;\n background-image: url(\"#{$baseImagePath}/logo_background.svg\");\n background-size: cover;\n\n a {\n @include flex(space-between, center);\n width: 100%;\n height: 100%;\n padding: 0 20px 0 20px;\n text-decoration: none;\n\n img {\n width: 40px;\n height: 40px; }\n\n p {\n color: white;\n font-size: 0.75rem;\n line-height: 1.2; } } }\n\n /* Account block\n @mixin ========================================================================= */\n\n .account-block {\n @include flex(space-between, center);\n text-decoration: none;\n border: 1px solid rgba(255,255,255, 0.2);\n border-left: none;\n border-right: none;\n padding: 10px;\n height: 82px;\n\n figure {\n position: relative;\n @include flex(center, center);\n width: 60px;\n height: 60px;\n margin: 0;\n background-color: rgba($blue, 0.3);\n border-radius: 100%;\n\n &:empty {\n &:after {\n content: '';\n background: {\n image: url(\"#{$baseImagePath}/icons/user.svg\");\n position: center;\n size: contain;\n repeat: no-repeat; }\n width: 40px;\n height: 40px;\n opacity: 0.4; } }\n\n span {\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: {\n position: center;\n size: cover;\n repeat: no-repeat; } } }\n\n .text {\n width: calc(100% - 80px);\n\n h3 {\n color: white;\n font-size: 0.85rem;\n margin: 0; } } }\n\n\n\n /* Navigation\n @mixin ========================================================================= */\n\n .navigation {\n overflow: auto;\n position: fixed;\n //top: calc( 140px + 85px) // Height account block + logo\n height: calc(100vh - 85px - 82px - 50px);\n width: 230px;\n\n ul {\n display: block;\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n position: relative;\n display: block;\n width: 100%;\n font-size: 0.7rem;\n border-bottom: solid 1px rgba(255,255,255, 0.2);\n background-color: transparent;\n transition: background-color 0.4s;\n\n .drop-down {\n position: absolute;\n top: 22px;\n right: 20px;\n display: block;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: white transparent transparent transparent;\n transform: rotate(0deg);\n opacity: 0.5; }\n\n a, span {\n @include flex(flex-start, center);\n height: 100%;\n width: 100%;\n padding: 14px 25px;\n color: white;\n text-decoration: none;\n cursor: pointer; }\n\n &:hover {\n >span, >a {\n background-color: rgba($darkBlue, 0.4); } }\n\n &.active {\n >.drop-down {\n transform: rotate(180deg); }\n >span, >a {\n background-color: $blue; }\n\n >ul {\n display: block; }\n\n &.has-sub-items {\n >span, >a {\n background-color: rgba($darkBlue, 0.9); } } }\n\n >ul {\n display: none;\n position: relative;\n float: none;\n box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, .7);\n background-color: darken($darkerBlue, 4%);\n border: none;\n transition: all 1s;\n overflow: hidden;\n li {\n a, span {\n padding-left: 40px; } } } } } }\n\n\n /* Log out button\n @mixin ========================================================================= */\n\n .log-out {\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 50px;\n @include flex(flex-start, center);\n padding: 0 25px;\n background-color: rgba($darkBlue, 0.4);\n border: none;\n border-top: solid 1px rgba(255,255,255, 0.2);\n color: white;\n text-decoration: none;\n font-size: 0.7rem;\n transition: background-color 0.4s;\n\n &:hover {\n background-color: rgba($darkBlue, 0.6); } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/blocks/_sidebar.sass","#confirmBox {\n position: fixed;\n z-index: -100;\n pointer-events: none;\n display: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &.show {\n z-index: 100;\n pointer-events: all;\n @include flex(center, center); }\n\n .shader {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.5); }\n\n .modal {\n display: block;\n border-radius: 5px 5px 0 0;\n overflow: hidden;\n width: 100%;\n max-width: 500px;\n background-color: white;\n z-index: 2;\n\n .header {\n padding: 12px 40px;\n background-color: lighten($darkerBlue, 5%);\n\n h4 {\n font-size: 0.8rem;\n line-height: 1.6;\n color: rgba(white, 0.75);\n font-weight: 100;\n margin: 0;\n text-transform: uppercase;\n text-align: center; } }\n\n .body {\n padding: 25px 40px 40px;\n\n p {\n font-size: 0.7rem;\n line-height: 1.2;\n color: $light-gray;\n margin: 0;\n text-align: center; }\n\n .navigatableElements {\n @include flex(center, center);\n margin-top: 25px;\n\n button {\n @include flex(center, center);\n display: inline-block;\n width: 120px;\n height: 40px;\n border: none;\n border-radius: 3px;\n\n color: white;\n font-size: 0.7rem;\n line-height: 1.2;\n cursor: pointer;\n\n + button {\n margin-left: 10px; }\n\n &.confirm {\n background-color: $neonRed;\n\n &:hover {\n background-color: darken($neonRed, 7.5%); } }\n\n &.cancel {\n background-color: $blue;\n &:hover {\n background-color: darken($blue, 7.5%); } } } } } } }\n\n\n#confirmButtons {\n padding: 15px 0 0;\n text-align: center;\n\n .button {\n display: inline-block;\n margin-right: 15px;\n min-width: 100px;\n border-radius: 3px;\n\n &:last-child {\n margin-right: 0; } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_confirmBox.sass",".uk-tooltip {\n display: none;\n position: fixed;\n z-index: 1030;\n @include box-sizing(border-box);\n max-width: 200px;\n padding: 5px 8px;\n background: #333333;\n color: rgba(255, 255, 255, 0.7);\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n margin-left: -5px;\n\n &:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border: 5px dashed #333333; } }\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after {\n bottom: -5px;\n border-top-style: solid;\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-top-color: #333333; }\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after {\n top: -5px;\n border-bottom-style: solid;\n border-top: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: #333333; }\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after {\n left: 50%;\n margin-left: -5px; }\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after {\n left: 17px; }\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after {\n right: 17px; }\n\n.uk-tooltip-left:after {\n right: -5px;\n top: 50%;\n margin-top: -5px;\n border-left-style: solid;\n border-right: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: #333333; }\n\n.uk-tooltip-right:after {\n left: -5px;\n top: 50%;\n margin-top: -5px;\n border-right-style: solid;\n border-left: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-right-color: #333333; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_custom_ui_kit.sass","#flash-message {\n position: fixed;\n top: 50px;\n right: 225px;\n z-index: 1000;\n\n @include flex(center, center);\n min-width: 200px;\n min-height: 40px;\n margin: 0;\n padding: 10px 15px;\n background-color: rgba($darkerBlue, 0.8);\n border-radius: 4px;\n border: 1px solid transparent;\n box-shadow: 0 0 5px 2px rgba(0,0,0,.1);\n\n font-size: 0.7rem;\n line-height: 1.2;\n color: $white;\n pointer-events: none;\n\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n\n &[data-type=\"1\"] {\n border-color: $neonRed; }\n\n &[data-type=\"2\"] {\n border-color: $neonGreen; }\n\n &[data-type=\"3\"] {\n border-color: $blue; } }\n\n@-webkit-keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n 100% {\n opacity: 1;\n -webkit-transform: none;\n transform: none; } }\n\n@keyframes fadeInDown {\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n -ms-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0); }\n 100% {\n opacity: 1;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_flashMessage.sass",".error-block {\n margin-bottom: 50px;\n margin-left: 50px;\n width: 25%;\n margin-top: -150px; //niet echt de bedoeling, maar weet niet waarom het op 150 staat\n border: 1px solid darkred;\n margin-bottom: 50px;\n margin-left: 25px;\n margin-top: 20px;\n padding: 25px;\n width: 90%;\n background-color: rgba( darkred, .2 );\n h2 {\n margin: 0 0 10px 0; }\n h3 {\n margin: 0;\n cursor: pointer;\n &:hover {\n color: darkred;\n background-color: rgba(darkred, .4); } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_import_error.sass",".order-table {\n margin-left: 10px;\n margin-right: 10px;\n margin-top: 50px;\n td, th {\n text-align: left;\n border-right: #ededed 1px solid;\n padding-left: 10px;\n padding-right: 10px; }\n th {\n color: #3289ff; }\n tr.order-row {\n border-top: solid 1px #e0e6ec;\n &:nth-of-type(even) {\n background-color: lighten(#3289ff, 37); } }\n tr:first-child {\n border-bottom: solid 2px #e0e6ec; }\n a {\n color: #3289ff;\n text-decoration: none; } }\n\n.order-status-box {\n margin-left: 180px;\n .order-status.selectize {\n width: 80%;\n padding-top: 20px; } }\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_order_table.sass",".event-sign-ups {\n padding: 50px;\n\n &__header {\n @include flex(space-between,center); }\n\n &__title {\n display: block;\n width: calc( 100% - 275px);\n margin: 0;\n color: lighten($darkerBlue, 15%);\n font-size: 1.2rem;\n line-height: 1.1; }\n\n &__new {\n @include flex(flex-end,center);\n padding: 8px 16px 8px 8px;\n background-color: transparent;\n transition: background-color 0.2s, color 0.2s;\n border: 1px solid rgba($blue, 0.4);\n border-radius: 23px;\n\n color: $blue;\n font-size: 0.7rem;\n line-height: 1;\n text-decoration: none;\n\n span {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin: 0 15px 0 0;\n border: 1px solid $blue;\n border-radius: 100%;\n background-color: white;\n\n &:before {\n content: '';\n background-image: url(\"#{$baseImagePath}/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center;\n display: inline-block;\n width: 30px;\n height: 30px; } }\n\n &:hover {\n background-color: $blue;\n color: white; } }\n\n &__table {\n margin-top: 40px; } }\n\n.event-sign-ups-table {\n width: 100%;\n border-spacing: 0;\n border-radius: 4px 4px 0 0;\n border-bottom: 1px solid rgba($lightest-gray, 0.5);\n overflow: hidden;\n\n thead {\n background: lighten($darkerBlue, 15%);\n\n th {\n padding: 8px 14px;\n color: white;\n font-size: 0.7rem;\n line-height: 1.1;\n text-transform: uppercase;\n font-weight: 400;\n border-right: 1px solid rgba(white, 0.5);\n text-align: left;\n\n\n &:last-child {\n border-right: none; } } }\n\n td {\n padding: 8px 14px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: $dark-gray;\n\n &.no-sign-ups {\n font-size: 0.85rem;\n padding: 16px 32px;\n text-align: center;\n font-weight: bold;\n background-color: rgba($lightest-gray, 0.5); }\n\n &.edit-field, &.email-field {\n a {\n color: $brand-secondary; } } }\n\n tbody {\n tr {\n td {\n border-right: 1px solid $lightest-gray;\n\n &:last-child {\n border-right: none; } }\n\n &:nth-child(even) {\n td {\n background-color: rgba($lightest-gray, 0.5);\n } } } } } //background-color: $whitish\n\n\n.event-return-link {\n //border-top: 1px solid rgba($lightest-gray, 0.5)\n width: 400px;\n margin: 0;\n padding: 40px 30px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: rgba(white, 0.6);\n background-color: lighten($darkerBlue, 15%);\n box-shadow: inset 0px -20px 20px -20px rgba(0, 0, 0, 0.5);\n\n &__button {\n margin-top: 10px;\n display: inline-block;\n font-weight: bold;\n padding: 10px 15px;\n background-color: $brand-primary;\n color: white;\n box-shadow: 0 3px 5px -2px rgba(#212933, 0.2);\n text-decoration: none;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: #212933; } } }\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/partials/_eventSignUps.sass",".entity-attribute-wrapper {\n &.hidden {\n visibility: hidden;\n height: 0; } }\n\n.entity-attribute {\n position: relative;\n min-height: grid-row(2) + 1px;\n border-bottom: 1px solid #e0e6ec;\n font-size: 1rem;\n line-height: grid-row(2);\n @include box-sizing(border-box);\n\n label {\n position: absolute;\n display: block;\n width: 175px;\n margin-left: grid-row(1);\n font-size: 0.7rem;\n color: $light-gray;\n text-transform: uppercase;\n font-weight: $font-weight-bold;\n white-space: nowrap; }\n\n &.error {\n border: 1px solid $brand-danger;\n label {\n color: $brand-danger; } }\n\n &.hidden {\n display: none; }\n\n .content {\n position: relative;\n padding-left: 205px;\n padding-right: grid-row(.5);\n line-height: grid-row(1);\n padding-top: grid-row(.5);\n padding-bottom: grid-row(.5);\n background-color: transparent;\n border: 0;\n display: block;\n color: #5c5f65;\n @include box-sizing(border-box); }\n\n .input-read-only {\n text-indent: 205px;\n font-size: 0.7rem;\n color: $dark-gray;\n opacity: 0.5;\n user-select: none;\n cursor: not-allowed; }\n\n input {\n height: 100%;\n width: 100%;\n min-height: 60px;\n background-color: transparent;\n text-indent: 205px;\n font-size: 0.7rem;\n border: 0;\n z-index: 99999;\n display: block;\n color: $dark-gray;\n box-sizing: border-box;\n transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s; }\n\n .explanation {\n display: block;\n padding-bottom: 20px;\n color: #9ba0ae;\n font-size: 0.7rem;\n line-height: 1.2;\n margin-left: 30px; } }\n\n@import \"documents\";\n@import \"images\";\n@import \"link\";\n@import \"list\";\n@import \"multiselect\";\n@import \"onOffSwitch\";\n@import \"password\";\n@import \"select\";\n@import \"seperator\";\n@import \"sorter\";\n@import \"switch\";\n@import \"table\";\n@import \"text\";\n@import \"textArea\";\n@import \"textEditor\";\n@import \"textCurrency\";\n@import \"title\";\n@import \"view\";\n@import \"dynamic\";\n@import \"datePicker\";\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_attributes.sass",".entity-attribute-documents {\n position: relative;\n padding-bottom: 20px;\n\n ul.files {\n position: relative;\n margin: 10px 0 0 205px;\n width: calc(100% - 205px);\n padding: 0;\n\n .document {\n position: relative;\n @include flex(space-between, center);\n width: 100%;\n max-width: 720px;\n height: 82px;\n padding: 10px;\n transition: opacity 0.4s, border 0.4s;\n\n &.isDropTarget {\n border: 2px dashed #d0d4dc !important; }\n\n &.deleted {\n opacity: 0.4;\n border-color: lighten($neonRed, 10%); }\n\n + .document {\n margin-top: 2px;\n border-top: 1px solid $blueGray; }\n\n >input[type='file'] {\n display: none; }\n\n .thumb {\n position: relative;\n display: block;\n width: 50px;\n height: 50px;\n border-radius: 100%;\n overflow: hidden;\n background: {\n color: $almostWhite;\n position: center;\n size: cover; }\n\n transition: all 0.3s;\n\n &.hidden {\n display: none !important; }\n\n &:not(.has-image) {\n\n &[data-filetype='svg'] {\n background-color: #F9C80E; }\n &[data-filetype='pdf'] {\n background-color: #EA3546; }\n &[data-filetype='zip'], &[data-filetype='rar'] {\n background-color: #f5cf56; }\n &[data-filetype='csv'], &[data-filetype='xlsx'] {\n background-color: #227045; }\n &[data-filetype='mp3'] {\n background-color: #43BCCD; }\n &[data-filetype='mp4'] {\n background-color: #3066BE; }\n &[data-filetype='docx'], &[data-filetype='docx'] {\n background-color: #2C5697; }\n &[data-filetype='png'], &[data-filetype='jpg'], &[data-filetype='jpeg'], &[data-filetype='gif'] {\n } } //background-color: #262f43\n\n\n &:not(.has-image):not(.has-icon) {\n @include flex(center, center);\n &:after {\n content: \".\"attr(data-filetype);\n font-weight: bold;\n text-transform: uppercase;\n font-size: 0.7rem;\n line-height: 1.2;\n color: $gray; } }\n\n &__image {\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: {\n position: center;\n size: cover; } }\n\n &.is-uploading {\n border: 1px solid $blue;\n width: 49px;\n height: 49px;\n background-color: $almostWhite !important;\n .thumb__image {\n filter: blur(1px); } }\n\n .percentage {\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n @include flex(center, center);\n width: 100%;\n height: 100%;\n border-radius: 50%;\n overflow: hidden;\n opacity: 0.6;\n @include progressPulse($blue); } }\n\n .select {\n display: inline-block;\n padding: 0.80em 2.2em;\n border: 0.1em solid $light-gray;\n margin: 0 0.3em 0.3em 0;\n border-radius: 0.12em;\n box-sizing: border-box;\n text-decoration: none;\n font-weight: 300;\n color: $light-gray;\n text-align: center;\n transition: all 0.2s;\n &:hover {\n color: #ffffff;\n background-color: $light-gray; }\n\n &.hidden {\n display: none; } }\n\n .content-wrapper {\n width: calc(100% - 100px);\n padding: 0 10px;\n &.hidden {\n display: none; }\n\n input {\n text-indent: 0;\n padding: 10px;\n min-height: auto;\n //background-color: rgba($lightest-gray, 0.5)\n background-color: $almostWhite;\n @include attribute-focus; }\n\n p {\n margin: 5px 0 0;\n padding: 0 10px;\n color: $light-gray;\n font-size: 0.7rem;\n line-height: 1.2; } }\n\n .drag-icon {\n width: 30px;\n height: 30px;\n @include flex(flex-start, center);\n cursor: move;\n\n &.is-hidden {\n opacity: 0; }\n\n &:after {\n content: '';\n background: {\n position: center;\n repeat: no-repeat;\n size: contain;\n image: url(\"/img/kms/icons/drag-dots.svg\"); }\n width: 9px;\n height: 16px;\n opacity: 0.2; } }\n\n .delete {\n @include flex(center, center);\n cursor: pointer;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n font-size: 13px;\n line-height: 13px;\n background-color: transparent;\n border: 2px solid transparent;\n transition: color 0.3s, background-color 0.3s, border 0.3s;\n\n &.hidden {\n display: none; }\n\n &:before {\n content: '';\n display: inline-block;\n height: 10px;\n width: 10px;\n background: {\n image: url(\"/img/kms/icons/icon_cross_red.svg\");\n position: center;\n size: contain;\n repeat: no-repeat; } }\n\n &:hover {\n background-color: lighten($neonRed, 10%);\n color: white;\n\n &:before {\n background-image: url(\"/img/kms/icons/icon_cross.svg\"); } } }\n\n &:last-child {\n margin-bottom: 20px; } } }\n\n\n .drag-and-drop-area {\n //bottom: 20px\n height: 260px;\n border: 2px dashed $lightGray;\n text-align: center;\n margin-left: 205px;\n line-height: 1rem;\n width: 100%;\n max-width: 700px;\n padding: 30px;\n cursor: pointer;\n transition: border 0.2s;\n\n &:hover {\n border-color: $blue; }\n\n .icon {\n display: inline-block;\n width: 95px;\n height: 78px;\n margin-bottom: 20px;\n background: {\n image: url(\"/img/kms/icons/drag-and-drop-cloud.svg\");\n position: center;\n size: contain;\n repeat: no-repeat; } }\n\n p {\n margin: 0;\n color: $gray;\n font-size: 0.7rem;\n line-height: 1.2; }\n\n .or {\n display: inline-block;\n margin: 10px 0;\n font-size: 0.8rem;\n line-height: 1.2;\n color: rgba($gray, 0.5); }\n\n .select {\n display: block;\n width: 100%;\n max-width: 250px;\n margin: 0 auto;\n padding: 10px 20px;\n border-radius: 4px;\n border: 1px solid $blue;\n\n font-size: 0.7rem;\n line-height: 1.2;\n color: $blue;\n cursor: pointer;\n\n &:hover {\n background-color: $blue;\n color: white; } }\n\n &--small {\n width: 60px;\n height: 60px;\n padding: 0;\n\n .icon {\n width: 55px;\n height: 55px;\n background-image: url(\"/img/kms/icons/icon_plus.svg\");\n margin-bottom: 0; }\n\n p, .select, .or {\n display: none; } }\n\n &.is-hidden {\n display: none; } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_documents.sass","@mixin progressCircle($themeColor: blue, $backColor: white, $step : 1, $attribute : 'aria-valuenow') {\n $loops: round(100 / $step);\n $increment: 360 / $loops;\n $half: round($loops / 2);\n\n &:after {\n content: '';\n position: relative;\n width: calc(100% + 4px);\n height: calc(100% + 4px);\n left: -2px;\n top: -2px; }\n\n @for $i from 0 through $loops {\n &[#{$attribute}= \"#{$i * $step}\"]:after {\n @if $i < $half {\n $nextDeg: 90deg + $increment * $i;\n background: linear-gradient(90deg, $backColor 50%, transparent 50%, transparent), linear-gradient($nextDeg, $themeColor 50%, $backColor 50%, $backColor); }\n\n @else {\n $nextDeg: -90deg + $increment * ($i - $half);\n background: linear-gradient($nextDeg, $themeColor 50%, transparent 50%, transparent), linear-gradient(270deg, $themeColor 50%, $backColor 50%, $backColor); } } } }\n\n@mixin progressPulse($themeColor: blue) {\n\n &:after {\n content: '';\n background-color: $themeColor;\n width: 100%;\n height: 100%;\n transition: transform 0.3s;\n border-radius: 50%;\n transform: scale3d(0,0,1); }\n\n @for $i from 0 through 100 {\n &[#{aria-valuenow}= \"#{$i}\"]:after {\n transform: scale3d(#{0 + ($i/100) }, #{0 + ($i/100) }, 1); } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/mixins/_progress.sass",".entity-attribute-images {\n height: auto;\n box-sizing: border-box;\n line-height: 59px;\n\n .uploads {\n display: none; }\n\n .image-list {\n margin-left: 205px;\n box-sizing: border-box;\n\n .maxImagesUploaded {\n p {\n color: #a7a7a7;\n line-height: 1;\n margin: 0.7em 0.2em;\n font-size: 0.7em; } }\n\n ul {\n @include clearfix;\n margin: 0;\n padding: 0;\n padding-top: grid-row(.5);\n list-style: none;\n line-height: 58px;\n box-sizing: border-box;\n display: inline-block;\n\n li {\n position: relative;\n margin-right: grid-row(.5);\n //margin-bottom: grid-row(.5)\n box-sizing: border-box;\n display: block;\n float: left;\n @include size(60px 60px);\n //overflow: hidden\n border-radius: 5px;\n //cursor: pointer\n\n a {\n display: block;\n @include size(100% 100%);\n line-height: 60px;\n text-align: center;\n overflow: hidden; }\n\n .deleteImage {\n position: relative;\n top: -24px;\n left: -4px;\n cursor: pointer;\n color: black;\n padding: 0.3px 5px;\n font-size: 1em;\n } //border: 1px solid lightgrey;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n overflow: hidden; }\n\n\n\n &.new-image {\n cursor: pointer;\n border: 2px solid $brand-primary;\n background: url(\"#{$baseImagePath}/icons/icon_plus.svg\");\n background-repeat: no-repeat;\n background-position: center center;\n &:hover:after {\n content: none; }\n input {\n display: block;\n height: 100%;\n width: 100%;\n opacity: 0;\n cursor: pointer; }\n button {\n display: none; } } } } } }\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_images.sass","// The clearfix mixin provides an easy way to contain floats\n//\n// Example usage:\n// .wrapper {\n// @include clearfix;\n// }\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n\n// Acknowledgements:\n// Thierry Koblentz, cssmojo\n// http://goo.gl/AQWvyH\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_clearfix.scss","// Set `width` and `height` in a single statement\n\n@mixin size($value) {\n $width: nth($value, 1);\n $height: $width;\n\n @if length($value) > 1 {\n $height: nth($value, 2);\n }\n\n @if is-size($height) {\n height: $height;\n }\n\n @else {\n @warn \"`#{$height}` is not a valid length for the `$height` parameter in the `size` mixin.\";\n }\n\n @if is-size($width) {\n width: $width;\n }\n\n @else {\n @warn \"`#{$width}` is not a valid length for the `$width` parameter in the `size` mixin.\";\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_size.scss",".entity-attribute-text, .entity-attribute-password {\n padding: 0;\n @include box-sizing(border-box);\n\n a {\n margin-left: grid-row(1);\n color: $brand-primary; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_link.sass",".entity-attribute-list {\n padding: 0;\n\n .content {\n padding-top: 0;\n padding-bottom: 0; }\n\n ul {\n display: block;\n @include size(100% 100%);\n @include box-sizing(border-box);\n background-color: transparent;\n padding: 0;\n margin: 0;\n border: none;\n line-height: grid-row(2);\n list-style: none;\n\n li {\n height: grid-row(2);\n line-height: grid-row(2);\n &:nth-child(even) {\n background-color: $dark-white; }\n a {\n display: block;\n @include size(100% 100%);\n text-decoration: none;\n color: $dark-gray;\n white-space: nowrap;\n padding-left: grid-row(.5);\n &:hover {\n background-color: $brand-primary; } }\n .couponline {\n font-size: 1.3em;\n margin-left: 10px;\n &.used {\n color: #d3d3d3; }\n span {\n padding-left: 5px; }\n .coupon {\n font-weight: bold; }\n .used {\n font-size: 0.7em; } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_list.sass",".entity-attribute-multiselect-combo-box {\n color: #000000;\n\n //Read only items below this line\n ul {\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n li {\n font-size: 0.7rem;\n color: #32343a;\n opacity: 0.5;\n &:before {\n content: \"-\";\n margin-right: 5px; } } }\n\n\n //Non read only items below this line\n .ui-widget {\n position: relative;\n margin-left: 205px;\n max-width: 400px;\n padding-top: 10px;\n\n input {\n display: block;\n height: auto;\n min-height: 40px;\n padding: 8px;\n font-size: 0.75rem;\n line-height: 1.6;\n border: 1px solid $lighter-gray;\n border-radius: 3px;\n text-indent: 0;\n color: $dark-gray;\n background: $whitish;\n\n &.ui-multiselect-input.hidden {\n display: none; }\n\n &:focus {\n outline: none;\n border-color: rgba($brand-primary, 0.75); } }\n\n\n .dropdown {\n position: absolute;\n right: 1px;\n top: 11px;\n width: 39px;\n height: calc(100% - 12px);\n background-color: rgba($lightest-gray, 0.5);\n border-radius: 0 3px 3px 0;\n cursor: pointer;\n @include flex(center, center);\n\n &.hidden {\n display: none; }\n\n &:after {\n content: '';\n display: block;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: $darkBlue transparent transparent transparent;\n opacity: 0.5; } } }\n .items {\n margin-left: 205px;\n max-width: 400px;\n padding: 10px 0;\n\n .item {\n position: relative;\n margin: 0 0 5px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: $medium-gray;\n padding: 5px 35px 5px 15px;\n background-color: $whitish;\n border-radius: 3px;\n @include flex(flex-start, center);\n\n .remove {\n position: absolute;\n right: 0;\n top: 0;\n @include flex(center, center);\n width: 35px;\n height: 100%;\n border-radius: 0 3px 3px 0;\n cursor: pointer;\n background-color: transparent;\n transition: background-color 0.1s;\n\n &:after {\n content: '';\n display: block;\n width: 20px;\n height: 20px;\n background: {\n image: url(\"/img/kms/icons/icon_cross_red.svg\");\n position: center;\n size: 50%;\n repeat: no-repeat; } }\n\n &:hover {\n background-color: lighten($neonRed, 10%);\n\n &:after {\n background-image: url(\"/img/kms/icons/icon_cross.svg\"); } } }\n\n\n .text {\n width: calc(100% - 30px); }\n\n .drag-icon {\n width: 30px;\n height: 30px;\n @include flex(flex-start, center);\n cursor: move;\n &.hidden {\n display: none; }\n\n &:after {\n content: '';\n background: {\n position: center;\n repeat: no-repeat;\n size: contain;\n image: url(\"/img/kms/icons/drag-dots.svg\"); }\n width: 9px;\n height: 16px;\n opacity: 0.2; } }\n\n\n &.readonly {\n .remove {\n display: none; } } } }\n\n\n .explanation {\n margin-left: 205px; } }\n\n.ui-menu.ui-autocomplete {\n padding: 0;\n margin: 0;\n list-style: none;\n border: 1px solid $lighter-gray;\n background-color: white;\n max-height: 500px;\n max-width: 400px;\n overflow: hidden;\n overflow-y: scroll;\n\n &.ui-widget.ui-widget-content {\n border-top: none; }\n\n\n\n li {\n font-size: 0.7rem;\n line-height: 1.6;\n color: $dark-gray;\n\n //Uncomment if selectmenu renders without div\n //border: none !important\n //padding: 4px 8px\n\n //Comment if selectmenu renders without div\n div {\n padding: 4px 8px;\n\n &.ui-state-active {\n border: none !important;\n background-color: $dark-white;\n color: $dark-gray;\n margin: 0 !important; } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_multiselect.sass",".entity-attribute-on-off {\n @include flex(flex-start, center);\n\n label {\n position: relative; }\n\n input {\n display: none; }\n\n .on-off-switch {\n position: relative;\n display: block;\n width: 35px;\n height: 20px;\n border-radius: 20px;\n background-color: $lightest-gray;\n //background-color: $neonRed\n cursor: pointer;\n transition: background 0.4s;\n\n &:after {\n content: '';\n position: absolute;\n display: block;\n left: 2px;\n top: 2px;\n height: 16px;\n width: 16px;\n border-radius: 100%;\n background-color: white;\n transform: translate3d(0,0,0);\n transition: transform 0.4s; }\n\n &.on {\n background-color: $neonGreen;\n\n &:after {\n transform: translate3d(15px, 0, 0); } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_onOffSwitch.sass",".entity-attribute-password {\n position: relative;\n\n .password {\n &.repeat {\n border-top: 1px solid $lightest-gray; } }\n\n .validationHelper {\n position: absolute;\n z-index: 3;\n top: -235px;\n left: 205px;\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, 10px, 0);\n transition: opacity 0.3s, transform 0.3s;\n transition-delay: 0s;\n width: calc(100% - 225px);\n height: 225px;\n max-width: 340px;\n background-color: white;\n box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);\n border-radius: 5px;\n\n h3 {\n font-size: 0.7rem;\n line-height: 1.6;\n color: rgba(white, 0.5);\n font-weight: 100;\n margin: 0;\n background-color: lighten($darkerBlue, 5%);\n padding: 12px 20px;\n border-radius: 5px 5px 0 0;\n text-transform: uppercase; }\n\n .success {\n @include flex(center, flex-end);\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 0.4s;\n border-radius: 5px;\n background: {\n image: url(\"#{$baseImagePath}/icons/success.gif\");\n position: top center;\n repeat: no-repeat;\n color: #12c06a; }\n\n p {\n margin: 0;\n opacity: 0.6;\n font-size: 0.8rem;\n letter-spacing: 0.8px;\n text-transform: uppercase; } }\n\n .requirements {\n padding: 10px 15px;\n\n p {\n font-size: 0.7rem;\n color: rgba($light-gray, 0.65);\n line-height: 0.85;\n\n span {\n display: inline-block;\n position: relative;\n padding: 0 5px;\n\n &:after {\n content: '';\n position: absolute;\n top: 4px;\n left: 0;\n display: block;\n width: 100%;\n height: 1px;\n transform: scaleX(0);\n transform-origin: 0 50%;\n background-color: $medium-gray;\n transition: transform 0.6s; } }\n\n &.info {\n color: $medium-gray;\n font-weight: bold;\n margin-bottom: 1rem;\n padding: 0 5px; }\n\n &.invalid {\n color: $neonRed;\n opacity: 0.8; }\n\n &.valid {\n span {\n &:after {\n transform: scaleX(1); } } } } }\n\n &:after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border: 0 solid transparent;\n border-left-width: 15px;\n border-right-width: 15px;\n border-top: 15px solid white;\n left: calc(50% - 7.5px);\n bottom: -15px;\n transition: border 0.4s; }\n\n &.active {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n pointer-events: all; }\n\n &.valid {\n opacity: 0;\n transition-delay: 4s;\n pointer-events: none;\n\n &:after {\n border-top-color: #12c06a; }\n\n .success {\n opacity: 1;\n z-index: 4; } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_password.sass",".entity-attribute-select {\n @include flex(flex-start, center);\n\n .select-wrapper {\n margin-left: 205px;\n width: calc(100% - 225px);\n max-width: 500px;\n\n .select-menu {\n display: none; }\n\n .ui-selectmenu-button {\n position: relative;\n display: block;\n font-size: 0.75rem;\n line-height: 1.6;\n padding: 8px;\n border: 1px solid $lighter-gray;\n border-radius: 3px;\n color: $dark-gray;\n background: $whitish;\n\n &:focus {\n outline: none;\n border-color: rgba($brand-primary, 0.75); }\n\n &:after {\n content: '';\n position: absolute;\n right: 12px;\n top: 17px;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 4px 5px 0 5px;\n border-color: $darkBlue transparent transparent transparent;\n opacity: 0.5; }\n\n &.dropdown-open {\n &:after {\n transform: rotate(180deg); } }\n\n .ui-icon {\n display: none; } } } }\n\n\n.ui-selectmenu-menu {\n display: none;\n margin: 0;\n\n &.ui-selectmenu-open {\n display: block; }\n\n ul {\n padding: 0;\n margin: 0;\n list-style: none;\n border: 1px solid $lighter-gray;\n background-color: white;\n max-height: 500px;\n overflow: hidden;\n overflow-y: scroll;\n\n &.ui-widget.ui-widget-content {\n border-top: none; }\n\n li {\n font-size: 0.7rem;\n line-height: 1.6;\n color: $dark-gray;\n\n //Uncomment if selectmenu renders without div\n //border: none !important\n //padding: 4px 8px\n\n &.ui-state-focus {\n background-color: $dark-white; }\n\n //Comment if selectmenu renders without div\n div {\n padding: 4px 8px;\n\n &.ui-state-active {\n border: 1px solid transparent !important;\n background-color: $dark-white;\n color: $dark-gray; } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_select.sass",".entity-attribute-separator {\n min-height: grid-row(1);\n background-color: $dark-white;\n -webkit-box-shadow: inset 0px 15px 15px -15px rgba($black,.15);\n -moz-box-shadow: inset 0px 15px 15px -15px rgba($black,.15);\n box-shadow: inset 0px 15px 15px -15px rgba($black,.15); }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_seperator.sass",".entity-attribute-sorter {\n padding: 0;\n\n .content {\n padding-top: 0;\n padding-bottom: 0; }\n\n ul {\n display: block;\n @include size(100% 100%);\n @include box-sizing(border-box);\n background-color: transparent;\n padding: 0;\n margin: 0;\n border: none;\n line-height: grid-row(2);\n list-style: none;\n\n li {\n height: grid-row(2);\n line-height: grid-row(2);\n white-space: nowrap;\n &:nth-child(even) {\n background-color: $dark-white; }\n a {\n display: block;\n @include size(100% 100%);\n text-decoration: none;\n color: $dark-gray;\n white-space: nowrap;\n padding-left: grid-row(.5);\n &:hover {\n background-color: $brand-primary; } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_sorter.sass",".entity-attribute-table {\n padding: 0;\n\n table {\n display: table;\n @include size(100% 100%);\n @include box-sizing(border-box);\n background-color: transparent;\n padding-left: 205px;\n margin-bottom: grid-row(.5);\n border: none;\n line-height: grid-row(1);\n\n th {\n font-weight: bold;\n font-size: 13px;\n text-align: left;\n color: #9ba0ae;\n text-transform: uppercase; }\n\n td {\n vertical-align: top;\n border-top: 1px solid $dark-white; } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_table.sass",".entity-attribute-text, .entity-attribute-password {\n padding: 0;\n @include box-sizing(border-box);\n\n &.error + .error {\n box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75);\n border: 1px solid $brand-danger;\n border-top: 0; }\n\n input {\n @include size(100% 100%);\n min-height: grid-row(2);\n background-color: transparent;\n text-indent: 205px;\n font-size: 0.7rem;\n border: 0;\n z-index: 99999;\n display: block;\n color: $dark-gray;\n @include box-sizing(border-box);\n @include attribute-focus; }\n\n &.error input {\n background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg');\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 10px 10px; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_text.sass",".entity-attribute-text-area {\n padding: 0;\n\n label {\n position: relative;\n display: inline-block;\n vertical-align: top;\n width: 160px; }\n\n .text-area-wrapper {\n display: inline-block;\n vertical-align: top;\n width: calc(100% - 195px);\n\n >textarea {\n display: block;\n width: 100%;\n padding: 20px 20px 20px 10px;\n\n min-height: 200px;\n background-color: transparent;\n border: none;\n line-height: grid-row(1);\n @include attribute-focus;\n font-size: 0.7rem;\n resize: vertical; } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textArea.sass",".entity-attribute-right {\n display: block;\n @include size(100% 100%);\n @include box-sizing(border-box);\n background-color: transparent;\n padding-left: 205px;\n padding-top: grid-row(.5);\n padding-bottom: grid-row(.5);\n border: none;\n line-height: grid-row(1); }\n\n.entity-attribute-text-editor {\n height: grid-row(9);\n padding: 0;\n position: relative;\n\n .text-editor-wrapper {\n margin-left: 197px;\n height: 100%; }\n\n textarea {\n display: block;\n @include box-sizing(border-box);\n padding-top: grid-row(.5);\n padding-bottom: grid-row(.5);\n border: none;\n line-height: grid-row(1);\n @include attribute-focus;\n font-size: 0.8rem;\n color: $dark-gray; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textEditor.sass",".entity-attribute-text .ex-tax-info {\n position: absolute;\n top: 0;\n right: grid-row(1);\n font-size: $font-size-small;\n color: $light-gray; }\n\ninput.tax-included-field {\n border-bottom: 1px solid $lightest-gray;\n\n &:active, &:focus {\n border-bottom: 1px solid $lightest-gray; } }\ndiv.price {\n float: left;\n width: 50%; }\ndiv.minimum_quantity {\n float: left;\n width: 25%; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_textCurrency.sass",".entity-attribute-title {\n\n h3 {\n padding-left: 30px;\n color: $brand-primary;\n font-size: 0.8rem;\n font-weight: $font-weight-bold;\n text-transform: uppercase;\n margin: 0; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_title.sass",".entity-attribute-view {\n padding: 0;\n @include box-sizing(border-box);\n\n &.error + .error {\n box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75);\n border: 1px solid $brand-danger;\n border-top: 0; }\n\n .content {\n padding: grid-row(2) grid-row(1) 0 grid-row(1); } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_view.sass",".entity-attribute-dynamic {\n background: url(\"#{$baseImagePath}/background.jpg\");\n line-height: 1.2;\n padding-top: 40px;\n\n .inner {\n width: 85%;\n margin: auto; }\n\n block {\n position: relative;\n display: block;\n\n &.locked {\n .start .buttons, .end, .dynamic-block-status {\n display: none; } } }\n\n full-image-block {\n .max-images {\n .entity-attribute-images {\n border-bottom: none; } } }\n\n\n label {\n position: relative;\n margin: 0 0 20px;\n padding-left: 20px;\n //margin: 0 7.5% 20px\n width: 200px; }\n\n >label {\n margin-left: 7.5%; }\n\n .row {\n border-bottom: 1px solid #e0e6ec;\n margin: 0;\n\n &.no-margin-bottom {\n margin-bottom: 0; }\n\n &:last-of-type {\n border-bottom: none;\n margin-bottom: 0; }\n\n &.hidden {\n display: none; }\n\n label {\n position: absolute;\n &.text-label {\n line-height: 60px; } }\n\n input:not([type=radio]) {\n height: 100%;\n width: calc(100% + 60px);\n position: relative;\n left: -30px;\n min-height: grid-row(2);\n background-color: transparent;\n text-indent: 230px;\n border: 0;\n z-index: 99999;\n display: block;\n @include box-sizing(border-box);\n @include attribute-focus;\n font-size: 0.7rem; }\n\n .radio-wrapper {\n display: block;\n margin-top: 30px;\n margin-left: 200px;\n padding-bottom: 30px;\n\n label {\n position: relative;\n width: initial;\n text-align: center; }\n .radio {\n float: none;\n display: inline-block;\n text-align: center;\n margin-right: 5px;\n img {\n width: 50px;\n margin: 0 auto 8px; }\n input {\n margin: auto; }\n\n label {\n padding-left: 0;\n margin-bottom: 10px; } } }\n\n .text-editor-wrapper {\n margin-top: 30px;\n margin-left: 191px;\n .mce-toolbar-grp {\n margin-top: -25px; } }\n .clear {\n clear: both; } }\n\n .header {\n padding-left: 30px;\n height: 60px;\n line-height: 30px;\n border: 1px solid #B3B1B3;\n background: $dark-gray;\n @include flex(space-between, center);\n\n .btn {\n margin: 10px 25px; }\n\n .block-title {\n color: $white;\n font-weight: 600;\n text-transform: uppercase;\n display: inline-block;\n font-size: 0.8rem; }\n\n\n input {\n display: inline-block;\n min-width: 90px;\n margin-right: 5px;\n font-size: 13px;\n cursor: pointer;\n\n &.remove {\n padding: 0;\n margin-left: 20px;\n\n height: 16px;\n width: 16px;\n min-width: 0;\n line-height: 10px;\n\n background: #FF5F56;\n border-radius: 50%;\n border: 1px solid #E0463F;\n\n color: #981005;\n font-size: 12px;\n font-weight: 700;\n text-align: center; } } }\n\n .tab-titles {\n height: grid-row(1);\n height: 50px;\n margin-left: -30px;\n margin-bottom: 30px;\n padding-right: 60px;\n width: 100%;\n border: 1px solid #b3b1b3;\n .tab-title {\n background-color: $dark-white;\n -webkit-box-shadow: inset 0px 15px 15px -15px rgba($black,.15);\n -moz-box-shadow: inset 0px 15px 15px -15px rgba($black,.15);\n box-shadow: inset 0px 15px 15px -15px rgba($black,.15);\n display: inline-block;\n padding: 16px 30px;\n border-left: 1px solid #b3b1b3;\n border-right: 1px solid #b3b1b3;\n margin-left: -1px;\n cursor: pointer;\n color: #d3d3d3;\n position: relative;\n min-width: 50px;\n .move {\n position: absolute;\n top: -20px;\n width: 15px;\n &.tab-left {\n padding-left: 10px;\n left: 0; }\n &.tab-right {\n right: 0;\n padding-right: 10px; } }\n &.add-tab {\n @include background(linear-gradient(to bottom, #59db81 12%, #59db81 50%, #5bd282 51%, #5bd282 100%));\n color: white;\n border: none;\n font-weight: bolder; }\n &.active {\n background-color: #dfdfdf;\n color: black; } } }\n .btn {\n float: right;\n width: 20px;\n height: 30px;\n\n &.btn-trash {\n width: 35px;\n height: 35px;\n background-color: #FF323C;\n background-image: url(\"#{$baseImagePath}/icons/icon_trash.svg\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: 16px 16px;\n cursor: pointer;\n border-radius: 5px; } }\n\n .start, .end {\n @include flex(center, center); }\n\n .buttons {\n @include flex(space-between, center);\n width: 50px;\n margin-left: 20px;\n\n .position-button {\n height: 18px;\n width: 18px;\n cursor: pointer;\n\n &.up {\n background: url(\"#{$baseImagePath}/icons/icon_up.svg\");\n background-repeat: no-repeat; }\n &.down {\n background: url(\"#{$baseImagePath}/icons/icon_down.svg\");\n background-repeat: no-repeat; } } }\n\n\n .add-new-block-row {\n padding: 30px 0 100px 0;\n width: 85%;\n margin: auto;\n height: auto;\n background: url(\"#{$baseImagePath}/background.jpg\");\n\n select {\n margin-right: 10px;\n min-width: 300px; }\n\n input {\n cursor: pointer; } }\n\n // Angular directive\n content-block, page-link-block, image-slider-block, video-block, file-block, two-column-block , multiple-images-block, full-image-block, full-text-block, view-block, intro-block, quote-block {\n display: block;\n padding: 30px;\n\n background: #fff;\n border-bottom: 1px solid #E0E6EC;\n\n margin-bottom: 30px;\n & .toggle + label.toggle-label {\n left: 0px; }\n .entity-attribute-on-off {\n line-height: 1; }\n\n .radio-wrapper {\n display: inline-block;\n clear: both;\n .radio {\n display: block;\n float: left;\n width: 70px;\n input {\n margin-left: 10px; } } } }\n\n content-block .video, content-block .status {\n margin-top: 30px; }\n\n file-block {\n span {\n display: block;\n height: 50px;\n width: 50px;\n margin-left: 5px;\n &.pdf-icon {\n background: rgba(0, 0, 0, 0) url(\"#{$baseImagePath}/pdf-icon.png\") repeat scroll 0 0 / 50px 50px; }\n &.file-icon {\n background: rgba(0, 0, 0, 0) url(\"#{$baseImagePath}/file-icon.png\") repeat scroll 0 0 / 50px 50px; }\n &.file-icon:hover, &.pdf-icon:hover {\n background: #f2303f url(\"#{$baseImagePath}/icons/icon_trash.svg\") no-repeat 50% 50% / 25px 25px; } }\n\n input {\n min-width: 300px;\n border: 1px solid #E0E6EC;\n margin: 0 0 24px 0; }\n\n .text-editor-wrapper {\n border: 1px solid #E0E6EC;\n margin: 0 0 24px 0; } }\n\n .entity-attribute-images {\n label {\n position: absolute;\n line-height: 21px;\n padding-top: 15px; }\n\n .image-list {\n margin-left: 200px; } }\n\n .entity-attribute-on-off {\n position: absolute;\n top: 22px;\n right: 120px;\n min-height: initial;\n border-bottom: none;\n @include flex(space-between, center);\n &:first-child {\n margin-right: 10px; }\n label {\n width: 100px; }\n .toggle+label.toggle-label {\n top: 0; } }\n\n .two-blocks {\n @include flex(flex-start, flex-start);\n .block-wrapper {\n padding-left: 50px;\n border-left: 1px solid #E0E6EC;\n &:first-child {\n border-left: none;\n padding-left: 0; } } }\n\n video-block {\n .video {\n color: $light-gray;\n height: 200px;\n @include flex(flex-start, center);\n .info {\n display: inline-block;\n width: 440px;\n label {\n margin-bottom: 0; }\n\n label.youtube-link {\n display: inline-block;\n width: auto;\n padding-left: 0;\n text-transform: none;\n font-size: 0.7rem;\n margin: 0 0 0 20px;\n color: $dark-gray; } }\n\n input[type='text'] {\n display: inline-block;\n width: auto;\n height: auto;\n min-height: 35px;\n text-indent: 5px;\n border: 1px solid $lightest-gray;\n @include attribute-focus; }\n\n .auto-play {\n margin-top: 20px;\n margin-bottom: 8px; }\n\n input[type='checkbox'] {\n margin-left: 20px;\n display: block;\n height: 15px; }\n\n .preview-image {\n display: inline-block;\n width: 205px;\n img {\n width: 100%; } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_dynamic.sass",".entity-attribute-date-picker {\n line-height: 1;\n min-height: 0;\n padding: 15px 0;\n\n label {\n display: inline-block;\n position: relative; }\n\n input {\n display: inline-block;\n text-indent: 0;\n @include attribute-focus; }\n\n .date-field {\n position: relative;\n display: inline-block;\n width: 175px;\n cursor: pointer;\n\n .icon {\n position: absolute;\n pointer-events: none;\n left: 20px;\n top: 19px;\n img {\n width: 20px;\n max-height: 23px; } }\n\n\n input {\n min-height: 0;\n width: 100%;\n text-align: right;\n padding: 23px 25px;\n border: 1px solid $lighter-gray;\n border-radius: 4px;\n cursor: pointer;\n\n &:focus {\n border-color: rgba($brand-primary, 0.75); } } }\n\n .time-field {\n display: inline-block;\n width: 101px;\n border: 1px solid $lighter-gray;\n border-radius: 4px;\n\n &.hidden {\n display: none; }\n\n >span {\n display: inline-block;\n width: 10px;\n color: $light-gray;\n font-size: 0.8rem;\n line-height: 1;\n text-align: center; }\n\n .ui-spinner {\n position: relative;\n border: none !important;\n margin: 0;\n width: 40px;\n\n input {\n width: 100%;\n margin: 0;\n padding: 23px 10px;\n min-height: 0;\n text-align: center;\n\n &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {\n @include appearance(none); } }\n\n .ui-spinner-button {\n position: absolute;\n left: 0;\n @include flex(center, center);\n width: 100%;\n height: 15px;\n cursor: pointer;\n border: none !important;\n background-color: transparent;\n\n .ui-icon {\n position: relative;\n top: 0;\n left: 0;\n margin-top: 0;\n margin-left: 0;\n width: 8px;\n height: 4px;\n background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\");\n background-position: center;\n background-size: contain;\n transform-origin: center;\n opacity: 0;\n transition: opacity 0.3s; }\n\n &.ui-spinner-up {\n top: 0;\n .ui-icon {\n transform: rotate(180deg); } }\n\n &.ui-spinner-down {\n bottom: 0; } }\n\n &:hover {\n .ui-spinner-button {\n background: rgba($light-gray, 0.08);\n .ui-icon {\n opacity: 0.4; }\n\n &:hover {\n background: rgba($light-gray, 0.14);\n .ui-icon {\n opacity: 1; } } } } } } }\n\n\n#ui-datepicker-div {\n position: fixed;\n left: -100vh;\n min-width: 285px;\n width: 320px;\n margin-top: 5px;\n padding: 15px;\n border: 1px solid $lighter-gray;\n border-radius: 4px;\n background-color: white;\n box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);\n\n .ui-datepicker-header {\n position: relative;\n padding: 0;\n margin: 0 0 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n .ui-datepicker-prev, .ui-datepicker-next {\n position: absolute;\n top: 5px;\n @include flex(center, center);\n width: 25px;\n height: 25px;\n border: none !important;\n border-radius: 100%;\n cursor: pointer;\n background: transparent;\n transition: background-color 0.3s;\n\n &:hover {\n background: rgba($light-gray, 0.2); }\n\n &:focus {\n outline: 0;\n box-shadow: none; }\n\n .ui-icon {\n position: relative;\n left: 0;\n top: 4px;\n margin-left: 0;\n margin-right: 0;\n width: 8px;\n height: 4px;\n transform-origin: center;\n background-image: url(\"/img/kms/icons/icon_triangle_down_grey.svg\");\n background-size: contain;\n background-position: center; } }\n\n .ui-datepicker-next {\n right: 2px !important;\n .ui-icon {\n transform: rotate(-90deg); } }\n\n .ui-datepicker-prev {\n left: 2px !important;\n .ui-icon {\n left: -2px;\n transform: rotate(90deg); } }\n\n .ui-datepicker-title {\n width: 100%;\n margin: 0;\n\n select {\n @include appearance(none);\n border: none !important;\n margin: 0;\n padding: 10px 5px;\n background-color: transparent;\n font-size: 0.8rem;\n line-height: 1.2;\n font-weight: 400;\n color: $brand-secondary;\n cursor: pointer;\n\n &:focus {\n outline: 0;\n box-shadow: none; }\n\n &.ui-datepicker-month {\n direction: rtl;\n width: 48%; }\n\n &.ui-datepicker-year {\n width: 42%; } } } }\n\n\n table {\n width: 100%;\n border-spacing: 0;\n margin-bottom: 0;\n\n thead {\n background-color: rgba($lightest-gray, 0.4);\n border-radius: 4px;\n\n tr {\n @include flex(space-between, center); }\n\n th {\n @include flex(center, center);\n padding: 0;\n width: 36px;\n height: 36px;\n font-size: 0.7rem;\n line-height: 1;\n font-weight: 400;\n color: $light-gray; } }\n\n tbody {\n display: block;\n margin-top: 5px;\n\n tr {\n @include flex(space-between, center); }\n\n td {\n @include flex(center, center);\n padding: 0;\n\n a {\n position: relative;\n @include flex(center, center);\n width: 36px;\n height: 36px;\n margin: 0;\n padding: 0;\n text-align: center;\n background-color: transparent;\n font-size: 0.7rem;\n color: $light-gray;\n text-decoration: none;\n border: none;\n\n &:after {\n content: '';\n position: absolute;\n z-index: -1;\n left: 7.5%;\n top: 7.5%;\n height: 85%;\n width: 85%;\n border-radius: 100%;\n background-color: transparent;\n transition: background-color 0.2s; }\n\n &:hover {\n &:after {\n background-color: rgba($light-gray, 0.1); } } }\n\n .ui-priority-secondary {\n opacity: 0.4; }\n\n .ui-state-highlight {\n &:after {\n background-color: rgba($brand-primary, 0.1); } }\n\n .ui-state-active {\n color: white;\n font-weight: bold;\n &:after {\n background-color: $brand-primary !important; } } } } } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_datePicker.sass"],"sourceRoot":""}