@charset "UTF-8"; .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-t-b-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .m-t-b-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .m-t-b-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-t-b-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .m-t-b-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-t-b-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .m-t-b-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .m-t-b-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .m-t-b-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .m-t-b-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .m-t-b-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .m-l-r-0 { margin-left: 0px !important; margin-right: 0px !important; } .m-l-r-5 { margin-left: 5px !important; margin-right: 5px !important; } .m-l-r-10 { margin-left: 10px !important; margin-right: 10px !important; } .m-l-r-15 { margin-left: 15px !important; margin-right: 15px !important; } .m-l-r-20 { margin-left: 20px !important; margin-right: 20px !important; } .m-l-r-25 { margin-left: 25px !important; margin-right: 25px !important; } .m-l-r-30 { margin-left: 30px !important; margin-right: 30px !important; } .m-l-r-35 { margin-left: 35px !important; margin-right: 35px !important; } .m-l-r-40 { margin-left: 40px !important; margin-right: 40px !important; } .m-l-r-45 { margin-left: 45px !important; margin-right: 45px !important; } .m-l-r-50 { margin-left: 50px !important; margin-right: 50px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-r-45 { margin-right: 45px !important; } .m-r-50 { margin-right: 50px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; } .m-t-0-minus { margin-top: 0px !important; } .m-t-10-minus { margin-top: -10px !important; } .m-t-20-minus { margin-top: -20px !important; } .m-t-30-minus { margin-top: -30px !important; } .m-t-40-minus { margin-top: -40px !important; } .m-t-50-minus { margin-top: -50px !important; } .m-t-60-minus { margin-top: -60px !important; } .m-t-70-minus { margin-top: -70px !important; } .m-t-80-minus { margin-top: -80px !important; } .m-t-90-minus { margin-top: -90px !important; } .m-t-100-minus { margin-top: -100px !important; } .m-t-110-minus { margin-top: -110px !important; } .m-t-120-minus { margin-top: -120px !important; } .m-t-130-minus { margin-top: -130px !important; } .m-t-140-minus { margin-top: -140px !important; } .m-t-150-minus { margin-top: -150px !important; } .m-t-160-minus { margin-top: -160px !important; } .m-t-170-minus { margin-top: -170px !important; } .m-t-180-minus { margin-top: -180px !important; } .m-t-190-minus { margin-top: -190px !important; } .m-t-200-minus { margin-top: -200px !important; } .m-t-210-minus { margin-top: -210px !important; } .m-t-220-minus { margin-top: -220px !important; } .m-t-230-minus { margin-top: -230px !important; } .m-t-240-minus { margin-top: -240px !important; } .m-t-250-minus { margin-top: -250px !important; } .m-t-260-minus { margin-top: -260px !important; } .m-t-270-minus { margin-top: -270px !important; } .m-t-280-minus { margin-top: -280px !important; } .m-t-290-minus { margin-top: -290px !important; } .m-t-300-minus { margin-top: -300px !important; } .m-t-310-minus { margin-top: -310px !important; } .m-t-320-minus { margin-top: -320px !important; } .m-t-330-minus { margin-top: -330px !important; } .m-t-340-minus { margin-top: -340px !important; } .m-t-350-minus { margin-top: -350px !important; } .m-t-360-minus { margin-top: -360px !important; } .m-t-370-minus { margin-top: -370px !important; } .m-t-380-minus { margin-top: -380px !important; } .m-t-390-minus { margin-top: -390px !important; } .m-t-400-minus { margin-top: -400px !important; } .m-t-410-minus { margin-top: -410px !important; } .m-t-420-minus { margin-top: -420px !important; } .m-t-430-minus { margin-top: -430px !important; } .m-t-440-minus { margin-top: -440px !important; } .m-t-450-minus { margin-top: -450px !important; } .m-t-460-minus { margin-top: -460px !important; } .m-t-470-minus { margin-top: -470px !important; } .m-t-480-minus { margin-top: -480px !important; } .m-t-490-minus { margin-top: -490px !important; } .m-t-500-minus { margin-top: -500px !important; } .m-t-510-minus { margin-top: -510px !important; } .m-t-520-minus { margin-top: -520px !important; } .m-t-530-minus { margin-top: -530px !important; } .m-t-540-minus { margin-top: -540px !important; } .m-t-550-minus { margin-top: -550px !important; } .m-t-560-minus { margin-top: -560px !important; } .m-t-570-minus { margin-top: -570px !important; } .m-t-580-minus { margin-top: -580px !important; } .m-t-590-minus { margin-top: -590px !important; } .m-t-600-minus { margin-top: -600px !important; } .m-t-610-minus { margin-top: -610px !important; } .m-t-620-minus { margin-top: -620px !important; } .m-t-630-minus { margin-top: -630px !important; } .m-t-640-minus { margin-top: -640px !important; } .m-t-650-minus { margin-top: -650px !important; } .m-t-660-minus { margin-top: -660px !important; } .m-t-670-minus { margin-top: -670px !important; } .m-t-680-minus { margin-top: -680px !important; } .m-t-690-minus { margin-top: -690px !important; } .m-t-700-minus { margin-top: -700px !important; } .m-t-710-minus { margin-top: -710px !important; } .m-t-720-minus { margin-top: -720px !important; } .m-t-730-minus { margin-top: -730px !important; } .m-t-740-minus { margin-top: -740px !important; } .m-t-750-minus { margin-top: -750px !important; } .m-t-760-minus { margin-top: -760px !important; } .m-t-770-minus { margin-top: -770px !important; } .m-t-780-minus { margin-top: -780px !important; } .m-t-790-minus { margin-top: -790px !important; } .m-t-800-minus { margin-top: -800px !important; } .m-t-810-minus { margin-top: -810px !important; } .m-t-820-minus { margin-top: -820px !important; } .m-t-830-minus { margin-top: -830px !important; } .m-t-840-minus { margin-top: -840px !important; } .m-t-850-minus { margin-top: -850px !important; } .m-t-860-minus { margin-top: -860px !important; } .m-t-870-minus { margin-top: -870px !important; } .m-t-880-minus { margin-top: -880px !important; } .m-t-890-minus { margin-top: -890px !important; } .m-t-900-minus { margin-top: -900px !important; } .m-t-910-minus { margin-top: -910px !important; } .m-t-920-minus { margin-top: -920px !important; } .m-t-930-minus { margin-top: -930px !important; } .m-t-940-minus { margin-top: -940px !important; } .m-t-950-minus { margin-top: -950px !important; } .m-t-960-minus { margin-top: -960px !important; } .m-t-970-minus { margin-top: -970px !important; } .m-t-980-minus { margin-top: -980px !important; } .m-t-990-minus { margin-top: -990px !important; } .m-t-1000-minus { margin-top: -1000px !important; } .m-r-0-minus { margin-right: 0px !important; } .m-r-10-minus { margin-right: -10px !important; } .m-r-20-minus { margin-right: -20px !important; } .m-r-30-minus { margin-right: -30px !important; } .m-r-40-minus { margin-right: -40px !important; } .m-r-50-minus { margin-right: -50px !important; } .m-r-60-minus { margin-right: -60px !important; } .m-r-70-minus { margin-right: -70px !important; } .m-r-80-minus { margin-right: -80px !important; } .m-r-90-minus { margin-right: -90px !important; } .m-r-100-minus { margin-right: -100px !important; } .m-r-110-minus { margin-right: -110px !important; } .m-r-120-minus { margin-right: -120px !important; } .m-r-130-minus { margin-right: -130px !important; } .m-r-140-minus { margin-right: -140px !important; } .m-r-150-minus { margin-right: -150px !important; } .m-r-160-minus { margin-right: -160px !important; } .m-r-170-minus { margin-right: -170px !important; } .m-r-180-minus { margin-right: -180px !important; } .m-r-190-minus { margin-right: -190px !important; } .m-r-200-minus { margin-right: -200px !important; } .m-r-210-minus { margin-right: -210px !important; } .m-r-220-minus { margin-right: -220px !important; } .m-r-230-minus { margin-right: -230px !important; } .m-r-240-minus { margin-right: -240px !important; } .m-r-250-minus { margin-right: -250px !important; } .m-r-260-minus { margin-right: -260px !important; } .m-r-270-minus { margin-right: -270px !important; } .m-r-280-minus { margin-right: -280px !important; } .m-r-290-minus { margin-right: -290px !important; } .m-r-300-minus { margin-right: -300px !important; } .m-r-310-minus { margin-right: -310px !important; } .m-r-320-minus { margin-right: -320px !important; } .m-r-330-minus { margin-right: -330px !important; } .m-r-340-minus { margin-right: -340px !important; } .m-r-350-minus { margin-right: -350px !important; } .m-r-360-minus { margin-right: -360px !important; } .m-r-370-minus { margin-right: -370px !important; } .m-r-380-minus { margin-right: -380px !important; } .m-r-390-minus { margin-right: -390px !important; } .m-r-400-minus { margin-right: -400px !important; } .m-r-410-minus { margin-right: -410px !important; } .m-r-420-minus { margin-right: -420px !important; } .m-r-430-minus { margin-right: -430px !important; } .m-r-440-minus { margin-right: -440px !important; } .m-r-450-minus { margin-right: -450px !important; } .m-r-460-minus { margin-right: -460px !important; } .m-r-470-minus { margin-right: -470px !important; } .m-r-480-minus { margin-right: -480px !important; } .m-r-490-minus { margin-right: -490px !important; } .m-r-500-minus { margin-right: -500px !important; } .m-r-510-minus { margin-right: -510px !important; } .m-r-520-minus { margin-right: -520px !important; } .m-r-530-minus { margin-right: -530px !important; } .m-r-540-minus { margin-right: -540px !important; } .m-r-550-minus { margin-right: -550px !important; } .m-r-560-minus { margin-right: -560px !important; } .m-r-570-minus { margin-right: -570px !important; } .m-r-580-minus { margin-right: -580px !important; } .m-r-590-minus { margin-right: -590px !important; } .m-r-600-minus { margin-right: -600px !important; } .m-r-610-minus { margin-right: -610px !important; } .m-r-620-minus { margin-right: -620px !important; } .m-r-630-minus { margin-right: -630px !important; } .m-r-640-minus { margin-right: -640px !important; } .m-r-650-minus { margin-right: -650px !important; } .m-r-660-minus { margin-right: -660px !important; } .m-r-670-minus { margin-right: -670px !important; } .m-r-680-minus { margin-right: -680px !important; } .m-r-690-minus { margin-right: -690px !important; } .m-r-700-minus { margin-right: -700px !important; } .m-r-710-minus { margin-right: -710px !important; } .m-r-720-minus { margin-right: -720px !important; } .m-r-730-minus { margin-right: -730px !important; } .m-r-740-minus { margin-right: -740px !important; } .m-r-750-minus { margin-right: -750px !important; } .m-r-760-minus { margin-right: -760px !important; } .m-r-770-minus { margin-right: -770px !important; } .m-r-780-minus { margin-right: -780px !important; } .m-r-790-minus { margin-right: -790px !important; } .m-r-800-minus { margin-right: -800px !important; } .m-r-810-minus { margin-right: -810px !important; } .m-r-820-minus { margin-right: -820px !important; } .m-r-830-minus { margin-right: -830px !important; } .m-r-840-minus { margin-right: -840px !important; } .m-r-850-minus { margin-right: -850px !important; } .m-r-860-minus { margin-right: -860px !important; } .m-r-870-minus { margin-right: -870px !important; } .m-r-880-minus { margin-right: -880px !important; } .m-r-890-minus { margin-right: -890px !important; } .m-r-900-minus { margin-right: -900px !important; } .m-r-910-minus { margin-right: -910px !important; } .m-r-920-minus { margin-right: -920px !important; } .m-r-930-minus { margin-right: -930px !important; } .m-r-940-minus { margin-right: -940px !important; } .m-r-950-minus { margin-right: -950px !important; } .m-r-960-minus { margin-right: -960px !important; } .m-r-970-minus { margin-right: -970px !important; } .m-r-980-minus { margin-right: -980px !important; } .m-r-990-minus { margin-right: -990px !important; } .m-r-1000-minus { margin-right: -1000px !important; } .m-b-0-minus { margin-bottom: 0px !important; } .m-b-10-minus { margin-bottom: -10px !important; } .m-b-20-minus { margin-bottom: -20px !important; } .m-b-30-minus { margin-bottom: -30px !important; } .m-b-40-minus { margin-bottom: -40px !important; } .m-b-50-minus { margin-bottom: -50px !important; } .m-b-60-minus { margin-bottom: -60px !important; } .m-b-70-minus { margin-bottom: -70px !important; } .m-b-80-minus { margin-bottom: -80px !important; } .m-b-90-minus { margin-bottom: -90px !important; } .m-b-100-minus { margin-bottom: -100px !important; } .m-b-110-minus { margin-bottom: -110px !important; } .m-b-120-minus { margin-bottom: -120px !important; } .m-b-130-minus { margin-bottom: -130px !important; } .m-b-140-minus { margin-bottom: -140px !important; } .m-b-150-minus { margin-bottom: -150px !important; } .m-b-160-minus { margin-bottom: -160px !important; } .m-b-170-minus { margin-bottom: -170px !important; } .m-b-180-minus { margin-bottom: -180px !important; } .m-b-190-minus { margin-bottom: -190px !important; } .m-b-200-minus { margin-bottom: -200px !important; } .m-b-210-minus { margin-bottom: -210px !important; } .m-b-220-minus { margin-bottom: -220px !important; } .m-b-230-minus { margin-bottom: -230px !important; } .m-b-240-minus { margin-bottom: -240px !important; } .m-b-250-minus { margin-bottom: -250px !important; } .m-b-260-minus { margin-bottom: -260px !important; } .m-b-270-minus { margin-bottom: -270px !important; } .m-b-280-minus { margin-bottom: -280px !important; } .m-b-290-minus { margin-bottom: -290px !important; } .m-b-300-minus { margin-bottom: -300px !important; } .m-b-310-minus { margin-bottom: -310px !important; } .m-b-320-minus { margin-bottom: -320px !important; } .m-b-330-minus { margin-bottom: -330px !important; } .m-b-340-minus { margin-bottom: -340px !important; } .m-b-350-minus { margin-bottom: -350px !important; } .m-b-360-minus { margin-bottom: -360px !important; } .m-b-370-minus { margin-bottom: -370px !important; } .m-b-380-minus { margin-bottom: -380px !important; } .m-b-390-minus { margin-bottom: -390px !important; } .m-b-400-minus { margin-bottom: -400px !important; } .m-b-410-minus { margin-bottom: -410px !important; } .m-b-420-minus { margin-bottom: -420px !important; } .m-b-430-minus { margin-bottom: -430px !important; } .m-b-440-minus { margin-bottom: -440px !important; } .m-b-450-minus { margin-bottom: -450px !important; } .m-b-460-minus { margin-bottom: -460px !important; } .m-b-470-minus { margin-bottom: -470px !important; } .m-b-480-minus { margin-bottom: -480px !important; } .m-b-490-minus { margin-bottom: -490px !important; } .m-b-500-minus { margin-bottom: -500px !important; } .m-b-510-minus { margin-bottom: -510px !important; } .m-b-520-minus { margin-bottom: -520px !important; } .m-b-530-minus { margin-bottom: -530px !important; } .m-b-540-minus { margin-bottom: -540px !important; } .m-b-550-minus { margin-bottom: -550px !important; } .m-b-560-minus { margin-bottom: -560px !important; } .m-b-570-minus { margin-bottom: -570px !important; } .m-b-580-minus { margin-bottom: -580px !important; } .m-b-590-minus { margin-bottom: -590px !important; } .m-b-600-minus { margin-bottom: -600px !important; } .m-b-610-minus { margin-bottom: -610px !important; } .m-b-620-minus { margin-bottom: -620px !important; } .m-b-630-minus { margin-bottom: -630px !important; } .m-b-640-minus { margin-bottom: -640px !important; } .m-b-650-minus { margin-bottom: -650px !important; } .m-b-660-minus { margin-bottom: -660px !important; } .m-b-670-minus { margin-bottom: -670px !important; } .m-b-680-minus { margin-bottom: -680px !important; } .m-b-690-minus { margin-bottom: -690px !important; } .m-b-700-minus { margin-bottom: -700px !important; } .m-b-710-minus { margin-bottom: -710px !important; } .m-b-720-minus { margin-bottom: -720px !important; } .m-b-730-minus { margin-bottom: -730px !important; } .m-b-740-minus { margin-bottom: -740px !important; } .m-b-750-minus { margin-bottom: -750px !important; } .m-b-760-minus { margin-bottom: -760px !important; } .m-b-770-minus { margin-bottom: -770px !important; } .m-b-780-minus { margin-bottom: -780px !important; } .m-b-790-minus { margin-bottom: -790px !important; } .m-b-800-minus { margin-bottom: -800px !important; } .m-b-810-minus { margin-bottom: -810px !important; } .m-b-820-minus { margin-bottom: -820px !important; } .m-b-830-minus { margin-bottom: -830px !important; } .m-b-840-minus { margin-bottom: -840px !important; } .m-b-850-minus { margin-bottom: -850px !important; } .m-b-860-minus { margin-bottom: -860px !important; } .m-b-870-minus { margin-bottom: -870px !important; } .m-b-880-minus { margin-bottom: -880px !important; } .m-b-890-minus { margin-bottom: -890px !important; } .m-b-900-minus { margin-bottom: -900px !important; } .m-b-910-minus { margin-bottom: -910px !important; } .m-b-920-minus { margin-bottom: -920px !important; } .m-b-930-minus { margin-bottom: -930px !important; } .m-b-940-minus { margin-bottom: -940px !important; } .m-b-950-minus { margin-bottom: -950px !important; } .m-b-960-minus { margin-bottom: -960px !important; } .m-b-970-minus { margin-bottom: -970px !important; } .m-b-980-minus { margin-bottom: -980px !important; } .m-b-990-minus { margin-bottom: -990px !important; } .m-b-1000-minus { margin-bottom: -1000px !important; } .m-l-0-minus { margin-left: 0px !important; } .m-l-10-minus { margin-left: -10px !important; } .m-l-20-minus { margin-left: -20px !important; } .m-l-30-minus { margin-left: -30px !important; } .m-l-40-minus { margin-left: -40px !important; } .m-l-50-minus { margin-left: -50px !important; } .m-l-60-minus { margin-left: -60px !important; } .m-l-70-minus { margin-left: -70px !important; } .m-l-80-minus { margin-left: -80px !important; } .m-l-90-minus { margin-left: -90px !important; } .m-l-100-minus { margin-left: -100px !important; } .m-l-110-minus { margin-left: -110px !important; } .m-l-120-minus { margin-left: -120px !important; } .m-l-130-minus { margin-left: -130px !important; } .m-l-140-minus { margin-left: -140px !important; } .m-l-150-minus { margin-left: -150px !important; } .m-l-160-minus { margin-left: -160px !important; } .m-l-170-minus { margin-left: -170px !important; } .m-l-180-minus { margin-left: -180px !important; } .m-l-190-minus { margin-left: -190px !important; } .m-l-200-minus { margin-left: -200px !important; } .m-l-210-minus { margin-left: -210px !important; } .m-l-220-minus { margin-left: -220px !important; } .m-l-230-minus { margin-left: -230px !important; } .m-l-240-minus { margin-left: -240px !important; } .m-l-250-minus { margin-left: -250px !important; } .m-l-260-minus { margin-left: -260px !important; } .m-l-270-minus { margin-left: -270px !important; } .m-l-280-minus { margin-left: -280px !important; } .m-l-290-minus { margin-left: -290px !important; } .m-l-300-minus { margin-left: -300px !important; } .m-l-310-minus { margin-left: -310px !important; } .m-l-320-minus { margin-left: -320px !important; } .m-l-330-minus { margin-left: -330px !important; } .m-l-340-minus { margin-left: -340px !important; } .m-l-350-minus { margin-left: -350px !important; } .m-l-360-minus { margin-left: -360px !important; } .m-l-370-minus { margin-left: -370px !important; } .m-l-380-minus { margin-left: -380px !important; } .m-l-390-minus { margin-left: -390px !important; } .m-l-400-minus { margin-left: -400px !important; } .m-l-410-minus { margin-left: -410px !important; } .m-l-420-minus { margin-left: -420px !important; } .m-l-430-minus { margin-left: -430px !important; } .m-l-440-minus { margin-left: -440px !important; } .m-l-450-minus { margin-left: -450px !important; } .m-l-460-minus { margin-left: -460px !important; } .m-l-470-minus { margin-left: -470px !important; } .m-l-480-minus { margin-left: -480px !important; } .m-l-490-minus { margin-left: -490px !important; } .m-l-500-minus { margin-left: -500px !important; } .m-l-510-minus { margin-left: -510px !important; } .m-l-520-minus { margin-left: -520px !important; } .m-l-530-minus { margin-left: -530px !important; } .m-l-540-minus { margin-left: -540px !important; } .m-l-550-minus { margin-left: -550px !important; } .m-l-560-minus { margin-left: -560px !important; } .m-l-570-minus { margin-left: -570px !important; } .m-l-580-minus { margin-left: -580px !important; } .m-l-590-minus { margin-left: -590px !important; } .m-l-600-minus { margin-left: -600px !important; } .m-l-610-minus { margin-left: -610px !important; } .m-l-620-minus { margin-left: -620px !important; } .m-l-630-minus { margin-left: -630px !important; } .m-l-640-minus { margin-left: -640px !important; } .m-l-650-minus { margin-left: -650px !important; } .m-l-660-minus { margin-left: -660px !important; } .m-l-670-minus { margin-left: -670px !important; } .m-l-680-minus { margin-left: -680px !important; } .m-l-690-minus { margin-left: -690px !important; } .m-l-700-minus { margin-left: -700px !important; } .m-l-710-minus { margin-left: -710px !important; } .m-l-720-minus { margin-left: -720px !important; } .m-l-730-minus { margin-left: -730px !important; } .m-l-740-minus { margin-left: -740px !important; } .m-l-750-minus { margin-left: -750px !important; } .m-l-760-minus { margin-left: -760px !important; } .m-l-770-minus { margin-left: -770px !important; } .m-l-780-minus { margin-left: -780px !important; } .m-l-790-minus { margin-left: -790px !important; } .m-l-800-minus { margin-left: -800px !important; } .m-l-810-minus { margin-left: -810px !important; } .m-l-820-minus { margin-left: -820px !important; } .m-l-830-minus { margin-left: -830px !important; } .m-l-840-minus { margin-left: -840px !important; } .m-l-850-minus { margin-left: -850px !important; } .m-l-860-minus { margin-left: -860px !important; } .m-l-870-minus { margin-left: -870px !important; } .m-l-880-minus { margin-left: -880px !important; } .m-l-890-minus { margin-left: -890px !important; } .m-l-900-minus { margin-left: -900px !important; } .m-l-910-minus { margin-left: -910px !important; } .m-l-920-minus { margin-left: -920px !important; } .m-l-930-minus { margin-left: -930px !important; } .m-l-940-minus { margin-left: -940px !important; } .m-l-950-minus { margin-left: -950px !important; } .m-l-960-minus { margin-left: -960px !important; } .m-l-970-minus { margin-left: -970px !important; } .m-l-980-minus { margin-left: -980px !important; } .m-l-990-minus { margin-left: -990px !important; } .m-l-1000-minus { margin-left: -1000px !important; } .p-t-b-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .p-t-b-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .p-t-b-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .p-t-b-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .p-t-b-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-t-b-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .p-t-b-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .p-t-b-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .p-t-b-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .p-t-b-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .p-t-b-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .p-l-r-0 { padding-left: 0px !important; padding-right: 0px !important; } .p-l-r-5 { padding-left: 5px !important; padding-right: 5px !important; } .p-l-r-10 { padding-left: 10px !important; padding-right: 10px !important; } .p-l-r-15 { padding-left: 15px !important; padding-right: 15px !important; } .p-l-r-20 { padding-left: 20px !important; padding-right: 20px !important; } .p-l-r-25 { padding-left: 25px !important; padding-right: 25px !important; } .p-l-r-30 { padding-left: 30px !important; padding-right: 30px !important; } .p-l-r-35 { padding-left: 35px !important; padding-right: 35px !important; } .p-l-r-40 { padding-left: 40px !important; padding-right: 40px !important; } .p-l-r-45 { padding-left: 45px !important; padding-right: 45px !important; } .p-l-r-50 { padding-left: 50px !important; padding-right: 50px !important; } .p-0 { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } .p-t-55 { padding-top: 55px !important; } .p-t-60 { padding-top: 60px !important; } .p-t-65 { padding-top: 65px !important; } .p-t-70 { padding-top: 70px !important; } .p-t-75 { padding-top: 75px !important; } .p-t-80 { padding-top: 80px !important; } .p-t-85 { padding-top: 85px !important; } .p-t-90 { padding-top: 90px !important; } .p-t-95 { padding-top: 95px !important; } .p-t-100 { padding-top: 100px !important; } .p-t-105 { padding-top: 105px !important; } .p-t-110 { padding-top: 110px !important; } .p-t-115 { padding-top: 115px !important; } .p-t-120 { padding-top: 120px !important; } .p-t-125 { padding-top: 125px !important; } .p-t-130 { padding-top: 130px !important; } .p-t-135 { padding-top: 135px !important; } .p-t-140 { padding-top: 140px !important; } .p-t-145 { padding-top: 145px !important; } .p-t-150 { padding-top: 150px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-r-45 { padding-right: 45px !important; } .p-r-50 { padding-right: 50px !important; } .p-r-55 { padding-right: 55px !important; } .p-r-60 { padding-right: 60px !important; } .p-r-65 { padding-right: 65px !important; } .p-r-70 { padding-right: 70px !important; } .p-r-75 { padding-right: 75px !important; } .p-r-80 { padding-right: 80px !important; } .p-r-85 { padding-right: 85px !important; } .p-r-90 { padding-right: 90px !important; } .p-r-95 { padding-right: 95px !important; } .p-r-100 { padding-right: 100px !important; } .p-r-105 { padding-right: 105px !important; } .p-r-110 { padding-right: 110px !important; } .p-r-115 { padding-right: 115px !important; } .p-r-120 { padding-right: 120px !important; } .p-r-125 { padding-right: 125px !important; } .p-r-130 { padding-right: 130px !important; } .p-r-135 { padding-right: 135px !important; } .p-r-140 { padding-right: 140px !important; } .p-r-145 { padding-right: 145px !important; } .p-r-150 { padding-right: 150px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-b-55 { padding-bottom: 55px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-b-65 { padding-bottom: 65px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-b-75 { padding-bottom: 75px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-b-85 { padding-bottom: 85px !important; } .p-b-90 { padding-bottom: 90px !important; } .p-b-95 { padding-bottom: 95px !important; } .p-b-100 { padding-bottom: 100px !important; } .p-b-105 { padding-bottom: 105px !important; } .p-b-110 { padding-bottom: 110px !important; } .p-b-115 { padding-bottom: 115px !important; } .p-b-120 { padding-bottom: 120px !important; } .p-b-125 { padding-bottom: 125px !important; } .p-b-130 { padding-bottom: 130px !important; } .p-b-135 { padding-bottom: 135px !important; } .p-b-140 { padding-bottom: 140px !important; } .p-b-145 { padding-bottom: 145px !important; } .p-b-150 { padding-bottom: 150px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .p-l-45 { padding-left: 45px !important; } .p-l-50 { padding-left: 50px !important; } .p-l-55 { padding-left: 55px !important; } .p-l-60 { padding-left: 60px !important; } .p-l-65 { padding-left: 65px !important; } .p-l-70 { padding-left: 70px !important; } .p-l-75 { padding-left: 75px !important; } .p-l-80 { padding-left: 80px !important; } .p-l-85 { padding-left: 85px !important; } .p-l-90 { padding-left: 90px !important; } .p-l-95 { padding-left: 95px !important; } .p-l-100 { padding-left: 100px !important; } .p-l-105 { padding-left: 105px !important; } .p-l-110 { padding-left: 110px !important; } .p-l-115 { padding-left: 115px !important; } .p-l-120 { padding-left: 120px !important; } .p-l-125 { padding-left: 125px !important; } .p-l-130 { padding-left: 130px !important; } .p-l-135 { padding-left: 135px !important; } .p-l-140 { padding-left: 140px !important; } .p-l-145 { padding-left: 145px !important; } .p-l-150 { padding-left: 150px !important; } .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-21 { font-size: 21px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-26 { font-size: 26px !important; } .font-size-27 { font-size: 27px !important; } .font-size-28 { font-size: 28px !important; } .font-size-29 { font-size: 29px !important; } .font-size-30 { font-size: 30px !important; } .font-size-31 { font-size: 31px !important; } .font-size-32 { font-size: 32px !important; } .font-size-33 { font-size: 33px !important; } .font-size-34 { font-size: 34px !important; } .font-size-35 { font-size: 35px !important; } .font-size-36 { font-size: 36px !important; } .font-size-37 { font-size: 37px !important; } .font-size-38 { font-size: 38px !important; } .font-size-39 { font-size: 39px !important; } .font-size-40 { font-size: 40px !important; } .font-size-41 { font-size: 41px !important; } .font-size-42 { font-size: 42px !important; } .font-size-43 { font-size: 43px !important; } .font-size-44 { font-size: 44px !important; } .font-size-45 { font-size: 45px !important; } .font-size-46 { font-size: 46px !important; } .font-size-47 { font-size: 47px !important; } .font-size-48 { font-size: 48px !important; } .font-size-49 { font-size: 49px !important; } .font-size-50 { font-size: 50px !important; } .line-height-0 { line-height: 0px !important; } .line-height-1 { line-height: 1px !important; } .line-height-2 { line-height: 2px !important; } .line-height-3 { line-height: 3px !important; } .line-height-4 { line-height: 4px !important; } .line-height-5 { line-height: 5px !important; } .line-height-6 { line-height: 6px !important; } .line-height-7 { line-height: 7px !important; } .line-height-8 { line-height: 8px !important; } .line-height-9 { line-height: 9px !important; } .line-height-10 { line-height: 10px !important; } .line-height-11 { line-height: 11px !important; } .line-height-12 { line-height: 12px !important; } .line-height-13 { line-height: 13px !important; } .line-height-14 { line-height: 14px !important; } .line-height-15 { line-height: 15px !important; } .line-height-16 { line-height: 16px !important; } .line-height-17 { line-height: 17px !important; } .line-height-18 { line-height: 18px !important; } .line-height-19 { line-height: 19px !important; } .line-height-20 { line-height: 20px !important; } .line-height-21 { line-height: 21px !important; } .line-height-22 { line-height: 22px !important; } .line-height-23 { line-height: 23px !important; } .line-height-24 { line-height: 24px !important; } .line-height-25 { line-height: 25px !important; } .line-height-26 { line-height: 26px !important; } .line-height-27 { line-height: 27px !important; } .line-height-28 { line-height: 28px !important; } .line-height-29 { line-height: 29px !important; } .line-height-30 { line-height: 30px !important; } .line-height-31 { line-height: 31px !important; } .line-height-32 { line-height: 32px !important; } .line-height-33 { line-height: 33px !important; } .line-height-34 { line-height: 34px !important; } .line-height-35 { line-height: 35px !important; } .line-height-36 { line-height: 36px !important; } .line-height-37 { line-height: 37px !important; } .line-height-38 { line-height: 38px !important; } .line-height-39 { line-height: 39px !important; } .line-height-40 { line-height: 40px !important; } .line-height-41 { line-height: 41px !important; } .line-height-42 { line-height: 42px !important; } .line-height-43 { line-height: 43px !important; } .line-height-44 { line-height: 44px !important; } .line-height-45 { line-height: 45px !important; } .line-height-46 { line-height: 46px !important; } .line-height-47 { line-height: 47px !important; } .line-height-48 { line-height: 48px !important; } .line-height-49 { line-height: 49px !important; } .line-height-50 { line-height: 50px !important; } .width-10 { width: 10px !important; } .width-11 { width: 11px !important; } .width-12 { width: 12px !important; } .width-13 { width: 13px !important; } .width-14 { width: 14px !important; } .width-15 { width: 15px !important; } .width-16 { width: 16px !important; } .width-17 { width: 17px !important; } .width-18 { width: 18px !important; } .width-19 { width: 19px !important; } .width-20 { width: 20px !important; } .width-21 { width: 21px !important; } .width-22 { width: 22px !important; } .width-23 { width: 23px !important; } .width-24 { width: 24px !important; } .width-25 { width: 25px !important; } .width-26 { width: 26px !important; } .width-27 { width: 27px !important; } .width-28 { width: 28px !important; } .width-29 { width: 29px !important; } .width-30 { width: 30px !important; } .width-31 { width: 31px !important; } .width-32 { width: 32px !important; } .width-33 { width: 33px !important; } .width-34 { width: 34px !important; } .width-35 { width: 35px !important; } .width-36 { width: 36px !important; } .width-37 { width: 37px !important; } .width-38 { width: 38px !important; } .width-39 { width: 39px !important; } .width-40 { width: 40px !important; } .width-41 { width: 41px !important; } .width-42 { width: 42px !important; } .width-43 { width: 43px !important; } .width-44 { width: 44px !important; } .width-45 { width: 45px !important; } .width-46 { width: 46px !important; } .width-47 { width: 47px !important; } .width-48 { width: 48px !important; } .width-49 { width: 49px !important; } .width-50 { width: 50px !important; } .height-10 { height: 10px !important; } .height-11 { height: 11px !important; } .height-12 { height: 12px !important; } .height-13 { height: 13px !important; } .height-14 { height: 14px !important; } .height-15 { height: 15px !important; } .height-16 { height: 16px !important; } .height-17 { height: 17px !important; } .height-18 { height: 18px !important; } .height-19 { height: 19px !important; } .height-20 { height: 20px !important; } .height-21 { height: 21px !important; } .height-22 { height: 22px !important; } .height-23 { height: 23px !important; } .height-24 { height: 24px !important; } .height-25 { height: 25px !important; } .height-26 { height: 26px !important; } .height-27 { height: 27px !important; } .height-28 { height: 28px !important; } .height-29 { height: 29px !important; } .height-30 { height: 30px !important; } .height-31 { height: 31px !important; } .height-32 { height: 32px !important; } .height-33 { height: 33px !important; } .height-34 { height: 34px !important; } .height-35 { height: 35px !important; } .height-36 { height: 36px !important; } .height-37 { height: 37px !important; } .height-38 { height: 38px !important; } .height-39 { height: 39px !important; } .height-40 { height: 40px !important; } .height-41 { height: 41px !important; } .height-42 { height: 42px !important; } .height-43 { height: 43px !important; } .height-44 { height: 44px !important; } .height-45 { height: 45px !important; } .height-46 { height: 46px !important; } .height-47 { height: 47px !important; } .height-48 { height: 48px !important; } .height-49 { height: 49px !important; } .height-50 { height: 50px !important; } .h-100-vh { height: 100vh; } body { font-family: "Inter", sans-serif; position: relative; background-color: #f8fafb; font-size: 15px; color: #505050; } body.no-scroll { overflow: hidden; } * { min-width: 0; min-height: 0; } .preloader { position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 1001; background: white; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; /* Safari */ } .preloader .preloader-icon { border: 5px solid #eeeeee; border-radius: 50%; border-top: 5px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 0.5s linear infinite; animation: spin 0.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .preloader svg path { fill: #0081ff; } .icon-block { width: 40px; height: 40px; line-height: 40px; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: #e1e1e1; border-radius: 3px; text-align: center; color: black; font-size: 18px; } .icon-block.icon-block-outline-white { border: 2px solid white; background: none; color: white !important; } .icon-block.icon-block-outline-primary { border: 2px solid #0081ff; color: #0081ff !important; background: none; } .icon-block.icon-block-outline-success { border: 2px solid #28c76f; color: #28c76f !important; background: none; } .icon-block.icon-block-outline-danger { border: 2px solid #ea5455; color: #ea5455 !important; background: none; } .icon-block.icon-block-outline-info { border: 2px solid #33b5e5; color: #33b5e5 !important; background: none; } .icon-block.icon-block-outline-warning { border: 2px solid #ff9f43; color: #ff9f43 !important; background: none; } .icon-block.icon-block-outline-dark { border: 2px solid #293134; color: #293134 !important; background: none; } .icon-block.icon-block-outline-secondary { border: 2px solid #aa66cc; color: #aa66cc !important; background: none; } .icon-block.icon-block-outline-facebook { border: 2px solid #3b5998; color: #3b5998 !important; background: none; } .icon-block.icon-block-outline-twitter { border: 2px solid #55acee; color: #55acee !important; background: none; } .icon-block.icon-block-outline-linkedin { border: 2px solid #0077b5; color: #0077b5 !important; background: none; } .icon-block.icon-block-outline-whatsapp { border: 2px solid #43d854; color: #43d854 !important; background: none; } .icon-block.icon-block-outline-instagram { border: 2px solid #3f729b; color: #3f729b !important; background: none; } .icon-block.icon-block-outline-dribbble { border: 2px solid #ea4c89; color: #ea4c89 !important; background: none; } .icon-block.icon-block-outline-google { border: 2px solid #db4437; color: #db4437 !important; background: none; } .icon-block.icon-block-outline-youtube { border: 2px solid #cd201f; color: #cd201f !important; background: none; } .icon-block.icon-block-xl { width: 70px; height: 70px; line-height: 70px; font-size: 28px; } .icon-block.icon-block-lg { width: 50px; height: 50px; line-height: 50px; font-size: 22px; } .icon-block.icon-block-sm { width: 30px; height: 30px; line-height: 30px; font-size: 14px; } .icon-block.icon-block-xs { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .icon-block.icon-block-floating { border-radius: 50%; } body.error-page img { width: 50%; display: table; margin: 50px auto; } body.error-page .display-1 { font-size: 10em; } .error-page { text-align: center; height: calc(100vh - 120px); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .error-page .error-page-item { font-size: 14rem; line-height: 14rem; margin-left: -2rem; text-shadow: -5px 1px 0px white; } .error-page .error-page-item:nth-child(2) { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); display: inline-block; } .form-control, .swal-modal input.swal-content__input, .custom-select { font-size: 0.875rem; border-color: #e1e1e1; border-radius: 0.5rem; } .form-control:focus, .swal-modal input.swal-content__input:focus, .custom-select:focus { box-shadow: none; border-color: rgba(0, 129, 255, 0.8); } .form-control:not(.form-control-lg):not(.form-control-sm), .swal-modal input.swal-content__input:not(.form-control-lg):not(.form-control-sm) { height: calc(1.5em + .75rem + 3px); } .form-rounded { border-radius: 50px; } .form-control-lg { font-size: 1.1rem; } .form-control-sm { font-size: 0.8rem; } .input-group-text { border: none; } textarea { min-height: 100px; max-height: 500px; } .custom-file-input:focus ~ .custom-file-label { border-color: #339aff; box-shadow: none; } .custom-control-input { right: 0; } .custom-control-label { line-height: 25px; } /* Checkboxes and Radios */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:checked ~ .custom-control-label::before { border-color: #0081ff; background-color: #0081ff; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, .custom-radio .custom-control-input:focus ~ .custom-control-label::before, .custom-switch .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); } .custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #5caeff; background-color: #5caeff; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { border-color: #aa66cc; background-color: #aa66cc; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #d0abe3; background-color: #d0abe3; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.3); } .custom-checkbox.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before { border-color: #28c76f; background-color: #28c76f; } .custom-checkbox.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #6ae19f; background-color: #6ae19f; } .custom-checkbox.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.3); } .custom-checkbox.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { border-color: #ea5455; background-color: #ea5455; } .custom-checkbox.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #f4a6a6; background-color: #f4a6a6; } .custom-checkbox.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.3); } .custom-checkbox.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { border-color: #ff9f43; background-color: #ff9f43; } .custom-checkbox.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #ffce9f; background-color: #ffce9f; } .custom-checkbox.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.3); } .custom-checkbox.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before { border-color: #33b5e5; background-color: #33b5e5; } .custom-checkbox.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #84d3ef; background-color: #84d3ef; } .custom-checkbox.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.3); } .custom-checkbox.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before { border-color: #293134; background-color: #293134; } .custom-checkbox.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #516167; background-color: #516167; } .custom-checkbox.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.3); } .custom-checkbox.custom-range-danger::before { background-color: #ea5455; } .custom-checkbox.custom-range-danger::-webkit-slider-thumb:active { background-color: #f4a6a6; } .custom-range::-webkit-slider-thumb { background-color: #0081ff; } .custom-range::-webkit-slider-thumb:active { background-color: #5caeff; } .custom-range.custom-range-danger::-webkit-slider-thumb { background-color: #ea5455; } .custom-range.custom-range-danger::-webkit-slider-thumb:active { background-color: #f4a6a6; } .custom-range.custom-range-warning::-webkit-slider-thumb { background-color: #ff9f43; } .custom-range.custom-range-warning::-webkit-slider-thumb:active { background-color: #ffce9f; } .custom-range.custom-range-success::-webkit-slider-thumb { background-color: #28c76f; } .custom-range.custom-range-success::-webkit-slider-thumb:active { background-color: #6ae19f; } .custom-range.custom-range-secondary::-webkit-slider-thumb { background-color: #aa66cc; } .custom-range.custom-range-secondary::-webkit-slider-thumb:active { background-color: #d0abe3; } .custom-range.custom-range-info::-webkit-slider-thumb { background-color: #33b5e5; } .custom-range.custom-range-info::-webkit-slider-thumb:active { background-color: #84d3ef; } .custom-range.custom-range-light::-webkit-slider-thumb { background-color: #afb8bd; } .custom-range.custom-range-light::-webkit-slider-thumb:active { background-color: #e1e5e6; } .custom-range.custom-range-dark::-webkit-slider-thumb { background-color: #293134; } .custom-range.custom-range-dark::-webkit-slider-thumb:active { background-color: #516167; } .wizard > .content { min-height: auto; margin: 0; margin-bottom: 15px; background: none; padding: 0 !important; } .wizard .wizard-index { background-color: rgba(0, 0, 0, 0.4); height: 30px; width: 30px; border-radius: 50%; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #fff; margin-right: 0.5rem; } .wizard .current .wizard-index { background-color: rgba(255, 255, 255, 0.2); } .wizard > .actions > ul > li { margin: 0; margin-left: 10px; } .wizard > .content > .body { float: none; position: static; width: auto; height: auto; } .wizard > .steps { margin-bottom: 1.5rem; } .wizard > .steps a, .wizard > .steps .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps button.btn, .wizard > .steps a:hover, .wizard > .steps a:active { margin: 0; margin-right: 10px; } .wizard > .steps .current a, .wizard > .steps .current .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .current button.btn, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #0081ff; } .wizard > .steps .error a, .wizard > .steps .error .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .error button.btn, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ea5455; } .wizard > .steps .done a, .wizard > .steps .done .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .done button.btn, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background-color: #28c76f; color: white; } .wizard > .actions a, .wizard > .actions .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .actions button.btn, .wizard > .actions a:hover, .wizard > .actions a:active { background-color: #28c76f; color: white; } .page-header { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; height: 55px; } .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5 { margin: 0; } .page-header .breadcrumb { background: none; padding: 0; margin: 0; } .page-header .breadcrumb a:hover, .page-header .breadcrumb .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .page-header .breadcrumb button.btn:hover { text-decoration: underline; } .page-header .breadcrumb li.breadcrumb-item { font-size: 14px !important; } .page-header .breadcrumb li.breadcrumb-item:first-child:before { font-size: 12px; font-family: themify; content: "\E69B"; display: inline-block; margin-right: 8px; } .page-header .breadcrumb li.breadcrumb-item + .breadcrumb-item::before { font-size: 10px; } .page-header .breadcrumb li.breadcrumb-item.active { color: #0081ff; font-weight: 600; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .card, .app-block .app-content .app-action, .chat-block { margin-bottom: 1.875rem; position: relative; background-color: white; border-radius: 0.5rem; border: none; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); } .card.bg-primary .card-header, .app-block .app-content .bg-primary.app-action .card-header, .bg-primary.chat-block .card-header, .card.bg-secondary .card-header, .app-block .app-content .bg-secondary.app-action .card-header, .bg-secondary.chat-block .card-header, .card.bg-success .card-header, .app-block .app-content .bg-success.app-action .card-header, .bg-success.chat-block .card-header, .card.bg-danger .card-header, .app-block .app-content .bg-danger.app-action .card-header, .bg-danger.chat-block .card-header, .card.bg-warning .card-header, .app-block .app-content .bg-warning.app-action .card-header, .bg-warning.chat-block .card-header, .card.bg-info .card-header, .app-block .app-content .bg-info.app-action .card-header, .bg-info.chat-block .card-header, .card.bg-dark .card-header, .app-block .app-content .bg-dark.app-action .card-header, .bg-dark.chat-block .card-header { border-bottom: 1px solid rgba(235, 235, 235, 0.4); } .card .card-header, .app-block .app-content .app-action .card-header, .chat-block .card-header, .card .card-footer, .app-block .app-content .app-action .card-footer, .chat-block .card-footer { border: none; background: none; font-size: 13px; font-weight: 600; padding: 10px 20px; } .card .card-header, .app-block .app-content .app-action .card-header, .chat-block .card-header { margin-bottom: 0; border-bottom: 1px solid #ebebeb; } .card .card-footer, .app-block .app-content .app-action .card-footer, .chat-block .card-footer { border-top: 1px solid #ebebeb; } .card .card-body, .app-block .app-content .app-action .card-body, .chat-block .card-body { padding: 1.5rem; } .card .card-body h1.card-title, .app-block .app-content .app-action .card-body h1.card-title, .chat-block .card-body h1.card-title, .card .card-body h2.card-title, .app-block .app-content .app-action .card-body h2.card-title, .chat-block .card-body h2.card-title, .card .card-body h3.card-title, .app-block .app-content .app-action .card-body h3.card-title, .chat-block .card-body h3.card-title, .card .card-body h4.card-title, .app-block .app-content .app-action .card-body h4.card-title, .chat-block .card-body h4.card-title, .card .card-body h5.card-title, .app-block .app-content .app-action .card-body h5.card-title, .chat-block .card-body h5.card-title, .card .card-body h6.card-title, .app-block .app-content .app-action .card-body h6.card-title, .chat-block .card-body h6.card-title { margin-bottom: 2rem; font-size: 1rem; font-weight: 600; } .card .card-body h1.card-title .dropdown *, .app-block .app-content .app-action .card-body h1.card-title .dropdown *, .chat-block .card-body h1.card-title .dropdown *, .card .card-body h2.card-title .dropdown *, .app-block .app-content .app-action .card-body h2.card-title .dropdown *, .chat-block .card-body h2.card-title .dropdown *, .card .card-body h3.card-title .dropdown *, .app-block .app-content .app-action .card-body h3.card-title .dropdown *, .chat-block .card-body h3.card-title .dropdown *, .card .card-body h4.card-title .dropdown *, .app-block .app-content .app-action .card-body h4.card-title .dropdown *, .chat-block .card-body h4.card-title .dropdown *, .card .card-body h5.card-title .dropdown *, .app-block .app-content .app-action .card-body h5.card-title .dropdown *, .chat-block .card-body h5.card-title .dropdown *, .card .card-body h6.card-title .dropdown *, .app-block .app-content .app-action .card-body h6.card-title .dropdown *, .chat-block .card-body h6.card-title .dropdown * { letter-spacing: normal; text-transform: none; } .card .card-scroll, .app-block .app-content .app-action .card-scroll, .chat-block .card-scroll { height: 300px; overflow: auto; } .card.purple, .app-block .app-content .purple.app-action, .purple.chat-block { height: 120px; background: linear-gradient(200deg, #8a8ded, #9c9dc6); } .card.blue, .app-block .app-content .blue.app-action, .blue.chat-block { height: 120px; background: linear-gradient(200deg, #6bc5e7, #bcd7ff); } .card.green, .app-block .app-content .green.app-action, .green.chat-block { height: 120px; background: linear-gradient(200deg, #77df75, #b5e7a0); } .card.orange, .app-block .app-content .orange.app-action, .orange.chat-block { height: 120px; background: linear-gradient(200deg, #ffc033, #ffc49d); } .card > .table-responsive .table td, .app-block .app-content .app-action > .table-responsive .table td, .chat-block > .table-responsive .table td, .card > .table-responsive .table th, .app-block .app-content .app-action > .table-responsive .table th, .chat-block > .table-responsive .table th { padding: 0.75rem 1.5rem; } .card-group, .card-columns { margin-bottom: 30px; } .bg-primary { background: #0081ff !important; color: white !important; } .bg-primary-bright { background: rgba(0, 129, 255, 0.3) !important; } .bg-primary-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-primary-bright.bg-hover:hover { background: rgba(11, 91, 182, 0.3) !important; } .bg-primary-gradient { background: linear-gradient(230deg, #0081ff, #4da7ff) !important; color: white !important; } .bg-info { background: #33b5e5 !important; color: white !important; } .bg-info.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-info.bg-hover:hover { background: #60c5eb !important; } .bg-info-bright { background: rgba(51, 181, 229, 0.3) !important; } .bg-info-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-info-bright.bg-hover:hover { background: rgba(29, 173, 226, 0.3) !important; } .bg-info-gradient { background: linear-gradient(230deg, #33b5e5, #77ceee) !important; color: white !important; } .bg-secondary { background: #aa66cc !important; color: white !important; } .bg-secondary.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-secondary.bg-hover:hover { background: #bf8cd9 !important; } .bg-secondary-bright { background: rgba(170, 102, 204, 0.3) !important; } .bg-secondary-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-secondary-bright.bg-hover:hover { background: rgba(159, 83, 198, 0.3) !important; } .bg-secondary-gradient { background: linear-gradient(230deg, #aa66cc, #ca9fdf) !important; color: white !important; } .bg-success { background: #28c76f !important; color: white !important; } .bg-success.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-success.bg-hover:hover { background: #48da89 !important; } .bg-success-bright { background: rgba(40, 199, 111, 0.3) !important; } .bg-success-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-success-bright.bg-hover:hover { background: rgba(36, 178, 99, 0.3) !important; } .bg-success-gradient { background: linear-gradient(230deg, #28c76f, #5dde97) !important; color: white !important; } .bg-danger { background: #ea5455 !important; color: white !important; } .bg-danger.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-danger.bg-hover:hover { background: #f08182 !important; } .bg-danger-bright { background: rgba(234, 84, 85, 0.3) !important; } .bg-danger-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-danger-bright.bg-hover:hover { background: rgba(231, 61, 62, 0.3) !important; } .bg-danger-gradient { background: linear-gradient(230deg, #ea5455, #f29899) !important; color: white !important; } .bg-warning { background: #ff9f43 !important; color: white !important; } .bg-warning.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-warning.bg-hover:hover { background: #ffb976 !important; } .bg-warning-bright { background: rgba(255, 159, 67, 0.3) !important; } .bg-warning-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-warning-bright.bg-hover:hover { background: rgba(255, 146, 42, 0.3) !important; } .bg-warning-gradient { background: linear-gradient(230deg, #ff9f43, #ffc690) !important; color: white !important; } .bg-light { background: #afb8bd !important; } .bg-dark { background: #293134 !important; color: white !important; } .bg-dark.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-dark.bg-hover:hover { background: #3f4c51 !important; } .bg-dark-bright { background: #d4d5d8 !important; } .bg-dark-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-dark-bright.bg-hover:hover { background: #c7c8cc !important; } .bg-dark-gradient { background: linear-gradient(230deg, #293134, #4b595f) !important; color: white !important; } .bg-facebook { background: #3b5998 !important; color: white !important; } .bg-twitter { background: #55acee !important; color: white !important; } .bg-linkedin { background: #0077b5 !important; color: white !important; } .bg-whatsapp { background: #43d854 !important; color: white !important; } .bg-instagram { background: #3f729b !important; color: white !important; } .bg-dribbble { background: #ea4c89 !important; color: white !important; } .bg-google { background: #db4437 !important; color: white !important; } .bg-youtube { background: #cd201f !important; color: white !important; } .text-primary { color: #0081ff !important; } .text-secondary { color: #aa66cc !important; } .text-info { color: #33b5e5 !important; } .text-success, .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { color: #28c76f !important; } .text-danger { color: #ea5455 !important; } .text-warning { color: #ff9f43 !important; } .text-light { color: #afb8bd !important; } .text-facebook { color: #3b5998 !important; } .text-twitter { color: #55acee !important; } .text-google { color: #db4437 !important; } .text-linkedin { color: #0077b5 !important; } .text-instagram { color: #3f729b !important; } .text-whatsapp { color: #43d854 !important; } .text-dribbble { color: #ea4c89 !important; } .colorpicker.dropdown-menu { visibility: visible; opacity: 1; height: auto; } .colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; } .colorpicker.colorpicker-hidden { display: none !important; } ul:not(.list-unstyled) { margin: 0; padding: 0; } ul:not(.list-unstyled) li { list-style-type: none; } ul:not(.list-unstyled) li a .icon, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn .icon, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn .icon { color: #d1d1d1; font-size: 14px; vertical-align: middle; } ul:not(.list-unstyled) li a:hover, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:hover, ul:not(.list-unstyled) li a:focus, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:focus { text-decoration: underline; } ul li a:hover, ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append ul li button.btn:hover, ul li a:focus, ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append ul li button.btn:focus { text-decoration: none !important; } ul.list-unstyled li { margin-bottom: 10px; } ul.list-unstyled li ul { margin-left: 30px !important; margin-top: 10px !important; margin-bottom: 10px !important; } ul.list-unstyled li ul li { list-style-type: disc !important; } ul.links a, ul.links .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append ul.links button.btn { display: block; padding: 3px 5px; color: #2e2e2e; } ul.links a.active, ul.links .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append ul.links button.active.btn { color: #0081ff; font-weight: 500; } .list-group.list-group-sm .list-group-item { padding: 0.4rem 1rem; } .text-uppercase { letter-spacing: 0.5px; } .bg-none { background-color: inherit !important; } h1 { font-size: 29px; } h2 { font-size: 26px; } h3 { font-size: 23px; } h4 { font-size: 20px; } h5 { font-size: 17px; } h6 { font-size: 14px; } ul.list-inline li { margin-bottom: 0.5rem; } hr { border-color: #e6e6e6; } .right-0 { right: 0; } .left-0 { left: 0; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .cursor-pointer { cursor: pointer; } p { line-height: 1.5rem; } a, .header form .input-group .input-group-append button.btn { color: #666666; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } a:hover, .header form .input-group .input-group-append button.btn:hover { color: black; text-decoration: none; } a.link-1, .header form .input-group .input-group-append button.link-1.btn { color: #0081ff; } a.link-1:hover, .header form .input-group .input-group-append button.link-1.btn:hover, a.link-1:focus, .header form .input-group .input-group-append button.link-1.btn:focus { color: rgba(0, 129, 255, 0.8); } a.link-2, .header form .input-group .input-group-append button.link-2.btn { color: black; } a.link-2:hover, .header form .input-group .input-group-append button.link-2.btn:hover, a.link-2:focus, .header form .input-group .input-group-append button.link-2.btn:focus { color: #0081ff; } a.link-3, .header form .input-group .input-group-append button.link-3.btn { color: white; } a.link-3:hover, .header form .input-group .input-group-append button.link-3.btn:hover, a.link-3:focus, .header form .input-group .input-group-append button.link-3.btn:focus { color: #0081ff; } a:not(.active.list-group-item), .header form .input-group .input-group-append button.btn:not(.active.list-group-item), a:not(.btn):hover, .header form .input-group .input-group-append button.btn:not(.btn):hover, a:not(.btn):active, .header form .input-group .input-group-append button.btn:not(.btn):active, a:not(.btn):focus, .header form .input-group .input-group-append button.btn:not(.btn):focus { text-decoration: none !important; color: black; outline: none; } a.btn:hover, .header form .input-group .input-group-append button.btn:hover, a.btn:active, .header form .input-group .input-group-append button.btn:active, a.btn:focus, .header form .input-group .input-group-append button.btn:focus { text-decoration: none !important; } .page-link { color: #0081ff; } .page-link:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); } .btn { font-size: 14px; width: auto; display: -webkit-inline-box; display: inline-flex; font-weight: 600; -webkit-box-align: center; align-items: center; padding: 10px 15px; line-height: 14px; border-radius: 0.5rem; } .btn svg { width: 14px !important; height: 14px !important; } .btn[data-toggle=dropdown] { -webkit-box-align: center; align-items: center; } .btn.btn-sm { padding: 5px 10px; font-size: 13px; } .btn.btn-lg { padding: 15px 20px; font-size: 17px; } .btn.btn-block { width: 100%; -webkit-box-pack: center; justify-content: center; } .btn.btn-square { border-radius: 0; } .btn.btn-rounded { border-radius: 50px; padding: 10px 20px; } .btn.btn-rounded.btn-sm { padding: 5px 15px; font-size: 13px; } .btn.btn-rounded.btn-lg { padding: 20px 30px; font-size: 17px; } .btn.btn-floating { height: 35px; width: 35px; padding: 0; -webkit-box-pack: center; justify-content: center; border-radius: 50%; } .btn.btn-floating.btn-sm { height: 30px; width: 30px; } .btn.btn-floating.btn-lg { height: 50px; width: 50px; } .btn.btn-uppercase { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; -webkit-box-align: center; align-items: center; font-weight: 600; } .btn.btn-uppercase.btn-sm { font-size: 11px; } .btn.btn-uppercase.btn-lg { font-size: 14px; } .btn.btn-shadow { box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3); } .btn.btn-shadow:focus, .btn.btn-shadow:active { box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.3) !important; } .btn.btn-primary, a.btn[href="#next"], .header form .input-group .input-group-append button.btn[href="#next"], a.btn[href="#previous"], .header form .input-group .input-group-append button.btn[href="#previous"] { background: #0081ff; border-color: #0081ff; } .btn.btn-primary:not(:disabled):not(.disabled):hover, a.btn[href="#next"]:not(:disabled):not(.disabled):hover, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):hover, a.btn[href="#previous"]:not(:disabled):not(.disabled):hover, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):hover, .btn.btn-primary:not(:disabled):not(.disabled):focus, a.btn[href="#next"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):active, a.btn[href="#next"]:not(:disabled):not(.disabled):active, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):active, a.btn[href="#previous"]:not(:disabled):not(.disabled):active, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active { background: #0067cc; border-color: #0067cc; } .btn.btn-primary:not(:disabled):not(.disabled):focus, a.btn[href="#next"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important; } .btn.btn-primary.btn-pulse:not(:disabled):not(.disabled), a.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), .header form .input-group .input-group-append button.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled), .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-primary:hover, a.btn[href="#next"]:hover, .header form .input-group .input-group-append button.btn[href="#next"]:hover, a.btn[href="#previous"]:hover, .header form .input-group .input-group-append button.btn[href="#previous"]:hover { -webkit-animation: none; } .btn.btn-gradient-primary { background: linear-gradient(20deg, #4da7ff, #0067cc); border-color: transparent; color: white; } .btn.btn-gradient-primary:not(:disabled):not(.disabled):hover, .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus, .btn.btn-gradient-primary:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #0081ff, #0067cc); border-color: transparent; } .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5); } .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-primary:hover { -webkit-animation: none; } .btn.btn-light-primary { background: rgba(0, 129, 255, 0.3); border-color: transparent; color: #0053a3; } .btn.btn-light-primary:not(:disabled):not(.disabled):hover, .btn.btn-light-primary:not(:disabled):not(.disabled):focus, .btn.btn-light-primary:not(:disabled):not(.disabled):active { background: rgba(0, 129, 255, 0.5); border-color: transparent; } .btn.btn-light-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2); } .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-primary:hover { -webkit-animation: none; } .btn.btn-outline-primary { background: none; border-color: #0081ff; color: #0074e6; border-width: 1px; } .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { background: #0081ff; border-color: #0081ff; color: white; } .btn.btn-outline-primary:not(:disabled):not(.disabled):focus, .btn.btn-outline-primary:not(:disabled):not(.disabled):active { background: #0062c2; border-color: #0062c2; color: white; } .btn.btn-outline-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4); } .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-primary:hover { -webkit-animation: none; } .btn.btn-secondary { background: #aa66cc; border-color: #aa66cc; } .btn.btn-secondary:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):active { background: #9540bf; border-color: #9540bf; } .btn.btn-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4) !important; } .btn.btn-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-secondary:hover { -webkit-animation: none; } .btn.btn-gradient-secondary { background: linear-gradient(20deg, #ca9fdf, #9540bf); border-color: transparent; color: white; } .btn.btn-gradient-secondary:not(:disabled):not(.disabled):hover, .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus, .btn.btn-gradient-secondary:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #aa66cc, #9540bf); border-color: transparent; } .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.5); } .btn.btn-gradient-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-secondary:hover { -webkit-animation: none; } .btn.btn-light-secondary { background: rgba(170, 102, 204, 0.3); border-color: transparent; color: #7d36a1; } .btn.btn-light-secondary:not(:disabled):not(.disabled):hover, .btn.btn-light-secondary:not(:disabled):not(.disabled):focus, .btn.btn-light-secondary:not(:disabled):not(.disabled):active { background: rgba(170, 102, 204, 0.5); border-color: transparent; } .btn.btn-light-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.2); } .btn.btn-light-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-secondary:hover { -webkit-animation: none; } .btn.btn-outline-secondary { background: none; border-color: #aa66cc; color: #9f53c6; border-width: 1px; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):hover { background: #aa66cc; border-color: #aa66cc; color: white; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active { background: #8f3db8; border-color: #8f3db8; color: white; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4); } .btn.btn-outline-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-secondary:hover { -webkit-animation: none; } .btn.btn-success { background: #28c76f; border-color: #28c76f; } .btn.btn-success:not(:disabled):not(.disabled):hover, .btn.btn-success:not(:disabled):not(.disabled):focus, .btn.btn-success:not(:disabled):not(.disabled):active { background: #1f9d57; border-color: #1f9d57; } .btn.btn-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4) !important; } .btn.btn-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-success:hover { -webkit-animation: none; } .btn.btn-gradient-success { background: linear-gradient(20deg, #5dde97, #1f9d57); border-color: transparent; color: white; } .btn.btn-gradient-success:not(:disabled):not(.disabled):hover, .btn.btn-gradient-success:not(:disabled):not(.disabled):focus, .btn.btn-gradient-success:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #28c76f, #1f9d57); border-color: transparent; } .btn.btn-gradient-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5); } .btn.btn-gradient-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-success:hover { -webkit-animation: none; } .btn.btn-light-success { background: rgba(40, 199, 111, 0.3); border-color: transparent; color: #197b44; } .btn.btn-light-success:not(:disabled):not(.disabled):hover, .btn.btn-light-success:not(:disabled):not(.disabled):focus, .btn.btn-light-success:not(:disabled):not(.disabled):active { background: rgba(40, 199, 111, 0.5); border-color: transparent; } .btn.btn-light-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.2); } .btn.btn-light-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-success:hover { -webkit-animation: none; } .btn.btn-outline-success { background: none; border-color: #28c76f; color: #24b263; border-width: 1px; } .btn.btn-outline-success:not(:disabled):not(.disabled):hover { background: #28c76f; border-color: #28c76f; color: white; } .btn.btn-outline-success:not(:disabled):not(.disabled):focus, .btn.btn-outline-success:not(:disabled):not(.disabled):active { background: #1e9453; border-color: #1e9453; color: white; } .btn.btn-outline-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4); } .btn.btn-outline-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-success:hover { -webkit-animation: none; } .btn.btn-danger { background: #ea5455; border-color: #ea5455; } .btn.btn-danger:not(:disabled):not(.disabled):hover, .btn.btn-danger:not(:disabled):not(.disabled):focus, .btn.btn-danger:not(:disabled):not(.disabled):active { background: #e42728; border-color: #e42728; } .btn.btn-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4) !important; } .btn.btn-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-danger:hover { -webkit-animation: none; } .btn.btn-gradient-danger { background: linear-gradient(20deg, #f29899, #e42728); border-color: transparent; color: white; } .btn.btn-gradient-danger:not(:disabled):not(.disabled):hover, .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus, .btn.btn-gradient-danger:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #ea5455, #e42728); border-color: transparent; } .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5); } .btn.btn-gradient-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-danger:hover { -webkit-animation: none; } .btn.btn-light-danger { background: rgba(234, 84, 85, 0.3); border-color: transparent; color: #c9191a; } .btn.btn-light-danger:not(:disabled):not(.disabled):hover, .btn.btn-light-danger:not(:disabled):not(.disabled):focus, .btn.btn-light-danger:not(:disabled):not(.disabled):active { background: rgba(234, 84, 85, 0.5); border-color: transparent; } .btn.btn-light-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.2); } .btn.btn-light-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-danger:hover { -webkit-animation: none; } .btn.btn-outline-danger { background: none; border-color: #ea5455; color: #e73d3e; border-width: 1px; } .btn.btn-outline-danger:not(:disabled):not(.disabled):hover { background: #ea5455; border-color: #ea5455; color: white; } .btn.btn-outline-danger:not(:disabled):not(.disabled):focus, .btn.btn-outline-danger:not(:disabled):not(.disabled):active { background: #e31d1f; border-color: #e31d1f; color: white; } .btn.btn-outline-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4); } .btn.btn-outline-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-danger:hover { -webkit-animation: none; } .btn.btn-warning { background: #ff9f43; border-color: #ff9f43; } .btn.btn-warning:not(:disabled):not(.disabled):hover, .btn.btn-warning:not(:disabled):not(.disabled):focus, .btn.btn-warning:not(:disabled):not(.disabled):active { background: #ff8510; border-color: #ff8510; } .btn.btn-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4) !important; } .btn.btn-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-warning:hover { -webkit-animation: none; } .btn.btn-gradient-warning { background: linear-gradient(20deg, #ffc690, #ff8510); border-color: transparent; color: white; color: #212529; } .btn.btn-gradient-warning:not(:disabled):not(.disabled):hover, .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus, .btn.btn-gradient-warning:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #ff9f43, #ff8510); border-color: transparent; } .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5); } .btn.btn-gradient-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-warning:hover { -webkit-animation: none; } .btn.btn-light-warning { background: rgba(255, 159, 67, 0.3); border-color: transparent; color: #e67100; } .btn.btn-light-warning:not(:disabled):not(.disabled):hover, .btn.btn-light-warning:not(:disabled):not(.disabled):focus, .btn.btn-light-warning:not(:disabled):not(.disabled):active { background: rgba(255, 159, 67, 0.5); border-color: transparent; } .btn.btn-light-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.2); } .btn.btn-light-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-warning:hover { -webkit-animation: none; } .btn.btn-outline-warning { background: none; border-color: #ff9f43; color: #ff922a; border-width: 1px; } .btn.btn-outline-warning:not(:disabled):not(.disabled):hover { background: #ff9f43; border-color: #ff9f43; color: white; } .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, .btn.btn-outline-warning:not(:disabled):not(.disabled):active { background: #ff8006; border-color: #ff8006; color: white; } .btn.btn-outline-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4); } .btn.btn-outline-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-warning:hover { -webkit-animation: none; } .btn.btn-outline-warning:not(:disabled):not(.disabled):hover, .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, .btn.btn-outline-warning:not(:disabled):not(.disabled):active { color: #212529; } .btn.btn-info { background: #33b5e5; border-color: #33b5e5; } .btn.btn-info:not(:disabled):not(.disabled):hover, .btn.btn-info:not(:disabled):not(.disabled):focus, .btn.btn-info:not(:disabled):not(.disabled):active { background: #1a9bcb; border-color: #1a9bcb; } .btn.btn-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4) !important; } .btn.btn-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-info:hover { -webkit-animation: none; } .btn.btn-gradient-info { background: linear-gradient(20deg, #77ceee, #1a9bcb); border-color: transparent; color: white; } .btn.btn-gradient-info:not(:disabled):not(.disabled):hover, .btn.btn-gradient-info:not(:disabled):not(.disabled):focus, .btn.btn-gradient-info:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #33b5e5, #1a9bcb); border-color: transparent; } .btn.btn-gradient-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.5); } .btn.btn-gradient-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-info:hover { -webkit-animation: none; } .btn.btn-light-info { background: rgba(51, 181, 229, 0.3); border-color: transparent; color: #1580a7; } .btn.btn-light-info:not(:disabled):not(.disabled):hover, .btn.btn-light-info:not(:disabled):not(.disabled):focus, .btn.btn-light-info:not(:disabled):not(.disabled):active { background: rgba(51, 181, 229, 0.5); border-color: transparent; } .btn.btn-light-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.2); } .btn.btn-light-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-info:hover { -webkit-animation: none; } .btn.btn-outline-info { background: none; border-color: #33b5e5; color: #1dade2; border-width: 1px; } .btn.btn-outline-info:not(:disabled):not(.disabled):hover { background: #33b5e5; border-color: #33b5e5; color: white; } .btn.btn-outline-info:not(:disabled):not(.disabled):focus, .btn.btn-outline-info:not(:disabled):not(.disabled):active { background: #1994c2; border-color: #1994c2; color: white; } .btn.btn-outline-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4); } .btn.btn-outline-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-info:hover { -webkit-animation: none; } .btn.btn-light, .fc .btn.fc-state-default { background: #afb8bd; border-color: #afb8bd; } .btn.btn-light:not(:disabled):not(.disabled):hover, .fc .btn.fc-state-default:not(:disabled):not(.disabled):hover, .btn.btn-light:not(:disabled):not(.disabled):focus, .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus, .btn.btn-light:not(:disabled):not(.disabled):active, .fc .btn.fc-state-default:not(:disabled):not(.disabled):active { background: #939fa6; border-color: #939fa6; } .btn.btn-light:not(:disabled):not(.disabled):focus, .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4) !important; } .btn.btn-light.btn-pulse:not(:disabled):not(.disabled), .fc .btn.btn-pulse.fc-state-default:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light:hover, .fc .btn.fc-state-default:hover { -webkit-animation: none; } .btn.btn-gradient-light { background: linear-gradient(20deg, #d9dde0, #939fa6); border-color: transparent; color: white; color: inherit; } .btn.btn-gradient-light:not(:disabled):not(.disabled):hover, .btn.btn-gradient-light:not(:disabled):not(.disabled):focus, .btn.btn-gradient-light:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #afb8bd, #939fa6); border-color: transparent; } .btn.btn-gradient-light:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.5); } .btn.btn-gradient-light.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-light:hover { -webkit-animation: none; } .btn.btn-outline-light { background: none; border-color: #afb8bd; color: #a1acb1; border-width: 1px; color: #212529; } .btn.btn-outline-light:not(:disabled):not(.disabled):hover { background: #afb8bd; border-color: #afb8bd; color: white; } .btn.btn-outline-light:not(:disabled):not(.disabled):focus, .btn.btn-outline-light:not(:disabled):not(.disabled):active { background: #8d9aa1; border-color: #8d9aa1; color: white; } .btn.btn-outline-light:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4); } .btn.btn-outline-light.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-light:hover { -webkit-animation: none; } .btn.btn-outline-light:not(:disabled):not(.disabled):hover, .btn.btn-outline-light:not(:disabled):not(.disabled):focus, .btn.btn-outline-light:not(:disabled):not(.disabled):active { color: #212529; } .btn.btn-dark { background: #293134; border-color: #293134; } .btn.btn-dark:not(:disabled):not(.disabled):hover, .btn.btn-dark:not(:disabled):not(.disabled):focus, .btn.btn-dark:not(:disabled):not(.disabled):active { background: #131617; border-color: #131617; } .btn.btn-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4) !important; } .btn.btn-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-dark:hover { -webkit-animation: none; } .btn.btn-gradient-dark { background: linear-gradient(20deg, #4b595f, #131617); border-color: transparent; color: white; } .btn.btn-gradient-dark:not(:disabled):not(.disabled):hover, .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus, .btn.btn-gradient-dark:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #293134, #131617); border-color: transparent; } .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.5); } .btn.btn-gradient-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-dark:hover { -webkit-animation: none; } .btn.btn-light-dark { background: rgba(41, 49, 52, 0.3); border-color: transparent; color: #010101; } .btn.btn-light-dark:not(:disabled):not(.disabled):hover, .btn.btn-light-dark:not(:disabled):not(.disabled):focus, .btn.btn-light-dark:not(:disabled):not(.disabled):active { background: rgba(41, 49, 52, 0.5); border-color: transparent; } .btn.btn-light-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.2); } .btn.btn-light-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-dark:hover { -webkit-animation: none; } .btn.btn-outline-dark { background: none; border-color: #293134; color: #1e2426; border-width: 1px; } .btn.btn-outline-dark:not(:disabled):not(.disabled):hover { background: #293134; border-color: #293134; color: white; } .btn.btn-outline-dark:not(:disabled):not(.disabled):focus, .btn.btn-outline-dark:not(:disabled):not(.disabled):active { background: #0e1112; border-color: #0e1112; color: white; } .btn.btn-outline-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4); } .btn.btn-outline-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-dark:hover { -webkit-animation: none; } .btn.btn-facebook { background: #3b5998; border-color: #3b5998; color: white; } .btn.btn-facebook:not(:disabled):not(.disabled):hover, .btn.btn-facebook:not(:disabled):not(.disabled):focus, .btn.btn-facebook:not(:disabled):not(.disabled):active { background: #2d4373; border-color: #2d4373; } .btn.btn-facebook:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4) !important; } .btn.btn-facebook.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-facebook:hover { -webkit-animation: none; } .btn.btn-outline-facebook { background: none; border-color: #3b5998; color: #344e86; border-width: 1px; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):hover { background: #3b5998; border-color: #3b5998; color: white; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus, .btn.btn-outline-facebook:not(:disabled):not(.disabled):active { background: #2a3f6c; border-color: #2a3f6c; color: white; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4); } .btn.btn-outline-facebook.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-facebook:hover { -webkit-animation: none; } .btn.btn-google { background: #db4437; border-color: #db4437; color: white; } .btn.btn-google:not(:disabled):not(.disabled):hover, .btn.btn-google:not(:disabled):not(.disabled):focus, .btn.btn-google:not(:disabled):not(.disabled):active { background: #bd2e22; border-color: #bd2e22; } .btn.btn-google:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4) !important; } .btn.btn-google.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-google:hover { -webkit-animation: none; } .btn.btn-outline-google { background: none; border-color: #db4437; color: #d33426; border-width: 1px; } .btn.btn-outline-google:not(:disabled):not(.disabled):hover { background: #db4437; border-color: #db4437; color: white; } .btn.btn-outline-google:not(:disabled):not(.disabled):focus, .btn.btn-outline-google:not(:disabled):not(.disabled):active { background: #b42c20; border-color: #b42c20; color: white; } .btn.btn-outline-google:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4); } .btn.btn-outline-google.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-google:hover { -webkit-animation: none; } .btn.btn-twitter { background: #55acee; border-color: #55acee; color: white; } .btn.btn-twitter:not(:disabled):not(.disabled):hover, .btn.btn-twitter:not(:disabled):not(.disabled):focus, .btn.btn-twitter:not(:disabled):not(.disabled):active { background: #2795e9; border-color: #2795e9; } .btn.btn-twitter:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4) !important; } .btn.btn-twitter.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-twitter:hover { -webkit-animation: none; } .btn.btn-outline-twitter { background: none; border-color: #55acee; color: #3ea1ec; border-width: 1px; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):hover { background: #55acee; border-color: #55acee; color: white; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus, .btn.btn-outline-twitter:not(:disabled):not(.disabled):active { background: #1d91e8; border-color: #1d91e8; color: white; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4); } .btn.btn-outline-twitter.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-twitter:hover { -webkit-animation: none; } .btn.btn-linkedin { background: #0077b5; border-color: #0077b5; color: white; } .btn.btn-linkedin:not(:disabled):not(.disabled):hover, .btn.btn-linkedin:not(:disabled):not(.disabled):focus, .btn.btn-linkedin:not(:disabled):not(.disabled):active { background: #005582; border-color: #005582; } .btn.btn-linkedin:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4) !important; } .btn.btn-linkedin.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-linkedin:hover { -webkit-animation: none; } .btn.btn-outline-linkedin { background: none; border-color: #0077b5; color: #00669c; border-width: 1px; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):hover { background: #0077b5; border-color: #0077b5; color: white; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus, .btn.btn-outline-linkedin:not(:disabled):not(.disabled):active { background: #004f78; border-color: #004f78; color: white; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4); } .btn.btn-outline-linkedin.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-linkedin:hover { -webkit-animation: none; } .btn.btn-whatsapp { background: #43d854; border-color: #43d854; color: white; } .btn.btn-whatsapp:not(:disabled):not(.disabled):hover, .btn.btn-whatsapp:not(:disabled):not(.disabled):focus, .btn.btn-whatsapp:not(:disabled):not(.disabled):active { background: #28c039; border-color: #28c039; } .btn.btn-whatsapp:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4) !important; } .btn.btn-whatsapp.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-whatsapp:hover { -webkit-animation: none; } .btn.btn-outline-whatsapp { background: none; border-color: #43d854; color: #2ed441; border-width: 1px; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):hover { background: #43d854; border-color: #43d854; color: white; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus, .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):active { background: #26b837; border-color: #26b837; color: white; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4); } .btn.btn-outline-whatsapp.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-whatsapp:hover { -webkit-animation: none; } .btn.btn-instagram { background: #3f729b; border-color: #3f729b; color: white; } .btn.btn-instagram:not(:disabled):not(.disabled):hover, .btn.btn-instagram:not(:disabled):not(.disabled):focus, .btn.btn-instagram:not(:disabled):not(.disabled):active { background: #305777; border-color: #305777; } .btn.btn-instagram:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4) !important; } .btn.btn-instagram.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-instagram:hover { -webkit-animation: none; } .btn.btn-outline-instagram { background: none; border-color: #3f729b; color: #386589; border-width: 1px; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):hover { background: #3f729b; border-color: #3f729b; color: white; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus, .btn.btn-outline-instagram:not(:disabled):not(.disabled):active { background: #2d526f; border-color: #2d526f; color: white; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4); } .btn.btn-outline-instagram.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-instagram:hover { -webkit-animation: none; } .btn.btn-dribbble { background: #ea4c89; border-color: #ea4c89; color: white; } .btn.btn-dribbble:not(:disabled):not(.disabled):hover, .btn.btn-dribbble:not(:disabled):not(.disabled):focus, .btn.btn-dribbble:not(:disabled):not(.disabled):active { background: #e51e6b; border-color: #e51e6b; } .btn.btn-dribbble:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4) !important; } .btn.btn-dribbble.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-dribbble:hover { -webkit-animation: none; } .btn.btn-outline-dribbble { background: none; border-color: #ea4c89; color: #e7357a; border-width: 1px; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):hover { background: #ea4c89; border-color: #ea4c89; color: white; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus, .btn.btn-outline-dribbble:not(:disabled):not(.disabled):active { background: #df1a66; border-color: #df1a66; color: white; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4); } .btn.btn-outline-dribbble.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-dribbble:hover { -webkit-animation: none; } .btn.btn-youtube { background: #cd201f; border-color: #cd201f; color: white; } .btn.btn-youtube:not(:disabled):not(.disabled):hover, .btn.btn-youtube:not(:disabled):not(.disabled):focus, .btn.btn-youtube:not(:disabled):not(.disabled):active { background: #a11918; border-color: #a11918; } .btn.btn-youtube:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4) !important; } .btn.btn-youtube.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-youtube:hover { -webkit-animation: none; } .btn.btn-outline-youtube { background: none; border-color: #cd201f; color: #b71d1c; border-width: 1px; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):hover { background: #cd201f; border-color: #cd201f; color: white; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus, .btn.btn-outline-youtube:not(:disabled):not(.disabled):active { background: #981817; border-color: #981817; color: white; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4); } .btn.btn-outline-youtube.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-youtube:hover { -webkit-animation: none; } .btn.btn-github { background: #00405d; border-color: #00405d; color: white; } .btn.btn-github:not(:disabled):not(.disabled):hover, .btn.btn-github:not(:disabled):not(.disabled):focus, .btn.btn-github:not(:disabled):not(.disabled):active { background: #001d2a; border-color: #001d2a; } .btn.btn-github:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4) !important; } .btn.btn-github.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-github:hover { -webkit-animation: none; } .btn.btn-outline-github { background: none; border-color: #00405d; color: #002e44; border-width: 1px; } .btn.btn-outline-github:not(:disabled):not(.disabled):hover { background: #00405d; border-color: #00405d; color: white; } .btn.btn-outline-github:not(:disabled):not(.disabled):focus, .btn.btn-outline-github:not(:disabled):not(.disabled):active { background: #001620; border-color: #001620; color: white; } .btn.btn-outline-github:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4); } .btn.btn-outline-github.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-github:hover { -webkit-animation: none; } .btn.btn-behance { background: #1769ff; border-color: #1769ff; color: white; } .btn.btn-behance:not(:disabled):not(.disabled):hover, .btn.btn-behance:not(:disabled):not(.disabled):focus, .btn.btn-behance:not(:disabled):not(.disabled):active { background: #0050e3; border-color: #0050e3; } .btn.btn-behance:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4) !important; } .btn.btn-behance.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-behance:hover { -webkit-animation: none; } .btn.btn-outline-behance { background: none; border-color: #1769ff; color: #0059fd; border-width: 1px; } .btn.btn-outline-behance:not(:disabled):not(.disabled):hover { background: #1769ff; border-color: #1769ff; color: white; } .btn.btn-outline-behance:not(:disabled):not(.disabled):focus, .btn.btn-outline-behance:not(:disabled):not(.disabled):active { background: #004dd9; border-color: #004dd9; color: white; } .btn.btn-outline-behance:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4); } .btn.btn-outline-behance.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-behance:hover { -webkit-animation: none; } .btn.btn-skype { background: #00aff0; border-color: #00aff0; color: white; } .btn.btn-skype:not(:disabled):not(.disabled):hover, .btn.btn-skype:not(:disabled):not(.disabled):focus, .btn.btn-skype:not(:disabled):not(.disabled):active { background: #008abd; border-color: #008abd; } .btn.btn-skype:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4) !important; } .btn.btn-skype.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-skype:hover { -webkit-animation: none; } .btn.btn-outline-skype { background: none; border-color: #00aff0; color: #009cd7; border-width: 1px; } .btn.btn-outline-skype:not(:disabled):not(.disabled):hover { background: #00aff0; border-color: #00aff0; color: white; } .btn.btn-outline-skype:not(:disabled):not(.disabled):focus, .btn.btn-outline-skype:not(:disabled):not(.disabled):active { background: #0082b3; border-color: #0082b3; color: white; } .btn.btn-outline-skype:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4); } .btn.btn-outline-skype.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-skype:hover { -webkit-animation: none; } .btn.btn-yahoo { background: #410093; border-color: #410093; color: white; } .btn.btn-yahoo:not(:disabled):not(.disabled):hover, .btn.btn-yahoo:not(:disabled):not(.disabled):focus, .btn.btn-yahoo:not(:disabled):not(.disabled):active { background: #2a0060; border-color: #2a0060; } .btn.btn-yahoo:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4) !important; } .btn.btn-yahoo.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-yahoo:hover { -webkit-animation: none; } .btn.btn-outline-yahoo { background: none; border-color: #410093; color: #36007a; border-width: 1px; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):hover { background: #410093; border-color: #410093; color: white; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus, .btn.btn-outline-yahoo:not(:disabled):not(.disabled):active { background: #260056; border-color: #260056; color: white; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4); } .btn.btn-outline-yahoo.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-yahoo:hover { -webkit-animation: none; } .btn.btn-apple, .btn.btn-google-play { border-radius: 7px; } .btn.btn-apple img, .btn.btn-google-play img { width: 35px; margin-right: 10px; } .btn.btn-apple i, .btn.btn-google-play i { font-size: 40px; margin-right: 10px; } .btn.btn-apple > span, .btn.btn-google-play > span { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left; } .btn.btn-apple > span span:nth-child(2), .btn.btn-google-play > span span:nth-child(2) { font-size: 20px; font-weight: 600; margin-top: 5px; } .btn.btn-apple:hover, .btn.btn-apple:active, .btn.btn-apple:focus, .btn.btn-google-play:hover, .btn.btn-google-play:active, .btn.btn-google-play:focus { background: #040507; color: white; } .btn.btn-apple { border: 1px solid #040507; color: #040507; } .btn.btn-google-play { background: #040507; color: white; } .btn.btn-google-play > span span:nth-child(1) { text-transform: uppercase; font-size: 12px; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } .progress .progress-bar.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 1rem 1rem !important; } .progress .progress-bar:not(.progress-bar-striped) { background: #0081ff; } .dropdown { display: inline; } .dropdown-menu { margin-top: -10px; visibility: hidden; opacity: 0; height: 0; display: block !important; -webkit-transition: margin-top 0.3s, opacity 0.3s; transition: margin-top 0.3s, opacity 0.3s; border-top: 1px solid #eee !important; } .dropdown-menu ul.list-group { max-height: 300px; } .dropdown-menu.show { margin-top: 0; visibility: visible; opacity: 1; height: auto; } .dropdown-header { font-size: inherit; padding: 10px 20px; border-bottom: 1px solid #f0f0f0; } .dropdown-body { padding: 10px 20px; } .dropdown-menu { border-radius: 0.5rem; font-size: 14px; border: none; box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.15); overflow: hidden; } .dropdown-menu.dropdown-menu-big { padding: 0; width: 300px; } .dropdown-menu .dropdown-menu-body { max-height: 400px; overflow: auto; } .dropdown-menu .dropdown-menu-title { background-color: #0081ff; padding: 15px 20px; color: white; background-size: cover !important; background-position: center !important; } .dropdown-menu .dropdown-menu-footer { padding: 10px 20px; } .dropdown-menu ul li.dropdown-menu-title { background: red; margin: 5px 0; padding: 0px 20px 5px; border-bottom: 1px solid #ebebeb; } .dropdown-menu ul li.dropdown-menu-title:first-child { margin-top: 0; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active { background: #f5f5f5; text-decoration: none; color: #0081ff; } table .dropdown { line-height: initial; } .badge { padding: 5px 10px; font-size: 11px; } .badge.badge-success { background: #28c76f; } .badge.badge-danger { background: #ea5455; } .badge.badge-secondary { background: #aa66cc; } .badge.badge-info { background: #33b5e5; } .badge.badge-warning { background: #ff9f43; } .badge.badge-dark { background: #293134; } .badge.badge-primary { background: #0081ff; } .badge.badge-light { background: #afb8bd; } .btn { position: relative; } .btn .badge { padding: 2px 6px; right: 7px; top: -7px; position: absolute; } .collapse .card, .collapse .app-block .app-content .app-action, .app-block .app-content .collapse .app-action, .collapse .chat-block { border: 1px solid #e1e1e1; box-shadow: none; } .media > img, .media > a > img, .header form .input-group .input-group-append .media > button.btn > img { width: 80px; } .accordion .card, .accordion .app-block .app-content .app-action, .app-block .app-content .accordion .app-action, .accordion .chat-block { margin-bottom: 0; border: 1px solid #ebebeb; } .accordion .card .card-header, .accordion .app-block .app-content .app-action .card-header, .app-block .app-content .accordion .app-action .card-header, .accordion .chat-block .card-header { display: -webkit-box; display: flex; height: 50px; padding: 0 10px; -webkit-box-align: center; align-items: center; } .accordion .card .card-header button, .accordion .app-block .app-content .app-action .card-header button, .app-block .app-content .accordion .app-action .card-header button, .accordion .chat-block .card-header button { display: block; } .accordion.custom-accordion { border: 1px solid #ebebeb; border-radius: 5px; overflow: hidden; } .accordion.custom-accordion .accordion-row a.accordion-header, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn { color: #293134; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 10px 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-top: -1px; } .accordion.custom-accordion .accordion-row a.accordion-header .accordion-status-icon.open, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn .accordion-status-icon.open { display: none; } .accordion.custom-accordion .accordion-row a.accordion-header:hover, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:hover, .accordion.custom-accordion .accordion-row a.accordion-header:focus, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus { color: #0081ff; } .accordion.custom-accordion .accordion-row .accordion-body { display: none; padding: 10px 20px; } .accordion.custom-accordion .accordion-row.open a.accordion-header, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn { background: white; } .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.open, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.open { display: block; } .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.close, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.close, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.close { display: none; } .accordion.custom-accordion .accordion-row.open .accordion-body { display: block; } .accordion.custom-accordion .accordion-row:first-child a.accordion-header, .accordion.custom-accordion .accordion-row:first-child .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row:first-child button.accordion-header.btn { border-top: none; } .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus { color: #0081ff; } .accordion.custom-accordion.accordion-primary .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn { background: #0081ff; color: white; } .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:focus { color: #28c76f; } .accordion.custom-accordion.accordion-success .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-success .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row.open button.accordion-header.btn { background: #28c76f; color: white; } .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:focus { color: #ea5455; } .accordion.custom-accordion.accordion-danger .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-danger .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row.open button.accordion-header.btn { background: #ea5455; color: white; } .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:focus { color: #aa66cc; } .accordion.custom-accordion.accordion-secondary .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-secondary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row.open button.accordion-header.btn { background: #aa66cc; color: white; } .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:focus { color: #293134; } .accordion.custom-accordion.accordion-light .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-light .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row.open button.accordion-header.btn { background: #afb8bd; color: #293134; } .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:focus { color: #ff9f43; } .accordion.custom-accordion.accordion-warning .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-warning .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row.open button.accordion-header.btn { background: #ff9f43; color: #293134; } .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:focus { color: #33b5e5; } .accordion.custom-accordion.accordion-info .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-info .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row.open button.accordion-header.btn { background: #33b5e5; color: white; } .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:focus { color: #293134; } .accordion.custom-accordion.accordion-dark .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-dark .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row.open button.accordion-header.btn { background: #293134; color: white; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .gallery-container img { width: 100%; } .daterangepicker td.active { background: #0081ff; } .daterangepicker td.active:hover { background: #0081ff; } .daterangepicker .ranges li.active { background: #0081ff; } .alert { border-color: transparent !important; } .alert .close { height: 100%; width: 44px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0; display: -webkit-box; display: flex; } .alert .close > * { font-size: initial; text-shadow: none; line-height: 0; } .alert.alert-primary { background: rgba(0, 129, 255, 0.3) !important; } .alert.alert-primary.alert-with-border { border-left: 3px solid #0081ff !important; } .alert.alert-secondary { background: rgba(170, 102, 204, 0.3) !important; } .alert.alert-secondary.alert-with-border { border-left: 3px solid #aa66cc !important; } .alert.alert-success { background: rgba(40, 199, 111, 0.3) !important; } .alert.alert-success.alert-with-border { border-left: 3px solid #28c76f !important; } .alert.alert-danger { background: rgba(234, 84, 85, 0.3) !important; } .alert.alert-danger.alert-with-border { border-left: 3px solid #ea5455 !important; } .alert.alert-warning { background: rgba(255, 159, 67, 0.3) !important; } .alert.alert-warning.alert-with-border { border-left: 3px solid #ff9f43 !important; } .alert.alert-info { background: rgba(51, 181, 229, 0.3) !important; } .alert.alert-info.alert-with-border { border-left: 3px solid #33b5e5 !important; } .alert.alert-dark { background: #d4d5d8 !important; color: #293134 !important; } .alert.alert-dark.alert-with-border { border-left: 3px solid #293134 !important; } .breadcrumb { background: none; padding: 0; margin-bottom: 30px; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-family: "themify"; content: "\E649"; font-size: 10px; margin-right: 0; } .breadcrumb .breadcrumb-item:before { font-family: "themify"; content: "\E69B"; margin-right: 0.5rem; } .breadcrumb .breadcrumb-item.active { color: #0081ff; } .notify .alert { border: none; box-shadow: 0 2px 10px 0 rgba(24, 28, 33, 0.04); } .notify .alert .alert-heading { font-size: 16px; font-weight: 600; } .notify.open { -webkit-transform: translate(0); transform: translate(0); } .pagination .page-item.active .page-link { background: #0081ff; border-color: transparent; } .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus { text-decoration: none; } .pagination.pagination-rounded .page-item { margin: 0 5px; } .pagination.pagination-rounded .page-item .page-link { border-radius: 50%; padding: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 40px; width: 40px; } .pagination.pagination-rounded.pagination-sm .page-link { height: 30px; width: 30px; } .pagination.pagination-rounded.pagination-lg .page-link { height: 60px; width: 60px; } .tourStep { border: none; } .tourStep.right { margin-left: 10px; } .tourStep.left { margin-right: 10px; } .tourStep.top { margin-top: -10px; } .tourStep.bottom { margin-top: 10px; } .tourStep .popover-navigation { border-top: 1px solid #ddd; padding: 0.5rem 0.75rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .tourStep .popover-navigation span { font-size: 12px; color: #9b9b9b; } .tourStep .popover-navigation .popover-navigation-buttons { margin-left: auto; } .tourStep .popover-navigation .popover-navigation-buttons .btn { margin-left: 5px; } .swal-modal { border-radius: 0.5rem; } .swal-modal .swal-title { font-size: 20px; } .swal-modal .swal-text { text-align: center; } .swal-modal .swal-button { padding: 0.375rem 0.75rem; } .swal-modal .swal-button.swal-button--confirm { background: #0081ff; } .swal-modal .swal-button.swal-button--danger { background: #ea5455; } .swal-modal .swal-button.swal-button--cancel { background: #afb8bd; } .swal-modal .swal-icon--error { border-color: #f4a6a6; } .swal-modal .swal-icon--error .swal-icon--error__line { background: #f4a6a6; } .irs .irs-single, .irs .irs-to, .irs .irs-from { background: #0081ff; } .irs .irs-single:before, .irs .irs-to:before, .irs .irs-from:before { border-top-color: #0081ff; } .irs .irs-handle { border-color: #0081ff; } .irs .irs-bar { background: #0081ff; } .select2 { width: 100% !important; } .select2.select2-container .select2-selection { border: 1px solid #ced4da; } .select2.select2-container .select2-selection .select2-selection__placeholder { line-height: calc(2.25rem + 2px); } .select2.select2-container .select2-selection .select2-selection__arrow { height: calc(2.25rem + 2px); width: 30px; } .select2.select2-container .select2-selection .select2-selection__choice { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border: none; } .select2.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove { font-size: 16px; padding: 0 5px 0 3px; } .select2.select2-container .select2-selection.select2-container--focus { border-color: red; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0081ff; color: white; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(0, 129, 255, 0.8); } .select2-container--default .select2-search--dropdown .select2-search__field { height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; } body.modal-open .modal.fade .modal-dialog { -webkit-transform: translate(0, 0) scale(0.9); transform: translate(0, 0) scale(0.9); } body.modal-open .modal.show .modal-dialog { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .modal .modal-dialog .modal-content { border: none; box-shadow: none; border-radius: 0.5rem; } .modal .modal-dialog .modal-content .modal-header { height: 60px; padding: 0 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #ebebeb; border-bottom: none; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 17px; font-weight: 600; } .modal .modal-dialog .modal-content .modal-header button.close { background-color: white; text-shadow: none; opacity: 1; margin: 0; font-size: 23px; padding: 0; width: 30px; height: 30px; display: -webkit-box; display: flex; border-radius: 50%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .modal .modal-dialog .modal-content .modal-header button.close:hover { color: #646464; } .modal .modal-dialog .modal-content .modal-header button.close > * { font-size: initial; } .modal .modal-dialog .modal-content .modal-body { padding: 1.5rem; } .modal .modal-dialog .modal-content .modal-footer { height: 60px; } .wickedpicker { border: none; box-shadow: 0 2px 15px 0 rgba(69, 65, 78, 0.18); width: auto; border-radius: 0; height: auto; } .wickedpicker .wickedpicker__controls { padding: 10px 15px; } .wickedpicker .wickedpicker__controls__control { width: 40px; } .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-up:before { content: "\F077"; font: normal normal normal 14px/1 FontAwesome; } .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-down:after { content: "\F078"; font: normal normal normal 14px/1 FontAwesome; } .wickedpicker .wickedpicker__controls__control .hover-state { color: #0081ff; } .wickedpicker .wickedpicker__title { display: none; } .clearable-picker { position: relative; } .clearable-picker [data-clear-picker] { cursor: pointer; font-size: 20px; position: absolute; right: 10px; top: 50%; height: 17px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 17px; color: #646464; margin-top: -8.5px; bottom: 0; } .avatar { display: inline-block; margin-bottom: 0; height: 3rem; width: 3rem; border-radius: 50%; } .avatar .avatar-title { background: #d7d7d7; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-transform: uppercase; font-size: 19px; } .avatar > a, .header form .input-group .input-group-append .avatar > button.btn { width: 100%; height: 100%; display: block; -webkit-transition: color 0.3s; transition: color 0.3s; color: #0081ff; } .avatar > a:hover, .header form .input-group .input-group-append .avatar > button.btn:hover, .avatar > a:focus, .header form .input-group .input-group-append .avatar > button.btn:focus { color: #646464; } .avatar > a > img, .header form .input-group .input-group-append .avatar > button.btn > img, .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar.avatar-sm { height: 2rem; width: 2rem; } .avatar.avatar-sm .avatar-title { font-size: 14px; } .avatar.avatar-sm.avatar-state-primary:before, .avatar.avatar-sm.avatar-state-success:before, .avatar.avatar-sm.avatar-state-danger:before, .avatar.avatar-sm.avatar-state-warning:before, .avatar.avatar-sm.avatar-state-info:before, .avatar.avatar-sm.avatar-state-secondary:before, .avatar.avatar-sm.avatar-state-light:before, .avatar.avatar-sm.avatar-state-dark:before { width: 0.8rem; height: 0.8rem; } .avatar.avatar-lg { height: 4.5rem; width: 4.5rem; } .avatar.avatar-lg .avatar-title { font-size: 29px; } .avatar.avatar-lg.avatar-state-primary:before, .avatar.avatar-lg.avatar-state-success:before, .avatar.avatar-lg.avatar-state-danger:before, .avatar.avatar-lg.avatar-state-warning:before, .avatar.avatar-lg.avatar-state-info:before, .avatar.avatar-lg.avatar-state-secondary:before, .avatar.avatar-lg.avatar-state-light:before, .avatar.avatar-lg.avatar-state-dark:before { width: 1.3rem; height: 1.3rem; right: 4px; } .avatar.avatar-xl { height: 5.8rem; width: 5.8rem; } .avatar.avatar-xl .avatar-title { font-size: 39px; } .avatar.avatar-xl.avatar-state-primary:before, .avatar.avatar-xl.avatar-state-success:before, .avatar.avatar-xl.avatar-state-danger:before, .avatar.avatar-xl.avatar-state-warning:before, .avatar.avatar-xl.avatar-state-info:before, .avatar.avatar-xl.avatar-state-secondary:before, .avatar.avatar-xl.avatar-state-light:before, .avatar.avatar-xl.avatar-state-dark:before { width: 1.6rem; height: 1.6rem; top: 3px; right: 3px; } .avatar.avatar-state-primary, .avatar.avatar-state-success, .avatar.avatar-state-danger, .avatar.avatar-state-warning, .avatar.avatar-state-info, .avatar.avatar-state-secondary, .avatar.avatar-state-light, .avatar.avatar-state-dark { position: relative; } .avatar.avatar-state-primary:before, .avatar.avatar-state-success:before, .avatar.avatar-state-danger:before, .avatar.avatar-state-warning:before, .avatar.avatar-state-info:before, .avatar.avatar-state-secondary:before, .avatar.avatar-state-light:before, .avatar.avatar-state-dark:before { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; border-radius: 50%; top: 0px; right: 0px; border: 3px solid white; } .avatar.avatar-state-primary:before { background: #0081ff; } .avatar.avatar-state-success:before { background: #28c76f; } .avatar.avatar-state-danger:before { background: #ea5455; } .avatar.avatar-state-warning:before { background: #ff9f43; } .avatar.avatar-state-info:before { background: #33b5e5; } .avatar.avatar-state-secondary:before { background: #aa66cc; } .avatar.avatar-state-light:before { background: #afb8bd; } .avatar.avatar-state-dark:before { background: #293134; } .avatar-group { display: -webkit-inline-box; display: inline-flex; } .avatar-group .avatar { margin-right: -1rem; border: 2px solid white; } .avatar-group .avatar:last-child { margin-right: 0; } .avatar-group .avatar:hover { position: relative; z-index: 1; } .dropzone { border-width: 1px; border-color: #0081ff; } body.form-membership { background-attachment: fixed; background-size: cover; padding: 3rem 0; } body.form-membership .form-wrapper { background-color: white; box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045); padding: 3rem; border-radius: 0.5rem; width: 430px; margin: 50px auto; text-align: center; } body.form-membership .form-wrapper #logo { margin: 1rem 0 3rem; } body.form-membership .form-wrapper #logo img:not(.logo) { display: none; } body.form-membership .form-wrapper h5 { text-align: center; margin-bottom: 2rem; } body.form-membership .form-wrapper form .form-control, body.form-membership .form-wrapper form .swal-modal input.swal-content__input, .swal-modal body.form-membership .form-wrapper form input.swal-content__input { margin-bottom: 1.5rem; } body.form-membership .form-wrapper hr { margin: 2rem 0; } .user-page { height: 100vh; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: auto; } .user-page .card, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action, .user-page .chat-block { width: 500px; } .user-page .card .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body, .user-page .chat-block .card-body { padding: 50px; } .chat-app { overflow: hidden; padding-bottom: 30px; } .chat-app .content-footer { display: none; } .chat-app.horizontal-navigation .chat-block { height: calc(100vh - 190px); } .chat-app.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { padding-top: 160px; } .chat-block { height: calc(100vh - 135px); border-radius: 0.5rem; overflow: hidden; margin-bottom: 0; } .chat-block .chat-sidebar { padding: 1.5rem; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background-color: #f8fafb; } .chat-block .chat-sidebar .chat-sidebar-header form { margin: 1.5rem 0; } .chat-block .chat-sidebar .chat-sidebar-content { -webkit-box-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: auto; } .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { background: white; border-radius: 0.5rem; border: 1px solid transparent; margin-bottom: 1rem; } .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { color: black; border-color: #0081ff; } .chat-block .chat-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; } .chat-block .chat-content .mobile-chat-close-btn { display: none; } .chat-block .chat-content .chat-header { padding: 1.5rem; } .chat-block .chat-content .messages { padding: 1.5rem; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1; overflow-x: hidden; } .chat-block .chat-content .messages .message-item { margin-bottom: 20px; padding-left: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; } .chat-block .chat-content .messages .message-item .time { margin-left: 1rem; } .chat-block .chat-content .messages .message-item img { max-width: 30%; border-radius: 0.5rem; } .chat-block .chat-content .messages .message-item:not(.message-media):not(.message-item-divider):before { content: ""; border: 10px solid transparent; border-right-color: #f0f0f0; position: absolute; top: 8px; left: -10px; z-index: 1; } .chat-block .chat-content .messages .message-item .message-item-content { max-width: 75%; background-color: #f0f0f0; padding: 7px 15px; line-height: 1.5rem; border-radius: 0.5rem; position: relative; z-index: 2; } .chat-block .chat-content .messages .message-item.me { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; margin-left: auto; padding-left: 0px; padding-right: 10px; } .chat-block .chat-content .messages .message-item.me .time { margin-left: 0; margin-right: 1rem; } .chat-block .chat-content .messages .message-item.me:not(.message-item-divider):before { left: auto; right: -10px; border-left-color: #0081ff; border-right-color: transparent; } .chat-block .chat-content .messages .message-item.me .message-item-content { background-color: #0081ff; color: rgba(255, 255, 255, 0.9); } .chat-block .chat-content .messages .message-item.message-item-divider { width: 100%; display: -webkit-box; display: flex; } .chat-block .chat-content .messages .message-item.message-item-divider span { padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chat-block .chat-content .messages .message-item.message-item-divider:before, .chat-block .chat-content .messages .message-item.message-item-divider:after { content: ""; display: block; height: 1px; background-color: #f0f0f0; -webkit-box-flex: 1; flex: 1; } .chat-block .chat-content .chat-footer { padding: 1.5rem; } .chat-block .chat-content .chat-footer .chat-footer-buttons button { margin-left: 0.5rem; } .table:not(.table-bordered) thead th { border-top: none; border-bottom-width: 1px; font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; } .table:not(.table-bordered) td { vertical-align: middle; line-height: 1; white-space: nowrap; } .table .dropdown-menu { margin-top: 0; } .table.table-lg td { padding: 1.3rem 0.75rem; } .table tr.tr-selected { background-color: whitesmoke; } .table.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .table-responsive-stack tr { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .table-responsive-stack td, .table-responsive-stack th { display: block; -webkit-box-flex: 1; flex: 1 1 auto; } .timeline .timeline-item { padding-bottom: 20px; position: relative; display: -webkit-box; display: flex; } .timeline .timeline-item > div:last-child { -webkit-box-flex: 1; flex: 1; } .timeline .timeline-item::before { content: ""; display: block; position: absolute; width: 1px; bottom: 0px; top: 32px; left: 15px; background: #e1e1e1; } .timeline .timeline-item:last-child { padding-bottom: 0; bottom: 0; } .timeline .timeline-item:last-child::before { display: none; } #external-events .fc-event { border: none; background: none; color: #646464; font-size: 14px; cursor: move; } #external-events .fc-event i { margin-right: 10px; } .fc .fc-center h2 { font-weight: 400; font-size: 19px; color: #828282; } .fc .fc-event { background: #0081ff; color: white !important; border: none; border-radius: 0; margin: 0 3px; padding: 0px 4px; font-size: 11px; line-height: normal; } .fc .fc-event:hover { background: #0151ac; } .fc .fc-event.bg-danger:hover { background: #eb3030 !important; } .fc .fc-event.bg-success:hover { background: #00b43d !important; } .fc .fc-event.bg-info:hover { background: #1fa1d1 !important; } .fc .fc-event.bg-warning:hover { background: #eba71f !important; } .fc .fc-list-table .fc-list-item.bg-danger:hover td { background: #ea5455 !important; } .fc .fc-list-table .fc-list-item.bg-danger .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-success:hover td { background: #28c76f !important; } .fc .fc-list-table .fc-list-item.bg-success .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-info:hover td { background: #33b5e5 !important; } .fc .fc-list-table .fc-list-item.bg-info .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-warning:hover td { background: #ff9f43 !important; } .fc .fc-list-table .fc-list-item.bg-warning .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-primary:hover td { background: #0081ff !important; } .fc .fc-list-table .fc-list-item.bg-primary .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-secondary:hover td { background: #aa66cc !important; } .fc .fc-list-table .fc-list-item.bg-secondary .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-dark:hover td { background: #293134 !important; } .fc .fc-list-table .fc-list-item.bg-dark .fc-event-dot { background: white !important; } .fc .fc-state-default { background-image: none; border: none; box-shadow: none; text-shadow: none; } .fc .fc-state-default.fc-state-active { background: #0081ff; color: white; } .fc .fc-event-dot { background: #cdcdcd !important; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 2; } .list-group .list-group-item.list-group-item-primary { background: #0081ff !important; color: white !important; } .list-group .list-group-item.list-group-item-primary-bright { background: rgba(0, 129, 255, 0.3) !important; color: #0081ff !important; } .list-group .list-group-item.list-group-item-secondary { background: #aa66cc !important; color: white !important; } .list-group .list-group-item.list-group-item-secondary-bright { background: rgba(170, 102, 204, 0.3) !important; color: #aa66cc !important; } .list-group .list-group-item.list-group-item-success { background: #28c76f !important; color: white !important; } .list-group .list-group-item.list-group-item-success-bright { background: rgba(40, 199, 111, 0.3) !important; color: #28c76f !important; } .list-group .list-group-item.list-group-item-danger { background: #ea5455 !important; color: white !important; } .list-group .list-group-item.list-group-item-danger-bright { background: rgba(234, 84, 85, 0.3) !important; color: #ea5455 !important; } .list-group .list-group-item.list-group-item-warning { background: #ff9f43 !important; color: white !important; } .list-group .list-group-item.list-group-item-warning-bright { background: rgba(255, 159, 67, 0.3) !important; color: #ff9f43 !important; } .list-group .list-group-item.list-group-item-info { background: #33b5e5 !important; color: white !important; } .list-group .list-group-item.list-group-item-info-bright { background: rgba(51, 181, 229, 0.3) !important; color: #33b5e5 !important; } .list-group .list-group-item.list-group-item-light { background: #afb8bd !important; } .list-group .list-group-item.list-group-item-dark { background: #293134 !important; color: white !important; } .list-group .list-group-item.list-group-item-dark-bright { background: #d4d5d8 !important; color: #293134 !important; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #0081ff; } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .toast-message button.btn, .toast-message label { color: #ffffff; } .toast-message a:hover, .toast-message .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .toast-message button.btn:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 30px; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 30px; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 30px; left: 33px; } .toast-top-right { top: 33px; right: 33px; } .toast-bottom-right { right: 33px; bottom: 33px; } .toast-bottom-left { bottom: 33px; left: 33px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 0.25rem; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; opacity: 1; } #toast-container > div:hover { cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #293134; border: none; box-shadow: none; } .toast-success { background-color: #28c76f; } .toast-error { background-color: #ea5455; } .toast-info { background-color: #33b5e5; } .toast-warning { background-color: #ff9f43; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); filter: alpha(opacity=20); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .dd-handle { font-weight: normal; } .dd-handle:hover { color: #0081ff; } .dd3-content { font-weight: normal; } .slick-next { right: 5px; } .slick-prev { left: 5px; } .slick-prev, .slick-next { width: 30px; height: 30px; z-index: 1; } .slick-prev:before, .slick-next:before { font-size: 30px; } .slick-slide-item > * { padding: 10px; } .slick-center { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: scale(1.2); transform: scale(1.2); } /* the slides */ .slick-slide { margin: 0 10px; } /* the parent */ .slick-list { margin: 0 -10px; } .stretch-layout { overflow: hidden; } .stretch-layout .app-block { height: calc(100vh - 135px); } .stretch-layout .content-footer { display: none; } .stretch-layout:not(.chat-app).right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 110px !important; } .stretch-layout.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { padding-right: 30px !important; padding-left: 30px !important; } .stretch-layout.horizontal-navigation .app-block { height: calc(100vh - 190px); } .app-block .app-sidebar { height: 100%; } .app-block .app-sidebar > .card, .app-block .app-content .app-sidebar > .app-action, .app-block .app-sidebar > .chat-block { height: 100%; margin-bottom: 0; } .app-block .app-sidebar > .card .card-body, .app-block .app-content .app-sidebar > .app-action .card-body, .app-block .app-sidebar > .chat-block .card-body { -webkit-box-flex: 0; flex: none; } .app-block .app-sidebar .app-sidebar-menu { -webkit-box-flex: 1; flex: 1; } .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active { background: none; color: #0081ff; } .app-block .app-sidebar-menu-button { display: none; } .app-block .app-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; } .app-block .app-content .app-content-overlay { display: none; position: absolute; right: 1rem; border-radius: 8px; left: 1rem; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 8; } .app-block .app-content .app-content-overlay.show { display: block; } .app-block .app-content .app-action { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 1.5rem; } .app-block .app-content .app-action .action-left, .app-block .app-content .app-action .action-right { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .app-block .app-content .app-action .action-right { margin-left: 1rem; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .app-block .app-content .app-action .action-right form { -webkit-box-flex: 1; flex: 1; } .app-block .app-content .app-content-body { margin-bottom: 0; -webkit-box-flex: 1; flex: 1; padding: 0; height: 100%; position: static; overflow: hidden; } .app-block .app-content .app-content-body .app-lists { height: 100%; overflow: auto; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item { padding-top: 15px; padding-bottom: 15px; background: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item:hover { cursor: pointer; background-color: #fafafa; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { background-color: #ebebeb; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { border-color: #ebebeb; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { color: black; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { text-decoration: line-through; } .app-block .app-content .app-content-body .app-detail { margin-bottom: 0; position: absolute; right: 0.9rem; top: 0.5rem; bottom: 0; left: 0.9rem; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .app-block .app-content .app-content-body .app-detail.show { opacity: 1; visibility: visible; top: 0; } .app-block .app-content .app-content-body .app-detail .card-header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1.5rem; border-bottom: 1px solid #ebebeb; } .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-left { display: -webkit-box; display: flex; } .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-right { margin-left: auto; } #compose .ql-toolbar.ql-snow, .app-block .ql-toolbar.ql-snow { border: none; padding: 0; } #compose .ql-editor, .app-block .ql-editor { min-height: 70px; } .app-sortable-handle { cursor: move; } .app-file-list { border: 1px solid #ebebeb; } .app-file-list .app-file-icon { background-color: #f5f5f5; padding: 2rem; text-align: center; font-size: 2rem; border-bottom: 1px solid #ebebeb; border-top-right-radius: 8px; border-top-left-radius: 8px; } .app-file-list:hover { border-color: #d7d7d7; } body:not(.stretch-layout) .app-block .app-content .app-content-body { overflow: visible; } .demo-icon-list { height: 100px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 25px; } @media (max-width: 768px) { .theme-switcher { display: none; } } @media (min-width: 768px) { .theme-switcher { opacity: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: fixed; right: -250px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 9999; -webkit-transition: right 0.3s; transition: right 0.3s; } .theme-switcher.open { right: 0; } .theme-switcher .theme-switcher-button { background-color: #0081ff; color: white; padding: 12px 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; } .theme-switcher .theme-switcher-button i { font-size: 22px; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 3000ms; animation-duration: 3000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .theme-switcher .theme-switcher-panel { width: 250px; } .theme-switcher .theme-switcher-panel .card, .theme-switcher .theme-switcher-panel .chat-block, .theme-switcher .theme-switcher-panel .app-block .app-content .app-action, .app-block .app-content .theme-switcher .theme-switcher-panel .app-action { margin-bottom: 0; border: 1px solid #0081ff; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } } @media (min-width: 1200px) { body.boxed-layout { background-color: white; } body.boxed-layout .layout-wrapper { background-color: #f8fafb; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); margin: 0 120px; } body.boxed-layout .layout-wrapper .header { margin: 0 120px; } body.boxed-layout .layout-wrapper .navigation { left: 120px; } body.boxed-layout.right-navigation .navigation { left: auto; right: 120px; } body.boxed-layout.horizontal-navigation .horizontal-navigation { left: 120px; right: 120px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation { width: 80px; -webkit-transition: width 0.3s; transition: width 0.3s; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-tab { border-right-color: transparent; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { padding: 12px 0; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li { position: relative; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon { stroke: #0081ff; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn { border-radius: 4px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a span:not(.badge):not(.avatar-title), body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn span:not(.badge):not(.avatar-title), .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn span:not(.badge):not(.avatar-title) { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .badge, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .badge, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .badge { position: absolute; right: 20px; top: 12px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { margin: 0 !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn { background: none; color: #0081ff; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > ul { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li:not(.navigation-divider) { padding: 0 15px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { display: block; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a .sub-menu-arrow, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn .sub-menu-arrow { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn { padding-left: 53px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn { padding-left: 65px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn { border-radius: 5px; background-color: #0081ff; position: static; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn .nav-link-icon { stroke: white; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { /*width: 320px;*/ } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-tab { border-right-color: #e6e6e6; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-body { display: -webkit-box; display: flex; height: calc(100vh - 75px); } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn { display: -webkit-box; display: flex; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a > span, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn > span, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn > span, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .sub-menu-arrow, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .sub-menu-arrow { display: inherit !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .nav-link-icon { margin-right: 0.8rem !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li.open > ul { display: block; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .layout-wrapper .content-wrapper .content-body .content { padding-left: 110px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .content-footer { margin-left: 80px; } body.hidden-navigation:not(.small-navigation) .header .navigation-toggler { display: block; } body.hidden-navigation:not(.small-navigation) .navigation { z-index: 1000; left: -80%; top: 0; bottom: 0; opacity: 0; -webkit-transition: left 0.3s; transition: left 0.3s; position: fixed !important; } body.hidden-navigation:not(.small-navigation) .navigation.open { left: 0; opacity: 1; } body.hidden-navigation:not(.small-navigation).right-navigation .navigation { left: auto; right: -80%; -webkit-transition: right 0.3s; transition: right 0.3s; } body.hidden-navigation:not(.small-navigation).right-navigation .navigation.open { right: 0; opacity: 1; } body.hidden-navigation:not(.small-navigation) .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; } body.hidden-navigation:not(.small-navigation) .content-footer { margin-left: 0; } body.right-navigation .navigation { left: auto; right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } body.right-navigation .navigation .navigation-menu-tab { border-right: none; border-left: 1px solid #e6e6e6; } body.right-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; padding-right: 350px; } body.right-navigation .content-footer { margin-left: 0; margin-right: 320px; } body.right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 110px; } body.right-navigation.small-navigation .content-footer { margin-left: 0 !important; margin-right: 80px; } body.right-navigation.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 30px; } body.horizontal-navigation .header { box-shadow: none; } body.horizontal-navigation .horizontal-navigation { border-top: 1px solid #e6e6e6; box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); position: fixed; top: 75px; background-color: white; height: 55px; right: 0; left: 0; padding: 0 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; z-index: 997; } body.horizontal-navigation .horizontal-navigation > ul { height: 100%; } body.horizontal-navigation .horizontal-navigation > ul > li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation > ul > li > a, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn { border-radius: 100px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 10px 15px !important; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } body.horizontal-navigation .horizontal-navigation > ul > li > a .sub-menu-arrow, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .sub-menu-arrow { display: none; } body.horizontal-navigation .horizontal-navigation > ul > li > a .badge, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .badge, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .badge { margin-left: 0.5rem; } body.horizontal-navigation .horizontal-navigation > ul > li > a + ul, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn + ul { border-top: 1px solid #e6e6e6; } body.horizontal-navigation .horizontal-navigation > ul > li:hover > a, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn { color: #0081ff !important; } body.horizontal-navigation .horizontal-navigation ul { display: -webkit-box; display: flex; } body.horizontal-navigation .horizontal-navigation ul li { position: relative; } body.horizontal-navigation .horizontal-navigation ul li a, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { padding: 10px 25px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation ul li.open > a, body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li:hover > ul { display: block; } body.horizontal-navigation .horizontal-navigation ul li ul { display: none; position: absolute; top: 54px; width: 220px; background-color: white; padding: 10px 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; box-shadow: 0px 5px 9px -5px rgba(0, 0, 0, 0.3); } body.horizontal-navigation .horizontal-navigation ul li ul li { position: relative; } body.horizontal-navigation .horizontal-navigation ul li ul li:hover > a, body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { color: black; } body.horizontal-navigation .horizontal-navigation ul li ul li a.active, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li.open > a, body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li ul { left: 220px; top: -12px; border-left: 1px solid #f2f2f2; box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.3); } body.horizontal-navigation .horizontal-navigation ul li ul li ul:before { display: none; } body.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; padding-top: 160px; } body.horizontal-navigation .content-footer { margin-left: 0; } body.sticky-header .header { position: -webkit-sticky !important; position: sticky !important; top: 0; } } @media (max-width: 1200px) { body.horizontal-navigation .horizontal-navigation { position: fixed; left: 0; top: 0; bottom: 0; height: auto; /*width: 320px;*/ background-color: white; z-index: 1000; overflow: auto; padding: 15px 0; display: none; } body.horizontal-navigation .horizontal-navigation ul li a, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 15px 30px; } body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation ul li a.active, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li a .badge, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .badge, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .badge, body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { margin-left: auto; } body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } body.horizontal-navigation .horizontal-navigation ul li ul { display: none; } body.horizontal-navigation .horizontal-navigation ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { padding-left: 60px; } body.horizontal-navigation .horizontal-navigation ul li ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li button.btn { padding-left: 80px; } body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li button.btn { padding-left: 100px; } body.horizontal-navigation .horizontal-navigation ul li.open > a, body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li.open > ul { display: block !important; } body.horizontal-navigation .horizontal-navigation.open { display: block; } } body.semi-dark:not(.dark) .navigation { background-color: #313852; color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab { border-right-color: #444e72; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):hover, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):focus, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body .avatar { border-color: #313852; } body.semi-dark:not(.dark) .navigation .navigation-menu-body .list-group-item { background: none; border-color: #454c66; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo { border-color: #454c66; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img { display: block; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img:not(.logo-light) { display: none; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider { color: #dbdbdb; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a .nav-link-icon, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { stroke: rgba(199, 199, 199, 0.5); } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active:after, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after { background-color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:hover, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:hover, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:focus, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:focus { background: none; color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li button.active.btn, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > a, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > button.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider { color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul { background-color: #313852 !important; border-left-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul ul { border-left-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider:after { background-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .avatar:before { border-color: #2c2f42; } body.semi-dark:not(.dark) .horizontal-navigation { background-color: #313852; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul { border-top: 1px solid #444e72; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul ul, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul ul, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul ul { border-left: 1px solid #444e72; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > a, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li a, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .horizontal-navigation ul li a.active, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):hover, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):hover, body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):focus, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li ul { background-color: #313852; } body.semi-dark:not(.dark).right-navigation .navigation .navigation-menu-tab { border-left-color: #444e72; } body.semi-dark:not(.dark).small-navigation .navigation:hover .navigation-menu-tab { border-right-color: #444e72; } body.semi-dark:not(.dark).small-navigation.right-navigation .navigation:hover .navigation-menu-tab { border-left-color: #444e72; } body.header-dark:not(.dark) .header { background-color: #313852; color: #c7c7c7; border-bottom-color: #444e72; } body.header-dark:not(.dark) .header .header-logo a img, body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img, body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img { display: block; } body.header-dark:not(.dark) .header .header-logo a img:not(.logo-light), body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img:not(.logo-light), body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img:not(.logo-light) { display: none; } body.header-dark:not(.dark) .header .navigation-toggler a, body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn, body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn { color: #c7c7c7; } body.header-dark:not(.dark) .header .navigation-toggler a:hover, body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn:hover, body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn:hover { color: white; } body.header-dark:not(.dark) .header a.nav-link, body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn { color: #c7c7c7; } body.header-dark:not(.dark) .header a.nav-link:hover, body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn:hover { color: white; } body.header-dark:not(.dark) .header .dropdown-menu { border-top: none !important; } *:focus { outline: none; } .sticky { position: -webkit-sticky !important; position: sticky !important; top: 0; } .lead { line-height: 2.2rem; } .layout-wrapper { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; } .layout-wrapper .content-wrapper { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; } .layout-wrapper .content-wrapper .content-body { width: 0; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .layout-wrapper .content-wrapper .content-body .content { -webkit-box-flex: 1; flex: 1; padding: 30px; padding-top: 105px; padding-left: 100px; padding-bottom: 0; } svg.feather { width: 20px; height: 20px; } .demo-code-preview { border: 1px solid #ebebeb; padding: 20px 10px; margin-top: 2rem; position: relative; background-color: white; border-radius: 8px; } .demo-code-preview + * { margin-top: 1.5rem; } .demo-code-preview:before { content: attr(data-label); display: block; position: absolute; top: -9px; left: 20px; letter-spacing: 1px; background-color: inherit; font-size: 11px; padding: 0 5px; } .demo-code-preview pre { overflow-x: hidden; background: none; padding-top: 0; padding-bottom: 0; max-height: 300px; } .demo-code-preview:hover pre { overflow-x: auto; } code[class*=language-], pre[class*=language-] { font-size: 0.93em; margin: 0; } .text-divider { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .text-divider:after { content: ""; display: block; height: 1px; background-color: #f0f0f0; -webkit-box-flex: 1; flex: 1; } .text-divider span { margin-right: 1rem; } .row-xs { margin-left: -0.5rem; margin-right: -0.5rem; } .row-xs > div { padding-left: 0.5rem; padding-right: 0.5rem; } .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay.show { opacity: 1; } .tooltip { pointer-events: none; font-family: inherit; font-size: 0.835rem !important; } .tooltip .arrow { display: none; } .tooltip .tooltip-inner { background: rgba(0, 0, 0, 0.7); } .file-manager-items { display: -webkit-box; display: flex; flex-wrap: wrap; } .file-manager-items .file-manager-item { margin-right: 20px; margin-bottom: 20px; } .file-manager-items .file-manager-item span { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 135px; height: 115px; font-size: 8.5em; border: 1px solid #e1e1e1; border-radius: 5px; background-size: cover !important; background-position: center !important; } .file-manager-items .file-manager-item.folder span { color: #cea65b; } .file-manager-items .file-manager-item.image span:before { display: none; } .small, .page-header .breadcrumb li.breadcrumb-item, .chat-block .chat-content .messages .message-item.message-item-divider span, small { font-size: 12px; } .list-group .list-group-item { padding: 0.75rem 1.5rem; } .list-group .list-group-item.active { z-index: auto; background: #0081ff; } .bring-forward { position: relative; z-index: 1; } .table-email-list table.table .dropdown [data-toggle=dropdown]:after { display: none; } .table-email-list table.table .email-subject { max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-email-list table.table .email-subject a, .table-email-list table.table .email-subject .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .table-email-list table.table .email-subject button.btn { display: inline-block; } .table-email-list table.table td, .table-email-list table.table .table th { padding: 0.8rem; } .table-email-list a, .table-email-list .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .table-email-list button.btn { color: #646464; } .table-email-list a:hover, .table-email-list .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .table-email-list button.btn:hover, .table-email-list a:focus, .table-email-list .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append .table-email-list button.btn:focus { color: #0081ff; } .read-mail-body img { max-width: 50%; } .bootstrap-tagsinput { box-shadow: none; width: 100%; border: 1px solid #ced4da; min-height: calc(2.25rem + 2px); } .bootstrap-tagsinput.focus { border-color: #3383de; } .bootstrap-tagsinput .tag { display: -webkit-inline-box; display: inline-flex; color: black; border-radius: 3px; font-size: 13px; padding: 0 8px; margin: 2px 1px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background: #e1e1e1; } .list-group .list-group-item.active { background: #0081ff; border-color: transparent; } .list-group-flush .list-group-item:first-child { border-top: 0; } .badge { font-weight: 500; } .nav-pills .nav-link.active { background: #0081ff; } .nav-tabs .nav-link.active { color: #0081ff; } .text-muted, .chat-block .chat-content .messages .message-item.message-item-divider span, .demo-code-preview:before { color: #a7abc3 !important; } .min-width-0 { min-width: 0; } .list-group-item { border-color: #e6e6e6; } .jqstooltip { box-sizing: content-box; } .hide-show-toggler .hide-show-toggler-item { display: none; } .hide-show-toggler:hover .hide-show-toggler-item, .hide-show-toggler:focus .hide-show-toggler-item { display: block; } .tooltip { font-size: 14px; } .jqvmap-zoomin, .jqvmap-zoomout { box-sizing: initial; } .apexcharts-canvas { margin: auto; } [data-backround-image] { position: relative; background-size: cover !important; background-position: center !important; } [data-backround-image]:after { content: ""; display: block; background: rgba(255, 255, 255, 0.6); position: absolute; right: 0; left: 0; top: 0; bottom: 0; } [data-backround-image] > * { position: relative; z-index: 1; } .dropdown-menu [data-backround-image]:after { border-radius: 0; } .jqvmap-region { fill: rgba(170, 102, 204, 0.3); } .jqvmap-region:hover { fill: #aa66cc; } .a-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .font-weight-800 { font-weight: 800; } .circle canvas { vertical-align: top; } .todo-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 10px; } .todo-item input[type=checkbox]:checked + label { text-decoration: line-through; color: #00961f; } .border-radius-1 { border-radius: 5px; } .rounded { border-radius: 0.5rem !important; } .nav-tabs .nav-link { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .nav-pills .nav-link { border-radius: 0.5rem; } .apexcharts-legend.position-top.center { -webkit-box-pack: end !important; justify-content: flex-end !important; } .image-hover { position: relative; } .image-hover .image-hover-body { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; opacity: 0; visibility: hidden; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; transition: all 0.3s; color: white; padding: 20px 30px; } .image-hover:hover .image-hover-body { opacity: 1; visibility: visible; } .nav-analiytics-style .nav-link { padding: 0.5rem 1.5rem; } .daterangepicker { font-family: "Inter"; } .header { background-color: white; z-index: 999; display: -webkit-box; display: flex; height: 75px; box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); position: fixed; right: 0; left: 0; top: 0; } .header .avatar { border-color: transparent; } .header .avatar.avatar-state-success:before { border-color: #0081ff; } .header .header-left { /*width: 320px;*/ padding-left: 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .header-left .navigation-toggler { display: none; margin-right: 15px; } .header .header-left .navigation-toggler a, .header .header-left .navigation-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .header-left .navigation-toggler button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .header .header-left .navigation-toggler a svg, .header .header-left .navigation-toggler form .input-group .input-group-append button.btn svg, .header form .input-group .input-group-append .header-left .navigation-toggler button.btn svg { height: 30px; width: 30px; } .header .header-logo a, .header .header-logo form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .header-logo button.btn { height: 75px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .header-logo a img:not(.logo), .header .header-logo form .input-group .input-group-append button.btn img:not(.logo), .header form .input-group .input-group-append .header-logo button.btn img:not(.logo) { display: none; } .header .header-body { padding: 0 30px; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: auto; -webkit-box-pack: justify; justify-content: space-between; } .header .header-body .page-title h1, .header .header-body .page-title h2, .header .header-body .page-title h3, .header .header-body .page-title h4, .header .header-body .page-title h5, .header .header-body .page-title h6 { margin-bottom: 0; line-height: inherit; } .header form .input-group { position: relative; } .header form .input-group .form-control, .header form .input-group .swal-modal input.swal-content__input, .swal-modal .header form .input-group input.swal-content__input { border: none; background-color: rgba(255, 255, 255, 0.1); } .header form .input-group .form-control:focus, .header form .input-group .swal-modal input.swal-content__input:focus, .swal-modal .header form .input-group input.swal-content__input:focus { background-color: rgba(255, 255, 255, 0.2); } .header form .input-group .input-group-append { position: absolute; right: 0; } .header form .input-group .input-group-append button.btn { position: relative; z-index: 9; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: inherit; border: none; } .header form .input-group .input-group-append button.btn:hover { opacity: 0.7; } .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append button.btn:active, .header form .input-group .input-group-append button.btn:hover { background-color: inherit; box-shadow: none !important; } .header .header-toggler { display: none; } .header [data-toggle=fullscreen] .minimize { display: none; } .header .active-fullscreen .minimize { display: block; } .header .active-fullscreen .maximize { display: none; } .header ul.navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .header ul.navbar-nav li.nav-item a.nav-link, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn { line-height: 100%; padding: 10px 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn { position: relative; } .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify:before, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn:before, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn:before { content: ""; position: absolute; width: 6px; height: 6px; right: 0; border-radius: 50%; top: 3px; background: #ea5455; -webkit-animation: notify-pulse 1s infinite; } .header ul.navbar-nav li.nav-item a.nav-link:hover, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:hover, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:hover, .header ul.navbar-nav li.nav-item a.nav-link:focus, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:focus, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:focus { outline: none; } .header ul.navbar-nav + form.search { margin-left: 1.5rem; } .header .dropdown-menu { position: absolute; } @-webkit-keyframes notify-pulse { 0% { box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } @keyframes notify-pulse { 0% { box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .navigation { background-color: white; z-index: 998; /*width: 320px;*/ box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); position: fixed; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; left: 0; bottom: 0; top: 75px; } .navigation .navigation-menu-tab { border-right: 1px solid #e6e6e6; width: 80px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 0; padding: 10px; } .navigation .navigation-menu-tab .avatar { border: none; } .navigation .navigation-menu-tab ul li { margin-bottom: 5px; } .navigation .navigation-menu-tab ul li a, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn { display: -webkit-box; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 0.5rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .navigation .navigation-menu-tab ul li a:hover, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover { color: #0081ff; } .navigation .navigation-menu-tab ul li a.active, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn { color: white; background-color: #0081ff; box-shadow: 0px 5px 20px -14px #0081ff; } .navigation .navigation-menu-tab ul li a svg, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn svg, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn svg { width: 23px; height: 23px; } .navigation .navigation-menu-body { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: auto; } .navigation .navigation-menu-body .navigation-menu-group > div { display: none; } .navigation .navigation-menu-body .navigation-menu-group > div.open { display: block; } .navigation .navigation-menu-body ul li.navigation-divider { padding: 10px 30px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-top: 10px; margin-bottom: 10px; color: #a7abc3; } .navigation .navigation-menu-body ul li > a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 10px 30px; color: #505050; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .navigation .navigation-menu-body ul li > a .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .nav-link-icon { margin-right: 0.8rem; stroke: rgba(0, 0, 0, 0.3); -webkit-transition: stroke 0.3s; transition: stroke 0.3s; width: 20px; height: 20px; } .navigation .navigation-menu-body ul li > a:hover, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover { color: #0081ff; } .navigation .navigation-menu-body ul li > a:hover .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon { stroke: #0081ff; } .navigation .navigation-menu-body ul li > a.active, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn { position: relative; color: #0081ff; font-weight: 600; background: rgba(0, 129, 255, 0.15); border-radius: 0.5rem; margin: 0 1rem; } .navigation .navigation-menu-body ul li > a.active:before, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn:before, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn:before { content: ""; display: block; border: 6px solid transparent; border-left-color: #0081ff; margin-left: -12px; margin-right: 5px; } .navigation .navigation-menu-body ul li > a .sub-menu-arrow, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow { margin-left: auto; font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .navigation .navigation-menu-body ul li > a .sub-menu-arrow.rotate-in, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow.rotate-in, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow.rotate-in { -webkit-transform: rotate(540deg); transform: rotate(540deg); } .navigation .navigation-menu-body ul li > a .badge, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .badge, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .badge { margin-left: auto; padding: 3px 7px; } .navigation .navigation-menu-body ul li > a + ul, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul { display: none; } .navigation .navigation-menu-body ul li > a + ul li, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li { margin: 0; } .navigation .navigation-menu-body ul li > a + ul li a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li a, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li a, .navigation .navigation-menu-body ul li > a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul li button.btn, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li button.btn { padding-left: 50px; } .navigation .navigation-menu-body ul li > a + ul ul, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul { border-left: none; } .navigation .navigation-menu-body ul li > a + ul ul li a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li a, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li a, .navigation .navigation-menu-body ul li > a + ul ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul ul li button.btn, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li button.btn { padding-left: 70px; } .navigation .navigation-menu-body ul li.open > a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn { color: #0081ff; font-weight: 600; } .navigation .navigation-menu-body ul li.open > a .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon { stroke: #0081ff; } .navigation .navigation-menu-body ul li.open > ul { display: block; } .navigation .navigation-menu-body ul li.open > ul a.active, .navigation .navigation-menu-body ul li.open > ul .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > ul button.active.btn { background-color: inherit; } footer.content-footer { padding: 15px 30px; background-color: white; box-shadow: 0 0 10px -8px black; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-left: 100px; } footer.content-footer * { text-transform: uppercase; letter-spacing: 0.5px; font-size: 12px; } footer.content-footer .nav a, footer.content-footer .nav .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append footer.content-footer .nav button.btn { padding: 5px 0; margin-left: 15px; } footer.content-footer .nav a:hover, footer.content-footer .nav .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append footer.content-footer .nav button.btn:hover { background: none !important; } .sidebar-group { background-color: rgba(0, 0, 0, 0.35); position: fixed; right: 0; bottom: 0; top: 0; left: 0; opacity: 0; z-index: 1000; -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; } .sidebar-group.show { opacity: 1; visibility: visible; } .sidebar-group .card, .sidebar-group .chat-block, .sidebar-group .app-block .app-content .app-action, .app-block .app-content .sidebar-group .app-action { box-shadow: none; } .sidebar-group .sidebar { width: 330px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); background-color: white; z-index: 1000; -webkit-transition: all 0.2s; transition: all 0.2s; visibility: hidden; opacity: 0; margin-right: -100px; position: fixed; right: 0; bottom: 0; top: 0; } .sidebar-group .sidebar.show { visibility: visible; opacity: 1; margin-right: 0px; } .sidebar-group .sidebar > header { background-color: #ebebeb; padding: 1.5rem; font-size: 16px; line-height: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .sidebar-group .sidebar > header i { margin-right: 10px; } .sidebar-group .sidebar .tab-content { height: calc(100% - 50px); } .sidebar-group .sidebar .tab-content .tab-pane.active { height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-body { -webkit-box-flex: 1; flex: 1; overflow: auto; } .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-footer { padding: 20px 0; } body.dark { background-color: #182139; color: #c7c7c7; } body.dark a:not(.btn):not(.link-1), body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1), .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1) { color: rgba(255, 255, 255, 0.5); } body.dark a:not(.btn):not(.link-1):hover, body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1):hover, .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1):hover { color: rgba(255, 255, 255, 0.8); } body.dark .header { background-color: #313852; border-bottom-color: #454c66; } body.dark .header .header-logo { border-bottom-color: #454c66; } body.dark .header .header-logo img { display: block; } body.dark .header .header-logo img:not(.logo-light) { display: none; } body.dark .header ul li a, body.dark .header ul li form .input-group .input-group-append button.btn, body.dark .header form .input-group .input-group-append ul li button.btn { color: #c7c7c7; } body.dark .header ul li a:hover, body.dark .header ul li form .input-group .input-group-append button.btn:hover, body.dark .header form .input-group .input-group-append ul li button.btn:hover, body.dark .header ul li a:focus, body.dark .header ul li form .input-group .input-group-append button.btn:focus, body.dark .header form .input-group .input-group-append ul li button.btn:focus { color: white; } body.dark .header .avatar { border-color: transparent; } body.dark .text-divider:after { background-color: #454c66; } body.dark input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .border { border-color: #454c66 !important; } body.dark .border-right { border-left-color: #454c66 !important; border-right-color: #454c66 !important; } body.dark .border-left { border-left-color: #454c66 !important; border-right-color: #454c66 !important; } body.dark .border-bottom { border-bottom-color: #454c66 !important; } body.dark .border-top { border-top-color: #454c66 !important; } body.dark .preloader { background: #04071a; } body.dark .preloader .preloader-icon { border-color: #313852; } body.dark .nav-tabs .nav-link:hover, body.dark .nav-tabs .nav-link:focus { background-color: #313852 !important; border-bottom-color: #313852 !important; } body.dark .nav-tabs .nav-link.active { background: #313852 !important; border-bottom-color: #313852 !important; } body.dark .sidebar header { background-color: #2c2f42; } body.dark .navigation { background-color: #313852; } body.dark .navigation .navigation-menu-tab { border-right-color: #444e72; } body.dark .navigation .navigation-menu-tab ul li a, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn { color: #c7c7c7; } body.dark .navigation .navigation-menu-tab ul li a.active, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-tab ul li a:not(.active):hover, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, body.dark .navigation .navigation-menu-tab ul li a:not(.active):focus, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { color: #0081ff; } body.dark .navigation .navigation-menu-body ul li.navigation-divider { color: #dbdbdb; } body.dark .navigation .navigation-menu-body ul li a, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn { color: #c7c7c7; } body.dark .navigation .navigation-menu-body ul li a .nav-link-icon, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn .nav-link-icon { stroke: rgba(199, 199, 199, 0.5); } body.dark .navigation .navigation-menu-body ul li a:hover, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:hover, body.dark .navigation .navigation-menu-body ul li a:focus, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:focus { color: white; } body.dark .navigation .navigation-menu-body ul li a.active, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-body ul li a + ul li a.active, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li a.active, body.dark .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li a + ul li button.active.btn, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-body ul li.open > a, body.dark .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li.open > button.btn { color: white; background-color: #454c66; } body.dark .navigation .navigation-menu-body ul li .dropdown-divider { color: #0081ff; } body.dark.boxed-layout { background-color: #04071a; } body.dark.boxed-layout .layout-wrapper .content-wrapper .content-body .content { background-color: #182139; } body.dark.right-navigation .navigation .navigation-menu-tab { border-left-color: #444e72; } body.dark.right-navigation.small-navigation .navigation .navigation-menu-tab { border-left-color: transparent; } body.dark.right-navigation.small-navigation .navigation:hover .navigation-menu-tab { border-left-color: #444e72 !important; } body.dark.small-navigation .navigation:hover .navigation-menu-tab { border-right-color: #444e72 !important; } body.dark .custom-accordion .accordion-row .accordion-header .close { text-shadow: none; color: inherit; } body.dark #vmap_usa_en, body.dark #vmap_canada_en, body.dark #vmap_world_en { background-color: inherit !important; } body.dark .table { color: #c7c7c7; } body.dark .table .thead-light th { background-color: #59607a; color: inherit; } body.dark .table .thead-dark th, body.dark .table-dark, body.dark .table-dark th, body.dark .table-dark td { background-color: #04071a; } body.dark .mark, body.dark mark { background-color: #59607a; color: inherit; } body.dark .page-header { color: rgba(255, 255, 255, 0.6); } body.dark .page-header .breadcrumb li a, body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn { color: #b3b3b3; } body.dark .page-header .breadcrumb li a:hover, body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn:hover { color: #c7c7c7; } body.dark .breadcrumb li.breadcrumb-item.active { color: #339aff; } body.dark [data-backround-image]:after { background-color: rgba(0, 0, 0, 0.6); } body.dark .layout-alert { border-color: #59607a; } body.dark .alert { color: rgba(255, 255, 255, 0.6); } body.dark .alert hr { border-color: rgba(255, 255, 255, 0.1); } body.dark .alert .close:hover, body.dark .alert .close:focus { opacity: 0.2; color: inherit; } body.dark .form-control, body.dark .swal-modal input.swal-content__input, .swal-modal body.dark input.swal-content__input { background: #313852; border-color: #454c66 !important; color: #c3c3c3; } body.dark .form-control:focus, body.dark .swal-modal input.swal-content__input:focus, .swal-modal body.dark input.swal-content__input:focus { border-color: #0081ff !important; } body.dark .timeline .timeline-item::before { background: #59607a; } body.dark .dropdown-menu { border-top: 1px solid #454c66 !important; color: #c7c7c7; } body.dark .custom-select { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); color: inherit; } body.dark .custom-file-label { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); color: inherit; } body.dark .custom-file-label::after { background-color: #454c66; color: inherit; } body.dark .custom-range::-webkit-slider-runnable-track { background-color: #454c66; } body.dark .custom-control-label::before { background-color: inherit; border-color: #59607a; } body.dark .custom-control-input:disabled ~ .custom-control-label::before { background-color: #454c66; } body.dark .form-control-plaintext { color: inherit; } body.dark .wizard > .content { background-color: #454c66; } body.dark .wizard > .steps .disabled a, body.dark .wizard > .steps .disabled .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .wizard > .steps .disabled button.btn, body.dark .wizard > .steps .disabled a:hover, body.dark .wizard > .steps .disabled a:active { background-color: #454c66; } body.dark .wizard > .actions .disabled a, body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn, body.dark .wizard > .actions .disabled a:hover, body.dark .wizard > .actions .disabled a:active { background: #4f5670 !important; border-color: #4f5670 !important; } body.dark .wizard > .actions .disabled a:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled a:hover:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled a:active:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); outline: none; color: inherit; } body.dark .pricing-table { border-color: #59607a; } body.dark hr { border-color: #454c66; } body.dark .dropdown-menu { border: none; background-color: #3b425c; } body.dark .dropdown-menu .dropdown-item { color: #c3c3c3; } body.dark .dropdown-menu .dropdown-item:hover, body.dark .dropdown-menu .dropdown-item:focus { background: #313852; } body.dark .bg-light { background: #59607a !important; } body.dark .list-group-item { background: none; border-color: rgba(155, 155, 155, 0.1); } body.dark a.list-group-item, body.dark .header form .input-group .input-group-append button.list-group-item.btn, .header form .input-group .input-group-append body.dark button.list-group-item.btn { color: #c7c7c7; } body.dark a.list-group-item:hover, body.dark .header form .input-group .input-group-append button.list-group-item.btn:hover, .header form .input-group .input-group-append body.dark button.list-group-item.btn:hover { color: white; } body.dark .card, body.dark .chat-block, body.dark .app-block .app-content .app-action, .app-block .app-content body.dark .app-action { background: #313852; border-color: #444e72; } body.dark .card .card-header, body.dark .chat-block .card-header, body.dark .app-block .app-content .app-action .card-header, .app-block .app-content body.dark .app-action .card-header { border-bottom-color: #2c2f42 !important; } body.dark .card .card-footer, body.dark .chat-block .card-footer, body.dark .app-block .app-content .app-action .card-footer, .app-block .app-content body.dark .app-action .card-footer { border-top-color: #2c2f42; } body.dark .accordion .card, body.dark .accordion .chat-block, body.dark .accordion .app-block .app-content .app-action, .app-block .app-content body.dark .accordion .app-action, body.dark .accordion.custom-accordion { border-color: rgba(240, 240, 240, 0.12); } body.dark .accordion.custom-accordion .accordion-row a.accordion-header, body.dark .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append body.dark .accordion.custom-accordion .accordion-row button.accordion-header.btn { border-bottom-color: rgba(240, 240, 240, 0.12); border-top-color: rgba(240, 240, 240, 0.12); color: inherit; background-color: #454c66; } body.dark .morris-hover.morris-default-style { background-color: #454c66; border-color: #59607a; } body.dark .apexcharts-yaxis .apexcharts-yaxis-texts-g text { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-grid .apexcharts-gridlines-horizontal line, body.dark .apexcharts-grid .apexcharts-gridlines-vertical line { stroke: rgba(255, 255, 255, 0.1); } body.dark .apexcharts-toolbar > div > svg { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-menu { border: none; background-color: #454c66; } body.dark .apexcharts-menu .apexcharts-menu-item:hover { background-color: #59607a; } body.dark .apexcharts-xaxis .apexcharts-xaxis-texts-g text { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-tooltip.light .apexcharts-tooltip-title { background-color: #59607a !important; border-color: #3b425c !important; } body.dark .apexcharts-xaxistooltip { border-color: #3b425c !important; background-color: #454c66 !important; color: rgba(255, 255, 255, 0.4); } body.dark .apexcharts-xaxistooltip-bottom:after, body.dark apexcharts-xaxistooltip-bottom:before { border-bottom-color: #454c66 !important; } body.dark .apexcharts-tooltip { border-color: #3b425c !important; background-color: #454c66 !important; } body.dark .apexcharts-title-text, body.dark .apexcharts-subtitle-text { fill: rgba(255, 255, 255, 0.4); } body.dark .apexcharts-legend-text { color: rgba(255, 255, 255, 0.4) !important; } body.dark .apexcharts-yaxis-title text, body.dark .apexcharts-xaxis-title text { fill: rgba(255, 255, 255, 0.4); } body.dark .demo-code-preview { background-color: #313852; border-color: #4f5670 !important; } body.dark .demo-code-preview * { text-shadow: none; } body.dark .demo-code-preview code[class*=language-], body.dark .demo-code-preview pre[class*=language-] { color: white; } body.dark .demo-code-preview code[class*=language-] .token.operator, body.dark .demo-code-preview pre[class*=language-] .token.operator { background: none; } body.dark .demo-code-preview .token.tag { color: #e156a3; } body.dark .avatar { border-color: #313852; } body.dark .avatar:before { border-color: #313852; } body.dark .avatar .avatar-title { background-color: #59607a; } body.dark .tourBg { opacity: 0.7 !important; } body.dark .dd-handle, body.dark .dd3-content { background-color: #454c66; border-color: #313852; color: inherit; } body.dark .dd3-handle:before { color: inherit; } body.dark .dd-item button { color: inherit; } body.dark .list-group-item-action { color: inherit; } body.dark .list-group-item-action.active { color: white; } body.dark .img-thumbnail { border-color: #59607a; background-color: #313852; } body.dark .progress { background-color: #59607a; } body.dark .jstree-default .jstree-clicked { color: #04071a; } body.dark .select2-container--default .select2-selection--single, body.dark .select2-container--default .select2-selection--multiple { background-color: inherit; } body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #454c66; color: #c3c3c3; } body.dark .select2.select2-container .select2-selection { border-color: #59607a; } body.dark .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #646464; } body.dark .select2-container .select2-search--inline .select2-search__field { color: inherit; } body.dark .select2-dropdown { background-color: #313852; border-color: #59607a; } body.dark .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #313852; border-color: #59607a; color: inherit; } body.dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; } body.dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #04071a; color: inherit; } body.dark .irs--round .irs-line { background-color: #59607a; } body.dark .irs--round .irs-min, body.dark .irs--round .irs-max { color: inherit; background-color: #59607a; } body.dark .daterangepicker { background-color: #3b425c; border-color: #3b425c; } body.dark .daterangepicker select { background-color: inherit; color: inherit; border-color: #59607a; } body.dark .daterangepicker:after, body.dark .daterangepicker:before { border-bottom-color: #3b425c; } body.dark .daterangepicker .calendar-table { background-color: #3b425c; border-color: #3b425c; } body.dark .daterangepicker td.in-range { background-color: #59607a; color: inherit; } body.dark .daterangepicker td.end-date { color: white; background-color: #0081ff; } body.dark .daterangepicker .drp-buttons { border-top-color: #3b425c; } body.dark .daterangepicker .drp-buttons .btn.btn-default { color: inherit; } body.dark .daterangepicker td.off, body.dark .daterangepicker td.off.end-date, body.dark .daterangepicker td.off.start-date { background-color: inherit; color: #636a84; } body.dark .daterangepicker td.off.in-range { background-color: #59607a; color: #8b92ac; } body.dark .daterangepicker td.available:hover, body.dark .daterangepicker th.available:hover { background-color: #0081ff; color: white; } body.dark .daterangepicker td.available:hover span, body.dark .daterangepicker th.available:hover span { border-color: white; } body.dark .daterangepicker .calendar-table .next span, body.dark .daterangepicker .calendar-table .prev span { border-color: #6d748e; } body.dark .daterangepicker .ranges li:hover { background-color: #454c66; } body.dark .popover.clockpicker-popover { overflow: hidden; border: 1px solid #59607a; } body.dark .popover.clockpicker-popover .popover-title { background-color: #313852; color: inherit; } body.dark .popover.clockpicker-popover .popover-content { background-color: #313852; } body.dark .popover.clockpicker-popover .clockpicker-plate { border-color: #59607a; background-color: #313852; } body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-tick { color: inherit; } body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-canvas-bg { fill: #59607a; } body.dark .nav-tabs .nav-item.show .nav-link, body.dark .nav-tabs .nav-link.active { background-color: #59607a; color: inherit; border-color: #59607a; } body.dark .nav-tabs .nav-link:focus, body.dark .nav-tabs .nav-link:hover { border-color: #3b425c; background-color: #3b425c; } body.dark .nav-tabs { border-bottom-color: #59607a; } body.dark .figure-caption { color: inherit; } body.dark .btn-link { color: inherit; } body.dark .text-muted, body.dark .chat-block .chat-content .messages .message-item.message-item-divider span, .chat-block .chat-content .messages .message-item.message-item-divider body.dark span, body.dark .demo-code-preview:before { color: #9f9f9f !important; } body.dark .table td, body.dark .table th { border-color: rgba(155, 155, 155, 0.2); } body.dark .border-bottom { border-bottom-color: rgba(155, 155, 155, 0.2) !important; } body.dark .sidebar { background: #313852; } body.dark .chat-block .chat-content .messages .message-item:not(.me):before { border-right-color: #454c66; } body.dark .chat-block .chat-content .messages .message-item:not(.me) .message-item-content { background-color: #454c66; } body.dark .chat-block .chat-content .messages .message-item.message-item-divider:before, body.dark .chat-block .chat-content .messages .message-item.message-item-divider:after { background-color: #454c66; } body.dark .chat-block .chat-sidebar { background-color: #3b4362; } body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { background-color: #313852; } body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { color: white; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li:hover { background-color: #3b425c; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { background-color: #454c66; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { border-color: #454c66; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { color: #c7c7c7; } body.dark .app-block .app-content .app-content-body .app-detail .card-header { border-bottom-color: #454c66 !important; } body.dark .app-file-list { border-color: #454c66; } body.dark .app-file-list .app-file-icon { background-color: #454c66; border-bottom-color: #454c66; } body.dark .ql-container.ql-snow { border-color: #454c66; } body.dark .ql-editor.ql-blank::before { color: #c7c7c7; } body.dark .ql-snow .ql-stroke, body.dark .ql-fill { stroke: #c7c7c7; } body.dark .text-black-50 { color: rgba(247, 247, 247, 0.43) !important; } body.dark .table-email-list a, body.dark .table-email-list .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .table-email-list button.btn { color: inherit; } body.dark .table-hover tbody tr:hover { color: inherit; } body.dark .input-group-text { background: #454c66; color: inherit; } body.dark .dropdown-divider { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .btn.btn-light, .fc body.dark .btn.fc-state-default, body.dark .fc .fc-state-default { background: #454c66; border-color: transparent; color: inherit; } body.dark .btn.btn-light:not(:disabled):not(.disabled):hover, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):hover, body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, body.dark .btn.btn-light:not(:disabled):not(.disabled):active, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):active, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):hover, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):active { background: #4f5670; border-color: #4f5670; color: inherit; } body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); outline: none; color: inherit; } body.dark .btn.btn-outline-light { border: 1px solid rgba(255, 255, 255, 0.1); color: #c7c7c7; } body.dark .btn.btn-outline-light:hover { background: none !important; color: #d6d6d6 !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark .fc-unthemed .fc-content, body.dark .fc-unthemed .fc-divider, body.dark .fc-unthemed .fc-list-heading td, body.dark .fc-unthemed .fc-list-view, body.dark .fc-unthemed .fc-popover, body.dark .fc-unthemed .fc-row, body.dark .fc-unthemed tbody, body.dark .fc-unthemed td, body.dark .fc-unthemed th, body.dark .fc-unthemed thead { border-color: rgba(240, 240, 240, 0.12); } body.dark .fc-unthemed .fc-list-item:hover td { background: #454c66; } body.dark .fc-unthemed .fc-divider, body.dark .fc-unthemed .fc-list-heading td, body.dark .fc-unthemed .fc-popover .fc-header { background: #454c66; } body.dark .fc-unthemed td.fc-today, body.dark .fc-unthemed .fc-list-empty { background: #454c66; } body.dark #external-events .fc-event { color: inherit; } body.dark .bootstrap-tagsinput { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); } body.dark .bootstrap-tagsinput .tag { background: #454c66; color: #c3c3c3; } body.dark .bootstrap-tagsinput input { color: #c3c3c3; } body.dark .dropzone { background-color: #313852; border-color: #454c66; } body.dark .modal-content { background-color: #313852; } body.dark .modal-content .modal-header { border-bottom-color: rgba(240, 240, 240, 0.12); background-color: #454c66 !important; } body.dark .modal-content .modal-header .close { text-shadow: none; opacity: 1; color: inherit; background-color: #313852 !important; } body.dark .modal-content .modal-footer { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .swal-modal { background-color: #313852; } body.dark .swal-modal .swal-icon--success__hide-corners { background-color: inherit; } body.dark .swal-modal .swal-icon--success:before, body.dark .swal-modal .swal-icon--success:after { background-color: inherit; } body.dark .swal-modal .swal-title, body.dark .swal-modal .swal-text { color: inherit; } body.dark .popover { background-color: #454c66; } body.dark .popover .popover-header { background-color: #59607a; border-color: transparent; } body.dark .popover .popover-body { color: inherit; } body.dark .popover .popover-navigation { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .bs-popover-auto[x-placement^=top] > .arrow::after, body.dark .bs-popover-top > .arrow::after { border-top-color: #454c66; } body.dark .bs-popover-auto[x-placement^=right] > .arrow::after, body.dark .bs-popover-right > .arrow::after { border-right-color: #454c66; } body.dark .bs-popover-auto[x-placement^=bottom] > .arrow::after, body.dark .bs-popover-bottom > .arrow::after { border-bottom-color: #454c66; } body.dark .bs-popover-auto[x-placement^=left] > .arrow::after, body.dark .bs-popover-left > .arrow::after { border-left-color: #454c66; } body.dark ul.links a, body.dark ul.links .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark ul.links button.btn { color: inherit; } body.dark .page-link { background-color: inherit; color: inherit; border-color: rgba(240, 240, 240, 0.12); } body.dark .page-item.disabled .page-link { background-color: #272e48; border-color: rgba(240, 240, 240, 0.12); color: inherit; } body.dark .nav a.nav-link:not(.active), body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active), .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active) { color: #c7c7c7; } body.dark .nav a.nav-link:not(.active):hover, body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):hover, .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):hover, body.dark .nav a.nav-link:not(.active):active, body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):active, .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):active { background-color: #3b425c; } body.dark.form-membership .form-wrapper { background-color: #313852; } body.dark.form-membership .form-wrapper #logo img { display: block; } body.dark.form-membership .form-wrapper #logo img:not(.logo-light) { display: none; } body.dark .content-footer { background-color: #313852; } body.dark .irs--round .irs-handle { background-color: #313852; } body.dark .table tr.tr-selected { background-color: #3b4362; } body.dark.hidden-navigation .navigation { background-color: #313852; } body.dark.small-navigation .navigation-menu-body ul li.open > a, body.dark.small-navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.small-navigation .navigation-menu-body ul li.open > button.btn { background-color: #454c66; } body.dark.small-navigation .navigation-menu-body ul li ul { background-color: #313852 !important; border-left-color: #454c66 !important; } body.dark.small-navigation .navigation-menu-body ul li.navigation-divider:after { background-color: #454c66 !important; } @media (min-width: 1200px) { body.dark.horizontal-navigation .horizontal-navigation { background-color: #313852; border-top-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul > li > a.active, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.active.btn { background: rgba(0, 0, 0, 0.25); } body.dark.horizontal-navigation .horizontal-navigation ul > li > a:hover, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn:hover { background: rgba(0, 0, 0, 0.1); } body.dark.horizontal-navigation .horizontal-navigation ul > li > a + ul, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn + ul, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn + ul { border-top-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul li ul { background-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li ul:before { border-bottom-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn { color: #c7c7c7; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a:hover, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover { background: none; color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a.active, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { background: none; color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li ul { border-left-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > a, body.dark.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { background: none; color: #339aff; } body.dark.navigation-toggle-one.navigation-show .navigation .navigation-menu-body { background-color: #313852; } } @media (max-width: 1200px) { body.dark .chat-block .chat-content.mobile-open { background-color: #313852; } body.dark.horizontal-navigation .horizontal-navigation { background-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li a:hover, body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover { color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li a.active, body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn { color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li.open > a, body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #339aff; } } @media (max-width: 1200px) { .header .header-toggler { display: block; } .chat-app .layout-wrapper .content-wrapper .content-body .content { padding-left: 0 !important; } .chat-block { position: relative; } .chat-block .chat-content { display: none; } .chat-block .chat-content .chat-header { padding: 0.5rem 1.5rem; } .chat-block .chat-content .mobile-chat-close-btn { display: block; } .chat-block .chat-content.chat-mobile-open { display: -webkit-box; display: flex; background-color: white; position: absolute; right: 0; left: 0; max-width: 100%; z-index: 2; bottom: 0; } .chat-block .chat-sidebar { -webkit-box-flex: 1; flex: 1; border-right: none; max-width: 100% !important; } .header { margin: 0; } .header .header-left .navigation-toggler { display: block !important; } .header div:nth-child(2) ul.navbar-nav:first-child { display: none; background: #e6e6e6; position: fixed; left: 0; right: 0; top: 75px; } .header div:nth-child(2) ul.navbar-nav:first-child li a, .header div:nth-child(2) ul.navbar-nav:first-child li form .input-group .input-group-append button.btn, .header form .input-group .input-group-append div:nth-child(2) ul.navbar-nav:first-child li button.btn { color: black; } .header div:nth-child(2) ul.navbar-nav:first-child.open { display: -webkit-box; display: flex; flex-wrap: wrap; } .header .header-search .input-group { background-color: white; } .header .header-search .input-group .btn { color: black; } .header .header-search .input-group input.form-control:focus, .header .header-search .input-group .swal-modal input.swal-content__input:focus, .swal-modal .header .header-search .input-group input.swal-content__input:focus { color: black; } .header .header-search .input-group input.form-control::-webkit-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-webkit-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-webkit-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::-moz-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-moz-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-moz-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control:-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input:-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input:-ms-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-ms-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::placeholder { color: #9b9b9b; } .header .navigation-toggler a, .header .navigation-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation-toggler button.btn, .header .navbar-toggler a, .header .navbar-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navbar-toggler button.btn { background: none !important; } .header .navigation-toggler { display: none !important; } .header .navigation-toggler.mobile-toggler { display: block !important; } .header .navigation-toggler a:hover, .header .navigation-toggler form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .navigation-toggler button.btn:hover { background: none !important; } .header .dropdown { position: static; } .header .dropdown-menu { right: 1rem !important; top: auto !important; left: 1rem !important; margin-top: 10px; width: auto !important; -webkit-transform: inherit !important; transform: inherit !important; } .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; } .content-footer { margin-left: 0 !important; } .navigation { background-color: white; z-index: 1000; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.15); left: -80%; top: 0; bottom: 0; opacity: 0; -webkit-transition: left 0.2s; transition: left 0.2s; position: fixed !important; } .navigation.open { left: 0; opacity: 1; } .navigation header.navigation-header { padding-top: 20px; } .navigation .navigation-icon-menu { margin: 0; border-radius: 0; } .navigation .navigation-menu-body { padding: 15px 0; } .page-header { padding: 0; margin-top: 0; margin-right: 0; margin-left: 0; } .user-page { padding: 20px; height: auto; } .user-page .card, .user-page .chat-block, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action { width: auto; } .user-page .card .card-body, .user-page .chat-block .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body { padding: 30px; } } @media (max-width: 992px) { .app-block { position: relative; } .app-block .app-sidebar-menu-button { display: -webkit-inline-box; display: inline-flex; margin-right: 1rem; } .app-block .app-sidebar { display: none; position: absolute; left: 0; z-index: 9; -webkit-box-flex: 0; flex: 0 0 35%; max-width: 35%; bottom: 0; } .app-block .app-sidebar .app-sidebar-menu { overflow: auto; } .app-block .app-sidebar.show { display: block; } .app-block .app-sidebar > .card, .app-block .app-sidebar > .chat-block, .app-block .app-content .app-sidebar > .app-action { box-shadow: 3px 0px 15px -10px black; border-top-right-radius: 0; border-bottom-right-radius: 0; } .app-block .app-content { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .app-block .app-content .app-action { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .app-block .app-content .app-action .action-right { margin-left: 0; margin-bottom: 1rem; } .app-block .app-content .app-detail .card-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch !important; align-items: stretch !important; } .app-block .app-content .app-detail .card-header .app-detail-action-right { margin-left: 0 !important; margin-top: 1rem; } .card, .chat-block, .app-block .app-content .app-action { margin-bottom: 1rem; } .card .card-body, .chat-block .card-body, .app-block .app-content .app-action .card-body { padding: 1.2rem; } } @media (max-width: 768px) { body.form-membership .form-wrapper { width: 90%; margin: 30px auto; } body.horizontal-navigation .horizontal-navigation.open { width: 80%; } .app-block .app-content .app-action .action-right form { margin-right: 0 !important; } .app-block .app-content .app-action .action-right .app-pager { display: none !important; } .app-block .app-sidebar { -webkit-box-flex: 0; flex: 0 0 70%; max-width: 70%; } .chat-block .chat-sidebar.border-right { border-right: none !important; } .toast-top-right { top: 1rem; right: 1rem; } .toast-top-left { top: 1rem; left: 1rem; } .header .header-left { width: auto; } .header .page-title { display: none; } footer { padding: 15px 20px; } footer .nav { display: none; } .table-responsive-stack tr { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-bottom: 3px solid #ccc; display: block; } /* IE9 FIX */ .table-responsive-stack td { float: left \9; width: 100%; } .sidebar > ul.nav { display: -webkit-box; display: flex; } .sidebar > ul.nav li.nav-item { border: none; } .user-page { padding: 20px; height: auto; } .user-page .card, .user-page .chat-block, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action { width: 100%; } .user-page .card .card-body, .user-page .chat-block .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body { padding: 30px; } .fc .fc-toolbar.fc-header-toolbar > div { float: none !important; } .fc .fc-toolbar.fc-header-toolbar > div .fc-button-group { float: none !important; } .fc .fc-toolbar.fc-header-toolbar > div.fc-left { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 15px; } .fc .fc-toolbar.fc-header-toolbar > div.fc-right { margin-bottom: 5px; } } @media (max-width: 414px) { .nav { display: block; border: none; } .nav li.nav-item { margin-bottom: 0; } .nav li.nav-item:last-child { border: none; } .nav li.nav-item a.nav-link, .nav li.nav-item .header form .input-group .input-group-append button.nav-link.btn, .header form .input-group .input-group-append .nav li.nav-item button.nav-link.btn { border: none; } body:not(.semi-dark):not(.dark) .nav li.nav-item { border-bottom: 1px solid #ebebeb; } .navigation header.navigation-header .nav { display: -webkit-box; display: flex; } body.dark .nav li.nav-item { border-bottom-color: #6d748e; } .wizard > .steps > ul > li { float: none; width: 100%; margin-bottom: 10px; } .wizard > .content { background: none; } .wizard > .content > .body { position: static; padding: 0; } .dataTables_wrapper .dataTables_filter { display: block; } .navigation { width: 20%; } .page-header .breadcrumb { display: none; } } @media (max-width: 375px) { nav.navbar .navbar-menu { padding-left: 0; } .navigation { width: 85%; } } @media (max-width: 544px) { .text-xs-center { text-align: center !important; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } } @media print { .page-header { display: none; } } @charset "UTF-8"; .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-t-b-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .m-t-b-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .m-t-b-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-t-b-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .m-t-b-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-t-b-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .m-t-b-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .m-t-b-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .m-t-b-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .m-t-b-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .m-t-b-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .m-l-r-0 { margin-left: 0px !important; margin-right: 0px !important; } .m-l-r-5 { margin-left: 5px !important; margin-right: 5px !important; } .m-l-r-10 { margin-left: 10px !important; margin-right: 10px !important; } .m-l-r-15 { margin-left: 15px !important; margin-right: 15px !important; } .m-l-r-20 { margin-left: 20px !important; margin-right: 20px !important; } .m-l-r-25 { margin-left: 25px !important; margin-right: 25px !important; } .m-l-r-30 { margin-left: 30px !important; margin-right: 30px !important; } .m-l-r-35 { margin-left: 35px !important; margin-right: 35px !important; } .m-l-r-40 { margin-left: 40px !important; margin-right: 40px !important; } .m-l-r-45 { margin-left: 45px !important; margin-right: 45px !important; } .m-l-r-50 { margin-left: 50px !important; margin-right: 50px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-r-45 { margin-right: 45px !important; } .m-r-50 { margin-right: 50px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; } .m-t-0-minus { margin-top: 0px !important; } .m-t-10-minus { margin-top: -10px !important; } .m-t-20-minus { margin-top: -20px !important; } .m-t-30-minus { margin-top: -30px !important; } .m-t-40-minus { margin-top: -40px !important; } .m-t-50-minus { margin-top: -50px !important; } .m-t-60-minus { margin-top: -60px !important; } .m-t-70-minus { margin-top: -70px !important; } .m-t-80-minus { margin-top: -80px !important; } .m-t-90-minus { margin-top: -90px !important; } .m-t-100-minus { margin-top: -100px !important; } .m-t-110-minus { margin-top: -110px !important; } .m-t-120-minus { margin-top: -120px !important; } .m-t-130-minus { margin-top: -130px !important; } .m-t-140-minus { margin-top: -140px !important; } .m-t-150-minus { margin-top: -150px !important; } .m-t-160-minus { margin-top: -160px !important; } .m-t-170-minus { margin-top: -170px !important; } .m-t-180-minus { margin-top: -180px !important; } .m-t-190-minus { margin-top: -190px !important; } .m-t-200-minus { margin-top: -200px !important; } .m-t-210-minus { margin-top: -210px !important; } .m-t-220-minus { margin-top: -220px !important; } .m-t-230-minus { margin-top: -230px !important; } .m-t-240-minus { margin-top: -240px !important; } .m-t-250-minus { margin-top: -250px !important; } .m-t-260-minus { margin-top: -260px !important; } .m-t-270-minus { margin-top: -270px !important; } .m-t-280-minus { margin-top: -280px !important; } .m-t-290-minus { margin-top: -290px !important; } .m-t-300-minus { margin-top: -300px !important; } .m-t-310-minus { margin-top: -310px !important; } .m-t-320-minus { margin-top: -320px !important; } .m-t-330-minus { margin-top: -330px !important; } .m-t-340-minus { margin-top: -340px !important; } .m-t-350-minus { margin-top: -350px !important; } .m-t-360-minus { margin-top: -360px !important; } .m-t-370-minus { margin-top: -370px !important; } .m-t-380-minus { margin-top: -380px !important; } .m-t-390-minus { margin-top: -390px !important; } .m-t-400-minus { margin-top: -400px !important; } .m-t-410-minus { margin-top: -410px !important; } .m-t-420-minus { margin-top: -420px !important; } .m-t-430-minus { margin-top: -430px !important; } .m-t-440-minus { margin-top: -440px !important; } .m-t-450-minus { margin-top: -450px !important; } .m-t-460-minus { margin-top: -460px !important; } .m-t-470-minus { margin-top: -470px !important; } .m-t-480-minus { margin-top: -480px !important; } .m-t-490-minus { margin-top: -490px !important; } .m-t-500-minus { margin-top: -500px !important; } .m-t-510-minus { margin-top: -510px !important; } .m-t-520-minus { margin-top: -520px !important; } .m-t-530-minus { margin-top: -530px !important; } .m-t-540-minus { margin-top: -540px !important; } .m-t-550-minus { margin-top: -550px !important; } .m-t-560-minus { margin-top: -560px !important; } .m-t-570-minus { margin-top: -570px !important; } .m-t-580-minus { margin-top: -580px !important; } .m-t-590-minus { margin-top: -590px !important; } .m-t-600-minus { margin-top: -600px !important; } .m-t-610-minus { margin-top: -610px !important; } .m-t-620-minus { margin-top: -620px !important; } .m-t-630-minus { margin-top: -630px !important; } .m-t-640-minus { margin-top: -640px !important; } .m-t-650-minus { margin-top: -650px !important; } .m-t-660-minus { margin-top: -660px !important; } .m-t-670-minus { margin-top: -670px !important; } .m-t-680-minus { margin-top: -680px !important; } .m-t-690-minus { margin-top: -690px !important; } .m-t-700-minus { margin-top: -700px !important; } .m-t-710-minus { margin-top: -710px !important; } .m-t-720-minus { margin-top: -720px !important; } .m-t-730-minus { margin-top: -730px !important; } .m-t-740-minus { margin-top: -740px !important; } .m-t-750-minus { margin-top: -750px !important; } .m-t-760-minus { margin-top: -760px !important; } .m-t-770-minus { margin-top: -770px !important; } .m-t-780-minus { margin-top: -780px !important; } .m-t-790-minus { margin-top: -790px !important; } .m-t-800-minus { margin-top: -800px !important; } .m-t-810-minus { margin-top: -810px !important; } .m-t-820-minus { margin-top: -820px !important; } .m-t-830-minus { margin-top: -830px !important; } .m-t-840-minus { margin-top: -840px !important; } .m-t-850-minus { margin-top: -850px !important; } .m-t-860-minus { margin-top: -860px !important; } .m-t-870-minus { margin-top: -870px !important; } .m-t-880-minus { margin-top: -880px !important; } .m-t-890-minus { margin-top: -890px !important; } .m-t-900-minus { margin-top: -900px !important; } .m-t-910-minus { margin-top: -910px !important; } .m-t-920-minus { margin-top: -920px !important; } .m-t-930-minus { margin-top: -930px !important; } .m-t-940-minus { margin-top: -940px !important; } .m-t-950-minus { margin-top: -950px !important; } .m-t-960-minus { margin-top: -960px !important; } .m-t-970-minus { margin-top: -970px !important; } .m-t-980-minus { margin-top: -980px !important; } .m-t-990-minus { margin-top: -990px !important; } .m-t-1000-minus { margin-top: -1000px !important; } .m-r-0-minus { margin-right: 0px !important; } .m-r-10-minus { margin-right: -10px !important; } .m-r-20-minus { margin-right: -20px !important; } .m-r-30-minus { margin-right: -30px !important; } .m-r-40-minus { margin-right: -40px !important; } .m-r-50-minus { margin-right: -50px !important; } .m-r-60-minus { margin-right: -60px !important; } .m-r-70-minus { margin-right: -70px !important; } .m-r-80-minus { margin-right: -80px !important; } .m-r-90-minus { margin-right: -90px !important; } .m-r-100-minus { margin-right: -100px !important; } .m-r-110-minus { margin-right: -110px !important; } .m-r-120-minus { margin-right: -120px !important; } .m-r-130-minus { margin-right: -130px !important; } .m-r-140-minus { margin-right: -140px !important; } .m-r-150-minus { margin-right: -150px !important; } .m-r-160-minus { margin-right: -160px !important; } .m-r-170-minus { margin-right: -170px !important; } .m-r-180-minus { margin-right: -180px !important; } .m-r-190-minus { margin-right: -190px !important; } .m-r-200-minus { margin-right: -200px !important; } .m-r-210-minus { margin-right: -210px !important; } .m-r-220-minus { margin-right: -220px !important; } .m-r-230-minus { margin-right: -230px !important; } .m-r-240-minus { margin-right: -240px !important; } .m-r-250-minus { margin-right: -250px !important; } .m-r-260-minus { margin-right: -260px !important; } .m-r-270-minus { margin-right: -270px !important; } .m-r-280-minus { margin-right: -280px !important; } .m-r-290-minus { margin-right: -290px !important; } .m-r-300-minus { margin-right: -300px !important; } .m-r-310-minus { margin-right: -310px !important; } .m-r-320-minus { margin-right: -320px !important; } .m-r-330-minus { margin-right: -330px !important; } .m-r-340-minus { margin-right: -340px !important; } .m-r-350-minus { margin-right: -350px !important; } .m-r-360-minus { margin-right: -360px !important; } .m-r-370-minus { margin-right: -370px !important; } .m-r-380-minus { margin-right: -380px !important; } .m-r-390-minus { margin-right: -390px !important; } .m-r-400-minus { margin-right: -400px !important; } .m-r-410-minus { margin-right: -410px !important; } .m-r-420-minus { margin-right: -420px !important; } .m-r-430-minus { margin-right: -430px !important; } .m-r-440-minus { margin-right: -440px !important; } .m-r-450-minus { margin-right: -450px !important; } .m-r-460-minus { margin-right: -460px !important; } .m-r-470-minus { margin-right: -470px !important; } .m-r-480-minus { margin-right: -480px !important; } .m-r-490-minus { margin-right: -490px !important; } .m-r-500-minus { margin-right: -500px !important; } .m-r-510-minus { margin-right: -510px !important; } .m-r-520-minus { margin-right: -520px !important; } .m-r-530-minus { margin-right: -530px !important; } .m-r-540-minus { margin-right: -540px !important; } .m-r-550-minus { margin-right: -550px !important; } .m-r-560-minus { margin-right: -560px !important; } .m-r-570-minus { margin-right: -570px !important; } .m-r-580-minus { margin-right: -580px !important; } .m-r-590-minus { margin-right: -590px !important; } .m-r-600-minus { margin-right: -600px !important; } .m-r-610-minus { margin-right: -610px !important; } .m-r-620-minus { margin-right: -620px !important; } .m-r-630-minus { margin-right: -630px !important; } .m-r-640-minus { margin-right: -640px !important; } .m-r-650-minus { margin-right: -650px !important; } .m-r-660-minus { margin-right: -660px !important; } .m-r-670-minus { margin-right: -670px !important; } .m-r-680-minus { margin-right: -680px !important; } .m-r-690-minus { margin-right: -690px !important; } .m-r-700-minus { margin-right: -700px !important; } .m-r-710-minus { margin-right: -710px !important; } .m-r-720-minus { margin-right: -720px !important; } .m-r-730-minus { margin-right: -730px !important; } .m-r-740-minus { margin-right: -740px !important; } .m-r-750-minus { margin-right: -750px !important; } .m-r-760-minus { margin-right: -760px !important; } .m-r-770-minus { margin-right: -770px !important; } .m-r-780-minus { margin-right: -780px !important; } .m-r-790-minus { margin-right: -790px !important; } .m-r-800-minus { margin-right: -800px !important; } .m-r-810-minus { margin-right: -810px !important; } .m-r-820-minus { margin-right: -820px !important; } .m-r-830-minus { margin-right: -830px !important; } .m-r-840-minus { margin-right: -840px !important; } .m-r-850-minus { margin-right: -850px !important; } .m-r-860-minus { margin-right: -860px !important; } .m-r-870-minus { margin-right: -870px !important; } .m-r-880-minus { margin-right: -880px !important; } .m-r-890-minus { margin-right: -890px !important; } .m-r-900-minus { margin-right: -900px !important; } .m-r-910-minus { margin-right: -910px !important; } .m-r-920-minus { margin-right: -920px !important; } .m-r-930-minus { margin-right: -930px !important; } .m-r-940-minus { margin-right: -940px !important; } .m-r-950-minus { margin-right: -950px !important; } .m-r-960-minus { margin-right: -960px !important; } .m-r-970-minus { margin-right: -970px !important; } .m-r-980-minus { margin-right: -980px !important; } .m-r-990-minus { margin-right: -990px !important; } .m-r-1000-minus { margin-right: -1000px !important; } .m-b-0-minus { margin-bottom: 0px !important; } .m-b-10-minus { margin-bottom: -10px !important; } .m-b-20-minus { margin-bottom: -20px !important; } .m-b-30-minus { margin-bottom: -30px !important; } .m-b-40-minus { margin-bottom: -40px !important; } .m-b-50-minus { margin-bottom: -50px !important; } .m-b-60-minus { margin-bottom: -60px !important; } .m-b-70-minus { margin-bottom: -70px !important; } .m-b-80-minus { margin-bottom: -80px !important; } .m-b-90-minus { margin-bottom: -90px !important; } .m-b-100-minus { margin-bottom: -100px !important; } .m-b-110-minus { margin-bottom: -110px !important; } .m-b-120-minus { margin-bottom: -120px !important; } .m-b-130-minus { margin-bottom: -130px !important; } .m-b-140-minus { margin-bottom: -140px !important; } .m-b-150-minus { margin-bottom: -150px !important; } .m-b-160-minus { margin-bottom: -160px !important; } .m-b-170-minus { margin-bottom: -170px !important; } .m-b-180-minus { margin-bottom: -180px !important; } .m-b-190-minus { margin-bottom: -190px !important; } .m-b-200-minus { margin-bottom: -200px !important; } .m-b-210-minus { margin-bottom: -210px !important; } .m-b-220-minus { margin-bottom: -220px !important; } .m-b-230-minus { margin-bottom: -230px !important; } .m-b-240-minus { margin-bottom: -240px !important; } .m-b-250-minus { margin-bottom: -250px !important; } .m-b-260-minus { margin-bottom: -260px !important; } .m-b-270-minus { margin-bottom: -270px !important; } .m-b-280-minus { margin-bottom: -280px !important; } .m-b-290-minus { margin-bottom: -290px !important; } .m-b-300-minus { margin-bottom: -300px !important; } .m-b-310-minus { margin-bottom: -310px !important; } .m-b-320-minus { margin-bottom: -320px !important; } .m-b-330-minus { margin-bottom: -330px !important; } .m-b-340-minus { margin-bottom: -340px !important; } .m-b-350-minus { margin-bottom: -350px !important; } .m-b-360-minus { margin-bottom: -360px !important; } .m-b-370-minus { margin-bottom: -370px !important; } .m-b-380-minus { margin-bottom: -380px !important; } .m-b-390-minus { margin-bottom: -390px !important; } .m-b-400-minus { margin-bottom: -400px !important; } .m-b-410-minus { margin-bottom: -410px !important; } .m-b-420-minus { margin-bottom: -420px !important; } .m-b-430-minus { margin-bottom: -430px !important; } .m-b-440-minus { margin-bottom: -440px !important; } .m-b-450-minus { margin-bottom: -450px !important; } .m-b-460-minus { margin-bottom: -460px !important; } .m-b-470-minus { margin-bottom: -470px !important; } .m-b-480-minus { margin-bottom: -480px !important; } .m-b-490-minus { margin-bottom: -490px !important; } .m-b-500-minus { margin-bottom: -500px !important; } .m-b-510-minus { margin-bottom: -510px !important; } .m-b-520-minus { margin-bottom: -520px !important; } .m-b-530-minus { margin-bottom: -530px !important; } .m-b-540-minus { margin-bottom: -540px !important; } .m-b-550-minus { margin-bottom: -550px !important; } .m-b-560-minus { margin-bottom: -560px !important; } .m-b-570-minus { margin-bottom: -570px !important; } .m-b-580-minus { margin-bottom: -580px !important; } .m-b-590-minus { margin-bottom: -590px !important; } .m-b-600-minus { margin-bottom: -600px !important; } .m-b-610-minus { margin-bottom: -610px !important; } .m-b-620-minus { margin-bottom: -620px !important; } .m-b-630-minus { margin-bottom: -630px !important; } .m-b-640-minus { margin-bottom: -640px !important; } .m-b-650-minus { margin-bottom: -650px !important; } .m-b-660-minus { margin-bottom: -660px !important; } .m-b-670-minus { margin-bottom: -670px !important; } .m-b-680-minus { margin-bottom: -680px !important; } .m-b-690-minus { margin-bottom: -690px !important; } .m-b-700-minus { margin-bottom: -700px !important; } .m-b-710-minus { margin-bottom: -710px !important; } .m-b-720-minus { margin-bottom: -720px !important; } .m-b-730-minus { margin-bottom: -730px !important; } .m-b-740-minus { margin-bottom: -740px !important; } .m-b-750-minus { margin-bottom: -750px !important; } .m-b-760-minus { margin-bottom: -760px !important; } .m-b-770-minus { margin-bottom: -770px !important; } .m-b-780-minus { margin-bottom: -780px !important; } .m-b-790-minus { margin-bottom: -790px !important; } .m-b-800-minus { margin-bottom: -800px !important; } .m-b-810-minus { margin-bottom: -810px !important; } .m-b-820-minus { margin-bottom: -820px !important; } .m-b-830-minus { margin-bottom: -830px !important; } .m-b-840-minus { margin-bottom: -840px !important; } .m-b-850-minus { margin-bottom: -850px !important; } .m-b-860-minus { margin-bottom: -860px !important; } .m-b-870-minus { margin-bottom: -870px !important; } .m-b-880-minus { margin-bottom: -880px !important; } .m-b-890-minus { margin-bottom: -890px !important; } .m-b-900-minus { margin-bottom: -900px !important; } .m-b-910-minus { margin-bottom: -910px !important; } .m-b-920-minus { margin-bottom: -920px !important; } .m-b-930-minus { margin-bottom: -930px !important; } .m-b-940-minus { margin-bottom: -940px !important; } .m-b-950-minus { margin-bottom: -950px !important; } .m-b-960-minus { margin-bottom: -960px !important; } .m-b-970-minus { margin-bottom: -970px !important; } .m-b-980-minus { margin-bottom: -980px !important; } .m-b-990-minus { margin-bottom: -990px !important; } .m-b-1000-minus { margin-bottom: -1000px !important; } .m-l-0-minus { margin-left: 0px !important; } .m-l-10-minus { margin-left: -10px !important; } .m-l-20-minus { margin-left: -20px !important; } .m-l-30-minus { margin-left: -30px !important; } .m-l-40-minus { margin-left: -40px !important; } .m-l-50-minus { margin-left: -50px !important; } .m-l-60-minus { margin-left: -60px !important; } .m-l-70-minus { margin-left: -70px !important; } .m-l-80-minus { margin-left: -80px !important; } .m-l-90-minus { margin-left: -90px !important; } .m-l-100-minus { margin-left: -100px !important; } .m-l-110-minus { margin-left: -110px !important; } .m-l-120-minus { margin-left: -120px !important; } .m-l-130-minus { margin-left: -130px !important; } .m-l-140-minus { margin-left: -140px !important; } .m-l-150-minus { margin-left: -150px !important; } .m-l-160-minus { margin-left: -160px !important; } .m-l-170-minus { margin-left: -170px !important; } .m-l-180-minus { margin-left: -180px !important; } .m-l-190-minus { margin-left: -190px !important; } .m-l-200-minus { margin-left: -200px !important; } .m-l-210-minus { margin-left: -210px !important; } .m-l-220-minus { margin-left: -220px !important; } .m-l-230-minus { margin-left: -230px !important; } .m-l-240-minus { margin-left: -240px !important; } .m-l-250-minus { margin-left: -250px !important; } .m-l-260-minus { margin-left: -260px !important; } .m-l-270-minus { margin-left: -270px !important; } .m-l-280-minus { margin-left: -280px !important; } .m-l-290-minus { margin-left: -290px !important; } .m-l-300-minus { margin-left: -300px !important; } .m-l-310-minus { margin-left: -310px !important; } .m-l-320-minus { margin-left: -320px !important; } .m-l-330-minus { margin-left: -330px !important; } .m-l-340-minus { margin-left: -340px !important; } .m-l-350-minus { margin-left: -350px !important; } .m-l-360-minus { margin-left: -360px !important; } .m-l-370-minus { margin-left: -370px !important; } .m-l-380-minus { margin-left: -380px !important; } .m-l-390-minus { margin-left: -390px !important; } .m-l-400-minus { margin-left: -400px !important; } .m-l-410-minus { margin-left: -410px !important; } .m-l-420-minus { margin-left: -420px !important; } .m-l-430-minus { margin-left: -430px !important; } .m-l-440-minus { margin-left: -440px !important; } .m-l-450-minus { margin-left: -450px !important; } .m-l-460-minus { margin-left: -460px !important; } .m-l-470-minus { margin-left: -470px !important; } .m-l-480-minus { margin-left: -480px !important; } .m-l-490-minus { margin-left: -490px !important; } .m-l-500-minus { margin-left: -500px !important; } .m-l-510-minus { margin-left: -510px !important; } .m-l-520-minus { margin-left: -520px !important; } .m-l-530-minus { margin-left: -530px !important; } .m-l-540-minus { margin-left: -540px !important; } .m-l-550-minus { margin-left: -550px !important; } .m-l-560-minus { margin-left: -560px !important; } .m-l-570-minus { margin-left: -570px !important; } .m-l-580-minus { margin-left: -580px !important; } .m-l-590-minus { margin-left: -590px !important; } .m-l-600-minus { margin-left: -600px !important; } .m-l-610-minus { margin-left: -610px !important; } .m-l-620-minus { margin-left: -620px !important; } .m-l-630-minus { margin-left: -630px !important; } .m-l-640-minus { margin-left: -640px !important; } .m-l-650-minus { margin-left: -650px !important; } .m-l-660-minus { margin-left: -660px !important; } .m-l-670-minus { margin-left: -670px !important; } .m-l-680-minus { margin-left: -680px !important; } .m-l-690-minus { margin-left: -690px !important; } .m-l-700-minus { margin-left: -700px !important; } .m-l-710-minus { margin-left: -710px !important; } .m-l-720-minus { margin-left: -720px !important; } .m-l-730-minus { margin-left: -730px !important; } .m-l-740-minus { margin-left: -740px !important; } .m-l-750-minus { margin-left: -750px !important; } .m-l-760-minus { margin-left: -760px !important; } .m-l-770-minus { margin-left: -770px !important; } .m-l-780-minus { margin-left: -780px !important; } .m-l-790-minus { margin-left: -790px !important; } .m-l-800-minus { margin-left: -800px !important; } .m-l-810-minus { margin-left: -810px !important; } .m-l-820-minus { margin-left: -820px !important; } .m-l-830-minus { margin-left: -830px !important; } .m-l-840-minus { margin-left: -840px !important; } .m-l-850-minus { margin-left: -850px !important; } .m-l-860-minus { margin-left: -860px !important; } .m-l-870-minus { margin-left: -870px !important; } .m-l-880-minus { margin-left: -880px !important; } .m-l-890-minus { margin-left: -890px !important; } .m-l-900-minus { margin-left: -900px !important; } .m-l-910-minus { margin-left: -910px !important; } .m-l-920-minus { margin-left: -920px !important; } .m-l-930-minus { margin-left: -930px !important; } .m-l-940-minus { margin-left: -940px !important; } .m-l-950-minus { margin-left: -950px !important; } .m-l-960-minus { margin-left: -960px !important; } .m-l-970-minus { margin-left: -970px !important; } .m-l-980-minus { margin-left: -980px !important; } .m-l-990-minus { margin-left: -990px !important; } .m-l-1000-minus { margin-left: -1000px !important; } .p-t-b-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .p-t-b-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .p-t-b-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .p-t-b-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .p-t-b-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-t-b-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .p-t-b-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .p-t-b-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .p-t-b-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .p-t-b-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .p-t-b-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .p-l-r-0 { padding-left: 0px !important; padding-right: 0px !important; } .p-l-r-5 { padding-left: 5px !important; padding-right: 5px !important; } .p-l-r-10 { padding-left: 10px !important; padding-right: 10px !important; } .p-l-r-15 { padding-left: 15px !important; padding-right: 15px !important; } .p-l-r-20 { padding-left: 20px !important; padding-right: 20px !important; } .p-l-r-25 { padding-left: 25px !important; padding-right: 25px !important; } .p-l-r-30 { padding-left: 30px !important; padding-right: 30px !important; } .p-l-r-35 { padding-left: 35px !important; padding-right: 35px !important; } .p-l-r-40 { padding-left: 40px !important; padding-right: 40px !important; } .p-l-r-45 { padding-left: 45px !important; padding-right: 45px !important; } .p-l-r-50 { padding-left: 50px !important; padding-right: 50px !important; } .p-0 { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } .p-t-55 { padding-top: 55px !important; } .p-t-60 { padding-top: 60px !important; } .p-t-65 { padding-top: 65px !important; } .p-t-70 { padding-top: 70px !important; } .p-t-75 { padding-top: 75px !important; } .p-t-80 { padding-top: 80px !important; } .p-t-85 { padding-top: 85px !important; } .p-t-90 { padding-top: 90px !important; } .p-t-95 { padding-top: 95px !important; } .p-t-100 { padding-top: 100px !important; } .p-t-105 { padding-top: 105px !important; } .p-t-110 { padding-top: 110px !important; } .p-t-115 { padding-top: 115px !important; } .p-t-120 { padding-top: 120px !important; } .p-t-125 { padding-top: 125px !important; } .p-t-130 { padding-top: 130px !important; } .p-t-135 { padding-top: 135px !important; } .p-t-140 { padding-top: 140px !important; } .p-t-145 { padding-top: 145px !important; } .p-t-150 { padding-top: 150px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-r-45 { padding-right: 45px !important; } .p-r-50 { padding-right: 50px !important; } .p-r-55 { padding-right: 55px !important; } .p-r-60 { padding-right: 60px !important; } .p-r-65 { padding-right: 65px !important; } .p-r-70 { padding-right: 70px !important; } .p-r-75 { padding-right: 75px !important; } .p-r-80 { padding-right: 80px !important; } .p-r-85 { padding-right: 85px !important; } .p-r-90 { padding-right: 90px !important; } .p-r-95 { padding-right: 95px !important; } .p-r-100 { padding-right: 100px !important; } .p-r-105 { padding-right: 105px !important; } .p-r-110 { padding-right: 110px !important; } .p-r-115 { padding-right: 115px !important; } .p-r-120 { padding-right: 120px !important; } .p-r-125 { padding-right: 125px !important; } .p-r-130 { padding-right: 130px !important; } .p-r-135 { padding-right: 135px !important; } .p-r-140 { padding-right: 140px !important; } .p-r-145 { padding-right: 145px !important; } .p-r-150 { padding-right: 150px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-b-55 { padding-bottom: 55px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-b-65 { padding-bottom: 65px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-b-75 { padding-bottom: 75px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-b-85 { padding-bottom: 85px !important; } .p-b-90 { padding-bottom: 90px !important; } .p-b-95 { padding-bottom: 95px !important; } .p-b-100 { padding-bottom: 100px !important; } .p-b-105 { padding-bottom: 105px !important; } .p-b-110 { padding-bottom: 110px !important; } .p-b-115 { padding-bottom: 115px !important; } .p-b-120 { padding-bottom: 120px !important; } .p-b-125 { padding-bottom: 125px !important; } .p-b-130 { padding-bottom: 130px !important; } .p-b-135 { padding-bottom: 135px !important; } .p-b-140 { padding-bottom: 140px !important; } .p-b-145 { padding-bottom: 145px !important; } .p-b-150 { padding-bottom: 150px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .p-l-45 { padding-left: 45px !important; } .p-l-50 { padding-left: 50px !important; } .p-l-55 { padding-left: 55px !important; } .p-l-60 { padding-left: 60px !important; } .p-l-65 { padding-left: 65px !important; } .p-l-70 { padding-left: 70px !important; } .p-l-75 { padding-left: 75px !important; } .p-l-80 { padding-left: 80px !important; } .p-l-85 { padding-left: 85px !important; } .p-l-90 { padding-left: 90px !important; } .p-l-95 { padding-left: 95px !important; } .p-l-100 { padding-left: 100px !important; } .p-l-105 { padding-left: 105px !important; } .p-l-110 { padding-left: 110px !important; } .p-l-115 { padding-left: 115px !important; } .p-l-120 { padding-left: 120px !important; } .p-l-125 { padding-left: 125px !important; } .p-l-130 { padding-left: 130px !important; } .p-l-135 { padding-left: 135px !important; } .p-l-140 { padding-left: 140px !important; } .p-l-145 { padding-left: 145px !important; } .p-l-150 { padding-left: 150px !important; } .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-21 { font-size: 21px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-26 { font-size: 26px !important; } .font-size-27 { font-size: 27px !important; } .font-size-28 { font-size: 28px !important; } .font-size-29 { font-size: 29px !important; } .font-size-30 { font-size: 30px !important; } .font-size-31 { font-size: 31px !important; } .font-size-32 { font-size: 32px !important; } .font-size-33 { font-size: 33px !important; } .font-size-34 { font-size: 34px !important; } .font-size-35 { font-size: 35px !important; } .font-size-36 { font-size: 36px !important; } .font-size-37 { font-size: 37px !important; } .font-size-38 { font-size: 38px !important; } .font-size-39 { font-size: 39px !important; } .font-size-40 { font-size: 40px !important; } .font-size-41 { font-size: 41px !important; } .font-size-42 { font-size: 42px !important; } .font-size-43 { font-size: 43px !important; } .font-size-44 { font-size: 44px !important; } .font-size-45 { font-size: 45px !important; } .font-size-46 { font-size: 46px !important; } .font-size-47 { font-size: 47px !important; } .font-size-48 { font-size: 48px !important; } .font-size-49 { font-size: 49px !important; } .font-size-50 { font-size: 50px !important; } .line-height-0 { line-height: 0px !important; } .line-height-1 { line-height: 1px !important; } .line-height-2 { line-height: 2px !important; } .line-height-3 { line-height: 3px !important; } .line-height-4 { line-height: 4px !important; } .line-height-5 { line-height: 5px !important; } .line-height-6 { line-height: 6px !important; } .line-height-7 { line-height: 7px !important; } .line-height-8 { line-height: 8px !important; } .line-height-9 { line-height: 9px !important; } .line-height-10 { line-height: 10px !important; } .line-height-11 { line-height: 11px !important; } .line-height-12 { line-height: 12px !important; } .line-height-13 { line-height: 13px !important; } .line-height-14 { line-height: 14px !important; } .line-height-15 { line-height: 15px !important; } .line-height-16 { line-height: 16px !important; } .line-height-17 { line-height: 17px !important; } .line-height-18 { line-height: 18px !important; } .line-height-19 { line-height: 19px !important; } .line-height-20 { line-height: 20px !important; } .line-height-21 { line-height: 21px !important; } .line-height-22 { line-height: 22px !important; } .line-height-23 { line-height: 23px !important; } .line-height-24 { line-height: 24px !important; } .line-height-25 { line-height: 25px !important; } .line-height-26 { line-height: 26px !important; } .line-height-27 { line-height: 27px !important; } .line-height-28 { line-height: 28px !important; } .line-height-29 { line-height: 29px !important; } .line-height-30 { line-height: 30px !important; } .line-height-31 { line-height: 31px !important; } .line-height-32 { line-height: 32px !important; } .line-height-33 { line-height: 33px !important; } .line-height-34 { line-height: 34px !important; } .line-height-35 { line-height: 35px !important; } .line-height-36 { line-height: 36px !important; } .line-height-37 { line-height: 37px !important; } .line-height-38 { line-height: 38px !important; } .line-height-39 { line-height: 39px !important; } .line-height-40 { line-height: 40px !important; } .line-height-41 { line-height: 41px !important; } .line-height-42 { line-height: 42px !important; } .line-height-43 { line-height: 43px !important; } .line-height-44 { line-height: 44px !important; } .line-height-45 { line-height: 45px !important; } .line-height-46 { line-height: 46px !important; } .line-height-47 { line-height: 47px !important; } .line-height-48 { line-height: 48px !important; } .line-height-49 { line-height: 49px !important; } .line-height-50 { line-height: 50px !important; } .width-10 { width: 10px !important; } .width-11 { width: 11px !important; } .width-12 { width: 12px !important; } .width-13 { width: 13px !important; } .width-14 { width: 14px !important; } .width-15 { width: 15px !important; } .width-16 { width: 16px !important; } .width-17 { width: 17px !important; } .width-18 { width: 18px !important; } .width-19 { width: 19px !important; } .width-20 { width: 20px !important; } .width-21 { width: 21px !important; } .width-22 { width: 22px !important; } .width-23 { width: 23px !important; } .width-24 { width: 24px !important; } .width-25 { width: 25px !important; } .width-26 { width: 26px !important; } .width-27 { width: 27px !important; } .width-28 { width: 28px !important; } .width-29 { width: 29px !important; } .width-30 { width: 30px !important; } .width-31 { width: 31px !important; } .width-32 { width: 32px !important; } .width-33 { width: 33px !important; } .width-34 { width: 34px !important; } .width-35 { width: 35px !important; } .width-36 { width: 36px !important; } .width-37 { width: 37px !important; } .width-38 { width: 38px !important; } .width-39 { width: 39px !important; } .width-40 { width: 40px !important; } .width-41 { width: 41px !important; } .width-42 { width: 42px !important; } .width-43 { width: 43px !important; } .width-44 { width: 44px !important; } .width-45 { width: 45px !important; } .width-46 { width: 46px !important; } .width-47 { width: 47px !important; } .width-48 { width: 48px !important; } .width-49 { width: 49px !important; } .width-50 { width: 50px !important; } .height-10 { height: 10px !important; } .height-11 { height: 11px !important; } .height-12 { height: 12px !important; } .height-13 { height: 13px !important; } .height-14 { height: 14px !important; } .height-15 { height: 15px !important; } .height-16 { height: 16px !important; } .height-17 { height: 17px !important; } .height-18 { height: 18px !important; } .height-19 { height: 19px !important; } .height-20 { height: 20px !important; } .height-21 { height: 21px !important; } .height-22 { height: 22px !important; } .height-23 { height: 23px !important; } .height-24 { height: 24px !important; } .height-25 { height: 25px !important; } .height-26 { height: 26px !important; } .height-27 { height: 27px !important; } .height-28 { height: 28px !important; } .height-29 { height: 29px !important; } .height-30 { height: 30px !important; } .height-31 { height: 31px !important; } .height-32 { height: 32px !important; } .height-33 { height: 33px !important; } .height-34 { height: 34px !important; } .height-35 { height: 35px !important; } .height-36 { height: 36px !important; } .height-37 { height: 37px !important; } .height-38 { height: 38px !important; } .height-39 { height: 39px !important; } .height-40 { height: 40px !important; } .height-41 { height: 41px !important; } .height-42 { height: 42px !important; } .height-43 { height: 43px !important; } .height-44 { height: 44px !important; } .height-45 { height: 45px !important; } .height-46 { height: 46px !important; } .height-47 { height: 47px !important; } .height-48 { height: 48px !important; } .height-49 { height: 49px !important; } .height-50 { height: 50px !important; } .h-100-vh { height: 100vh; } body { font-family: "Inter", sans-serif; position: relative; background-color: #f8fafb; font-size: 15px; color: #505050; } body.no-scroll { overflow: hidden; } * { min-width: 0; min-height: 0; } .preloader { position: fixed; right: 0; left: 0; top: 0; bottom: 0; z-index: 1001; background: white; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; /* Safari */ } .preloader .preloader-icon { border: 5px solid #eeeeee; border-radius: 50%; border-top: 5px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 0.5s linear infinite; animation: spin 0.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .preloader svg path { fill: #0081ff; } .icon-block { width: 40px; height: 40px; line-height: 40px; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: #e1e1e1; border-radius: 3px; text-align: center; color: black; font-size: 18px; } .icon-block.icon-block-outline-white { border: 2px solid white; background: none; color: white !important; } .icon-block.icon-block-outline-primary { border: 2px solid #0081ff; color: #0081ff !important; background: none; } .icon-block.icon-block-outline-success { border: 2px solid #28c76f; color: #28c76f !important; background: none; } .icon-block.icon-block-outline-danger { border: 2px solid #ea5455; color: #ea5455 !important; background: none; } .icon-block.icon-block-outline-info { border: 2px solid #33b5e5; color: #33b5e5 !important; background: none; } .icon-block.icon-block-outline-warning { border: 2px solid #ff9f43; color: #ff9f43 !important; background: none; } .icon-block.icon-block-outline-dark { border: 2px solid #293134; color: #293134 !important; background: none; } .icon-block.icon-block-outline-secondary { border: 2px solid #aa66cc; color: #aa66cc !important; background: none; } .icon-block.icon-block-outline-facebook { border: 2px solid #3b5998; color: #3b5998 !important; background: none; } .icon-block.icon-block-outline-twitter { border: 2px solid #55acee; color: #55acee !important; background: none; } .icon-block.icon-block-outline-linkedin { border: 2px solid #0077b5; color: #0077b5 !important; background: none; } .icon-block.icon-block-outline-whatsapp { border: 2px solid #43d854; color: #43d854 !important; background: none; } .icon-block.icon-block-outline-instagram { border: 2px solid #3f729b; color: #3f729b !important; background: none; } .icon-block.icon-block-outline-dribbble { border: 2px solid #ea4c89; color: #ea4c89 !important; background: none; } .icon-block.icon-block-outline-google { border: 2px solid #db4437; color: #db4437 !important; background: none; } .icon-block.icon-block-outline-youtube { border: 2px solid #cd201f; color: #cd201f !important; background: none; } .icon-block.icon-block-xl { width: 70px; height: 70px; line-height: 70px; font-size: 28px; } .icon-block.icon-block-lg { width: 50px; height: 50px; line-height: 50px; font-size: 22px; } .icon-block.icon-block-sm { width: 30px; height: 30px; line-height: 30px; font-size: 14px; } .icon-block.icon-block-xs { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .icon-block.icon-block-floating { border-radius: 50%; } body.error-page img { width: 50%; display: table; margin: 50px auto; } body.error-page .display-1 { font-size: 10em; } .error-page { text-align: center; height: calc(100vh - 120px); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .error-page .error-page-item { font-size: 14rem; line-height: 14rem; margin-left: -2rem; text-shadow: -5px 1px 0px white; } .error-page .error-page-item:nth-child(2) { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); display: inline-block; } .form-control, .swal-modal input.swal-content__input, .custom-select { font-size: 0.875rem; border-color: #e1e1e1; border-radius: 0.5rem; } .form-control:focus, .swal-modal input.swal-content__input:focus, .custom-select:focus { box-shadow: none; border-color: rgba(0, 129, 255, 0.8); } .form-control:not(.form-control-lg):not(.form-control-sm), .swal-modal input.swal-content__input:not(.form-control-lg):not(.form-control-sm) { height: calc(1.5em + .75rem + 3px); } .form-rounded { border-radius: 50px; } .form-control-lg { font-size: 1.1rem; } .form-control-sm { font-size: 0.8rem; } .input-group-text { border: none; } textarea { min-height: 100px; max-height: 500px; } .custom-file-input:focus ~ .custom-file-label { border-color: #339aff; box-shadow: none; } .custom-control-input { right: 0; } .custom-control-label { line-height: 25px; } /* Checkboxes and Radios */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:checked ~ .custom-control-label::before { border-color: #0081ff; background-color: #0081ff; } .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, .custom-radio .custom-control-input:focus ~ .custom-control-label::before, .custom-switch .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); } .custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #5caeff; background-color: #5caeff; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { border-color: #aa66cc; background-color: #aa66cc; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #d0abe3; background-color: #d0abe3; } .custom-checkbox.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-secondary .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.3); } .custom-checkbox.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before { border-color: #28c76f; background-color: #28c76f; } .custom-checkbox.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #6ae19f; background-color: #6ae19f; } .custom-checkbox.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-success .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.3); } .custom-checkbox.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { border-color: #ea5455; background-color: #ea5455; } .custom-checkbox.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #f4a6a6; background-color: #f4a6a6; } .custom-checkbox.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-danger .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.3); } .custom-checkbox.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { border-color: #ff9f43; background-color: #ff9f43; } .custom-checkbox.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #ffce9f; background-color: #ffce9f; } .custom-checkbox.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-warning .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.3); } .custom-checkbox.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before { border-color: #33b5e5; background-color: #33b5e5; } .custom-checkbox.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #84d3ef; background-color: #84d3ef; } .custom-checkbox.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-info .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.3); } .custom-checkbox.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before { border-color: #293134; background-color: #293134; } .custom-checkbox.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #516167; background-color: #516167; } .custom-checkbox.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, .custom-radio.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before, .custom-switch.custom-checkbox-dark .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.3); } .custom-checkbox.custom-range-danger::before { background-color: #ea5455; } .custom-checkbox.custom-range-danger::-webkit-slider-thumb:active { background-color: #f4a6a6; } .custom-range::-webkit-slider-thumb { background-color: #0081ff; } .custom-range::-webkit-slider-thumb:active { background-color: #5caeff; } .custom-range.custom-range-danger::-webkit-slider-thumb { background-color: #ea5455; } .custom-range.custom-range-danger::-webkit-slider-thumb:active { background-color: #f4a6a6; } .custom-range.custom-range-warning::-webkit-slider-thumb { background-color: #ff9f43; } .custom-range.custom-range-warning::-webkit-slider-thumb:active { background-color: #ffce9f; } .custom-range.custom-range-success::-webkit-slider-thumb { background-color: #28c76f; } .custom-range.custom-range-success::-webkit-slider-thumb:active { background-color: #6ae19f; } .custom-range.custom-range-secondary::-webkit-slider-thumb { background-color: #aa66cc; } .custom-range.custom-range-secondary::-webkit-slider-thumb:active { background-color: #d0abe3; } .custom-range.custom-range-info::-webkit-slider-thumb { background-color: #33b5e5; } .custom-range.custom-range-info::-webkit-slider-thumb:active { background-color: #84d3ef; } .custom-range.custom-range-light::-webkit-slider-thumb { background-color: #afb8bd; } .custom-range.custom-range-light::-webkit-slider-thumb:active { background-color: #e1e5e6; } .custom-range.custom-range-dark::-webkit-slider-thumb { background-color: #293134; } .custom-range.custom-range-dark::-webkit-slider-thumb:active { background-color: #516167; } .wizard > .content { min-height: auto; margin: 0; margin-bottom: 15px; background: none; padding: 0 !important; } .wizard .wizard-index { background-color: rgba(0, 0, 0, 0.4); height: 30px; width: 30px; border-radius: 50%; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: #fff; margin-right: 0.5rem; } .wizard .current .wizard-index { background-color: rgba(255, 255, 255, 0.2); } .wizard > .actions > ul > li { margin: 0; margin-left: 10px; } .wizard > .content > .body { float: none; position: static; width: auto; height: auto; } .wizard > .steps { margin-bottom: 1.5rem; } .wizard > .steps a, .wizard > .steps .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps button.btn, .wizard > .steps a:hover, .wizard > .steps a:active { margin: 0; margin-right: 10px; } .wizard > .steps .current a, .wizard > .steps .current .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .current button.btn, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #0081ff; } .wizard > .steps .error a, .wizard > .steps .error .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .error button.btn, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ea5455; } .wizard > .steps .done a, .wizard > .steps .done .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .steps .done button.btn, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background-color: #28c76f; color: white; } .wizard > .actions a, .wizard > .actions .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .wizard > .actions button.btn, .wizard > .actions a:hover, .wizard > .actions a:active { background-color: #28c76f; color: white; } .page-header { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; height: 55px; } .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5 { margin: 0; } .page-header .breadcrumb { background: none; padding: 0; margin: 0; } .page-header .breadcrumb a:hover, .page-header .breadcrumb .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .page-header .breadcrumb button.btn:hover { text-decoration: underline; } .page-header .breadcrumb li.breadcrumb-item { font-size: 14px !important; } .page-header .breadcrumb li.breadcrumb-item:first-child:before { font-size: 12px; font-family: themify; content: "\E69B"; display: inline-block; margin-right: 8px; } .page-header .breadcrumb li.breadcrumb-item + .breadcrumb-item::before { font-size: 10px; } .page-header .breadcrumb li.breadcrumb-item.active { color: #0081ff; font-weight: 600; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .card, .app-block .app-content .app-action, .chat-block { margin-bottom: 1.875rem; position: relative; background-color: white; border-radius: 0.5rem; border: none; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); } .card.bg-primary .card-header, .app-block .app-content .bg-primary.app-action .card-header, .bg-primary.chat-block .card-header, .card.bg-secondary .card-header, .app-block .app-content .bg-secondary.app-action .card-header, .bg-secondary.chat-block .card-header, .card.bg-success .card-header, .app-block .app-content .bg-success.app-action .card-header, .bg-success.chat-block .card-header, .card.bg-danger .card-header, .app-block .app-content .bg-danger.app-action .card-header, .bg-danger.chat-block .card-header, .card.bg-warning .card-header, .app-block .app-content .bg-warning.app-action .card-header, .bg-warning.chat-block .card-header, .card.bg-info .card-header, .app-block .app-content .bg-info.app-action .card-header, .bg-info.chat-block .card-header, .card.bg-dark .card-header, .app-block .app-content .bg-dark.app-action .card-header, .bg-dark.chat-block .card-header { border-bottom: 1px solid rgba(235, 235, 235, 0.4); } .card .card-header, .app-block .app-content .app-action .card-header, .chat-block .card-header, .card .card-footer, .app-block .app-content .app-action .card-footer, .chat-block .card-footer { border: none; background: none; font-size: 13px; font-weight: 600; padding: 10px 20px; } .card .card-header, .app-block .app-content .app-action .card-header, .chat-block .card-header { margin-bottom: 0; border-bottom: 1px solid #ebebeb; } .card .card-footer, .app-block .app-content .app-action .card-footer, .chat-block .card-footer { border-top: 1px solid #ebebeb; } .card .card-body, .app-block .app-content .app-action .card-body, .chat-block .card-body { padding: 1.5rem; } .card .card-body h1.card-title, .app-block .app-content .app-action .card-body h1.card-title, .chat-block .card-body h1.card-title, .card .card-body h2.card-title, .app-block .app-content .app-action .card-body h2.card-title, .chat-block .card-body h2.card-title, .card .card-body h3.card-title, .app-block .app-content .app-action .card-body h3.card-title, .chat-block .card-body h3.card-title, .card .card-body h4.card-title, .app-block .app-content .app-action .card-body h4.card-title, .chat-block .card-body h4.card-title, .card .card-body h5.card-title, .app-block .app-content .app-action .card-body h5.card-title, .chat-block .card-body h5.card-title, .card .card-body h6.card-title, .app-block .app-content .app-action .card-body h6.card-title, .chat-block .card-body h6.card-title { margin-bottom: 2rem; font-size: 1rem; font-weight: 600; } .card .card-body h1.card-title .dropdown *, .app-block .app-content .app-action .card-body h1.card-title .dropdown *, .chat-block .card-body h1.card-title .dropdown *, .card .card-body h2.card-title .dropdown *, .app-block .app-content .app-action .card-body h2.card-title .dropdown *, .chat-block .card-body h2.card-title .dropdown *, .card .card-body h3.card-title .dropdown *, .app-block .app-content .app-action .card-body h3.card-title .dropdown *, .chat-block .card-body h3.card-title .dropdown *, .card .card-body h4.card-title .dropdown *, .app-block .app-content .app-action .card-body h4.card-title .dropdown *, .chat-block .card-body h4.card-title .dropdown *, .card .card-body h5.card-title .dropdown *, .app-block .app-content .app-action .card-body h5.card-title .dropdown *, .chat-block .card-body h5.card-title .dropdown *, .card .card-body h6.card-title .dropdown *, .app-block .app-content .app-action .card-body h6.card-title .dropdown *, .chat-block .card-body h6.card-title .dropdown * { letter-spacing: normal; text-transform: none; } .card .card-scroll, .app-block .app-content .app-action .card-scroll, .chat-block .card-scroll { height: 300px; overflow: auto; } .card.purple, .app-block .app-content .purple.app-action, .purple.chat-block { height: 120px; background: linear-gradient(200deg, #8a8ded, #9c9dc6); } .card.blue, .app-block .app-content .blue.app-action, .blue.chat-block { height: 120px; background: linear-gradient(200deg, #6bc5e7, #bcd7ff); } .card.green, .app-block .app-content .green.app-action, .green.chat-block { height: 120px; background: linear-gradient(200deg, #77df75, #b5e7a0); } .card.orange, .app-block .app-content .orange.app-action, .orange.chat-block { height: 120px; background: linear-gradient(200deg, #ffc033, #ffc49d); } .card > .table-responsive .table td, .app-block .app-content .app-action > .table-responsive .table td, .chat-block > .table-responsive .table td, .card > .table-responsive .table th, .app-block .app-content .app-action > .table-responsive .table th, .chat-block > .table-responsive .table th { padding: 0.75rem 1.5rem; } .card-group, .card-columns { margin-bottom: 30px; } .bg-primary { background: #0081ff !important; color: white !important; } .bg-primary-bright { background: rgba(0, 129, 255, 0.3) !important; } .bg-primary-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-primary-bright.bg-hover:hover { background: rgba(11, 91, 182, 0.3) !important; } .bg-primary-gradient { background: linear-gradient(230deg, #0081ff, #4da7ff) !important; color: white !important; } .bg-info { background: #33b5e5 !important; color: white !important; } .bg-info.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-info.bg-hover:hover { background: #60c5eb !important; } .bg-info-bright { background: rgba(51, 181, 229, 0.3) !important; } .bg-info-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-info-bright.bg-hover:hover { background: rgba(29, 173, 226, 0.3) !important; } .bg-info-gradient { background: linear-gradient(230deg, #33b5e5, #77ceee) !important; color: white !important; } .bg-secondary { background: #aa66cc !important; color: white !important; } .bg-secondary.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-secondary.bg-hover:hover { background: #bf8cd9 !important; } .bg-secondary-bright { background: rgba(170, 102, 204, 0.3) !important; } .bg-secondary-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-secondary-bright.bg-hover:hover { background: rgba(159, 83, 198, 0.3) !important; } .bg-secondary-gradient { background: linear-gradient(230deg, #aa66cc, #ca9fdf) !important; color: white !important; } .bg-success { background: #28c76f !important; color: white !important; } .bg-success.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-success.bg-hover:hover { background: #48da89 !important; } .bg-success-bright { background: rgba(40, 199, 111, 0.3) !important; } .bg-success-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-success-bright.bg-hover:hover { background: rgba(36, 178, 99, 0.3) !important; } .bg-success-gradient { background: linear-gradient(230deg, #28c76f, #5dde97) !important; color: white !important; } .bg-danger { background: #ea5455 !important; color: white !important; } .bg-danger.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-danger.bg-hover:hover { background: #f08182 !important; } .bg-danger-bright { background: rgba(234, 84, 85, 0.3) !important; } .bg-danger-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-danger-bright.bg-hover:hover { background: rgba(231, 61, 62, 0.3) !important; } .bg-danger-gradient { background: linear-gradient(230deg, #ea5455, #f29899) !important; color: white !important; } .bg-warning { background: #ff9f43 !important; color: white !important; } .bg-warning.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-warning.bg-hover:hover { background: #ffb976 !important; } .bg-warning-bright { background: rgba(255, 159, 67, 0.3) !important; } .bg-warning-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-warning-bright.bg-hover:hover { background: rgba(255, 146, 42, 0.3) !important; } .bg-warning-gradient { background: linear-gradient(230deg, #ff9f43, #ffc690) !important; color: white !important; } .bg-light { background: #afb8bd !important; } .bg-dark { background: #293134 !important; color: white !important; } .bg-dark.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-dark.bg-hover:hover { background: #3f4c51 !important; } .bg-dark-bright { background: #d4d5d8 !important; } .bg-dark-bright.bg-hover { -webkit-transition: background 0.2s; transition: background 0.2s; } .bg-dark-bright.bg-hover:hover { background: #c7c8cc !important; } .bg-dark-gradient { background: linear-gradient(230deg, #293134, #4b595f) !important; color: white !important; } .bg-facebook { background: #3b5998 !important; color: white !important; } .bg-twitter { background: #55acee !important; color: white !important; } .bg-linkedin { background: #0077b5 !important; color: white !important; } .bg-whatsapp { background: #43d854 !important; color: white !important; } .bg-instagram { background: #3f729b !important; color: white !important; } .bg-dribbble { background: #ea4c89 !important; color: white !important; } .bg-google { background: #db4437 !important; color: white !important; } .bg-youtube { background: #cd201f !important; color: white !important; } .text-primary { color: #0081ff !important; } .text-secondary { color: #aa66cc !important; } .text-info { color: #33b5e5 !important; } .text-success, .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { color: #28c76f !important; } .text-danger { color: #ea5455 !important; } .text-warning { color: #ff9f43 !important; } .text-light { color: #afb8bd !important; } .text-facebook { color: #3b5998 !important; } .text-twitter { color: #55acee !important; } .text-google { color: #db4437 !important; } .text-linkedin { color: #0077b5 !important; } .text-instagram { color: #3f729b !important; } .text-whatsapp { color: #43d854 !important; } .text-dribbble { color: #ea4c89 !important; } .colorpicker.dropdown-menu { visibility: visible; opacity: 1; height: auto; } .colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; } .colorpicker.colorpicker-hidden { display: none !important; } ul:not(.list-unstyled) { margin: 0; padding: 0; } ul:not(.list-unstyled) li { list-style-type: none; } ul:not(.list-unstyled) li a .icon, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn .icon, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn .icon { color: #d1d1d1; font-size: 14px; vertical-align: middle; } ul:not(.list-unstyled) li a:hover, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:hover, ul:not(.list-unstyled) li a:focus, ul:not(.list-unstyled) li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append ul:not(.list-unstyled) li button.btn:focus { text-decoration: underline; } ul li a:hover, ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append ul li button.btn:hover, ul li a:focus, ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append ul li button.btn:focus { text-decoration: none !important; } ul.list-unstyled li { margin-bottom: 10px; } ul.list-unstyled li ul { margin-left: 30px !important; margin-top: 10px !important; margin-bottom: 10px !important; } ul.list-unstyled li ul li { list-style-type: disc !important; } ul.links a, ul.links .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append ul.links button.btn { display: block; padding: 3px 5px; color: #2e2e2e; } ul.links a.active, ul.links .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append ul.links button.active.btn { color: #0081ff; font-weight: 500; } .list-group.list-group-sm .list-group-item { padding: 0.4rem 1rem; } .text-uppercase { letter-spacing: 0.5px; } .bg-none { background-color: inherit !important; } h1 { font-size: 29px; } h2 { font-size: 26px; } h3 { font-size: 23px; } h4 { font-size: 20px; } h5 { font-size: 17px; } h6 { font-size: 14px; } ul.list-inline li { margin-bottom: 0.5rem; } hr { border-color: #e6e6e6; } .right-0 { right: 0; } .left-0 { left: 0; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .cursor-pointer { cursor: pointer; } p { line-height: 1.5rem; } a, .header form .input-group .input-group-append button.btn { color: #666666; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } a:hover, .header form .input-group .input-group-append button.btn:hover { color: black; text-decoration: none; } a.link-1, .header form .input-group .input-group-append button.link-1.btn { color: #0081ff; } a.link-1:hover, .header form .input-group .input-group-append button.link-1.btn:hover, a.link-1:focus, .header form .input-group .input-group-append button.link-1.btn:focus { color: rgba(0, 129, 255, 0.8); } a.link-2, .header form .input-group .input-group-append button.link-2.btn { color: black; } a.link-2:hover, .header form .input-group .input-group-append button.link-2.btn:hover, a.link-2:focus, .header form .input-group .input-group-append button.link-2.btn:focus { color: #0081ff; } a.link-3, .header form .input-group .input-group-append button.link-3.btn { color: white; } a.link-3:hover, .header form .input-group .input-group-append button.link-3.btn:hover, a.link-3:focus, .header form .input-group .input-group-append button.link-3.btn:focus { color: #0081ff; } a:not(.active.list-group-item), .header form .input-group .input-group-append button.btn:not(.active.list-group-item), a:not(.btn):hover, .header form .input-group .input-group-append button.btn:not(.btn):hover, a:not(.btn):active, .header form .input-group .input-group-append button.btn:not(.btn):active, a:not(.btn):focus, .header form .input-group .input-group-append button.btn:not(.btn):focus { text-decoration: none !important; color: black; outline: none; } a.btn:hover, .header form .input-group .input-group-append button.btn:hover, a.btn:active, .header form .input-group .input-group-append button.btn:active, a.btn:focus, .header form .input-group .input-group-append button.btn:focus { text-decoration: none !important; } .page-link { color: #0081ff; } .page-link:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3); } .btn { font-size: 14px; width: auto; display: -webkit-inline-box; display: inline-flex; font-weight: 600; -webkit-box-align: center; align-items: center; padding: 10px 15px; line-height: 14px; border-radius: 0.5rem; } .btn svg { width: 14px !important; height: 14px !important; } .btn[data-toggle=dropdown] { -webkit-box-align: center; align-items: center; } .btn.btn-sm { padding: 5px 10px; font-size: 13px; } .btn.btn-lg { padding: 15px 20px; font-size: 17px; } .btn.btn-block { width: 100%; -webkit-box-pack: center; justify-content: center; } .btn.btn-square { border-radius: 0; } .btn.btn-rounded { border-radius: 50px; padding: 10px 20px; } .btn.btn-rounded.btn-sm { padding: 5px 15px; font-size: 13px; } .btn.btn-rounded.btn-lg { padding: 20px 30px; font-size: 17px; } .btn.btn-floating { height: 35px; width: 35px; padding: 0; -webkit-box-pack: center; justify-content: center; border-radius: 50%; } .btn.btn-floating.btn-sm { height: 30px; width: 30px; } .btn.btn-floating.btn-lg { height: 50px; width: 50px; } .btn.btn-uppercase { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; -webkit-box-align: center; align-items: center; font-weight: 600; } .btn.btn-uppercase.btn-sm { font-size: 11px; } .btn.btn-uppercase.btn-lg { font-size: 14px; } .btn.btn-shadow { box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.3); } .btn.btn-shadow:focus, .btn.btn-shadow:active { box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.3) !important; } .btn.btn-primary, a.btn[href="#next"], .header form .input-group .input-group-append button.btn[href="#next"], a.btn[href="#previous"], .header form .input-group .input-group-append button.btn[href="#previous"] { background: #0081ff; border-color: #0081ff; } .btn.btn-primary:not(:disabled):not(.disabled):hover, a.btn[href="#next"]:not(:disabled):not(.disabled):hover, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):hover, a.btn[href="#previous"]:not(:disabled):not(.disabled):hover, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):hover, .btn.btn-primary:not(:disabled):not(.disabled):focus, a.btn[href="#next"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):active, a.btn[href="#next"]:not(:disabled):not(.disabled):active, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):active, a.btn[href="#previous"]:not(:disabled):not(.disabled):active, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active { background: #0067cc; border-color: #0067cc; } .btn.btn-primary:not(:disabled):not(.disabled):focus, a.btn[href="#next"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#next"]:not(:disabled):not(.disabled):focus, a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important; } .btn.btn-primary.btn-pulse:not(:disabled):not(.disabled), a.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), .header form .input-group .input-group-append button.btn.btn-pulse[href="#next"]:not(:disabled):not(.disabled), a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled), .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-primary:hover, a.btn[href="#next"]:hover, .header form .input-group .input-group-append button.btn[href="#next"]:hover, a.btn[href="#previous"]:hover, .header form .input-group .input-group-append button.btn[href="#previous"]:hover { -webkit-animation: none; } .btn.btn-gradient-primary { background: linear-gradient(20deg, #4da7ff, #0067cc); border-color: transparent; color: white; } .btn.btn-gradient-primary:not(:disabled):not(.disabled):hover, .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus, .btn.btn-gradient-primary:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #0081ff, #0067cc); border-color: transparent; } .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5); } .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-primary:hover { -webkit-animation: none; } .btn.btn-light-primary { background: rgba(0, 129, 255, 0.3); border-color: transparent; color: #0053a3; } .btn.btn-light-primary:not(:disabled):not(.disabled):hover, .btn.btn-light-primary:not(:disabled):not(.disabled):focus, .btn.btn-light-primary:not(:disabled):not(.disabled):active { background: rgba(0, 129, 255, 0.5); border-color: transparent; } .btn.btn-light-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2); } .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-primary:hover { -webkit-animation: none; } .btn.btn-outline-primary { background: none; border-color: #0081ff; color: #0074e6; border-width: 1px; } .btn.btn-outline-primary:not(:disabled):not(.disabled):hover { background: #0081ff; border-color: #0081ff; color: white; } .btn.btn-outline-primary:not(:disabled):not(.disabled):focus, .btn.btn-outline-primary:not(:disabled):not(.disabled):active { background: #0062c2; border-color: #0062c2; color: white; } .btn.btn-outline-primary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4); } .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-primary:hover { -webkit-animation: none; } .btn.btn-secondary { background: #aa66cc; border-color: #aa66cc; } .btn.btn-secondary:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):active { background: #9540bf; border-color: #9540bf; } .btn.btn-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4) !important; } .btn.btn-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-secondary:hover { -webkit-animation: none; } .btn.btn-gradient-secondary { background: linear-gradient(20deg, #ca9fdf, #9540bf); border-color: transparent; color: white; } .btn.btn-gradient-secondary:not(:disabled):not(.disabled):hover, .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus, .btn.btn-gradient-secondary:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #aa66cc, #9540bf); border-color: transparent; } .btn.btn-gradient-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.5); } .btn.btn-gradient-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-secondary:hover { -webkit-animation: none; } .btn.btn-light-secondary { background: rgba(170, 102, 204, 0.3); border-color: transparent; color: #7d36a1; } .btn.btn-light-secondary:not(:disabled):not(.disabled):hover, .btn.btn-light-secondary:not(:disabled):not(.disabled):focus, .btn.btn-light-secondary:not(:disabled):not(.disabled):active { background: rgba(170, 102, 204, 0.5); border-color: transparent; } .btn.btn-light-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.2); } .btn.btn-light-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-secondary:hover { -webkit-animation: none; } .btn.btn-outline-secondary { background: none; border-color: #aa66cc; color: #9f53c6; border-width: 1px; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):hover { background: #aa66cc; border-color: #aa66cc; color: white; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active { background: #8f3db8; border-color: #8f3db8; color: white; } .btn.btn-outline-secondary:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(170, 102, 204, 0.4); } .btn.btn-outline-secondary.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(170, 102, 204, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-secondary:hover { -webkit-animation: none; } .btn.btn-success { background: #28c76f; border-color: #28c76f; } .btn.btn-success:not(:disabled):not(.disabled):hover, .btn.btn-success:not(:disabled):not(.disabled):focus, .btn.btn-success:not(:disabled):not(.disabled):active { background: #1f9d57; border-color: #1f9d57; } .btn.btn-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4) !important; } .btn.btn-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-success:hover { -webkit-animation: none; } .btn.btn-gradient-success { background: linear-gradient(20deg, #5dde97, #1f9d57); border-color: transparent; color: white; } .btn.btn-gradient-success:not(:disabled):not(.disabled):hover, .btn.btn-gradient-success:not(:disabled):not(.disabled):focus, .btn.btn-gradient-success:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #28c76f, #1f9d57); border-color: transparent; } .btn.btn-gradient-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5); } .btn.btn-gradient-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-success:hover { -webkit-animation: none; } .btn.btn-light-success { background: rgba(40, 199, 111, 0.3); border-color: transparent; color: #197b44; } .btn.btn-light-success:not(:disabled):not(.disabled):hover, .btn.btn-light-success:not(:disabled):not(.disabled):focus, .btn.btn-light-success:not(:disabled):not(.disabled):active { background: rgba(40, 199, 111, 0.5); border-color: transparent; } .btn.btn-light-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.2); } .btn.btn-light-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-success:hover { -webkit-animation: none; } .btn.btn-outline-success { background: none; border-color: #28c76f; color: #24b263; border-width: 1px; } .btn.btn-outline-success:not(:disabled):not(.disabled):hover { background: #28c76f; border-color: #28c76f; color: white; } .btn.btn-outline-success:not(:disabled):not(.disabled):focus, .btn.btn-outline-success:not(:disabled):not(.disabled):active { background: #1e9453; border-color: #1e9453; color: white; } .btn.btn-outline-success:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.4); } .btn.btn-outline-success.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(40, 199, 111, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-success:hover { -webkit-animation: none; } .btn.btn-danger { background: #ea5455; border-color: #ea5455; } .btn.btn-danger:not(:disabled):not(.disabled):hover, .btn.btn-danger:not(:disabled):not(.disabled):focus, .btn.btn-danger:not(:disabled):not(.disabled):active { background: #e42728; border-color: #e42728; } .btn.btn-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4) !important; } .btn.btn-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-danger:hover { -webkit-animation: none; } .btn.btn-gradient-danger { background: linear-gradient(20deg, #f29899, #e42728); border-color: transparent; color: white; } .btn.btn-gradient-danger:not(:disabled):not(.disabled):hover, .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus, .btn.btn-gradient-danger:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #ea5455, #e42728); border-color: transparent; } .btn.btn-gradient-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5); } .btn.btn-gradient-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-danger:hover { -webkit-animation: none; } .btn.btn-light-danger { background: rgba(234, 84, 85, 0.3); border-color: transparent; color: #c9191a; } .btn.btn-light-danger:not(:disabled):not(.disabled):hover, .btn.btn-light-danger:not(:disabled):not(.disabled):focus, .btn.btn-light-danger:not(:disabled):not(.disabled):active { background: rgba(234, 84, 85, 0.5); border-color: transparent; } .btn.btn-light-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.2); } .btn.btn-light-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-danger:hover { -webkit-animation: none; } .btn.btn-outline-danger { background: none; border-color: #ea5455; color: #e73d3e; border-width: 1px; } .btn.btn-outline-danger:not(:disabled):not(.disabled):hover { background: #ea5455; border-color: #ea5455; color: white; } .btn.btn-outline-danger:not(:disabled):not(.disabled):focus, .btn.btn-outline-danger:not(:disabled):not(.disabled):active { background: #e31d1f; border-color: #e31d1f; color: white; } .btn.btn-outline-danger:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.4); } .btn.btn-outline-danger.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 84, 85, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-danger:hover { -webkit-animation: none; } .btn.btn-warning { background: #ff9f43; border-color: #ff9f43; } .btn.btn-warning:not(:disabled):not(.disabled):hover, .btn.btn-warning:not(:disabled):not(.disabled):focus, .btn.btn-warning:not(:disabled):not(.disabled):active { background: #ff8510; border-color: #ff8510; } .btn.btn-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4) !important; } .btn.btn-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-warning:hover { -webkit-animation: none; } .btn.btn-gradient-warning { background: linear-gradient(20deg, #ffc690, #ff8510); border-color: transparent; color: white; color: #212529; } .btn.btn-gradient-warning:not(:disabled):not(.disabled):hover, .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus, .btn.btn-gradient-warning:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #ff9f43, #ff8510); border-color: transparent; } .btn.btn-gradient-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5); } .btn.btn-gradient-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-warning:hover { -webkit-animation: none; } .btn.btn-light-warning { background: rgba(255, 159, 67, 0.3); border-color: transparent; color: #e67100; } .btn.btn-light-warning:not(:disabled):not(.disabled):hover, .btn.btn-light-warning:not(:disabled):not(.disabled):focus, .btn.btn-light-warning:not(:disabled):not(.disabled):active { background: rgba(255, 159, 67, 0.5); border-color: transparent; } .btn.btn-light-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.2); } .btn.btn-light-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-warning:hover { -webkit-animation: none; } .btn.btn-outline-warning { background: none; border-color: #ff9f43; color: #ff922a; border-width: 1px; } .btn.btn-outline-warning:not(:disabled):not(.disabled):hover { background: #ff9f43; border-color: #ff9f43; color: white; } .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, .btn.btn-outline-warning:not(:disabled):not(.disabled):active { background: #ff8006; border-color: #ff8006; color: white; } .btn.btn-outline-warning:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.4); } .btn.btn-outline-warning.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(255, 159, 67, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-warning:hover { -webkit-animation: none; } .btn.btn-outline-warning:not(:disabled):not(.disabled):hover, .btn.btn-outline-warning:not(:disabled):not(.disabled):focus, .btn.btn-outline-warning:not(:disabled):not(.disabled):active { color: #212529; } .btn.btn-info { background: #33b5e5; border-color: #33b5e5; } .btn.btn-info:not(:disabled):not(.disabled):hover, .btn.btn-info:not(:disabled):not(.disabled):focus, .btn.btn-info:not(:disabled):not(.disabled):active { background: #1a9bcb; border-color: #1a9bcb; } .btn.btn-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4) !important; } .btn.btn-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-info:hover { -webkit-animation: none; } .btn.btn-gradient-info { background: linear-gradient(20deg, #77ceee, #1a9bcb); border-color: transparent; color: white; } .btn.btn-gradient-info:not(:disabled):not(.disabled):hover, .btn.btn-gradient-info:not(:disabled):not(.disabled):focus, .btn.btn-gradient-info:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #33b5e5, #1a9bcb); border-color: transparent; } .btn.btn-gradient-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.5); } .btn.btn-gradient-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-info:hover { -webkit-animation: none; } .btn.btn-light-info { background: rgba(51, 181, 229, 0.3); border-color: transparent; color: #1580a7; } .btn.btn-light-info:not(:disabled):not(.disabled):hover, .btn.btn-light-info:not(:disabled):not(.disabled):focus, .btn.btn-light-info:not(:disabled):not(.disabled):active { background: rgba(51, 181, 229, 0.5); border-color: transparent; } .btn.btn-light-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.2); } .btn.btn-light-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-info:hover { -webkit-animation: none; } .btn.btn-outline-info { background: none; border-color: #33b5e5; color: #1dade2; border-width: 1px; } .btn.btn-outline-info:not(:disabled):not(.disabled):hover { background: #33b5e5; border-color: #33b5e5; color: white; } .btn.btn-outline-info:not(:disabled):not(.disabled):focus, .btn.btn-outline-info:not(:disabled):not(.disabled):active { background: #1994c2; border-color: #1994c2; color: white; } .btn.btn-outline-info:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(51, 181, 229, 0.4); } .btn.btn-outline-info.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(51, 181, 229, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-info:hover { -webkit-animation: none; } .btn.btn-light, .fc .btn.fc-state-default { background: #afb8bd; border-color: #afb8bd; } .btn.btn-light:not(:disabled):not(.disabled):hover, .fc .btn.fc-state-default:not(:disabled):not(.disabled):hover, .btn.btn-light:not(:disabled):not(.disabled):focus, .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus, .btn.btn-light:not(:disabled):not(.disabled):active, .fc .btn.fc-state-default:not(:disabled):not(.disabled):active { background: #939fa6; border-color: #939fa6; } .btn.btn-light:not(:disabled):not(.disabled):focus, .fc .btn.fc-state-default:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4) !important; } .btn.btn-light.btn-pulse:not(:disabled):not(.disabled), .fc .btn.btn-pulse.fc-state-default:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light:hover, .fc .btn.fc-state-default:hover { -webkit-animation: none; } .btn.btn-gradient-light { background: linear-gradient(20deg, #d9dde0, #939fa6); border-color: transparent; color: white; color: inherit; } .btn.btn-gradient-light:not(:disabled):not(.disabled):hover, .btn.btn-gradient-light:not(:disabled):not(.disabled):focus, .btn.btn-gradient-light:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #afb8bd, #939fa6); border-color: transparent; } .btn.btn-gradient-light:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.5); } .btn.btn-gradient-light.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-light:hover { -webkit-animation: none; } .btn.btn-outline-light { background: none; border-color: #afb8bd; color: #a1acb1; border-width: 1px; color: #212529; } .btn.btn-outline-light:not(:disabled):not(.disabled):hover { background: #afb8bd; border-color: #afb8bd; color: white; } .btn.btn-outline-light:not(:disabled):not(.disabled):focus, .btn.btn-outline-light:not(:disabled):not(.disabled):active { background: #8d9aa1; border-color: #8d9aa1; color: white; } .btn.btn-outline-light:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(175, 184, 189, 0.4); } .btn.btn-outline-light.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(175, 184, 189, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-light:hover { -webkit-animation: none; } .btn.btn-outline-light:not(:disabled):not(.disabled):hover, .btn.btn-outline-light:not(:disabled):not(.disabled):focus, .btn.btn-outline-light:not(:disabled):not(.disabled):active { color: #212529; } .btn.btn-dark { background: #293134; border-color: #293134; } .btn.btn-dark:not(:disabled):not(.disabled):hover, .btn.btn-dark:not(:disabled):not(.disabled):focus, .btn.btn-dark:not(:disabled):not(.disabled):active { background: #131617; border-color: #131617; } .btn.btn-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4) !important; } .btn.btn-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-dark:hover { -webkit-animation: none; } .btn.btn-gradient-dark { background: linear-gradient(20deg, #4b595f, #131617); border-color: transparent; color: white; } .btn.btn-gradient-dark:not(:disabled):not(.disabled):hover, .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus, .btn.btn-gradient-dark:not(:disabled):not(.disabled):active { background: linear-gradient(20deg, #293134, #131617); border-color: transparent; } .btn.btn-gradient-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.5); } .btn.btn-gradient-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-gradient-dark:hover { -webkit-animation: none; } .btn.btn-light-dark { background: rgba(41, 49, 52, 0.3); border-color: transparent; color: #010101; } .btn.btn-light-dark:not(:disabled):not(.disabled):hover, .btn.btn-light-dark:not(:disabled):not(.disabled):focus, .btn.btn-light-dark:not(:disabled):not(.disabled):active { background: rgba(41, 49, 52, 0.5); border-color: transparent; } .btn.btn-light-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.2); } .btn.btn-light-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-light-dark:hover { -webkit-animation: none; } .btn.btn-outline-dark { background: none; border-color: #293134; color: #1e2426; border-width: 1px; } .btn.btn-outline-dark:not(:disabled):not(.disabled):hover { background: #293134; border-color: #293134; color: white; } .btn.btn-outline-dark:not(:disabled):not(.disabled):focus, .btn.btn-outline-dark:not(:disabled):not(.disabled):active { background: #0e1112; border-color: #0e1112; color: white; } .btn.btn-outline-dark:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(41, 49, 52, 0.4); } .btn.btn-outline-dark.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(41, 49, 52, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-dark:hover { -webkit-animation: none; } .btn.btn-facebook { background: #3b5998; border-color: #3b5998; color: white; } .btn.btn-facebook:not(:disabled):not(.disabled):hover, .btn.btn-facebook:not(:disabled):not(.disabled):focus, .btn.btn-facebook:not(:disabled):not(.disabled):active { background: #2d4373; border-color: #2d4373; } .btn.btn-facebook:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4) !important; } .btn.btn-facebook.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-facebook:hover { -webkit-animation: none; } .btn.btn-outline-facebook { background: none; border-color: #3b5998; color: #344e86; border-width: 1px; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):hover { background: #3b5998; border-color: #3b5998; color: white; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus, .btn.btn-outline-facebook:not(:disabled):not(.disabled):active { background: #2a3f6c; border-color: #2a3f6c; color: white; } .btn.btn-outline-facebook:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.4); } .btn.btn-outline-facebook.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-facebook:hover { -webkit-animation: none; } .btn.btn-google { background: #db4437; border-color: #db4437; color: white; } .btn.btn-google:not(:disabled):not(.disabled):hover, .btn.btn-google:not(:disabled):not(.disabled):focus, .btn.btn-google:not(:disabled):not(.disabled):active { background: #bd2e22; border-color: #bd2e22; } .btn.btn-google:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4) !important; } .btn.btn-google.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-google:hover { -webkit-animation: none; } .btn.btn-outline-google { background: none; border-color: #db4437; color: #d33426; border-width: 1px; } .btn.btn-outline-google:not(:disabled):not(.disabled):hover { background: #db4437; border-color: #db4437; color: white; } .btn.btn-outline-google:not(:disabled):not(.disabled):focus, .btn.btn-outline-google:not(:disabled):not(.disabled):active { background: #b42c20; border-color: #b42c20; color: white; } .btn.btn-outline-google:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(219, 68, 55, 0.4); } .btn.btn-outline-google.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(219, 68, 55, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-google:hover { -webkit-animation: none; } .btn.btn-twitter { background: #55acee; border-color: #55acee; color: white; } .btn.btn-twitter:not(:disabled):not(.disabled):hover, .btn.btn-twitter:not(:disabled):not(.disabled):focus, .btn.btn-twitter:not(:disabled):not(.disabled):active { background: #2795e9; border-color: #2795e9; } .btn.btn-twitter:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4) !important; } .btn.btn-twitter.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-twitter:hover { -webkit-animation: none; } .btn.btn-outline-twitter { background: none; border-color: #55acee; color: #3ea1ec; border-width: 1px; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):hover { background: #55acee; border-color: #55acee; color: white; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus, .btn.btn-outline-twitter:not(:disabled):not(.disabled):active { background: #1d91e8; border-color: #1d91e8; color: white; } .btn.btn-outline-twitter:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(85, 172, 238, 0.4); } .btn.btn-outline-twitter.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(85, 172, 238, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-twitter:hover { -webkit-animation: none; } .btn.btn-linkedin { background: #0077b5; border-color: #0077b5; color: white; } .btn.btn-linkedin:not(:disabled):not(.disabled):hover, .btn.btn-linkedin:not(:disabled):not(.disabled):focus, .btn.btn-linkedin:not(:disabled):not(.disabled):active { background: #005582; border-color: #005582; } .btn.btn-linkedin:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4) !important; } .btn.btn-linkedin.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-linkedin:hover { -webkit-animation: none; } .btn.btn-outline-linkedin { background: none; border-color: #0077b5; color: #00669c; border-width: 1px; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):hover { background: #0077b5; border-color: #0077b5; color: white; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus, .btn.btn-outline-linkedin:not(:disabled):not(.disabled):active { background: #004f78; border-color: #004f78; color: white; } .btn.btn-outline-linkedin:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 119, 181, 0.4); } .btn.btn-outline-linkedin.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 119, 181, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-linkedin:hover { -webkit-animation: none; } .btn.btn-whatsapp { background: #43d854; border-color: #43d854; color: white; } .btn.btn-whatsapp:not(:disabled):not(.disabled):hover, .btn.btn-whatsapp:not(:disabled):not(.disabled):focus, .btn.btn-whatsapp:not(:disabled):not(.disabled):active { background: #28c039; border-color: #28c039; } .btn.btn-whatsapp:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4) !important; } .btn.btn-whatsapp.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-whatsapp:hover { -webkit-animation: none; } .btn.btn-outline-whatsapp { background: none; border-color: #43d854; color: #2ed441; border-width: 1px; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):hover { background: #43d854; border-color: #43d854; color: white; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus, .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):active { background: #26b837; border-color: #26b837; color: white; } .btn.btn-outline-whatsapp:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(67, 216, 84, 0.4); } .btn.btn-outline-whatsapp.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(67, 216, 84, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-whatsapp:hover { -webkit-animation: none; } .btn.btn-instagram { background: #3f729b; border-color: #3f729b; color: white; } .btn.btn-instagram:not(:disabled):not(.disabled):hover, .btn.btn-instagram:not(:disabled):not(.disabled):focus, .btn.btn-instagram:not(:disabled):not(.disabled):active { background: #305777; border-color: #305777; } .btn.btn-instagram:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4) !important; } .btn.btn-instagram.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-instagram:hover { -webkit-animation: none; } .btn.btn-outline-instagram { background: none; border-color: #3f729b; color: #386589; border-width: 1px; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):hover { background: #3f729b; border-color: #3f729b; color: white; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus, .btn.btn-outline-instagram:not(:disabled):not(.disabled):active { background: #2d526f; border-color: #2d526f; color: white; } .btn.btn-outline-instagram:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.4); } .btn.btn-outline-instagram.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(63, 114, 155, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-instagram:hover { -webkit-animation: none; } .btn.btn-dribbble { background: #ea4c89; border-color: #ea4c89; color: white; } .btn.btn-dribbble:not(:disabled):not(.disabled):hover, .btn.btn-dribbble:not(:disabled):not(.disabled):focus, .btn.btn-dribbble:not(:disabled):not(.disabled):active { background: #e51e6b; border-color: #e51e6b; } .btn.btn-dribbble:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4) !important; } .btn.btn-dribbble.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-dribbble:hover { -webkit-animation: none; } .btn.btn-outline-dribbble { background: none; border-color: #ea4c89; color: #e7357a; border-width: 1px; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):hover { background: #ea4c89; border-color: #ea4c89; color: white; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus, .btn.btn-outline-dribbble:not(:disabled):not(.disabled):active { background: #df1a66; border-color: #df1a66; color: white; } .btn.btn-outline-dribbble:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.4); } .btn.btn-outline-dribbble.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(234, 76, 137, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-dribbble:hover { -webkit-animation: none; } .btn.btn-youtube { background: #cd201f; border-color: #cd201f; color: white; } .btn.btn-youtube:not(:disabled):not(.disabled):hover, .btn.btn-youtube:not(:disabled):not(.disabled):focus, .btn.btn-youtube:not(:disabled):not(.disabled):active { background: #a11918; border-color: #a11918; } .btn.btn-youtube:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4) !important; } .btn.btn-youtube.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-youtube:hover { -webkit-animation: none; } .btn.btn-outline-youtube { background: none; border-color: #cd201f; color: #b71d1c; border-width: 1px; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):hover { background: #cd201f; border-color: #cd201f; color: white; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus, .btn.btn-outline-youtube:not(:disabled):not(.disabled):active { background: #981817; border-color: #981817; color: white; } .btn.btn-outline-youtube:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(205, 32, 31, 0.4); } .btn.btn-outline-youtube.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(205, 32, 31, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-youtube:hover { -webkit-animation: none; } .btn.btn-github { background: #00405d; border-color: #00405d; color: white; } .btn.btn-github:not(:disabled):not(.disabled):hover, .btn.btn-github:not(:disabled):not(.disabled):focus, .btn.btn-github:not(:disabled):not(.disabled):active { background: #001d2a; border-color: #001d2a; } .btn.btn-github:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4) !important; } .btn.btn-github.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-github:hover { -webkit-animation: none; } .btn.btn-outline-github { background: none; border-color: #00405d; color: #002e44; border-width: 1px; } .btn.btn-outline-github:not(:disabled):not(.disabled):hover { background: #00405d; border-color: #00405d; color: white; } .btn.btn-outline-github:not(:disabled):not(.disabled):focus, .btn.btn-outline-github:not(:disabled):not(.disabled):active { background: #001620; border-color: #001620; color: white; } .btn.btn-outline-github:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 64, 93, 0.4); } .btn.btn-outline-github.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 64, 93, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-github:hover { -webkit-animation: none; } .btn.btn-behance { background: #1769ff; border-color: #1769ff; color: white; } .btn.btn-behance:not(:disabled):not(.disabled):hover, .btn.btn-behance:not(:disabled):not(.disabled):focus, .btn.btn-behance:not(:disabled):not(.disabled):active { background: #0050e3; border-color: #0050e3; } .btn.btn-behance:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4) !important; } .btn.btn-behance.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-behance:hover { -webkit-animation: none; } .btn.btn-outline-behance { background: none; border-color: #1769ff; color: #0059fd; border-width: 1px; } .btn.btn-outline-behance:not(:disabled):not(.disabled):hover { background: #1769ff; border-color: #1769ff; color: white; } .btn.btn-outline-behance:not(:disabled):not(.disabled):focus, .btn.btn-outline-behance:not(:disabled):not(.disabled):active { background: #004dd9; border-color: #004dd9; color: white; } .btn.btn-outline-behance:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(23, 105, 255, 0.4); } .btn.btn-outline-behance.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(23, 105, 255, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-behance:hover { -webkit-animation: none; } .btn.btn-skype { background: #00aff0; border-color: #00aff0; color: white; } .btn.btn-skype:not(:disabled):not(.disabled):hover, .btn.btn-skype:not(:disabled):not(.disabled):focus, .btn.btn-skype:not(:disabled):not(.disabled):active { background: #008abd; border-color: #008abd; } .btn.btn-skype:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4) !important; } .btn.btn-skype.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-skype:hover { -webkit-animation: none; } .btn.btn-outline-skype { background: none; border-color: #00aff0; color: #009cd7; border-width: 1px; } .btn.btn-outline-skype:not(:disabled):not(.disabled):hover { background: #00aff0; border-color: #00aff0; color: white; } .btn.btn-outline-skype:not(:disabled):not(.disabled):focus, .btn.btn-outline-skype:not(:disabled):not(.disabled):active { background: #0082b3; border-color: #0082b3; color: white; } .btn.btn-outline-skype:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 175, 240, 0.4); } .btn.btn-outline-skype.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(0, 175, 240, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-skype:hover { -webkit-animation: none; } .btn.btn-yahoo { background: #410093; border-color: #410093; color: white; } .btn.btn-yahoo:not(:disabled):not(.disabled):hover, .btn.btn-yahoo:not(:disabled):not(.disabled):focus, .btn.btn-yahoo:not(:disabled):not(.disabled):active { background: #2a0060; border-color: #2a0060; } .btn.btn-yahoo:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4) !important; } .btn.btn-yahoo.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-yahoo:hover { -webkit-animation: none; } .btn.btn-outline-yahoo { background: none; border-color: #410093; color: #36007a; border-width: 1px; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):hover { background: #410093; border-color: #410093; color: white; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus, .btn.btn-outline-yahoo:not(:disabled):not(.disabled):active { background: #260056; border-color: #260056; color: white; } .btn.btn-outline-yahoo:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(65, 0, 147, 0.4); } .btn.btn-outline-yahoo.btn-pulse:not(:disabled):not(.disabled) { box-shadow: 0 0 0 0 rgba(65, 0, 147, 0.9) !important; -webkit-animation: pulse 1.5s infinite !important; } .btn.btn-outline-yahoo:hover { -webkit-animation: none; } .btn.btn-apple, .btn.btn-google-play { border-radius: 7px; } .btn.btn-apple img, .btn.btn-google-play img { width: 35px; margin-right: 10px; } .btn.btn-apple i, .btn.btn-google-play i { font-size: 40px; margin-right: 10px; } .btn.btn-apple > span, .btn.btn-google-play > span { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left; } .btn.btn-apple > span span:nth-child(2), .btn.btn-google-play > span span:nth-child(2) { font-size: 20px; font-weight: 600; margin-top: 5px; } .btn.btn-apple:hover, .btn.btn-apple:active, .btn.btn-apple:focus, .btn.btn-google-play:hover, .btn.btn-google-play:active, .btn.btn-google-play:focus { background: #040507; color: white; } .btn.btn-apple { border: 1px solid #040507; color: #040507; } .btn.btn-google-play { background: #040507; color: white; } .btn.btn-google-play > span span:nth-child(1) { text-transform: uppercase; font-size: 12px; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 10px rgba(232, 76, 61, 0); } } .progress .progress-bar.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 1rem 1rem !important; } .progress .progress-bar:not(.progress-bar-striped) { background: #0081ff; } .dropdown { display: inline; } .dropdown-menu { margin-top: -10px; visibility: hidden; opacity: 0; height: 0; display: block !important; -webkit-transition: margin-top 0.3s, opacity 0.3s; transition: margin-top 0.3s, opacity 0.3s; border-top: 1px solid #eee !important; } .dropdown-menu ul.list-group { max-height: 300px; } .dropdown-menu.show { margin-top: 0; visibility: visible; opacity: 1; height: auto; } .dropdown-header { font-size: inherit; padding: 10px 20px; border-bottom: 1px solid #f0f0f0; } .dropdown-body { padding: 10px 20px; } .dropdown-menu { border-radius: 0.5rem; font-size: 14px; border: none; box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.15); overflow: hidden; } .dropdown-menu.dropdown-menu-big { padding: 0; width: 300px; } .dropdown-menu .dropdown-menu-body { max-height: 400px; overflow: auto; } .dropdown-menu .dropdown-menu-title { background-color: #0081ff; padding: 15px 20px; color: white; background-size: cover !important; background-position: center !important; } .dropdown-menu .dropdown-menu-footer { padding: 10px 20px; } .dropdown-menu ul li.dropdown-menu-title { background: red; margin: 5px 0; padding: 0px 20px 5px; border-bottom: 1px solid #ebebeb; } .dropdown-menu ul li.dropdown-menu-title:first-child { margin-top: 0; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active { background: #f5f5f5; text-decoration: none; color: #0081ff; } table .dropdown { line-height: initial; } .badge { padding: 5px 10px; font-size: 11px; } .badge.badge-success { background: #28c76f; } .badge.badge-danger { background: #ea5455; } .badge.badge-secondary { background: #aa66cc; } .badge.badge-info { background: #33b5e5; } .badge.badge-warning { background: #ff9f43; } .badge.badge-dark { background: #293134; } .badge.badge-primary { background: #0081ff; } .badge.badge-light { background: #afb8bd; } .btn { position: relative; } .btn .badge { padding: 2px 6px; right: 7px; top: -7px; position: absolute; } .collapse .card, .collapse .app-block .app-content .app-action, .app-block .app-content .collapse .app-action, .collapse .chat-block { border: 1px solid #e1e1e1; box-shadow: none; } .media > img, .media > a > img, .header form .input-group .input-group-append .media > button.btn > img { width: 80px; } .accordion .card, .accordion .app-block .app-content .app-action, .app-block .app-content .accordion .app-action, .accordion .chat-block { margin-bottom: 0; border: 1px solid #ebebeb; } .accordion .card .card-header, .accordion .app-block .app-content .app-action .card-header, .app-block .app-content .accordion .app-action .card-header, .accordion .chat-block .card-header { display: -webkit-box; display: flex; height: 50px; padding: 0 10px; -webkit-box-align: center; align-items: center; } .accordion .card .card-header button, .accordion .app-block .app-content .app-action .card-header button, .app-block .app-content .accordion .app-action .card-header button, .accordion .chat-block .card-header button { display: block; } .accordion.custom-accordion { border: 1px solid #ebebeb; border-radius: 5px; overflow: hidden; } .accordion.custom-accordion .accordion-row a.accordion-header, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn { color: #293134; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; padding: 10px 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-top: -1px; } .accordion.custom-accordion .accordion-row a.accordion-header .accordion-status-icon.open, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn .accordion-status-icon.open { display: none; } .accordion.custom-accordion .accordion-row a.accordion-header:hover, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:hover, .accordion.custom-accordion .accordion-row a.accordion-header:focus, .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus { color: #0081ff; } .accordion.custom-accordion .accordion-row .accordion-body { display: none; padding: 10px 20px; } .accordion.custom-accordion .accordion-row.open a.accordion-header, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn { background: white; } .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.open, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.open, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.open { display: block; } .accordion.custom-accordion .accordion-row.open a.accordion-header .accordion-status-icon.close, .accordion.custom-accordion .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn .accordion-status-icon.close, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row.open button.accordion-header.btn .accordion-status-icon.close { display: none; } .accordion.custom-accordion .accordion-row.open .accordion-body { display: block; } .accordion.custom-accordion .accordion-row:first-child a.accordion-header, .accordion.custom-accordion .accordion-row:first-child .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row:first-child button.accordion-header.btn { border-top: none; } .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus { color: #0081ff; } .accordion.custom-accordion.accordion-primary .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn { background: #0081ff; color: white; } .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-success .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row:not(.open) button.accordion-header.btn:focus { color: #28c76f; } .accordion.custom-accordion.accordion-success .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-success .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-success .accordion-row.open button.accordion-header.btn { background: #28c76f; color: white; } .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row:not(.open) button.accordion-header.btn:focus { color: #ea5455; } .accordion.custom-accordion.accordion-danger .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-danger .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-danger .accordion-row.open button.accordion-header.btn { background: #ea5455; color: white; } .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row:not(.open) button.accordion-header.btn:focus { color: #aa66cc; } .accordion.custom-accordion.accordion-secondary .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-secondary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-secondary .accordion-row.open button.accordion-header.btn { background: #aa66cc; color: white; } .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-light .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row:not(.open) button.accordion-header.btn:focus { color: #293134; } .accordion.custom-accordion.accordion-light .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-light .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-light .accordion-row.open button.accordion-header.btn { background: #afb8bd; color: #293134; } .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row:not(.open) button.accordion-header.btn:focus { color: #ff9f43; } .accordion.custom-accordion.accordion-warning .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-warning .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-warning .accordion-row.open button.accordion-header.btn { background: #ff9f43; color: #293134; } .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-info .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row:not(.open) button.accordion-header.btn:focus { color: #33b5e5; } .accordion.custom-accordion.accordion-info .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-info .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-info .accordion-row.open button.accordion-header.btn { background: #33b5e5; color: white; } .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:hover, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:hover, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:hover, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) a.accordion-header:focus, .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row:not(.open) button.accordion-header.btn:focus { color: #293134; } .accordion.custom-accordion.accordion-dark .accordion-row.open a.accordion-header, .accordion.custom-accordion.accordion-dark .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append .accordion.custom-accordion.accordion-dark .accordion-row.open button.accordion-header.btn { background: #293134; color: white; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .gallery-container img { width: 100%; } .daterangepicker td.active { background: #0081ff; } .daterangepicker td.active:hover { background: #0081ff; } .daterangepicker .ranges li.active { background: #0081ff; } .alert { border-color: transparent !important; } .alert .close { height: 100%; width: 44px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0; display: -webkit-box; display: flex; } .alert .close > * { font-size: initial; text-shadow: none; line-height: 0; } .alert.alert-primary { background: rgba(0, 129, 255, 0.3) !important; } .alert.alert-primary.alert-with-border { border-left: 3px solid #0081ff !important; } .alert.alert-secondary { background: rgba(170, 102, 204, 0.3) !important; } .alert.alert-secondary.alert-with-border { border-left: 3px solid #aa66cc !important; } .alert.alert-success { background: rgba(40, 199, 111, 0.3) !important; } .alert.alert-success.alert-with-border { border-left: 3px solid #28c76f !important; } .alert.alert-danger { background: rgba(234, 84, 85, 0.3) !important; } .alert.alert-danger.alert-with-border { border-left: 3px solid #ea5455 !important; } .alert.alert-warning { background: rgba(255, 159, 67, 0.3) !important; } .alert.alert-warning.alert-with-border { border-left: 3px solid #ff9f43 !important; } .alert.alert-info { background: rgba(51, 181, 229, 0.3) !important; } .alert.alert-info.alert-with-border { border-left: 3px solid #33b5e5 !important; } .alert.alert-dark { background: #d4d5d8 !important; color: #293134 !important; } .alert.alert-dark.alert-with-border { border-left: 3px solid #293134 !important; } .breadcrumb { background: none; padding: 0; margin-bottom: 30px; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-family: "themify"; content: "\E649"; font-size: 10px; margin-right: 0; } .breadcrumb .breadcrumb-item:before { font-family: "themify"; content: "\E69B"; margin-right: 0.5rem; } .breadcrumb .breadcrumb-item.active { color: #0081ff; } .notify .alert { border: none; box-shadow: 0 2px 10px 0 rgba(24, 28, 33, 0.04); } .notify .alert .alert-heading { font-size: 16px; font-weight: 600; } .notify.open { -webkit-transform: translate(0); transform: translate(0); } .pagination .page-item.active .page-link { background: #0081ff; border-color: transparent; } .pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus { text-decoration: none; } .pagination.pagination-rounded .page-item { margin: 0 5px; } .pagination.pagination-rounded .page-item .page-link { border-radius: 50%; padding: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 40px; width: 40px; } .pagination.pagination-rounded.pagination-sm .page-link { height: 30px; width: 30px; } .pagination.pagination-rounded.pagination-lg .page-link { height: 60px; width: 60px; } .tourStep { border: none; } .tourStep.right { margin-left: 10px; } .tourStep.left { margin-right: 10px; } .tourStep.top { margin-top: -10px; } .tourStep.bottom { margin-top: 10px; } .tourStep .popover-navigation { border-top: 1px solid #ddd; padding: 0.5rem 0.75rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .tourStep .popover-navigation span { font-size: 12px; color: #9b9b9b; } .tourStep .popover-navigation .popover-navigation-buttons { margin-left: auto; } .tourStep .popover-navigation .popover-navigation-buttons .btn { margin-left: 5px; } .swal-modal { border-radius: 0.5rem; } .swal-modal .swal-title { font-size: 20px; } .swal-modal .swal-text { text-align: center; } .swal-modal .swal-button { padding: 0.375rem 0.75rem; } .swal-modal .swal-button.swal-button--confirm { background: #0081ff; } .swal-modal .swal-button.swal-button--danger { background: #ea5455; } .swal-modal .swal-button.swal-button--cancel { background: #afb8bd; } .swal-modal .swal-icon--error { border-color: #f4a6a6; } .swal-modal .swal-icon--error .swal-icon--error__line { background: #f4a6a6; } .irs .irs-single, .irs .irs-to, .irs .irs-from { background: #0081ff; } .irs .irs-single:before, .irs .irs-to:before, .irs .irs-from:before { border-top-color: #0081ff; } .irs .irs-handle { border-color: #0081ff; } .irs .irs-bar { background: #0081ff; } .select2 { width: 100% !important; } .select2.select2-container .select2-selection { border: 1px solid #ced4da; } .select2.select2-container .select2-selection .select2-selection__placeholder { line-height: calc(2.25rem + 2px); } .select2.select2-container .select2-selection .select2-selection__arrow { height: calc(2.25rem + 2px); width: 30px; } .select2.select2-container .select2-selection .select2-selection__choice { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border: none; } .select2.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove { font-size: 16px; padding: 0 5px 0 3px; } .select2.select2-container .select2-selection.select2-container--focus { border-color: red; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0081ff; color: white; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(0, 129, 255, 0.8); } .select2-container--default .select2-search--dropdown .select2-search__field { height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; } body.modal-open .modal.fade .modal-dialog { -webkit-transform: translate(0, 0) scale(0.9); transform: translate(0, 0) scale(0.9); } body.modal-open .modal.show .modal-dialog { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .modal .modal-dialog .modal-content { border: none; box-shadow: none; border-radius: 0.5rem; } .modal .modal-dialog .modal-content .modal-header { height: 60px; padding: 0 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #ebebeb; border-bottom: none; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 17px; font-weight: 600; } .modal .modal-dialog .modal-content .modal-header button.close { background-color: white; text-shadow: none; opacity: 1; margin: 0; font-size: 23px; padding: 0; width: 30px; height: 30px; display: -webkit-box; display: flex; border-radius: 50%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .modal .modal-dialog .modal-content .modal-header button.close:hover { color: #646464; } .modal .modal-dialog .modal-content .modal-header button.close > * { font-size: initial; } .modal .modal-dialog .modal-content .modal-body { padding: 1.5rem; } .modal .modal-dialog .modal-content .modal-footer { height: 60px; } .wickedpicker { border: none; box-shadow: 0 2px 15px 0 rgba(69, 65, 78, 0.18); width: auto; border-radius: 0; height: auto; } .wickedpicker .wickedpicker__controls { padding: 10px 15px; } .wickedpicker .wickedpicker__controls__control { width: 40px; } .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-up:before { content: "\F077"; font: normal normal normal 14px/1 FontAwesome; } .wickedpicker .wickedpicker__controls__control .wickedpicker__controls__control-down:after { content: "\F078"; font: normal normal normal 14px/1 FontAwesome; } .wickedpicker .wickedpicker__controls__control .hover-state { color: #0081ff; } .wickedpicker .wickedpicker__title { display: none; } .clearable-picker { position: relative; } .clearable-picker [data-clear-picker] { cursor: pointer; font-size: 20px; position: absolute; right: 10px; top: 50%; height: 17px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 17px; color: #646464; margin-top: -8.5px; bottom: 0; } .avatar { display: inline-block; margin-bottom: 0; height: 3rem; width: 3rem; border-radius: 50%; } .avatar .avatar-title { background: #d7d7d7; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-transform: uppercase; font-size: 19px; } .avatar > a, .header form .input-group .input-group-append .avatar > button.btn { width: 100%; height: 100%; display: block; -webkit-transition: color 0.3s; transition: color 0.3s; color: #0081ff; } .avatar > a:hover, .header form .input-group .input-group-append .avatar > button.btn:hover, .avatar > a:focus, .header form .input-group .input-group-append .avatar > button.btn:focus { color: #646464; } .avatar > a > img, .header form .input-group .input-group-append .avatar > button.btn > img, .avatar > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .avatar.avatar-sm { height: 2rem; width: 2rem; } .avatar.avatar-sm .avatar-title { font-size: 14px; } .avatar.avatar-sm.avatar-state-primary:before, .avatar.avatar-sm.avatar-state-success:before, .avatar.avatar-sm.avatar-state-danger:before, .avatar.avatar-sm.avatar-state-warning:before, .avatar.avatar-sm.avatar-state-info:before, .avatar.avatar-sm.avatar-state-secondary:before, .avatar.avatar-sm.avatar-state-light:before, .avatar.avatar-sm.avatar-state-dark:before { width: 0.8rem; height: 0.8rem; } .avatar.avatar-lg { height: 4.5rem; width: 4.5rem; } .avatar.avatar-lg .avatar-title { font-size: 29px; } .avatar.avatar-lg.avatar-state-primary:before, .avatar.avatar-lg.avatar-state-success:before, .avatar.avatar-lg.avatar-state-danger:before, .avatar.avatar-lg.avatar-state-warning:before, .avatar.avatar-lg.avatar-state-info:before, .avatar.avatar-lg.avatar-state-secondary:before, .avatar.avatar-lg.avatar-state-light:before, .avatar.avatar-lg.avatar-state-dark:before { width: 1.3rem; height: 1.3rem; right: 4px; } .avatar.avatar-xl { height: 5.8rem; width: 5.8rem; } .avatar.avatar-xl .avatar-title { font-size: 39px; } .avatar.avatar-xl.avatar-state-primary:before, .avatar.avatar-xl.avatar-state-success:before, .avatar.avatar-xl.avatar-state-danger:before, .avatar.avatar-xl.avatar-state-warning:before, .avatar.avatar-xl.avatar-state-info:before, .avatar.avatar-xl.avatar-state-secondary:before, .avatar.avatar-xl.avatar-state-light:before, .avatar.avatar-xl.avatar-state-dark:before { width: 1.6rem; height: 1.6rem; top: 3px; right: 3px; } .avatar.avatar-state-primary, .avatar.avatar-state-success, .avatar.avatar-state-danger, .avatar.avatar-state-warning, .avatar.avatar-state-info, .avatar.avatar-state-secondary, .avatar.avatar-state-light, .avatar.avatar-state-dark { position: relative; } .avatar.avatar-state-primary:before, .avatar.avatar-state-success:before, .avatar.avatar-state-danger:before, .avatar.avatar-state-warning:before, .avatar.avatar-state-info:before, .avatar.avatar-state-secondary:before, .avatar.avatar-state-light:before, .avatar.avatar-state-dark:before { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; border-radius: 50%; top: 0px; right: 0px; border: 3px solid white; } .avatar.avatar-state-primary:before { background: #0081ff; } .avatar.avatar-state-success:before { background: #28c76f; } .avatar.avatar-state-danger:before { background: #ea5455; } .avatar.avatar-state-warning:before { background: #ff9f43; } .avatar.avatar-state-info:before { background: #33b5e5; } .avatar.avatar-state-secondary:before { background: #aa66cc; } .avatar.avatar-state-light:before { background: #afb8bd; } .avatar.avatar-state-dark:before { background: #293134; } .avatar-group { display: -webkit-inline-box; display: inline-flex; } .avatar-group .avatar { margin-right: -1rem; border: 2px solid white; } .avatar-group .avatar:last-child { margin-right: 0; } .avatar-group .avatar:hover { position: relative; z-index: 1; } .dropzone { border-width: 1px; border-color: #0081ff; } body.form-membership { background-attachment: fixed; background-size: cover; padding: 3rem 0; } body.form-membership .form-wrapper { background-color: white; box-shadow: 0 3px 10px rgba(62, 85, 120, 0.045); padding: 3rem; border-radius: 0.5rem; width: 430px; margin: 50px auto; text-align: center; } body.form-membership .form-wrapper #logo { margin: 1rem 0 3rem; } body.form-membership .form-wrapper #logo img:not(.logo) { display: none; } body.form-membership .form-wrapper h5 { text-align: center; margin-bottom: 2rem; } body.form-membership .form-wrapper form .form-control, body.form-membership .form-wrapper form .swal-modal input.swal-content__input, .swal-modal body.form-membership .form-wrapper form input.swal-content__input { margin-bottom: 1.5rem; } body.form-membership .form-wrapper hr { margin: 2rem 0; } .user-page { height: 100vh; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: auto; } .user-page .card, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action, .user-page .chat-block { width: 500px; } .user-page .card .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body, .user-page .chat-block .card-body { padding: 50px; } .chat-app { overflow: hidden; padding-bottom: 30px; } .chat-app .content-footer { display: none; } .chat-app.horizontal-navigation .chat-block { height: calc(100vh - 190px); } .chat-app.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { padding-top: 160px; } .chat-block { height: calc(100vh - 135px); border-radius: 0.5rem; overflow: hidden; margin-bottom: 0; } .chat-block .chat-sidebar { padding: 1.5rem; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background-color: #f8fafb; } .chat-block .chat-sidebar .chat-sidebar-header form { margin: 1.5rem 0; } .chat-block .chat-sidebar .chat-sidebar-content { -webkit-box-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: auto; } .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { background: white; border-radius: 0.5rem; border: 1px solid transparent; margin-bottom: 1rem; } .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { color: black; border-color: #0081ff; } .chat-block .chat-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; } .chat-block .chat-content .mobile-chat-close-btn { display: none; } .chat-block .chat-content .chat-header { padding: 1.5rem; } .chat-block .chat-content .messages { padding: 1.5rem; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1; overflow-x: hidden; } .chat-block .chat-content .messages .message-item { margin-bottom: 20px; padding-left: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; } .chat-block .chat-content .messages .message-item .time { margin-left: 1rem; } .chat-block .chat-content .messages .message-item img { max-width: 30%; border-radius: 0.5rem; } .chat-block .chat-content .messages .message-item:not(.message-media):not(.message-item-divider):before { content: ""; border: 10px solid transparent; border-right-color: #f0f0f0; position: absolute; top: 8px; left: -10px; z-index: 1; } .chat-block .chat-content .messages .message-item .message-item-content { max-width: 75%; background-color: #f0f0f0; padding: 7px 15px; line-height: 1.5rem; border-radius: 0.5rem; position: relative; z-index: 2; } .chat-block .chat-content .messages .message-item.me { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; margin-left: auto; padding-left: 0px; padding-right: 10px; } .chat-block .chat-content .messages .message-item.me .time { margin-left: 0; margin-right: 1rem; } .chat-block .chat-content .messages .message-item.me:not(.message-item-divider):before { left: auto; right: -10px; border-left-color: #0081ff; border-right-color: transparent; } .chat-block .chat-content .messages .message-item.me .message-item-content { background-color: #0081ff; color: rgba(255, 255, 255, 0.9); } .chat-block .chat-content .messages .message-item.message-item-divider { width: 100%; display: -webkit-box; display: flex; } .chat-block .chat-content .messages .message-item.message-item-divider span { padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chat-block .chat-content .messages .message-item.message-item-divider:before, .chat-block .chat-content .messages .message-item.message-item-divider:after { content: ""; display: block; height: 1px; background-color: #f0f0f0; -webkit-box-flex: 1; flex: 1; } .chat-block .chat-content .chat-footer { padding: 1.5rem; } .chat-block .chat-content .chat-footer .chat-footer-buttons button { margin-left: 0.5rem; } .table:not(.table-bordered) thead th { border-top: none; border-bottom-width: 1px; font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; } .table:not(.table-bordered) td { vertical-align: middle; line-height: 1; white-space: nowrap; } .table .dropdown-menu { margin-top: 0; } .table.table-lg td { padding: 1.3rem 0.75rem; } .table tr.tr-selected { background-color: whitesmoke; } .table.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .table-responsive-stack tr { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .table-responsive-stack td, .table-responsive-stack th { display: block; -webkit-box-flex: 1; flex: 1 1 auto; } .timeline .timeline-item { padding-bottom: 20px; position: relative; display: -webkit-box; display: flex; } .timeline .timeline-item > div:last-child { -webkit-box-flex: 1; flex: 1; } .timeline .timeline-item::before { content: ""; display: block; position: absolute; width: 1px; bottom: 0px; top: 32px; left: 15px; background: #e1e1e1; } .timeline .timeline-item:last-child { padding-bottom: 0; bottom: 0; } .timeline .timeline-item:last-child::before { display: none; } #external-events .fc-event { border: none; background: none; color: #646464; font-size: 14px; cursor: move; } #external-events .fc-event i { margin-right: 10px; } .fc .fc-center h2 { font-weight: 400; font-size: 19px; color: #828282; } .fc .fc-event { background: #0081ff; color: white !important; border: none; border-radius: 0; margin: 0 3px; padding: 0px 4px; font-size: 11px; line-height: normal; } .fc .fc-event:hover { background: #0151ac; } .fc .fc-event.bg-danger:hover { background: #eb3030 !important; } .fc .fc-event.bg-success:hover { background: #00b43d !important; } .fc .fc-event.bg-info:hover { background: #1fa1d1 !important; } .fc .fc-event.bg-warning:hover { background: #eba71f !important; } .fc .fc-list-table .fc-list-item.bg-danger:hover td { background: #ea5455 !important; } .fc .fc-list-table .fc-list-item.bg-danger .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-success:hover td { background: #28c76f !important; } .fc .fc-list-table .fc-list-item.bg-success .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-info:hover td { background: #33b5e5 !important; } .fc .fc-list-table .fc-list-item.bg-info .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-warning:hover td { background: #ff9f43 !important; } .fc .fc-list-table .fc-list-item.bg-warning .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-primary:hover td { background: #0081ff !important; } .fc .fc-list-table .fc-list-item.bg-primary .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-secondary:hover td { background: #aa66cc !important; } .fc .fc-list-table .fc-list-item.bg-secondary .fc-event-dot { background: white !important; } .fc .fc-list-table .fc-list-item.bg-dark:hover td { background: #293134 !important; } .fc .fc-list-table .fc-list-item.bg-dark .fc-event-dot { background: white !important; } .fc .fc-state-default { background-image: none; border: none; box-shadow: none; text-shadow: none; } .fc .fc-state-default.fc-state-active { background: #0081ff; color: white; } .fc .fc-event-dot { background: #cdcdcd !important; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 2; } .list-group .list-group-item.list-group-item-primary { background: #0081ff !important; color: white !important; } .list-group .list-group-item.list-group-item-primary-bright { background: rgba(0, 129, 255, 0.3) !important; color: #0081ff !important; } .list-group .list-group-item.list-group-item-secondary { background: #aa66cc !important; color: white !important; } .list-group .list-group-item.list-group-item-secondary-bright { background: rgba(170, 102, 204, 0.3) !important; color: #aa66cc !important; } .list-group .list-group-item.list-group-item-success { background: #28c76f !important; color: white !important; } .list-group .list-group-item.list-group-item-success-bright { background: rgba(40, 199, 111, 0.3) !important; color: #28c76f !important; } .list-group .list-group-item.list-group-item-danger { background: #ea5455 !important; color: white !important; } .list-group .list-group-item.list-group-item-danger-bright { background: rgba(234, 84, 85, 0.3) !important; color: #ea5455 !important; } .list-group .list-group-item.list-group-item-warning { background: #ff9f43 !important; color: white !important; } .list-group .list-group-item.list-group-item-warning-bright { background: rgba(255, 159, 67, 0.3) !important; color: #ff9f43 !important; } .list-group .list-group-item.list-group-item-info { background: #33b5e5 !important; color: white !important; } .list-group .list-group-item.list-group-item-info-bright { background: rgba(51, 181, 229, 0.3) !important; color: #33b5e5 !important; } .list-group .list-group-item.list-group-item-light { background: #afb8bd !important; } .list-group .list-group-item.list-group-item-dark { background: #293134 !important; color: white !important; } .list-group .list-group-item.list-group-item-dark-bright { background: #d4d5d8 !important; color: #293134 !important; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #0081ff; } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .toast-message button.btn, .toast-message label { color: #ffffff; } .toast-message a:hover, .toast-message .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .toast-message button.btn:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 30px; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 30px; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 30px; left: 33px; } .toast-top-right { top: 33px; right: 33px; } .toast-bottom-right { right: 33px; bottom: 33px; } .toast-bottom-left { bottom: 33px; left: 33px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 0.25rem; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; opacity: 1; } #toast-container > div:hover { cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #293134; border: none; box-shadow: none; } .toast-success { background-color: #28c76f; } .toast-error { background-color: #ea5455; } .toast-info { background-color: #33b5e5; } .toast-warning { background-color: #ff9f43; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); filter: alpha(opacity=20); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } .dd-handle { font-weight: normal; } .dd-handle:hover { color: #0081ff; } .dd3-content { font-weight: normal; } .slick-next { right: 5px; } .slick-prev { left: 5px; } .slick-prev, .slick-next { width: 30px; height: 30px; z-index: 1; } .slick-prev:before, .slick-next:before { font-size: 30px; } .slick-slide-item > * { padding: 10px; } .slick-center { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: scale(1.2); transform: scale(1.2); } /* the slides */ .slick-slide { margin: 0 10px; } /* the parent */ .slick-list { margin: 0 -10px; } .stretch-layout { overflow: hidden; } .stretch-layout .app-block { height: calc(100vh - 135px); } .stretch-layout .content-footer { display: none; } .stretch-layout:not(.chat-app).right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 110px !important; } .stretch-layout.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { padding-right: 30px !important; padding-left: 30px !important; } .stretch-layout.horizontal-navigation .app-block { height: calc(100vh - 190px); } .app-block .app-sidebar { height: 100%; } .app-block .app-sidebar > .card, .app-block .app-content .app-sidebar > .app-action, .app-block .app-sidebar > .chat-block { height: 100%; margin-bottom: 0; } .app-block .app-sidebar > .card .card-body, .app-block .app-content .app-sidebar > .app-action .card-body, .app-block .app-sidebar > .chat-block .card-body { -webkit-box-flex: 0; flex: none; } .app-block .app-sidebar .app-sidebar-menu { -webkit-box-flex: 1; flex: 1; } .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active { background: none; color: #0081ff; } .app-block .app-sidebar-menu-button { display: none; } .app-block .app-content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; } .app-block .app-content .app-content-overlay { display: none; position: absolute; right: 1rem; border-radius: 8px; left: 1rem; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 8; } .app-block .app-content .app-content-overlay.show { display: block; } .app-block .app-content .app-action { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 1.5rem; } .app-block .app-content .app-action .action-left, .app-block .app-content .app-action .action-right { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .app-block .app-content .app-action .action-right { margin-left: 1rem; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .app-block .app-content .app-action .action-right form { -webkit-box-flex: 1; flex: 1; } .app-block .app-content .app-content-body { margin-bottom: 0; -webkit-box-flex: 1; flex: 1; padding: 0; height: 100%; position: static; overflow: hidden; } .app-block .app-content .app-content-body .app-lists { height: 100%; overflow: auto; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item { padding-top: 15px; padding-bottom: 15px; background: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item:hover { cursor: pointer; background-color: #fafafa; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { background-color: #ebebeb; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { border-color: #ebebeb; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { color: black; } .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active.task-list .app-list-title { text-decoration: line-through; } .app-block .app-content .app-content-body .app-detail { margin-bottom: 0; position: absolute; right: 0.9rem; top: 0.5rem; bottom: 0; left: 0.9rem; z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .app-block .app-content .app-content-body .app-detail.show { opacity: 1; visibility: visible; top: 0; } .app-block .app-content .app-content-body .app-detail .card-header { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1.5rem; border-bottom: 1px solid #ebebeb; } .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-left { display: -webkit-box; display: flex; } .app-block .app-content .app-content-body .app-detail .card-header .app-detail-action-right { margin-left: auto; } #compose .ql-toolbar.ql-snow, .app-block .ql-toolbar.ql-snow { border: none; padding: 0; } #compose .ql-editor, .app-block .ql-editor { min-height: 70px; } .app-sortable-handle { cursor: move; } .app-file-list { border: 1px solid #ebebeb; } .app-file-list .app-file-icon { background-color: #f5f5f5; padding: 2rem; text-align: center; font-size: 2rem; border-bottom: 1px solid #ebebeb; border-top-right-radius: 8px; border-top-left-radius: 8px; } .app-file-list:hover { border-color: #d7d7d7; } body:not(.stretch-layout) .app-block .app-content .app-content-body { overflow: visible; } .demo-icon-list { height: 100px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 25px; } @media (max-width: 768px) { .theme-switcher { display: none; } } @media (min-width: 768px) { .theme-switcher { opacity: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: fixed; right: -250px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 9999; -webkit-transition: right 0.3s; transition: right 0.3s; } .theme-switcher.open { right: 0; } .theme-switcher .theme-switcher-button { background-color: #0081ff; color: white; padding: 12px 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; } .theme-switcher .theme-switcher-button i { font-size: 22px; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 3000ms; animation-duration: 3000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .theme-switcher .theme-switcher-panel { width: 250px; } .theme-switcher .theme-switcher-panel .card, .theme-switcher .theme-switcher-panel .chat-block, .theme-switcher .theme-switcher-panel .app-block .app-content .app-action, .app-block .app-content .theme-switcher .theme-switcher-panel .app-action { margin-bottom: 0; border: 1px solid #0081ff; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } } @media (min-width: 1200px) { body.boxed-layout { background-color: white; } body.boxed-layout .layout-wrapper { background-color: #f8fafb; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); margin: 0 120px; } body.boxed-layout .layout-wrapper .header { margin: 0 120px; } body.boxed-layout .layout-wrapper .navigation { left: 120px; } body.boxed-layout.right-navigation .navigation { left: auto; right: 120px; } body.boxed-layout.horizontal-navigation .horizontal-navigation { left: 120px; right: 120px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation { width: 80px; -webkit-transition: width 0.3s; transition: width 0.3s; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-tab { border-right-color: transparent; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { padding: 12px 0; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li { position: relative; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon { stroke: #0081ff; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn { border-radius: 4px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a span:not(.badge):not(.avatar-title), body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn span:not(.badge):not(.avatar-title), .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn span:not(.badge):not(.avatar-title) { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .badge, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .badge, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .badge { position: absolute; right: 20px; top: 12px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { margin: 0 !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > a + ul li.open > button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn + ul li.open > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn { background: none; color: #0081ff; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > ul { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li:not(.navigation-divider) { padding: 0 15px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn { display: block; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a .sub-menu-arrow, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn .sub-menu-arrow { display: none; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn { padding-left: 53px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li a + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li .header form .input-group .input-group-append button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a + ul li button.btn + ul li button.btn, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.btn + ul li button.btn + ul li button.btn { padding-left: 65px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn { border-radius: 5px; background-color: #0081ff; position: static; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > a.active .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .header form .input-group .input-group-append .navigation-menu-body > ul > li > button.active.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn .nav-link-icon { stroke: white; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover { /*width: 320px;*/ } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-tab { border-right-color: #e6e6e6; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover .navigation-menu-body { display: -webkit-box; display: flex; height: calc(100vh - 75px); } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn { display: -webkit-box; display: flex; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a > span, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn > span, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn > span, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .sub-menu-arrow, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .sub-menu-arrow { display: inherit !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li a .nav-link-icon, body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li button.btn .nav-link-icon { margin-right: 0.8rem !important; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover ul li.open > ul { display: block; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .layout-wrapper .content-wrapper .content-body .content { padding-left: 110px; } body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .content-footer { margin-left: 80px; } body.hidden-navigation:not(.small-navigation) .header .navigation-toggler { display: block; } body.hidden-navigation:not(.small-navigation) .navigation { z-index: 1000; left: -80%; top: 0; bottom: 0; opacity: 0; -webkit-transition: left 0.3s; transition: left 0.3s; position: fixed !important; } body.hidden-navigation:not(.small-navigation) .navigation.open { left: 0; opacity: 1; } body.hidden-navigation:not(.small-navigation).right-navigation .navigation { left: auto; right: -80%; -webkit-transition: right 0.3s; transition: right 0.3s; } body.hidden-navigation:not(.small-navigation).right-navigation .navigation.open { right: 0; opacity: 1; } body.hidden-navigation:not(.small-navigation) .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; } body.hidden-navigation:not(.small-navigation) .content-footer { margin-left: 0; } body.right-navigation .navigation { left: auto; right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } body.right-navigation .navigation .navigation-menu-tab { border-right: none; border-left: 1px solid #e6e6e6; } body.right-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; padding-right: 350px; } body.right-navigation .content-footer { margin-left: 0; margin-right: 320px; } body.right-navigation.small-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 110px; } body.right-navigation.small-navigation .content-footer { margin-left: 0 !important; margin-right: 80px; } body.right-navigation.hidden-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px !important; padding-right: 30px; } body.horizontal-navigation .header { box-shadow: none; } body.horizontal-navigation .horizontal-navigation { border-top: 1px solid #e6e6e6; box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); position: fixed; top: 75px; background-color: white; height: 55px; right: 0; left: 0; padding: 0 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; z-index: 997; } body.horizontal-navigation .horizontal-navigation > ul { height: 100%; } body.horizontal-navigation .horizontal-navigation > ul > li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation > ul > li > a, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn { border-radius: 100px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; padding: 10px 15px !important; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } body.horizontal-navigation .horizontal-navigation > ul > li > a .sub-menu-arrow, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .sub-menu-arrow { display: none; } body.horizontal-navigation .horizontal-navigation > ul > li > a .badge, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn .badge, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn .badge { margin-left: 0.5rem; } body.horizontal-navigation .horizontal-navigation > ul > li > a + ul, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li > button.btn + ul { border-top: 1px solid #e6e6e6; } body.horizontal-navigation .horizontal-navigation > ul > li:hover > a, body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn { color: #0081ff !important; } body.horizontal-navigation .horizontal-navigation ul { display: -webkit-box; display: flex; } body.horizontal-navigation .horizontal-navigation ul li { position: relative; } body.horizontal-navigation .horizontal-navigation ul li a, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { padding: 10px 25px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation ul li.open > a, body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li:hover > ul { display: block; } body.horizontal-navigation .horizontal-navigation ul li ul { display: none; position: absolute; top: 54px; width: 220px; background-color: white; padding: 10px 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; box-shadow: 0px 5px 9px -5px rgba(0, 0, 0, 0.3); } body.horizontal-navigation .horizontal-navigation ul li ul li { position: relative; } body.horizontal-navigation .horizontal-navigation ul li ul li:hover > a, body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { color: black; } body.horizontal-navigation .horizontal-navigation ul li ul li a.active, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li.open > a, body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li ul li ul { left: 220px; top: -12px; border-left: 1px solid #f2f2f2; box-shadow: 3px 0px 10px -5px rgba(0, 0, 0, 0.3); } body.horizontal-navigation .horizontal-navigation ul li ul li ul:before { display: none; } body.horizontal-navigation .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; padding-top: 160px; } body.horizontal-navigation .content-footer { margin-left: 0; } body.sticky-header .header { position: -webkit-sticky !important; position: sticky !important; top: 0; } } @media (max-width: 1200px) { body.horizontal-navigation .horizontal-navigation { position: fixed; left: 0; top: 0; bottom: 0; height: auto; /*width: 320px;*/ background-color: white; z-index: 1000; overflow: auto; padding: 15px 0; display: none; } body.horizontal-navigation .horizontal-navigation ul li a, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 15px 30px; } body.horizontal-navigation .horizontal-navigation ul li a .nav-icon, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .nav-icon, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .nav-icon { margin-right: 0.5rem; } body.horizontal-navigation .horizontal-navigation ul li a.active, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li a .badge, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .badge, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .badge, body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { margin-left: auto; } body.horizontal-navigation .horizontal-navigation ul li a .sub-menu-arrow, body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn .sub-menu-arrow, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.btn .sub-menu-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } body.horizontal-navigation .horizontal-navigation ul li ul { display: none; } body.horizontal-navigation .horizontal-navigation ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.btn { padding-left: 60px; } body.horizontal-navigation .horizontal-navigation ul li ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li button.btn { padding-left: 80px; } body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li a, body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li ul li ul li button.btn { padding-left: 100px; } body.horizontal-navigation .horizontal-navigation ul li.open > a, body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #0081ff; } body.horizontal-navigation .horizontal-navigation ul li.open > ul { display: block !important; } body.horizontal-navigation .horizontal-navigation.open { display: block; } } body.semi-dark:not(.dark) .navigation { background-color: #313852; color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab { border-right-color: #444e72; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):hover, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li a:not(.active):focus, body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body .avatar { border-color: #313852; } body.semi-dark:not(.dark) .navigation .navigation-menu-body .list-group-item { background: none; border-color: #454c66; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo { border-color: #454c66; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img { display: block; } body.semi-dark:not(.dark) .navigation .navigation-menu-body #navigation-logo img:not(.logo-light) { display: none; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider { color: #dbdbdb; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a .nav-link-icon, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn .nav-link-icon { stroke: rgba(199, 199, 199, 0.5); } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a.active:after, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after { background-color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:hover, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:hover, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a:focus, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn:focus { background: none; color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li a.active, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li a + ul li button.active.btn, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > a, body.semi-dark:not(.dark) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.open > button.btn { color: white; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider { color: #0081ff; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul { background-color: #313852 !important; border-left-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li ul ul { border-left-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li.navigation-divider:after { background-color: #454c66 !important; } body.semi-dark:not(.dark) .navigation .avatar:before { border-color: #2c2f42; } body.semi-dark:not(.dark) .horizontal-navigation { background-color: #313852; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul { border-top: 1px solid #444e72; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li > a + ul ul, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li > button.btn + ul ul, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li > button.btn + ul ul { border-left: 1px solid #444e72; } body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > a, body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li a, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn { color: #c7c7c7; } body.semi-dark:not(.dark) .horizontal-navigation ul li a.active, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):hover, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):hover, body.semi-dark:not(.dark) .horizontal-navigation ul li a:not(.active):focus, body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus { color: #1a8eff; } body.semi-dark:not(.dark) .horizontal-navigation ul li ul { background-color: #313852; } body.semi-dark:not(.dark).right-navigation .navigation .navigation-menu-tab { border-left-color: #444e72; } body.semi-dark:not(.dark).small-navigation .navigation:hover .navigation-menu-tab { border-right-color: #444e72; } body.semi-dark:not(.dark).small-navigation.right-navigation .navigation:hover .navigation-menu-tab { border-left-color: #444e72; } body.header-dark:not(.dark) .header { background-color: #313852; color: #c7c7c7; border-bottom-color: #444e72; } body.header-dark:not(.dark) .header .header-logo a img, body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img, body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img { display: block; } body.header-dark:not(.dark) .header .header-logo a img:not(.logo-light), body.header-dark:not(.dark) .header .header-logo form .input-group .input-group-append button.btn img:not(.logo-light), body.header-dark:not(.dark) .header form .input-group .input-group-append .header-logo button.btn img:not(.logo-light) { display: none; } body.header-dark:not(.dark) .header .navigation-toggler a, body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn, body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn { color: #c7c7c7; } body.header-dark:not(.dark) .header .navigation-toggler a:hover, body.header-dark:not(.dark) .header .navigation-toggler form .input-group .input-group-append button.btn:hover, body.header-dark:not(.dark) .header form .input-group .input-group-append .navigation-toggler button.btn:hover { color: white; } body.header-dark:not(.dark) .header a.nav-link, body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn { color: #c7c7c7; } body.header-dark:not(.dark) .header a.nav-link:hover, body.header-dark:not(.dark) .header form .input-group .input-group-append button.nav-link.btn:hover { color: white; } body.header-dark:not(.dark) .header .dropdown-menu { border-top: none !important; } *:focus { outline: none; } .sticky { position: -webkit-sticky !important; position: sticky !important; top: 0; } .lead { line-height: 2.2rem; } .layout-wrapper { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; } .layout-wrapper .content-wrapper { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; } .layout-wrapper .content-wrapper .content-body { width: 0; -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .layout-wrapper .content-wrapper .content-body .content { -webkit-box-flex: 1; flex: 1; padding: 30px; padding-top: 105px; padding-left: 100px; padding-bottom: 0; } svg.feather { width: 20px; height: 20px; } .demo-code-preview { border: 1px solid #ebebeb; padding: 20px 10px; margin-top: 2rem; position: relative; background-color: white; border-radius: 8px; } .demo-code-preview + * { margin-top: 1.5rem; } .demo-code-preview:before { content: attr(data-label); display: block; position: absolute; top: -9px; left: 20px; letter-spacing: 1px; background-color: inherit; font-size: 11px; padding: 0 5px; } .demo-code-preview pre { overflow-x: hidden; background: none; padding-top: 0; padding-bottom: 0; max-height: 300px; } .demo-code-preview:hover pre { overflow-x: auto; } code[class*=language-], pre[class*=language-] { font-size: 0.93em; margin: 0; } .text-divider { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .text-divider:after { content: ""; display: block; height: 1px; background-color: #f0f0f0; -webkit-box-flex: 1; flex: 1; } .text-divider span { margin-right: 1rem; } .row-xs { margin-left: -0.5rem; margin-right: -0.5rem; } .row-xs > div { padding-left: 0.5rem; padding-right: 0.5rem; } .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .overlay.show { opacity: 1; } .tooltip { pointer-events: none; font-family: inherit; font-size: 0.835rem !important; } .tooltip .arrow { display: none; } .tooltip .tooltip-inner { background: rgba(0, 0, 0, 0.7); } .file-manager-items { display: -webkit-box; display: flex; flex-wrap: wrap; } .file-manager-items .file-manager-item { margin-right: 20px; margin-bottom: 20px; } .file-manager-items .file-manager-item span { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 135px; height: 115px; font-size: 8.5em; border: 1px solid #e1e1e1; border-radius: 5px; background-size: cover !important; background-position: center !important; } .file-manager-items .file-manager-item.folder span { color: #cea65b; } .file-manager-items .file-manager-item.image span:before { display: none; } .small, .page-header .breadcrumb li.breadcrumb-item, .chat-block .chat-content .messages .message-item.message-item-divider span, small { font-size: 12px; } .list-group .list-group-item { padding: 0.75rem 1.5rem; } .list-group .list-group-item.active { z-index: auto; background: #0081ff; } .bring-forward { position: relative; z-index: 1; } .table-email-list table.table .dropdown [data-toggle=dropdown]:after { display: none; } .table-email-list table.table .email-subject { max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-email-list table.table .email-subject a, .table-email-list table.table .email-subject .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .table-email-list table.table .email-subject button.btn { display: inline-block; } .table-email-list table.table td, .table-email-list table.table .table th { padding: 0.8rem; } .table-email-list a, .table-email-list .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .table-email-list button.btn { color: #646464; } .table-email-list a:hover, .table-email-list .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .table-email-list button.btn:hover, .table-email-list a:focus, .table-email-list .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append .table-email-list button.btn:focus { color: #0081ff; } .read-mail-body img { max-width: 50%; } .bootstrap-tagsinput { box-shadow: none; width: 100%; border: 1px solid #ced4da; min-height: calc(2.25rem + 2px); } .bootstrap-tagsinput.focus { border-color: #3383de; } .bootstrap-tagsinput .tag { display: -webkit-inline-box; display: inline-flex; color: black; border-radius: 3px; font-size: 13px; padding: 0 8px; margin: 2px 1px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background: #e1e1e1; } .list-group .list-group-item.active { background: #0081ff; border-color: transparent; } .list-group-flush .list-group-item:first-child { border-top: 0; } .badge { font-weight: 500; } .nav-pills .nav-link.active { background: #0081ff; } .nav-tabs .nav-link.active { color: #0081ff; } .text-muted, .chat-block .chat-content .messages .message-item.message-item-divider span, .demo-code-preview:before { color: #a7abc3 !important; } .min-width-0 { min-width: 0; } .list-group-item { border-color: #e6e6e6; } .jqstooltip { box-sizing: content-box; } .hide-show-toggler .hide-show-toggler-item { display: none; } .hide-show-toggler:hover .hide-show-toggler-item, .hide-show-toggler:focus .hide-show-toggler-item { display: block; } .tooltip { font-size: 14px; } .jqvmap-zoomin, .jqvmap-zoomout { box-sizing: initial; } .apexcharts-canvas { margin: auto; } [data-backround-image] { position: relative; background-size: cover !important; background-position: center !important; } [data-backround-image]:after { content: ""; display: block; background: rgba(255, 255, 255, 0.6); position: absolute; right: 0; left: 0; top: 0; bottom: 0; } [data-backround-image] > * { position: relative; z-index: 1; } .dropdown-menu [data-backround-image]:after { border-radius: 0; } .jqvmap-region { fill: rgba(170, 102, 204, 0.3); } .jqvmap-region:hover { fill: #aa66cc; } .a-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .font-weight-800 { font-weight: 800; } .circle canvas { vertical-align: top; } .todo-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 10px; } .todo-item input[type=checkbox]:checked + label { text-decoration: line-through; color: #00961f; } .border-radius-1 { border-radius: 5px; } .rounded { border-radius: 0.5rem !important; } .nav-tabs .nav-link { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .nav-pills .nav-link { border-radius: 0.5rem; } .apexcharts-legend.position-top.center { -webkit-box-pack: end !important; justify-content: flex-end !important; } .image-hover { position: relative; } .image-hover .image-hover-body { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; opacity: 0; visibility: hidden; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; transition: all 0.3s; color: white; padding: 20px 30px; } .image-hover:hover .image-hover-body { opacity: 1; visibility: visible; } .nav-analiytics-style .nav-link { padding: 0.5rem 1.5rem; } .daterangepicker { font-family: "Inter"; } .header { background-color: white; z-index: 999; display: -webkit-box; display: flex; height: 75px; box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.4); position: fixed; right: 0; left: 0; top: 0; } .header .avatar { border-color: transparent; } .header .avatar.avatar-state-success:before { border-color: #0081ff; } .header .header-left { /*width: 320px;*/ padding-left: 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .header-left .navigation-toggler { display: none; margin-right: 15px; } .header .header-left .navigation-toggler a, .header .header-left .navigation-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .header-left .navigation-toggler button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .header .header-left .navigation-toggler a svg, .header .header-left .navigation-toggler form .input-group .input-group-append button.btn svg, .header form .input-group .input-group-append .header-left .navigation-toggler button.btn svg { height: 30px; width: 30px; } .header .header-logo a, .header .header-logo form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .header-logo button.btn { height: 75px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .header-logo a img:not(.logo), .header .header-logo form .input-group .input-group-append button.btn img:not(.logo), .header form .input-group .input-group-append .header-logo button.btn img:not(.logo) { display: none; } .header .header-body { padding: 0 30px; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: auto; -webkit-box-pack: justify; justify-content: space-between; } .header .header-body .page-title h1, .header .header-body .page-title h2, .header .header-body .page-title h3, .header .header-body .page-title h4, .header .header-body .page-title h5, .header .header-body .page-title h6 { margin-bottom: 0; line-height: inherit; } .header form .input-group { position: relative; } .header form .input-group .form-control, .header form .input-group .swal-modal input.swal-content__input, .swal-modal .header form .input-group input.swal-content__input { border: none; background-color: rgba(255, 255, 255, 0.1); } .header form .input-group .form-control:focus, .header form .input-group .swal-modal input.swal-content__input:focus, .swal-modal .header form .input-group input.swal-content__input:focus { background-color: rgba(255, 255, 255, 0.2); } .header form .input-group .input-group-append { position: absolute; right: 0; } .header form .input-group .input-group-append button.btn { position: relative; z-index: 9; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: inherit; border: none; } .header form .input-group .input-group-append button.btn:hover { opacity: 0.7; } .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append button.btn:active, .header form .input-group .input-group-append button.btn:hover { background-color: inherit; box-shadow: none !important; } .header .header-toggler { display: none; } .header [data-toggle=fullscreen] .minimize { display: none; } .header .active-fullscreen .minimize { display: block; } .header .active-fullscreen .maximize { display: none; } .header ul.navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .header ul.navbar-nav li.nav-item a.nav-link, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn { line-height: 100%; padding: 10px 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn { position: relative; } .header ul.navbar-nav li.nav-item a.nav-link.nav-link-notify:before, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.nav-link-notify.btn:before, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.nav-link-notify.btn:before { content: ""; position: absolute; width: 6px; height: 6px; right: 0; border-radius: 50%; top: 3px; background: #ea5455; -webkit-animation: notify-pulse 1s infinite; } .header ul.navbar-nav li.nav-item a.nav-link:hover, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:hover, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:hover, .header ul.navbar-nav li.nav-item a.nav-link:focus, .header ul.navbar-nav li.nav-item form .input-group .input-group-append button.nav-link.btn:focus, .header form .input-group .input-group-append ul.navbar-nav li.nav-item button.nav-link.btn:focus { outline: none; } .header ul.navbar-nav + form.search { margin-left: 1.5rem; } .header .dropdown-menu { position: absolute; } @-webkit-keyframes notify-pulse { 0% { box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } @keyframes notify-pulse { 0% { box-shadow: 0 0 0 0px rgba(234, 84, 85, 0.7); } 100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } } .navigation { background-color: white; z-index: 998; /*width: 320px;*/ box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); position: fixed; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; left: 0; bottom: 0; top: 75px; } .navigation .navigation-menu-tab { border-right: 1px solid #e6e6e6; width: 80px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 0; padding: 10px; } .navigation .navigation-menu-tab .avatar { border: none; } .navigation .navigation-menu-tab ul li { margin-bottom: 5px; } .navigation .navigation-menu-tab ul li a, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn { display: -webkit-box; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 0.5rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .navigation .navigation-menu-tab ul li a:hover, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover { color: #0081ff; } .navigation .navigation-menu-tab ul li a.active, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn { color: white; background-color: #0081ff; box-shadow: 0px 5px 20px -14px #0081ff; } .navigation .navigation-menu-tab ul li a svg, .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn svg, .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn svg { width: 23px; height: 23px; } .navigation .navigation-menu-body { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: auto; } .navigation .navigation-menu-body .navigation-menu-group > div { display: none; } .navigation .navigation-menu-body .navigation-menu-group > div.open { display: block; } .navigation .navigation-menu-body ul li.navigation-divider { padding: 10px 30px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; margin-top: 10px; margin-bottom: 10px; color: #a7abc3; } .navigation .navigation-menu-body ul li > a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 10px 30px; color: #505050; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .navigation .navigation-menu-body ul li > a .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .nav-link-icon { margin-right: 0.8rem; stroke: rgba(0, 0, 0, 0.3); -webkit-transition: stroke 0.3s; transition: stroke 0.3s; width: 20px; height: 20px; } .navigation .navigation-menu-body ul li > a:hover, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover { color: #0081ff; } .navigation .navigation-menu-body ul li > a:hover .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon { stroke: #0081ff; } .navigation .navigation-menu-body ul li > a.active, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn { position: relative; color: #0081ff; font-weight: 600; background: rgba(0, 129, 255, 0.15); border-radius: 0.5rem; margin: 0 1rem; } .navigation .navigation-menu-body ul li > a.active:before, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.active.btn:before, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn:before { content: ""; display: block; border: 6px solid transparent; border-left-color: #0081ff; margin-left: -12px; margin-right: 5px; } .navigation .navigation-menu-body ul li > a .sub-menu-arrow, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow { margin-left: auto; font-size: 14px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .navigation .navigation-menu-body ul li > a .sub-menu-arrow.rotate-in, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .sub-menu-arrow.rotate-in, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .sub-menu-arrow.rotate-in { -webkit-transform: rotate(540deg); transform: rotate(540deg); } .navigation .navigation-menu-body ul li > a .badge, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn .badge, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn .badge { margin-left: auto; padding: 3px 7px; } .navigation .navigation-menu-body ul li > a + ul, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul { display: none; } .navigation .navigation-menu-body ul li > a + ul li, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li { margin: 0; } .navigation .navigation-menu-body ul li > a + ul li a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li a, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li a, .navigation .navigation-menu-body ul li > a + ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul li button.btn, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul li button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul li button.btn { padding-left: 50px; } .navigation .navigation-menu-body ul li > a + ul ul, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul { border-left: none; } .navigation .navigation-menu-body ul li > a + ul ul li a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li a, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li a, .navigation .navigation-menu-body ul li > a + ul ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > a + ul ul li button.btn, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn + ul ul li button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn + ul ul li button.btn { padding-left: 70px; } .navigation .navigation-menu-body ul li.open > a, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn { color: #0081ff; font-weight: 600; } .navigation .navigation-menu-body ul li.open > a .nav-link-icon, .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon { stroke: #0081ff; } .navigation .navigation-menu-body ul li.open > ul { display: block; } .navigation .navigation-menu-body ul li.open > ul a.active, .navigation .navigation-menu-body ul li.open > ul .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > ul button.active.btn { background-color: inherit; } footer.content-footer { padding: 15px 30px; background-color: white; box-shadow: 0 0 10px -8px black; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-left: 100px; } footer.content-footer * { text-transform: uppercase; letter-spacing: 0.5px; font-size: 12px; } footer.content-footer .nav a, footer.content-footer .nav .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append footer.content-footer .nav button.btn { padding: 5px 0; margin-left: 15px; } footer.content-footer .nav a:hover, footer.content-footer .nav .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append footer.content-footer .nav button.btn:hover { background: none !important; } .sidebar-group { background-color: rgba(0, 0, 0, 0.35); position: fixed; right: 0; bottom: 0; top: 0; left: 0; opacity: 0; z-index: 1000; -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; } .sidebar-group.show { opacity: 1; visibility: visible; } .sidebar-group .card, .sidebar-group .chat-block, .sidebar-group .app-block .app-content .app-action, .app-block .app-content .sidebar-group .app-action { box-shadow: none; } .sidebar-group .sidebar { width: 330px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); background-color: white; z-index: 1000; -webkit-transition: all 0.2s; transition: all 0.2s; visibility: hidden; opacity: 0; margin-right: -100px; position: fixed; right: 0; bottom: 0; top: 0; } .sidebar-group .sidebar.show { visibility: visible; opacity: 1; margin-right: 0px; } .sidebar-group .sidebar > header { background-color: #ebebeb; padding: 1.5rem; font-size: 16px; line-height: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .sidebar-group .sidebar > header i { margin-right: 10px; } .sidebar-group .sidebar .tab-content { height: calc(100% - 50px); } .sidebar-group .sidebar .tab-content .tab-pane.active { height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-body { -webkit-box-flex: 1; flex: 1; overflow: auto; } .sidebar-group .sidebar .tab-content .tab-pane.active .tab-pane-footer { padding: 20px 0; } body.dark { background-color: #182139; color: #c7c7c7; } body.dark a:not(.btn):not(.link-1), body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1), .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1) { color: rgba(255, 255, 255, 0.5); } body.dark a:not(.btn):not(.link-1):hover, body.dark .header form .input-group .input-group-append button.btn:not(.btn):not(.link-1):hover, .header form .input-group .input-group-append body.dark button.btn:not(.btn):not(.link-1):hover { color: rgba(255, 255, 255, 0.8); } body.dark .header { background-color: #313852; border-bottom-color: #454c66; } body.dark .header .header-logo { border-bottom-color: #454c66; } body.dark .header .header-logo img { display: block; } body.dark .header .header-logo img:not(.logo-light) { display: none; } body.dark .header ul li a, body.dark .header ul li form .input-group .input-group-append button.btn, body.dark .header form .input-group .input-group-append ul li button.btn { color: #c7c7c7; } body.dark .header ul li a:hover, body.dark .header ul li form .input-group .input-group-append button.btn:hover, body.dark .header form .input-group .input-group-append ul li button.btn:hover, body.dark .header ul li a:focus, body.dark .header ul li form .input-group .input-group-append button.btn:focus, body.dark .header form .input-group .input-group-append ul li button.btn:focus { color: white; } body.dark .header .avatar { border-color: transparent; } body.dark .text-divider:after { background-color: #454c66; } body.dark input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark input::placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .border { border-color: #454c66 !important; } body.dark .border-right { border-left-color: #454c66 !important; border-right-color: #454c66 !important; } body.dark .border-left { border-left-color: #454c66 !important; border-right-color: #454c66 !important; } body.dark .border-bottom { border-bottom-color: #454c66 !important; } body.dark .border-top { border-top-color: #454c66 !important; } body.dark .preloader { background: #04071a; } body.dark .preloader .preloader-icon { border-color: #313852; } body.dark .nav-tabs .nav-link:hover, body.dark .nav-tabs .nav-link:focus { background-color: #313852 !important; border-bottom-color: #313852 !important; } body.dark .nav-tabs .nav-link.active { background: #313852 !important; border-bottom-color: #313852 !important; } body.dark .sidebar header { background-color: #2c2f42; } body.dark .navigation { background-color: #313852; } body.dark .navigation .navigation-menu-tab { border-right-color: #444e72; } body.dark .navigation .navigation-menu-tab ul li a, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn { color: #c7c7c7; } body.dark .navigation .navigation-menu-tab ul li a.active, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-tab ul li a:not(.active):hover, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):hover, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):hover, body.dark .navigation .navigation-menu-tab ul li a:not(.active):focus, body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus { color: #0081ff; } body.dark .navigation .navigation-menu-body ul li.navigation-divider { color: #dbdbdb; } body.dark .navigation .navigation-menu-body ul li a, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn { color: #c7c7c7; } body.dark .navigation .navigation-menu-body ul li a .nav-link-icon, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn .nav-link-icon, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn .nav-link-icon { stroke: rgba(199, 199, 199, 0.5); } body.dark .navigation .navigation-menu-body ul li a:hover, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:hover, body.dark .navigation .navigation-menu-body ul li a:focus, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn:focus, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn:focus { color: white; } body.dark .navigation .navigation-menu-body ul li a.active, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-body ul li a + ul li a.active, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li a.active, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li a.active, body.dark .navigation .navigation-menu-body ul li a + ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li a + ul li button.active.btn, body.dark .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.btn + ul li button.active.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li button.btn + ul li button.active.btn { color: white; } body.dark .navigation .navigation-menu-body ul li.open > a, body.dark .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark .navigation .navigation-menu-body ul li.open > button.btn { color: white; background-color: #454c66; } body.dark .navigation .navigation-menu-body ul li .dropdown-divider { color: #0081ff; } body.dark.boxed-layout { background-color: #04071a; } body.dark.boxed-layout .layout-wrapper .content-wrapper .content-body .content { background-color: #182139; } body.dark.right-navigation .navigation .navigation-menu-tab { border-left-color: #444e72; } body.dark.right-navigation.small-navigation .navigation .navigation-menu-tab { border-left-color: transparent; } body.dark.right-navigation.small-navigation .navigation:hover .navigation-menu-tab { border-left-color: #444e72 !important; } body.dark.small-navigation .navigation:hover .navigation-menu-tab { border-right-color: #444e72 !important; } body.dark .custom-accordion .accordion-row .accordion-header .close { text-shadow: none; color: inherit; } body.dark #vmap_usa_en, body.dark #vmap_canada_en, body.dark #vmap_world_en { background-color: inherit !important; } body.dark .table { color: #c7c7c7; } body.dark .table .thead-light th { background-color: #59607a; color: inherit; } body.dark .table .thead-dark th, body.dark .table-dark, body.dark .table-dark th, body.dark .table-dark td { background-color: #04071a; } body.dark .mark, body.dark mark { background-color: #59607a; color: inherit; } body.dark .page-header { color: rgba(255, 255, 255, 0.6); } body.dark .page-header .breadcrumb li a, body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn { color: #b3b3b3; } body.dark .page-header .breadcrumb li a:hover, body.dark .page-header .breadcrumb li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark .page-header .breadcrumb li button.btn:hover { color: #c7c7c7; } body.dark .breadcrumb li.breadcrumb-item.active { color: #339aff; } body.dark [data-backround-image]:after { background-color: rgba(0, 0, 0, 0.6); } body.dark .layout-alert { border-color: #59607a; } body.dark .alert { color: rgba(255, 255, 255, 0.6); } body.dark .alert hr { border-color: rgba(255, 255, 255, 0.1); } body.dark .alert .close:hover, body.dark .alert .close:focus { opacity: 0.2; color: inherit; } body.dark .form-control, body.dark .swal-modal input.swal-content__input, .swal-modal body.dark input.swal-content__input { background: #313852; border-color: #454c66 !important; color: #c3c3c3; } body.dark .form-control:focus, body.dark .swal-modal input.swal-content__input:focus, .swal-modal body.dark input.swal-content__input:focus { border-color: #0081ff !important; } body.dark .timeline .timeline-item::before { background: #59607a; } body.dark .dropdown-menu { border-top: 1px solid #454c66 !important; color: #c7c7c7; } body.dark .custom-select { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); color: inherit; } body.dark .custom-file-label { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); color: inherit; } body.dark .custom-file-label::after { background-color: #454c66; color: inherit; } body.dark .custom-range::-webkit-slider-runnable-track { background-color: #454c66; } body.dark .custom-control-label::before { background-color: inherit; border-color: #59607a; } body.dark .custom-control-input:disabled ~ .custom-control-label::before { background-color: #454c66; } body.dark .form-control-plaintext { color: inherit; } body.dark .wizard > .content { background-color: #454c66; } body.dark .wizard > .steps .disabled a, body.dark .wizard > .steps .disabled .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .wizard > .steps .disabled button.btn, body.dark .wizard > .steps .disabled a:hover, body.dark .wizard > .steps .disabled a:active { background-color: #454c66; } body.dark .wizard > .actions .disabled a, body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn, body.dark .wizard > .actions .disabled a:hover, body.dark .wizard > .actions .disabled a:active { background: #4f5670 !important; border-color: #4f5670 !important; } body.dark .wizard > .actions .disabled a:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled .header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus, .header form .input-group .input-group-append body.dark .wizard > .actions .disabled button.btn:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled a:hover:not(:disabled):not(.disabled):focus, body.dark .wizard > .actions .disabled a:active:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); outline: none; color: inherit; } body.dark .pricing-table { border-color: #59607a; } body.dark hr { border-color: #454c66; } body.dark .dropdown-menu { border: none; background-color: #3b425c; } body.dark .dropdown-menu .dropdown-item { color: #c3c3c3; } body.dark .dropdown-menu .dropdown-item:hover, body.dark .dropdown-menu .dropdown-item:focus { background: #313852; } body.dark .bg-light { background: #59607a !important; } body.dark .list-group-item { background: none; border-color: rgba(155, 155, 155, 0.1); } body.dark a.list-group-item, body.dark .header form .input-group .input-group-append button.list-group-item.btn, .header form .input-group .input-group-append body.dark button.list-group-item.btn { color: #c7c7c7; } body.dark a.list-group-item:hover, body.dark .header form .input-group .input-group-append button.list-group-item.btn:hover, .header form .input-group .input-group-append body.dark button.list-group-item.btn:hover { color: white; } body.dark .card, body.dark .chat-block, body.dark .app-block .app-content .app-action, .app-block .app-content body.dark .app-action { background: #313852; border-color: #444e72; } body.dark .card .card-header, body.dark .chat-block .card-header, body.dark .app-block .app-content .app-action .card-header, .app-block .app-content body.dark .app-action .card-header { border-bottom-color: #2c2f42 !important; } body.dark .card .card-footer, body.dark .chat-block .card-footer, body.dark .app-block .app-content .app-action .card-footer, .app-block .app-content body.dark .app-action .card-footer { border-top-color: #2c2f42; } body.dark .accordion .card, body.dark .accordion .chat-block, body.dark .accordion .app-block .app-content .app-action, .app-block .app-content body.dark .accordion .app-action, body.dark .accordion.custom-accordion { border-color: rgba(240, 240, 240, 0.12); } body.dark .accordion.custom-accordion .accordion-row a.accordion-header, body.dark .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn, .header form .input-group .input-group-append body.dark .accordion.custom-accordion .accordion-row button.accordion-header.btn { border-bottom-color: rgba(240, 240, 240, 0.12); border-top-color: rgba(240, 240, 240, 0.12); color: inherit; background-color: #454c66; } body.dark .morris-hover.morris-default-style { background-color: #454c66; border-color: #59607a; } body.dark .apexcharts-yaxis .apexcharts-yaxis-texts-g text { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-grid .apexcharts-gridlines-horizontal line, body.dark .apexcharts-grid .apexcharts-gridlines-vertical line { stroke: rgba(255, 255, 255, 0.1); } body.dark .apexcharts-toolbar > div > svg { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-menu { border: none; background-color: #454c66; } body.dark .apexcharts-menu .apexcharts-menu-item:hover { background-color: #59607a; } body.dark .apexcharts-xaxis .apexcharts-xaxis-texts-g text { fill: rgba(255, 255, 255, 0.2); } body.dark .apexcharts-tooltip.light .apexcharts-tooltip-title { background-color: #59607a !important; border-color: #3b425c !important; } body.dark .apexcharts-xaxistooltip { border-color: #3b425c !important; background-color: #454c66 !important; color: rgba(255, 255, 255, 0.4); } body.dark .apexcharts-xaxistooltip-bottom:after, body.dark apexcharts-xaxistooltip-bottom:before { border-bottom-color: #454c66 !important; } body.dark .apexcharts-tooltip { border-color: #3b425c !important; background-color: #454c66 !important; } body.dark .apexcharts-title-text, body.dark .apexcharts-subtitle-text { fill: rgba(255, 255, 255, 0.4); } body.dark .apexcharts-legend-text { color: rgba(255, 255, 255, 0.4) !important; } body.dark .apexcharts-yaxis-title text, body.dark .apexcharts-xaxis-title text { fill: rgba(255, 255, 255, 0.4); } body.dark .demo-code-preview { background-color: #313852; border-color: #4f5670 !important; } body.dark .demo-code-preview * { text-shadow: none; } body.dark .demo-code-preview code[class*=language-], body.dark .demo-code-preview pre[class*=language-] { color: white; } body.dark .demo-code-preview code[class*=language-] .token.operator, body.dark .demo-code-preview pre[class*=language-] .token.operator { background: none; } body.dark .demo-code-preview .token.tag { color: #e156a3; } body.dark .avatar { border-color: #313852; } body.dark .avatar:before { border-color: #313852; } body.dark .avatar .avatar-title { background-color: #59607a; } body.dark .tourBg { opacity: 0.7 !important; } body.dark .dd-handle, body.dark .dd3-content { background-color: #454c66; border-color: #313852; color: inherit; } body.dark .dd3-handle:before { color: inherit; } body.dark .dd-item button { color: inherit; } body.dark .list-group-item-action { color: inherit; } body.dark .list-group-item-action.active { color: white; } body.dark .img-thumbnail { border-color: #59607a; background-color: #313852; } body.dark .progress { background-color: #59607a; } body.dark .jstree-default .jstree-clicked { color: #04071a; } body.dark .select2-container--default .select2-selection--single, body.dark .select2-container--default .select2-selection--multiple { background-color: inherit; } body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #454c66; color: #c3c3c3; } body.dark .select2.select2-container .select2-selection { border-color: #59607a; } body.dark .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #646464; } body.dark .select2-container .select2-search--inline .select2-search__field { color: inherit; } body.dark .select2-dropdown { background-color: #313852; border-color: #59607a; } body.dark .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #313852; border-color: #59607a; color: inherit; } body.dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; } body.dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #04071a; color: inherit; } body.dark .irs--round .irs-line { background-color: #59607a; } body.dark .irs--round .irs-min, body.dark .irs--round .irs-max { color: inherit; background-color: #59607a; } body.dark .daterangepicker { background-color: #3b425c; border-color: #3b425c; } body.dark .daterangepicker select { background-color: inherit; color: inherit; border-color: #59607a; } body.dark .daterangepicker:after, body.dark .daterangepicker:before { border-bottom-color: #3b425c; } body.dark .daterangepicker .calendar-table { background-color: #3b425c; border-color: #3b425c; } body.dark .daterangepicker td.in-range { background-color: #59607a; color: inherit; } body.dark .daterangepicker td.end-date { color: white; background-color: #0081ff; } body.dark .daterangepicker .drp-buttons { border-top-color: #3b425c; } body.dark .daterangepicker .drp-buttons .btn.btn-default { color: inherit; } body.dark .daterangepicker td.off, body.dark .daterangepicker td.off.end-date, body.dark .daterangepicker td.off.start-date { background-color: inherit; color: #636a84; } body.dark .daterangepicker td.off.in-range { background-color: #59607a; color: #8b92ac; } body.dark .daterangepicker td.available:hover, body.dark .daterangepicker th.available:hover { background-color: #0081ff; color: white; } body.dark .daterangepicker td.available:hover span, body.dark .daterangepicker th.available:hover span { border-color: white; } body.dark .daterangepicker .calendar-table .next span, body.dark .daterangepicker .calendar-table .prev span { border-color: #6d748e; } body.dark .daterangepicker .ranges li:hover { background-color: #454c66; } body.dark .popover.clockpicker-popover { overflow: hidden; border: 1px solid #59607a; } body.dark .popover.clockpicker-popover .popover-title { background-color: #313852; color: inherit; } body.dark .popover.clockpicker-popover .popover-content { background-color: #313852; } body.dark .popover.clockpicker-popover .clockpicker-plate { border-color: #59607a; background-color: #313852; } body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-tick { color: inherit; } body.dark .popover.clockpicker-popover .clockpicker-plate .clockpicker-canvas-bg { fill: #59607a; } body.dark .nav-tabs .nav-item.show .nav-link, body.dark .nav-tabs .nav-link.active { background-color: #59607a; color: inherit; border-color: #59607a; } body.dark .nav-tabs .nav-link:focus, body.dark .nav-tabs .nav-link:hover { border-color: #3b425c; background-color: #3b425c; } body.dark .nav-tabs { border-bottom-color: #59607a; } body.dark .figure-caption { color: inherit; } body.dark .btn-link { color: inherit; } body.dark .text-muted, body.dark .chat-block .chat-content .messages .message-item.message-item-divider span, .chat-block .chat-content .messages .message-item.message-item-divider body.dark span, body.dark .demo-code-preview:before { color: #9f9f9f !important; } body.dark .table td, body.dark .table th { border-color: rgba(155, 155, 155, 0.2); } body.dark .border-bottom { border-bottom-color: rgba(155, 155, 155, 0.2) !important; } body.dark .sidebar { background: #313852; } body.dark .chat-block .chat-content .messages .message-item:not(.me):before { border-right-color: #454c66; } body.dark .chat-block .chat-content .messages .message-item:not(.me) .message-item-content { background-color: #454c66; } body.dark .chat-block .chat-content .messages .message-item.message-item-divider:before, body.dark .chat-block .chat-content .messages .message-item.message-item-divider:after { background-color: #454c66; } body.dark .chat-block .chat-sidebar { background-color: #3b4362; } body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item { background-color: #313852; } body.dark .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active { color: white; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li:hover { background-color: #3b425c; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active { background-color: #454c66; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .avatar { border-color: #454c66; } body.dark .app-block .app-content .app-content-body .app-lists ul.list-group li.list-group-item.active .app-list-title { color: #c7c7c7; } body.dark .app-block .app-content .app-content-body .app-detail .card-header { border-bottom-color: #454c66 !important; } body.dark .app-file-list { border-color: #454c66; } body.dark .app-file-list .app-file-icon { background-color: #454c66; border-bottom-color: #454c66; } body.dark .ql-container.ql-snow { border-color: #454c66; } body.dark .ql-editor.ql-blank::before { color: #c7c7c7; } body.dark .ql-snow .ql-stroke, body.dark .ql-fill { stroke: #c7c7c7; } body.dark .text-black-50 { color: rgba(247, 247, 247, 0.43) !important; } body.dark .table-email-list a, body.dark .table-email-list .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark .table-email-list button.btn { color: inherit; } body.dark .table-hover tbody tr:hover { color: inherit; } body.dark .input-group-text { background: #454c66; color: inherit; } body.dark .dropdown-divider { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .btn.btn-light, .fc body.dark .btn.fc-state-default, body.dark .fc .fc-state-default { background: #454c66; border-color: transparent; color: inherit; } body.dark .btn.btn-light:not(:disabled):not(.disabled):hover, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):hover, body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, body.dark .btn.btn-light:not(:disabled):not(.disabled):active, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):active, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):hover, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):active { background: #4f5670; border-color: #4f5670; color: inherit; } body.dark .btn.btn-light:not(:disabled):not(.disabled):focus, .fc body.dark .btn.fc-state-default:not(:disabled):not(.disabled):focus, body.dark .fc .fc-state-default:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(4, 7, 26, 0.5); outline: none; color: inherit; } body.dark .btn.btn-outline-light { border: 1px solid rgba(255, 255, 255, 0.1); color: #c7c7c7; } body.dark .btn.btn-outline-light:hover { background: none !important; color: #d6d6d6 !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark .fc-unthemed .fc-content, body.dark .fc-unthemed .fc-divider, body.dark .fc-unthemed .fc-list-heading td, body.dark .fc-unthemed .fc-list-view, body.dark .fc-unthemed .fc-popover, body.dark .fc-unthemed .fc-row, body.dark .fc-unthemed tbody, body.dark .fc-unthemed td, body.dark .fc-unthemed th, body.dark .fc-unthemed thead { border-color: rgba(240, 240, 240, 0.12); } body.dark .fc-unthemed .fc-list-item:hover td { background: #454c66; } body.dark .fc-unthemed .fc-divider, body.dark .fc-unthemed .fc-list-heading td, body.dark .fc-unthemed .fc-popover .fc-header { background: #454c66; } body.dark .fc-unthemed td.fc-today, body.dark .fc-unthemed .fc-list-empty { background: #454c66; } body.dark #external-events .fc-event { color: inherit; } body.dark .bootstrap-tagsinput { background-color: inherit; border-color: rgba(255, 255, 255, 0.2); } body.dark .bootstrap-tagsinput .tag { background: #454c66; color: #c3c3c3; } body.dark .bootstrap-tagsinput input { color: #c3c3c3; } body.dark .dropzone { background-color: #313852; border-color: #454c66; } body.dark .modal-content { background-color: #313852; } body.dark .modal-content .modal-header { border-bottom-color: rgba(240, 240, 240, 0.12); background-color: #454c66 !important; } body.dark .modal-content .modal-header .close { text-shadow: none; opacity: 1; color: inherit; background-color: #313852 !important; } body.dark .modal-content .modal-footer { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .swal-modal { background-color: #313852; } body.dark .swal-modal .swal-icon--success__hide-corners { background-color: inherit; } body.dark .swal-modal .swal-icon--success:before, body.dark .swal-modal .swal-icon--success:after { background-color: inherit; } body.dark .swal-modal .swal-title, body.dark .swal-modal .swal-text { color: inherit; } body.dark .popover { background-color: #454c66; } body.dark .popover .popover-header { background-color: #59607a; border-color: transparent; } body.dark .popover .popover-body { color: inherit; } body.dark .popover .popover-navigation { border-top-color: rgba(240, 240, 240, 0.12); } body.dark .bs-popover-auto[x-placement^=top] > .arrow::after, body.dark .bs-popover-top > .arrow::after { border-top-color: #454c66; } body.dark .bs-popover-auto[x-placement^=right] > .arrow::after, body.dark .bs-popover-right > .arrow::after { border-right-color: #454c66; } body.dark .bs-popover-auto[x-placement^=bottom] > .arrow::after, body.dark .bs-popover-bottom > .arrow::after { border-bottom-color: #454c66; } body.dark .bs-popover-auto[x-placement^=left] > .arrow::after, body.dark .bs-popover-left > .arrow::after { border-left-color: #454c66; } body.dark ul.links a, body.dark ul.links .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark ul.links button.btn { color: inherit; } body.dark .page-link { background-color: inherit; color: inherit; border-color: rgba(240, 240, 240, 0.12); } body.dark .page-item.disabled .page-link { background-color: #272e48; border-color: rgba(240, 240, 240, 0.12); color: inherit; } body.dark .nav a.nav-link:not(.active), body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active), .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active) { color: #c7c7c7; } body.dark .nav a.nav-link:not(.active):hover, body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):hover, .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):hover, body.dark .nav a.nav-link:not(.active):active, body.dark .nav .header form .input-group .input-group-append button.nav-link.btn:not(.active):active, .header form .input-group .input-group-append body.dark .nav button.nav-link.btn:not(.active):active { background-color: #3b425c; } body.dark.form-membership .form-wrapper { background-color: #313852; } body.dark.form-membership .form-wrapper #logo img { display: block; } body.dark.form-membership .form-wrapper #logo img:not(.logo-light) { display: none; } body.dark .content-footer { background-color: #313852; } body.dark .irs--round .irs-handle { background-color: #313852; } body.dark .table tr.tr-selected { background-color: #3b4362; } body.dark.hidden-navigation .navigation { background-color: #313852; } body.dark.small-navigation .navigation-menu-body ul li.open > a, body.dark.small-navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.small-navigation .navigation-menu-body ul li.open > button.btn { background-color: #454c66; } body.dark.small-navigation .navigation-menu-body ul li ul { background-color: #313852 !important; border-left-color: #454c66 !important; } body.dark.small-navigation .navigation-menu-body ul li.navigation-divider:after { background-color: #454c66 !important; } @media (min-width: 1200px) { body.dark.horizontal-navigation .horizontal-navigation { background-color: #313852; border-top-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul > li > a.active, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.active.btn { background: rgba(0, 0, 0, 0.25); } body.dark.horizontal-navigation .horizontal-navigation ul > li > a:hover, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn:hover { background: rgba(0, 0, 0, 0.1); } body.dark.horizontal-navigation .horizontal-navigation ul > li > a + ul, body.dark.horizontal-navigation .horizontal-navigation .header form .input-group .input-group-append ul > li > button.btn + ul, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul > li > button.btn + ul { border-top-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul li ul { background-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li ul:before { border-bottom-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn { color: #c7c7c7; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a:hover, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover { background: none; color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li a.active, body.dark.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn { background: none; color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li ul { border-left-color: #444e72; } body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > a, body.dark.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn { background: none; color: #339aff; } body.dark.navigation-toggle-one.navigation-show .navigation .navigation-menu-body { background-color: #313852; } } @media (max-width: 1200px) { body.dark .chat-block .chat-content.mobile-open { background-color: #313852; } body.dark.horizontal-navigation .horizontal-navigation { background-color: #3b425c; } body.dark.horizontal-navigation .horizontal-navigation ul li a:hover, body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover { color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li a.active, body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn { color: #339aff; } body.dark.horizontal-navigation .horizontal-navigation ul li.open > a, body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn, .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn { color: #339aff; } } @media (max-width: 1200px) { .header .header-toggler { display: block; } .chat-app .layout-wrapper .content-wrapper .content-body .content { padding-left: 0 !important; } .chat-block { position: relative; } .chat-block .chat-content { display: none; } .chat-block .chat-content .chat-header { padding: 0.5rem 1.5rem; } .chat-block .chat-content .mobile-chat-close-btn { display: block; } .chat-block .chat-content.chat-mobile-open { display: -webkit-box; display: flex; background-color: white; position: absolute; right: 0; left: 0; max-width: 100%; z-index: 2; bottom: 0; } .chat-block .chat-sidebar { -webkit-box-flex: 1; flex: 1; border-right: none; max-width: 100% !important; } .header { margin: 0; } .header .header-left .navigation-toggler { display: block !important; } .header div:nth-child(2) ul.navbar-nav:first-child { display: none; background: #e6e6e6; position: fixed; left: 0; right: 0; top: 75px; } .header div:nth-child(2) ul.navbar-nav:first-child li a, .header div:nth-child(2) ul.navbar-nav:first-child li form .input-group .input-group-append button.btn, .header form .input-group .input-group-append div:nth-child(2) ul.navbar-nav:first-child li button.btn { color: black; } .header div:nth-child(2) ul.navbar-nav:first-child.open { display: -webkit-box; display: flex; flex-wrap: wrap; } .header .header-search .input-group { background-color: white; } .header .header-search .input-group .btn { color: black; } .header .header-search .input-group input.form-control:focus, .header .header-search .input-group .swal-modal input.swal-content__input:focus, .swal-modal .header .header-search .input-group input.swal-content__input:focus { color: black; } .header .header-search .input-group input.form-control::-webkit-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-webkit-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-webkit-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::-moz-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-moz-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-moz-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control:-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input:-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input:-ms-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::-ms-input-placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::-ms-input-placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::-ms-input-placeholder { color: #9b9b9b; } .header .header-search .input-group input.form-control::placeholder, .header .header-search .input-group .swal-modal input.swal-content__input::placeholder, .swal-modal .header .header-search .input-group input.swal-content__input::placeholder { color: #9b9b9b; } .header .navigation-toggler a, .header .navigation-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navigation-toggler button.btn, .header .navbar-toggler a, .header .navbar-toggler form .input-group .input-group-append button.btn, .header form .input-group .input-group-append .navbar-toggler button.btn { background: none !important; } .header .navigation-toggler { display: none !important; } .header .navigation-toggler.mobile-toggler { display: block !important; } .header .navigation-toggler a:hover, .header .navigation-toggler form .input-group .input-group-append button.btn:hover, .header form .input-group .input-group-append .navigation-toggler button.btn:hover { background: none !important; } .header .dropdown { position: static; } .header .dropdown-menu { right: 1rem !important; top: auto !important; left: 1rem !important; margin-top: 10px; width: auto !important; -webkit-transform: inherit !important; transform: inherit !important; } .layout-wrapper .content-wrapper .content-body .content { padding-left: 30px; } .content-footer { margin-left: 0 !important; } .navigation { background-color: white; z-index: 1000; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.15); left: -80%; top: 0; bottom: 0; opacity: 0; -webkit-transition: left 0.2s; transition: left 0.2s; position: fixed !important; } .navigation.open { left: 0; opacity: 1; } .navigation header.navigation-header { padding-top: 20px; } .navigation .navigation-icon-menu { margin: 0; border-radius: 0; } .navigation .navigation-menu-body { padding: 15px 0; } .page-header { padding: 0; margin-top: 0; margin-right: 0; margin-left: 0; } .user-page { padding: 20px; height: auto; } .user-page .card, .user-page .chat-block, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action { width: auto; } .user-page .card .card-body, .user-page .chat-block .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body { padding: 30px; } } @media (max-width: 992px) { .app-block { position: relative; } .app-block .app-sidebar-menu-button { display: -webkit-inline-box; display: inline-flex; margin-right: 1rem; } .app-block .app-sidebar { display: none; position: absolute; left: 0; z-index: 9; -webkit-box-flex: 0; flex: 0 0 35%; max-width: 35%; bottom: 0; } .app-block .app-sidebar .app-sidebar-menu { overflow: auto; } .app-block .app-sidebar.show { display: block; } .app-block .app-sidebar > .card, .app-block .app-sidebar > .chat-block, .app-block .app-content .app-sidebar > .app-action { box-shadow: 3px 0px 15px -10px black; border-top-right-radius: 0; border-bottom-right-radius: 0; } .app-block .app-content { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .app-block .app-content .app-action { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .app-block .app-content .app-action .action-right { margin-left: 0; margin-bottom: 1rem; } .app-block .app-content .app-detail .card-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: stretch !important; align-items: stretch !important; } .app-block .app-content .app-detail .card-header .app-detail-action-right { margin-left: 0 !important; margin-top: 1rem; } .card, .chat-block, .app-block .app-content .app-action { margin-bottom: 1rem; } .card .card-body, .chat-block .card-body, .app-block .app-content .app-action .card-body { padding: 1.2rem; } } @media (max-width: 768px) { body.form-membership .form-wrapper { width: 90%; margin: 30px auto; } body.horizontal-navigation .horizontal-navigation.open { width: 80%; } .app-block .app-content .app-action .action-right form { margin-right: 0 !important; } .app-block .app-content .app-action .action-right .app-pager { display: none !important; } .app-block .app-sidebar { -webkit-box-flex: 0; flex: 0 0 70%; max-width: 70%; } .chat-block .chat-sidebar.border-right { border-right: none !important; } .toast-top-right { top: 1rem; right: 1rem; } .toast-top-left { top: 1rem; left: 1rem; } .header .header-left { width: auto; } .header .page-title { display: none; } footer { padding: 15px 20px; } footer .nav { display: none; } .table-responsive-stack tr { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-bottom: 3px solid #ccc; display: block; } /* IE9 FIX */ .table-responsive-stack td { float: left \9; width: 100%; } .sidebar > ul.nav { display: -webkit-box; display: flex; } .sidebar > ul.nav li.nav-item { border: none; } .user-page { padding: 20px; height: auto; } .user-page .card, .user-page .chat-block, .user-page .app-block .app-content .app-action, .app-block .app-content .user-page .app-action { width: 100%; } .user-page .card .card-body, .user-page .chat-block .card-body, .user-page .app-block .app-content .app-action .card-body, .app-block .app-content .user-page .app-action .card-body { padding: 30px; } .fc .fc-toolbar.fc-header-toolbar > div { float: none !important; } .fc .fc-toolbar.fc-header-toolbar > div .fc-button-group { float: none !important; } .fc .fc-toolbar.fc-header-toolbar > div.fc-left { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 15px; } .fc .fc-toolbar.fc-header-toolbar > div.fc-right { margin-bottom: 5px; } } @media (max-width: 414px) { .nav { display: block; border: none; } .nav li.nav-item { margin-bottom: 0; } .nav li.nav-item:last-child { border: none; } .nav li.nav-item a.nav-link, .nav li.nav-item .header form .input-group .input-group-append button.nav-link.btn, .header form .input-group .input-group-append .nav li.nav-item button.nav-link.btn { border: none; } body:not(.semi-dark):not(.dark) .nav li.nav-item { border-bottom: 1px solid #ebebeb; } .navigation header.navigation-header .nav { display: -webkit-box; display: flex; } body.dark .nav li.nav-item { border-bottom-color: #6d748e; } .wizard > .steps > ul > li { float: none; width: 100%; margin-bottom: 10px; } .wizard > .content { background: none; } .wizard > .content > .body { position: static; padding: 0; } .dataTables_wrapper .dataTables_filter { display: block; } .navigation { width: 20%; } .page-header .breadcrumb { display: none; } } @media (max-width: 375px) { nav.navbar .navbar-menu { padding-left: 0; } .navigation { width: 20%; } } @media (max-width: 544px) { .text-xs-center { text-align: center !important; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } } @media print { .page-header { display: none; } } .layout-builder { position: fixed; width: 400px; background: white; z-index: 1000; right: -400px; top: 0; bottom: 0; box-shadow: 8px 0 10px 3px rgba(0, 0, 0, 0.50); overflow: auto; transition: right .2s; } .layout-builder.show { right: 0; } .layout-builder .layout-builder-toggle.shw i { -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 100% { transform: rotate(360deg); } } .layout-builder .layout-builder-toggle.hdn { display: none; } .layout-builder.show .layout-builder-toggle.hdn { display: flex; } .layout-builder .layout-builder-toggle { cursor: pointer; width: 50px; height: 50px; color: white; background: black; position: fixed; top: 50%; margin-left: -50px; display: flex; font-size: 23px; justify-content: center; align-items: center; margin-top: -25px; } .layout-builder .layout-builder-body { padding: 30px; } .layout-builder .layout-builder-body .custom-control input[type="checkbox"]:checked + label { color: black; } .layout-builder .layout-colors { display: flex; flex-wrap: wrap; margin-left: -10px; } .layout-builder .layout-colors .layout-color-item { width: 40px; height: 40px; background: red; margin: 10px; border-radius: 3px; overflow: hidden; border: 5px solid transparent; cursor: pointer; } .layout-builder .layout-colors .layout-color-item.active { box-shadow: 0px 0px 0px 1px black } .layout-builder .layout-colors .layout-color-item span { display: block; height: 45%; } .layout-builder .layout-colors .layout-color-item span:first-child { background: black; transform: rotate(15deg); width: 110%; height: 70%; margin-top: -5px; } .layout-alert { border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; } @media (max-width: 992px) { .layout-builder { display: none; } }