{"version":3,"sources":["webpack:///./resources/assets/sass/kms/resources/assets/sass/global/_base.sass","webpack:///./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/_confirm_box.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/_file.sass","webpack:///./resources/assets/sass/kms/resources/assets/sass/global/bourbon/addons/_size.scss","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/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,YCqDD,qED9CG,4EE1BF,mDF0BE,4EC4DH,2DD5DG,4EEtBF,iDFsBE,4ECsEH,ODhEC,SGvBF,UACE,mBACA,iBACA,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,UAGU,qCACR,mBAMJ,uBACE,gBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,mBAGA,qCACE,mBAMJ,uBACE,yBAZF,iBACE,UAGU,qCACR,mBAMJ,uBACE,gBAZF,iBACE,mBAGA,qCACE,UAMJ,uBACE,yBAZF,iBACE,mBAGU,qCACR,mBAMJ,uBACE,yBAZF,iBACE,UAGA,qCACE,mBAMJ,uBACE,gBAZF,mBACE,mBAGU,uCACR,mBAMJ,yBACE,yBAZF,mBACE,mBAGA,uCACE,mBAMJ,yBACE,yBAZF,mBACE,WAGA,uCACE,mBAMJ,yBACE,iBAZF,mBACE,oBAGU,uCACR,mBAMJ,yBACE,0BAZF,mBACE,oBAGA,uCACE,WAMJ,yBACE,0BCzEF,qCDyFE,UACE,kBAEF,aACE,wBF4bH,CG9hBD,qCDsGE,UACE,kBAEF,aACE,wBF8bH,CGxiBD,oCD8GE,UACE,kBAEF,aACE,wBFgcH,CGljBD,oCDsHE,UACE,kBAEF,aACE,wBFkcH,CGvjBD,qCDyFE,UACE,mBAEF,aACE,yBFoeH,CGtkBD,qCDsGE,UACE,mBAEF,aACE,yBFseH,CGhlBD,oCD8GE,UACE,mBAEF,aACE,yBFweH,CG1lBD,oCDsHE,UACE,mBAEF,aACE,yBF0eH,CG/lBD,qCDyFE,UACE,UAEF,aACE,gBF4gBH,CG9mBD,qCDsGE,UACE,UAEF,aACE,gBF8gBH,CGxnBD,oCD8GE,UACE,UAEF,aACE,gBFghBH,CGloBD,oCDsHE,UACE,UAEF,aACE,gBFkhBH,CGvoBD,qCDyFE,UACE,mBAEF,aACE,yBFojBH,CGtpBD,qCDsGE,UACE,mBAEF,aACE,yBFsjBH,CGhqBD,oCD8GE,UACE,mBAEF,aACE,yBFwjBH,CG1qBD,oCDsHE,UACE,mBAEF,aACE,yBF0jBH,CG/qBD,qCDyFE,UACE,mBAEF,aACE,yBF4lBH,CG9rBD,qCDsGE,UACE,mBAEF,aACE,yBF8lBH,CGxsBD,oCD8GE,UACE,mBAEF,aACE,yBFgmBH,CGltBD,oCDsHE,UACE,mBAEF,aACE,yBFkmBH,CGvtBD,qCDyFE,UACE,UAEF,aACE,gBFooBH,CGtuBD,qCDsGE,UACE,UAEF,aACE,gBFsoBH,CGhvBD,oCD8GE,UACE,UAEF,aACE,gBFwoBH,CG1vBD,oCDsHE,UACE,UAEF,aACE,gBF0oBH,CG/vBD,qCDyFE,UACE,mBAEF,aACE,yBF4qBH,CG9wBD,qCDsGE,UACE,mBAEF,aACE,yBF8qBH,CGxxBD,oCD8GE,UACE,mBAEF,aACE,yBFgrBH,CGlyBD,oCDsHE,UACE,mBAEF,aACE,yBFkrBH,CGvyBD,qCDyFE,UACE,mBAEF,aACE,yBFotBH,CGtzBD,qCDsGE,UACE,mBAEF,aACE,yBFstBH,CGh0BD,oCD8GE,UACE,mBAEF,aACE,yBFwtBH,CG10BD,oCDsHE,UACE,mBAEF,aACE,yBF0tBH,CG/0BD,qCDyFE,UACE,UAEF,aACE,gBF4vBH,CG91BD,qCDsGE,UACE,UAEF,aACE,gBF8vBH,CGx2BD,oCD8GE,UACE,UAEF,aACE,gBFgwBH,CGl3BD,oCDsHE,UACE,UAEF,aACE,gBFkwBH,CGv3BD,qCDyFE,WACE,mBAEF,cACE,yBFoyBH,CGt4BD,qCDsGE,WACE,mBAEF,cACE,yBFsyBH,CGh5BD,oCD8GE,WACE,mBAEF,cACE,yBFwyBH,CG15BD,oCDsHE,WACE,mBAEF,cACE,yBF0yBH,CG/5BD,qCDyFE,WACE,mBAEF,cACE,yBF40BH,CG96BD,qCDsGE,WACE,mBAEF,cACE,yBF80BH,CGx7BD,oCD8GE,WACE,mBAEF,cACE,yBFg1BH,CGl8BD,oCDsHE,WACE,mBAEF,cACE,yBFk1BH,CGv8BD,qCDyFE,WACE,WAEF,cACE,iBFo3BH,CGt9BD,qCDsGE,WACE,WAEF,cACE,iBFs3BH,CGh+BD,oCD8GE,WACE,WAEF,cACE,iBFw3BH,CG1+BD,oCDsHE,WACE,WAEF,cACE,iBF03BH,CG/+BD,qCDyFE,WACE,oBAEF,cACE,0BF45BH,CG9/BD,qCDsGE,WACE,oBAEF,cACE,0BF85BH,CGxgCD,oCD8GE,WACE,oBAEF,cACE,0BFg6BH,CGlhCD,oCDsHE,WACE,oBAEF,cACE,0BFk6BH,CGvhCD,qCDyFE,WACE,oBAEF,cACE,0BFo8BH,CGtiCD,qCDsGE,WACE,oBAEF,cACE,0BFs8BH,CGhjCD,oCD8GE,WACE,oBAEF,cACE,0BFw8BH,CG1jCD,oCDsHE,WACE,oBAEF,cACE,0BF08BH,CIjkCH,wBACE,qDACA,oEAKF,cACE,cACA,eACA,cACA,WACA,oBAEA,wBACE,8BACA,aAFF,sCAKI,8BAEJ,yCACE,WACA,kBACA,MACA,eACA,YACA,4BAEF,qBACE,eAvBJ,oBA0BI,gBCtCJ,YACE,eACA,QACA,SACA,WACA,YACA,cACA,mBFAA,qCEPF,YAWI,eL4nCD,CGroCD,qCEFF,YAsBM,gBLunCH,CG3oCD,qCEFF,YAsBM,iBL6nCH,CGjpCD,oCEFF,YAsBM,gBLmoCH,CGvpCD,oCEFF,YAsBM,gBLyoCH,CM5pCH,KACE,eAEF,KACE,WACA,6BACA,yBAHF,WAMI,eACA,MACA,QACA,SACA,WACA,cAEF,WACE,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,mBAbJ,2CAgBI,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,kFRuxCD,CO3xCC,kBCjBF,GACE,gFACF,IACE,oFACF,IACE,4EACF,IACE,wEACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,gFACF,IACE,sFACF,IACE,8EACF,GACE,kFRm3CD,CO14CC,0BC0BF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRy4CD,COr6CC,kBCOF,GACE,kFACF,IACE,8EACF,IACE,sFACF,IACE,gFACF,IACE,oFACF,IACE,kFACF,IACE,oFACF,IACE,wEACF,IACE,4EACF,IACE,oFACF,GACE,gFRq+CD,CS3hDH,OCUE,eAGE,MAIA,QAIA,SAIA,OC5BF,oBAEA,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,2FFAA,gDACA,sBACA,wBAGA,oBACE,UACA,gBACA,kBACA,sBAbJ,4BAgBM,mBEnBJ,oBAEA,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEFJF,kCAoBQ,mBApBR,gCAuBQ,cACA,WACA,YACA,iBAEF,+BACE,wBACA,SACA,cACA,iBACA,gBAjCR,6BAuCM,iBACA,aACA,yBACA,gBACA,cA3CN,0BA8CM,WACA,YACA,aACA,kBACA,gBACA,cAEA,iBACA,yBACA,uJAvDN,gCA0DQ,UACA,sFAdJ,uCAiBI,yBACA,YACA,WACA,kBACA,eACA,wEAnER,6CAsEU,yBAtEV,sBAyEM,cACA,gBACA,gBI3EN,UACE,kBACA,MACA,OACA,YACA,aACA,sBAIA,2BACE,eACA,gCACA,kBAbJ,8BAgBM,iBACA,cACA,gBACA,SAnBN,6BAqBM,gBACA,cACA,WACA,SACA,gBAMF,gCACE,YACA,6BACA,gCACA,gBACA,YAEA,yBACA,uDACA,4BACA,wBAEA,sCACE,WACA,YACA,UACA,SACA,YACA,gBACA,gBACA,iBACA,0GD3BA,gVCkBF,4CL9CJ,qBACA,UACA,wKKwDE,sCACE,aACA,YACA,WACA,gCACA,4FACA,SACA,sBAEA,cACA,gBACA,cAEA,2CACE,qBAEA,gBACA,cAEJ,iCACE,aACA,2BAGE,wDACE,aADF,+DAII,cAEE,iEACA,6BACA,cAvFd,uEA0FgB,sCA1FhB,mEA6FgB,SACA,wBAFF,0EAKI,8BACA,cACA,cACA,gBACA,WArGlB,wCA0GQ,cAQN,iEFrHA,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEE8GA,oBAEE,YACA,WACA,6BACA,gCACA,4FAEA,cACA,gBACA,cACA,qBA7HJ,yBAgIM,qBACA,WACA,YACA,cACA,yBACA,mBACA,sBAPF,gCAUI,WACA,qDACA,4BACA,wBACA,qBACA,WACA,YA/IR,0BAkJM,yBACA,WAnJN,0BAyJI,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,kBAlBJ,sDAqBI,kBACA,OACA,MACA,UACA,oBACA,WACA,yBACA,WA5BJ,2DA+BM,UACA,UACA,mBAjCN,6DAoCM,2DAWR,mCAEI,aAEJ,yBACE,kBACA,2BACA,cACA,kBAQA,4BACE,SACA,UACA,gBAHF,wCAMI,yBACA,cACA,kBAGF,+BACE,kBACA,gBAGF,kDACE,YACA,WACA,yBACA,sCAjPR,gDAqPQ,sBACA,wEAtPR,8DA0PU,yBAID,qHACC,sCFhQR,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEE6PQ,YACA,WACA,qBACA,gBACA,cACA,eACA,gBATD,iIAaG,yBACA,cAID,mIACC,yBACA,WACA,+IACE,yBAGN,8DACE,qBACA,YACA,UACA,6BA3RV,oFA8RY,yBA9RZ,oFAgSY,yBATJ,oFAWI,yBAXJ,oFAaI,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,YA5TZ,2DA+TY,gBACA,cACA,kBACA,QAGJ,0DACE,kBACA,QACA,0BFzUR,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEEsUQ,iCACA,WACA,YACA,eARF,iEAUI,WACA,qBACA,WACA,WACA,8DACA,wBACA,4BACA,kJAGF,iFAEI,0DAGR,uCACE,yBADF,mDAGI,0BAIJ,sDACE,kBACA,YAEA,wDACE,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,cAEA,uEACE,WACA,YACA,yCAlBJ,yEAqBI,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,aA5EV,6CA+EQ,YACA,yBACA,WACA,gBAlFR,sDAqFU,oBACA,yBACA,yBATJ,mDAaI,yBAGJ,8CACE,WACA,yBACA,sDACA,4BACA,4BACA,0BApGR,oDAuGU,yBAvGV,qBA4GI,WACA,YACA,kBACA,yBA/GJ,wBHHE,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,eAhBJ,iCAmBI,yBAnBJ,kCAsBI,sBACA,oCACE,cAxBN,iCA2BI,yBAIR,2BACE,kBACA,UACA,SACA,WACA,cACA,sBA7JJ,kDAgKM,kBACA,UACA,qBAlKN,sDAoKQ,cACA,cACA,eACF,wDACE,gBACA,eACA,iBACA,gBACA,cACA,yBACA,gBACA,mBA/KR,8CAkLI,aAlLJ,4DAqLM,cAQJ,yBACE,gBACA,SACA,UACA,4BACE,gBACA,kBACA,kBARN,mDAaU,WACA,qBACA,YACA,WACA,gDACA,wBACA,4BACA,kBACA,UACA,SElNV,SNUE,eAGE,MAQA,SAIA,OMvBF,aACA,YACA,yBAEA,2BACE,YACA,WACA,qDACA,sBAVJ,6BLHE,oBAEA,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kEKUI,WACA,YACA,eACA,qBAEA,iCACE,WACA,YArBR,+BAwBQ,WACA,iBACA,gBA1BR,wBJKQ,sCAKA,mCAKA,2DDZN,oDK8BE,qBACA,oCACA,iBACA,kBACA,aArCJ,uDLHE,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yCKJF,+BAwCM,iDJ9BE,4BAKA,mDDZN,4CKuCI,WACA,YACA,SACA,qCACA,mBAPF,2CAWM,WAEE,gDACA,wBACA,wBACA,4BACF,WACA,YACA,WAEJ,oCACE,kBACA,OACA,MACA,cACA,WACA,YACA,mBAEE,wBACA,sBACA,4BAEN,8BACE,wBA1EN,iCA6EQ,WACA,iBACA,SAON,qBACE,cACA,eAEA,YAEA,wBACE,cACA,SACA,UACA,gBAEA,2BACE,kBACA,cACA,WACA,gBACA,2CACA,6BACA,wEAEA,sCACE,kBACA,SACA,WACA,cACA,mBACA,uBACA,0CACA,sDACA,WAEF,6DLzHN,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEKoHQ,YACA,WACA,kBACA,WACA,qBACA,eA7HV,yEAiIY,oCAGD,6CACC,0DACD,2EACC,yBAED,qCACC,cAGC,uGACC,oCAGL,8BACC,aACA,kBACA,WACA,4GACA,yBACA,YACA,4CACA,gBAzJV,yEA4Jc,kBA5Jd,kBAmKI,kBACA,SACA,WACA,gCLvKF,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEKoKE,eACA,oCACA,YACA,wCACA,WACA,qBACA,gBACA,wEAbF,wBAgBI,oCCtLN,gBACE,WACA,YACA,eACA,MACA,OACA,0BACA,eAEF,YACE,gBACA,YACA,eACA,SACA,QACA,uBACA,yBAEA,oDACA,4CAEA,6BACE,SACA,kBAdJ,cAiBI,iBAEF,eACE,cAEJ,gBACE,iBACA,kBAEA,wBACE,qBACA,kBACA,gBACA,kBAJF,mCAOI,eC1CN,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,0BAEA,8BACE,qBAEF,8BACE,qBAEF,8BACE,qBAEJ,8BACE,GACE,UACA,yCACA,iCACF,GACE,UACA,uBACA,enBkyFD,CmBhyFH,sBACE,GACE,UACA,yCAEA,iCACF,GACE,UACA,uBAEA,enBsyFD,CoB71FH,aAEE,iBACA,UACA,kBACA,yBACA,mBACA,iBACA,gBACA,aACA,UACA,kCAXF,gBAaI,gBAbJ,gBAeI,SACA,eAhBJ,sBAkBM,cACA,kCCnBN,aACE,iBACA,kBACA,gBAHF,gCAKI,gBACA,+BACA,kBACA,mBACF,gBACE,cACF,0BACE,6BADF,0CAGI,yBAdN,4BAgBI,gCACF,eACE,cACA,qBAEJ,kBACE,kBACA,0CACE,UACA,iBCzBJ,kBACE,kBACA,gBACA,gCACA,eACA,+CVwBM,sBUrBN,wBACE,kBACA,cACA,YACA,iBACA,gBACA,cACA,yBACA,gBACA,mBAEF,wBACE,yBApBJ,8BAsBM,cAtBN,yBAyBI,aAzBJ,2BA4BI,kBACA,6BAEA,iBAGA,6BACA,SACA,cACA,4CVRI,sBU7BR,mCAyCI,kBACA,gBACA,cACA,WACA,qFACA,mBAEF,wBACE,YACA,WACA,gBACA,6BACA,kBACA,gBACA,SACA,cACA,cACA,cACA,oDACA,gVAEF,+BACE,cACA,oBACA,cACA,gBACA,gBACA,iBCpEJ,uBACE,UAEA,6BACE,cCOA,YAQA,yCZUI,sBWtBJ,6BACA,mBACA,mBACA,iBACA,YACA,8FXiBI,gVW7BR,mCfCE,qBACA,UACA,wKiBHF,yBACE,YACA,oDACA,iBAEA,kCACE,aANJ,qCASI,kBACA,oDAVJ,0DAcQ,cACA,cACA,iBACA,eAEJ,wCAEE,SACA,UACA,iBACA,gBACA,iBACA,oDACA,qBA3BN,8CCSI,WACA,WACA,cDXJ,2CA8BQ,kBACA,kBAEA,oDACA,cACA,uBDhBJ,WCmBI,kBAtCR,6CA0CU,0BDvBN,WCyBM,iBACA,kBACA,gBAEF,wDACE,kBACA,UACA,UACA,eACA,WACA,iBACA,cAGF,+CACE,YACA,WACA,qCACA,gBAjCJ,qDAsCI,eACA,yBACA,+CACA,4BACA,wBAvEV,iEAyEY,aACF,2DACE,cACA,YACA,WACA,UACA,eA/EZ,4DAiFY,aEjFZ,sDAKI,iBACA,cCNJ,uBACE,UAEA,gCACE,cACA,iBAEF,0BACE,0BJWA,yCZUI,sBgBlBJ,6BACA,UACA,SACA,YACA,iBACA,gBAEA,6BACE,YACA,iBAFF,2CAII,yBAtBR,+BAwBQ,0BJLJ,WIOI,qBACA,cACA,mBACA,kBA7BR,qCA+BU,yBA/BV,yCAiCQ,gBACA,iBAlCR,8CAoCU,cApCV,8CAsCU,iBAtCV,iDAwCU,gBAxCV,+CA0CU,eC1CV,uCAGI,iBACA,oBAJJ,iDAOI,cAEwC,kMAExC,qBCXJ,0CnBCE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEmBLA,gDACE,kBAJJ,gDAOI,aAPJ,yDAUI,kBACA,cACA,WACA,YACA,mBACA,yBAEA,eACA,4DAlBJ,+DAqBM,WACA,kBACA,cACA,SACA,QACA,YACA,WACA,mBACA,sBACA,wDACA,kJA/BN,4DAkCM,yBAlCN,kEAqCQ,wECrCR,2BACE,kBADF,4CAKM,6BALN,6CAQI,kBACA,UACA,WACA,WACA,oBACA,UACA,wEACA,kMACA,gDACA,yBACA,aACA,gBACA,sBACA,wFACA,kBAtBJ,gDAyBM,gBACA,gBACA,yBACA,gBACA,SACA,yBACA,kBACA,0BACA,yBAEF,sDpBlCF,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,kBAEA,6DACE,gBACA,4BACA,gBAEA,kEACE,qBACA,kBACA,cArEV,wEAwEY,WACA,kBACA,QACA,OACA,cACA,WACA,WACA,gDACA,sDACA,yBACA,kJAlFZ,kEAqFU,cACA,gBACA,mBACA,cA3BJ,qEA8BI,cACA,WAGA,8EAEI,gDA1FZ,mDA6FI,WACA,kBACA,QACA,SACA,2BACA,uBACA,wBACA,2BACA,uBACA,aACA,oDA9GN,oDAiHM,UACA,wDACA,mBA5GJ,mDA+GI,UACA,gDACA,oBAjHJ,yDAoHM,yBAEF,4DACE,UACA,UC/HR,yBrBCE,oBAEA,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kEqBLA,yCACE,kBACA,yBACA,gBAEA,sDACE,aAEF,+DACE,kBACA,cACA,iBACA,gBACA,YACA,yBACA,kBACA,cACA,mBATF,qEAYI,aACA,kCAbJ,qEAgBI,WACA,kBACA,WACA,SACA,QACA,SACA,mBACA,uBACA,6CACA,WAzBJ,mFA6BM,0DAxCV,wEA2CQ,aAGR,oBACE,aACA,SAFF,uCAKI,cALJ,uBAQI,UACA,SACA,gBACA,yBACA,sBACA,iBACA,gBACA,kBARF,mDAWI,gBAEF,0BACE,gBACA,gBACA,cAHF,yCAUI,yBAGF,8BACE,gBADF,8CAII,uCACA,yBACA,cCrFV,4BACE,gBACA,yBACA,2DAEA,mDCLF,yBACE,UAEA,kCACE,cACA,iBAEF,4BACE,0BVWA,yCZUI,sBsBlBJ,6BACA,UACA,SACA,YACA,iBACA,gBAhBJ,+BAmBM,YACA,iBACA,mBAHF,6CAKI,yBAvBR,iCAyBQ,0BVNJ,WUQI,qBACA,cACA,mBACA,kBANF,uCAQI,yBChCV,wBACE,UADF,8BAII,0BXeA,yCZUI,sBuBtBJ,6BACA,mBACA,mBACA,YACA,iBAXJ,iCAcM,gBACA,eACA,gBACA,cACA,yBAEF,iCACE,mBACA,6BCtBN,kDACE,wCxB4BM,sBwBzBI,4EACR,gLACA,yBACA,aAPJ,8DZWI,YAQA,WYRA,gBACA,6BACA,kBACA,gBACA,SACA,cACA,cACA,4CxBWI,mbwB7BR,0E5BCE,qBACA,UACA,wK4BmBQ,0EACN,0DACA,4BACA,sCACA,0BC1BJ,4BACE,UADF,kCAII,kBACA,qBACA,mBACA,YAPJ,+CAUI,qBACA,mBACA,yBAZJ,wDAeM,cACA,WACA,4BAEA,iBACA,6BACA,YACA,8FzBOE,gVyBLF,gBACA,gBAzBN,8D7BCE,qBACA,UACA,wK8BHF,wBACE,0BdkBE,yCZUI,sB0BzBN,6BACA,mBACA,iBACA,oBACA,YACA,iBAEF,8BACE,aACA,UACA,kBAEA,mDACE,kBACA,YAEF,uCACE,4C1BQI,sB0BNJ,iBACA,oBACA,YACA,8F1BGI,gV0BDJ,gBACA,cATF,6C9BnBA,qBACA,UACA,wK+BHqB,oCACrB,kBACA,MACA,WACA,eACA,cAKA,wFACE,gCACJ,UACE,WACA,UACF,qBACE,WACA,UCjBF,2BAGI,kBACA,cACA,gBACA,gBACA,yBACA,SCRJ,uBACE,wC7B4BM,sB6BzBI,oCACR,gLACA,yBACA,aAPJ,gCAUI,oBCVJ,0BACE,0CACA,gBACA,iBAHF,iCAMI,UACA,YAPJ,gCAUI,kBACA,cAXJ,gKAeQ,aAIF,gFACE,mBAGN,gCACE,kBACA,gBACA,kBAEA,YAED,gCACC,iBAEF,+BACE,gCACA,SAFF,gDAKI,gBAtCN,4CAyCM,mBACA,gBA1CN,sCA6CM,aA7CN,qCAgDM,kBAhDN,gDAkDQ,iBAlDR,uDAqDM,YACA,wBACA,kBACA,WACA,gBACA,6BACA,kBACA,SACA,cACA,4C9BjCE,mb8BoCF,gBAbF,6DlCnDF,qBACA,UACA,wKkCHF,8CAoEM,cACA,gBACA,kBACA,oBAvEN,oDA0EQ,kBACA,WACA,kBA5ER,qDA8EQ,WACA,qBACA,kBACA,iBACA,yDACE,WACA,kBACF,2DACE,YAEF,2DACE,eACA,mBAEN,oDACE,gBACA,kBA9FN,qEAgGQ,iBAhGR,sCAkGM,WAlGN,kCAqGI,kBACA,YACA,iBACA,yBACA,uC/BtGF,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kE+BoGE,uCACE,iBAEF,+CACE,WACA,gBACA,yBACA,qBACA,gBApHN,wCAwHM,qBACA,eACA,iBACA,eACA,eA5HN,+CA+HQ,UACA,iBAEA,YACA,WACA,YACA,iBAEA,mBACA,kBACA,yBAEA,cACA,eACA,gBACA,kBAEN,sCACE,YACA,YACA,kBACA,mBACA,mBACA,WACA,yBACA,iDACE,yBACA,2DAEA,mDACA,qBACA,kBACA,8BACA,+BACA,iBACA,eACA,cACA,kBACA,eArKN,uDAuKQ,kBACA,UACA,WAzKR,gEA2KU,kBACA,OA5KV,iEA8KU,QACA,mBA/KV,yD3BqDE,4N2B6HM,WACA,YACA,mBA5BJ,wDA8BI,yBACA,WACN,+BACE,YACA,WACA,YA3LJ,yCA8LM,WACA,YACA,yBACA,sDACA,4BACA,4BACA,0BACA,eACA,kBAtMN,gE9BSQ,+BAKA,4BAKA,mDDZN,4C+BPF,mG/BCE,oBAEA,iCCMM,2BAKA,wBAKA,gDDXN,yC+BRF,mC9BSQ,sCAKA,mCAKA,2DDZN,oD+BsME,WACA,iBA9MJ,oDAiNM,YACA,WACA,eAnNN,uDAsNQ,6CACA,4BAvNR,yDAyNQ,+CACA,4BA1NR,6CA8NI,qBACA,UACA,YACA,YACA,0CAEA,oDACE,kBACA,gBAEF,mDACE,eAGJ,0cACE,cACA,aAEA,gBACA,gCAEA,mBAnPJ,mvBAqPM,OACF,6tBACE,cAEF,+mBACE,qBACA,WA3PN,4rBA6PQ,cACA,WACA,WA/PR,8vBAiQU,iBAjQV,+FAoQI,gBAGA,0CACE,cACA,YACA,WACA,gBA3QN,mDA6QQ,gFA7QR,oDA+QQ,iFARJ,mHAUI,oFAEJ,2CACE,gBACA,yBACA,gBAtRN,0DAyRM,yBACA,gBA1RN,yDA8RM,kBACA,iBACA,iBAhSN,+DAmSM,kBAnSN,mDAsSI,kBACA,SACA,YACA,aACA,uC/BvSF,iCCMM,sCAKA,mCAKA,6DALA,wBAKA,gDDZN,oDACA,kE+BRF,+DA6SM,kBA7SN,yDA+SM,YACM,8EACN,MAEJ,sC/BlTA,oBAEA,iCCMM,mCAKA,gCAKA,8DALA,4BAKA,kDDZN,+CACA,oE+B6SE,qDACE,kBACA,8BAFF,iEAII,iBACA,eA1TR,6CA8TM,cACA,iC/B5TJ,iCCMM,mCAKA,gCAKA,0DALA,wBAKA,8CDZN,+CACA,kE+BRF,mDAkUQ,qBACA,YAnUR,qDAqUU,qBACA,gBACA,kBACA,cAEJ,wDACE,gBACA,kBAEF,kEACE,iBAEF,4DACE,qBACA,YACA,gEACE,WCrVV,yCACE,WAEA,oDACE,kBACA,kBACA,gBACA,iBAEA,0DACE,cACA,YACA,gBACA,YACA,iBACA,gBACA,yBACA,kBACA,cACA,cACA,mBApBN,uFAuBQ,aAvBR,gEA0BQ,aACA,kCA3BR,8DA8BM,kBACA,UACA,SACA,WACA,yBACA,sCACA,0BACA,mChClCJ,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEgCqBE,qEAYI,aAZJ,oEAeI,WACA,cACA,mBACA,uBACA,6CACA,WAjDR,gDAoDI,kBACA,gBACA,eAtDJ,sDAyDM,eACA,gBACA,gBACA,cACA,kBACA,yBACA,eACA,kBAhEN,6DAmEQ,WACA,qBACA,YACA,WACA,kBAEE,0DACA,wBACA,wBACA,4BApBN,4DAuBI,yBACA,WAhFR,mEAmFU,sDAnFV,sEAuFU,aAvFV,sDA0FI,kBAEJ,yBACE,UACA,SACA,gBACA,yBACA,sBACA,iBACA,gBACA,gBACA,kBATF,qDAYI,gBAZJ,4BAeI,gBACA,gBACA,cAjBJ,gCAyBM,gBAzBN,gDA4BQ,sBACA,yBACA,cACA,mBC3HR,8BACE,cACA,aACA,eAEA,oCACE,qBACA,kBAEF,oCACE,qBACA,2FhCkBI,gVgCpBN,0CpCRA,qBACA,UACA,wKoCHF,0CAeI,kBACA,qBACA,YACA,eAlBJ,gDAqBM,kBACA,oBACA,UACA,SAxBN,oDA0BQ,WACA,gBA3BR,gDA+BM,aACA,WACA,iBACA,kBACA,yBACA,kBACA,eArCN,sDAwCQ,kCAxCR,0CA2CI,qBACA,YACA,yBACA,kBA9CJ,iDAiDM,aAjDN,+CAoDM,qBACA,WACA,cACA,gBACA,cACA,kBAEF,sDACE,kBACA,sBACA,SACA,WAEA,4DACE,WACA,SACA,kBACA,aACA,kBAtER,8KhCSQ,wBAKA,qBAKA,oBAKA,mBAKA,gBgC8CF,yEACE,kBACA,2BjC1EN,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEiCuEM,WACA,YACA,eACA,sBACA,6BAEA,kFACE,kBACA,MACA,OACA,aACA,cACA,UACA,WACA,mEACA,wBACA,wBACA,wDACA,UACA,sDAvBJ,uFA0BI,MACA,gGACE,0DAvGZ,yFA0GU,SA1GV,+EA8GU,iCA9GV,wFAgHY,WAhHZ,qFAmHY,iCAnHZ,8FAqHc,UAGd,mBACE,eACA,YACA,gBACA,YACA,eACA,aACA,yBACA,kBACA,sBACA,wFAEA,yCACE,kBACA,UACA,gBACA,gBACA,YACA,gBAlBJ,0HAqBM,kBACA,4BjC3IJ,iCCMM,+BAKA,4BAKA,sDALA,wBAKA,+CDZN,4CACA,kEiCwII,WACA,YACA,sBACA,mBACA,eACA,uBACA,wEA9BN,sIAiCQ,gCAbJ,sIAgBI,UACA,wCAEF,4IACE,kBACA,OACA,QACA,cACA,eACA,UACA,WACA,wDACA,mEACA,wBACA,wBAEJ,6DACE,oBArDN,sEAuDQ,0DAvDR,6DA0DM,mBA1DN,sEA4DQ,UACA,wDA7DR,8DAgEM,WACA,SAjEN,qEhC/GQ,wBAKA,qBAKA,oBAKA,mBAKA,gBgCgKA,sBACA,SACA,iBACA,6BACA,gBACA,gBACA,gBACA,cACA,eAVF,2EAaI,UACA,wCAdJ,yFAiBI,cACA,UArFV,wFAwFU,UAxFV,yBA4FI,WACA,iBACA,gBA9FJ,+BAiGM,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,YAZF,0CAeI,WACA,kBACA,WACA,UACA,SACA,WACA,UACA,mBACA,6BACA,wEAxBJ,gDA4BM,sCAEN,yDACE,WAEF,4DAEI,qCAEJ,mDACE,WACA,gBAFF,yDAII","file":"css/kms.css","sourcesContent":["/* ==========================================================================\n   Basic style settings\n   @mixin ========================================================================= */\n\n* {\n  box-sizing: border-box; }\n\n/*\n * Set up the body\n *\n * 1. This is the base for al rem units\n */\nhtml {\n  font-size: 20px /* 1 */;\n  line-height: 1.6; }\n\n/**\n * 1.Default display for images is block to lose the extra margin below the image\n * 2. Remove border / especially on older browsers\n */\nimg {\n  display: block /* 1 */;\n  border: none; }\n\n/**\n  * Add translation to prevent recoloring from autocomplete\n  */\ninput, textarea {\n  @include placeholder {\n    transition: all 9999s linear 9999s; } }\n\n/*\n * Remove default margin around figure\n */\nfigure {\n  margin: 0; }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/_base.sass","/* ==========================================================================\n   Config settings\n   @mixin ========================================================================= */\n\n/**\n * Define grid columns\n *\n * The inner grid is the section where the content is\n * The outer grid is the inner grid with extra margin columns on each side\n */\n\n/**\n * Define breakpoint for given formats\n */\n\n/* Bourbon 4.0.2\n * http://bourbon.io\n * Copyright 2011-2014 thoughtbot, inc.\n * MIT License */\n\n/* ==========================================================================\n   Font related functions\n   @mixin ========================================================================= */\n\n/**\n * Add some functions for readability\n * Return font-weight based on name\n */\n\n/* ==========================================================================\n  Functions used in grid calculation\n  @mixin ========================================================================= */\n\n/**\n  * This is where the magic happens\n  * Return percentage based on amount of columns\n  * Use parent column size to adjust the origin\n  */\n\n/**\n  * Default function for columns\n  * Return as percentage\n  */\n\n/**\n  * Return as viewport width\n  */\n\n/* ==========================================================================\n   Basic style settings\n   @mixin ========================================================================= */\n\n* {\n  box-sizing: border-box;\n}\n\n/*\n * Set up the body\n *\n * 1. This is the base for al rem units\n */\n\nhtml {\n  font-size: 20px;\n  line-height: 1.6;\n}\n\n/**\n * 1.Default display for images is block to lose the extra margin below the image\n * 2. Remove border / especially on older browsers\n */\n\nimg {\n  display: block;\n  border: none;\n}\n\n/**\n  * Add translation to prevent recoloring from autocomplete\n  */\n\ninput::-webkit-input-placeholder,\ntextarea::-webkit-input-placeholder {\n  transition: all 9999s linear 9999s;\n}\n\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  transition: all 9999s linear 9999s;\n}\n\ninput:-ms-input-placeholder,\ntextarea:-ms-input-placeholder {\n  transition: all 9999s linear 9999s;\n}\n\ninput:-moz-placeholder,\ntextarea:-moz-placeholder {\n  transition: all 9999s linear 9999s;\n}\n\n/*\n * Remove default margin around figure\n */\n\nfigure {\n  margin: 0;\n}\n\n/*==========================================================================\n  Grid\n  @mixin ========================================================================= */\n\n/**\n  * Grid row\n  *\n  * 1. The outer two columns are just margin\n  * 2. Prevent inline-block cells wrapping\n  * 3. Prevent vertical spacing between inline-blocks\n  */\n\n.grid-row {\n  width: 85.71428571%;\n  max-width: 1440px;\n  margin: 0 auto;\n  font-size: 0;\n  line-height: 0;\n  /**\n   * The full row doesn't have the two outer margin rows\n   * They stretch till both ends of the window\n   */\n}\n\n.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  opacity: 0.4;\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  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}\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  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#confirmOverlay {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 100000;\n}\n\n#confirmBox {\n  background: #ffffff;\n  width: 370px;\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  padding: 20px 30px 30px 30px;\n  margin: -130px 0 0 -230px;\n  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n}\n\n#confirmBox h1,\n#confirmBox p {\n  margin: 0;\n  text-align: center;\n}\n\n#confirmBox p {\n  line-height: 24px;\n}\n\n#confirmBox h1 {\n  color: #3289ff;\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 {\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-file {\n  padding: 0;\n}\n\n.entity-attribute-file input {\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: 22.5px;\n  padding-bottom: 0;\n  border: none;\n  line-height: 15px;\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-file 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-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 text-field-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 text-field-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 text-field-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 text-field-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 text-field-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 text-field-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: 420px;\n}\n\n.entity-attribute-dynamic video-block .video .info p {\n  display: inline-block;\n  font-size: 0.8rem;\n  margin: 0 0 0 20px;\n  color: #32343a;\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}\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// ./styles.sass","@mixin placeholder {\n  &::-webkit-input-placeholder /* Chrome/Opera/Safari */ {\n    @content; }\n  &::-moz-placeholder /* Firefox 19+ */ {\n    @content; }\n  &:-ms-input-placeholder /* IE 10+ */ {\n    @content; }\n  &:-moz-placeholder /* Firefox 18- */ {\n    @content; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/global/mixins/_placeholder.sass","/*==========================================================================\n  Grid\n  @mixin ========================================================================= */\n\n/**\n  * Grid row\n  *\n  * 1. The outer two columns are just margin\n  * 2. Prevent inline-block cells wrapping\n  * 3. Prevent vertical spacing between inline-blocks\n  */\n\n.grid-row {\n  width: column(12) /* 1 */;\n  max-width: 1440px;\n  margin: 0 auto;\n  font-size: 0 /* 2 */;\n  line-height: 0 /* 3 */;\n\n  /**\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  opacity: 0.4;\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@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  flex-wrap: wrap;\n  flex-direction: row;\n  flex-flow: row wrap; }\n\n@mixin order($place) {\n  @include prefixer(order, $place, webkit ms);\n  order: $place; }\n\n@mixin align-content($align) {\n  @include prefixer(align-content, $align, webkit);\n  align-content: $align; }\n\n@mixin align-self($align) {\n  @include prefixer(align-self, $align, webkit);\n  align-self: $align; }\n\n\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  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\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    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","#confirmOverlay {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background: rgba(0,0,0,0.5);\n  z-index: 100000; }\n\n#confirmBox {\n  background: $white;\n  width: 370px;\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  padding: 20px 30px 30px 30px;\n  margin: -130px 0 0 -230px;\n  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;\n\n  h1, p {\n    margin: 0;\n    text-align: center; }\n\n  p {\n    line-height: 24px; }\n\n  h1 {\n    color: $brand-primary; } }\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/_confirm_box.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 {\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 \"file\";\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-file {\n  padding: 0;\n\n  input {\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(.75);\n    padding-bottom: 0;\n    border: none;\n    line-height: grid-row(.5);\n    @include attribute-focus; } }\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/sass/kms/resources/assets/sass/kms/attributes/_file.sass","// 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-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",".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, text-field-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: 420px;\n        p {\n          display: inline-block;\n          font-size: 0.8rem;\n          margin: 0 0 0 20px;\n          color: $dark-gray; } }\n\n      .auto-play {\n        margin-top: 20px;\n        margin-bottom: 8px; }\n\n      input[type='checkbox'] {\n        margin-left: 20px; }\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":""}