{"version":3,"file":"css/bootstrap-extended.css","mappings":"AACE,QACE,YCGJ,CCMA,cACE,yBDHF,CCKA,cACE,yBDFF,CCIA,cACE,yBDDF,CCIA,eACE,0BDDF,CCGA,eACE,0BDAF,CCEA,eACE,0BDCF,CCCA,eACE,0BDEF,CCAA,eACE,0BDGF,CCAA,cACE,wBDGF,CCDA,cACE,0BDIF,CCFA,cACE,wBDKF,CCHA,cACE,wBDMF,CCJA,cACE,wBDOF,CCCA,eC7BE,eFgCF,CCAA,eChCE,eFoCF,CCDA,eCnCE,eFwCF,CCFA,eCtCE,eF4CF,CCHA,eCzCE,eFgDF,CCFA,aACI,iBDKJ,CCHA,gBACI,eDMJ,CGnFA,KAIE,qBCwPO,CCzPL,oBFEqB,CAFvB,aG8BK,CH/BL,cADA,mBH0FF,CGpFA,IACC,wBHuFD,CGtFC,SAEC,sCHuFF,CO/EE,0BACE,ePkFJ,CO9EI,6DAIE,qCACA,oCAFA,sBADA,kBPmFN,CO5EE,sGAIE,kCADA,eP+EJ,CO1EA,+BAEE,kCADA,gBP8EF,CO1EA,cACE,gCACA,6BACA,4CACA,4CP6EF,COzEA,mBC/CE,iBADA,kBADA,kBADA,mBDmDA,YCpDA,URqIF,CO7EA,aCtCE,aACA,eAEA,kBADA,kBRwHF,COhFA,sBC7BE,kBADA,mBALA,kBAIA,URsHF,CS5FI,yBFKJ,sBCzBE,aAIA,aRiHA,CACF,CSlGI,yBFKJ,sBCzBE,wBAIA,wBRuHA,CACF,COvFA,2BCzCE,kBADA,mBALA,kBAIA,URyIF,CS/GI,yBFiBJ,2BCrCE,aAIA,aRoIA,CACF,CSrHI,yBFiBJ,2BCrCE,wBAIA,wBR0IA,CACF,CU5KE,4CACE,kBV+KJ,CUzKE,gBACE,kBV4KJ,CU1KE,oBACE,aACA,qBV4KJ,CUzKE,UACE,gBV2KJ,CUrKA,eAEE,wBNXK,CMUL,UVyKF,CUpKA,uBACE,wBVuKF,CUrKI,gCAGE,qBNlCE,CMiCF,gBADA,4BVyKN,CUpKE,oDACE,QVsKJ,CUnKI,gCAEE,qBN3CE,CM0CF,wBVsKN,CUpKM,sCACE,0BVsKR,CU/JA,sEAGM,gCACE,2BVgKN,CACF,CWlOE,gCAEG,wBADA,iBAEA,oDXoOL,CWvOE,2BAEG,wBADA,iBAEA,uBXoOL,CW5NI,sCACG,yBACC,oDXiOR,CWnOI,iCACG,yBACC,uBXiOR,CW9NM,6CACI,aXgOV,CWvNA,MACI,cACA,iBACA,gBACA,kBX2NJ,CWvNA,sBAEE,eADA,kBX2NF,CWtNA,YACI,oBXyNJ,CWpNA,cACI,yBACA,aXuNJ,CWpNA,cAII,gCAHA,aPpCO,COqCP,iBACA,kBXwNJ,CWrNI,gBACI,eACA,gBACA,iBXuNR,CW9MA,cACI,6BAEA,gBADA,cXqNJ,CWlNI,qBACI,wBXoNR,CWlNI,qBACI,iBXoNR,CWlNI,oBACI,gBXoNR,CWjNI,kBAEI,gCADA,aAGA,mBADA,YXoNR,CSpOI,4BEqBI,6BACI,qBACA,kBXkNV,CACF,CSvPI,yBE6CQ,4CACI,gBX8Md,CACF,CWxMA,8BACE,YX2MF,CW1ME,gDACE,iBX4MJ,CW7ME,2CACE,iBX4MJ,CWvMA,8BACE,aX0MF,CWzME,gDACE,eX2MJ,CW5ME,2CACE,eX2MJ,CWrMA,mBACE,mBXwMF,CWvME,yBAEE,YADA,mBX0MJ,CWnME,6CAWE,wBACA,qBATA,wEACE,CAMF,4BAHA,mCACE,CAKF,oBX+LJ,CW1LA,eACI,qBACA,uBX6LJ,CWzLA,mBACI,yBACA,oBX4LJ,CWxLA,yDAEE,gBACA,WAFA,cX6LF,CWtLQ,yEACI,wBPrJF,COsJE,oBXyLZ,CWnLA,kBAEI,qBADA,iBXwLJ,CWnLM,yCACE,kBACA,YXqLR,CW/KM,yCACE,eXiLR,CW5KI,wBASI,wBADA,YAJA,cAMA,iBAPA,OAQA,UALA,cACA,oBANA,kBACA,MAGA,+BXoLR,CW3KI,mDACI,aX6KR,CWzKY,wRACI,wBAEA,UADA,oEX4KhB,CW9KY,oQACI,wBAEA,UADA,+BX4KhB,CWvKS,iJACG,iCXyKZ,CW1KS,uIACG,iCXyKZ,CWrKQ,yHAEI,gBAEA,SAHA,iBAEA,SXwKZ,CW3KQ,+GAEI,gBAEA,SAHA,iBAEA,SXwKZ,CWjKQ,sCACI,SXmKZ,CW5JA,iBAGI,mBADA,aAEA,2BACA,gBAJA,iBXoKJ,CW/JI,uBAMI,eAHA,YACA,UAHA,kBAMA,MALA,WAGA,WXmKR,CW/JU,4CAEE,oBPlPF,COiPE,sBXkKZ,CWhKY,gEAEE,wBPrPJ,COoPI,sBXmKd,CWjKc,yEAEE,gBACA,UAFA,sBXqKhB,CW/Jc,wFACE,gBXiKhB,CW7Jc,wFACE,gBX+JhB,CWzJU,uEAEE,wBP3QF,CO0QE,wBX4JZ,CW1JY,gFACE,UACA,wBX4Jd,CWxJQ,gCACE,eACA,mBX0JV,CWzJU,6CACE,eACA,UX2JZ,CWvJI,8BAOE,wBP9SK,CO+SL,kBAPA,eAGA,WCpLY,CD4LZ,mBADA,gBATA,kBAOA,yBACA,wBAPA,UXkKN,CWxJM,6CAEE,WC9La,CD6Lb,UX2JR,CWxJM,6CAEE,WCjMa,CDgMb,UX2JR,CWxJM,kDAEI,YAEA,OADA,kBAEA,0BACA,uBACA,wBANA,WAOA,UX0JV,CWzJU,2DAGE,mBACA,UPhVJ,CO6UI,aACA,sBX6JZ,CWnJA,cAGI,mBADA,aAEA,2BACA,gBAJA,iBX2JJ,CWtJI,oBAMI,eAHA,YACA,UAHA,kBACA,WAGA,WXyJR,CWtJU,sCAEE,UADA,sBXyJZ,CWvJY,wDACI,mBACA,4CACA,UACA,kBXyJhB,CWvJY,wDACE,UACA,mBXyJd,CWrJQ,6BACE,eACA,mBXuJV,CWtJU,uCACE,eACA,UXwJZ,CWpJU,qCACE,oBXsJZ,CWjJI,wBACE,eAGA,WCvQS,CDyQT,mBAJA,kBAGA,wBAFA,UXsJN,CWlJM,oCAEE,WC3QU,CD0QV,UXqJR,CWlJM,oCAEE,WC9QU,CD6QV,UXqJR,CWlJM,oFAOI,kBALA,YAEA,OADA,kBAGA,MADA,yBAJA,UX0JV,CWlJM,0CACI,uBACA,wBXoJV,CWlJM,0CACE,UACA,mBXoJR,CW5IA,eACE,cXkJF,CWhJE,qCACE,gBAEA,UADA,YXsJJ,CWlJI,4CAEE,wBC5QY,CD2QZ,YAIA,0BAFA,gBACA,eAMA,OADA,KXqJN,CWjJI,uFANE,eADA,yBAEA,+DXgKN,CW3JI,2CAKE,qBPrcE,COocF,gBADA,SAFA,kBACA,OXyJN,CW/II,8NAKE,eADA,gBAFA,kBACA,QAGA,+DXiJN,CW/II,8GAEE,UPtdE,COqdF,QXkJN,CW/II,gHACC,SXiJL,CW/II,2CACE,SXiJN,CW3IE,6BACE,iBX6IJ,CWxIE,0EACE,eX0IJ,CWtIE,yEACE,4BXwIJ,CWrII,2FACE,SXuIN,CWrII,4FACE,SXuIN,CWnII,sFACE,SXqIN,CWnII,qFACE,SXqIN,CWlIE,wFACE,wBXoIJ,CW9HI,+CAEE,gBADA,UXiIN,CW/HM,sDAGE,wBCpWU,CDmWV,YAIA,0BAEA,eAJA,gBACA,eAEA,yBAEA,gEARA,UXyIR,CW/HM,qDAEE,qBPvhBA,COshBA,gBAGA,eAIA,UAFA,kBACA,QAJA,yBAEA,+DXoIR,CW/HM,oIACE,SXiIR,CW9HM,kIACE,QXgIR,CW5HI,mFACE,4BX8HN,CWxHI,+CAEE,gBADA,YX2HN,CWzHM,sDAGE,wBC5YU,CD2YV,YAIA,0BAEA,eAJA,gBACA,eAEA,yBAEA,gEARA,YXmIR,CWzHM,qDAKE,qBPlkBA,COikBA,gBAGA,eAJA,UAFA,kBACA,QAIA,yBAEA,+DX2HR,CWzHM,oIACE,UX2HR,CWvHI,mFACE,4BXyHN,CWjHA,eACE,wBPnkBQ,COukBR,0BAHA,UPvlBM,COylBN,gBAEA,kBAHA,eXwHF,CW5GM,wDAEE,+BADA,mBXiHR,CW1GM,yDAEE,8BADA,mBX6GR,CWnGE,4DACE,aXuGJ,CWhGE,iCAEE,mBADA,YXqGJ,CWnGI,+CAIE,wBProBI,COooBJ,SAEA,4BAEA,gBALA,YADA,YAKA,iBXsGN,CWpGM,qDAEE,gBADA,SXuGR,CWjGE,mDACE,kBXmGJ,CWlGI,wJAIE,4BADA,gBADA,eADA,UAIA,iBXoGN,CWnGM,4JACE,gBACA,kBACA,QXqGR,CWlGI,6EACE,SXoGN,CWlGI,2EACE,UXoGN,CW9FI,kIACE,0CACA,eACA,UXgGN,CW3FE,oCACE,cX6FJ,CW3FM,4DACE,qBX6FR,CWzFM,8HACE,cX2FR,CWrFE,oCACE,aXuFJ,CWrFM,4DACE,qBXuFR,CWnFM,sLAEE,gBADA,eAEA,iBXqFR,CWpFQ,0LACE,eXsFV,CW/EA,sBACE,0CACA,cXkFF,CW7EA,4FAEI,uBXiFJ,CW3EI,oDAAoB,yBXgFxB,CW1EA,sEAIM,wBACI,YX0ER,CWpEE,6CACE,eXsEJ,CWjEE,yBACE,6BXmEJ,CACF,CW5DE,4BACE,qBX8DJ,CWxDE,2BACE,WX2DJ,CWtDM,iHACE,MXwDR,CWpDI,wXACE,QXsDN,CWjDM,4DACE,iBXmDR,CWpDM,uDACE,iBXmDR,CW/CM,2GAEE,iBADA,eXkDR,CW1CM,4DACE,eX4CR,CW7CM,uDACE,eX4CR,Ca71BE,cACE,cbg2BJ,Ca71BE,eACE,ab+1BJ,Ca91BI,gEACE,uBbg2BN,Ca31BE,gCACE,+Bb61BJ,Caz1BE,mBACE,Ub21BJ,Ca11BI,yBACE,kCb41BN,Cax1BI,oBACE,kCb01BN,Cat1BI,qBACE,kCbw1BN,Can1BE,wEAGE,gBbm1BJ,Ca90BI,8BACE,mCbg1BN,Ca90BI,6DAEE,kBb+0BN,Ca10BI,yBACE,kCb40BN,Ca10BI,mDAEE,kBT1CK,CS2CL,Ub20BN,Cat0BI,0BACE,kCbw0BN,Cat0BI,qDAEE,kBbu0BN,Cal0BE,0BAEE,iCADA,6Bbq0BJ,Can0BI,iCAEE,iCADA,6Bbs0BN,Cah0BE,0BACE,wBTxDQ,CSyDR,2CACA,Ubk0BJ,Cah0BI,gCACE,Ubk0BN,Ca/zBI,iEAEE,aACA,yBbg0BN,Ca7zBE,sBACE,2CACA,Ub+zBJ,Ca7zBI,4BACE,Ub+zBN,Ca5zBI,yDAEE,aACA,yBb6zBN,Ca1zBE,qBACE,wBTlGO,CSmGP,+CACA,Ub4zBJ,Ca1zBI,2BACE,Ub4zBN,CazzBI,uDAEE,aACA,yBb0zBN,CarzBE,cACE,uBbuzBJ,CapzBI,qBACE,abszBN,CalzBI,qBACE,YbozBN,Ca/yBE,gBRhJE,eLk8BJ,Ca9yBE,eRpJE,kBLq8BJ,Ca7yBE,8CAKE,0BADA,Yb6yBJ,CazyBI,gBACE,gBb2yBN,CalyBE,8CAEE,eTtKI,CSqKJ,uBbuyBJ,CahyBA,qDAIE,cbmyBF,Ca/xBA,oBACE,abkyBF,Ccj+BE,4BACE,iBdo+BJ,Cch+BI,4CAME,edo+BN,Cc/9BI,yFANE,oBAGA,gBAJA,gBAHA,kBAEA,WADA,QAKA,4Bd6+BN,Ccz+BI,6CAME,edm+BN,Cc59BI,sBACE,iBd89BN,Cc59BM,yDAEE,UACA,Ud69BR,Ccj9BI,sFACE,Sds9BN,Cch9BM,iEACE,wBdk9BR,Cc78BM,iEACE,yBd+8BR,CetgCM,sGACE,Uf0gCR,CetgCE,kGAEE,qBfwgCJ,CevgCI,sHVVA,kBLqhCJ,CetgCE,qDAIE,4BAFA,+CACA,yBAFA,mBf2gCJ,CergCE,sEACE,uBfugCJ,CergCI,6EACE,UfugCN,CelgCE,yBACE,iCACA,iBX0JqB,CWxJrB,qCAEA,eAHA,mBfsgCJ,CelgCI,gCAQE,eXxCE,CW2CF,qCADA,oCAGA,sBAZA,WAMA,cADA,cAFA,YAFA,kBACA,SAMA,wCAJA,aAOA,UfqgCN,CehgCM,oDAEE,UADA,WfmgCR,Ce7/BI,0CAEE,mBADA,wBfggCN,Ce5/BI,wCAEE,aXZO,CWcP,eAHA,mBAEA,Uf+/BN,Ce7/BM,8CACE,wBXlEE,CWmEF,af+/BR,Ce7/BM,+CACE,Uf+/BR,Ce5/BM,+CACE,6BACA,af8/BR,Cex/BE,YACE,kBf0/BJ,Cep/BM,0CACE,Yfs/BR,Cep/BM,sCACE,cfs/BR,Ceh/BC,uCAIE,iBfm/BH,Cej/BI,+JACE,wBfs/BN,Cej/BE,qBAGE,cADA,UADA,kBfs/BJ,Ce7+BE,uBACE,sBAEA,0BADA,oBAKA,aAGA,SAFA,UAJA,kBAEA,QADA,QAMA,gBf++BJ,Ce5+BE,uCACE,wCf8+BJ,Ce5+BI,6CACE,Mf8+BN,Cev+BI,sCACE,Yfy+BN,Cep+BE,uBACE,Sfs+BJ,Ce/9BI,uGAEE,qBfi+BN,Ce39BA,QACE,iBf89BF,Ce79BE,0CAEE,qBf+9BJ,Ce79BE,mDAEE,0CADA,mBfg+BJ,Ce39BI,+BACE,0BACA,qBf69BN,Cez9BI,8BAQE,eXlME,CWoMF,uCACA,sCARA,gBAUA,sBAZA,WAMA,cADA,eAFA,cAFA,kBAOA,wCAJA,cAOA,Uf49BN,Cex9BM,kDACE,UACA,af09BR,Cep9BI,yCACE,YACA,Kfs9BN,Ce98BE,8CAEE,qBfi9BJ,Ce/8BE,qDACE,mBfi9BJ,Ce78BI,kCACE,sBAEA,0BADA,mBfg9BN,Ce38BI,gCAQE,eXpPE,CWuPF,qCADA,oCAGA,sBAZA,WAMA,cADA,eAJA,kBAEA,QADA,aAMA,yCAJA,cAOA,Uf88BN,Cet8BE,gDAEE,qBfy8BJ,Cev8BE,sDACE,mBfy8BJ,Cer8BI,kCACE,sBAEA,0BADA,mBfw8BN,Cen8BI,iCAQE,eXxRE,CW0RF,uCACA,sCAEA,sBAZA,WAMA,cADA,eAFA,YAFA,kBACA,aAMA,yCAJA,cAOA,Ufs8BN,Ce37BM,4GACE,Yf+7BR,Ce57BI,4FACE,cf+7BN,Ce97BM,0HAEE,eADA,oBfk8BR,Ceh8BQ,8HAEE,aX/PG,CW8PH,gBfo8BV,Cej8BQ,sIACE,Ufo8BV,Ce37BI,gEACA,uBf87BJ,Ce57BI,oDACE,af87BN,Cez7BA,sEAEE,uBACA,yBACA,sBf47BF,Cez7BA,mBAKC,GAEE,UADA,uBf67BD,Ce17BD,GAEE,UADA,0Bf67BD,CACF,CgBrxCE,uGAGE,qBhBgyCJ,CgB/uCA,sBACE,YhBkvCF,CgB7uCE,uCAEE,mGAEA,yBAHA,cAKA,aAHA,mBAIA,eACA,MAHA,WAIA,UhBgvCJ,CgB5uCA,eAKE,mGAFA,4CZcsB,CYftB,kBADA,UAGA,wBAEA,WhBgvCF,CgB9uCE,yBACE,UhBgvCJ,CgBvuCU,gKAEE,oBhB4uCZ,CgBvuCU,kEACE,uBhByuCZ,CgBluCQ,oJAEE,uBhBouCV,CgB9tCE,4BAEE,oBACA,eAEA,WACA,UhB8tCJ,CgB1tCE,iCACE,uBACA,0BAGA,UJ3DkB,CI0DlB,QADA,MAGA,wBhB4tCJ,CgBztCE,+BACE,UhB2tCJ,CgBvtCE,6BACE,+BhBytCJ,CgBttCE,yCACE,+BhBwtCJ,CgBptCE,6BACE,uChBstCJ,CgBhtCM,uEACE,YhBktCR,CgB7sCE,6DACE,ehB+sCJ,CgB7sCI,gFACE,iBAEA,gBADA,qBhBgtCN,CgB3sCE,iCAIE,mBACA,cAJA,iBZ1IK,CY4IL,uBhB8sCJ,CgBvsCU,wEACE,4BhBysCZ,CgBtsCc,gFACE,ahBwsChB,CgB/rCI,iDACE,ShBisCN,CgB5rCQ,mEACE,QhB8rCV,CgB1rCQ,kDACE,yBhB4rCV,CgB1rCU,2DACE,kBAEA,WADA,QhB6rCZ,CgBvrCU,wEACE,qBhByrCZ,CgBrrCQ,sDACE,UZ7NF,CY8NE,iChBurCV,CgBrrCU,kEACE,kBhBurCZ,CgBlrCU,8EAEE,UACA,cAFA,UhBsrCZ,CgBlrCY,6FACE,YhBorCd,CgBlrCc,uMAEE,kBZ7NN,CY8NM,oBhBmrChB,CgB7qCQ,gEAGE,mBADA,aADA,kBhBirCV,CgB7qCU,2EACE,qBACA,sBACA,iBhB+qCZ,CgB5qCU,6EACE,iBhB8qCZ,CgB3qCU,oEACE,kEhB6qCZ,CgBzqCQ,yDACE,gChB2qCV,CgBzqCU,2DACE,iBhB2qCZ,CgBvqCQ,4DACE,8BhByqCV,CgBrqCU,0EAGE,qBAFA,aACA,sBAEA,WACA,kBhBuqCZ,CgBnqCQ,2DACE,kBhBqqCV,CgBlqCQ,mDAEE,aZpPG,CYmPH,gBhBqqCV,CgBlqCU,yDACE,ahBoqCZ,CgBhqCQ,uDACE,kBhBkqCV,CgB/pCQ,iEACE,iBhBiqCV,CgB3pCI,sDACE,WhB6pCN,CgB1pCQ,yEAGE,4CAFA,YhB8pCV,CgB1pCU,+EACE,kBhB4pCZ,CgBzpCU,qFACE,ahB2pCZ,CgBtpCU,wFACE,kBhBwpCZ,CgBnpCM,4EACE,+BhBqpCR,CgBjpCQ,8EAEE,6BADA,ahBopCV,CgBnoCE,wFACE,ahBwoCJ,CSp7CI,4BO1CF,8BAEE,mBACA,kBAFA,oBhBm+CF,CgB/9CE,2CAEE,kBADA,OhBk+CJ,CgB99CE,uDACE,gBhBg+CJ,CgB79CE,4CAEE,SADA,kBAEA,MACA,yBhB+9CJ,CgB19CE,kDAEE,cAEA,YADA,SAFA,UhB+9CJ,CACF,CS98CI,4BO1CF,+DAEE,mBACA,kBAFA,oBhB+/CF,CgB3/CE,4EAEE,kBADA,OhB8/CJ,CgB1/CE,wFACE,gBhB4/CJ,CgBz/CE,6EAEE,SADA,kBAEA,MACA,yBhB2/CJ,CgBt/CE,mFAEE,cAEA,YADA,SAFA,UhB2/CJ,CgB1qCI,2KACE,UhB6qCN,CgBpqCI,qQACE,ahB0qCN,CACF,CgBlqCA,cACE,6DhBoqCF,CgBlqCE,gCACE,ehBoqCJ,CgBhqCI,6BACE,ahBkqCN,CgB9pCM,2CACE,gChBgqCR,CgB3pCM,6CACE,ahB6pCR,CgBvpCA,aACE,kBhB0pCF,CgBxpCE,2BACE,oBhB0pCJ,CgBvpCE,+BACE,kBhBypCJ,CgBlpCI,+EAGE,kBZtbK,CYqbL,UhBqpCN,CgB/oCI,4BACE,ahBipCN,CgB7oCM,0CACE,oChB+oCR,CgB1oCM,4CACE,ahB4oCR,CgBtoCA,kBASE,ehBioCF,CgBzoCE,iCACE,kBhB2oCJ,CgBzoCI,6CACE,UhB2oCN,CgBpoCI,iCACE,ahBsoCN,CgBnoCI,wCACE,ahBqoCN,CgBjoCM,+CACE,gChBmoCR,CgB9nCM,iDACE,ahBgoCR,CgB1nCA,mBASE,kBhBqnCF,CgB7nCE,kCACE,ehB+nCJ,CgB7nCI,8CACE,ahB+nCN,CgBxnCI,kCACE,ahB0nCN,CgBvnCI,yCACE,UhBynCN,CgBrnCM,gDACE,gChBunCR,CgBlnCM,kDACE,ahBonCR,CgB9mCA,4BAIQ,qBACE,kBACA,UACA,ShB8mCR,CACF,CgBtmCE,uBAKE,kBZtiBO,CYuiBP,kBALA,cAEA,WAKA,OADA,UALA,kBAOA,uBACA,4BANA,UhB8mCJ,CgBpmCA,mCACE,KhBumCF,CgBpmCA,oCACE,QhBumCF,CgBpmCA,oCACE,QhBumCF,CgBpmCA,wCACE,SACA,wBhBumCF,CgBpmCA,yCAEE,WADA,ShBwmCF,CgBpmCA,yCACE,SACA,yBhBumCF,CSvnDI,4BO0hBE,iCACE,ehBimCN,CgB9lCI,kDACE,mBhBgmCN,CgB1lCM,sDAGE,WADA,iBAGA,aACA,iBACA,kBANA,QAGA,UhB+lCR,CgBvlCM,qEACE,iBhBylCR,CgBnlCQ,sDACE,kBhBqlCV,CgBllCQ,gEACE,mBhBolCV,CgBjlCQ,kEAEE,iBADA,chBolCV,CgBxkCE,6NAGE,qBhB6kCJ,CgBxkCM,yGACE,UhB2kCR,CgBhjCM,2UACE,ahB2jCR,CACF,CgBrjCA,UAEE,gCADA,qBhBwjCF,CgBpjCA,sBACE,uBhBujCF,CgBpjCA,wBACE,2BhBujCF,CgBpjCA,yBACE,uBhBujCF,CgBpjCA,2BACE,0BhBujCF,CSlsDI,4BOgpBA,8DACE,YhBsjCJ,CACF,CgB9iCM,sDACE,yBhBgjCR,CgBziCA,kFAKQ,6DACE,wBhBwiCR,CACF,CSjtDI,6BOsrBM,gEACE,qBhB8hCV,CgB3hCQ,kEAEE,iBADA,chB8hCV,CgBvhCE,iCACE,OACA,UhByhCJ,CACF,CgBt/BA,yBAfI,2CAEE,mBADA,QhBygCJ,CgBtgCI,0DACE,iBhBwgCN,CgBrgCI,qDACE,UhBugCN,CACF,CS1uDI,4BOytBA,2CAEE,mBADA,QhBqhCJ,CgBlhCI,0DACE,iBhBohCN,CgBjhCI,qDACE,UhBmhCN,CACF,CgBjgCA,oJAxCQ,sDACE,gBhB8iCR,CACF,CgB9/BA,oJAlDQ,sDACE,gBhBqjCR,CACF,CgB7/BE,0BAKE,sBhB4/BJ,CgBhgCI,uCACE,mBhBkgCN,CgB1/BQ,kDACE,ahB4/BV,CgBl/BU,sJACE,UhBu/BZ,CgB5+BQ,0LACE,iBhBg/BV,CgB5+BU,uOAGE,oBAFA,kBACA,OhBi/BZ,CgBt+BM,6GACE,gBhBw+BR,CgBt+BQ,yHACE,ShBw+BV,CgB/9BI,4CACE,ehBi+BN,CgB39BA,yBAIM,4CACE,kBhB29BN,CgBt9BI,0CACE,WhBw9BN,CACF,CgBj9BA,yBAGM,4CACE,kBhBi9BN,CgB/8BM,wDACE,kBhBi9BR,CACF,CgB18BA,0BAEI,yBACE,MhB28BJ,CgBr8BI,oDACE,oBACA,oBhBu8BN,CACF,CgBl8BA,0BAGM,2EACE,ehBk8BN,CACF,CgB57BA,yBAKU,kEACE,ehB07BV,CACF,CS70DI,4BO25BF,4BAEE,mBACA,oBAFA,mChBu7BF,CgBl7BA,2CACE,6BACA,6BhBo7BF,CgBj7BA,iCACE,4BACA,yBhBm7BF,CACF,CgB/6BA,yBAGM,2CACE,chB+6BN,CACF,CiB16DA,uBACC,oBjB46DD,CiB16DA,MAGE,yBACA,qBACA,kCAHA,mBAID,8BjB46DD,CiB36DE,YACC,yBjB66DH,CiB36DE,qBACE,gBjB66DJ,CiB36DC,kBAGE,kBAFD,gBACA,sBAEE,mBjB66DJ,CiB36DE,qBACC,oCjB66DH,CiB16DE,gBACE,oCjB46DJ,CiBz6DE,wBACE,mBjB26DJ,CiBv6DC,sBASE,SARA,cAIA,sBAGA,OAEA,cAPA,eAIA,QADA,MAFA,qBAFA,YjBi7DH,CiBv6DC,wCACE,iCjBy6DH,CiBt6DE,mCACC,0BjBw6DH,CiBt6DE,oCACC,uBjBw6DH,CiBr6DC,mBACC,YACA,ejBu6DF,CiBp6DC,mBAEC,mBAKA,6BAFC,mBAJD,aAEA,eACA,8BAEA,uBjBu6DF,CiBr6DG,+BACC,ejBu6DJ,CiBp6DG,iFAEA,yBAIG,eAHF,kBAEE,WADF,QjBw6DJ,CiBn6DK,iJACC,oBjBs6DN,CiBl6DI,qFAEI,iBjBq6DR,CiBp6DK,6FAEA,mBADA,ejBw6DL,CiBp6DU,qIAEI,qBADA,4BjBw6Dd,CiBp6DY,mJACE,yBjBu6Dd,CiBh6DC,mBACC,4BjBk6DF,CiB75DC,oBACE,oBjBg6DH,CiB35DC,uBACC,UjB85DF,CiB15DE,0CACC,oBjB45DH,CiBz5DC,iBACC,qBjB25DF,CiBh5DE,0FACC,UjBy5DH,CiBp5DA,kBACC,4BjBu5DD,CSp+DI,4BQgFH,kBACC,iBjBw5DA,CiBv5DA,+BACC,YjBy5DD,CiBv5DA,0BAEI,cAIA,YACA,OAJA,aAOA,kBATA,mBAGA,SACA,SAMA,WAFA,WjB05DJ,CiBv5DC,uCACK,qBbhKA,CaiKA,cACA,kBAEA,WADA,QjB05DN,CACF,CS7gEI,yBQyHH,yBACC,YjBu5DA,CACF,CiBl5DI,0DACE,mBjBo5DN,CiB54DI,iCACE,8BAEA,mBADA,iBjBg5DN,CiB94DM,oCAEE,mBADA,iBjBi5DR,CiB/4DQ,sCACE,ejBi5DV,CiB74DQ,mDAME,mBACA,kBACA,Ub9MF,Ca2ME,aAFA,aACA,cAHA,kBACA,KjBq5DV,CiB94DU,qDACE,kBjBg5DZ,CiBz4DI,kCACE,+BAEA,oBADA,kBjB44DN,CiB14DM,qCAEE,mBADA,kBAEA,gBjB44DR,CiB34DQ,uCACE,ejB64DV,CiB14DQ,oDAKE,kBACA,UbzOF,CauOE,oBAHA,kBAEA,cADA,KjBg5DV,CiB34DU,sDACE,kBjB64DZ,CiBp4DA,sEAEE,yBACE,cjBs4DF,CiBl4DI,mCACE,ajBo4DN,CiB73DI,4DACE,iBACA,iBjBg4DN,CACF,CkBjpEA,YAGI,6BAEA,8BACA,gBAJA,4CdkGoB,CcnGpB,cdyGa,CctGb,oClB6pEJ,CkBzpEQ,yBAEI,mBADA,mBlB4pEZ,CkBhpEI,8CACI,clBkpER,CkBjpEQ,qDAGI,adoCC,CctCD,gBACA,mBlBopEZ,CkBhpEI,oCACI,alBkpER,CkB5oEC,+BACC,WlBgpEF,CkB5oEC,6BACC,SACA,SlB+oEF,CkBvoEE,mCACE,WlB2oEJ,CkB1oEI,4EACE,iBACA,clB4oEN,CkBvoEM,+FACI,WlByoEV,CkBnoEM,4FACI,YACA,kBACA,QlBqoEV,CkB/nEM,8FACI,WlBioEV,CkB3nEM,6FACI,WlB6nEV,CkBvnEM,+FACI,gBACA,oBACA,kBACA,OlBynEV,CkBlnEE,0CAGE,mBAFA,uCACA,WlBsnEJ,CkBpnEI,sDACE,gBlBsnEN,CmB9tEA,OAEE,wBf0BQ,Ce3BR,UfQM,CeNN,enBiuEF,CmB/tEI,qCACE,anBiuEN,CmB9tEI,wBACE,UnBguEN,CmB7tEI,wBACE,qBnB+tEN,CmBztEM,wKACE,uBnB2tER,CmBztEM,iFACE,kBnB2tER,CmBztEM,yFAIE,eADA,OAFA,kBACA,KnB6tER,CmBvtEM,uCACE,anBytER,CmBntEE,oBACE,enBqtEJ,CmBhtEE,gBACE,kBAEA,YADA,SnBmtEJ,CmBjtEI,yBAEE,aADA,UnBotEN,CmB7sEA,UACE,gBnBgtEF,CmB9sEA,UACE,gBnBitEF,CmB/sEA,UACE,cnBktEF,CmBhtEA,UACE,enBmtEF,CmB9sEE,cACE,eACA,gBnBitEJ,CmB3sEE,eACE,cnB8sEJ,CoBjyEA,KACE,oBpBoyEF,CoBjyEE,iBACE,qBpBmyEJ,CoBlyEI,+BACE,cpBoyEN,CoBlyEI,kDAEE,mBpBoyEN,CoB5xEM,iEACE,epBiyER,CoB3xEE,wBACE,kBpB6xEJ,CoBzxEE,eACE,kBpB2xEJ,CoBxxEM,mCACE,sBAKA,URhBM,CQcN,iBACA,mBAFA,wBpB6xER,CoBzxEQ,0CACE,UpB2xEV,CoBzxEQ,4CACE,apB2xEV,CoBzxEQ,yDAEE,SADA,OpB4xEV,CoBrxEU,iDACE,UpBuxEZ,CoBnxEc,mEACE,apBqxEhB,CoB5wEI,6BCrEF,UrBo1EF,CqBl1EE,uCACE,UrBo1EJ,CqBj1EE,uCAEE,kBADA,iBrBo1EJ,CqBh1EE,sDAEE,UADA,QrBm1EJ,CSvyEI,yBYvCA,uCACE,cACA,QrBi1EJ,CqB/0EE,uCACI,erBi1EN,CACF,CqBx0EE,uCAGE,mBjB+CY,CiBhDZ,crB00EJ,CSpzEI,yBYjBD,sJAGG,+BrBw0EJ,CACF,CoB3yEM,uCACE,apB6yER,CoBxyEU,sJAEE,WpB4yEZ,CoBhyEY,oEAIE,qBhBzFN,CgBsFM,yBACA,qBACA,apBmyEd,CoBzxEE,cAEE,YAGA,gBAFA,kBpB4xEJ,CoBxxEI,sCAHA,iBpB8xEJ,CoBzxEM,kCAGE,YAIA,gBANA,ahBzDK,CgB0DL,iBAGA,gBADA,eAEA,sBpB4xER,CoB1xEQ,yCAKE,6BAJA,YAEA,ahBnGA,CgBkGA,kBAEA,uBpB6xEV,CoB1xEU,+CAQE,wEAFA,SAGA,mDARA,0BACA,WAEA,OACA,kBAEA,SAGA,wBACA,0BARA,UpBoyEZ,CoBvxEU,wDAEE,SADA,OpB0xEZ,CoBrxEQ,2CACE,apBuxEV,CoBlxEI,4BC7JF,UrBk7EF,CqBh7EE,sCACE,UrBk7EJ,CqB/6EE,sCAEE,kBADA,iBrBk7EJ,CqB96EE,qDAEE,UADA,QrBi7EJ,CSr4EI,yBYvCA,sCACE,cACA,QrB+6EJ,CqB76EE,sCACI,erB+6EN,CACF,CqBt6EE,sCAGE,mBjB+CY,CiBhDZ,crBw6EJ,CSl5EI,yBYjBD,mJAGG,+BrBs6EJ,CACF,CoB/yEQ,iDAEE,gBADA,apBkzEV,CoB/yEU,wDAEE,qBhBjKJ,CgBgKI,WpBkzEZ,CoB/yEU,uDACE,wBpBizEZ,CoBxyEA,cACE,epB2yEF,CoBvyEM,gDACE,YACA,epByyER,CoBvyEQ,uDACE,YACA,epByyEV,CoBvyEU,6DAIE,YAFA,UACA,cAEA,YAJA,wBAKA,apByyEZ,CoBryEQ,sDACE,iBpBuyEV,CoBjyEI,qCAEE,cADA,WAEA,iBpBmyEN,CoBhyEQ,4DAEE,qBhBnNF,CgBkNE,aAEA,epBkyEV,CoBhyEU,mEACE,apBkyEZ,CoB1xEI,sCAEE,cADA,YAEA,gBpB4xEN,CoBvxEY,uEACE,YpByxEd,CoBjxEQ,6DAEE,qBhBlPF,CgBiPE,aAEA,gBACA,kBpBmxEV,CoBlxEU,oEACE,apBoxEZ,CoB5wEA,yBAIE,6DACE,QpB4wEF,CACF,CsBzhFA,OAEE,YADA,etB4hFF,CsBvhFE,oBACE,StByhFJ,CsBrhFE,SACE,gBAEA,gBADA,atByhFJ,CsBphFE,qBAHE,qBtB0hFJ,CsBlhFE,sBAEE,gBADA,gBAGA,etBohFJ,CsB9gFI,iCChCF,4CvBijFF,CsBzgFI,kCCxCF,4CvBojFF,CwBtjFC,mBAGC,aAFA,gBACA,UxB0jFF,CwBxjFE,+BACC,kBxB0jFH,CwBxjFE,gCACC,iBxB0jFH,CwBvjFC,oBACC,uBxByjFF,CwBpjFC,uBACC,4BxBujFF,CwBtjFE,mCACC,YxBwjFH,CyB1jFA,UACE,kBzB4kFF,CyBxkFE,qBACE,kBzB0kFJ,CyBrkFE,sBACE,czBukFJ,CyBpkFE,sBACE,czBskFJ,CyBnkFE,sBACE,azBqkFJ,CyBlkFE,sBACE,czBokFJ,CyB/jFE,wBACE,qBzBikFJ,C0BtmFE,kBACE,oB1BinFJ,C0B9mFI,6CACE,cACA,iB1BgnFN,C0BzmFE,6BACE,a1B4mFJ,C0B1mFM,0CACE,wB1B4mFR,C0B1mFM,0CAEE,S1B2mFR,C0B1mFQ,gDACE,U1B4mFV,C0BvmFI,mCACE,wB1BymFN,C0BtmFI,+BACE,iBACA,gBACA,iB1BwmFN,C0BrmFI,uDACE,a1BumFN,C0B/lFI,0CAEE,S1BgmFN,C0B1lFE,2BACE,e1B6lFJ,C0BxlFE,kBACI,oB1B2lFN,C0BxlFI,mBACE,sBACA,4C1B0lFN,C0BxlFI,sBACE,a1B0lFN,C2BzqFA,oBAII,OAFA,eACA,MAEA,WAJA,Y3BgrFJ,C2B1qFI,oCAIE,aACA,sBACA,uBALA,kBAEA,QADA,K3BgrFN,C2B1qFM,gDAEE,UACA,Y3B2qFR,C2BrqFE,iBACE,gBACA,K3BwqFJ,C2BvqFI,wBACE,eACA,MACA,Y3ByqFN,C2BpqFE,OAEE,sBADA,aAEA,iB3BuqFJ,C2BnqFQ,qEACE,Y3BqqFV,C2B7pFE,0BACE,e3BgqFJ,C2B3pFE,yBAEE,cADA,S3B+pFJ,C2BxpFM,kBAEI,YADA,U3B4pFV,C2BtpFC,sEACC,oBAEE,mBADA,wB3B0pFF,CACF,C2BtpFE,kCAGE,mBADA,wB3BypFJ,C4BxuFE,8DAEE,iBADA,e5B6uFJ,C4B1uFE,wDACE,c5B6uFJ,C4BtuFE,sCACE,a5B4uFJ,C4BtuFE,qCACE,Y5ByuFJ,C4BvuFE,oCACE,e5ByuFJ,C4BvuFE,yBAEE,wCACA,gBAFA,e5B2uFJ,C4BxuFI,sCACE,Y5B0uFN,C4BxuFI,oCAEE,gBADA,Y5B2uFN,C4BnuFI,sCACE,gCACA,e5BsuFN,C4BruFM,kDACE,e5BuuFR,C4BruFM,mDACE,Y5BuuFR,C4BruFM,iDAEE,gBADA,Y5BwuFR,C4B/tFA,kBAGE,mBxBkBc,CwBpBd,oCACA,qB5BmuFF,C4BhuFI,6BAGE,SAFA,sBAGA,8CAFA,a5BouFN,C4B/tFE,oCACE,+BACA,+B5BiuFJ,C4B/tFE,mCACE,kCACA,kC5BiuFJ,C4B5tFA,iBACE,gCACA,mB5B+tFF,C4B9tFE,gCACE,+B5BguFJ,C4B3tFA,iBAKE,4CADA,kBADA,wCADA,+BADA,iB5BkuFF,C4B7tFE,8BAEE,kBADA,Y5BguFJ,C4B7tFE,4BAEE,mBADA,Y5BguFJ,C6Bt0FE,uBACE,kB7By0FJ,C6Bp0FM,uKACE,a7Bs0FR,C6Bl0FQ,2MACE,a7Bo0FV,C6B1zFM,8OACE,e7B4zFR,C6BtzFI,iCACE,qB7BwzFN,C6BtzFM,4CACE,wBjBqBc,CiBnBd,kBADA,uB7ByzFR,C6BtzFQ,mDACE,gBACA,mB7BwzFV,C6BrzFQ,kDACE,kBzBnBA,CyBoBA,U7BuzFV,C6BnzFM,yDAEE,+BADA,2B7BszFR,C6BpzFQ,oEAEI,yCADA,qC7BuzFZ,C6BlzFM,8DAEE,gCADA,4B7BqzFR,C6BnzFQ,yEAEE,0CADA,sC7BszFV,C6BhzFI,iCACE,oB7BkzFN,C6BhzFM,4CACE,wBjBjBc,CiBmBd,kBADA,uB7BmzFR,C6BhzFQ,kDACE,gBACA,mB7BkzFV,C6B/yFQ,kDACE,kBzBzDA,CyB0DA,U7BizFV,C6BzyFQ,gGACE,gBACA,mB7B2yFV,C6BryFQ,6CACE,gBACA,mB7BuyFV,C6B/xFI,kCAIE,wBjB1DgB,CiBuDhB,YAEA,qBAGA,eACA,gBAFA,Q7BmyFN,C6B/xFM,oCACE,kBACA,O7BiyFR,C6B9xFM,wCACE,e7BgyFR,C6B7xFM,wCACE,a7B+xFR,C6BzxFI,8BACE,wBjBhFgB,CiBiFhB,e7B2xFN,C6BzxFM,yCAGE,wBzBpHE,CyBmHF,mBAEA,UzBxIA,CyByIA,sBAJA,S7B+xFR,C6BpxFM,0DAEE,mCADA,+B7BuxFR,C6BrxFQ,qEACE,kB7BuxFV,C6BpxFM,8DAEE,mCADA,+B7BuxFR,C6BjxFM,yDAEE,oCADA,gC7BoxFR,C6BlxFQ,oEACE,kB7BoxFV,C6BjxFM,6DAEE,oCADA,gC7BoxFR,C6B1wFM,gDACE,gBjB7HkB,CiB8HlB,kB7B4wFR,C8Bn8FE,qBACE,wB1BKM,C0BFN,mBAFA,qBACA,a9Bu8FJ,C8Bl8FI,4BAIE,e1BPE,C0BMF,sBADA,uCAGA,UAJA,qBAMA,kBACA,8BAFA,4B9Bs8FN,C8Bn8FM,iCAGE,a1BIE,C0BLF,eADA,e9Bu8FR,C8Bj8FM,uGAKE,gBAHA,UACA,aACA,4B9Bm8FR,C8B97FI,iCAEE,8BACA,+BAFA,U9Bk8FN,C8B97FM,8CACE,U9Bg8FR,C8Bz7FQ,4CACE,a9B27FV,C8Bp7FQ,4CACE,a9Bs7FV,C8B/6FQ,yCACE,a9Bi7FV,C8B16FQ,2CACE,a9B46FV,C8Br6FQ,4CACE,a9Bu6FV,C8Bh6FQ,yCACE,a9Bk6FV,C8B35FE,sBACE,YAGA,uCADA,gB9B65FJ,C8Bx5FE,qBACE,4B9B05FJ,C8Br5FA,UACE,e9Bw5FF,C8Bp5FA,UACE,e9Bu5FF,C8Bn5FA,UAEE,eACA,gBAFA,a9Bw5FF,C8Bj5FA,yBACE,OAEE,kBADA,kB9Bq5FF,C8Bn5FE,kCAEE,e9Bq5FJ,CACF,C+B7hGA,SACE,U/B+hGF,C+B9hGE,yBAEE,YACA,6BACA,8BAHA,U/BmiGJ,C+B7hGI,wCACE,2B/B+hGN,CgC5iGA,gBAGI,kBAFA,U5BUI,C4BTJ,ahCgjGJ,CgC1iGA,uBACI,kBhCijGJ,CgC/iGA,WAEG,kCADF,oBhCmjGD,CgC/iGA,cACE,sBhCkjGF,CgChjGA,yBACE,sBhCmjGF,CgCrhGA,QACC,aACA,iBhCgjGD,CgCxiGC,QACC,chC2iGF,CgCviGA,O3B5DI,oBLumGJ,CgC1iGA,Q3B7DI,eL2mGJ,CgC5iGA,kBACI,4BhC+iGJ,CgCziGI,iBACI,qBhC4iGR,CgCviGA,SAII,kCAHA,oBhC6iGJ,CgCxiGA,gBACI,GAAK,sBhC4iGP,CgC3iGE,GAAO,uBhC8iGT,CACF,CgC3iGA,aACC,YhC6iGD,C","sources":["webpack:///./resources/sass/bootstrap-extended/_reboot.scss","webpack:///./resources/sass/bootstrap-extended.scss","webpack:///./resources/sass/bootstrap-extended/_type.scss","webpack:///./resources/sass/bootstrap-extended/mixins/_type.scss","webpack:///./resources/sass/bootstrap-extended/_code.scss","webpack:///./resources/sass/core/variables/_variables.scss","webpack:///./resources/sass/bootstrap/mixins/_border-radius.scss","webpack:///./resources/sass/bootstrap/_variables.scss","webpack:///./resources/sass/bootstrap-extended/_grid.scss","webpack:///./resources/sass/bootstrap/mixins/_grid.scss","webpack:///./resources/sass/bootstrap/mixins/_breakpoints.scss","webpack:///./resources/sass/bootstrap-extended/_tables.scss","webpack:///./resources/sass/bootstrap-extended/_forms.scss","webpack:///./resources/sass/core/variables/_components-variables.scss","webpack:///./resources/sass/bootstrap-extended/_buttons.scss","webpack:///./resources/sass/bootstrap-extended/_animation.scss","webpack:///./resources/sass/bootstrap-extended/_dropdown.scss","webpack:///./resources/sass/bootstrap-extended/_navbar.scss","webpack:///./resources/sass/bootstrap-extended/_card.scss","webpack:///./resources/sass/bootstrap-extended/_breadcrumb.scss","webpack:///./resources/sass/bootstrap-extended/_badge.scss","webpack:///./resources/sass/bootstrap-extended/_nav.scss","webpack:///./resources/sass/bootstrap-extended/mixins/_navs.scss","webpack:///./resources/sass/bootstrap-extended/_alert.scss","webpack:///./resources/sass/core/mixins/alert.scss","webpack:///./resources/sass/bootstrap-extended/_media.scss","webpack:///./resources/sass/bootstrap-extended/_progress.scss","webpack:///./resources/sass/bootstrap-extended/_list-group.scss","webpack:///./resources/sass/bootstrap-extended/_toast.scss","webpack:///./resources/sass/bootstrap-extended/_collapse.scss","webpack:///./resources/sass/bootstrap-extended/_pagination.scss","webpack:///./resources/sass/bootstrap-extended/_modal.scss","webpack:///./resources/sass/bootstrap-extended/_popover.scss","webpack:///./resources/sass/bootstrap-extended/_utilities.scss"],"sourcesContent":["a {\n &:focus {\n outline: none\n }\n}","/*========================================================\n DARK LAYOUT\n=========================================================*/\na:focus {\n outline: none;\n}\n\n.font-small-1 {\n font-size: 0.7rem !important;\n}\n\n.font-small-2 {\n font-size: 0.8rem !important;\n}\n\n.font-small-3 {\n font-size: 0.9rem !important;\n}\n\n.font-medium-1 {\n font-size: 1.1rem !important;\n}\n\n.font-medium-2 {\n font-size: 1.2rem !important;\n}\n\n.font-medium-3 {\n font-size: 1.3rem !important;\n}\n\n.font-medium-4 {\n font-size: 1.4rem !important;\n}\n\n.font-medium-5 {\n font-size: 1.5rem !important;\n}\n\n.font-large-1 {\n font-size: 2rem !important;\n}\n\n.font-large-2 {\n font-size: 2.5rem !important;\n}\n\n.font-large-3 {\n font-size: 4rem !important;\n}\n\n.font-large-4 {\n font-size: 5rem !important;\n}\n\n.font-large-5 {\n font-size: 6rem !important;\n}\n\n.text-bold-300 {\n font-weight: 300;\n}\n\n.text-bold-400 {\n font-weight: 400;\n}\n\n.text-bold-500 {\n font-weight: 500;\n}\n\n.text-bold-600 {\n font-weight: 600;\n}\n\n.text-bold-700 {\n font-weight: 700;\n}\n\n.text-italic {\n font-style: italic;\n}\n\n.text-highlight {\n padding: 4px 6px;\n}\n\ncode {\n padding: 0.1rem 0.4rem;\n font-size: 90%;\n color: #e83e8c;\n background-color: #eee;\n border-radius: 0.25rem;\n}\n\npre {\n background-color: #f7f7f9;\n}\npre code {\n background-color: transparent !important;\n}\n\n.bd-example-row .row + .row {\n margin-top: 1rem;\n}\n.bd-example-row .row > .col,\n.bd-example-row .row > [class^=col-] {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n background-color: rgba(86, 61, 124, 0.15);\n border: 1px solid rgba(86, 61, 124, 0.2);\n}\n.bd-example-row .flex-items-top,\n.bd-example-row .flex-items-middle,\n.bd-example-row .flex-items-bottom {\n min-height: 6rem;\n background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-example-row-flex-cols .row {\n min-height: 10rem;\n background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-highlight {\n background-color: rgba(0, 0, 0, 0.1);\n border: 1px solid rgba(0, 0, 0, 0);\n border-bottom-left-radius: calc(0.5rem - 1px);\n border-bottom-right-radius: calc(0.5rem - 1px);\n}\n\n.example-container {\n width: 800px;\n width: 100%;\n padding-right: 14px;\n padding-left: 14px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.example-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -14px;\n margin-left: -14px;\n}\n\n.example-content-main {\n position: relative;\n width: 100%;\n padding-right: 14px;\n padding-left: 14px;\n}\n@media (min-width: 576px) {\n .example-content-main {\n flex: 0 0 50%;\n max-width: 50%;\n }\n}\n@media (min-width: 992px) {\n .example-content-main {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n}\n\n.example-content-secondary {\n position: relative;\n width: 100%;\n padding-right: 14px;\n padding-left: 14px;\n}\n@media (min-width: 576px) {\n .example-content-secondary {\n flex: 0 0 50%;\n max-width: 50%;\n }\n}\n@media (min-width: 992px) {\n .example-content-secondary {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n}\n\n.table-white-space th, .table-white-space td {\n white-space: nowrap;\n}\n\n.table thead th {\n vertical-align: top;\n}\n.table th, .table td {\n padding: 1rem;\n vertical-align: middle;\n}\n.table th {\n font-size: 0.85rem;\n}\n\n.table-inverse {\n color: #fff;\n background-color: #33D4FE;\n}\n\n.table-hover-animation {\n background-color: #F9F9F9;\n}\n.table-hover-animation thead th {\n border-top: 2px solid #F9F9F9;\n border-bottom: 0;\n background-color: #fff;\n}\n.table-hover-animation th, .table-hover-animation td {\n border: 0;\n}\n.table-hover-animation tbody tr {\n transition: all 0.25s ease;\n background-color: #fff;\n}\n.table-hover-animation tbody tr:hover {\n transform: translateY(-4px);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .table-hover-animation tr:hover {\n border-bottom-color: #F9F9F9;\n }\n}\n.form-control::placeholder {\n font-size: 0.85rem;\n color: rgba(34, 41, 47, 0.4);\n transition: all 0.2s ease;\n}\n.form-control:-ms-input-placeholder {\n color: #c6c6c6;\n}\n.form-control:focus::placeholder {\n transform: translate(5px);\n transition: all 0.2s ease;\n}\n.form-control:focus ~ .form-control-position i {\n color: rgb(126, 70, 142);\n}\n\n/* Form specific Scss */\nlabel {\n color: #474747;\n font-size: 0.85rem;\n margin-bottom: 0;\n padding-left: 0.2rem;\n}\n\ntextarea.form-control {\n line-height: 1.6rem;\n font-size: 1rem;\n}\n\n.form-group {\n margin-bottom: 1.5rem;\n}\n\n.form-control {\n border: 1px solid #dadada;\n color: #606060;\n}\n\n.form-section {\n color: #b8c2cc;\n line-height: 3rem;\n margin-bottom: 20px;\n border-bottom: 1px solid #b8c2cc;\n}\n.form-section i {\n font-size: 20px;\n margin-left: 5px;\n margin-right: 10px;\n}\n\n/* .form-body{\n overflow: hidden;\n} */\n.form-actions {\n border-top: 1px solid #e0e0e0;\n padding: 20px 0;\n margin-top: 20px;\n}\n.form-actions.filled {\n background-color: #F9F9F9;\n}\n.form-actions.center {\n text-align: center;\n}\n.form-actions.right {\n text-align: right;\n}\n.form-actions.top {\n border-top: 0;\n border-bottom: 1px solid #e0e0e0;\n margin-top: 0;\n margin-bottom: 20px;\n}\n@media (max-width: 767.98px) {\n .form-actions .buttons-group {\n float: left !important;\n margin-bottom: 10px;\n }\n}\n\n@media (min-width: 576px) {\n .form-horizontal .form-group .label-control {\n text-align: right;\n }\n}\n\n.form-control.form-control-lg {\n padding: 1rem;\n}\n.form-control.form-control-lg::placeholder {\n font-size: 1.25rem;\n}\n\n.form-control.form-control-sm {\n padding: 0.6rem;\n}\n.form-control.form-control-sm::placeholder {\n font-size: 0.7rem;\n}\n\n.custom-file-label {\n padding: 0.4rem 0.7rem;\n}\n.custom-file-label::after {\n padding: 0.4rem 0.7rem;\n height: auto;\n}\n\nselect.form-control:not([multiple=multiple]) {\n background-position: calc(100% - 12px) 10px, calc(100% - 20px) 13px, 100% 0;\n background-size: 12px 12px, 10px 10px;\n background-repeat: no-repeat;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 1.5rem;\n}\n\n.custom-select {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n.input-group-addon {\n background-color: #ECEFF1;\n border-color: #BABFC7;\n}\n\n.custom-control-label::before, .custom-control-label::after {\n width: 1.143rem;\n height: 1.143rem;\n top: 0.08rem;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background-color: rgb(126, 70, 142);\n border-color: rgb(126, 70, 142);\n}\n\n/* Floating label Group */\n.form-label-group {\n position: relative;\n margin-bottom: 1.5rem;\n}\n.form-label-group .form-control-lg ~ label {\n font-size: 1.25rem;\n padding: 1rem;\n}\n.form-label-group .form-control-sm ~ label {\n font-size: 0.7rem;\n}\n.form-label-group > label {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n transition: all 0.25s ease-in-out;\n padding: 0.6rem;\n pointer-events: none;\n cursor: text;\n color: rgba(34, 41, 47, 0.4);\n font-size: 0.85rem;\n opacity: 0;\n}\n.form-label-group > input, .form-label-group textarea {\n padding: 0.6rem;\n}\n.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label, .form-label-group textarea:focus:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {\n color: #7e468e !important;\n transition: all 0.25s ease-in-out;\n opacity: 1;\n}\n.form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, .form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {\n color: rgba(34, 41, 47, 0.4) !important;\n}\n.form-label-group > input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label {\n padding: 0.25rem 0;\n font-size: 0.7rem;\n top: -20px;\n left: 3px;\n}\n.form-label-group.has-icon-left > label {\n left: 36px;\n}\n\n/* Vuexy Custom Checkbox */\n.vs-checkbox-con {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin: 0.25rem 0;\n}\n.vs-checkbox-con input {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n z-index: 200;\n cursor: pointer;\n top: 0;\n}\n.vs-checkbox-con input:checked ~ .vs-checkbox {\n transform: rotate(0deg);\n border-color: rgb(126, 70, 142);\n}\n.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {\n transform: translate(0);\n background-color: rgb(126, 70, 142);\n}\n.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {\n transform: translate(0);\n line-height: 1.2;\n opacity: 1;\n}\n.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-sm .vs-checkbox--check .vs-icon {\n font-size: 0.75rem;\n}\n.vs-checkbox-con input:checked ~ .vs-checkbox.vs-checkbox-lg .vs-checkbox--check .vs-icon {\n font-size: 1.2rem;\n}\n.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check {\n transform: translate(3px);\n background-color: rgb(126, 70, 142);\n}\n.vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check .vs-icon {\n opacity: 1;\n transform: translate(6px);\n}\n.vs-checkbox-con input:disabled {\n cursor: default;\n pointer-events: none;\n}\n.vs-checkbox-con input:disabled + .vs-checkbox {\n cursor: default;\n opacity: 0.5;\n}\n.vs-checkbox-con .vs-checkbox {\n cursor: pointer;\n position: relative;\n width: 20px;\n height: 20px;\n border-width: 2px;\n border-style: solid;\n border-color: #b8c2cc;\n border-radius: 2px;\n transform: rotate(-90deg);\n transition: all 0.2s ease;\n overflow: hidden;\n margin-right: 0.5rem;\n}\n.vs-checkbox-con .vs-checkbox.vs-checkbox-sm {\n width: 15px;\n height: 15px;\n}\n.vs-checkbox-con .vs-checkbox.vs-checkbox-lg {\n width: 24px;\n height: 24px;\n}\n.vs-checkbox-con .vs-checkbox .vs-checkbox--check {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n transform: translate(100%);\n transform-origin: right;\n transition: all 0.2s ease;\n z-index: 10;\n}\n.vs-checkbox-con .vs-checkbox .vs-checkbox--check .vs-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #fff;\n}\n\n/* Vuexy Custom Radio */\n.vs-radio-con {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n margin: 0.25rem 0;\n}\n.vs-radio-con input {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n z-index: 200;\n cursor: pointer;\n}\n.vs-radio-con input:checked ~ .vs-radio {\n transform: rotate(0deg);\n outline: 0;\n}\n.vs-radio-con input:checked ~ .vs-radio .vs-radio--circle {\n background: #7e468e;\n box-shadow: 0 3px 12px 0 rgba(126, 70, 142, 0.4);\n opacity: 1;\n transform: scale(1);\n}\n.vs-radio-con input:checked ~ .vs-radio .vs-radio--border {\n opacity: 0;\n transform: scale(0.3);\n}\n.vs-radio-con input:disabled {\n cursor: default;\n pointer-events: none;\n}\n.vs-radio-con input:disabled + .vs-radio {\n cursor: default;\n opacity: 0.5;\n}\n.vs-radio-con input:active ~ .vs-radio {\n transform: scale(1.1);\n}\n.vs-radio-con .vs-radio {\n cursor: pointer;\n position: relative;\n width: 18px;\n height: 18px;\n transition: all 0.2s ease;\n margin-right: 0.5rem;\n}\n.vs-radio-con .vs-radio.vs-radio-sm {\n width: 13px;\n height: 13px;\n}\n.vs-radio-con .vs-radio.vs-radio-lg {\n width: 22px;\n height: 22px;\n}\n.vs-radio-con .vs-radio .vs-radio--border, .vs-radio-con .vs-radio .vs-radio--circle {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n transition: all 0.25s ease;\n top: 0;\n border-radius: 50%;\n}\n.vs-radio-con .vs-radio .vs-radio--border {\n background: transparent;\n border: 2px solid #b8c2cc;\n}\n.vs-radio-con .vs-radio .vs-radio--circle {\n opacity: 0;\n transform: scale(0.1);\n}\n\n/* Switches */\n.custom-switch {\n padding-left: 0;\n /*For Switch label*/\n /*For Switch Handle Animation*/\n}\n.custom-switch .custom-control-label {\n height: 1.571rem;\n width: 3.1rem;\n padding: 0;\n /* For bg color of switch*/\n /*For Switch handle*/\n /*For Switch text*/\n}\n.custom-switch .custom-control-label::before {\n border: none;\n background-color: #e2e2e2;\n height: 1.571rem;\n left: -0.2857rem;\n box-shadow: none !important;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n top: 0;\n left: 0;\n}\n.custom-switch .custom-control-label:after {\n position: absolute;\n top: 2px;\n left: 2px;\n box-shadow: none;\n background-color: #fff;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n}\n.custom-switch .custom-control-label .switch-text-left, .custom-switch .custom-control-label .switch-text-right,\n.custom-switch .custom-control-label .switch-icon-left, .custom-switch .custom-control-label .switch-icon-right {\n position: absolute;\n top: 5px;\n font-size: 0.7rem;\n cursor: pointer;\n user-select: none;\n}\n.custom-switch .custom-control-label .switch-text-left, .custom-switch .custom-control-label .switch-icon-left {\n left: 7px;\n color: #fff;\n}\n.custom-switch .custom-control-label .switch-text-right, .custom-switch .custom-control-label .switch-icon-right {\n right: 7px;\n}\n.custom-switch .custom-control-label:focus {\n outline: 0;\n}\n.custom-switch .switch-label {\n padding-left: 1rem;\n}\n.custom-switch .custom-control-input:checked ~ .custom-control-label::before {\n box-shadow: none;\n}\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n transform: translateX(1.4rem);\n}\n.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-left {\n opacity: 0;\n}\n.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-right {\n opacity: 1;\n}\n.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-right {\n opacity: 0;\n}\n.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-left {\n opacity: 1;\n}\n.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background-color: #e2e2e2;\n}\n.custom-switch.switch-md .custom-control-label {\n width: 4rem;\n height: 1.571rem;\n}\n.custom-switch.switch-md .custom-control-label::before {\n width: 4rem;\n border: none;\n background-color: #e2e2e2;\n height: 1.571rem;\n left: -0.2857rem;\n box-shadow: none !important;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n}\n.custom-switch.switch-md .custom-control-label:after {\n box-shadow: none;\n background-color: #fff;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n position: absolute;\n top: 2px;\n left: -2px;\n}\n.custom-switch.switch-md .custom-control-label .switch-text-right, .custom-switch.switch-md .custom-control-label .switch-icon-right {\n right: 9px;\n}\n.custom-switch.switch-md .custom-control-label .switch-text-left, .custom-switch.switch-md .custom-control-label .switch-icon-left {\n left: 5px;\n}\n.custom-switch.switch-md .custom-control-input:checked ~ .custom-control-label::after {\n transform: translateX(2.3rem);\n}\n.custom-switch.switch-lg .custom-control-label {\n width: 5.5rem;\n height: 1.571rem;\n}\n.custom-switch.switch-lg .custom-control-label::before {\n width: 5.5rem;\n border: none;\n background-color: #e2e2e2;\n height: 1.571rem;\n left: -0.2857rem;\n box-shadow: none !important;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n}\n.custom-switch.switch-lg .custom-control-label:after {\n position: absolute;\n top: 2px;\n left: -2px;\n box-shadow: none;\n background-color: #fff;\n transition: all 0.25s ease;\n cursor: pointer;\n user-select: none;\n}\n.custom-switch.switch-lg .custom-control-label .switch-text-right, .custom-switch.switch-lg .custom-control-label .switch-icon-right {\n right: 10px;\n}\n.custom-switch.switch-lg .custom-control-input:checked ~ .custom-control-label::after {\n transform: translateX(3.8rem);\n}\n\n/* Textarea with Counter */\n.counter-value {\n background-color: rgb(126, 70, 142);\n color: #fff;\n padding: 1px 6px;\n font-size: 0.6rem;\n border-radius: 0 0 5px 5px;\n margin-right: 1rem;\n}\n\n/* Input box with icon divider */\n.form-group.input-divider-left .form-control-position i {\n padding: 0.2rem 0.5rem;\n border-right: 1px solid #dadada;\n}\n.form-group.input-divider-right .form-control-position i {\n padding: 0.2rem 0.5rem;\n border-left: 1px solid #dadada;\n}\n\n/* input-groups-lg and input-groups-sm */\n.input-group-lg .form-control, .input-group-sm .form-control {\n padding: 0.7rem;\n}\n\n/* Bootstrap touchspin */\n.bootstrap-touchspin.input-group {\n width: 8.4rem;\n align-items: center;\n}\n.bootstrap-touchspin.input-group .form-control {\n padding: 5px;\n height: auto;\n border: 0;\n background-color: #F9F9F9;\n border-radius: 5px !important;\n text-align: center;\n font-weight: 500;\n}\n.bootstrap-touchspin.input-group .form-control:focus {\n z-index: 1;\n box-shadow: none;\n}\n.bootstrap-touchspin .bootstrap-touchspin-injected {\n margin: 0 !important;\n}\n.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {\n padding: 0;\n min-width: 22px;\n min-height: 22px;\n border-radius: 5px !important;\n position: relative;\n}\n.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i {\n font-size: 0.8rem;\n position: relative;\n top: -1px;\n}\n.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down {\n left: 12px;\n}\n.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {\n right: 12px;\n}\n.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down, .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {\n background-color: rgba(0, 0, 0, 0.5) !important;\n cursor: default;\n opacity: 0.5;\n}\n.bootstrap-touchspin.input-group-lg {\n width: 9.375rem;\n}\n.bootstrap-touchspin.input-group-lg .touchspin.form-control {\n height: auto !important;\n}\n.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i {\n font-size: 1rem;\n}\n.bootstrap-touchspin.input-group-sm {\n width: 6.25rem;\n}\n.bootstrap-touchspin.input-group-sm .touchspin.form-control {\n height: auto !important;\n}\n.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {\n min-width: 16px;\n min-height: 16px;\n padding-top: 2.2px;\n}\n.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i, .bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i {\n font-size: 0.6rem;\n}\n\n.btn.disabled-max-min {\n background-color: rgba(0, 0, 0, 0.5) !important;\n cursor: default;\n}\n\n/* Number Type Input Box Scss for - Remove arrow on hover */\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n}\n\n/* Number Type Input Box Scss for Touchspin - Remove arrow for firefox */\n.bootstrap-touchspin.input-group input[type=number] {\n -moz-appearance: textfield;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .form-label-group label {\n display: none;\n }\n select.form-control:not([multiple=multiple]) {\n background: none;\n }\n .custom-file-label::after {\n padding: 1.34rem 0.7rem 1.25rem;\n }\n}\n.picker__input.form-control {\n background-color: #fff;\n}\n\n.input-group .form-control {\n height: auto;\n}\n.input-group .input-group-prepend .dropdown-toggle::after, .input-group .input-group-append .dropdown-toggle::after {\n left: 0;\n}\n.input-group .input-group-prepend .vs-checkbox-con, .input-group .input-group-prepend .vs-checkbox, .input-group .input-group-prepend .vs-radio-con, .input-group .input-group-prepend .vs-radio, .input-group .input-group-append .vs-checkbox-con, .input-group .input-group-append .vs-checkbox, .input-group .input-group-append .vs-radio-con, .input-group .input-group-append .vs-radio {\n margin: 0;\n}\n.input-group.input-group-lg .form-control::placeholder {\n font-size: 1.25rem;\n}\n.input-group.input-group-lg .input-group-prepend .btn, .input-group.input-group-lg .input-group-append .btn {\n line-height: 1.3;\n font-size: 1.3rem;\n}\n.input-group.input-group-sm .form-control::placeholder {\n font-size: 0.7rem;\n}\n\n.btn:disabled {\n cursor: default;\n}\n.btn.btn-white {\n color: rgb(126, 70, 142);\n}\n.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {\n color: rgb(126, 70, 142) !important;\n}\n.btn[class*=bg-gradient-]:hover {\n box-shadow: 0 8px 25px -8px #aaa;\n}\n.btn.btn-secondary {\n color: #fff;\n}\n.btn.btn-secondary:hover {\n box-shadow: 0 8px 25px -8px #bb006f;\n}\n.btn.btn-dark:hover {\n box-shadow: 0 8px 25px -8px #1e1e1e;\n}\n.btn.btn-light:hover {\n box-shadow: 0 8px 25px -8px #c9c9c9;\n}\n.btn.btn-outline-secondary, .btn.btn-outline-dark, .btn.btn-outline-light {\n border: 1px solid;\n}\n.btn.btn-flat-secondary:hover {\n background-color: rgba(187, 0, 111, 0.1);\n}\n.btn.btn-flat-secondary:active, .btn.btn-flat-secondary:focus {\n background: rgb(187, 0, 111);\n}\n.btn.btn-flat-dark:hover {\n background-color: rgba(30, 30, 30, 0.1);\n}\n.btn.btn-flat-dark:active, .btn.btn-flat-dark:focus {\n background: #1e1e1e;\n color: #fff;\n}\n.btn.btn-flat-light:hover {\n background-color: rgba(201, 201, 201, 0.1);\n}\n.btn.btn-flat-light:active, .btn.btn-flat-light:focus {\n background: #c9c9c9;\n}\n.btn[class*=btn-outline-] {\n padding-top: calc(0.8rem - 1px);\n padding-bottom: calc(0.8rem - 1px);\n}\n.btn[class*=btn-outline-].btn-sm {\n padding-top: calc(0.5rem - 1px);\n padding-bottom: calc(0.5rem - 1px);\n}\n.btn.btn-relief-secondary {\n background-color: rgb(187, 0, 111);\n box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);\n color: #fff;\n}\n.btn.btn-relief-secondary:hover {\n color: #fff;\n}\n.btn.btn-relief-secondary:active, .btn.btn-relief-secondary:focus {\n outline: none;\n transform: translateY(3px);\n}\n.btn.btn-relief-light {\n box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);\n color: #fff;\n}\n.btn.btn-relief-light:hover {\n color: #fff;\n}\n.btn.btn-relief-light:active, .btn.btn-relief-light:focus {\n outline: none;\n transform: translateY(3px);\n}\n.btn.btn-relief-dark {\n background-color: #1e1e1e;\n box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.1);\n color: #fff;\n}\n.btn.btn-relief-dark:hover {\n color: #fff;\n}\n.btn.btn-relief-dark:active, .btn.btn-relief-dark:focus {\n outline: none;\n transform: translateY(3px);\n}\n.btn.btn-icon {\n padding: 0.715rem 0.736rem;\n}\n.btn.btn-sm.btn-icon {\n padding: 0.5rem;\n}\n.btn.btn-lg.btn-icon {\n padding: 1rem;\n}\n.btn.btn-square {\n border-radius: 0;\n}\n.btn.btn-round {\n border-radius: 2rem;\n}\n.btn:focus, .btn.focus, .btn:active, .btn.active {\n outline: none;\n box-shadow: none !important;\n}\n.btn.btn-icon i {\n font-size: 1.1rem;\n}\n\n.btn.btn-outline-white:hover,\n.btn-white:hover {\n color: rgb(126, 70, 142) !important;\n background: #fff;\n}\n\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n cursor: pointer;\n}\n\n.waves-button-input {\n padding: unset;\n}\n\n.collapse-icon .card-header {\n position: relative;\n}\n.collapse-icon [data-toggle=collapse]:after {\n position: absolute;\n top: 48%;\n right: 20px;\n margin-top: -8px;\n font-family: \"feather\";\n content: \"\\e845\";\n transition: all 300ms linear 0s;\n font-size: 0.9rem;\n}\n.collapse-icon [data-toggle=collapse]:before {\n position: absolute;\n top: 48%;\n right: 20px;\n margin-top: -8px;\n font-family: \"feather\";\n content: \"\\e842\";\n transition: all 300ms linear 0s;\n font-size: 0.9rem;\n}\n.collapse-icon.left a {\n padding-left: 28px;\n}\n.collapse-icon.left a:before, .collapse-icon.left a:after {\n left: 20px;\n right: auto;\n}\n.collapse-icon [aria-expanded=true]:before {\n opacity: 0;\n}\n.collapse-icon [aria-expanded=false]:after {\n opacity: 0;\n}\n.collapse-icon.accordion-icon-rotate [aria-expanded=true]:before {\n transform: rotate(180deg);\n}\n.collapse-icon.accordion-icon-rotate [aria-expanded=false]:after {\n transform: rotate(-180deg);\n}\n\n.dropdown.show .btn-outline-warning.dropdown-toggle,\n.dropdown.show .btn-outline-light.dropdown-toggle {\n color: #fff;\n}\n.dropdown .btn:not(.btn-sm):not(.btn-lg),\n.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {\n padding: 0.85rem 1.5rem;\n}\n.dropdown .btn:not(.btn-sm):not(.btn-lg).btn-round,\n.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle.btn-round {\n border-radius: 2rem;\n}\n.dropdown .btn.dropdown-toggle.dropdown-toggle-split {\n padding: 0.85rem 1rem;\n border-left-color: rgba(255, 255, 255, 0.2) !important;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split {\n border-left: 0 !important;\n}\n.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split:active {\n color: #fff;\n}\n.dropdown .dropdown-menu {\n border: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 5px;\n transform: scale(1, 0);\n box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);\n min-width: 8rem;\n}\n.dropdown .dropdown-menu::before {\n content: \"\";\n position: absolute;\n top: -1px;\n left: 1.2rem;\n width: 0.75rem;\n height: 0.75rem;\n display: block;\n background: #fff;\n transform: rotate(45deg) translate(-7px);\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n z-index: 10;\n box-sizing: border-box;\n}\n.dropdown .dropdown-menu.dropdown-menu-right::before {\n right: 0.6rem;\n left: auto;\n}\n.dropdown .dropdown-menu .dropdown-header {\n padding: 0.714rem 1.428rem;\n margin-top: 0.714rem;\n}\n.dropdown .dropdown-menu .dropdown-item {\n padding: 0.5rem 1rem;\n color: #626262;\n width: auto;\n cursor: pointer;\n}\n.dropdown .dropdown-menu .dropdown-item:hover {\n background-color: #F9F9F9;\n color: rgb(126, 70, 142);\n}\n.dropdown .dropdown-menu .dropdown-item.active {\n color: #fff;\n}\n.dropdown .dropdown-menu .dropdown-item:active {\n background-color: transparent;\n color: #626262;\n}\n.dropdown i {\n margin-right: 0.5rem;\n}\n.dropdown.no-arrow .dropdown-toggle:after {\n display: none;\n}\n.dropdown.no-arrow .dropdown-toggle i {\n margin-right: 0;\n}\n\n.dropdown,\n.dropup,\n.dropright,\n.dropleft {\n position: relative;\n}\n.dropdown .dropdown-menu .dropdown-item,\n.dropup .dropdown-menu .dropdown-item,\n.dropright .dropdown-menu .dropdown-item,\n.dropleft .dropdown-menu .dropdown-item {\n padding: 0.714rem 1.428rem;\n}\n\n.show > .dropdown-menu {\n transform: scale(1, 1);\n opacity: 1;\n display: block;\n}\n\n.dropdown-toggle::after {\n border: none !important;\n font-family: \"feather\";\n content: \"\\e842\" !important;\n position: relative;\n top: 1px;\n right: 0px;\n left: 0.714rem;\n padding: 0;\n margin: 0;\n vertical-align: 0;\n}\n.dropdown-toggle.dropdown-toggle-split {\n border-left: 1px solid rgba(255, 255, 255, 0.2);\n}\n.dropdown-toggle.dropdown-toggle-split:after {\n left: 0;\n}\n.dropdown-toggle.nav-hide-arrow::after {\n display: none;\n}\n.dropdown-toggle:focus {\n outline: 0;\n}\n\n.btn-secondary ~ .dropdown-menu .dropdown-item.active, .btn-secondary ~ .dropdown-menu .dropdown-item:hover {\n background-color: #cccccc;\n}\n\n.dropup {\n position: relative;\n}\n.dropup .btn,\n.dropup .btn.dropdown-toggle {\n padding: 0.85rem 1.5rem;\n}\n.dropup .btn.dropdown-toggle.dropdown-toggle-split {\n padding: 0.85rem 1rem;\n border-color: rgba(255, 255, 255, 0.2) !important;\n}\n.dropup .dropdown-toggle::after {\n content: \"\\e845\" !important;\n vertical-align: 0.05rem;\n}\n.dropup .dropdown-menu::before {\n content: \"\";\n position: absolute;\n bottom: -0.714rem;\n left: 1.214rem;\n width: 0.714rem;\n height: 0.714rem;\n display: block;\n background: #fff;\n transform: rotate(45deg) translate(-7px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n z-index: 10;\n box-sizing: border-box;\n}\n.dropup .dropdown-menu.dropdown-menu-right::before {\n left: auto;\n right: 0.714rem;\n}\n.dropup .dropdown-submenu .dropdown-menu {\n bottom: auto;\n top: 0;\n}\n\n.dropleft .btn,\n.dropleft .btn.dropdown-toggle {\n padding: 0.85rem 1.5rem;\n}\n.dropleft .btn.dropdown-toggle.dropdown-toggle-split {\n padding: 0.85rem 1rem;\n}\n.dropleft .dropdown-toggle::before {\n border: none !important;\n font-family: \"feather\";\n content: \"\\e843\" !important;\n}\n.dropleft .dropdown-menu::before {\n content: \"\";\n position: absolute;\n top: 1.285rem;\n right: 0;\n width: 0.714rem;\n height: 0.714rem;\n display: block;\n background: #fff;\n transform: rotate(130deg) translate(-8px);\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n border-left: 1px solid rgba(0, 0, 0, 0.1);\n z-index: 10;\n box-sizing: border-box;\n}\n\n.dropright .btn,\n.dropright .btn.dropdown-toggle {\n padding: 0.85rem 1.5rem;\n}\n.dropright .btn.dropdown-toggle.dropdown-toggle-split {\n padding: 0.85rem 1rem;\n}\n.dropright .dropdown-toggle::after {\n border: none !important;\n font-family: \"feather\";\n content: \"\\e844\" !important;\n}\n.dropright .dropdown-menu::before {\n content: \"\";\n position: absolute;\n top: 1.285rem;\n left: -0.9rem;\n width: 0.714rem;\n height: 0.714rem;\n display: block;\n background: #fff;\n transform: rotate(140deg) translate(-9px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n z-index: 10;\n box-sizing: border-box;\n}\n\n.dropdown.dropdown-icon-wrapper .dropdown-toggle:after,\n.dropup.dropdown-icon-wrapper .dropdown-toggle:after {\n display: none;\n}\n.dropdown.dropdown-icon-wrapper .dropdown-menu,\n.dropup.dropdown-icon-wrapper .dropdown-menu {\n min-width: auto;\n}\n.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item,\n.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item {\n padding: 0.5rem 1.1rem;\n cursor: pointer;\n}\n.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,\n.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {\n font-size: 1.3rem;\n color: #626262;\n}\n.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item:hover,\n.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item:hover {\n color: #fff;\n}\n\n.btn.btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {\n color: #626262 !important;\n}\n.btn.btn-white ~ .dropdown-menu .dropdown-item.active {\n color: #626262;\n}\n\n.horizontal-menu-wrapper .dropdown-menu,\n.header-navbar .dropdown-menu {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-name: slideIn;\n}\n\n@keyframes slideIn {\n 0% {\n transform: translateY(1rem);\n opacity: 0;\n }\n 100% {\n transform: translateY(0rem);\n opacity: 1;\n }\n 0% {\n transform: translateY(1rem);\n opacity: 0;\n }\n}\n/* ===============================================================================================\n File Name: navbar.scss\n Description: Contain header navigation bar, vertical main navigation bar and\n horiznotal main navigation bar related SCSS.\n ----------------------------------------------------------------------------------------------\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n Author: PIXINVENT\n Author URL: http://www.themeforest.net/user/pixinvent\n================================================================================================*/\n.navbar-dark .hamburger-inner,\n.navbar-dark .hamburger-inner::before,\n.navbar-dark .hamburger-inner::after {\n background-color: #fff;\n}\n\n.header-navbar-shadow {\n display: none;\n}\n\n.navbar-floating .header-navbar-shadow {\n display: block;\n background: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.95) 44%, hsla(0, 0%, 97.3%, 0.46) 73%, hsla(0, 0%, 100%, 0));\n padding-top: 2.2rem;\n background-repeat: repeat;\n width: 100%;\n height: 102px;\n position: fixed;\n top: 0;\n z-index: 11;\n}\n\n.header-navbar {\n padding: 0px;\n min-height: 4.5rem;\n font-family: \"Montserrat\", Helvetica, Arial, serif;\n transition: 300ms ease all;\n background: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.95) 44%, hsla(0, 0%, 97.3%, 0.46) 73%, hsla(0, 0%, 100%, 0));\n z-index: 997;\n /* For sm screen*/\n}\n.header-navbar.fixed-top {\n left: 260px;\n}\n.header-navbar[class*=bg-] .navbar-nav .nav-item > a {\n color: #fff !important;\n}\n.header-navbar[class*=bg-] .navbar-nav .nav-item > a i,\n.header-navbar[class*=bg-] .navbar-nav .nav-item > a span {\n color: #fff !important;\n}\n.header-navbar[class*=bg-] .navbar-nav .nav-item .dropdown-menu i {\n color: inherit !important;\n}\n.header-navbar[class*=bg-] .navbar-nav .search-input .input,\n.header-navbar[class*=bg-] .navbar-nav .search-input .search-list .auto-suggestion span {\n color: #626262 !important;\n}\n.header-navbar.floating-nav {\n border-radius: 0.5rem;\n position: fixed;\n width: 100%;\n z-index: 12;\n}\n.header-navbar.navbar-static-top {\n background: transparent;\n box-shadow: none !important;\n top: 0;\n right: 0;\n left: 260px;\n width: calc(100vw - (100vw - 100%) - 260px);\n}\n.header-navbar .navbar-wrapper {\n width: 100%;\n}\n.header-navbar.navbar-border {\n border-bottom: 1px solid #E4E7ED;\n}\n.header-navbar.navbar-dark.navbar-border {\n border-bottom: 1px solid #8596B5;\n}\n.header-navbar.navbar-shadow {\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\n}\n.header-navbar:not(.navbar-horizontal) .nav-link.dropdown-toggle::after {\n display: none;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-language {\n padding-right: 0;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-language .selected-language {\n font-size: 0.97rem;\n letter-spacing: -0.25px;\n font-weight: 500;\n}\n.header-navbar .navbar-container {\n padding-left: 1rem;\n transition: 300ms ease all;\n background: inherit;\n margin-left: 0;\n}\n.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link {\n padding: 1.4rem 0.5rem 1.35rem;\n}\n.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link i:hover {\n color: #c9c9c9;\n}\n.header-navbar .navbar-container .bookmark-input {\n z-index: 1;\n}\n.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {\n top: 48px;\n}\n.header-navbar .navbar-container ul.nav li .badge {\n padding: 0.42em 0.6em 0.25rem;\n}\n.header-navbar .navbar-container ul.nav li .badge.badge-up {\n position: absolute;\n top: 12px;\n right: -2px;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-language > a.nav-link {\n padding: 1.65rem 0.5rem;\n}\n.header-navbar .navbar-container ul.nav li > a.nav-link {\n color: #fff;\n padding: 1.6rem 0.5rem 1.35rem 1rem;\n}\n.header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {\n margin-right: 0.5rem;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {\n right: 12px;\n left: auto;\n padding: 0.5rem;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item {\n padding: 10px;\n}\n.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {\n background: rgb(126, 70, 142);\n color: #fff !important;\n}\n.header-navbar .navbar-container ul.nav li a.dropdown-user-link {\n padding: 0.7rem 1rem;\n display: flex;\n align-items: center;\n}\n.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {\n display: inline-block;\n margin-bottom: 0.435rem;\n margin-left: 0.2rem;\n}\n.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {\n font-size: smaller;\n}\n.header-navbar .navbar-container ul.nav li a.dropdown-user-link img {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n}\n.header-navbar .navbar-container ul.nav li a.menu-toggle {\n padding: 1.34rem 0.22rem 1.35rem 0;\n}\n.header-navbar .navbar-container ul.nav li a.menu-toggle i {\n font-size: 1.75rem;\n}\n.header-navbar .navbar-container ul.nav li a.nav-link-label {\n padding: 1.6rem 0rem 1.35rem 0.8rem;\n}\n.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n float: left;\n margin-right: 0.8rem;\n}\n.header-navbar .navbar-container ul.nav li div.input-group {\n padding: 0.7rem 1rem;\n}\n.header-navbar .navbar-container ul.nav li i.ficon {\n font-size: 1.5rem;\n color: #626262;\n}\n.header-navbar .navbar-container ul.nav li i.ficon:hover {\n color: #c9c9c9;\n}\n.header-navbar .navbar-container ul.nav li .media-list {\n max-height: 18.2rem;\n}\n.header-navbar .navbar-container ul.nav li .scrollable-container {\n position: relative;\n}\n.header-navbar .navbar-container .dropdown-menu-media {\n width: 26rem;\n}\n.header-navbar .navbar-container .dropdown-menu-media .media-list .media {\n padding: 1rem;\n border: none;\n border-bottom: 1px solid #dae1e7;\n}\n.header-navbar .navbar-container .dropdown-menu-media .media-list .media:hover {\n background: #F9F9F9;\n}\n.header-navbar .navbar-container .dropdown-menu-media .media-list .media .media-meta {\n color: #626262;\n}\n.header-navbar .navbar-container .dropdown-menu-media .media-list a:last-of-type .media {\n border-bottom: none;\n}\n.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {\n border-bottom: 1px solid #dae1e7;\n}\n.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a {\n padding: 0.3rem;\n border-top: 1px solid #dae1e7;\n}\n.header-navbar.navbar-without-menu .navbar-container {\n margin-left: 0;\n}\n.header-navbar .nav-item + .nav-item {\n margin-left: 0rem;\n}\n@media (max-width: 767.98px) {\n .header-navbar .navbar-header {\n width: 100% !important;\n padding: 0.5rem 1rem;\n position: relative;\n }\n .header-navbar .navbar-header .menu-toggle {\n top: 2px;\n position: relative;\n }\n .header-navbar .navbar-header .open-navbar-container i {\n font-size: 1.8rem;\n }\n .header-navbar .navbar-header .navbar-brand {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translate(-50%, 0);\n }\n .header-navbar.navbar-with-menu .navbar-container {\n width: 100%;\n display: table;\n margin: 0;\n height: auto;\n }\n}\n\n/* Modern menu For md screen*/\n@media (max-width: 991.98px) {\n [data-menu=vertical-menu-modern] .header-navbar .navbar-header {\n width: 100% !important;\n padding: 0.5rem 1rem;\n position: relative;\n }\n [data-menu=vertical-menu-modern] .header-navbar .navbar-header .menu-toggle {\n top: 2px;\n position: relative;\n }\n [data-menu=vertical-menu-modern] .header-navbar .navbar-header .open-navbar-container i {\n font-size: 1.8rem;\n }\n [data-menu=vertical-menu-modern] .header-navbar .navbar-header .navbar-brand {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translate(-50%, 0);\n }\n [data-menu=vertical-menu-modern] .header-navbar.navbar-with-menu .navbar-container {\n width: 100%;\n display: table;\n margin: 0;\n height: auto;\n }\n [data-menu=vertical-menu-modern] .navbar-dark .navbar-header .navbar-nav .nav-link,\n [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-header .navbar-nav .nav-link {\n color: #fff;\n }\n [data-menu=vertical-menu-modern] .navbar-dark .navbar-container .navbar-nav .nav-link,\n [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-container .navbar-nav .nav-link {\n color: #b8c2cc;\n }\n [data-menu=vertical-menu-modern] .navbar-light .navbar-header .navbar-nav .nav-link {\n color: #b8c2cc;\n }\n}\n.navbar-light {\n background: linear-gradient(90deg, rgb(126, 70, 142) 0%, rgb(187, 0, 111) 50%, rgb(243, 114, 51) 100%);\n}\n.navbar-light.navbar-horizontal {\n background: #fff;\n}\n.navbar-light .navbar-nav li {\n line-height: 1;\n}\n.navbar-light .navbar-nav .active.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.navbar-light .navbar-nav .disabled.nav-link {\n color: #b8c2cc;\n}\n\n.navbar-dark {\n background: #b8c2cc;\n}\n.navbar-dark .navbar-brand {\n color: #fff !important;\n}\n.navbar-dark.navbar-horizontal {\n background: #b8c2cc;\n}\n.navbar-dark .nav-search .form-control,\n.navbar-dark .nav-search .btn-secondary {\n color: #fff;\n background: #b8c2cc;\n}\n.navbar-dark .navbar-nav li {\n line-height: 1;\n}\n.navbar-dark .navbar-nav .active.nav-link {\n background-color: rgba(255, 255, 255, 0.05);\n}\n.navbar-dark .navbar-nav .disabled.nav-link {\n color: #dae1e7;\n}\n\n.navbar-semi-dark {\n background: #fff;\n}\n.navbar-semi-dark .navbar-header {\n background: #b8c2cc;\n}\n.navbar-semi-dark .navbar-header .brand-text {\n color: #fff;\n}\n.navbar-semi-dark .navbar-nav li {\n line-height: 1;\n}\n.navbar-semi-dark .navbar-nav .nav-link {\n color: #b8c2cc;\n}\n.navbar-semi-dark .navbar-nav .active.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.navbar-semi-dark .navbar-nav .disabled.nav-link {\n color: #b8c2cc;\n}\n\n.navbar-semi-light {\n background: #b8c2cc;\n}\n.navbar-semi-light .navbar-header {\n background: #fff;\n}\n.navbar-semi-light .navbar-header .brand-text {\n color: #b8c2cc;\n}\n.navbar-semi-light .navbar-nav li {\n line-height: 1;\n}\n.navbar-semi-light .navbar-nav .nav-link {\n color: #fff;\n}\n.navbar-semi-light .navbar-nav .active.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.navbar-semi-light .navbar-nav .disabled.nav-link {\n color: #b8c2cc;\n}\n\n@-moz-document url-prefix() {\n ul li a .children-in {\n position: relative;\n right: 3px;\n top: -14px;\n }\n}\n.navbar-menu-icon span {\n display: block;\n position: absolute;\n height: 2px;\n width: 100%;\n background: #b8c2cc;\n border-radius: 9px;\n opacity: 1;\n left: 0;\n transform: rotate(0deg);\n transition: 0.25s ease-in-out;\n}\n\n.navbar-menu-icon span:nth-child(1) {\n top: 0px;\n}\n\n.navbar-menu-icon span:nth-child(2) {\n top: 10px;\n}\n\n.navbar-menu-icon span:nth-child(3) {\n top: 20px;\n}\n\n.navbar-menu-icon.show span:nth-child(1) {\n top: 10px;\n transform: rotate(135deg);\n}\n\n.navbar-menu-icon.show span:nth-child(2) {\n opacity: 0;\n left: -60px;\n}\n\n.navbar-menu-icon.show span:nth-child(3) {\n top: 10px;\n transform: rotate(-135deg);\n}\n\n@media (max-width: 767.98px) {\n .header-navbar .navbar-nav .show {\n position: static;\n }\n .header-navbar .navbar-nav .open-navbar-container {\n padding-top: 0.625rem;\n }\n .header-navbar .navbar-container .show .dropdown-menu {\n right: 0;\n left: 0 !important;\n float: none;\n width: auto;\n margin-top: 0;\n max-height: 400px;\n overflow-x: hidden;\n }\n .header-navbar .navbar-container .dropdown-user .dropdown-menu-right {\n right: 0 !important;\n }\n .header-navbar .navbar-container ul.nav li.nav-item i {\n margin-right: 0.2rem;\n }\n .header-navbar .navbar-container ul.nav li a.dropdown-user-link {\n padding: 0.8rem 0.6rem;\n }\n .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {\n margin-right: 0;\n margin-left: -2px;\n }\n .navbar-dark .hamburger-inner,\n .navbar-dark .hamburger-inner::before,\n .navbar-dark .hamburger-inner::after,\n .navbar-semi-dark .hamburger-inner,\n .navbar-semi-dark .hamburger-inner::before,\n .navbar-semi-dark .hamburger-inner::after {\n background-color: #fff;\n }\n .navbar-dark .navbar-header .navbar-nav .nav-link,\n .navbar-semi-dark .navbar-header .navbar-nav .nav-link {\n color: #fff;\n }\n .navbar-dark .navbar-container .navbar-nav .nav-link,\n .navbar-semi-dark .navbar-container .navbar-nav .nav-link {\n color: #b8c2cc;\n }\n .navbar-light .navbar-header .navbar-nav .nav-link,\n .navbar-semi-light .navbar-header .navbar-nav .nav-link {\n color: #b8c2cc;\n }\n .navbar-light .navbar-container .navbar-nav .nav-link,\n .navbar-semi-light .navbar-container .navbar-nav .nav-link {\n color: #b8c2cc;\n }\n}\n.headroom {\n will-change: transform;\n transition: transform 200ms linear;\n}\n\n.headroom--pinned-top {\n transform: translateY(0%);\n}\n\n.headroom--unpinned-top {\n transform: translateY(-100%);\n}\n\n.headroom--pinned-bottom {\n transform: translateY(0%);\n}\n\n.headroom--unpinned-bottom {\n transform: translateY(100%);\n}\n\n@media (max-width: 575.98px) {\n .header-navbar .navbar-container ul.nav li .selected-language {\n display: none;\n }\n}\nbody[data-col=\"1-column\"] .header-navbar.floating-nav {\n width: calc(100vw - (100vw - 100%) - 2.2rem * 2);\n}\n\n@media (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n body:not([data-col=\"1-columns\"]) .header-navbar.floating-nav {\n width: calc(100vw - (100vw - 100%) - 60px - 260px);\n }\n}\n@media (max-width: 1199.98px) {\n .header-navbar .navbar-container ul.nav li a.dropdown-user-link {\n padding: 0.7rem 1.23rem;\n }\n .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {\n margin-right: 0;\n margin-left: -2px;\n }\n .header-navbar.navbar-static-top {\n left: 0;\n width: 100%;\n }\n}\n@media (max-width: 767px) {\n #navbar-mobile.navbar-collapse .navbar-nav {\n margin: 0;\n flex-flow: row wrap;\n }\n #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {\n position: absolute;\n }\n #navbar-mobile.navbar-collapse .navbar-nav .nav-item {\n float: left;\n }\n}\n@media (max-width: 991.98px) {\n #navbar-mobile.navbar-collapse .navbar-nav {\n margin: 0;\n flex-flow: row wrap;\n }\n #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {\n position: absolute;\n }\n #navbar-mobile.navbar-collapse .navbar-nav .nav-item {\n float: left;\n }\n}\n/* ----------- iPhone 5, 5S iPhone 6----------- */\n/* Landscape */\n@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {\n .header-navbar .navbar-container .show .dropdown-menu {\n max-height: 180px;\n }\n}\n/* ----------- iPhone 6+ ----------- */\n/* Landscape */\n@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {\n .header-navbar .navbar-container .show .dropdown-menu {\n max-height: 280px;\n }\n}\n/*----------------------------- For Navbar Component -------------------------*/\n#navbar-component .navbar {\n z-index: auto !important;\n}\n#navbar-component .navbar.floating-nav {\n border-radius: 0.5rem;\n}\n#navbar-component .navbar .navbar-nav .nav-item a {\n color: inherit;\n}\n#navbar-component .navbar.header-navbar.navbar-dark .navbar-nav .nav-link {\n color: #fff;\n}\n#navbar-component .navbar.header-navbar.navbar-dark .navbar-nav .nav-link i {\n color: #fff;\n}\n#navbar-component .navbar .navbar-nav .dropdown-language.show,\n#navbar-component .navbar .navbar-nav .dropdown-notification.show,\n#navbar-component .navbar .navbar-nav .dropdown-user.show {\n position: relative;\n}\n#navbar-component .navbar .navbar-nav .dropdown-language .dropdown-menu.show,\n#navbar-component .navbar .navbar-nav .dropdown-notification .dropdown-menu.show,\n#navbar-component .navbar .navbar-nav .dropdown-user .dropdown-menu.show {\n position: absolute;\n right: 0;\n left: auto !important;\n}\n#navbar-component .navbar.navbar-dark .navbar-toggler, #navbar-component .navbar.navbar-light .navbar-toggler {\n font-size: 1.2rem;\n}\n#navbar-component .navbar.navbar-dark .navbar-toggler:focus, #navbar-component .navbar.navbar-light .navbar-toggler:focus {\n outline: 0;\n}\n#navbar-component #navbar-collapsed .navbar {\n border-radius: 0;\n}\n\n@media (min-width: 992px) {\n #navbar-component .navbar .navbar-container {\n background: inherit;\n }\n #navbar-component .nav .dropdown-language {\n float: right;\n }\n}\n@media (max-width: 992px) {\n #navbar-component .navbar .navbar-container {\n background: inherit;\n }\n #navbar-component .navbar .navbar-container .navbar-nav {\n flex-direction: row;\n }\n}\n@media (max-width: 1201px) {\n .header-navbar.fixed-top {\n left: 0;\n }\n .horizontal-layout .header-navbar .navbar-container {\n padding-left: 1.5rem;\n padding-right: 1.2rem;\n }\n}\n@media (max-width: 1199px) {\n .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {\n margin-bottom: 0;\n }\n}\n@media (max-width: 768px) {\n #navbar-component .navbar .navbar-nav .dropdown-notification.show {\n position: static;\n }\n}\n@media (max-width: 575.98px) {\n .header-navbar.floating-nav {\n width: calc(100vw - (100vw - 100%) - 3.5rem) !important;\n margin-left: 1.2rem;\n margin-right: 1.2rem;\n }\n .content.app-content .content-area-wrapper {\n margin-left: 1.2rem !important;\n margin-right: 1.2rem !important;\n }\n .header-navbar .navbar-container {\n padding-left: 1rem !important;\n padding-right: 0 !important;\n }\n}\n@media (max-width: 992px) {\n .navbar-container #navbar-mobile .nav-back {\n margin-top: 5px;\n }\n}\n.card-group, .card-deck {\n margin-bottom: 0.75rem;\n}\n\n.card {\n margin-bottom: 1rem;\n border: 1px solid #c9c9c9;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease-in-out;\n}\n.card .card {\n box-shadow: none !important;\n}\n.card .card-subtitle {\n margin-top: 0.5rem;\n}\n.card .card-title {\n font-weight: 500;\n letter-spacing: 0.05rem;\n font-size: 1.32rem;\n margin-bottom: 0.5rem;\n}\n.card .card-bordered {\n border: 1px solid rgba(34, 41, 47, 0.125);\n}\n.card .card-img {\n object-fit: cover;\n}\n.card .card-img-overlay {\n border-radius: 0.5rem;\n}\n.card.card-fullscreen {\n display: block;\n z-index: 9999;\n position: fixed;\n width: 100% !important;\n height: 100% !important;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n overflow: auto;\n}\n.card .card-body[class*=border-bottom-] {\n border-bottom-width: 2px !important;\n}\n.card .card-img-overlay.bg-overlay {\n background: rgba(0, 0, 0, 0.45);\n}\n.card .card-img-overlay .text-muted {\n color: #1e1e1e !important;\n}\n.card.card-minimal {\n border: none;\n box-shadow: none;\n}\n.card .card-header {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n justify-content: space-between;\n border-bottom: none;\n padding: 1.5rem 1.5rem 0;\n background-color: transparent;\n}\n.card .card-header .card-title {\n margin-bottom: 0;\n}\n.card .card-header .heading-elements,\n.card .card-header .heading-elements-toggle {\n background-color: inherit;\n position: absolute;\n top: 17px;\n right: 21px;\n cursor: pointer;\n}\n.card .card-header .heading-elements.heading-top-elements .page-item,\n.card .card-header .heading-elements-toggle.heading-top-elements .page-item {\n display: inline-block;\n}\n.card .card-header .heading-elements a,\n.card .card-header .heading-elements-toggle a {\n padding: 0;\n padding-left: 8px;\n}\n.card .card-header .heading-elements a.btn,\n.card .card-header .heading-elements-toggle a.btn {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.card .card-header .heading-elements a[data-action=collapse] i,\n.card .card-header .heading-elements-toggle a[data-action=collapse] i {\n transition: all 0.25s ease-out;\n display: inline-block;\n}\n.card .card-header .heading-elements a[data-action=collapse].rotate i,\n.card .card-header .heading-elements-toggle a[data-action=collapse].rotate i {\n transform: rotate(-180deg);\n}\n.card .card-footer {\n border-top: 1px solid #dae1e7;\n}\n\n.card-columns .card {\n margin-bottom: 2.2rem;\n}\n\n.text-white .card-text {\n color: white;\n}\n.text-white .card-img-overlay .text-muted {\n color: #fff !important;\n}\n.text-white code {\n background-color: white;\n}\n.text-white .heading-elements i {\n color: #fff;\n}\n\n.card-head-inverse {\n color: #fff;\n}\n.card-head-inverse .heading-elements i {\n color: #fff;\n}\n\n.card-transparent {\n background-color: transparent;\n}\n\n@media (max-width: 991.98px) {\n .heading-elements {\n text-align: center;\n }\n .heading-elements .list-inline {\n display: none;\n }\n .heading-elements.visible {\n top: 22px !important;\n display: block;\n margin-top: 0;\n top: 100%;\n top: 50px;\n height: auto;\n left: 0px;\n z-index: 997;\n position: absolute;\n width: 100%;\n }\n .heading-elements.visible .list-inline {\n background-color: #fff;\n display: block;\n position: absolute;\n top: 12px;\n right: 15px;\n }\n}\n@media (min-width: 992px) {\n .heading-elements-toggle {\n display: none;\n }\n}\n.overlay-img-card .card-img-overlay, .overlay-img-card img {\n max-height: 34.64rem;\n}\n\n.activity-timeline.timeline-left {\n border-left: 2px solid #dae1e7;\n padding-left: 40px;\n margin-left: 1.5rem;\n}\n.activity-timeline.timeline-left li {\n position: relative;\n margin-bottom: 20px;\n}\n.activity-timeline.timeline-left li p {\n margin-bottom: 0;\n}\n.activity-timeline.timeline-left li .timeline-icon {\n position: absolute;\n top: 0;\n left: -4.3rem;\n padding: 0.7rem;\n display: flex;\n align-items: center;\n border-radius: 50%;\n color: #fff;\n}\n.activity-timeline.timeline-left li .timeline-icon i {\n vertical-align: sub;\n}\n.activity-timeline.timeline-right {\n border-right: 2px solid #dae1e7;\n padding-right: 40px;\n margin-right: 1.5rem;\n}\n.activity-timeline.timeline-right li {\n position: relative;\n margin-bottom: 20px;\n text-align: right;\n}\n.activity-timeline.timeline-right li p {\n margin-bottom: 0;\n}\n.activity-timeline.timeline-right li .timeline-icon {\n position: absolute;\n top: 0;\n right: -4.3rem;\n padding: 0.6rem 0.7rem;\n border-radius: 50%;\n color: #fff;\n}\n.activity-timeline.timeline-right li .timeline-icon i {\n vertical-align: sub;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .card-body, .card-content {\n min-height: 1px;\n }\n .profile-card-2 .card .card-header {\n display: block;\n }\n .profile-card-1 .card .avatar,\n .profile-card-3 .card .avatar {\n margin-left: auto;\n margin-right: auto;\n }\n}\n.breadcrumb {\n font-size: 1rem;\n font-family: \"Montserrat\", Helvetica, Arial, serif;\n background-color: transparent;\n padding: 0.5rem 0 0.5rem 1rem !important;\n border-left: 1px solid #d6dce1;\n border-radius: 0;\n /* .breadcrumb-item:first-child{\n a{\n &:after{\n content: \"\\e965\";\n font-family: 'feather';\n }\n }\n } */\n}\n.breadcrumb > li + li::before {\n padding-right: 0.6rem;\n padding-left: 0.6rem;\n}\n.breadcrumb .breadcrumb-item + .breadcrumb-item {\n padding-left: 0;\n}\n.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \"\\e847\";\n font-family: \"feather\";\n color: #626262;\n}\n.breadcrumb .breadcrumb-item.active {\n color: #626262;\n}\n\n/* Custom scss for page headers style */\n.breadcrumbs-right .breadcrumb {\n float: right;\n}\n\n.breadcrumbs-top .breadcrumb {\n margin: 0;\n padding: 0;\n}\n\n/* Component Specific */\n#component-breadcrumbs .breadcrumb {\n border: none;\n}\n#component-breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n font-family: none;\n padding: 0 1rem;\n}\n#component-breadcrumbs .default-breadcrumb.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \"/\";\n}\n#component-breadcrumbs .breadcrumb-dots.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \".\";\n position: relative;\n top: -4px;\n}\n#component-breadcrumbs .breadcrumb-dashes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \"-\";\n}\n#component-breadcrumbs .breadcrumb-pipes.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \"|\";\n}\n#component-breadcrumbs .breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {\n content: \"\\e844\";\n font-family: \"feather\";\n position: relative;\n top: 1px;\n}\n\n#breadcrumb-alignment .breadcrumb-wrapper {\n box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);\n padding: 1px;\n border-radius: 10px;\n}\n#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {\n margin-top: 0.8rem;\n}\n\n.badge {\n color: #fff;\n background-color: rgb(126, 70, 142);\n font-weight: 400;\n}\n.badge[class*=badge-] [class*=icon-] {\n line-height: 1;\n}\n.badge[class*=badge-] a {\n color: #fff;\n}\n.badge[class*=badge-] i {\n vertical-align: middle;\n}\n.badge[class*=badge-] .dropdown-toggle span, .badge[class*=badge-] .dropdown-toggle i, .badge[class*=badge-].dropdown-toggle span, .badge[class*=badge-].dropdown-toggle i {\n vertical-align: text-top;\n}\n.badge[class*=badge-] .dropdown-toggle i, .badge[class*=badge-].dropdown-toggle i {\n padding-left: 0.2rem;\n}\n.badge[class*=badge-] .dropdown-toggle::after, .badge[class*=badge-].dropdown-toggle::after {\n position: relative;\n top: 0;\n left: 0;\n font-size: 1rem;\n}\n.badge[class*=badge-] .dropdown-menu a {\n color: #626262;\n}\n.badge.badge-square {\n border-radius: 0;\n}\n.badge.badge-up {\n position: absolute;\n top: -1rem;\n right: -1rem;\n}\n.badge.badge-up.badge-sm {\n top: -0.5rem;\n right: -0.5rem;\n}\n\n.badge-xl {\n font-size: 1.8rem;\n}\n\n.badge-lg {\n font-size: 1.2rem;\n}\n\n.badge-md {\n font-size: 1rem;\n}\n\n.badge-sm {\n font-size: 0.7rem;\n}\n\n.badge-icon i {\n font-size: 100%;\n margin-right: 5px;\n}\n\n.dropup .badge {\n cursor: pointer;\n}\n\n.nav {\n border-radius: 0.25rem;\n}\n.nav.wrap-border {\n border: 1px solid #ddd;\n}\n.nav.wrap-border li.nav-header {\n margin: 0 0.5rem;\n}\n.nav.wrap-border li.nav-item,\n.nav.wrap-border div {\n padding: 2px 0.714rem;\n}\n.nav.square-border {\n border-radius: 0;\n}\n.nav.square-border .nav-item .nav-link.active {\n border-radius: 0;\n}\n.nav .modern-nav-toggle {\n padding: 1.571rem 0;\n}\n.nav.nav-pills {\n margin-bottom: 1rem;\n}\n.nav.nav-pills .nav-item .nav-link {\n border-radius: 0.357rem;\n padding: 0.2rem 1rem;\n padding-top: 0.3rem;\n font-size: 0.98rem;\n margin-right: 0.5rem;\n color: #000;\n}\n.nav.nav-pills .nav-item .nav-link.active {\n color: #fff;\n}\n.nav.nav-pills .nav-item .nav-link.disabled {\n color: #b8c2cc;\n}\n.nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {\n top: 1px;\n left: 1px;\n}\n.nav.nav-pills .nav-item.dropdown.show .nav-link {\n color: #fff;\n}\n.nav.nav-pills .nav-item.dropdown.show .dropdown-item.active:hover {\n color: rgb(126, 70, 142);\n}\n.nav.nav-pills.nav-justified {\n width: 100%;\n}\n.nav.nav-pills.nav-justified .nav-item {\n float: none;\n}\n.nav.nav-pills.nav-justified .nav-link {\n text-align: center;\n margin-bottom: 5px;\n}\n.nav.nav-pills.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n@media (min-width: 576px) {\n .nav.nav-pills.nav-justified .nav-item {\n display: block;\n width: 1%;\n }\n .nav.nav-pills.nav-justified .nav-link {\n margin-bottom: 0;\n }\n}\n.nav.nav-pills.nav-justified .nav-link {\n margin-right: 0;\n border-radius: 0.5rem;\n}\n@media (min-width: 576px) {\n .nav.nav-pills.nav-justified .nav-link.active,\n .nav.nav-pills.nav-justified .nav-link.active:hover,\n .nav.nav-pills.nav-justified .nav-link.active:focus {\n border-bottom-color: transparent;\n }\n}\n.nav.nav-pills.nav-justified .nav-link {\n display: block;\n}\n.nav.nav-pills.nav-justified .nav-link.active {\n border: none;\n}\n.nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {\n border: none;\n}\n.nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {\n border: 1px solid rgb(126, 70, 142);\n border-radius: 0.25rem;\n color: rgb(126, 70, 142);\n background-color: #fff;\n}\n.nav.nav-tabs {\n border: none;\n margin-bottom: 1rem;\n position: relative;\n border-radius: 0;\n}\n.nav.nav-tabs .nav-item {\n position: relative;\n}\n.nav.nav-tabs .nav-item .nav-link {\n color: #626262;\n font-size: 0.95rem;\n border: none;\n min-width: auto;\n font-weight: 450;\n padding: 0.61rem 0.635rem;\n border-radius: 0;\n}\n.nav.nav-tabs .nav-item .nav-link.active {\n border: none;\n position: relative;\n color: rgb(126, 70, 142);\n transition: all 0.2s ease;\n background-color: transparent;\n}\n.nav.nav-tabs .nav-item .nav-link.active:after {\n content: attr(data-before);\n height: 2px;\n width: 100%;\n left: 0;\n position: absolute;\n bottom: 0;\n top: 100%;\n background: linear-gradient(30deg, #7e468e, rgba(126, 70, 142, 0.5)) !important;\n box-shadow: 0 0 8px 0 rgba(126, 70, 142, 0.5) !important;\n transform: translateY(0px);\n transition: all 0.2s linear;\n}\n.nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after {\n top: 1px;\n left: 1px;\n}\n.nav.nav-tabs .nav-item .nav-link.disabled {\n color: #b8c2cc;\n}\n.nav.nav-tabs.nav-justified {\n width: 100%;\n}\n.nav.nav-tabs.nav-justified .nav-item {\n float: none;\n}\n.nav.nav-tabs.nav-justified .nav-link {\n text-align: center;\n margin-bottom: 5px;\n}\n.nav.nav-tabs.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n@media (min-width: 576px) {\n .nav.nav-tabs.nav-justified .nav-item {\n display: block;\n width: 1%;\n }\n .nav.nav-tabs.nav-justified .nav-link {\n margin-bottom: 0;\n }\n}\n.nav.nav-tabs.nav-justified .nav-link {\n margin-right: 0;\n border-radius: 0.5rem;\n}\n@media (min-width: 576px) {\n .nav.nav-tabs.nav-justified .nav-link.active,\n .nav.nav-tabs.nav-justified .nav-link.active:hover,\n .nav.nav-tabs.nav-justified .nav-link.active:focus {\n border-bottom-color: transparent;\n }\n}\n.nav.nav-tabs.nav-justified .nav-item a.nav-link {\n display: block;\n border-radius: 0;\n}\n.nav.nav-tabs.nav-justified .nav-item a.nav-link.active {\n border: none;\n background-color: #fff;\n}\n.nav.nav-tabs.nav-justified .nav-item a.nav-link:hover {\n border-color: transparent;\n}\n\n.nav-vertical {\n overflow: hidden;\n}\n.nav-vertical .nav.nav-tabs .nav-item .nav-link {\n border: none;\n margin-bottom: 0;\n}\n.nav-vertical .nav.nav-tabs .nav-item .nav-link.active {\n border: none;\n border-radius: 0;\n}\n.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {\n transform: rotate(90deg);\n left: auto;\n right: -1.5rem;\n bottom: 100%;\n top: 1.25rem;\n width: 2.14rem;\n}\n.nav-vertical .nav.nav-tabs .nav-item .nav-link:hover {\n border-right: none;\n}\n.nav-vertical .nav.nav-tabs.nav-left {\n float: left;\n display: table;\n margin-right: 1rem;\n}\n.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {\n display: none;\n background-color: #fff;\n overflow-y: auto;\n}\n.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane.active {\n display: block;\n}\n.nav-vertical .nav.nav-tabs.nav-right {\n float: right;\n display: table;\n margin-left: 1rem;\n}\n.nav-vertical .nav.nav-tabs.nav-right .nav-item .nav-link.active:after {\n left: -1.5rem;\n}\n.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {\n display: none;\n background-color: #fff;\n overflow-y: auto;\n padding-right: 1rem;\n}\n.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane.active {\n display: block;\n}\n\n@media (max-width: 576px) {\n .nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {\n height: 0;\n }\n}\n.alert {\n font-weight: 500;\n border: none;\n}\n.alert .close:focus {\n outline: 0;\n}\n.alert p {\n font-weight: 500;\n padding: 2px 0;\n margin-bottom: 0;\n vertical-align: middle;\n}\n.alert span {\n vertical-align: middle;\n}\n.alert .alert-heading {\n font-weight: 700;\n font-size: 0.9rem;\n padding: 0;\n padding-bottom: 8px;\n}\n.alert.alert-dark .alert-heading {\n box-shadow: rgba(30, 30, 30, 0.4) 0px 6px 15px -7px;\n}\n.alert.alert-light .alert-heading {\n box-shadow: rgba(201, 201, 201, 0.4) 0px 6px 15px -7px;\n}\n\n.media-list .media {\n padding: 1.25rem;\n width: 100%;\n margin-top: 0;\n}\n.media-list .media .media-left {\n padding-right: 1rem;\n}\n.media-list .media .media-right {\n padding-left: 1rem;\n}\n.media-list a.media {\n color: #b8c2cc !important;\n}\n\n.media-bordered .media {\n border-top: 1px solid #E4E7ED;\n}\n.media-bordered .media:first-child {\n border-top: 0;\n}\n\n/*=========================================================================================\n File Name: progress.scss\n Description: Extended bootstrap progress bar scss.\n ----------------------------------------------------------------------------------------\n Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n Author: PIXINVENT\n Author URL: http://www.themeforest.net/user/pixinvent\n ----------------------------------------------------------------------------------------\n\n Modifiers: `progress-lg`\n `progress-md`\n `progress-sm`\n `progress-xs`\n\n==========================================================================================*/\n.progress {\n margin-bottom: 3rem;\n}\n.progress:last-child {\n margin-bottom: 1rem;\n}\n.progress.progress-xl {\n height: 1.14rem;\n}\n.progress.progress-lg {\n height: 0.857rem;\n}\n.progress.progress-md {\n height: 0.57rem;\n}\n.progress.progress-sm {\n height: 0.143rem;\n}\n.progress .progress-bar {\n border-radius: 1.28rem;\n}\n\n/* ===============================================================================================\n\tFile Name: list-group.scss\n\tDescription: Contain list item, list group related extended SCSS.\n\t----------------------------------------------------------------------------------------------\n\tItem name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n\tAuthor: PIXINVENT\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\n================================================================================================*/\nul.list-inline li {\n display: inline-block;\n}\nul.list-inline.list-inline-pipe > li + li:before {\n content: \" | \";\n padding-right: 2px;\n}\n\n.list-group .list-group-item {\n line-height: 1;\n}\n.list-group .list-group-item.active:hover {\n background-color: rgb(126, 70, 142);\n}\n.list-group .list-group-item.active:focus {\n outline: 0;\n}\n.list-group .list-group-item.active:focus:hover {\n color: #fff;\n}\n.list-group .list-group-item:hover {\n background-color: #F9F9F9;\n}\n.list-group .list-group-item i {\n font-size: 1.2rem;\n font-weight: 100;\n position: relative;\n}\n.list-group .list-group-item:not(.active):focus:active {\n color: inherit;\n}\n.list-group .list-group-item-action:focus {\n outline: 0;\n}\n\n.list-group-item.gu-mirror {\n border-radius: 0;\n}\n\n.users-list li + li {\n margin-left: -0.785rem;\n}\n.users-list li img {\n border: 2px solid #fff;\n box-shadow: 0px 2px 10px 0px rgba(184, 194, 204, 0.3);\n}\n.users-list li .badge {\n color: #22292f;\n}\n\n.toast-bs-container {\n z-index: 1040;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n}\n.toast-bs-container .toast-position {\n position: relative;\n top: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap-reverse;\n}\n.toast-bs-container .toast-position .toast.show {\n opacity: 1;\n z-index: 1030;\n}\n\n.toast-placement {\n position: static;\n top: 0;\n}\n.toast-placement .toast {\n position: fixed;\n top: 0;\n z-index: 1030;\n}\n\n.toast {\n display: none;\n background-color: white;\n margin-top: 0.75rem;\n}\n.toast .toast-header .close:focus, .toast .toast-header .close:active {\n outline: none;\n}\n\n.toast.show.toast-wrapper {\n position: static;\n}\n\n.toast.toast-translucent {\n opacity: 1;\n display: block;\n}\n\n.toast-header img {\n width: 35px;\n height: 24px;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .toast-bs-container {\n position: fixed !important;\n left: 74% !important;\n }\n}\n_:-ms-lang(x),\n.toast-bs-container {\n position: fixed !important;\n left: 74% !important;\n}\n\n.accordion .collapse-title,\n.collapse-bordered .collapse-title {\n font-weight: 400;\n font-size: 1.2rem;\n}\n.accordion .card-header,\n.collapse-bordered .card-header {\n cursor: pointer;\n}\n\n.collapse-title {\n color: inherit;\n}\n.collapse-title:hover {\n color: inherit;\n}\n\n.collapse-bordered .card:first-child {\n border-top: 0;\n}\n.collapse-bordered .card:last-child {\n border-bottom: 0;\n}\n.collapse-bordered .card {\n margin-bottom: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.04);\n border-radius: 0;\n}\n.collapse-bordered .card .card-header {\n padding: 1rem;\n}\n.collapse-bordered .card .card-body {\n padding: 1rem;\n line-height: 1.5;\n}\n\n.accordion .collapse-border-item.card {\n border: 1px solid rgba(0, 0, 0, 0.1);\n margin-bottom: 0;\n}\n.accordion .collapse-border-item.card:first-child {\n border-bottom: 0;\n}\n.accordion .collapse-border-item.card .card-header {\n padding: 1rem;\n}\n.accordion .collapse-border-item.card .card-body {\n padding: 1rem;\n line-height: 1.5;\n}\n\n.accordion-shadow {\n box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);\n padding: 0.15rem 0.75rem;\n border-radius: 0.5rem;\n}\n.accordion-shadow .card.open {\n border-radius: 0.571rem;\n margin: 10px 0;\n border: 0;\n box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;\n}\n.accordion-shadow .card:first-child {\n border-top-left-radius: 0.571rem;\n border-top-right-radius: 0.571rem;\n}\n.accordion-shadow .card:last-child {\n border-bottom-left-radius: 0.571rem;\n border-bottom-right-radius: 0.571rem;\n}\n\n.collapse-border {\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 0.5rem;\n}\n.collapse-border + .collapse.show {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.collapse-margin {\n margin-top: 0.71rem;\n margin-bottom: 0.71rem !important;\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n border-radius: 5px;\n border-bottom: 0 solid transparent !important;\n}\n.collapse-margin .card-header {\n padding: 1rem;\n border-radius: 5px;\n}\n.collapse-margin .card-body {\n padding: 1rem;\n line-height: 1.5rem;\n}\n\n.pagination .page-item {\n border-radius: 5rem;\n}\n.pagination .page-item.prev-item .page-link, .pagination .page-item.next-item .page-link, .pagination .page-item.first .page-link, .pagination .page-item.last .page-link {\n color: rgb(126, 70, 142);\n}\n.pagination .page-item.prev-item.disabled .page-link, .pagination .page-item.next-item.disabled .page-link, .pagination .page-item.first.disabled .page-link, .pagination .page-item.last.disabled .page-link {\n color: rgb(187, 0, 111);\n}\n.pagination .page-item:not(.prev-item) .page-link, .pagination .page-item:not(.next-item) .page-link, .pagination .page-item:not(.first) .page-link, .pagination .page-item:not(.last) .page-link, .pagination .page-item:not(.active) .page-link {\n line-height: 1.3;\n}\n.pagination .page-item.prev-item {\n margin-right: 0.3571rem;\n}\n.pagination .page-item.prev-item .page-link {\n background-color: #f0f0f0;\n padding: 0.572rem 0.651rem;\n border-radius: 50%;\n}\n.pagination .page-item.prev-item .page-link:before {\n content: \"\\e843\";\n font-family: \"feather\";\n}\n.pagination .page-item.prev-item .page-link:hover {\n background: rgb(126, 70, 142);\n color: #fff;\n}\n.pagination .page-item.prev-item ~ .page-item:nth-child(2) {\n border-top-left-radius: 5rem;\n border-bottom-left-radius: 5rem;\n}\n.pagination .page-item.prev-item ~ .page-item:nth-child(2) .page-link {\n border-top-left-radius: 5rem !important;\n border-bottom-left-radius: 5rem !important;\n}\n.pagination .page-item.prev-item ~ .page-item:nth-last-child(2) {\n border-top-right-radius: 5rem;\n border-bottom-right-radius: 5rem;\n}\n.pagination .page-item.prev-item ~ .page-item:nth-last-child(2) .page-link {\n border-top-right-radius: 5rem !important;\n border-bottom-right-radius: 5rem !important;\n}\n.pagination .page-item.next-item {\n margin-left: 0.3571rem;\n}\n.pagination .page-item.next-item .page-link {\n background-color: #f0f0f0;\n padding: 0.572rem 0.651rem;\n border-radius: 50%;\n}\n.pagination .page-item.next-item .page-link:after {\n content: \"\\e844\";\n font-family: \"feather\";\n}\n.pagination .page-item.next-item .page-link:hover {\n background: rgb(126, 70, 142);\n color: #fff;\n}\n.pagination .page-item.prev .page-link:before, .pagination .page-item.previous .page-link:before {\n content: \"\\e843\";\n font-family: \"feather\";\n}\n.pagination .page-item.next .page-link:after {\n content: \"\\e844\";\n font-family: \"feather\";\n}\n.pagination .page-item .page-link {\n border: none;\n margin: 0;\n color: rgba(0, 0, 0, 0.6);\n background-color: #f0f0f0;\n margin-left: 0;\n font-size: 1rem;\n font-weight: 700;\n}\n.pagination .page-item .page-link i {\n position: relative;\n top: 1px;\n}\n.pagination .page-item .page-link:focus {\n box-shadow: none;\n}\n.pagination .page-item .page-link:hover {\n color: rgb(126, 70, 142);\n}\n.pagination .page-item.active {\n background-color: #f0f0f0;\n border-radius: 0;\n}\n.pagination .page-item.active .page-link {\n z-index: 3;\n border-radius: 5rem;\n background-color: rgb(126, 70, 142);\n color: #fff;\n transform: scale(1.05);\n}\n.pagination .page-item:first-child:not(.prev-item).active {\n border-top-left-radius: 1.428rem;\n border-bottom-left-radius: 1.428rem;\n}\n.pagination .page-item:first-child:not(.prev-item).active .page-link {\n border-radius: 5rem;\n}\n.pagination .page-item:first-child:not(.prev-item) .page-link {\n border-top-left-radius: 1.428rem;\n border-bottom-left-radius: 1.428rem;\n}\n.pagination .page-item:last-child:not(.next-item).active {\n border-top-right-radius: 1.428rem;\n border-bottom-right-radius: 1.428rem;\n}\n.pagination .page-item:last-child:not(.next-item).active .page-link {\n border-radius: 5rem;\n}\n.pagination .page-item:last-child:not(.next-item) .page-link {\n border-top-right-radius: 1.428rem;\n border-bottom-right-radius: 1.428rem;\n}\n.pagination.pagination-lg .page-item .page-link {\n font-size: 1.5rem;\n transform: scale(1);\n}\n\n.modal .modal-header {\n background-color: #F9F9F9;\n border-radius: 0.42rem;\n padding: 0.8rem;\n border-bottom: none;\n}\n.modal .modal-header .close {\n padding: 0.2rem 0.62rem;\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n border-radius: 0.357rem;\n background: #fff;\n opacity: 1;\n transition: all 0.23s ease 0.1s;\n position: relative;\n transform: translate(8px, -2px);\n}\n.modal .modal-header .close span {\n font-weight: 400;\n font-size: 2rem;\n color: rgb(126, 70, 142);\n}\n.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {\n opacity: 1;\n outline: none;\n transform: translate(5px, 3px);\n box-shadow: none;\n}\n.modal .modal-header[class*=bg-] {\n color: #fff;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n.modal .modal-header[class*=bg-] .modal-title {\n color: #fff;\n}\n.modal .modal-header.bg-primary .close span {\n color: rgb(126, 70, 142);\n}\n.modal .modal-header.bg-success .close span {\n color: #3399fe;\n}\n.modal .modal-header.bg-info .close span {\n color: #33D4FE;\n}\n.modal .modal-header.bg-danger .close span {\n color: #ea5455;\n}\n.modal .modal-header.bg-warning .close span {\n color: rgb(243, 114, 51);\n}\n.modal .modal-header.bg-dark .close span {\n color: #1e1e1e;\n}\n.modal .modal-content {\n border: none;\n overflow: visible;\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);\n}\n.modal .modal-footer {\n border-color: rgba(0, 0, 0, 0.05);\n}\n\n.modal-sm {\n max-width: 400px;\n}\n\n.modal-xs {\n max-width: 300px;\n}\n\n.modal-xl {\n max-width: 94%;\n margin-left: 3%;\n margin-right: 3%;\n}\n\n@media (max-width: 576px) {\n .modal {\n padding-right: 1rem;\n padding-left: 1rem;\n }\n .modal .modal-xs,\n .modal .modal-sm {\n max-width: unset;\n }\n}\n.popover {\n z-index: 10;\n}\n.popover .popover-header {\n color: #fff;\n border: none;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n.popover.bs-popover-bottom .arrow:after {\n border-bottom-color: rgb(126, 70, 142);\n}\n\n.icon-bg-circle {\n color: #fff;\n padding: 0.5rem;\n border-radius: 50%;\n}\n\n.icon-left {\n margin-right: 0.5rem;\n}\n\n.icon-right {\n margin-right: 0.5rem;\n}\n\n.icon-spin {\n display: inline-block;\n animation: spin 1s infinite linear;\n}\n\n.blockOverlay {\n z-index: 1050 !important;\n}\n\n.blockElement, .blockPage {\n z-index: 1051 !important;\n}\n\n@-moz-keyframes spin {\n from {\n -moz-transform: rotate(0deg);\n }\n to {\n -moz-transform: rotate(360deg);\n }\n}\n@-webkit-keyframes spin {\n from {\n -webkit-transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n }\n}\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.hidden {\n display: none;\n visibility: hidden;\n}\n\na:hover {\n cursor: pointer;\n}\n\n.round {\n border-radius: 1.5rem;\n}\n\n.square {\n border-radius: 0;\n}\n\n.icon-line-height {\n line-height: 1.5rem !important;\n}\n\n.table-middle td {\n vertical-align: middle;\n}\n\n.spinner {\n display: inline-block;\n -webkit-animation: spin 1s linear infinite;\n -o-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\nbutton:focus {\n outline: none;\n}","// ================================================================================================\n// File Name: type.scss\n// Description: Type pages custom scss\n// ----------------------------------------------------------------------------------------------\n// Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n// Author: PIXINVENT\n// Author URL: http://www.themeforest.net/user/pixinvent\n// ================================================================================================\n\n\n//small\n.font-small-1{\n font-size: 0.7rem !important;\n}\n.font-small-2{\n font-size: 0.8rem !important;\n}\n.font-small-3{\n font-size: 0.9rem !important;\n}\n//medium\n.font-medium-1{\n font-size: 1.1rem !important;\n}\n.font-medium-2{\n font-size: 1.2rem !important;\n}\n.font-medium-3{\n font-size: 1.3rem !important;\n}\n.font-medium-4{\n font-size: 1.4rem !important;\n}\n.font-medium-5{\n font-size: 1.5rem !important;\n}\n//large\n.font-large-1{\n font-size: 2rem !important;\n}\n.font-large-2{\n font-size: 2.5rem !important;\n}\n.font-large-3{\n font-size: 4rem !important;\n}\n.font-large-4{\n font-size: 5rem !important;\n}\n.font-large-5{\n font-size: 6rem !important;\n}\n\n// Text styling\n// -------------------------\n\n// Font weights\n\n.text-bold-300 {\n @include font-weight(light);\n}\n.text-bold-400 {\n @include font-weight(book);\n}\n.text-bold-500 {\n @include font-weight(medium);\n}\n.text-bold-600 {\n @include font-weight(semi-bold);\n}\n.text-bold-700 {\n @include font-weight(bold);\n}\n\n// Font style\n.text-italic {\n font-style: italic;\n}\n.text-highlight {\n padding: 4px 6px;\n}\n\n// //list Item\n// ol, ul, dl{\n// li{\n// line-height: 12;\n// }\n// }\n","// Font weight mixins\n// ------------------\n@mixin font-weight($weight) {\n $weights: (\n thin: 100,\n extra-light: 200,\n ultra-light: 200,\n light: 300,\n normal: 400,\n book: 400,\n regular: 400,\n medium: 500,\n semi-bold: 600,\n demi-bold: 600,\n bold: 700,\n extra-bold: 800,\n ultra-bold: 900,\n heavy: 900,\n black: 900,\n ultra: 900,\n ultra-black: 900,\n extra-ultra: 900\n );\n \n $output: $weight;\n @if map-has-key($weights, $weight) {\n $output: map-get($weights, $weight);\n }\n \n font-weight: $output;\n}","\n// Inline code\ncode {\n padding: .1rem .4rem;\n font-size: 90%;\n color: $code-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius/2);\n}\npre{\n\tbackground-color : #f7f7f9;\n\tcode\n\t{\n\t\tbackground-color: transparent !important;\n\t}\n}\n","// ================================================================================================\n// File Name: variables.scss\n// Description: Custom overrides of Bootstrap variables\n// ----------------------------------------------------------------------------------------------\n// Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n// Author: PIXINVENT\n// Author URL: http://www.themeforest.net/user/pixinvent\n// ================================================================================================\n\n// Color system\n\n$white: #fff;\n$body-bg: #F9F9F9;\n$gray-100: #c9c9c9; // $gray-lightest\n$gray-200: #ededed; // $gray-lighter\n$gray-300: #dae1e7; // $gray-light\n$gray-400: #636363;\n$gray-500: #adb5bd;\n$gray-600: #b8c2cc; // $gray\n$gray-700: #4e5154;\n$gray-800: #1e1e1e; // $gray-dark\n$gray-900: #2a2e30;\n$black: #22292f;\n\n$blue: #33D4FE; //$info\n$red: #ea5455; //$danger\n$orange: #f4a908; //$warning\n$green: #3399fe; //$success\n$cyan: #3399fe; //$primary\n\n$primary: rgba(126,70,142,1);\n$info: $blue;\n$warning: rgba(243,114,51,1) ;\n$secondary: rgba(187,0,111,1);\n\n$primary-gradient: linear-gradient(90deg, $primary 0%, $secondary 50%, $warning 100%);\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem;\n$spacers: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge((0: 0,\n25: ($spacer * .25),\n50: ($spacer * .5),\n75: ($spacer * .75),\n1: ($spacer),\n2: ($spacer * 1.5),\n3: ($spacer * 3),\n4: ($spacer * 3.5),\n5: ($spacer * 4)),\n$spacers);\n\n// Body\n//\n// Settings for the `` element.\n\n// $body-bg: $body-bg;\n$body-color: #626262;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $primary;\n$link-hover-color: darken($link-color, 5%);\n$link-hover-decoration: none;\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-gutter-width: 28px;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.25;\n$line-height-sm: 1;\n$border-width: 1px;\n$border-color: $gray-200;\n$border-radius: 0.5rem;\n$border-radius-lg: 0.6rem;\n$border-radius-sm: 0.25rem;\n\n// Typography\n\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: \"Montserrat\",\nHelvetica,\nArial,\nserif;\n$font-family-monospace: \"Montserrat\",\nHelvetica,\nArial,\nserif;\n\n// stylelint-enable value-keyword-case\n$font-size-base: 1rem;\n$font-size-sm: ceil($font-size-base * 0.85);\n$font-size-lg: ceil($font-size-base * 1.25);\n\n$line-height-base: 1.45;\n\n$h1-font-size: $font-size-base * 2;\n$h2-font-size: $font-size-base * 1.74;\n$h3-font-size: $font-size-base * 1.51;\n$h4-font-size: $font-size-base * 1.32;\n$h5-font-size: $font-size-base * 1.14;\n\n$headings-margin-bottom: ($spacer / 2);\n$headings-font-family: inherit;\n$headings-font-weight: 500;\n\n$headings-color: #2c2c2c;\n\n$small-font-size: smaller;\n\n// Tables\n\n$table-border-color: $body-bg;\n\n// Buttons + Forms\n$btn-padding-y: 0.8rem;\n$btn-padding-x: 0.8rem;\n\n$input-btn-padding-y: .75rem;\n$input-btn-padding-x: 0.8rem;\n\n$input-btn-padding-y-sm: 0.5rem;\n$input-btn-padding-x-sm: 0.5rem;\n$input-btn-font-size-sm: $font-size-base * 0.7;\n\n$input-btn-padding-y-lg: 1rem;\n$input-btn-padding-x-lg: 2.5rem;\n$input-btn-font-size-lg: $font-size-base * 1.25;\n$btn-line-height: 1;\n$input-btn-border-width: 0;\n$btn-border-radius: .4285rem;\n$btn-border-radius-lg: 0.4285rem;\n$btn-border-radius-sm: 0.4285rem;\n\n// Forms\n\n$input-padding-y: .7rem !default;\n$input-padding-x: .7rem !default;\n$input-font-size: .96rem;\n$input-line-height: $line-height-lg;\n\n$input-padding-y-sm: .5rem !default;\n$input-padding-x-sm: 1.5rem !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: 2.5rem !default;\n\n$input-disabled-bg: #f5f5f1;\n\n$input-color: $gray-700;\n$input-border-color: rgba(0,0,0,.2);\n$input-border-width: $border-width;\n\n$input-border-radius: 5px;\n$input-border-radius-lg: 6px;\n$input-border-radius-sm: 4px;\n\n$input-focus-border-color: $primary;\n$input-focus-box-shadow :0 3px 10px 0 rgba(0,0,0,.15);\n\n$input-placeholder-color: rgba(0,0,0,.5);\n$input-plaintext-color: $gray-500;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + 1px) !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius-sm;\n\n$custom-select-border-radius:$input-border-radius;\n$custom-select-focus-box-shadow: $input-focus-box-shadow;\n\n$custom-file-line-height:1.5rem;\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-border-radius: 5px;\n$dropdown-link-hover-bg: $body-bg;\n$dropdown-divider-bg: rgba(0, 0, 0, 0.08);\n$dropdown-font-size: .9375rem;\n$dropdown-spacer: .5rem;\n$zindex-dropdown: 10;\n\n// Pagination\n\n$pagination-padding-y: 0.65rem;\n$pagination-padding-x: 0.911rem;\n$pagination-padding-y-lg: .5rem;\n$pagination-padding-x-lg: 1rem;\n$pagination-padding-y-sm: .5rem;\n$pagination-padding-x-sm: .75rem;\n\n\n// Cards\n$card-spacer-y: 1.5rem;\n$card-spacer-x: 1.5rem;\n\n//Alerts\n\n$alert-padding-y: 0.71rem;\n$alert-padding-x: 0.71rem;\n\n// Nav tabs\n\n$nav-link-padding-y:0.357rem;\n$nav-link-padding-x: 0.5rem;\n\n// Tooltips\n\n$tooltip-bg: #323232;\n$tooltip-padding-y: .4rem;\n$tooltip-padding-x: .775rem;\n$tooltip-font-size: .857rem;\n$tooltip-border-radius: .428rem;\n$tooltip-opacity: 1;\n$tooltip-max-width: 220px;\n\n// Popovers\n\n$popover-border-radius: .428rem;\n$popover-header-bg: $primary;\n$popover-font-size: .857rem;\n\n// Progress\n\n$progress-height: .357rem;\n$progress-border-radius: 1.28rem;\n\n// Badges\n\n$badge-font-size: 80%;\n$badge-padding-y: .35em;\n$badge-padding-x: .4em;\n$badge-border-radius: .25rem;\n\n// Code\n\n$code-font-size: 90% !default;\n$kbd-bg: #eee;\n\n\n// Switch\n$custom-switch-width: 3rem;\n$custom-switch-indicator-border-radius: .857rem;\n$custom-switch-indicator-size: 1.286rem;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge((\"100\": $gray-100,\n\"200\": $gray-200,\n\"300\": $gray-300,\n\"400\": $gray-400,\n\"500\": $gray-500,\n\"600\": $gray-600,\n\"700\": $gray-700,\n\"800\": $gray-800,\n\"900\": $gray-900),\n$grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge((\"blue\": $blue,\n\"indigo\": $indigo,\n\"purple\": $purple,\n\"pink\": $pink,\n\"red\": $red,\n\"orange\": $orange,\n\"yellow\": $yellow,\n\"green\": $green,\n\"teal\": $teal,\n\"cyan\": $cyan,\n\"white\": $white,\n\"gray\": $gray-600,\n\"gray-dark\": $gray-800),\n$colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge((\"primary\": $primary,\n\"secondary\": $secondary,\n\"success\": $success,\n\"info\": $info,\n\"warning\": $warning,\n\"danger\": $danger,\n\"light\": $light,\n\"dark\": $dark),\n$theme-colors);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge((0: 0,\n1: ($spacer * .25),\n2: ($spacer * .5),\n3: $spacer,\n4: ($spacer * 1.5),\n5: ($spacer * 3)),\n$spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge((25: 25%,\n50: 50%,\n75: 75%,\n100: 100%,\nauto: auto),\n$sizes);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (xs: 0,\nsm: 576px,\nmd: 768px,\nlg: 992px,\nxl: 1200px) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (sm: 540px,\nmd: 720px,\nlg: 960px,\nxl: 1140px) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(((21 9),\n(16 9),\n(4 3),\n(1 1),\n),\n$embed-responsive-aspect-ratios);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system,\nBlinkMacSystemFont,\n\"Segoe UI\",\nRoboto,\n\"Helvetica Neue\",\nArial,\n\"Noto Sans\",\nsans-serif,\n\"Apple Color Emoji\",\n\"Segoe UI Emoji\",\n\"Segoe UI Symbol\",\n\"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular,\nMenlo,\nMonaco,\nConsolas,\n\"Liberation Mono\",\n\"Courier New\",\nmonospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-400 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: 0.8rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15),\n0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out,\nbackground-color .15s ease-in-out,\nborder-color .15s ease-in-out,\nbox-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out,\nbox-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out,\nborder-color .15s ease-in-out,\nbox-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg,\n$input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge((\"valid\": (\"color\": $form-feedback-valid-color,\n\"icon\": $form-feedback-icon-valid),\n\"invalid\": (\"color\": $form-feedback-invalid-color,\n\"icon\": $form-feedback-icon-invalid),\n),\n$form-validation-states);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base+$nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 350% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: 50rem !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none,\ninline,\ninline-block,\nblock,\ntable,\ntable-row,\ntable-cell,\nflex,\ninline-flex !default;\n$overflows: auto,\nhidden !default;\n$positions: static,\nrelative,\nabsolute,\nfixed,\nsticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// .bs-example{\n// \t[class^=\"col-\"]{\n// \t\tspan{\n// \t\t\tpadding: .75rem;\n// \t\t\tbackground-color: rgba(86, 61, 124, 0.15);\n// \t\t\tborder: 1px solid rgba(86, 61, 124, 0.2);\n// \t\t\tdisplay: block;\n// \t\t}\n// \t\tmargin-bottom: 1rem;\n// \t}\n// \t.row + .row {\n// \t\tmargin-top: 1rem;\n// \t}\n// }\n\n\n//\n// Grid examples\n//\n\n.bd-example-row {\n .row + .row {\n margin-top: 1rem;\n }\n\n .row {\n > .col,\n > [class^=\"col-\"] {\n padding-top: .75rem;\n padding-bottom: .75rem;\n background-color: rgba(86,61,124,.15);\n border: 1px solid rgba(86,61,124,.2);\n }\n }\n\n .flex-items-top,\n .flex-items-middle,\n .flex-items-bottom {\n min-height: 6rem;\n background-color: rgba(255,0,0,.1);\n }\n}\n\n.bd-example-row-flex-cols .row {\n min-height: 10rem;\n background-color: rgba(255,0,0,.1);\n}\n\n.bd-highlight {\n background-color: rgba(0, 0, 0, .1);\n border: 1px solid rgba(0, 0, 0, 0);\n border-bottom-left-radius: calc(0.5rem - 1px);\n border-bottom-right-radius: calc(0.5rem - 1px);\n}\n\n// Grid mixins\n.example-container {\n width: 800px;\n @include make-container();\n}\n\n.example-row {\n @include make-row();\n}\n\n.example-content-main {\n @include make-col-ready();\n\n @include media-breakpoint-up(sm) {\n @include make-col(6);\n }\n\n @include media-breakpoint-up(lg) {\n @include make-col(8);\n }\n}\n\n.example-content-secondary {\n @include make-col-ready();\n\n @include media-breakpoint-up(sm) {\n @include make-col(6);\n }\n\n @include media-breakpoint-up(lg) {\n @include make-col(4);\n }\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// ================================================================================================\n// File Name: tables.scss\n// Description: Tables pages custom scss\n// ----------------------------------------------------------------------------------------------\n// Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n// Author: PIXINVENT\n// Author URL: http://www.themeforest.net/user/pixinvent\n// ================================================================================================\n\n// table-white-space\n.table-white-space {\n th, td {\n white-space: nowrap;\n }\n}\n\n// table th, td padding\n.table {\n thead th{\n vertical-align: top;\n }\n th, td {\n padding: 1rem;\n vertical-align: middle;\n }\n //table heading font-size\n th{\n font-size: $table-th-font-size;\n }\n}\n\n\n// Table - inverse\n.table-inverse {\n color: $white;\n background-color: $info;\n}\n\n// Table - hover animation\n.table-hover-animation{\n background-color: $body-bg;\n thead{\n th{\n border-top: 2px solid $table-border-color;\n border-bottom: 0;\n background-color: $white;\n }\n }\n th, td {\n border: 0;\n }\n tbody{\n tr{\n transition: all 0.25s ease;\n background-color: $white;\n &:hover{\n transform: translateY(-4px);\n }\n }\n }\n}\n\n// IE Specific CSS\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .table-hover-animation{\n tr{\n &:hover{\n border-bottom-color: $table-border-color;\n }\n }\n }\n}\n","// placeholder spacific scss\n.form-control{\n &::placeholder{\n font-size: 0.85rem;\n color: rgba($black, 0.4);\n transition: all .2s ease;\n }\n\n &:-ms-input-placeholder {\n color: darken($body-bg, 20%);\n }\n\n &:focus{\n &::placeholder{\n transform: translate(5px);\n transition: all .2s ease;\n }\n ~.form-control-position{\n i{\n color: $primary;\n }\n }\n }\n}\n\n/* Form specific Scss */\n\n// Form Label Scscc\nlabel{\n color: darken($body-bg, 70%);\n font-size: 0.85rem;\n margin-bottom: 0;\n padding-left: 0.2rem;\n}\n\n// Text area fontsize and line height\ntextarea.form-control{\n line-height: 1.6rem;\n font-size: 1rem;\n}\n\n// Form group Scscc\n.form-group{\n margin-bottom: 1.5rem;\n}\n\n\n// Form control Scscc\n.form-control{\n border: 1px solid darken($body-bg, 12%);\n color: darken($body-bg, 60%);\n}\n// Used for Card - Check it and remove if not used\n.form-section{\n color: $gray-600;\n line-height: 3rem;\n margin-bottom: 20px;\n border-bottom: 1px solid $gray-600;\n\n i{\n font-size: 20px;\n margin-left: 5px;\n margin-right: 10px;\n }\n}\n\n/* .form-body{\n overflow: hidden;\n} */\n\n// Used for Card - Check it and remove if not used\n.form-actions{\n border-top: 1px solid darken($body-bg, 10%);\n padding: 20px 0;\n margin-top: 20px;\n\n &.filled{\n background-color: $body-bg;\n }\n &.center{\n text-align: center;\n }\n &.right{\n text-align: right;\n }\n\n &.top{\n border-top: 0;\n border-bottom: 1px solid darken($body-bg, 10%);\n margin-top: 0;\n margin-bottom: 20px;\n }\n\n @include media-breakpoint-down(sm) {\n .buttons-group{\n float: left !important;\n margin-bottom: 10px;\n }\n }\n}\n\n// Form-horizotnal layout\n.form-horizontal{\n .form-group{\n @include media-breakpoint-up(sm) {\n .label-control{\n text-align: right;\n }\n }\n }\n}\n\n// Form Control Large\n.form-control.form-control-lg{\n padding: 1rem;\n &::placeholder{\n font-size: 1.25rem;\n }\n}\n\n// Form Control Small\n.form-control.form-control-sm{\n padding: 0.6rem;\n &::placeholder{\n font-size: 0.7rem;\n }\n}\n\n\n// Custom-File-Input\n.custom-file-label{\n padding: 0.4rem $custom-file-padding-x;\n &::after{\n padding: 0.4rem $custom-file-padding-x;\n height: auto;\n }\n}\n\n// Select Inputs Specific SCSS\nselect.form-control {\n &:not([multiple=\"multiple\"]){\n //background-image:\n // url(\"../images/pages/arrow-down.png\");\n background-position:\n calc(100% - 12px) 10px,\n calc(100% - 20px) 13px,\n 100% 0;\n background-size:\n 12px 12px,\n 10px 10px;\n background-repeat: no-repeat;\n -webkit-appearance: none;\n -moz-appearance: none;\n padding-right: 1.5rem;\n }\n}\n\n// For customs-select remove double arrow\n.custom-select{\n -moz-appearance: none; // For firefox\n -webkit-appearance: none; // for chorme\n}\n\n// input group addon\n.input-group-addon {\n background-color: #ECEFF1;\n border-color: #BABFC7;\n}\n\n// Custom Checkbox\n.custom-control-label::before, .custom-control-label::after{\n width: 1.143rem;\n height: 1.143rem;\n top: 0.08rem;\n}\n// Custom-checkbox when not disabled and active\n.custom-control-input:not(:disabled){\n &:active ~ .custom-control-label{\n &::before {\n background-color: $primary;\n border-color: $primary;\n }\n }\n}\n\n/* Floating label Group */\n.form-label-group{\n position: relative;\n margin-bottom: 1.5rem;\n\n // Form-Control-Large in Floating Label Group\n .form-control-lg{\n ~ label{\n font-size: 1.25rem;\n padding: 1rem;\n }\n }\n\n // Form-Control-Small in Floating Label Group\n .form-control-sm{\n ~ label{\n font-size: 0.7rem;\n }\n }\n\n // Form-label\n > label {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n transition: all .25s ease-in-out;\n padding: .6rem;\n pointer-events: none;\n cursor: text;\n color: rgba($black, 0.4);\n font-size: .85rem;\n opacity: 0;\n }\n // form-input\n > input, textarea{\n padding: .6rem;\n\n // from-input on focus change label color\n &:focus, &:not(:active){\n &:not(:placeholder-shown) ~ label {\n color: rgba($primary, 1) !important;\n transition: all .25s ease-in-out;\n opacity: 1;\n }\n }\n &:not(:focus){\n &:not(:placeholder-shown) ~ label {\n color: rgba($black, 0.4) !important;\n }\n }\n // form-label after entering text in input box\n &:not(:placeholder-shown) ~ label {\n padding : .25rem 0;\n font-size: .7rem;\n top: -20px;\n left: 3px;\n }\n }\n\n // has-icon left with input\n &.has-icon-left{\n > label{\n left: 36px;\n }\n }\n}\n\n\n/* Vuexy Custom Checkbox */\n.vs-checkbox-con{\n position: relative;\n display: flex;\n align-items:center;\n justify-content: flex-start;\n margin: .25rem 0;\n input {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n z-index: 200;\n cursor: pointer;\n top: 0;\n &:checked{\n ~.vs-checkbox{\n transform: rotate(0deg);\n border-color: $primary;\n .vs-checkbox--check{\n transform: translate(0);\n background-color: $primary;\n .vs-icon{\n transform: translate(0);\n line-height: 1.2;\n opacity: 1;\n }\n }\n &.vs-checkbox-sm{\n .vs-checkbox--check .vs-icon{\n font-size: 0.75rem;\n }\n }\n &.vs-checkbox-lg{\n .vs-checkbox--check .vs-icon{\n font-size: 1.2rem;\n }\n }\n }\n }\n &:active:checked+.vs-checkbox{\n .vs-checkbox--check{\n transform: translate(3px);\n background-color: $primary;\n .vs-icon{\n opacity: 1;\n transform: translate(6px);\n }\n }\n }\n &:disabled{\n cursor: default;\n pointer-events: none;\n +.vs-checkbox {\n cursor: default;\n opacity: .5;\n }\n }\n }\n .vs-checkbox{\n cursor: pointer;\n position: relative;\n width: $vs-checkbox-box;\n height: $vs-checkbox-box;\n border-width: $vs-checkbox-radio-border-width;\n border-style: solid;\n border-color: $vs-checkbox-radio-border-color;\n border-radius: 2px;\n transform: rotate(-90deg);\n transition: all .2s ease;\n overflow: hidden;\n margin-right: .5rem;\n &.vs-checkbox-sm{\n width: $vs-checkbox-box-sm;\n height: $vs-checkbox-box-sm;\n }\n &.vs-checkbox-lg{\n width: $vs-checkbox-box-lg;\n height: $vs-checkbox-box-lg;\n }\n .vs-checkbox--check{\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n transform: translate(100%);\n transform-origin: right;\n transition: all .2s ease;\n z-index: 10;\n .vs-icon{\n display: flex;\n justify-content: center;\n align-items: center;\n color: $white;\n }\n }\n }\n}\n\n\n/* Vuexy Custom Radio */\n.vs-radio-con{\n position: relative;\n display: flex;\n align-items:center;\n justify-content: flex-start;\n margin: .25rem 0;\n input {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n z-index: 200;\n cursor: pointer;\n &:checked{\n ~.vs-radio{\n transform: rotate(0deg);\n outline: 0;\n .vs-radio--circle{\n background: rgba($primary,1);\n box-shadow: 0 3px 12px 0 rgba($primary,.4);\n opacity: 1;\n transform: scale(1);\n }\n .vs-radio--border{\n opacity: 0;\n transform: scale(0.3);\n }\n }\n }\n &:disabled{\n cursor: default;\n pointer-events: none;\n +.vs-radio {\n cursor: default;\n opacity: .5;\n }\n }\n &:active{\n ~.vs-radio{\n transform: scale(1.1);\n }\n\n }\n }\n .vs-radio{\n cursor: pointer;\n position: relative;\n width: $vs-radio-box;\n height: $vs-radio-box;\n transition: all .2s ease;\n margin-right: .5rem;\n &.vs-radio-sm{\n width: $vs-radio-box-sm;\n height: $vs-radio-box-sm;\n }\n &.vs-radio-lg{\n width: $vs-radio-box-lg;\n height: $vs-radio-box-lg;\n }\n .vs-radio--border, .vs-radio--circle {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n transition: all .25s ease;\n top: 0;\n border-radius: 50%;\n }\n .vs-radio--border{\n background: transparent;\n border: $vs-checkbox-radio-border-width solid $vs-checkbox-radio-border-color;\n }\n .vs-radio--circle{\n opacity: 0;\n transform: scale(0.1);\n }\n }\n}\n\n\n/* Switches */\n\n.custom-switch{\n padding-left: 0;\n\n .custom-control-label{\n height: 1.571rem;\n width: 3.1rem;\n padding: 0;\n\n /* For bg color of switch*/\n &::before{\n border: none;\n background-color: $switch-bg-color;\n height: 1.571rem;\n left: -.2857rem;\n box-shadow: none !important;\n transition: all .25s ease;\n cursor: pointer;\n user-select: none;\n top: 0;\n left: 0;\n }\n /*For Switch handle*/\n &:after{\n position: absolute;\n top: 2px;\n left: 2px;\n box-shadow: none;\n background-color: $switch-indicator-color;\n transition:all .25s ease;\n cursor: pointer;\n user-select: none;\n }\n\n /*For Switch text*/\n .switch-text-left,.switch-text-right,\n .switch-icon-left,.switch-icon-right{\n position: absolute;\n top: 5px;\n font-size: .7rem;\n cursor: pointer;\n user-select: none;\n }\n .switch-text-left,.switch-icon-left{\n left: 7px;\n color: $white\n }\n .switch-text-right,.switch-icon-right{\n right: 7px\n }\n &:focus{\n outline: 0;\n }\n }\n\n /*For Switch label*/\n\n .switch-label{\n padding-left: 1rem;\n }\n\n // after its checked\n\n .custom-control-input:checked ~ .custom-control-label::before{\n box-shadow: none;\n }\n\n /*For Switch Handle Animation*/\n .custom-control-input:checked ~ .custom-control-label::after{\n transform: translateX(1.4rem);\n }\n .custom-control-input:not(:checked) ~ .custom-control-label{\n .switch-text-left{\n opacity: 0;\n }\n .switch-text-right{\n opacity: 1;\n }\n }\n .custom-control-input:checked ~ .custom-control-label{\n .switch-text-right{\n opacity: 0;\n }\n .switch-text-left{\n opacity: 1;\n }\n }\n .custom-control-input:not(:disabled):active ~ .custom-control-label::before{\n background-color: $switch-bg-color;\n }\n // For Switch Sizes\n\n // switch md\n &.switch-md{\n .custom-control-label{\n width: $switch-md-size;\n height: 1.571rem;\n &::before{\n width: $switch-md-size;\n border: none;\n background-color: $switch-bg-color;\n height: 1.571rem;\n left: -.2857rem;\n box-shadow: none !important;\n transition: all .25s ease;\n cursor: pointer;\n user-select: none;\n }\n &:after{\n box-shadow: none;\n background-color: $switch-indicator-color;\n transition:all .25s ease;\n cursor: pointer;\n user-select: none;\n position: absolute;\n top: 2px;\n left:-2px;\n }\n .switch-text-right,.switch-icon-right{\n right: 9px;\n\n }\n .switch-text-left,.switch-icon-left{\n left: 5px;\n\n }\n }\n .custom-control-input:checked ~ .custom-control-label::after{\n transform: translateX(2.3rem);\n }\n }\n\n // switch lg\n &.switch-lg{\n .custom-control-label{\n width: $switch-lg-size;\n height: 1.571rem;\n &::before{\n width: $switch-lg-size;\n border: none;\n background-color: $switch-bg-color;\n height: 1.571rem;\n left: -.2857rem;\n box-shadow: none !important;\n transition: all .25s ease;\n cursor: pointer;\n user-select: none;\n }\n &:after{\n position: absolute;\n top: 2px;\n left: -2px;\n box-shadow: none;\n background-color: $switch-indicator-color;\n transition:all .25s ease;\n cursor: pointer;\n user-select: none;\n }\n .switch-text-right,.switch-icon-right{\n right: 10px;\n\n }\n }\n .custom-control-input:checked ~ .custom-control-label::after{\n transform: translateX(3.8rem);\n }\n }\n}\n\n\n/* Textarea with Counter */\n\n.counter-value{\n background-color: $primary;\n color: $white;\n padding: 1px 6px;\n font-size: .6rem;\n border-radius: 0 0 5px 5px;\n margin-right: 1rem;\n}\n\n\n/* Input box with icon divider */\n\n.form-group{\n &.input-divider-left{\n .form-control-position{\n i{\n padding: 0.2rem 0.5rem;\n border-right: 1px solid darken($body-bg, 12%);\n }\n }\n }\n &.input-divider-right{\n .form-control-position{\n i{\n padding: 0.2rem 0.5rem;\n border-left: 1px solid darken($body-bg, 12%);\n }\n }\n }\n}\n\n/* input-groups-lg and input-groups-sm */\n\n.input-group-lg, .input-group-sm{\n .form-control{\n padding: 0.7rem;\n }\n}\n\n/* Bootstrap touchspin */\n\n.bootstrap-touchspin{\n &.input-group{\n width: 8.4rem;\n align-items: center;\n .form-control{\n padding: 5px;\n height: auto;\n border: 0;\n background-color: $body-bg;\n border-radius: 5px !important;\n text-align: center;\n font-weight: 500;\n &:focus{\n z-index: 1;\n box-shadow: none;\n }\n }\n }\n\n .bootstrap-touchspin-injected{\n margin: 0 !important;\n .bootstrap-touchspin-down, .bootstrap-touchspin-up{\n padding: 0;\n min-width: 22px;\n min-height: 22px;\n border-radius: 5px !important;\n position: relative;\n i{\n font-size: 0.8rem;\n position: relative;\n top: -1px;\n }\n }\n .bootstrap-touchspin-down{\n left: 12px;\n }\n .bootstrap-touchspin-up{\n right: 12px;\n }\n }\n\n // Disabled Touchspin\n &.disabled-touchspin{\n .bootstrap-touchspin-down, .bootstrap-touchspin-up{\n background-color: rgba(0,0,0,.5) !important;\n cursor: default;\n opacity: .5;\n }\n }\n\n // Touchspin Large\n &.input-group-lg{\n width: 9.375rem;\n .touchspin{\n &.form-control{\n height: auto !important;\n }\n }\n .bootstrap-touchspin-down, .bootstrap-touchspin-up{\n i{\n font-size: 1rem;\n }\n }\n }\n\n // Touchspin Small\n &.input-group-sm{\n width: 6.25rem;\n .touchspin{\n &.form-control{\n height: auto !important;\n }\n }\n .bootstrap-touchspin-injected{\n .bootstrap-touchspin-down, .bootstrap-touchspin-up{\n min-width: 16px;\n min-height: 16px;\n padding-top: 2.2px;\n i{\n font-size: 0.6rem;\n }\n }\n }\n }\n}\n\n.btn.disabled-max-min{\n background-color: rgba(0,0,0,.5) !important;\n cursor: default;\n}\n\n\n/* Number Type Input Box Scss for - Remove arrow on hover */\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button{\n -webkit-appearance: none;\n}\n\n/* Number Type Input Box Scss for Touchspin - Remove arrow for firefox */\n.bootstrap-touchspin{\n &.input-group{\n input[type=number] {-moz-appearance: textfield;}\n }\n}\n\n\n// IE Specific CSS\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n\n // floating Label Group\n .form-label-group{\n label {\n display: none;\n }\n }\n\n // Bootstrap Select\n select.form-control {\n &:not([multiple=\"multiple\"]){\n background: none;\n }\n }\n // Custom-File-Input\n .custom-file-label{\n &::after{\n padding: 1.34rem 0.7rem 1.25rem;\n }\n }\n}\n\n\n// Date & Time Picker - Form Control Bg color\n.picker__input{\n &.form-control {\n background-color: $white;\n }\n}\n\n// input Groups specific SCSS\n.input-group {\n .form-control{\n height: auto;\n }\n .input-group-prepend, .input-group-append {\n // dropdown arrow position\n .dropdown-toggle{\n &::after{\n left: 0;\n }\n }\n // checkbox and radio margin\n .vs-checkbox-con, .vs-checkbox, .vs-radio-con, .vs-radio{\n margin: 0;\n }\n }\n &.input-group-lg{\n .form-control{\n &::placeholder{\n font-size: 1.25rem;\n }\n }\n .input-group-prepend, .input-group-append{\n .btn{\n line-height: 1.3;\n font-size: 1.3rem;\n }\n }\n\n }\n &.input-group-sm{\n .form-control{\n &::placeholder{\n font-size: 0.7rem;\n }\n }\n }\n}\n","// ================================================================================================\n// File Name: components-variables.scss\n// Description: Custom theme specific variables and other content variations\n// ----------------------------------------------------------------------------------------------\n// Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n// Author: PIXINVENT\n// Author URL: http://www.themeforest.net/user/pixinvent\n// ================================================================================================\n\n// ================================================================================================\n// WARNING: PLEASE DO NOT CHANGE THIS VARIABLE FILE.\n// THIS FILE WILL GET OVERWRITTEN WITH EACH VUEXY HTML TEMPLATE RELEASE.\n// TIP:\n// We suggest you to use this (assets/scss/variables/components-variables.scss) file for overriding app variables.\n// ================================================================================================\n\n// Bootstrap variables\n@import \"../../bootstrap/variables\";\n@import \"variables\";\n\n$base-font-size: 14px;\n$body-direction: ltr; // Default ltr, change it to rtl for Right To Left support.\n$content-padding: 2.2rem;\n\n// ------------------------------\n// Colors\n// ------------------------------\n$pure-black : #000;\n$nav-component-border-color: #ddd;\n$custom-border-color: #E4E7ED;\n$chip-bg-color: #f0f0f0;\n$chip-avatar-bg : #c3c3c3;\n$avatar-bg : $chip-avatar-bg;\n$swiper-bg: #f2f4f4;\n$hover-color: #eee;\n\n// ------------------------------\n// Buttons\n// ------------------------------\n$btn-border-radius-square: 0;\n$btn-border-radius: 0.42rem;\n$gradient-button-bs: 0 8px 25px -8px #aaa;\n// ------------------------------\n// Navbar\n// ------------------------------\n$navbar-height: 5rem;\n\n\n// ------------------------------\n// Dropdown\n// ------------------------------\n$dropdown-btn-padding-x: 1.5rem;\n$dropdown-btn-padding-y: .85rem;\n$dropdown-btn-split-padding-x: 1rem;\n\n\n\n// ------------------------------\n// Pagination\n// ------------------------------\n$pagination-bg-color: #f0f0f0;\n$pagination-action-padding-y:0.572rem;\n$pagination-action-padding-x:0.651rem;\n$pagination-font-size-lg: 1.5rem;\n\n\n// ------------------------------\n// Main Menu\n// ------------------------------\n\n//main menu dark\n$menu-dark-color: #dcdcdc;\n$menu-dark-bg-color: #10163a;\n\n$menu-padding: 10px 15px 10px 15px;\n$menu-second-level-padding: 10px 15px 10px 20px;\n$menu-third-level-padding: 10px 15px 10px 20px;\n$menu-forth-level-padding: 10px 15px 10px 30px;\n\n// vertical menu\n$menu-expanded-width: 260px;\n$menu-collapsed-width: 0px;\n\n// ------------------------------\n// Sidebar\n// -------------------------------\n$sidebar-width: 260px;\n$chat-sidebar-width: 400px;\n// -------------------------------\n// Avatar\n// -------------------------------\n\n$avatar-size: 32px;\n$avatar-status-size: 11px;\n$avatar-status-size-lg: 17px;\n\n$avatar-size-xl: 70px;\n$avatar-size-lg: 50px;\n$avatar-size-sm: 20px;\n\n\n// -------------------------------\n// Progress\n// -------------------------------\n$progress-size-xl: 1.14rem;\n$progress-size-lg: .857rem;\n$progress-size-md: .57rem;\n$progress-size-sm: 0.143rem;\n\n// -------------------------------\n// Form\n// -------------------------------\n\n// $input-height, $input-height-lg, $input-height-sm are in variables\n$font-size-xs: 0.75rem;\n$font-size-xl: ($font-size-base + 0.5);\n$line-height-xl: 1.7;\n$line-height-xs: 1.5;\n$input-padding-y-xl: 0.5rem !default;\n$input-padding-x-xl: 0.5rem !default;\n\n$input-padding-y-xs: 0.2rem !default;\n$input-padding-x-xs: 0.275rem !default;\n\n$border-radius-xl: 0.35rem !default;\n$border-radius-xs: 0.12rem !default;\n$input-border-radius-xl: $border-radius-xl;\n$input-border-radius-xs: $border-radius-xs;\n\n$input-height-xl: (($font-size-xl * $line-height-xl) + ($input-padding-y-xl * 2)) !default;\n$input-height-xs: (($font-size-xs * $line-height-xs) + ($input-padding-y-xs * 2)) !default;\n$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;\n\n\n// Custom Vuexy Checkbox\n$vs-checkbox-radio-border-width: 2px;\n$vs-checkbox-radio-border-color: $gray-600;\n$vs-checkbox-box: 20px;\n$vs-checkbox-box-sm: 15px;\n$vs-checkbox-box-lg: 24px;\n$vs-radio-box: 18px;\n$vs-radio-box-sm: 13px;\n$vs-radio-box-lg: 22px;\n\n\n\n// -------------------------------\n// Blank Page Bg Color\n// -------------------------------\n\n$blank-bg-color: #eff2f7;\n\n// -------------------------------\n// Data Tables Bg Color\n// -------------------------------\n\n$datatable-bg-color: #f8f8f8;\n\n// -------------------------------\n// Chips\n// -------------------------------\n\n$chip-min-height : 1.857rem;\n$chip-min-width :$chip-min-height;\n$chip-font-size : .8rem;\n$chip-border-radius: 1.428rem;\n$chip-avatar-min-height: 1.714rem;\n$chip-avatar-min-width: $chip-avatar-min-height;\n$chip-closeable-min-height: 1.428rem;\n$chip-closeable-min-width:$chip-closeable-min-height;\n\n// -------------------------------\n// Tables\n// -------------------------------\n\n$table-th-font-size: .85rem;\n\n// -------------------------------\n// Switch\n// -------------------------------\n$switch-bg-color: #e2e2e2;\n$switch-indicator-color: $white;\n$switch-md-size: 4rem;\n$switch-lg-size: 5.5rem;\n\n\n/*========================================================\n DARK LAYOUT\n=========================================================*/\n\n$content-dark-bg: #262c49;\n$dark-card-color: #10163a;\n$grid-dark-color: #343661;\n$theme-dark-heading-color: #ebeefd;\n$theme-dark-text-color: #c2c6dc;\n$theme-dark-table-bg : #212744;\n$ex-col-border-color: #808080;\n$dark-chat-bg-color: #171e49;\n$theme-dark-border-color: #414561;\n","// var for boxshadow of gradient buttons\n// Buttons\n.btn {\n // to change cursor of disabled button\n &:disabled{\n cursor: default;\n }\n // for white button\n &.btn-white{\n color: $primary;\n &:hover,&:focus,&:active{\n color: $primary !important;\n }\n }\n\n // box shadow for gradient colors\n &[class*=\"bg-gradient-\"]:hover{\n box-shadow: $gradient-button-bs;\n }\n\n // For Boxshadow on hover of normal light, dark and secondary btn\n &.btn-secondary {\n color: $white;\n &:hover {\n box-shadow: 0 8px 25px -8px rgba($secondary, 1);\n }\n }\n &.btn-dark {\n &:hover {\n box-shadow: 0 8px 25px -8px rgba($dark, 1);\n }\n }\n &.btn-light {\n &:hover {\n box-shadow: 0 8px 25px -8px rgba($light, 1);\n }\n }\n\n // For Light,dark and secondary outline btns\n &.btn-outline-secondary,\n &.btn-outline-dark,\n &.btn-outline-light {\n border: 1px solid;\n }\n\n // Flat Secondary, Light and Dark\n &.btn-flat-secondary {\n &:hover {\n background-color: rgba($secondary, 0.1);\n }\n &:active,\n &:focus {\n background: $secondary\n }\n }\n\n &.btn-flat-dark {\n &:hover {\n background-color: rgba($dark, 0.1);\n }\n &:active,\n &:focus {\n background: $dark;\n color: $white;\n }\n }\n\n &.btn-flat-light {\n &:hover {\n background-color: rgba($light, 0.1);\n }\n &:active,\n &:focus {\n background: $light;\n }\n }\n\n // to remove extra spacing because of border in btn outline\n &[class*=\"btn-outline-\"]{\n padding-top: calc(#{$btn-padding-y} - 1px);\n padding-bottom: calc(#{$btn-padding-y} - 1px);\n &.btn-sm{\n padding-top: calc(0.5rem - 1px);\n padding-bottom: calc(0.5rem - 1px);\n }\n }\n\n // Relief Buttons Secondary, Light and Dark\n &.btn-relief-secondary {\n background-color: $secondary;\n box-shadow: inset 0 -3px 0 0 rgba($pure-black, .2);\n color: $white;\n\n &:hover {\n color: $white;\n }\n\n &:active,\n &:focus {\n outline: none;\n transform: translateY(3px);\n }\n }\n &.btn-relief-light {\n box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);\n color: $white;\n\n &:hover {\n color: $white;\n }\n\n &:active,\n &:focus {\n outline: none;\n transform: translateY(3px);\n }\n }\n &.btn-relief-dark {\n background-color: $dark;\n box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, .1);\n color: $white;\n\n &:hover {\n color: $white;\n }\n\n &:active,\n &:focus {\n outline: none;\n transform: translateY(3px);\n }\n }\n\n // For btn-icon\n &.btn-icon {\n padding: .715rem .736rem;\n }\n &.btn-sm{\n &.btn-icon{\n padding: .5rem;\n }\n }\n &.btn-lg{\n &.btn-icon{\n padding: 1rem;\n }\n }\n\n // Remove focus/active focus outline\n &.btn-square {\n @include button-square-variant(0);\n }\n\n &.btn-round {\n @include button-round-variant(2rem);\n }\n\n &:focus,\n &.focus,\n &:active,\n &.active {\n outline: none;\n box-shadow: none !important;\n }\n &.btn-icon {\n i {\n font-size: 1.1rem;\n }\n\n }\n}\n\n// For White Btn\n.btn.btn-outline-white,\n.btn-white{\n &:hover{\n color: $primary !important;\n background: $white;\n }\n\n}\n\n// Added cursor pointer as in latest bootstrap do not have this\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n cursor: pointer;\n}\n\n// For Waves Padding\n.waves-button-input {\n padding: unset;\n}\n",".collapse-icon {\n .card-header {\n position: relative;\n }\n\n [data-toggle=\"collapse\"] {\n &:after {\n position: absolute;\n top: 48%;\n right: 20px;\n margin-top: -8px;\n font-family: 'feather';\n content: \"\\e845\";\n transition: all 300ms linear 0s;\n font-size: 0.9rem;\n }\n\n &:before {\n position: absolute;\n top: 48%;\n right: 20px;\n margin-top: -8px;\n font-family: 'feather';\n content: \"\\e842\";\n transition: all 300ms linear 0s;\n font-size: 0.9rem;\n }\n }\n\n &.left {\n a {\n padding-left: 28px;\n\n &:before,\n &:after {\n left: 20px;\n right: auto;\n }\n }\n }\n\n [aria-expanded=\"true\"] {\n &:before {\n opacity: 0;\n }\n }\n\n [aria-expanded=\"false\"] {\n &:after {\n opacity: 0;\n }\n }\n\n &.accordion-icon-rotate {\n [aria-expanded=\"true\"] {\n &:before {\n transform: rotate(180deg);\n }\n }\n\n [aria-expanded=\"false\"] {\n &:after {\n transform: rotate(-180deg);\n }\n }\n }\n}\n","// The dropdown menu\n.dropdown{\n\n // split warning dropdown toggle\n &.show{\n .btn-outline-warning,\n .btn-outline-light{\n &.dropdown-toggle{\n color: $white;\n }\n }\n }\n .btn:not(.btn-sm):not(.btn-lg),\n .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {\n padding: $dropdown-btn-padding-y $dropdown-btn-padding-x;\n &.btn-round {\n @include button-round-variant(2rem);\n }\n }\n\n .btn.dropdown-toggle.dropdown-toggle-split {\n padding: $dropdown-btn-padding-y $dropdown-btn-split-padding-x;\n border-left-color: rgba($white, 0.2) !important;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n [class*=\"btn-outline-\"].dropdown-toggle.dropdown-toggle-split {\n border-left: 0 !important;\n\n &:active {\n color: $white;\n }\n }\n\n // dropdown menu\n .dropdown-menu {\n border: 1px solid rgba($pure-black, .05); // border opacity has been reduced to make it look same as vue's dropdown border [component page, list view page]\n border-radius: $dropdown-border-radius;\n transform: scale(1, 0);\n box-shadow: 0 5px 25px rgba($pure-black, 0.1); // this according to vue version\n // left: 5px; // it creates issue in navbar - notification dropdown\n min-width: 8rem;\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: 1.2rem;\n width: .75rem;\n height: .75rem;\n display: block;\n background: $white;\n transform: rotate(45deg) translate(-7px);\n border-top: 1px solid rgba($pure-black, .1);\n border-left: 1px solid rgba($pure-black, .1);\n z-index: 10;\n box-sizing: border-box;\n }\n\n &.dropdown-menu-right {\n &::before {\n right: .6rem;\n left: auto;\n }\n\n }\n\n .dropdown-header {\n padding: .714rem 1.428rem;\n margin-top: .714rem;\n }\n\n .dropdown-item {\n padding: .5rem 1rem;\n color: $body-color;\n width: auto;\n cursor: pointer;\n &:hover{\n background-color: $body-bg;\n color: $primary;\n }\n &.active {\n color: $white;\n }\n\n &:active {\n background-color: transparent;\n color: $dropdown-color;\n }\n }\n\n }\n\n i {\n margin-right: 0.5rem;\n }\n\n // If don't won't dropdown/up arrow\n &.no-arrow{\n .dropdown-toggle{\n &:after{\n display: none;\n }\n i{\n margin-right: 0;\n }\n }\n }\n}\n // same padding for diffrent directions\n .dropdown,\n .dropup,\n .dropright,\n .dropleft{\n position: relative;\n .dropdown-menu{\n .dropdown-item{\n padding: .714rem 1.428rem;\n }\n }\n }\n.show {\n >.dropdown-menu {\n transform: scale(1, 1);\n opacity: 1;\n display: block;\n }\n}\n\n.dropdown-toggle {\n // changed icon caret\n\n &::after {\n border: none !important;\n font-family: 'feather';\n content: \"\\e842\" !important;\n position: relative;\n top: 1px;\n right: 0px;\n left: .714rem;\n padding: 0;\n // left: 1.4rem;\n margin: 0;\n vertical-align: 0;\n }\n\n &.dropdown-toggle-split {\n border-left: 1px solid rgba($white, 0.2);\n\n &:after {\n left: 0;\n }\n }\n\n\n // hide default arrow to show custom icon DD\n &.nav-hide-arrow {\n &::after {\n display: none;\n }\n }\n\n // Prevent the focus on the dropdown toggle when closing dropdowns\n &:focus {\n outline: 0;\n }\n}\n\n// Color theme active & hover\n.btn-secondary~.dropdown-menu {\n .dropdown-item {\n &.active,\n &:hover {\n background-color: darken($white, 20%);\n }\n }\n}\n\n// DropUp\n.dropup {\n position: relative;\n .btn,\n .btn.dropdown-toggle {\n padding: $dropdown-btn-padding-y $dropdown-btn-padding-x;\n }\n .btn.dropdown-toggle.dropdown-toggle-split {\n padding: $dropdown-btn-padding-y $dropdown-btn-split-padding-x;\n border-color: rgba($white, 0.2) !important;\n }\n .dropdown-toggle {\n // changed icon dropup caret\n &::after {\n content: \"\\e845\" !important;\n vertical-align: 0.05rem;\n }\n }\n .dropdown-menu {\n &::before {\n content: '';\n position: absolute;\n bottom: -.714rem;\n left: 1.214rem;\n width: .714rem;\n height: .714rem;\n display: block;\n background: $white;\n transform: rotate(45deg) translate(-7px);\n border-bottom: 1px solid rgba($pure-black, .1);\n border-right: 1px solid rgba($pure-black, .1);\n z-index: 10;\n box-sizing: border-box;\n }\n &.dropdown-menu-right{\n &::before{\n left: auto;\n right: .714rem;\n }\n }\n\n }\n .dropdown-submenu {\n .dropdown-menu {\n bottom: auto;\n top: 0;\n }\n }\n}\n\n\n// DropLeft\n.dropleft {\n .btn,\n .btn.dropdown-toggle {\n padding: $dropdown-btn-padding-y $dropdown-btn-padding-x;\n }\n .btn.dropdown-toggle.dropdown-toggle-split {\n padding: $dropdown-btn-padding-y $dropdown-btn-split-padding-x;\n }\n .dropdown-toggle {\n // changed icon dropup caret\n &::before {\n border: none !important;\n font-family: 'feather';\n content: \"\\e843\" !important;\n }\n }\n .dropdown-menu {\n &::before {\n content: '';\n position: absolute;\n top: 1.285rem;\n right: 0;\n width: .714rem;\n height: .714rem;\n display: block;\n background: $white;\n transform: rotate(130deg) translate(-8px);\n border-top: 1px solid rgba($pure-black, .1);\n border-left: 1px solid rgba($pure-black, .1);\n z-index: 10;\n box-sizing: border-box;\n }\n }\n}\n\n// DropRight\n.dropright {\n .btn,\n .btn.dropdown-toggle {\n padding: $dropdown-btn-padding-y $dropdown-btn-padding-x;\n }\n .btn.dropdown-toggle.dropdown-toggle-split {\n padding: $dropdown-btn-padding-y $dropdown-btn-split-padding-x;\n }\n .dropdown-toggle {\n // changed icon dropup caret\n &::after {\n border: none !important;\n font-family: 'feather';\n content: \"\\e844\" !important;\n }\n }\n .dropdown-menu {\n &::before {\n content: '';\n position: absolute;\n top: 1.285rem;\n left: -0.9rem;\n width: .714rem;\n height: .714rem;\n display: block;\n background: $white;\n transform: rotate(140deg) translate(-9px);\n border-bottom: 1px solid rgba($pure-black, .1);\n border-right: 1px solid rgba($pure-black, .1);\n z-index: 10;\n box-sizing: border-box;\n }\n }\n}\n\n// Dropdown icon\n.dropdown,\n.dropup {\n &.dropdown-icon-wrapper {\n .dropdown-toggle {\n &:after {\n display: none;\n }\n }\n .dropdown-menu {\n min-width: auto;\n .dropdown-item {\n padding: 0.5rem 1.1rem;\n cursor: pointer;\n i {\n font-size: 1.3rem;\n color: $body-color;\n }\n &:hover{\n color: $white;\n }\n }\n }\n }\n}\n\n // for white button\n .btn.btn-white ~ .dropdown-menu {\n .dropdown-item:not(.acitve):hover{\n color: $body-color !important;\n }\n .dropdown-item.active{\n color: $body-color;\n }\n}\n\n// Dropdown menu animation\n.horizontal-menu-wrapper .dropdown-menu,\n.header-navbar .dropdown-menu{\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-name: slideIn;\n}\n\n@keyframes slideIn {\n 0% {\n transform: translateY(1rem);\n opacity: 0;\n }\n 100% {\n transform:translateY(0rem);\n opacity: 1;\n }\n 0% {\n transform: translateY(1rem);\n opacity: 0;\n }\n}","/* ===============================================================================================\n File Name: navbar.scss\n Description: Contain header navigation bar, vertical main navigation bar and\n horiznotal main navigation bar related SCSS.\n ----------------------------------------------------------------------------------------------\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n Author: PIXINVENT\n Author URL: http://www.themeforest.net/user/pixinvent\n================================================================================================*/\n\n%extend_hamburger_color {\n\n .hamburger-inner,\n .hamburger-inner::before,\n .hamburger-inner::after {\n background-color: $white;\n }\n}\n\n@function set-navbar-text-color($color) {\n @if (lightness($color) > 50) {\n @return $white; // Lighter backgorund, return dark color\n }\n\n @else {\n @return $black; // Darker background, return light color\n }\n}\n\n\n@mixin fullNav {\n .navbar-header {\n width: 100% !important;\n padding: 0.5rem 1rem;\n position: relative;\n\n .menu-toggle {\n top: 2px;\n position: relative;\n }\n\n .open-navbar-container i {\n font-size: 1.8rem;\n }\n\n .navbar-brand {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translate(-50%, 0);\n }\n }\n\n &.navbar-with-menu {\n .navbar-container {\n width: 100%;\n display: table;\n margin: 0;\n height: auto;\n }\n }\n}\n\n// Background overlay for scroll\n.header-navbar-shadow {\n display: none;\n}\n\n// Fixed Navbar\n.navbar-floating {\n .header-navbar-shadow {\n display: block;\n background: linear-gradient(180deg, hsla(0, 0%, 97.3%, .95) 44%, hsla(0, 0%, 97.3%, .46) 73%, hsla(0, 0%, 100%, 0));\n padding-top: 2.2rem;\n background-repeat: repeat;\n width: 100%;\n height: 102px;\n position: fixed;\n top: 0;\n z-index: 11;\n }\n}\n\n.header-navbar {\n padding: 0px;\n min-height: $navbar-height - .5;\n font-family: $font-family-monospace;\n transition: 300ms ease all;\n background: linear-gradient(180deg, hsla(0, 0%, 97.3%, .95) 44%, hsla(0, 0%, 97.3%, .46) 73%, hsla(0, 0%, 100%, 0));\n z-index: 997; // 1000;\n\n &.fixed-top {\n left: $menu-expanded-width;\n }\n\n &[class*=\"bg-\"] {\n .navbar-nav {\n .nav-item {\n >a {\n color: set-navbar-text-color($theme-dark-text-color) !important;\n\n i,\n span {\n color: set-navbar-text-color($theme-dark-text-color) !important;\n }\n }\n\n .dropdown-menu {\n i {\n color: inherit !important;\n }\n }\n }\n\n .search-input {\n\n .input,\n .search-list .auto-suggestion span {\n color: $body-color !important;\n }\n }\n }\n }\n\n &.floating-nav {\n //margin: 1.3rem #{$content-padding} 0;\n border-radius: 0.5rem;\n position: fixed;\n //width: calc(100vw - (100vw - 100%) - calc(#{$content-padding} * 2) - #{$menu-expanded-width});\n width: 100%;\n z-index: 12;\n //right: 0;\n }\n\n &.navbar-static-top {\n background: transparent;\n box-shadow: none !important; // remove this if removing \"menu-shadow\" class\n top: 0;\n right: 0;\n left: $menu-expanded-width;\n width: calc(100vw - (100vw - 100%) - #{$sidebar-width});\n }\n\n .navbar-wrapper {\n width: 100%;\n }\n\n // add border to navbar\n &.navbar-border {\n border-bottom: 1px solid $custom-border-color;\n }\n\n &.navbar-dark.navbar-border {\n border-bottom: 1px solid #8596B5;\n }\n\n // add shadow to navbar\n &.navbar-shadow {\n box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);\n }\n\n // hide top horizontal menu drop-down arrow\n &:not(.navbar-horizontal) {\n .nav-link {\n &.dropdown-toggle::after {\n display: none;\n }\n }\n }\n\n .navbar-container ul.nav li.dropdown-language {\n padding-right: 0;\n\n .selected-language {\n font-size: 0.97rem;\n letter-spacing: -0.25px;\n font-weight: 500;\n }\n }\n\n .navbar-container {\n padding-left: $spacer;\n // height: $navbar-height;\n transition: 300ms ease all;\n background: inherit;\n margin-left: 0;\n\n .bookmark-wrapper {\n ul.nav {\n li {\n >a.nav-link {\n padding: 1.4rem 0.5rem 1.35rem;\n\n i {\n &:hover {\n color: $light;\n }\n }\n }\n }\n }\n }\n\n // for bookmark z-index\n .bookmark-input {\n z-index: 1;\n }\n\n ul.nav {\n li {\n &.dropdown .dropdown-menu {\n top: 48px;\n // top: 90%;\n }\n\n .badge {\n padding: 0.42em 0.6em 0.25rem;\n\n &.badge-up {\n position: absolute;\n top: 12px;\n right: -2px;\n }\n }\n\n &.dropdown-language {\n >a.nav-link {\n padding: 1.65rem 0.5rem;\n }\n }\n\n >a.nav-link {\n color: $white;\n padding: 1.6rem 0.5rem 1.35rem 1rem;\n\n i.flag-icon {\n margin-right: 0.5rem;\n }\n }\n\n &.dropdown-user {\n .dropdown-menu-right {\n right: 12px;\n left: auto;\n padding: 0.5rem;\n\n .dropdown-item {\n padding: 10px;\n\n &:hover,\n &:active {\n background: $primary;\n color: $white !important;\n }\n }\n }\n }\n\n a.dropdown-user-link {\n padding: 0.7rem 1rem;\n display: flex;\n align-items: center;\n\n .user-name {\n display: inline-block;\n margin-bottom: 0.435rem;\n margin-left: 0.2rem;\n }\n\n .user-status {\n font-size: smaller;\n }\n\n img {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);\n }\n }\n\n a.menu-toggle {\n padding: 1.34rem 0.22rem 1.35rem 0;\n\n i {\n font-size: 1.75rem;\n }\n }\n\n a.nav-link-label {\n padding: 1.6rem 0rem 1.35rem 0.8rem;\n }\n\n a.dropdown-user-link {\n .user-nav {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n float: left;\n margin-right: $spacer - 0.2;\n }\n }\n\n div.input-group {\n padding: 0.7rem 1rem;\n }\n\n i.ficon {\n font-size: 1.5rem;\n color: $body-color;\n\n &:hover {\n color: $light;\n }\n }\n\n .media-list {\n max-height: 18.2rem;\n }\n\n .scrollable-container {\n position: relative;\n }\n }\n }\n\n //Navbar notification css\n .dropdown-menu-media {\n width: 26rem;\n\n .media-list {\n .media {\n padding: 1rem;\n border: none;\n border-bottom: 1px solid $gray-300;\n\n &:hover {\n background: $body-bg;\n }\n\n .media-meta {\n color: $body-color;\n }\n }\n\n a:last-of-type {\n .media {\n border-bottom: none;\n }\n }\n }\n\n .dropdown-menu-header {\n border-bottom: 1px solid $gray-300;\n }\n\n .dropdown-menu-footer {\n a {\n padding: 0.3rem;\n border-top: 1px solid $gray-300;\n }\n }\n }\n }\n\n &.navbar-without-menu {\n .navbar-container {\n margin-left: 0;\n }\n }\n\n // &.navbar-with-menu {\n // .navbar-container {}\n // }\n\n .nav-item+.nav-item {\n margin-left: 0rem;\n }\n\n /* For sm screen*/\n @include media-breakpoint-down(sm) {\n @include fullNav;\n }\n\n}\n\n/* Modern menu For md screen*/\n@include media-breakpoint-down(md) {\n [data-menu=\"vertical-menu-modern\"] {\n .header-navbar {\n @include fullNav;\n }\n\n .navbar-dark,\n .navbar-semi-dark {\n .navbar-header .navbar-nav .nav-link {\n color: $white;\n }\n\n .navbar-container .navbar-nav .nav-link {\n color: $gray-600;\n }\n }\n\n .navbar-light {\n .navbar-header .navbar-nav .nav-link {\n color: $gray-600;\n }\n }\n\n }\n}\n\n// Navbar colors\n\n.navbar-light {\n background: $primary-gradient;\n\n &.navbar-horizontal {\n background: $white;\n }\n\n .navbar-nav {\n li {\n line-height: 1;\n }\n\n .active {\n &.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n }\n }\n\n .disabled {\n &.nav-link {\n color: $nav-link-disabled-color;\n }\n }\n }\n}\n\n.navbar-dark {\n background: $gray-600;\n\n .navbar-brand {\n color: $white !important;\n }\n\n &.navbar-horizontal {\n background: $gray-600;\n }\n\n @extend %extend_hamburger_color;\n\n .nav-search {\n\n .form-control,\n .btn-secondary {\n color: $white;\n background: $gray-600;\n }\n }\n\n .navbar-nav {\n li {\n line-height: 1;\n }\n\n .active {\n &.nav-link {\n background-color: rgba(255, 255, 255, 0.05);\n }\n }\n\n .disabled {\n &.nav-link {\n color: $gray-300;\n }\n }\n }\n}\n\n.navbar-semi-dark {\n .navbar-header {\n background: $gray-600;\n\n .brand-text {\n color: $white;\n }\n }\n\n background:$white;\n\n .navbar-nav {\n li {\n line-height: 1;\n }\n\n .nav-link {\n color: $gray-600;\n }\n\n .active {\n &.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n }\n }\n\n .disabled {\n &.nav-link {\n color: $nav-link-disabled-color;\n }\n }\n }\n}\n\n.navbar-semi-light {\n .navbar-header {\n background: $white;\n\n .brand-text {\n color: $gray-600;\n }\n }\n\n background: $gray-600;\n\n .navbar-nav {\n li {\n line-height: 1;\n }\n\n .nav-link {\n color: $white;\n }\n\n .active {\n &.nav-link {\n background-color: rgba(0, 0, 0, 0.03);\n }\n }\n\n .disabled {\n &.nav-link {\n color: $nav-link-disabled-color;\n }\n }\n }\n}\n\n@-moz-document url-prefix() {\n ul {\n li {\n a {\n .children-in {\n position: relative;\n right: 3px;\n top: -14px;\n }\n }\n }\n }\n}\n\n\n.navbar-menu-icon {\n span {\n display: block;\n position: absolute;\n height: 2px;\n width: 100%;\n background: $gray-600;\n border-radius: 9px;\n opacity: 1;\n left: 0;\n transform: rotate(0deg);\n transition: .25s ease-in-out;\n }\n}\n\n.navbar-menu-icon span:nth-child(1) {\n top: 0px;\n}\n\n.navbar-menu-icon span:nth-child(2) {\n top: 10px;\n}\n\n.navbar-menu-icon span:nth-child(3) {\n top: 20px;\n}\n\n.navbar-menu-icon.show span:nth-child(1) {\n top: 10px;\n transform: rotate(135deg);\n}\n\n.navbar-menu-icon.show span:nth-child(2) {\n opacity: 0;\n left: -60px;\n}\n\n.navbar-menu-icon.show span:nth-child(3) {\n top: 10px;\n transform: rotate(-135deg);\n}\n\n// Media queries for device support\n// =========================================\n@include media-breakpoint-down(sm) {\n .header-navbar {\n\n // generic navbar dropdown specific\n .navbar-nav {\n .show {\n position: static;\n }\n\n .open-navbar-container {\n padding-top: 0.625rem;\n }\n }\n\n .navbar-container {\n .show {\n .dropdown-menu {\n right: 0;\n left: 0 !important;\n float: none;\n width: auto;\n margin-top: 0;\n max-height: 400px;\n overflow-x: hidden;\n }\n }\n\n .dropdown-user {\n .dropdown-menu-right {\n right: 0 !important;\n }\n }\n\n ul.nav {\n li {\n &.nav-item i {\n margin-right: 0.2rem;\n }\n\n a.dropdown-user-link {\n padding: 0.8rem 0.6rem;\n }\n\n .dropdown-toggle::after {\n margin-right: 0;\n margin-left: -2px;\n }\n }\n }\n }\n }\n\n // dark navbar\n .navbar-dark,\n .navbar-semi-dark {\n\n .hamburger-inner,\n .hamburger-inner::before,\n .hamburger-inner::after {\n background-color: $white;\n }\n\n .navbar-header {\n .navbar-nav {\n .nav-link {\n color: $white;\n }\n }\n }\n\n .navbar-container {\n .navbar-nav {\n .nav-link {\n color: $gray-600;\n }\n }\n }\n }\n\n // light navbar\n .navbar-light,\n .navbar-semi-light {\n .navbar-header {\n .navbar-nav {\n .nav-link {\n color: $gray-600;\n }\n }\n }\n\n .navbar-container {\n .navbar-nav {\n .nav-link {\n color: $gray-600;\n }\n }\n }\n }\n}\n\n.headroom {\n will-change: transform;\n transition: transform 200ms linear;\n}\n\n.headroom--pinned-top {\n transform: translateY(0%);\n}\n\n.headroom--unpinned-top {\n transform: translateY(-100%);\n}\n\n.headroom--pinned-bottom {\n transform: translateY(0%);\n}\n\n.headroom--unpinned-bottom {\n transform: translateY(100%);\n}\n\n@include media-breakpoint-down(xs) {\n .header-navbar {\n .navbar-container ul.nav li .selected-language {\n display: none;\n }\n }\n}\n\n// header navbar when floating nav\nbody {\n &[data-col=\"1-column\"] {\n .header-navbar {\n &.floating-nav {\n width: calc(100vw - (100vw - 100%) - calc(#{$content-padding} * 2));\n }\n }\n }\n}\n\n// header navbar when floating nav\n@media (min-width: 1200px) and (-ms-high-contrast: active),\n(-ms-high-contrast: none) {\n body {\n &:not([data-col=\"1-columns\"]) {\n .header-navbar {\n &.floating-nav {\n width: calc(100vw - (100vw - 100%) - 60px - #{$menu-expanded-width});\n }\n }\n }\n }\n}\n\n// For Medium and down: iPad support for navbr\n\n@include media-breakpoint-down(lg) {\n .header-navbar {\n .navbar-container {\n ul.nav {\n li {\n a.dropdown-user-link {\n padding: 0.7rem 1.23rem;\n }\n\n .dropdown-toggle::after {\n margin-right: 0;\n margin-left: -2px;\n }\n }\n }\n }\n\n &.navbar-static-top {\n left: 0;\n width: 100%;\n }\n }\n}\n\n@mixin extend_mobile_specific($menu_height) {\n .header-navbar {\n .navbar-container {\n .show {\n .dropdown-menu {\n max-height: $menu_height;\n }\n }\n }\n }\n}\n\n@mixin responsive_sub_nav {\n\n //For responsive sub nav\n #navbar-mobile.navbar-collapse {\n .navbar-nav {\n margin: 0;\n flex-flow: row wrap;\n\n .dropdown-menu {\n position: absolute;\n }\n\n .nav-item {\n float: left;\n }\n }\n }\n}\n\n@media (max-width: 767px) {\n @include responsive_sub_nav;\n}\n\n@include media-breakpoint-down(md) {\n @include responsive_sub_nav;\n}\n\n/* ----------- iPhone 5, 5S iPhone 6----------- */\n\n\n/* Landscape */\n\n@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {\n @include extend_mobile_specific(180px);\n}\n\n\n/* ----------- iPhone 6+ ----------- */\n\n\n/* Landscape */\n\n@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {\n @include extend_mobile_specific(280px);\n}\n\n\n/*----------------------------- For Navbar Component -------------------------*/\n\n#navbar-component {\n .navbar {\n &.floating-nav {\n border-radius: .5rem;\n }\n\n z-index: auto !important;\n\n // navbar dark color\n .navbar-nav {\n .nav-item {\n a {\n color: inherit;\n }\n }\n }\n\n &.header-navbar.navbar-dark {\n .navbar-nav {\n .nav-link {\n color: $white;\n\n i {\n color: $white;\n }\n }\n }\n }\n\n .navbar-nav {\n\n .dropdown-language,\n .dropdown-notification,\n .dropdown-user {\n &.show {\n position: relative;\n }\n\n .dropdown-menu {\n &.show {\n position: absolute;\n right: 0;\n left: auto !important;\n }\n }\n }\n }\n\n // for font size of navbar toggler\n\n &.navbar-dark,\n &.navbar-light {\n .navbar-toggler {\n font-size: 1.2rem;\n\n &:focus {\n outline: 0;\n }\n }\n }\n }\n\n // to remove border radius for collapsed navbar\n\n #navbar-collapsed {\n .navbar {\n border-radius: 0;\n }\n }\n}\n\n// for alignment of language dropdown and name\n@media(min-width: 992px) {\n\n #navbar-component {\n .navbar {\n .navbar-container {\n background: inherit;\n }\n }\n\n .nav {\n .dropdown-language {\n float: right;\n }\n }\n }\n}\n\n// background color\n\n@media(max-width: 992px) {\n #navbar-component {\n .navbar {\n .navbar-container {\n background: inherit;\n\n .navbar-nav {\n flex-direction: row;\n }\n }\n }\n }\n}\n\n// for width of navbar in fixed-top\n@media(max-width: 1201px) {\n .header-navbar {\n &.fixed-top {\n left: 0;\n }\n }\n\n .horizontal-layout {\n .header-navbar {\n .navbar-container {\n padding-left: 1.5rem;\n padding-right: 1.2rem;\n }\n }\n }\n}\n\n@media(max-width: 1199px) {\n .header-navbar {\n .navbar-container {\n ul.nav li a.dropdown-user-link .user-name {\n margin-bottom: 0;\n }\n }\n }\n}\n\n// for notification dropdown of navbar component page\n@media (max-width: 768px) {\n #navbar-component {\n .navbar {\n .navbar-nav {\n .dropdown-notification {\n &.show {\n position: static;\n }\n }\n }\n }\n }\n}\n\n@include media-breakpoint-down(xs) {\n .header-navbar.floating-nav {\n width: calc(100vw - (100vw - 100%) - 3.5rem) !important;\n margin-left: 1.2rem;\n margin-right: 1.2rem;\n }\n\n .content.app-content .content-area-wrapper {\n margin-left: 1.2rem !important;\n margin-right: 1.2rem !important;\n }\n\n .header-navbar .navbar-container {\n padding-left: 1rem !important;\n padding-right: 0 !important;\n }\n}\n\n// 1-column Layout - Back Link in Center\n@media(max-width: 992px) {\n .navbar-container {\n #navbar-mobile {\n .nav-back {\n margin-top: 5px;\n }\n }\n }\n}\n",".card-group, .card-deck{\n\tmargin-bottom: 0.75rem;\n}\n.card {\n // box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);\n margin-bottom: $spacer * 1;\n border: 1px solid $light;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);\n\ttransition: all .3s ease-in-out;\n .card {\n \tbox-shadow: none !important;\n }\n .card-subtitle{\n margin-top: .5rem;\n }\n\t.card-title{\n\t\tfont-weight: 500;\n\t\tletter-spacing: 0.05rem;\n \tfont-size: 1.32rem;\n margin-bottom: $card-spacer-y / 3;\n\t}\n .card-bordered{\n \tborder: $card-border-width solid $card-border-color;\n }\n\n .card-img{\n object-fit: cover;\n }\n\n .card-img-overlay{\n border-radius: $card-border-radius;\n }\n\n\t//fullscreen card\n\t&.card-fullscreen {\n\t display: block;\n\t z-index: 9999;\n\t position: fixed;\n\t width: 100% !important;\n\t height: 100% !important;\n\t top: 0;\n\t right: 0;\n\t left: 0;\n\t bottom: 0;\n\t overflow: auto;\n\t}\n\t.card-body[class*='border-bottom-'] {\n\t border-bottom-width: 2px !important;\n\t}\n\t.card-img-overlay{\n\t\t&.bg-overlay{\n\t\t\tbackground: rgba(0,0,0,0.45);\n\t\t}\n\t\t.text-muted{\n\t\t\tcolor:$gray-800 !important;\n\t\t}\n\t}\n\t&.card-minimal{\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t}\n\n\t.card-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t border-bottom: none;\n\t\tpadding: 1.5rem 1.5rem 0;\n\t\tbackground-color: transparent;\n\t .card-title{\n\t \tmargin-bottom: 0;\n\t }\n\n\t .heading-elements,\n\t .heading-elements-toggle{\n\t\t\tbackground-color: inherit;\n\t\t position: absolute;\n\t\t top: 17px;\n right: 21px;\n cursor: pointer;\n\t\t &.heading-top-elements{\n\t\t \t// top: 0px;\n\t\t \t.page-item{\n\t\t \t\tdisplay: inline-block\n\t\t \t}\n\t\t }\n\n\t\t a{\n padding: 0;\n padding-left: 8px;\n\t\t \t&.btn{\n\t\t\t\t\tpadding-top:6px;\n\t\t\t\t\tpadding-bottom:6px;\n }\n &[data-action=\"collapse\"]{\n i{\n transition: all .25s ease-out;\n display: inline-block;\n }\n &.rotate{\n i{\n transform: rotate(-180deg);\n }\n }\n }\n\t\t }\n\t\t}\n\t}\n\t.card-footer{\n\t\tborder-top: 1px solid $gray-300;\n\t}\n}\n// Card Column\n.card-columns{\n\t.card{\n \tmargin-bottom: $spacer * 2.2;\n\t}\n}\n\n.text-white{\n\t.card-text{\n\t\tcolor: rgba($white,1);\n\t}\n\n\t.card-img-overlay{\n\t\t.text-muted{\n\t\t\tcolor: $white !important;\n\t\t}\n\t}\n\tcode{\n\t\tbackground-color: rgba($white, 1);\n\t}\n\t.heading-elements{\n\t\ti{\n\t\t\tcolor: $white;\n\t\t}\n\t}\n}\n\n.card-head-inverse{\n\t.heading-elements{\n\t\ti{\n\t\t\tcolor: $white;\n\t\t}\n\t}\n\tcolor: $white;\n}\n.card-transparent{\n\tbackground-color:transparent;\n}\n@include media-breakpoint-down(md) {\n\t.heading-elements{\n\t\ttext-align: center;\n\t\t.list-inline{\n\t\t\tdisplay: none;\n\t\t}\n\t\t&.visible{\n top: 22px !important;\n display: block;\n margin-top: 0;\n top: 100%;\n top: 50px;\n height: auto;\n left: 0px;\n // padding: 10px;\n z-index: 997;\n position: absolute;\n width: 100%;\n\t\t\t.list-inline{\n background-color: $white;\n display: block;\n position: absolute;\n top: 12px;\n right: 15px;\n\t\t\t}\n\t\t}\n\t}\n}\n@include media-breakpoint-up(lg) {\n\t.heading-elements-toggle{\n\t\tdisplay: none;\n\t}\n}\n\n// overlay-img-card\n .overlay-img-card{\n .card-img-overlay,img{\n max-height: 34.64rem;\n }\n }\n\n// activity timeline for cards page\n .activity-timeline{\n\n // for left time line\n &.timeline-left{\n border-left: 2px solid $gray-300;\n padding-left: 40px;\n margin-left: 1.5rem;\n li{\n position: relative;\n margin-bottom: 20px;\n p{\n margin-bottom: 0;\n }\n\n //icon styles\n .timeline-icon{\n position: absolute;\n top: 0;\n left: -4.3rem;\n padding: .7rem;\n display: flex;\n align-items: center;\n border-radius: 50%;\n color: $white;\n i{\n vertical-align: sub;\n }\n }\n }\n }\n\n // for right timeline\n &.timeline-right{\n border-right: 2px solid $gray-300;\n padding-right: 40px;\n margin-right: 1.5rem;\n li{\n position: relative;\n margin-bottom: 20px;\n text-align: right;\n p{\n margin-bottom: 0;\n }\n // icon styles\n .timeline-icon{\n position: absolute;\n top: 0;\n right: -4.3rem;\n padding: .6rem .7rem;\n border-radius: 50%;\n color: $white;\n i{\n vertical-align: sub;\n }\n }\n }\n }\n }\n\n\n// IE Specific CSS\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n // img-fluid class\n .card-body, .card-content{\n min-height: 1px;\n }\n .profile-card-2{\n .card{\n .card-header{\n display: block;\n }\n }\n }\n .profile-card-1,\n .profile-card-3{\n .card{\n .avatar{\n margin-left: auto;\n margin-right: auto;\n }\n }\n }\n}\n",".breadcrumb {\n font-size: $font-size-base;\n font-family: $font-family-monospace;\n background-color: transparent;\n padding: 0.5rem 0 0.5rem $breadcrumb-padding-x !important;\n border-left: 1px solid lighten($gray-600, 10%);\n border-radius: 0;\n > li {\n + li::before {\n padding-right: .6rem;\n padding-left: .6rem;\n }\n }\n /* .breadcrumb-item:first-child{\n a{\n &:after{\n content: \"\\e965\";\n font-family: 'feather';\n }\n }\n } */\n .breadcrumb-item + .breadcrumb-item{\n padding-left: 0;\n &:before{\n content: \"\\e847\";\n font-family: 'feather';\n color: $body-color;\n }\n }\n .breadcrumb-item.active{\n color: $body-color;\n }\n}\n\n/* Custom scss for page headers style */\n.breadcrumbs-right{\n\t.breadcrumb {\n\t\tfloat:right;\n\t}\n}\n.breadcrumbs-top{\n\t.breadcrumb {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n\n/* Component Specific */\n\n#component-breadcrumbs{\n .breadcrumb{\n border: none;\n .breadcrumb-item + .breadcrumb-item:before{\n font-family: none;\n padding: 0 1rem;\n }\n }\n .default-breadcrumb{\n &.breadcrumb{\n .breadcrumb-item + .breadcrumb-item:before{\n content: \"/\";\n }\n }\n }\n .breadcrumb-dots{\n &.breadcrumb{\n .breadcrumb-item + .breadcrumb-item:before{\n content: \".\";\n position: relative;\n top: -4px;\n }\n }\n }\n .breadcrumb-dashes{\n &.breadcrumb{\n .breadcrumb-item + .breadcrumb-item:before{\n content: \"-\";\n }\n }\n }\n .breadcrumb-pipes{\n &.breadcrumb{\n .breadcrumb-item + .breadcrumb-item:before{\n content: \"|\";\n }\n }\n }\n .breadcrumb-chevron{\n &.breadcrumb{\n .breadcrumb-item + .breadcrumb-item:before{\n content: \"\\e844\";\n font-family: 'feather';\n position: relative;\n top: 1px;\n }\n }\n }\n}\n\n#breadcrumb-alignment{\n .breadcrumb-wrapper{\n box-shadow: 1px 1px 10px rgba($pure-black,.1);\n padding: 1px;\n border-radius: 10px;\n .breadcrumb{\n margin-top: .8rem;\n }\n }\n}\n\n","// Badge\n\n.badge {\n color: $white;\n background-color: $primary;\n font-weight: 400;\n &[class*='badge-'] {\n [class*='icon-'] {\n line-height: 1;\n }\n\n a {\n color: $white;\n }\n\n i{\n vertical-align: middle;\n }\n\n // badge dropdown alignment\n .dropdown-toggle,\n &.dropdown-toggle {\n span,i {\n vertical-align: text-top;\n }\n i{\n padding-left: .2rem;\n }\n &::after {\n position: relative;\n top: 0;\n left: 0;\n font-size: 1rem;\n }\n }\n .dropdown-menu {\n a {\n color: $dropdown-color;\n }\n }\n }\n\n // square badge\n &.badge-square {\n border-radius: 0;\n }\n\n // badge-up\n // to align badge over any element\n &.badge-up {\n position: absolute;\n top: -1rem;\n right: -1rem;\n &.badge-sm{\n top: -.5rem;\n right: -.5rem;\n }\n }\n}\n\n// badge sizes\n.badge-xl {\n font-size: 1.8rem;\n}\n.badge-lg {\n font-size: 1.2rem;\n}\n.badge-md {\n font-size: 1rem;\n}\n.badge-sm {\n font-size: 0.7rem;\n}\n\n// For fullscreen search\n.badge-icon {\n i {\n font-size: 100%;\n margin-right: 5px;\n }\n}\n\n // badge dropup pointer\n.dropup{\n .badge{\n cursor: pointer;\n }\n}\n","// Component nav and nav/pill tabs\n\n.nav {\n border-radius: 0.25rem;\n // for component navs\n // to wrap border around nav component\n &.wrap-border {\n border: 1px solid $nav-component-border-color;\n li.nav-header {\n margin: 0 0.5rem;\n }\n li.nav-item,\n div {\n padding: 2px .714rem;\n }\n }\n\n // Square Border\n &.square-border {\n border-radius: 0;\n .nav-item {\n .nav-link.active {\n border-radius: 0;\n }\n }\n }\n\n // for main menu toggle lock\n .modern-nav-toggle {\n padding: 1.571rem 0;\n }\n\n // nav pills\n &.nav-pills {\n margin-bottom: 1rem;\n // nav item of nav pill\n .nav-item {\n .nav-link {\n border-radius: .357rem;\n padding: .2rem 1rem;\n padding-top: .3rem;\n font-size: 0.98rem;\n margin-right: 0.5rem;\n color: $pure-black;\n &.active {\n color: $white;\n }\n &.disabled {\n color: $gray-600;\n }\n &.dropdown-toggle::after {\n top: 1px;\n left: 1px;\n }\n }\n\n &.dropdown {\n &.show{\n .nav-link {\n color: $white;\n }\n .dropdown-item{\n &.active{\n &:hover{\n color: $primary;\n }\n }\n }\n }\n }\n }\n\n // Justified Pills\n &.nav-justified {\n @include nav-justified;\n @include nav-tabs-justified;\n .nav-link {\n display: block;\n\n &.active {\n border: none;\n\n &:hover,\n &:focus {\n border: none;\n }\n }\n }\n }\n\n // Nav Active Bordered Pill\n &.nav-active-bordered-pill {\n .nav-item {\n a {\n &.nav-link {\n\n &.active {\n border: 1px solid $primary;\n border-radius: 0.25rem;\n color: $primary;\n background-color: $white;\n }\n }\n }\n }\n }\n }\n\n // Basic Nav Tabs\n &.nav-tabs {\n // box-shadow: -1px 11px 17px -10px rgba($pure-black, .04);\n border: none;\n margin-bottom: 1rem;\n position: relative;\n border-radius: 0;\n // Basic nav item\n .nav-item {\n position: relative;\n .nav-link {\n color: $body-color;\n font-size: 0.95rem;\n border: none;\n min-width: auto;\n font-weight: 450;\n padding: .61rem .635rem;\n border-radius: 0;\n &.active {\n border: none;\n position: relative;\n color: $primary;\n transition: all .2s ease;\n background-color: transparent;\n // transform: translateY(-2px);\n &:after{\n content: attr(data-before);\n height: 2px;\n width: 100%;\n left: 0;\n position: absolute;\n bottom: 0;\n top: 100%;\n background: linear-gradient(30deg, rgba($primary, 1), rgba($primary, .5)) !important;\n box-shadow: 0 0 8px 0 rgba($primary, .5) !important;\n transform: translateY(0px);\n transition: all .2s linear;\n }\n }\n\n &.dropdown-toggle {\n &::after {\n top: 1px;\n left: 1px;\n }\n }\n\n &.disabled {\n color: $gray-600;\n }\n }\n }\n // Justified Tabs\n &.nav-justified {\n @include nav-justified;\n @include nav-tabs-justified;\n\n .nav-item {\n a.nav-link {\n display: block;\n border-radius: 0;\n\n &.active {\n border: none;\n background-color: $white;\n }\n &:hover {\n border-color: transparent;\n }\n }\n }\n }\n }\n}\n\n// Nav Tabs Vertical\n.nav-vertical {\n overflow: hidden;\n .nav.nav-tabs {\n // nav item styles for vertical nav tabs\n .nav-item {\n .nav-link {\n border: none;\n margin-bottom: 0;\n\n &.active {\n border: none;\n border-radius: 0;\n\n &:after {\n transform: rotate(90deg);\n left: auto;\n right: -1.5rem;\n bottom: 100%;\n top: 1.25rem;\n width: 2.14rem;\n }\n }\n\n &:hover {\n border-right: none;\n }\n }\n }\n\n // vertical nav left tabs\n &.nav-left {\n float: left;\n display: table;\n margin-right: 1rem;\n\n ~.tab-content {\n .tab-pane {\n display: none;\n background-color: $white;\n overflow-y: auto;\n // padding-left: 1rem;\n &.active {\n display: block;\n }\n }\n }\n\n }\n\n // vertical right nav tabs\n &.nav-right {\n float: right;\n display: table;\n margin-left: 1rem;\n\n .nav-item {\n .nav-link {\n &.active {\n &:after {\n left: -1.5rem;\n }\n\n }\n }\n }\n\n ~.tab-content {\n .tab-pane {\n display: none;\n background-color: $white;\n overflow-y: auto;\n padding-right: 1rem;\n &.active {\n display: block;\n }\n }\n }\n }\n }\n}\n\n@media(max-width:576px) {\n // .nav-vertical .nav.nav-tabs.nav-left{\n // float: none;\n // }\n .nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after{\n height: 0;\n }\n}","// Justified nav links\n// -------------------------\n\n@mixin nav-justified {\n width: 100%;\n\n .nav-item {\n float: none;\n }\n\n .nav-link {\n text-align: center;\n margin-bottom: 5px;\n }\n\n > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n }\n\n @include media-breakpoint-up(sm) {\n .nav-item {\n display: block;\n width: 1%;\n }\n .nav-link {\n margin-bottom: 0;\n }\n }\n}\n\n// Move borders to anchors instead of bottom of list\n//\n// Mixin for adding on top the shared `.nav-justified` styles for our tabs\n@mixin nav-tabs-justified {\n\n .nav-link {\n // Override margin from .nav-tabs\n margin-right: 0;\n border-radius: $border-radius;\n }\n\n @include media-breakpoint-up(sm) {\n .nav-link.active,\n .nav-link.active:hover,\n .nav-link.active:focus {\n border-bottom-color: transparent;//$nav-tabs-justified-active-link-border-color;\n }\n }\n}\n","// Alerts\n\n.alert {\n font-weight: 500;\n border: none;\n\n // close\n\n .close:focus{\n outline: 0;\n }\n\n // For Alert Content\n p {\n font-weight: 500;\n padding: 2px 0;\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n span{\n vertical-align: middle;\n }\n\n // For alert heading\n .alert-heading {\n font-weight: 700;\n font-size: 0.9rem;\n padding: 0;\n padding-bottom: 8px;\n }\n\n // For dark alert\n\n &.alert-dark {\n .alert-heading {\n @include alert-heading-bs($dark);\n }\n }\n\n // For light alert\n\n &.alert-light {\n .alert-heading {\n @include alert-heading-bs($light);\n }\n }\n}\n","// For alert's heading box-shadow\n\n@mixin alert-heading-bs($color) {\n box-shadow: rgba($color, 0.4) 0px 6px 15px -7px;\n}\n",".media-list{\n\t.media{\n\t\tpadding: 1.25rem;\n\t\twidth: 100%;\n\t\tmargin-top: 0;\n\t\t.media-left{\n\t\t\tpadding-right: 1rem\n\t\t}\n\t\t.media-right{\n\t\t\tpadding-left: 1rem;\n\t\t}\n\t}\n\ta.media{\n\t\tcolor: $gray-600 !important;\n\t}\n}\n\n.media-bordered{\n\t.media{\n\t\tborder-top: 1px solid $custom-border-color;\n\t\t&:first-child{\n\t\t\tborder-top: 0;\n\t\t}\n\t}\n}\n","/*=========================================================================================\n File Name: progress.scss\n Description: Extended bootstrap progress bar scss.\n ----------------------------------------------------------------------------------------\n Item name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n Author: PIXINVENT\n Author URL: http://www.themeforest.net/user/pixinvent\n ----------------------------------------------------------------------------------------\n\n Modifiers: `progress-lg`\n `progress-md`\n `progress-sm`\n `progress-xs`\n\n==========================================================================================*/\n\n// Size Modifier\n// ========================================================================\n\n.progress {\n margin-bottom: 3rem;\n\n // margin for last progress bar\n\n &:last-child {\n margin-bottom: 1rem;\n }\n\n // progress bar sizes\n\n &.progress-xl {\n height: $progress-size-xl;\n }\n\n &.progress-lg {\n height: $progress-size-lg;\n }\n\n &.progress-md {\n height: $progress-size-md;\n }\n\n &.progress-sm {\n height: $progress-size-sm;\n }\n\n // progress bar radius\n\n .progress-bar {\n border-radius: $progress-border-radius;\n }\n}\n","/* ===============================================================================================\n\tFile Name: list-group.scss\n\tDescription: Contain list item, list group related extended SCSS.\n\t----------------------------------------------------------------------------------------------\n\tItem name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n\tAuthor: PIXINVENT\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\n================================================================================================*/\n\n// Inline list style with pipeline seperator\n\nul.list-inline {\n li {\n display: inline-block;\n }\n &.list-inline-pipe {\n >li+li:before {\n content: ' | ';\n padding-right: 2px;\n }\n }\n}\n\n// bootstrap list group\n.list-group {\n .list-group-item {\n line-height: 1;\n &.active {\n &:hover {\n background-color: $primary;\n }\n &:focus{\n // color: $body-color;\n outline: 0;\n &:hover{\n color: $white;\n }\n }\n }\n\n &:hover {\n background-color: $body-bg;\n }\n\n i {\n font-size: 1.2rem;\n font-weight: 100;\n position: relative;\n }\n\n &:not(.active):focus:active{\n color: inherit;\n }\n }\n .list-group-item-action{\n // &:active{\n // background-color: $primary;\n // color: $white;\n // }\n &:focus{\n // background-color: $body-bg;\n outline: 0;\n }\n }\n}\n\n // for drag and drop border radius on selected\n .list-group-item.gu-mirror{\n border-radius: 0;\n }\n\n// Inline users list\n.users-list{\n li+li {\n margin-left: -.785rem;\n }\n li{\n img{\n border: 2px solid $white;\n box-shadow: 0px 2px 10px 0px rgba($gray-600, 0.3)\n }\n .badge{\n color: $black;\n }\n }\n}\n","// Toasts\n\n// toast container customization\n.toast-bs-container{\n z-index: 1040;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n\n .toast-position{\n position: relative;\n top: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n flex-wrap: wrap-reverse;\n\n .toast.show{\n // display: block;\n opacity: 1;\n z-index: 1030;\n }\n }\n }\n\n // placement of toast on body\n .toast-placement{\n position: static;\n top: 0;\n .toast{\n position: fixed;\n top: 0;\n z-index: 1030;\n }\n }\n\n // default toast customization\n .toast {\n display: none;\n background-color: rgba($white,1);\n margin-top: .75rem;\n\n .toast-header{\n .close{\n &:focus,&:active{\n outline: none;\n }\n }\n }\n }\n\n // toast on show\n\n .toast.show.toast-wrapper{\n position: static;\n }\n\n // translucent toast opacity and display\n\n .toast.toast-translucent {\n opacity: 1;\n display: block;\n }\n\n // toast header img size\n\n .toast-header{\n img{\n width: 35px;\n height: 24px;\n }\n }\n\n // IE Specific CSS\n @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){\n .toast-bs-container {\n position: fixed !important;\n left: 74% !important;\n }\n }\n\n _:-ms-lang(x),\n .toast-bs-container {\n position: fixed !important;\n left: 74% !important;\n }\n","// For Collaspe And Accordion\n\n// For collapse-title\n.accordion,\n.collapse-bordered {\n .collapse-title {\n font-weight: 400;\n font-size: 1.2rem;\n }\n .card-header{\n cursor: pointer;\n }\n}\n\n// For collapse title\n.collapse-title{\n color: inherit;\n &:hover{\n color: inherit;\n }\n}\n\n// To add a border below collapse/accordion heading\n.collapse-bordered {\n .card:first-child {\n border-top: 0;\n }\n .card:last-child {\n border-bottom: 0;\n }\n .card {\n margin-bottom: 0;\n border-bottom: 1px solid rgba($pure-black, .04);\n border-radius: 0;\n .card-header {\n padding: 1rem;\n }\n .card-body {\n padding: 1rem;\n line-height: 1.5;\n }\n }\n}\n\n.accordion {\n .collapse-border-item {\n &.card {\n border: 1px solid rgba($pure-black, .1);\n margin-bottom: 0;\n &:first-child {\n border-bottom: 0;\n }\n .card-header {\n padding: 1rem;\n }\n .card-body {\n padding: 1rem;\n line-height: 1.5;\n }\n }\n }\n}\n\n\n// For Collapse with shadow\n.accordion-shadow {\n box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1) ;\n padding: .15rem .75rem;\n border-radius: $border-radius;\n .card {\n &.open{\n border-radius: 0.571rem;\n margin: 10px 0;\n border: 0;\n box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;\n }\n }\n .card:first-child {\n border-top-left-radius: 0.571rem;\n border-top-right-radius: 0.571rem;\n }\n .card:last-child {\n border-bottom-left-radius: 0.571rem;\n border-bottom-right-radius: 0.571rem;\n }\n}\n\n// For Collapse with border\n.collapse-border {\n border: 1px solid rgba($pure-black, .1);\n border-radius: 0.5rem;\n &+.collapse.show {\n border: 1px solid rgba($pure-black, .1)\n }\n}\n\n// For Collapse with margin\n.collapse-margin {\n margin-top: .71rem;\n margin-bottom: .71rem !important;\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);\n border-radius: 5px;\n border-bottom: 0 solid transparent !important;\n .card-header {\n padding: 1rem;\n border-radius: 5px;\n }\n .card-body {\n padding: 1rem;\n line-height: 1.5rem;\n }\n}\n","// Pagination\n\n.pagination {\n\n // default look for page item, firsy and last item\n\n .page-item {\n border-radius: 5rem;\n &.prev-item,\n &.next-item,\n &.first,\n &.last{\n .page-link {\n color: $primary;\n }\n\n &.disabled {\n .page-link {\n color: $secondary;\n }\n }\n }\n\n &:not(.prev-item),\n &:not(.next-item),\n &:not(.first),\n &:not(.last),\n &:not(.active){\n .page-link{\n line-height: 1.3;\n }\n }\n\n // prev and last item saperated styles\n\n &.prev-item {\n margin-right: .3571rem;\n\n .page-link {\n background-color: $pagination-bg-color;\n padding: $pagination-action-padding-y $pagination-action-padding-x;\n border-radius: 50%;\n\n &:before {\n content: \"\\e843\";\n font-family: 'feather';\n }\n\n &:hover {\n background: $primary;\n color: $white;\n }\n }\n\n &~.page-item:nth-child(2){\n border-top-left-radius: 5rem;\n border-bottom-left-radius: 5rem;\n .page-link {\n border-top-left-radius: 5rem !important;\n border-bottom-left-radius: 5rem !important;\n }\n }\n\n &~.page-item:nth-last-child(2){\n border-top-right-radius: 5rem;\n border-bottom-right-radius: 5rem;\n .page-link {\n border-top-right-radius: 5rem !important;\n border-bottom-right-radius: 5rem !important;\n }\n }\n }\n\n &.next-item {\n margin-left: .3571rem;\n\n .page-link {\n background-color: $pagination-bg-color;\n padding: $pagination-action-padding-y $pagination-action-padding-x;\n border-radius: 50%;\n\n &:after {\n content: \"\\e844\";\n font-family: 'feather';\n }\n\n &:hover {\n background: $primary;\n color: $white;\n }\n }\n }\n\n // prev and next style \n &.prev, &.previous{\n .page-link{\n &:before {\n content: \"\\e843\";\n font-family: 'feather';\n }\n }\n }\n &.next{\n .page-link{\n &:after {\n content: \"\\e844\";\n font-family: 'feather';\n }\n }\n }\n \n\n // page link customization\n\n .page-link {\n border: none;\n margin: 0;\n color: rgba($pure-black, .6);\n background-color: $pagination-bg-color;\n margin-left: 0;\n font-size: 1rem;\n font-weight: 700;\n\n i {\n position: relative;\n top: 1px;\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &:hover {\n color: $primary;\n }\n\n }\n\n // for active page item\n &.active {\n background-color: $pagination-bg-color;\n border-radius: 0;\n\n .page-link {\n z-index: 3;\n border-radius: 5rem;\n background-color: $primary;\n color: $white;\n transform: scale(1.05);\n }\n }\n\n // if you dont want seprated look\n\n &:first-child:not(.prev-item){\n &.active{\n border-top-left-radius: 1.428rem;\n border-bottom-left-radius: 1.428rem;\n .page-link{\n border-radius: 5rem;\n }\n }\n .page-link {\n border-top-left-radius: 1.428rem;\n border-bottom-left-radius: 1.428rem;\n }\n }\n\n &:last-child:not(.next-item) {\n &.active{\n border-top-right-radius: 1.428rem;\n border-bottom-right-radius: 1.428rem;\n .page-link{\n border-radius: 5rem;\n }\n }\n .page-link {\n border-top-right-radius: 1.428rem;\n border-bottom-right-radius: 1.428rem;\n }\n }\n }\n\n // For Pagination lg\n\n &.pagination-lg {\n .page-item {\n .page-link {\n font-size: $pagination-font-size-lg;\n transform: scale(1);\n }\n }\n }\n\n}\n","// Modals\n\n.modal {\n\n // Modal Header\n\n .modal-header {\n background-color: $body-bg;\n border-radius: .42rem;\n padding: .8rem;\n border-bottom: none;\n\n // close button\n\n .close {\n padding: .2rem .62rem;\n box-shadow: 0 5px 20px 0 rgba($pure-black, .1);\n border-radius: .357rem;\n background: $white;\n opacity: 1;\n transition: all .23s ease .1s;\n position: relative;\n transform: translate(8px, -2px);\n span{\n font-weight: 400;\n font-size: 2rem;\n color: $primary;\n }\n // For hover effect of close btn\n\n &:hover,\n &:focus,&:active {\n opacity: 1;\n outline: none;\n transform: translate(5px, 3px);\n box-shadow: none;\n }\n }\n\n &[class*=\"bg-\"]{\n color: $white;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n\n .modal-title {\n color: $white;\n }\n }\n\n // Themed Modals\n &.bg-primary {\n .close {\n span {\n color: $primary;\n }\n }\n }\n\n &.bg-success {\n .close {\n span {\n color: $success;\n }\n }\n }\n\n &.bg-info {\n .close {\n span {\n color: $info;\n }\n }\n }\n\n &.bg-danger {\n .close {\n span {\n color: $danger;\n }\n }\n }\n\n &.bg-warning {\n .close {\n span {\n color: $warning;\n }\n }\n }\n\n &.bg-dark {\n .close {\n span {\n color: $dark;\n }\n }\n }\n }\n\n // Modal Content\n .modal-content {\n border: none;\n // overflow: unset; updated to \"visible\" as close icon is not visible in IE\n overflow: visible;\n box-shadow: 0 5px 20px 0 rgba($pure-black, .1);\n }\n\n // Modal Footer\n .modal-footer {\n border-color: rgba($pure-black, .05);\n }\n}\n\n// Modal SM\n.modal-sm {\n max-width: 400px;\n}\n\n// Modal XS\n.modal-xs {\n max-width: 300px;\n}\n\n// Modal XL\n.modal-xl {\n max-width: 94%;\n margin-left: 3%;\n margin-right: 3%;\n}\n\n// To remove Max-width of XS Modal in Small Screen\n\n@media(max-width:576px) {\n .modal {\n padding-right: 1rem;\n padding-left: 1rem;\n .modal-xs,\n .modal-sm {\n max-width: unset;\n }\n }\n}\n","// Popovers\n\n// popover header color and border-radius\n.popover {\n z-index: 10;\n .popover-header {\n color: $white;\n border: none;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n }\n &.bs-popover-bottom{\n .arrow:after{\n border-bottom-color: $primary;\n }\n }\n}\n",".icon-bg-circle{\n color: $white;\n padding: 0.5rem;\n border-radius: 50%;\n}\n.icon-left{\n margin-right:0.5rem;\n}\n.icon-right{\n margin-right:0.5rem;\n}\n.icon-spin {\n\tdisplay: inline-block;\n \tanimation: spin 1s infinite linear;\n}\n\n.blockOverlay{\n z-index: 1050 !important;\n}\n.blockElement, .blockPage{\n z-index: 1051 !important;\n}\n\n@-moz-keyframes spin {\n \tfrom {\n \t-moz-transform: rotate(0deg);\n \t}\n \tto {\n \t-moz-transform: rotate(360deg);\n \t}\n}\n\n@-webkit-keyframes spin {\n \tfrom {\n \t-webkit-transform: rotate(0deg);\n \t}\n \tto {\n \t-webkit-transform: rotate(360deg);\n \t}\n}\n\n@keyframes spin {\n \tfrom {\n \ttransform: rotate(0deg);\n \t}\n \tto {\n \ttransform: rotate(360deg);\n \t}\n}\n\n.hidden{\n\tdisplay: none;\n\tvisibility: hidden;\n}\n\n//Disabled\na{\n\t&.disabled{\n\t\t// color: $dropdown-link-disabled-color !important;\n\t}\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.round{@include border-radius(1.5rem);}\n.square{@include border-radius($btn-border-radius-square);}\n\n.icon-line-height{\n line-height : 1.5rem !important; \n}\n\n//Tables\n//--------------------------\n.table-middle{\n td{\n vertical-align: middle;\n }\n}\n\n// Spinner classes\n.spinner {\n display: inline-block;\n -webkit-animation: spin 1s linear infinite;\n -o-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n// Button focus outline\nbutton:focus{\n\toutline: none;\n}"],"names":[],"sourceRoot":""}