File: D:/HostingSpaces/SBogers10/spire-checkout.komma-mediadesign.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/attributes/_attributes.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_documents.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/_autocompleteinput.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,4ECuDH,mDDvDG,4EExBF,2DFwBE,4EEtBF,iDFsBE,4ECsEH,ODhEC,SGvBF,UACE,mBAEA,gBACA,cACA,YACA,cAOA,mBACE,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,0BC1EF,qCD0FE,UACE,kBAEF,aACE,wBF2bH,CG9hBD,qCDuGE,UACE,kBAEF,aACE,wBF6bH,CGxiBD,oCD+GE,UACE,kBAEF,aACE,wBF+bH,CGljBD,oCDuHE,UACE,kBAEF,aACE,wBFicH,CGvjBD,qCD0FE,UACE,mBAEF,aACE,yBFmeH,CGtkBD,qCDuGE,UACE,mBAEF,aACE,yBFqeH,CGhlBD,oCD+GE,UACE,mBAEF,aACE,yBFueH,CG1lBD,oCDuHE,UACE,mBAEF,aACE,yBFyeH,CG/lBD,qCD0FE,UACE,UAEF,aACE,gBF2gBH,CG9mBD,qCDuGE,UACE,UAEF,aACE,gBF6gBH,CGxnBD,oCD+GE,UACE,UAEF,aACE,gBF+gBH,CGloBD,oCDuHE,UACE,UAEF,aACE,gBFihBH,CGvoBD,qCD0FE,UACE,mBAEF,aACE,yBFmjBH,CGtpBD,qCDuGE,UACE,mBAEF,aACE,yBFqjBH,CGhqBD,oCD+GE,UACE,mBAEF,aACE,yBFujBH,CG1qBD,oCDuHE,UACE,mBAEF,aACE,yBFyjBH,CG/qBD,qCD0FE,UACE,mBAEF,aACE,yBF2lBH,CG9rBD,qCDuGE,UACE,mBAEF,aACE,yBF6lBH,CGxsBD,oCD+GE,UACE,mBAEF,aACE,yBF+lBH,CGltBD,oCDuHE,UACE,mBAEF,aACE,yBFimBH,CGvtBD,qCD0FE,UACE,UAEF,aACE,gBFmoBH,CGtuBD,qCDuGE,UACE,UAEF,aACE,gBFqoBH,CGhvBD,oCD+GE,UACE,UAEF,aACE,gBFuoBH,CG1vBD,oCDuHE,UACE,UAEF,aACE,gBFyoBH,CG/vBD,qCD0FE,UACE,mBAEF,aACE,yBF2qBH,CG9wBD,qCDuGE,UACE,mBAEF,aACE,yBF6qBH,CGxxBD,oCD+GE,UACE,mBAEF,aACE,yBF+qBH,CGlyBD,oCDuHE,UACE,mBAEF,aACE,yBFirBH,CGvyBD,qCD0FE,UACE,mBAEF,aACE,yBFmtBH,CGtzBD,qCDuGE,UACE,mBAEF,aACE,yBFqtBH,CGh0BD,oCD+GE,UACE,mBAEF,aACE,yBFutBH,CG10BD,oCDuHE,UACE,mBAEF,aACE,yBFytBH,CG/0BD,qCD0FE,UACE,UAEF,aACE,gBF2vBH,CG91BD,qCDuGE,UACE,UAEF,aACE,gBF6vBH,CGx2BD,oCD+GE,UACE,UAEF,aACE,gBF+vBH,CGl3BD,oCDuHE,UACE,UAEF,aACE,gBFiwBH,CGv3BD,qCD0FE,WACE,mBAEF,cACE,yBFmyBH,CGt4BD,qCDuGE,WACE,mBAEF,cACE,yBFqyBH,CGh5BD,oCD+GE,WACE,mBAEF,cACE,yBFuyBH,CG15BD,oCDuHE,WACE,mBAEF,cACE,yBFyyBH,CG/5BD,qCD0FE,WACE,mBAEF,cACE,yBF20BH,CG96BD,qCDuGE,WACE,mBAEF,cACE,yBF60BH,CGx7BD,oCD+GE,WACE,mBAEF,cACE,yBF+0BH,CGl8BD,oCDuHE,WACE,mBAEF,cACE,yBFi1BH,CGv8BD,qCD0FE,WACE,WAEF,cACE,iBFm3BH,CGt9BD,qCDuGE,WACE,WAEF,cACE,iBFq3BH,CGh+BD,oCD+GE,WACE,WAEF,cACE,iBFu3BH,CG1+BD,oCDuHE,WACE,WAEF,cACE,iBFy3BH,CG/+BD,qCD0FE,WACE,oBAEF,cACE,0BF25BH,CG9/BD,qCDuGE,WACE,oBAEF,cACE,0BF65BH,CGxgCD,oCD+GE,WACE,oBAEF,cACE,0BF+5BH,CGlhCD,oCDuHE,WACE,oBAEF,cACE,0BFi6BH,CGvhCD,qCD0FE,WACE,oBAEF,cACE,0BFm8BH,CGtiCD,qCDuGE,WACE,oBAEF,cACE,0BFq8BH,CGhjCD,oCD+GE,WACE,oBAEF,cACE,0BFu8BH,CG1jCD,oCDuHE,WACE,oBAEF,cACE,0BFy8BH,CIjkCH,wBACE,qDACA,oEAKF,cACE,cACA,eACA,cACA,oBAEA,wBACE,8BACA,aARJ,sCAWM,8BAEJ,yCACE,WACA,kBACA,MACA,eACA,YACA,4BAnBJ,qBAsBI,eAtBJ,oBAyBI,gBCrCJ,YACE,eACA,QACA,SACA,WACA,YACA,cACA,mBFAA,qCEPF,YAWI,eL2nCD,CGpoCD,qCEFF,YAsBM,gBLsnCH,CG1oCD,qCEFF,YAsBM,iBL4nCH,CGhpCD,oCEFF,YAsBM,gBLkoCH,CGtpCD,oCEFF,YAsBM,gBLwoCH,CM3pCH,KACE,eAEF,KACE,WACA,6BACA,yBAHF,WAMI,eACA,MACA,QACA,SACA,WACA,cAXJ,WAcI,6BAEJ,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,mBAEF,2CACE,eACA,kBACA,cAEJ,QACE,eAGF,2CACE,WACA,UACA,oBC3EE,0BCEF,GACE,gFACF,IACE,oFACF,IACE,4EACF,IACE,wEACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,gFACF,IACE,sFACF,IACE,8EACF,GACE,kFRsxCD,CO1xCC,kBCjBF,GACE,gFACF,IACE,oFACF,IACE,4EACF,IACE,wEACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,gFACF,IACE,sFACF,IACE,8EACF,GACE,kFRk3CD,COz4CC,0BC0BF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRw4CD,COp6CC,kBCOF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRo+CD,CS1hDH,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,kEFeI,kCACE,mBApBR,gCAuBQ,cACA,WACA,YACA,iBA1BR,+BA6BQ,wBACA,SACA,cACA,iBACA,gBAjCR,6BAuCM,iBACA,aACA,yBACA,gBACA,cAEF,0BACE,WACA,YACA,aACA,kBACA,gBACA,cAEA,iBACA,yBACA,uJAvDN,gCA0DQ,UACA,sFA3DR,uCA8DQ,yBACA,YACA,WACA,kBACA,eACA,wEAEA,6CACE,yBAEN,sBACE,cACA,gBACA,gBI3EN,UACE,kBACA,MACA,OACA,YACA,aACA,sBAIA,2BACE,eACA,gCACA,kBAEA,8BACE,iBACA,cACA,gBACA,SAnBN,6BAqBM,gBACA,cACA,WACA,SACA,gBAzBN,gCAgCM,YACA,6BACA,gCACA,gBACA,YAEA,yBACA,uDACA,4BACA,wBAEA,sCACE,WACA,YACA,UACA,SACA,YACA,gBACA,gBACA,iBACA,0GD3BA,gVCzBR,4CLHE,qBACA,UACA,wKKCF,sCAwDM,aACA,YACA,WACA,gCACA,4FACA,SACA,sBAEA,cACA,gBACA,cAEA,2CACE,qBAEA,gBACA,cAEJ,iCACE,aACA,2BA5EN,wDAgFU,aAEA,+DACE,cAEA,iEACE,6BACA,cAvFd,uEA0FgB,sCAEF,mEACE,SACA,wBA9FhB,0EAiGkB,8BACA,cACA,cACA,gBACA,WArGlB,wCA0GQ,cA1GR,iEFHE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEEJF,oBAoHI,YACA,WACA,6BACA,gCACA,4FAEA,cACA,gBACA,cACA,qBAEA,yBACE,qBACA,WACA,YACA,cACA,yBACA,mBACA,sBAtIN,gCAyIQ,WACA,qDACA,4BACA,wBACA,qBACA,WACA,YA/IR,0BAkJM,yBACA,WAKJ,0BACE,kBACA,WACA,YACA,6BA5JJ,2CFHE,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEE4JI,WACA,YACA,qBACA,cACA,gBACA,kBACA,eAtKN,kDAyKQ,WACA,qBACA,WACA,YACA,wDACA,4BACA,sBACA,kBAEF,sDACE,kBACA,OACA,MACA,UACA,oBACA,WACA,yBACA,WAEA,2DACE,UACA,UACA,mBA/LV,6DAkMU,2DAYN,mCACE,aA/MN,yBAkNI,kBACA,2BACA,cACA,kBArNJ,4BA8NM,SACA,UACA,gBAEA,wCACE,yBACA,cACA,kBArOR,+BAyOQ,kBACA,gBAGF,kDACE,YACA,WACA,yBACA,sCAjPR,gDAqPQ,sBACA,wEAtPR,8DA0PU,yBAIF,qHACE,sCFhQR,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEE6PQ,YACA,WACA,qBACA,gBACA,cACA,eACA,gBAvQV,iIA2QY,yBACA,cA5QZ,mIAiRY,yBACA,WACA,+IACE,yBAGN,8DACE,qBACA,YACA,UACA,6BAEA,oFACE,yBA9RZ,oFAgSY,yBAhSZ,oFAkSY,yBAlSZ,oFAoSY,yBApSZ,oFAsSY,yBAtSZ,oFAwSY,yBAxSZ,kDA2SU,SACA,wBA5SV,sDFHE,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEE6SQ,WACA,YACA,cACA,mBACA,sCACA,wBACA,sBACA,gBAxTV,0DA2TY,WACA,YAEF,2DACE,gBACA,cACA,kBACA,QAlUZ,0DAsUU,kBACA,QACA,0BFzUR,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEEsUQ,iCACA,WACA,YACA,eA7UV,iEA+UY,WACA,qBACA,WACA,WACA,8DACA,wBACA,4BACA,kJAIA,iFACE,0DA3Vd,uCA+VQ,yBACA,mDACE,0BAjWV,sDAsWQ,kBACA,YAvWR,wDA0WU,6DDjVF,yCCqVA,uEDzWA,iDAoBA,yCEzBR,QACE,kBACA,MACA,QACA,SACA,WACA,yCAKA,uBFNM,sCAKA,mCAKA,2DDZN,oDGUE,aACA,kBACA,kBACA,mBACA,8GAGA,wEHvBF,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yCGgBE,iDACE,4DFXE,gCAKA,sDDZN,+CGHF,mEAyBQ,kBACA,YACA,aACA,gBACA,sBACA,mBACA,yBAEA,kBACA,kBACA,iBACA,gBACA,cArCR,uEAwCU,WACA,YACA,yCA1CV,yEA6CU,WACA,kBACA,cACA,WACA,YACA,MACA,OACA,UCHR,uHDjDF,oDAwDQ,cACA,yBACA,kBACA,iBACA,WA5DR,uCAgEM,YAhEN,2FAmEQ,qBACA,mBACA,YACA,0CF5DA,qBAKA,oBAKA,mBAKA,gBE+CA,YACA,eACA,wEA1ER,uGA4EU,aAEJ,6CACE,YACA,yBACA,WACA,gBAlFR,sDAqFU,oBACA,yBACA,yBAvFV,mDA2FU,yBA3FV,8CA+FQ,WACA,yBACA,sDACA,4BACA,4BACA,0BAEA,oDACE,yBAvGV,qBA4GI,WACA,YACA,kBACA,yBAEA,wBHpHF,oBAEA,iCCMM,mCAKA,gCAKA,4DALA,0BAKA,gDDZN,+CACA,8DG+GI,SACA,UACA,gBACA,YAEA,2BACE,yBACA,aACA,YACA,iBACA,0BACA,2OAEA,6BACE,cACA,YACA,WACA,WACA,gBACA,qBACA,yBACA,eAxIV,iCA2IU,yBAEF,kCACE,sBA9IV,oCAgJY,cAhJZ,iCAmJU,yBAIR,2BACE,kBACA,UACA,SACA,WACA,cACA,sBAEA,kDACE,kBACA,UACA,qBAlKN,sDAoKQ,cACA,cACA,eAtKR,wDAwKQ,gBACA,eACA,iBACA,gBACA,cACA,yBACA,gBACA,mBAEN,8CACE,aAlLJ,4DAqLM,cAON,yBAEI,gBACA,SACA,UACA,4BACE,gBACA,kBACA,kBAIE,mDACE,WACA,qBACA,YACA,WACA,gDACA,wBACA,4BACA,kBACA,UACA,SElNV,SNUE,eAGE,MAQA,SAIA,OMvBF,aACA,oBACA,YACA,yBAEA,2BACE,YACA,WACA,qDACA,sBAXJ,6BLHE,oBAEA,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEKWI,WACA,YACA,eACA,qBAEA,iCACE,WACA,YAEF,+BACE,WACA,iBACA,gBA3BR,wBJKQ,sCAKA,mCAKA,2DDZN,oDK+BE,qBACA,oCACA,iBACA,kBACA,aACA,YAvCJ,uDLHE,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yCKJF,+BA0CM,iDJhCE,4BAKA,mDDZN,4CKyCI,WACA,YACA,SACA,qCACA,mBAGE,2CACE,WAEE,gDACA,wBACA,wBACA,4BACF,WACA,YACA,WA5DV,oCA+DQ,kBACA,OACA,MACA,cACA,WACA,YACA,mBAEE,wBACA,sBACA,4BAzEV,8BA4EM,wBA5EN,iCA+EQ,WACA,iBACA,SAjFR,qBAyFI,cACA,eAEA,wCACA,YAEA,wBACE,cACA,SACA,UACA,gBAEA,2BACE,kBACA,cACA,WACA,gBACA,2CACA,6BACA,wEA5GR,sCA+GU,kBACA,SACA,WACA,cACA,mBACA,uBACA,0CACA,sDACA,WAvHV,6DLHE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEKuHQ,YACA,WACA,kBACA,WACA,qBACA,eAhIV,yEAoIY,oCApIZ,6CAwIY,0DAxIZ,2EA0IY,yBAEF,qCACE,cA7IZ,uGAiJc,oCAjJd,8BAqJU,aACA,kBACA,WACA,4GACA,yBACA,YACA,4CACA,gBA5JV,yEA+Jc,kBA/Jd,kBAsKI,kBACA,SACA,WACA,gCL1KF,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEKuKE,eACA,oCACA,YACA,wCACA,WACA,qBACA,gBACA,wEAEA,wBACE,oCCzLN,YACE,eACA,aACA,oBACA,aACA,MACA,OACA,WACA,YARF,iBAWI,YACA,uCNTF,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEMOA,oBACE,kBACA,UACA,OACA,MACA,WACA,YACA,gCAtBJ,mBAyBI,cACA,0BACA,gBACA,WACA,gBACA,sBACA,UA/BJ,2BAkCM,kBACA,yBAnCN,8BAsCQ,gBACA,gBACA,0BACA,gBACA,SACA,yBACA,kBA5CR,yBA+CM,uBAEA,2BACE,gBACA,gBACA,cACA,SACA,kBAtDR,kCNCE,oBAEA,iCMuDM,gBA1DR,2ELSQ,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEMRF,yCNCE,oBAEA,iCM2DQ,qBACA,YACA,YACA,YACA,kBAEA,WACA,gBACA,gBACA,eAvEV,gDA0EY,iBA1EZ,iDA6EY,yBA7EZ,uDAgFc,yBAEJ,gDACE,yBAnFZ,sDAqFc,yBAGd,gBACE,iBACA,kBAEA,wBACE,qBACA,kBACA,gBACA,kBAEA,mCACE,eCnGN,YACE,aACA,eACA,2CN0BM,sBMxBN,gBACA,gBACA,gBACA,yBACA,eACA,iBACA,kBACA,iBAEA,kBACE,WACA,cACA,kBACA,QACA,SACA,uBAEJ,6EAGE,YACA,uBACA,mBACA,8BACA,+BACA,sBAEF,sFAGE,SACA,0BACA,gBACA,8BACA,+BACA,yBAEF,+CAEE,SACA,iBAEF,yDAEE,UAEF,2DAEE,WAEF,uBACE,WACA,QACA,gBACA,wBACA,kBACA,6BACA,gCACA,uBAEF,wBACE,UACA,QACA,gBACA,yBACA,iBACA,6BACA,gCACA,wBCzEF,eACE,eACA,SACA,YACA,iCRDA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEQDA,gBACA,gBACA,SACA,kBACA,mCACA,kBACA,6BACA,oFAEA,gBACA,gBACA,WACA,oBAEA,8BACA,sBACA,kCACA,0BAxBF,8BA2BI,qBAEF,8BACE,qBA9BJ,8BAiCI,qBAEJ,8BACE,GACE,UACA,yCACA,iCACF,GACE,UACA,uBACA,enBm4FD,CmBj4FH,sBACE,GACE,UACA,yCAEA,iCACF,GACE,UACA,uBAEA,enBu4FD,CoB97FH,aAEE,iBACA,UACA,kBACA,yBACA,mBACA,iBACA,gBACA,aACA,UACA,kCAXF,gBAaI,gBACF,gBACE,SACA,eAhBJ,sBAkBM,cACA,kCCnBN,aACE,iBACA,kBACA,gBACA,gCACE,gBACA,+BACA,kBACA,mBACF,gBACE,cAVJ,0BAYI,6BAZJ,0CAcM,yBAdN,4BAgBI,gCACF,eACE,cACA,qBAEJ,kBACE,kBADF,0CAGI,UACA,iBCxBF,iCACE,kBACA,SAEJ,kBACE,kBACA,gBACA,gCACA,eACA,+CVmBM,sBUxBR,wBASI,kBACA,cACA,YACA,iBACA,gBACA,cACA,yBACA,gBACA,mBAEF,wBACE,yBApBJ,8BAsBM,cAtBN,yBAyBI,aAzBJ,2BA4BI,kBACA,6BAEA,iBAGA,6BACA,SACA,cACA,4CVbI,sBUxBR,mCAyCI,kBACA,gBACA,cACA,WACA,qFACA,mBAEF,wBACE,YACA,WACA,gBACA,6BACA,kBACA,gBACA,SACA,cACA,cACA,cACA,oDACA,gVA5DJ,+BA+DI,cACA,oBACA,cACA,gBACA,gBACA,iBCzEJ,4BACE,kBACA,oBAEA,qCACE,kBACA,sBACA,yBACA,iBACA,UATJ,+CAYM,sCZTJ,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEYMI,WACA,gBACA,YACA,aAGA,4EApBN,uDA0CQ,WACA,qBAEF,yDACE,eACA,6BA/CR,gEAkDQ,aAlDR,sDAqDQ,cACA,WACA,YACA,mBAEE,yBACA,wBACA,sBAEF,yEACE,yBA/DV,yEAiEU,yBACF,kJACE,yBACF,mJACE,yBACF,yEACE,yBAvEV,yEAyEU,yBACF,0EACE,yBACF,qSACE,yBA7EV,qFZCE,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEYRF,2FAmFY,gCACA,gBACA,yBACA,gBACA,gBACA,cAxFZ,gEA2FQ,yBACA,eAEA,sEACE,cACA,aACA,gBAEA,sGXtEF,gVJrBN,4EAPA,qBACA,UACA,wKemGM,kEACE,eACA,eACA,cACA,gBACA,gBA3GV,0DA8GQ,WACA,gCZ5GN,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEYyGM,YAEA,gEACE,WAEE,wBACA,4BACA,wBACA,qDACF,UACA,YACA,WA5HV,uDZCE,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEY2HM,eACA,mBACA,WACA,YACA,eACA,iBACA,6BACA,6BACA,kHA3IR,8DA8IU,WACA,qBACA,YACA,WAEE,0DACA,wBACA,wBACA,4BAEJ,6DACE,yBACA,WA1JV,oEA6JY,sDAEN,0DACE,gBACA,UAEA,aAnKR,8MAsKU,uBAtKV,2EAyKU,cACA,UA1KV,gDA8KI,kBACA,OACA,YACA,aACA,0BACA,kBACA,kBACA,iBACA,WACA,gBACA,aAxLJ,sDA2LM,qBACA,WACA,YACA,mBAEE,+DACA,wBACA,wBACA,4BAEJ,kDACE,SACA,cACA,gBACA,gBAzMN,oDA4MM,qBACA,cACA,gBACA,gBACA,cAEF,wDACE,cACA,WACA,gBACA,cACA,kBACA,kBACA,yBAEA,gBACA,gBACA,cC7NN,yBACE,YACA,oDACA,iBAHF,kCAMI,aANJ,qCASI,kBACA,oDAVJ,0DAcQ,cACA,cACA,iBACA,eAjBR,wCAqBM,SACA,UACA,iBACA,gBACA,iBACA,oDACA,qBCnBJ,8CACE,WACA,WACA,cDXJ,2CA8BQ,kBACA,kBAEA,oDACA,cACA,WExBJ,YAQA,4BFmBI,CAGA,6CACE,cE/BN,YAQA,4BF0BM,kBACA,gBAEF,wDACE,kBACA,UACA,UACA,eACA,WACA,iBACA,cAvDV,+CA2DU,YACA,WACA,qCACA,gBAIF,qDACE,eACA,yBACA,+CACA,4BACA,wBACA,iEACE,aAzEZ,2DA2EY,cACA,YACA,WACA,UACA,eA/EZ,4DAiFY,aGjFZ,sDAKI,iBACA,cCNJ,uBACE,UAEA,gCACE,cACA,iBAEF,0BACE,0BFWA,yCdUI,sBgBlBJ,6BACA,UACA,SACA,YACA,iBACA,gBAEA,6BACE,YACA,iBACA,2CACE,yBAtBR,+BAwBQ,0BFLJ,WEOI,qBACA,cACA,mBACA,kBA7BR,qCA+BU,yBA/BV,yCAiCQ,gBACA,iBACA,8CACE,cApCV,8CAsCU,iBACF,iDACE,gBACF,+CACE,eC1CV,uCAGI,iBACA,oBAEF,iDACE,cAPJ,kMAWI,qBCXJ,0CnBCE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEmBRF,gDAII,kBAJJ,gDAOI,aAEF,yDACE,kBACA,cACA,WACA,YACA,mBACA,yBAEA,eACA,4DAlBJ,+DAqBM,WACA,kBACA,cACA,SACA,QACA,YACA,WACA,mBACA,sBACA,wDACA,kJA/BN,4DAkCM,yBAEA,kEACE,wECrCR,2BACE,kBAGE,4CACE,6BALN,6CAQI,kBACA,UACA,WACA,WACA,oBACA,UACA,wEACA,kMACA,gDACA,yBACA,aACA,gBACA,sBACA,wFACA,kBAEA,gDACE,gBACA,gBACA,yBACA,gBACA,SACA,yBACA,kBACA,0BACA,yBAjCN,sDpBCE,oBAEA,iCCMM,+BAKA,4BAKA,wDALA,0BAKA,iDDZN,4CACA,8DoB6BI,kBACA,SACA,OACA,WACA,YACA,UACA,sDACA,kBAEE,mDACA,wBACA,4BACA,yBAjDR,wDAoDQ,SACA,WACA,gBACA,oBACA,yBAEJ,2DACE,kBA3DN,6DA8DQ,gBACA,4BACA,gBAhER,kEAmEU,qBACA,kBACA,cArEV,wEAwEY,WACA,kBACA,QACA,OACA,cACA,WACA,WACA,gDACA,sDACA,yBACA,kJAlFZ,kEAqFU,cACA,gBACA,mBACA,cAxFV,qEA2FU,cACA,WA5FV,8EAiGc,gDAjGd,mDAoGM,WACA,kBACA,QACA,SACA,2BACA,uBACA,wBACA,2BACA,uBACA,aACA,oDA9GN,oDAiHM,UACA,wDACA,mBAnHN,mDAsHM,UACA,gDACA,oBAxHN,yDA2HQ,yBAEF,4DACE,UACA,UC/HR,yBrBCE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEqBRF,yCAII,kBACA,yBACA,gBANJ,sDASM,aATN,+DAYM,kBACA,cACA,iBACA,gBACA,YACA,yBACA,kBACA,cACA,mBApBN,qEAuBQ,aACA,kCAxBR,qEA2BQ,WACA,kBACA,WACA,SACA,QACA,SACA,mBACA,uBACA,6CACA,WAGA,mFACE,0DAxCV,wEA2CQ,aAGR,oBACE,aACA,SAFF,uCAKI,cALJ,uBAQI,UACA,SACA,gBACA,yBACA,sBACA,iBACA,gBACA,kBAfJ,mDAkBM,gBAlBN,0BAqBM,gBACA,gBACA,cAMA,yCACE,yBAGF,8BACE,gBAlCR,8CAqCU,uCACA,yBACA,cCrFV,4BACE,gBACA,yBACA,2DAEA,mDCLF,yBACE,UAEA,kCACE,cACA,iBALJ,4BAQI,0BRWA,yCdUI,sBsBlBJ,6BACA,UACA,SACA,YACA,iBACA,gBAhBJ,+BAmBM,YACA,iBACA,mBArBN,6CAuBQ,yBACF,iCACE,0BRNJ,WQQI,qBACA,cACA,mBACA,kBACA,uCACE,yBChCV,wBACE,UADF,8BAII,0BTeA,yCdUI,sBuBtBJ,6BACA,mBACA,mBACA,YACA,iBAXJ,iCAcM,gBACA,eACA,gBACA,cACA,yBAEF,iCACE,mBACA,6BCtBN,kDACE,wCxB4BM,sBwBzBN,4EACE,gLACA,yBACA,aAEF,8DVEE,YAQA,WURA,gBACA,6BACA,kBACA,gBACA,SACA,cACA,cACA,4CxBWI,mbJrBN,0EAPA,qBACA,UACA,wK4BmBA,0EACE,0DACA,4BACA,sCACA,0BC1BJ,4BACE,UADF,kCAII,kBACA,qBACA,mBACA,YAEF,+CACE,qBACA,mBACA,yBAZJ,wDAeM,cACA,WACA,4BAEA,iBACA,6BACA,YACA,8FzBOE,gVyBLF,gBACA,gBAzBN,8D7BCE,qBACA,UACA,wK8BHF,wBACE,0BZkBE,yCdUI,sB0BzBN,6BACA,mBACA,iBACA,oBACA,YACA,iBAEF,8BACE,aACA,UACA,kBAEA,mDACE,kBACA,YAPJ,uCAUI,4C1BQI,sB0BNJ,iBACA,oBACA,YACA,8F1BGI,gV0BDJ,gBACA,c9BrBF,6CAPA,qBACA,UACA,wK+BHF,oCACE,kBACA,MACA,WACA,eACA,cAKA,wFACE,gCACJ,UACE,WACA,UACF,qBACE,WACA,UCfA,2BACE,kBACA,cACA,gBACA,gBACA,yBACA,SCRJ,uBACE,wC7B4BM,sB6B7BR,oCAKI,gLACA,yBACA,aAEF,gCACE,oBCVJ,0BACE,0CACA,gBACA,iBAEA,iCACE,UACA,YAPJ,gCAUI,kBACA,cAGE,gKACE,aAIF,gFACE,mBApBR,gCAwBI,kBACA,gBACA,kBAEA,YA5BJ,gCA+BI,iBA/BJ,+BAkCI,gCACA,SAnCJ,gDAsCM,gBAtCN,4CAyCM,mBACA,gBA1CN,sCA6CM,aA7CN,qCAgDM,kBACA,gDACE,iBAEJ,uDACE,YACA,wBACA,kBACA,WACA,gBACA,6BACA,kBACA,SACA,cACA,4C9BjCE,mb8BoCF,gBlCzDJ,6DAPA,qBACA,UACA,wKkCgEE,8CACE,cACA,gBACA,kBACA,oBAvEN,oDA0EQ,kBACA,WACA,kBA5ER,qDA8EQ,WACA,qBACA,kBACA,iBAjFR,yDAmFU,WACA,kBApFV,2DAsFU,YAEF,2DACE,eACA,mBA1FV,oDA6FM,gBACA,kBA9FN,qEAgGQ,iBAhGR,sCAkGM,WAlGN,kCAqGI,kBACA,YACA,iBACA,yBACA,uC/BtGF,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kE+BoGE,uCACE,iBA7GN,+CAgHM,WACA,gBACA,yBACA,qBACA,gBAGF,wCACE,qBACA,eACA,iBACA,eACA,eA5HN,+CA+HQ,UACA,iBAEA,YACA,WACA,YACA,iBAEA,mBACA,kBACA,yBAEA,cACA,eACA,gBACA,kBA9IR,sCAiJI,YACA,YACA,kBACA,mBACA,mBACA,WACA,yBAvJJ,iDAyJM,yBACA,2DAEA,mDACA,qBACA,kBACA,8BACA,+BACA,iBACA,eACA,cACA,kBACA,eACA,uDACE,kBACA,UACA,WAzKR,gEA2KU,kBACA,OACF,iEACE,QACA,mBACJ,yD3B3HJ,4N2B6HM,WACA,YACA,mBACF,wDACE,yBACA,WAvLR,+BAyLI,YACA,WACA,YA3LJ,yCA8LM,WACA,YACA,yBACA,sDACA,4BACA,4BACA,0BACA,eACA,kBAEJ,gE9B/LM,+BAKA,4BAKA,mDDZN,4C+BoMA,mG/B1MA,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yC+BmMA,mC9BlMM,sCAKA,mCAKA,2DDZN,oD+BsME,WACA,iBA9MJ,oDAiNM,YACA,WACA,eAnNN,uDAsNQ,6CACA,4BACF,yDACE,+CACA,4BAGN,6CACE,qBACA,UACA,YACA,YACA,0CAEA,oDACE,kBACA,gBAEF,mDACE,eAzON,+ZA6OI,cACA,aAEA,gBACA,gCAEA,mBACA,6qBACE,OArPN,ypBAuPM,cAvPN,qjBA0PM,qBACA,WA3PN,2nBA6PQ,cACA,WACA,WA/PR,urBAiQU,iBAjQV,+FAoQI,gBAGA,0CACE,cACA,YACA,WACA,gBA3QN,mDA6QQ,gFACF,oDACE,iFA/QR,mHAiRQ,oFAjRR,2CAoRM,gBACA,yBACA,gBAEF,0DACE,yBACA,gBAGF,yDACE,kBACA,iBACA,iBAhSN,+DAmSM,kBAnSN,mDAsSI,kBACA,SACA,YACA,aACA,uC/BvSF,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kE+BRF,+DA6SM,kBACF,yDACE,YACF,8EACE,MAEJ,sC/BlTA,oBAEA,iCCMM,mCAKA,gCAKA,8DALA,4BAKA,kDDZN,+CACA,oE+B6SE,qDACE,kBACA,8BAvTN,iEAyTQ,iBACA,eA1TR,6CA8TM,cACA,iC/B5TJ,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kE+ByTI,mDACE,qBACA,YAnUR,yDAqUU,gBArUV,sEAwUU,qBACA,WACA,eACA,oBACA,gBACA,kBACA,cAEJ,8DACE,qBACA,WACA,YACA,gBACA,gBACA,sG9BzTA,gV8B7BR,oElCCE,qBACA,UACA,wKkCsVI,wDACE,gBACA,kBA3VR,kEA8VQ,iBACA,cACA,YAhWR,4DAmWQ,qBACA,YACA,gEACE,WCtWV,yCACE,WADF,oDAII,kBACA,kBACA,gBACA,iBAPJ,0DAUM,cACA,YACA,gBACA,YACA,iBACA,gBACA,yBACA,kBACA,cACA,cACA,mBApBN,uFAuBQ,aAvBR,gEA0BQ,aACA,kCAEJ,8DACE,kBACA,UACA,SACA,WACA,yBACA,sCACA,0BACA,mChClCJ,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEgCRF,qEAyCQ,aAEF,oEACE,WACA,cACA,mBACA,uBACA,6CACA,WAEN,gDACE,kBACA,gBACA,eAEA,sDACE,eACA,gBACA,gBACA,cACA,kBACA,yBACA,eACA,kBAhEN,6DAmEQ,WACA,qBACA,YACA,WACA,kBAEE,0DACA,wBACA,wBACA,4BAEJ,4DACE,yBACA,WAhFR,mEAmFU,sDAnFV,sEAuFU,aAER,sDACE,kBAEJ,yBACE,UACA,SACA,gBACA,yBACA,sBACA,iBACA,gBACA,gBACA,kBAEA,qDACE,gBAZJ,4BAeI,gBACA,gBACA,cAjBJ,gCAyBM,gBAzBN,gDA4BQ,sBACA,yBACA,cACA,mBC3HR,8BACE,cACA,aACA,eAEA,oCACE,qBACA,kBAPJ,oCAUI,qBACA,2FhCkBI,gVgC7BR,0CpCCE,qBACA,UACA,wKoCWA,0CACE,kBACA,qBACA,YACA,eAEA,gDACE,kBACA,oBACA,UACA,SAxBN,oDA0BQ,WACA,gBAGJ,gDACE,aACA,WACA,iBACA,kBACA,yBACA,kBACA,eArCN,sDAwCQ,kCAEN,0CACE,qBACA,YACA,yBACA,kBA9CJ,iDAiDM,aAjDN,+CAoDM,qBACA,WACA,cACA,gBACA,cACA,kBAzDN,sDA4DM,kBACA,sBACA,SACA,WA/DN,4DAkEQ,WACA,SACA,kBACA,aACA,kBAEA,8KhC/DA,wBAKA,qBAKA,oBAKA,mBAKA,gBgC7BR,yEA4EQ,kBACA,2BjC1EN,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEiCuEM,WACA,YACA,eACA,sBACA,6BAnFR,kFAsFU,kBACA,MACA,OACA,aACA,cACA,UACA,WACA,mEACA,wBACA,wBACA,wDACA,UACA,sDAlGV,uFAqGU,MACA,gGACE,0DAvGZ,yFA0GU,SAGF,+EACE,iCA9GV,wFAgHY,WAhHZ,qFAmHY,iCAnHZ,8FAqHc,UAGd,mBACE,eACA,YACA,gBACA,YACA,eACA,aACA,yBACA,kBACA,sBACA,wFAVF,yCAaI,kBACA,UACA,gBACA,gBACA,YACA,gBAEA,0HACE,kBACA,4BjC3IJ,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEiCwII,WACA,YACA,sBACA,mBACA,eACA,uBACA,wEAEA,sIACE,gCAjCR,sIAoCQ,UACA,wCArCR,4IAwCQ,kBACA,OACA,QACA,cACA,eACA,UACA,WACA,wDACA,mEACA,wBACA,wBAEJ,6DACE,oBArDN,sEAuDQ,0DAEJ,6DACE,mBA1DN,sEA4DQ,UACA,wDA7DR,8DAgEM,WACA,SAEA,qEhClLE,wBAKA,qBAKA,oBAKA,mBAKA,gBgCgKA,sBACA,SACA,iBACA,6BACA,gBACA,gBACA,gBACA,cACA,eAEA,2EACE,UACA,wCAEF,yFACE,cACA,UArFV,wFAwFU,UAxFV,yBA4FI,WACA,iBACA,gBAEA,+BACE,sCACA,kBAEA,kChCnNE,sCAKA,mCAKA,2DDZN,oDiCwNI,oEjC9NJ,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yCiCuNI,kChCtNE,+BAKA,4BAKA,mDDZN,4CiC0NM,UACA,WACA,YACA,gBACA,cACA,gBACA,cAEJ,+BACE,cACA,eAEA,kCjC5OJ,oBAEA,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEiCgHF,sEjCvHE,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEiC0OM,UA1HR,oCA6HU,kBAEA,WACA,YACA,SAEA,kBACA,6BACA,gBACA,cACA,qBACA,YAEA,0CACE,WACA,kBACA,WACA,UACA,SACA,WACA,UACA,mBACA,6BACA,wEAGA,gDACE,sCAEN,yDACE,WA3JV,4DA+JY,qCA/JZ,mDAkKU,WACA,gBAnKV,yDAqKY","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: 982px;\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.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\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: 100;\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 color: #70778c;\n cursor: pointer;\n font-weight: 100;\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 text-align: center;\n width: 33%;\n display: inline-block;\n}\n\n#entity .entity-attributes .contentBlockAddButton img {\n display: block;\n margin: 0 auto;\n cursor: pointer;\n}\n\n#entity .entity-attributes .contentBlockAddButton label {\n position: static;\n display: inline;\n margin-left: auto;\n font-size: 0.8rem;\n color: #9ba0ae;\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap;\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 .model {\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 .model .header {\n padding: 12px 40px;\n background-color: #262f43;\n}\n\n#confirmBox .model .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 .model .body {\n padding: 25px 40px 40px;\n}\n\n#confirmBox .model .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 .model .body .buttons {\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 .model .body .buttons 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 .model .body .buttons button + button {\n margin-left: 10px;\n}\n\n#confirmBox .model .body .buttons button.confirm {\n background-color: #f2303f;\n}\n\n#confirmBox .model .body .buttons button.confirm:hover {\n background-color: #ed0f20;\n}\n\n#confirmBox .model .body .buttons button.cancel {\n background-color: #3289ff;\n}\n\n#confirmBox .model .body .buttons 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.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 min-height: 260px;\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.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 display: block;\n width: 50px;\n height: 50px;\n border-radius: 100%;\n background-color: #f7f7f7;\n background-position: center;\n background-size: cover;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='svg'] {\n background-color: #F9C80E;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='pdf'] {\n background-color: #EA3546;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='zip'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='rar'] {\n background-color: #f5cf56;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='csv'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='xlsx'] {\n background-color: #227045;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='mp3'] {\n background-color: #43BCCD;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='mp4'] {\n background-color: #3066BE;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='docx'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='docx'] {\n background-color: #2C5697;\n}\n\n.entity-attribute-documents ul.files .document .thumb[data-filetype='png'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='jpg'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='jpeg'],\n.entity-attribute-documents ul.files .document .thumb[data-filetype='gif'] {\n background-color: #262f43;\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 .content-wrapper {\n width: calc(100% - 100px);\n padding: 0 10px;\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: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: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-top: 15px;\n padding: 0;\n height: 260px;\n}\n\n.entity-attribute-documents ul.files .document:last-child .thumb,\n.entity-attribute-documents ul.files .document:last-child .content-wrapper,\n.entity-attribute-documents ul.files .document:last-child .delete {\n display: none !important;\n}\n\n.entity-attribute-documents ul.files .document:last-child > input[type='file'] {\n display: block;\n opacity: 0;\n}\n\n.entity-attribute-documents .drag-and-drop-area {\n position: absolute;\n left: 0;\n bottom: 20px;\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}\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: #d8dae2;\n}\n\n.entity-attribute-documents .drag-and-drop-area .button {\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.9rem;\n line-height: 1.2;\n color: #3289ff;\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 .content {\n padding-top: 11px;\n padding-bottom: 11px;\n}\n\n.entity-attribute-multiselect .select2-container {\n display: block;\n}\n\n.entity-attribute-multiselect .select2-container-multi .select2-choices .select2-search-field,\n.entity-attribute-multiselect .select2-container-multi .select2-choices .select2-search-field input {\n width: 100% !important;\n}\n\n.entity-attribute.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.entity-attribute-on-off label {\n position: relative;\n}\n\n.entity-attribute.entity-attribute-on-off input {\n display: none;\n}\n\n.entity-attribute.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.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.entity-attribute-on-off .on-off-switch.on {\n background-color: #78dc84;\n}\n\n.entity-attribute.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 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 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 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 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 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 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: transparent 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: transparent 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-autocomplete-combo-box {\n color: #000000;\n}\n\n.entity-attribute-autocomplete-combo-box .ui-widget {\n position: relative;\n margin-left: 205px;\n max-width: 400px;\n padding-top: 10px;\n}\n\n.entity-attribute-autocomplete-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-autocomplete-combo-box .ui-widget input.ui-autocomplete-input.hidden {\n display: none;\n}\n\n.entity-attribute-autocomplete-combo-box .ui-widget input:focus {\n outline: none;\n border-color: rgba(50, 137, 255, 0.75);\n}\n\n.entity-attribute-autocomplete-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-autocomplete-combo-box .ui-widget .dropdown.hidden {\n display: none;\n}\n\n.entity-attribute-autocomplete-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-autocomplete-combo-box .items {\n margin-left: 205px;\n max-width: 400px;\n padding: 10px 0;\n}\n\n.entity-attribute-autocomplete-combo-box .items .item {\n margin: 0 0 5px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: #70778c;\n padding: 10px 15px;\n background-color: #f7f7f7;\n cursor: pointer;\n border-radius: 3px;\n}\n\n.entity-attribute-autocomplete-combo-box .items .item:before {\n content: '';\n display: inline-block;\n height: 10px;\n width: 10px;\n margin-right: 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-autocomplete-combo-box .items .item:hover {\n background-color: #f5606c;\n color: white;\n}\n\n.entity-attribute-autocomplete-combo-box .items .item:hover:before {\n background-image: url(\"/img/kms/icons/icon_cross.svg\");\n}\n\n.entity-attribute-autocomplete-combo-box .items .item.readonly:before {\n display: none;\n}\n\n.entity-attribute-autocomplete-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-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 max-width: 982px;\n margin: 0 auto;\n font-size: 0 /* 2 */;\n line-height: 0 /* 3 */;\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.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: initial) {\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\n@mixin align-content($align) {\n @include prefixer(align-content, $align, webkit); }\n\n@mixin align-self($align) {\n @include prefixer(align-self, $align, webkit); }\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 color: $gray;\n cursor: pointer;\n font-weight: lightest();\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 { //TODO: STYLE THIS PROPERLY\n text-align: center;\n width: 33%;\n display: inline-block;\n img {\n display: block;\n margin: 0 auto;\n cursor: pointer; }\n label {\n position: static;\n display: inline;\n margin-left: auto;\n font-size: 0.8rem;\n color: #9ba0ae;\n text-transform: uppercase;\n font-weight: 300;\n white-space: nowrap; } } }\n\n .tab-content, .sub-tab-content {\n display: none;\n\n &.active {\n display: block; } } }\n\n\n\n\n// TODO Discussion with Mike if we want this functionality for KMS\n// else it will be also moved to an own attribute block #badTim\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 // TODO Test code below\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 .model {\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 .buttons {\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",".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 \"autocompleteinput\";\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 min-height: 260px;\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 //background-color: $almostWhite\n //border: 2px solid transparent\n transition: opacity 0.4s, border 0.4s;\n\n //&:after\n // content: ''\n // position: absolute\n // bottom: 0\n // left: 0\n // display: none\n // border: 1px dotted $lightGray\n // height: 82px\n // width: 100%\n //\n //&.isDropTarget\n // height: 174px\n // padding-bottom: 92px\n //\n // &:after\n // display: block\n\n\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 display: block;\n width: 50px;\n height: 50px;\n border-radius: 100%;\n background: {\n color: $almostWhite;\n position: center;\n size: cover; }\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 .content-wrapper {\n width: calc(100% - 100px);\n padding: 0 10px;\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 &: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 //position: absolute\n //right: 5px\n //top: 5px\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 &: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-top: 15px;\n padding: 0;\n //background-color: green\n height: 260px;\n\n .thumb, .content-wrapper, .delete {\n display: none !important; }\n\n >input[type='file'] {\n display: block;\n opacity: 0; } } } }\n\n\n .drag-and-drop-area {\n position: absolute;\n left: 0;\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\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: $lightGray; }\n\n .button {\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.9rem;\n line-height: 1.2;\n color: $blue; } }\n\n\n //input\n // display: block\n // +size(100% 100%)\n // +box-sizing(border-box)\n // background-color: transparent\n // padding-left: 205px\n // padding-top: grid-row(.75)\n // padding-bottom: 0\n // border: none\n // line-height: grid-row(.5)\n } // +attribute-focus\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_documents.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 {\n\n .content {\n padding-top: 11px;\n padding-bottom: 11px; }\n\n .select2-container {\n display: block; }\n\n .select2-container-multi .select2-choices .select2-search-field,\n .select2-container-multi .select2-choices .select2-search-field input {\n width: 100% !important; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_multiselect.sass",".entity-attribute.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 {\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-autocomplete-combo-box {\n color: #000000;\n\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-autocomplete-input.hidden {\n display: none; }\n\n &:focus {\n outline: none;\n border-color: rgba($brand-primary, 0.75); } }\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\n .items {\n margin-left: 205px;\n max-width: 400px;\n padding: 10px 0;\n\n .item {\n margin: 0 0 5px;\n font-size: 0.7rem;\n line-height: 1.2;\n color: $medium-gray;\n padding: 10px 15px;\n background-color: $whitish;\n cursor: pointer;\n border-radius: 3px;\n\n &:before {\n content: '';\n display: inline-block;\n height: 10px;\n width: 10px;\n margin-right: 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 &.readonly {\n &:before {\n display: none; } } } }\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 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/_autocompleteinput.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":""}