@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;700&display=swap); @import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;700&display=swap); /* -------------------------------- IntuStyle - License and Agreement ------------------------------- Copyright (C) 2019-2021 Intusoftech Ltd. Redistribution and use in source and binary forms outside this application, with or without modification, are not permitted. * Modification of sourcecode are allow as long as the code is used in this application * Redistributions / reproductions is not allow. ------------------------------------------------------------------------- */ /* -------------------------------------- Theme - Color Settings ----------------------------------------- Setting theme color here, This them color will be use automaticly in any css class related to this theme color which end with {--main}. For e.g., text-{main}, text-{main-dark}, bg-{main} ----------------------------------------------------------------------------------------------------- */ /* -------------------------------------- Import file ----------------------------------------- */ /* -------------------------------- IntuStyle - License and Agreement ------------------------------- Copyright (C) 2019-2021 Intusoftech Ltd. Redistribution and use in source and binary forms outside this application, with or without modification, are not permitted. * Modification of sourcecode are allow as long as the code is used in this application * Redistributions / reproductions is not allow. ----------------------------------------------------------------------------------------------------- */ /* -------------------------------------- Global Setting ----------------------------------------- This is global variable use for turn on/off some class of CSS to reduce size of file. You must know how to setup in this page. If you don't know, please ask. ----------------------------------------------------------------------------------------------------- */ /* -------------------------------------- Navbar setting ----------------------------------------- Setting some default style for html tags here. For i.e., ,

, and etc. ----------------------------------------------------------------------------------------------------- */ /* -------------------------------------- Font and html defautl style ----------------------------------------- Setting some default style for html tags here. For i.e., ,

, and etc. ----------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; font-family: prompt, "Nunito Sans", sans-serif; box-sizing: border-box; } body { font-size: 14px; font-weight: 300; background-color: white; color: #464646; } @media screen and (max-width: 767px) { body .offset-for-top-navbar { margin-top: 0px !important; } } @media screen and (max-width: 767px) { body footer { padding-bottom: 60px; } } p { margin: 0; } hr { border-top: 1px; border-left: none; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; } sup { vertical-align: super; } strong { font-weight: bold !important; } canvas { height: 100% !important; width: 100% !important; } small { font-size: 80%; } section { display: block; } .section { padding: 6rem 1.25rem; } @media (max-width: 575px) { .section { padding: 6rem 0rem; } } .h-50vh-nav { height: calc(50vh - 50px) !important; } .h-60vh-nav { height: calc(60vh - 50px) !important; } .h-70vh-nav { height: calc(70vh - 50px) !important; } .h-80vh-nav { height: calc(80vh - 50px) !important; } .h-90vh-nav { height: calc(90vh - 50px) !important; } .h-100vh-nav { height: calc(100vh - 50px) !important; } .h-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-70vh-r-nav { height: calc(70vh - 50px); } .h-80vh-r-nav { height: calc(80vh - 50px); } .h-90vh-r-nav { height: calc(90vh - 50px); } .h-100vh-r-nav { height: calc(100vh - 50px); } .h-110vh-r-nav { height: calc(110vh - 50px); } .h-120vh-r-nav { height: calc(120vh - 50px); } .h-130vh-r-nav { height: calc(130vh - 50px); } .h-140vh-r-nav { height: calc(140vh - 50px); } .h-150vh-r-nav { height: calc(150vh - 50px); } .h-100vh-50px { height: calc(100vh - 50px); } .h-100vh-60px { height: calc(100vh - 60px); } .h-100vh-70px { height: calc(100vh - 70px); } .h-100vh-80px { height: calc(100vh - 80px); } .h-100vh-90px { height: calc(100vh - 90px); } .h-100vh-100px { height: calc(100vh - 100px); } .h-100vh-110px { height: calc(100vh - 110px); } .h-100vh-120px { height: calc(100vh - 120px); } .h-100vh-130px { height: calc(100vh - 130px); } .h-100vh-140px { height: calc(100vh - 140px); } .h-100vh-150px { height: calc(100vh - 150px); } .h-100vh-160px { height: calc(100vh - 160px); } .h-100vh-170px { height: calc(100vh - 170px); } .h-100vh-180px { height: calc(100vh - 180px); } .h-100vh-190px { height: calc(100vh - 190px); } .h-100vh-200px { height: calc(100vh - 200px); } .h-100vh-210px { height: calc(100vh - 210px); } .h-100vh-220px { height: calc(100vh - 220px); } .h-100vh-230px { height: calc(100vh - 230px); } .h-100vh-240px { height: calc(100vh - 240px); } .h-100vh-250px { height: calc(100vh - 250px); } .h-100vh-260px { height: calc(100vh - 260px); } .h-100vh-270px { height: calc(100vh - 270px); } .h-100vh-280px { height: calc(100vh - 280px); } .h-100vh-290px { height: calc(100vh - 290px); } .h-100vh-300px { height: calc(100vh - 300px); } .h-100vh-400px { height: calc(100vh - 400px); } .h-100vh-500px { height: calc(100vh - 500px); } .h-100vh-600px { height: calc(100vh - 600px); } .h-100vh-700px { height: calc(100vh - 700px); } .h-100vh-800px { height: calc(100vh - 800px); } .h-100vh-900px { height: calc(100vh - 900px); } .h-100vh-1000px { height: calc(100vh - 1000px); } .minh-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-100vh-50px { min-height: calc(100vh - 50px); } .minh-100vh-60px { min-height: calc(100vh - 60px); } .minh-100vh-70px { min-height: calc(100vh - 70px); } .minh-100vh-80px { min-height: calc(100vh - 80px); } .minh-100vh-90px { min-height: calc(100vh - 90px); } .minh-100vh-100px { min-height: calc(100vh - 100px); } .minh-100vh-110px { min-height: calc(100vh - 110px); } .minh-100vh-120px { min-height: calc(100vh - 120px); } .minh-100vh-130px { min-height: calc(100vh - 130px); } .minh-100vh-140px { min-height: calc(100vh - 140px); } .minh-100vh-150px { min-height: calc(100vh - 150px); } .minh-100vh-160px { min-height: calc(100vh - 160px); } .minh-100vh-170px { min-height: calc(100vh - 170px); } .minh-100vh-180px { min-height: calc(100vh - 180px); } .minh-100vh-190px { min-height: calc(100vh - 190px); } .minh-100vh-200px { min-height: calc(100vh - 200px); } .minh-100vh-210px { min-height: calc(100vh - 210px); } .minh-100vh-220px { min-height: calc(100vh - 220px); } .minh-100vh-230px { min-height: calc(100vh - 230px); } .minh-100vh-240px { min-height: calc(100vh - 240px); } .minh-100vh-250px { min-height: calc(100vh - 250px); } .minh-100vh-260px { min-height: calc(100vh - 260px); } .minh-100vh-270px { min-height: calc(100vh - 270px); } .minh-100vh-280px { min-height: calc(100vh - 280px); } .minh-100vh-290px { min-height: calc(100vh - 290px); } .minh-100vh-300px { min-height: calc(100vh - 300px); } .minh-100vh-400px { min-height: calc(100vh - 400px); } .minh-100vh-500px { min-height: calc(100vh - 500px); } .minh-100vh-600px { min-height: calc(100vh - 600px); } .minh-100vh-700px { min-height: calc(100vh - 700px); } .minh-100vh-800px { min-height: calc(100vh - 800px); } .minh-100vh-900px { min-height: calc(100vh - 900px); } .minh-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-100vh-50px { max-height: calc(100vh - 50px); } .maxh-100vh-60px { max-height: calc(100vh - 60px); } .maxh-100vh-70px { max-height: calc(100vh - 70px); } .maxh-100vh-80px { max-height: calc(100vh - 80px); } .maxh-100vh-90px { max-height: calc(100vh - 90px); } .maxh-100vh-100px { max-height: calc(100vh - 100px); } .maxh-100vh-110px { max-height: calc(100vh - 110px); } .maxh-100vh-120px { max-height: calc(100vh - 120px); } .maxh-100vh-130px { max-height: calc(100vh - 130px); } .maxh-100vh-140px { max-height: calc(100vh - 140px); } .maxh-100vh-150px { max-height: calc(100vh - 150px); } .maxh-100vh-160px { max-height: calc(100vh - 160px); } .maxh-100vh-170px { max-height: calc(100vh - 170px); } .maxh-100vh-180px { max-height: calc(100vh - 180px); } .maxh-100vh-190px { max-height: calc(100vh - 190px); } .maxh-100vh-200px { max-height: calc(100vh - 200px); } .maxh-100vh-210px { max-height: calc(100vh - 210px); } .maxh-100vh-220px { max-height: calc(100vh - 220px); } .maxh-100vh-230px { max-height: calc(100vh - 230px); } .maxh-100vh-240px { max-height: calc(100vh - 240px); } .maxh-100vh-250px { max-height: calc(100vh - 250px); } .maxh-100vh-260px { max-height: calc(100vh - 260px); } .maxh-100vh-270px { max-height: calc(100vh - 270px); } .maxh-100vh-280px { max-height: calc(100vh - 280px); } .maxh-100vh-290px { max-height: calc(100vh - 290px); } .maxh-100vh-300px { max-height: calc(100vh - 300px); } .maxh-100vh-400px { max-height: calc(100vh - 400px); } .maxh-100vh-500px { max-height: calc(100vh - 500px); } .maxh-100vh-600px { max-height: calc(100vh - 600px); } .maxh-100vh-700px { max-height: calc(100vh - 700px); } .maxh-100vh-800px { max-height: calc(100vh - 800px); } .maxh-100vh-900px { max-height: calc(100vh - 900px); } .maxh-100vh-1000px { max-height: calc(100vh - 1000px); } @media screen and (min-width: 420px) { .h-sm-50vh-nav { height: calc(50vh - 50px) !important; } .h-sm-60vh-nav { height: calc(60vh - 50px) !important; } .h-sm-70vh-nav { height: calc(70vh - 50px) !important; } .h-sm-80vh-nav { height: calc(80vh - 50px) !important; } .h-sm-90vh-nav { height: calc(90vh - 50px) !important; } .h-sm-100vh-nav { height: calc(100vh - 50px) !important; } .h-sm-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-sm-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-sm-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-sm-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-sm-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-sm-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-sm-70vh-r-nav { height: calc(70vh - 50px); } .h-sm-80vh-r-nav { height: calc(80vh - 50px); } .h-sm-90vh-r-nav { height: calc(90vh - 50px); } .h-sm-100vh-r-nav { height: calc(100vh - 50px); } .h-sm-110vh-r-nav { height: calc(110vh - 50px); } .h-sm-120vh-r-nav { height: calc(120vh - 50px); } .h-sm-130vh-r-nav { height: calc(130vh - 50px); } .h-sm-140vh-r-nav { height: calc(140vh - 50px); } .h-sm-150vh-r-nav { height: calc(150vh - 50px); } .h-sm-100vh-50px { height: calc(100vh - 50px); } .h-sm-100vh-60px { height: calc(100vh - 60px); } .h-sm-100vh-70px { height: calc(100vh - 70px); } .h-sm-100vh-80px { height: calc(100vh - 80px); } .h-sm-100vh-90px { height: calc(100vh - 90px); } .h-sm-100vh-100px { height: calc(100vh - 100px); } .h-sm-100vh-110px { height: calc(100vh - 110px); } .h-sm-100vh-120px { height: calc(100vh - 120px); } .h-sm-100vh-130px { height: calc(100vh - 130px); } .h-sm-100vh-140px { height: calc(100vh - 140px); } .h-sm-100vh-150px { height: calc(100vh - 150px); } .h-sm-100vh-160px { height: calc(100vh - 160px); } .h-sm-100vh-170px { height: calc(100vh - 170px); } .h-sm-100vh-180px { height: calc(100vh - 180px); } .h-sm-100vh-190px { height: calc(100vh - 190px); } .h-sm-100vh-200px { height: calc(100vh - 200px); } .h-sm-100vh-210px { height: calc(100vh - 210px); } .h-sm-100vh-220px { height: calc(100vh - 220px); } .h-sm-100vh-230px { height: calc(100vh - 230px); } .h-sm-100vh-240px { height: calc(100vh - 240px); } .h-sm-100vh-250px { height: calc(100vh - 250px); } .h-sm-100vh-260px { height: calc(100vh - 260px); } .h-sm-100vh-270px { height: calc(100vh - 270px); } .h-sm-100vh-280px { height: calc(100vh - 280px); } .h-sm-100vh-290px { height: calc(100vh - 290px); } .h-sm-100vh-300px { height: calc(100vh - 300px); } .h-sm-100vh-400px { height: calc(100vh - 400px); } .h-sm-100vh-500px { height: calc(100vh - 500px); } .h-sm-100vh-600px { height: calc(100vh - 600px); } .h-sm-100vh-700px { height: calc(100vh - 700px); } .h-sm-100vh-800px { height: calc(100vh - 800px); } .h-sm-100vh-900px { height: calc(100vh - 900px); } .h-sm-100vh-1000px { height: calc(100vh - 1000px); } .minh-sm-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-sm-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-sm-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-sm-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-sm-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-sm-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-sm-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-sm-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-sm-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-sm-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-sm-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-sm-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-sm-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-sm-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-sm-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-sm-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-sm-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-sm-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-sm-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-sm-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-sm-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-sm-100vh-50px { min-height: calc(100vh - 50px); } .minh-sm-100vh-60px { min-height: calc(100vh - 60px); } .minh-sm-100vh-70px { min-height: calc(100vh - 70px); } .minh-sm-100vh-80px { min-height: calc(100vh - 80px); } .minh-sm-100vh-90px { min-height: calc(100vh - 90px); } .minh-sm-100vh-100px { min-height: calc(100vh - 100px); } .minh-sm-100vh-110px { min-height: calc(100vh - 110px); } .minh-sm-100vh-120px { min-height: calc(100vh - 120px); } .minh-sm-100vh-130px { min-height: calc(100vh - 130px); } .minh-sm-100vh-140px { min-height: calc(100vh - 140px); } .minh-sm-100vh-150px { min-height: calc(100vh - 150px); } .minh-sm-100vh-160px { min-height: calc(100vh - 160px); } .minh-sm-100vh-170px { min-height: calc(100vh - 170px); } .minh-sm-100vh-180px { min-height: calc(100vh - 180px); } .minh-sm-100vh-190px { min-height: calc(100vh - 190px); } .minh-sm-100vh-200px { min-height: calc(100vh - 200px); } .minh-sm-100vh-210px { min-height: calc(100vh - 210px); } .minh-sm-100vh-220px { min-height: calc(100vh - 220px); } .minh-sm-100vh-230px { min-height: calc(100vh - 230px); } .minh-sm-100vh-240px { min-height: calc(100vh - 240px); } .minh-sm-100vh-250px { min-height: calc(100vh - 250px); } .minh-sm-100vh-260px { min-height: calc(100vh - 260px); } .minh-sm-100vh-270px { min-height: calc(100vh - 270px); } .minh-sm-100vh-280px { min-height: calc(100vh - 280px); } .minh-sm-100vh-290px { min-height: calc(100vh - 290px); } .minh-sm-100vh-300px { min-height: calc(100vh - 300px); } .minh-sm-100vh-400px { min-height: calc(100vh - 400px); } .minh-sm-100vh-500px { min-height: calc(100vh - 500px); } .minh-sm-100vh-600px { min-height: calc(100vh - 600px); } .minh-sm-100vh-700px { min-height: calc(100vh - 700px); } .minh-sm-100vh-800px { min-height: calc(100vh - 800px); } .minh-sm-100vh-900px { min-height: calc(100vh - 900px); } .minh-sm-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-sm-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-sm-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-sm-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-sm-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-sm-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-sm-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-sm-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-sm-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-sm-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-sm-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-sm-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-sm-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-sm-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-sm-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-sm-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-sm-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-sm-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-sm-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-sm-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-sm-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-sm-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-sm-100vh-50px { max-height: calc(100vh - 50px); } .maxh-sm-100vh-60px { max-height: calc(100vh - 60px); } .maxh-sm-100vh-70px { max-height: calc(100vh - 70px); } .maxh-sm-100vh-80px { max-height: calc(100vh - 80px); } .maxh-sm-100vh-90px { max-height: calc(100vh - 90px); } .maxh-sm-100vh-100px { max-height: calc(100vh - 100px); } .maxh-sm-100vh-110px { max-height: calc(100vh - 110px); } .maxh-sm-100vh-120px { max-height: calc(100vh - 120px); } .maxh-sm-100vh-130px { max-height: calc(100vh - 130px); } .maxh-sm-100vh-140px { max-height: calc(100vh - 140px); } .maxh-sm-100vh-150px { max-height: calc(100vh - 150px); } .maxh-sm-100vh-160px { max-height: calc(100vh - 160px); } .maxh-sm-100vh-170px { max-height: calc(100vh - 170px); } .maxh-sm-100vh-180px { max-height: calc(100vh - 180px); } .maxh-sm-100vh-190px { max-height: calc(100vh - 190px); } .maxh-sm-100vh-200px { max-height: calc(100vh - 200px); } .maxh-sm-100vh-210px { max-height: calc(100vh - 210px); } .maxh-sm-100vh-220px { max-height: calc(100vh - 220px); } .maxh-sm-100vh-230px { max-height: calc(100vh - 230px); } .maxh-sm-100vh-240px { max-height: calc(100vh - 240px); } .maxh-sm-100vh-250px { max-height: calc(100vh - 250px); } .maxh-sm-100vh-260px { max-height: calc(100vh - 260px); } .maxh-sm-100vh-270px { max-height: calc(100vh - 270px); } .maxh-sm-100vh-280px { max-height: calc(100vh - 280px); } .maxh-sm-100vh-290px { max-height: calc(100vh - 290px); } .maxh-sm-100vh-300px { max-height: calc(100vh - 300px); } .maxh-sm-100vh-400px { max-height: calc(100vh - 400px); } .maxh-sm-100vh-500px { max-height: calc(100vh - 500px); } .maxh-sm-100vh-600px { max-height: calc(100vh - 600px); } .maxh-sm-100vh-700px { max-height: calc(100vh - 700px); } .maxh-sm-100vh-800px { max-height: calc(100vh - 800px); } .maxh-sm-100vh-900px { max-height: calc(100vh - 900px); } .maxh-sm-100vh-1000px { max-height: calc(100vh - 1000px); } } @media screen and (min-width: 768px) { .h-md-50vh-nav { height: calc(50vh - 50px) !important; } .h-md-60vh-nav { height: calc(60vh - 50px) !important; } .h-md-70vh-nav { height: calc(70vh - 50px) !important; } .h-md-80vh-nav { height: calc(80vh - 50px) !important; } .h-md-90vh-nav { height: calc(90vh - 50px) !important; } .h-md-100vh-nav { height: calc(100vh - 50px) !important; } .h-md-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-md-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-md-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-md-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-md-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-md-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-md-70vh-r-nav { height: calc(70vh - 50px); } .h-md-80vh-r-nav { height: calc(80vh - 50px); } .h-md-90vh-r-nav { height: calc(90vh - 50px); } .h-md-100vh-r-nav { height: calc(100vh - 50px); } .h-md-110vh-r-nav { height: calc(110vh - 50px); } .h-md-120vh-r-nav { height: calc(120vh - 50px); } .h-md-130vh-r-nav { height: calc(130vh - 50px); } .h-md-140vh-r-nav { height: calc(140vh - 50px); } .h-md-150vh-r-nav { height: calc(150vh - 50px); } .h-md-100vh-50px { height: calc(100vh - 50px); } .h-md-100vh-60px { height: calc(100vh - 60px); } .h-md-100vh-70px { height: calc(100vh - 70px); } .h-md-100vh-80px { height: calc(100vh - 80px); } .h-md-100vh-90px { height: calc(100vh - 90px); } .h-md-100vh-100px { height: calc(100vh - 100px); } .h-md-100vh-110px { height: calc(100vh - 110px); } .h-md-100vh-120px { height: calc(100vh - 120px); } .h-md-100vh-130px { height: calc(100vh - 130px); } .h-md-100vh-140px { height: calc(100vh - 140px); } .h-md-100vh-150px { height: calc(100vh - 150px); } .h-md-100vh-160px { height: calc(100vh - 160px); } .h-md-100vh-170px { height: calc(100vh - 170px); } .h-md-100vh-180px { height: calc(100vh - 180px); } .h-md-100vh-190px { height: calc(100vh - 190px); } .h-md-100vh-200px { height: calc(100vh - 200px); } .h-md-100vh-210px { height: calc(100vh - 210px); } .h-md-100vh-220px { height: calc(100vh - 220px); } .h-md-100vh-230px { height: calc(100vh - 230px); } .h-md-100vh-240px { height: calc(100vh - 240px); } .h-md-100vh-250px { height: calc(100vh - 250px); } .h-md-100vh-260px { height: calc(100vh - 260px); } .h-md-100vh-270px { height: calc(100vh - 270px); } .h-md-100vh-280px { height: calc(100vh - 280px); } .h-md-100vh-290px { height: calc(100vh - 290px); } .h-md-100vh-300px { height: calc(100vh - 300px); } .h-md-100vh-400px { height: calc(100vh - 400px); } .h-md-100vh-500px { height: calc(100vh - 500px); } .h-md-100vh-600px { height: calc(100vh - 600px); } .h-md-100vh-700px { height: calc(100vh - 700px); } .h-md-100vh-800px { height: calc(100vh - 800px); } .h-md-100vh-900px { height: calc(100vh - 900px); } .h-md-100vh-1000px { height: calc(100vh - 1000px); } .minh-md-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-md-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-md-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-md-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-md-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-md-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-md-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-md-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-md-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-md-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-md-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-md-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-md-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-md-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-md-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-md-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-md-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-md-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-md-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-md-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-md-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-md-100vh-50px { min-height: calc(100vh - 50px); } .minh-md-100vh-60px { min-height: calc(100vh - 60px); } .minh-md-100vh-70px { min-height: calc(100vh - 70px); } .minh-md-100vh-80px { min-height: calc(100vh - 80px); } .minh-md-100vh-90px { min-height: calc(100vh - 90px); } .minh-md-100vh-100px { min-height: calc(100vh - 100px); } .minh-md-100vh-110px { min-height: calc(100vh - 110px); } .minh-md-100vh-120px { min-height: calc(100vh - 120px); } .minh-md-100vh-130px { min-height: calc(100vh - 130px); } .minh-md-100vh-140px { min-height: calc(100vh - 140px); } .minh-md-100vh-150px { min-height: calc(100vh - 150px); } .minh-md-100vh-160px { min-height: calc(100vh - 160px); } .minh-md-100vh-170px { min-height: calc(100vh - 170px); } .minh-md-100vh-180px { min-height: calc(100vh - 180px); } .minh-md-100vh-190px { min-height: calc(100vh - 190px); } .minh-md-100vh-200px { min-height: calc(100vh - 200px); } .minh-md-100vh-210px { min-height: calc(100vh - 210px); } .minh-md-100vh-220px { min-height: calc(100vh - 220px); } .minh-md-100vh-230px { min-height: calc(100vh - 230px); } .minh-md-100vh-240px { min-height: calc(100vh - 240px); } .minh-md-100vh-250px { min-height: calc(100vh - 250px); } .minh-md-100vh-260px { min-height: calc(100vh - 260px); } .minh-md-100vh-270px { min-height: calc(100vh - 270px); } .minh-md-100vh-280px { min-height: calc(100vh - 280px); } .minh-md-100vh-290px { min-height: calc(100vh - 290px); } .minh-md-100vh-300px { min-height: calc(100vh - 300px); } .minh-md-100vh-400px { min-height: calc(100vh - 400px); } .minh-md-100vh-500px { min-height: calc(100vh - 500px); } .minh-md-100vh-600px { min-height: calc(100vh - 600px); } .minh-md-100vh-700px { min-height: calc(100vh - 700px); } .minh-md-100vh-800px { min-height: calc(100vh - 800px); } .minh-md-100vh-900px { min-height: calc(100vh - 900px); } .minh-md-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-md-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-md-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-md-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-md-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-md-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-md-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-md-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-md-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-md-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-md-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-md-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-md-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-md-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-md-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-md-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-md-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-md-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-md-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-md-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-md-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-md-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-md-100vh-50px { max-height: calc(100vh - 50px); } .maxh-md-100vh-60px { max-height: calc(100vh - 60px); } .maxh-md-100vh-70px { max-height: calc(100vh - 70px); } .maxh-md-100vh-80px { max-height: calc(100vh - 80px); } .maxh-md-100vh-90px { max-height: calc(100vh - 90px); } .maxh-md-100vh-100px { max-height: calc(100vh - 100px); } .maxh-md-100vh-110px { max-height: calc(100vh - 110px); } .maxh-md-100vh-120px { max-height: calc(100vh - 120px); } .maxh-md-100vh-130px { max-height: calc(100vh - 130px); } .maxh-md-100vh-140px { max-height: calc(100vh - 140px); } .maxh-md-100vh-150px { max-height: calc(100vh - 150px); } .maxh-md-100vh-160px { max-height: calc(100vh - 160px); } .maxh-md-100vh-170px { max-height: calc(100vh - 170px); } .maxh-md-100vh-180px { max-height: calc(100vh - 180px); } .maxh-md-100vh-190px { max-height: calc(100vh - 190px); } .maxh-md-100vh-200px { max-height: calc(100vh - 200px); } .maxh-md-100vh-210px { max-height: calc(100vh - 210px); } .maxh-md-100vh-220px { max-height: calc(100vh - 220px); } .maxh-md-100vh-230px { max-height: calc(100vh - 230px); } .maxh-md-100vh-240px { max-height: calc(100vh - 240px); } .maxh-md-100vh-250px { max-height: calc(100vh - 250px); } .maxh-md-100vh-260px { max-height: calc(100vh - 260px); } .maxh-md-100vh-270px { max-height: calc(100vh - 270px); } .maxh-md-100vh-280px { max-height: calc(100vh - 280px); } .maxh-md-100vh-290px { max-height: calc(100vh - 290px); } .maxh-md-100vh-300px { max-height: calc(100vh - 300px); } .maxh-md-100vh-400px { max-height: calc(100vh - 400px); } .maxh-md-100vh-500px { max-height: calc(100vh - 500px); } .maxh-md-100vh-600px { max-height: calc(100vh - 600px); } .maxh-md-100vh-700px { max-height: calc(100vh - 700px); } .maxh-md-100vh-800px { max-height: calc(100vh - 800px); } .maxh-md-100vh-900px { max-height: calc(100vh - 900px); } .maxh-md-100vh-1000px { max-height: calc(100vh - 1000px); } } @media screen and (min-width: 1024px) { .h-lg-50vh-nav { height: calc(50vh - 50px) !important; } .h-lg-60vh-nav { height: calc(60vh - 50px) !important; } .h-lg-70vh-nav { height: calc(70vh - 50px) !important; } .h-lg-80vh-nav { height: calc(80vh - 50px) !important; } .h-lg-90vh-nav { height: calc(90vh - 50px) !important; } .h-lg-100vh-nav { height: calc(100vh - 50px) !important; } .h-lg-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-lg-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-lg-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-lg-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-lg-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-lg-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-lg-70vh-r-nav { height: calc(70vh - 50px); } .h-lg-80vh-r-nav { height: calc(80vh - 50px); } .h-lg-90vh-r-nav { height: calc(90vh - 50px); } .h-lg-100vh-r-nav { height: calc(100vh - 50px); } .h-lg-110vh-r-nav { height: calc(110vh - 50px); } .h-lg-120vh-r-nav { height: calc(120vh - 50px); } .h-lg-130vh-r-nav { height: calc(130vh - 50px); } .h-lg-140vh-r-nav { height: calc(140vh - 50px); } .h-lg-150vh-r-nav { height: calc(150vh - 50px); } .h-lg-100vh-50px { height: calc(100vh - 50px); } .h-lg-100vh-60px { height: calc(100vh - 60px); } .h-lg-100vh-70px { height: calc(100vh - 70px); } .h-lg-100vh-80px { height: calc(100vh - 80px); } .h-lg-100vh-90px { height: calc(100vh - 90px); } .h-lg-100vh-100px { height: calc(100vh - 100px); } .h-lg-100vh-110px { height: calc(100vh - 110px); } .h-lg-100vh-120px { height: calc(100vh - 120px); } .h-lg-100vh-130px { height: calc(100vh - 130px); } .h-lg-100vh-140px { height: calc(100vh - 140px); } .h-lg-100vh-150px { height: calc(100vh - 150px); } .h-lg-100vh-160px { height: calc(100vh - 160px); } .h-lg-100vh-170px { height: calc(100vh - 170px); } .h-lg-100vh-180px { height: calc(100vh - 180px); } .h-lg-100vh-190px { height: calc(100vh - 190px); } .h-lg-100vh-200px { height: calc(100vh - 200px); } .h-lg-100vh-210px { height: calc(100vh - 210px); } .h-lg-100vh-220px { height: calc(100vh - 220px); } .h-lg-100vh-230px { height: calc(100vh - 230px); } .h-lg-100vh-240px { height: calc(100vh - 240px); } .h-lg-100vh-250px { height: calc(100vh - 250px); } .h-lg-100vh-260px { height: calc(100vh - 260px); } .h-lg-100vh-270px { height: calc(100vh - 270px); } .h-lg-100vh-280px { height: calc(100vh - 280px); } .h-lg-100vh-290px { height: calc(100vh - 290px); } .h-lg-100vh-300px { height: calc(100vh - 300px); } .h-lg-100vh-400px { height: calc(100vh - 400px); } .h-lg-100vh-500px { height: calc(100vh - 500px); } .h-lg-100vh-600px { height: calc(100vh - 600px); } .h-lg-100vh-700px { height: calc(100vh - 700px); } .h-lg-100vh-800px { height: calc(100vh - 800px); } .h-lg-100vh-900px { height: calc(100vh - 900px); } .h-lg-100vh-1000px { height: calc(100vh - 1000px); } .minh-lg-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-lg-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-lg-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-lg-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-lg-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-lg-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-lg-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-lg-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-lg-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-lg-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-lg-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-lg-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-lg-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-lg-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-lg-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-lg-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-lg-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-lg-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-lg-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-lg-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-lg-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-lg-100vh-50px { min-height: calc(100vh - 50px); } .minh-lg-100vh-60px { min-height: calc(100vh - 60px); } .minh-lg-100vh-70px { min-height: calc(100vh - 70px); } .minh-lg-100vh-80px { min-height: calc(100vh - 80px); } .minh-lg-100vh-90px { min-height: calc(100vh - 90px); } .minh-lg-100vh-100px { min-height: calc(100vh - 100px); } .minh-lg-100vh-110px { min-height: calc(100vh - 110px); } .minh-lg-100vh-120px { min-height: calc(100vh - 120px); } .minh-lg-100vh-130px { min-height: calc(100vh - 130px); } .minh-lg-100vh-140px { min-height: calc(100vh - 140px); } .minh-lg-100vh-150px { min-height: calc(100vh - 150px); } .minh-lg-100vh-160px { min-height: calc(100vh - 160px); } .minh-lg-100vh-170px { min-height: calc(100vh - 170px); } .minh-lg-100vh-180px { min-height: calc(100vh - 180px); } .minh-lg-100vh-190px { min-height: calc(100vh - 190px); } .minh-lg-100vh-200px { min-height: calc(100vh - 200px); } .minh-lg-100vh-210px { min-height: calc(100vh - 210px); } .minh-lg-100vh-220px { min-height: calc(100vh - 220px); } .minh-lg-100vh-230px { min-height: calc(100vh - 230px); } .minh-lg-100vh-240px { min-height: calc(100vh - 240px); } .minh-lg-100vh-250px { min-height: calc(100vh - 250px); } .minh-lg-100vh-260px { min-height: calc(100vh - 260px); } .minh-lg-100vh-270px { min-height: calc(100vh - 270px); } .minh-lg-100vh-280px { min-height: calc(100vh - 280px); } .minh-lg-100vh-290px { min-height: calc(100vh - 290px); } .minh-lg-100vh-300px { min-height: calc(100vh - 300px); } .minh-lg-100vh-400px { min-height: calc(100vh - 400px); } .minh-lg-100vh-500px { min-height: calc(100vh - 500px); } .minh-lg-100vh-600px { min-height: calc(100vh - 600px); } .minh-lg-100vh-700px { min-height: calc(100vh - 700px); } .minh-lg-100vh-800px { min-height: calc(100vh - 800px); } .minh-lg-100vh-900px { min-height: calc(100vh - 900px); } .minh-lg-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-lg-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-lg-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-lg-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-lg-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-lg-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-lg-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-lg-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-lg-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-lg-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-lg-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-lg-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-lg-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-lg-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-lg-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-lg-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-lg-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-lg-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-lg-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-lg-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-lg-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-lg-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-lg-100vh-50px { max-height: calc(100vh - 50px); } .maxh-lg-100vh-60px { max-height: calc(100vh - 60px); } .maxh-lg-100vh-70px { max-height: calc(100vh - 70px); } .maxh-lg-100vh-80px { max-height: calc(100vh - 80px); } .maxh-lg-100vh-90px { max-height: calc(100vh - 90px); } .maxh-lg-100vh-100px { max-height: calc(100vh - 100px); } .maxh-lg-100vh-110px { max-height: calc(100vh - 110px); } .maxh-lg-100vh-120px { max-height: calc(100vh - 120px); } .maxh-lg-100vh-130px { max-height: calc(100vh - 130px); } .maxh-lg-100vh-140px { max-height: calc(100vh - 140px); } .maxh-lg-100vh-150px { max-height: calc(100vh - 150px); } .maxh-lg-100vh-160px { max-height: calc(100vh - 160px); } .maxh-lg-100vh-170px { max-height: calc(100vh - 170px); } .maxh-lg-100vh-180px { max-height: calc(100vh - 180px); } .maxh-lg-100vh-190px { max-height: calc(100vh - 190px); } .maxh-lg-100vh-200px { max-height: calc(100vh - 200px); } .maxh-lg-100vh-210px { max-height: calc(100vh - 210px); } .maxh-lg-100vh-220px { max-height: calc(100vh - 220px); } .maxh-lg-100vh-230px { max-height: calc(100vh - 230px); } .maxh-lg-100vh-240px { max-height: calc(100vh - 240px); } .maxh-lg-100vh-250px { max-height: calc(100vh - 250px); } .maxh-lg-100vh-260px { max-height: calc(100vh - 260px); } .maxh-lg-100vh-270px { max-height: calc(100vh - 270px); } .maxh-lg-100vh-280px { max-height: calc(100vh - 280px); } .maxh-lg-100vh-290px { max-height: calc(100vh - 290px); } .maxh-lg-100vh-300px { max-height: calc(100vh - 300px); } .maxh-lg-100vh-400px { max-height: calc(100vh - 400px); } .maxh-lg-100vh-500px { max-height: calc(100vh - 500px); } .maxh-lg-100vh-600px { max-height: calc(100vh - 600px); } .maxh-lg-100vh-700px { max-height: calc(100vh - 700px); } .maxh-lg-100vh-800px { max-height: calc(100vh - 800px); } .maxh-lg-100vh-900px { max-height: calc(100vh - 900px); } .maxh-lg-100vh-1000px { max-height: calc(100vh - 1000px); } } @media screen and (min-width: 1224px) { .h-xl-50vh-nav { height: calc(50vh - 50px) !important; } .h-xl-60vh-nav { height: calc(60vh - 50px) !important; } .h-xl-70vh-nav { height: calc(70vh - 50px) !important; } .h-xl-80vh-nav { height: calc(80vh - 50px) !important; } .h-xl-90vh-nav { height: calc(90vh - 50px) !important; } .h-xl-100vh-nav { height: calc(100vh - 50px) !important; } .h-xl-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-xl-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-xl-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-xl-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-xl-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-xl-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-xl-70vh-r-nav { height: calc(70vh - 50px); } .h-xl-80vh-r-nav { height: calc(80vh - 50px); } .h-xl-90vh-r-nav { height: calc(90vh - 50px); } .h-xl-100vh-r-nav { height: calc(100vh - 50px); } .h-xl-110vh-r-nav { height: calc(110vh - 50px); } .h-xl-120vh-r-nav { height: calc(120vh - 50px); } .h-xl-130vh-r-nav { height: calc(130vh - 50px); } .h-xl-140vh-r-nav { height: calc(140vh - 50px); } .h-xl-150vh-r-nav { height: calc(150vh - 50px); } .h-xl-100vh-50px { height: calc(100vh - 50px); } .h-xl-100vh-60px { height: calc(100vh - 60px); } .h-xl-100vh-70px { height: calc(100vh - 70px); } .h-xl-100vh-80px { height: calc(100vh - 80px); } .h-xl-100vh-90px { height: calc(100vh - 90px); } .h-xl-100vh-100px { height: calc(100vh - 100px); } .h-xl-100vh-110px { height: calc(100vh - 110px); } .h-xl-100vh-120px { height: calc(100vh - 120px); } .h-xl-100vh-130px { height: calc(100vh - 130px); } .h-xl-100vh-140px { height: calc(100vh - 140px); } .h-xl-100vh-150px { height: calc(100vh - 150px); } .h-xl-100vh-160px { height: calc(100vh - 160px); } .h-xl-100vh-170px { height: calc(100vh - 170px); } .h-xl-100vh-180px { height: calc(100vh - 180px); } .h-xl-100vh-190px { height: calc(100vh - 190px); } .h-xl-100vh-200px { height: calc(100vh - 200px); } .h-xl-100vh-210px { height: calc(100vh - 210px); } .h-xl-100vh-220px { height: calc(100vh - 220px); } .h-xl-100vh-230px { height: calc(100vh - 230px); } .h-xl-100vh-240px { height: calc(100vh - 240px); } .h-xl-100vh-250px { height: calc(100vh - 250px); } .h-xl-100vh-260px { height: calc(100vh - 260px); } .h-xl-100vh-270px { height: calc(100vh - 270px); } .h-xl-100vh-280px { height: calc(100vh - 280px); } .h-xl-100vh-290px { height: calc(100vh - 290px); } .h-xl-100vh-300px { height: calc(100vh - 300px); } .h-xl-100vh-400px { height: calc(100vh - 400px); } .h-xl-100vh-500px { height: calc(100vh - 500px); } .h-xl-100vh-600px { height: calc(100vh - 600px); } .h-xl-100vh-700px { height: calc(100vh - 700px); } .h-xl-100vh-800px { height: calc(100vh - 800px); } .h-xl-100vh-900px { height: calc(100vh - 900px); } .h-xl-100vh-1000px { height: calc(100vh - 1000px); } .minh-xl-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-xl-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-xl-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-xl-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-xl-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-xl-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-xl-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-xl-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-xl-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-xl-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-xl-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-xl-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-xl-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-xl-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-xl-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-xl-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-xl-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-xl-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-xl-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-xl-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-xl-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-xl-100vh-50px { min-height: calc(100vh - 50px); } .minh-xl-100vh-60px { min-height: calc(100vh - 60px); } .minh-xl-100vh-70px { min-height: calc(100vh - 70px); } .minh-xl-100vh-80px { min-height: calc(100vh - 80px); } .minh-xl-100vh-90px { min-height: calc(100vh - 90px); } .minh-xl-100vh-100px { min-height: calc(100vh - 100px); } .minh-xl-100vh-110px { min-height: calc(100vh - 110px); } .minh-xl-100vh-120px { min-height: calc(100vh - 120px); } .minh-xl-100vh-130px { min-height: calc(100vh - 130px); } .minh-xl-100vh-140px { min-height: calc(100vh - 140px); } .minh-xl-100vh-150px { min-height: calc(100vh - 150px); } .minh-xl-100vh-160px { min-height: calc(100vh - 160px); } .minh-xl-100vh-170px { min-height: calc(100vh - 170px); } .minh-xl-100vh-180px { min-height: calc(100vh - 180px); } .minh-xl-100vh-190px { min-height: calc(100vh - 190px); } .minh-xl-100vh-200px { min-height: calc(100vh - 200px); } .minh-xl-100vh-210px { min-height: calc(100vh - 210px); } .minh-xl-100vh-220px { min-height: calc(100vh - 220px); } .minh-xl-100vh-230px { min-height: calc(100vh - 230px); } .minh-xl-100vh-240px { min-height: calc(100vh - 240px); } .minh-xl-100vh-250px { min-height: calc(100vh - 250px); } .minh-xl-100vh-260px { min-height: calc(100vh - 260px); } .minh-xl-100vh-270px { min-height: calc(100vh - 270px); } .minh-xl-100vh-280px { min-height: calc(100vh - 280px); } .minh-xl-100vh-290px { min-height: calc(100vh - 290px); } .minh-xl-100vh-300px { min-height: calc(100vh - 300px); } .minh-xl-100vh-400px { min-height: calc(100vh - 400px); } .minh-xl-100vh-500px { min-height: calc(100vh - 500px); } .minh-xl-100vh-600px { min-height: calc(100vh - 600px); } .minh-xl-100vh-700px { min-height: calc(100vh - 700px); } .minh-xl-100vh-800px { min-height: calc(100vh - 800px); } .minh-xl-100vh-900px { min-height: calc(100vh - 900px); } .minh-xl-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-xl-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-xl-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-xl-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-xl-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-xl-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-xl-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-xl-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-xl-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-xl-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-xl-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-xl-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-xl-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-xl-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-xl-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-xl-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-xl-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-xl-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-xl-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-xl-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-xl-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-xl-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-xl-100vh-50px { max-height: calc(100vh - 50px); } .maxh-xl-100vh-60px { max-height: calc(100vh - 60px); } .maxh-xl-100vh-70px { max-height: calc(100vh - 70px); } .maxh-xl-100vh-80px { max-height: calc(100vh - 80px); } .maxh-xl-100vh-90px { max-height: calc(100vh - 90px); } .maxh-xl-100vh-100px { max-height: calc(100vh - 100px); } .maxh-xl-100vh-110px { max-height: calc(100vh - 110px); } .maxh-xl-100vh-120px { max-height: calc(100vh - 120px); } .maxh-xl-100vh-130px { max-height: calc(100vh - 130px); } .maxh-xl-100vh-140px { max-height: calc(100vh - 140px); } .maxh-xl-100vh-150px { max-height: calc(100vh - 150px); } .maxh-xl-100vh-160px { max-height: calc(100vh - 160px); } .maxh-xl-100vh-170px { max-height: calc(100vh - 170px); } .maxh-xl-100vh-180px { max-height: calc(100vh - 180px); } .maxh-xl-100vh-190px { max-height: calc(100vh - 190px); } .maxh-xl-100vh-200px { max-height: calc(100vh - 200px); } .maxh-xl-100vh-210px { max-height: calc(100vh - 210px); } .maxh-xl-100vh-220px { max-height: calc(100vh - 220px); } .maxh-xl-100vh-230px { max-height: calc(100vh - 230px); } .maxh-xl-100vh-240px { max-height: calc(100vh - 240px); } .maxh-xl-100vh-250px { max-height: calc(100vh - 250px); } .maxh-xl-100vh-260px { max-height: calc(100vh - 260px); } .maxh-xl-100vh-270px { max-height: calc(100vh - 270px); } .maxh-xl-100vh-280px { max-height: calc(100vh - 280px); } .maxh-xl-100vh-290px { max-height: calc(100vh - 290px); } .maxh-xl-100vh-300px { max-height: calc(100vh - 300px); } .maxh-xl-100vh-400px { max-height: calc(100vh - 400px); } .maxh-xl-100vh-500px { max-height: calc(100vh - 500px); } .maxh-xl-100vh-600px { max-height: calc(100vh - 600px); } .maxh-xl-100vh-700px { max-height: calc(100vh - 700px); } .maxh-xl-100vh-800px { max-height: calc(100vh - 800px); } .maxh-xl-100vh-900px { max-height: calc(100vh - 900px); } .maxh-xl-100vh-1000px { max-height: calc(100vh - 1000px); } } @media screen and (min-width: 1587px) { .h-xlp-50vh-nav { height: calc(50vh - 50px) !important; } .h-xlp-60vh-nav { height: calc(60vh - 50px) !important; } .h-xlp-70vh-nav { height: calc(70vh - 50px) !important; } .h-xlp-80vh-nav { height: calc(80vh - 50px) !important; } .h-xlp-90vh-nav { height: calc(90vh - 50px) !important; } .h-xlp-100vh-nav { height: calc(100vh - 50px) !important; } .h-xlp-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-xlp-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-xlp-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-xlp-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-xlp-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-xlp-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-xlp-70vh-r-nav { height: calc(70vh - 50px); } .h-xlp-80vh-r-nav { height: calc(80vh - 50px); } .h-xlp-90vh-r-nav { height: calc(90vh - 50px); } .h-xlp-100vh-r-nav { height: calc(100vh - 50px); } .h-xlp-110vh-r-nav { height: calc(110vh - 50px); } .h-xlp-120vh-r-nav { height: calc(120vh - 50px); } .h-xlp-130vh-r-nav { height: calc(130vh - 50px); } .h-xlp-140vh-r-nav { height: calc(140vh - 50px); } .h-xlp-150vh-r-nav { height: calc(150vh - 50px); } .h-xlp-100vh-50px { height: calc(100vh - 50px); } .h-xlp-100vh-60px { height: calc(100vh - 60px); } .h-xlp-100vh-70px { height: calc(100vh - 70px); } .h-xlp-100vh-80px { height: calc(100vh - 80px); } .h-xlp-100vh-90px { height: calc(100vh - 90px); } .h-xlp-100vh-100px { height: calc(100vh - 100px); } .h-xlp-100vh-110px { height: calc(100vh - 110px); } .h-xlp-100vh-120px { height: calc(100vh - 120px); } .h-xlp-100vh-130px { height: calc(100vh - 130px); } .h-xlp-100vh-140px { height: calc(100vh - 140px); } .h-xlp-100vh-150px { height: calc(100vh - 150px); } .h-xlp-100vh-160px { height: calc(100vh - 160px); } .h-xlp-100vh-170px { height: calc(100vh - 170px); } .h-xlp-100vh-180px { height: calc(100vh - 180px); } .h-xlp-100vh-190px { height: calc(100vh - 190px); } .h-xlp-100vh-200px { height: calc(100vh - 200px); } .h-xlp-100vh-210px { height: calc(100vh - 210px); } .h-xlp-100vh-220px { height: calc(100vh - 220px); } .h-xlp-100vh-230px { height: calc(100vh - 230px); } .h-xlp-100vh-240px { height: calc(100vh - 240px); } .h-xlp-100vh-250px { height: calc(100vh - 250px); } .h-xlp-100vh-260px { height: calc(100vh - 260px); } .h-xlp-100vh-270px { height: calc(100vh - 270px); } .h-xlp-100vh-280px { height: calc(100vh - 280px); } .h-xlp-100vh-290px { height: calc(100vh - 290px); } .h-xlp-100vh-300px { height: calc(100vh - 300px); } .h-xlp-100vh-400px { height: calc(100vh - 400px); } .h-xlp-100vh-500px { height: calc(100vh - 500px); } .h-xlp-100vh-600px { height: calc(100vh - 600px); } .h-xlp-100vh-700px { height: calc(100vh - 700px); } .h-xlp-100vh-800px { height: calc(100vh - 800px); } .h-xlp-100vh-900px { height: calc(100vh - 900px); } .h-xlp-100vh-1000px { height: calc(100vh - 1000px); } .minh-xlp-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-xlp-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-xlp-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-xlp-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-xlp-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-xlp-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-xlp-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-xlp-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-xlp-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-xlp-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-xlp-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-xlp-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-xlp-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-xlp-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-xlp-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-xlp-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-xlp-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-xlp-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-xlp-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-xlp-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-xlp-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-xlp-100vh-50px { min-height: calc(100vh - 50px); } .minh-xlp-100vh-60px { min-height: calc(100vh - 60px); } .minh-xlp-100vh-70px { min-height: calc(100vh - 70px); } .minh-xlp-100vh-80px { min-height: calc(100vh - 80px); } .minh-xlp-100vh-90px { min-height: calc(100vh - 90px); } .minh-xlp-100vh-100px { min-height: calc(100vh - 100px); } .minh-xlp-100vh-110px { min-height: calc(100vh - 110px); } .minh-xlp-100vh-120px { min-height: calc(100vh - 120px); } .minh-xlp-100vh-130px { min-height: calc(100vh - 130px); } .minh-xlp-100vh-140px { min-height: calc(100vh - 140px); } .minh-xlp-100vh-150px { min-height: calc(100vh - 150px); } .minh-xlp-100vh-160px { min-height: calc(100vh - 160px); } .minh-xlp-100vh-170px { min-height: calc(100vh - 170px); } .minh-xlp-100vh-180px { min-height: calc(100vh - 180px); } .minh-xlp-100vh-190px { min-height: calc(100vh - 190px); } .minh-xlp-100vh-200px { min-height: calc(100vh - 200px); } .minh-xlp-100vh-210px { min-height: calc(100vh - 210px); } .minh-xlp-100vh-220px { min-height: calc(100vh - 220px); } .minh-xlp-100vh-230px { min-height: calc(100vh - 230px); } .minh-xlp-100vh-240px { min-height: calc(100vh - 240px); } .minh-xlp-100vh-250px { min-height: calc(100vh - 250px); } .minh-xlp-100vh-260px { min-height: calc(100vh - 260px); } .minh-xlp-100vh-270px { min-height: calc(100vh - 270px); } .minh-xlp-100vh-280px { min-height: calc(100vh - 280px); } .minh-xlp-100vh-290px { min-height: calc(100vh - 290px); } .minh-xlp-100vh-300px { min-height: calc(100vh - 300px); } .minh-xlp-100vh-400px { min-height: calc(100vh - 400px); } .minh-xlp-100vh-500px { min-height: calc(100vh - 500px); } .minh-xlp-100vh-600px { min-height: calc(100vh - 600px); } .minh-xlp-100vh-700px { min-height: calc(100vh - 700px); } .minh-xlp-100vh-800px { min-height: calc(100vh - 800px); } .minh-xlp-100vh-900px { min-height: calc(100vh - 900px); } .minh-xlp-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-xlp-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-xlp-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-xlp-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-xlp-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-xlp-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-xlp-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-xlp-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-xlp-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-xlp-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-xlp-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-xlp-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-xlp-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-xlp-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-xlp-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-xlp-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-xlp-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-xlp-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-xlp-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-xlp-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-xlp-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-xlp-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-xlp-100vh-50px { max-height: calc(100vh - 50px); } .maxh-xlp-100vh-60px { max-height: calc(100vh - 60px); } .maxh-xlp-100vh-70px { max-height: calc(100vh - 70px); } .maxh-xlp-100vh-80px { max-height: calc(100vh - 80px); } .maxh-xlp-100vh-90px { max-height: calc(100vh - 90px); } .maxh-xlp-100vh-100px { max-height: calc(100vh - 100px); } .maxh-xlp-100vh-110px { max-height: calc(100vh - 110px); } .maxh-xlp-100vh-120px { max-height: calc(100vh - 120px); } .maxh-xlp-100vh-130px { max-height: calc(100vh - 130px); } .maxh-xlp-100vh-140px { max-height: calc(100vh - 140px); } .maxh-xlp-100vh-150px { max-height: calc(100vh - 150px); } .maxh-xlp-100vh-160px { max-height: calc(100vh - 160px); } .maxh-xlp-100vh-170px { max-height: calc(100vh - 170px); } .maxh-xlp-100vh-180px { max-height: calc(100vh - 180px); } .maxh-xlp-100vh-190px { max-height: calc(100vh - 190px); } .maxh-xlp-100vh-200px { max-height: calc(100vh - 200px); } .maxh-xlp-100vh-210px { max-height: calc(100vh - 210px); } .maxh-xlp-100vh-220px { max-height: calc(100vh - 220px); } .maxh-xlp-100vh-230px { max-height: calc(100vh - 230px); } .maxh-xlp-100vh-240px { max-height: calc(100vh - 240px); } .maxh-xlp-100vh-250px { max-height: calc(100vh - 250px); } .maxh-xlp-100vh-260px { max-height: calc(100vh - 260px); } .maxh-xlp-100vh-270px { max-height: calc(100vh - 270px); } .maxh-xlp-100vh-280px { max-height: calc(100vh - 280px); } .maxh-xlp-100vh-290px { max-height: calc(100vh - 290px); } .maxh-xlp-100vh-300px { max-height: calc(100vh - 300px); } .maxh-xlp-100vh-400px { max-height: calc(100vh - 400px); } .maxh-xlp-100vh-500px { max-height: calc(100vh - 500px); } .maxh-xlp-100vh-600px { max-height: calc(100vh - 600px); } .maxh-xlp-100vh-700px { max-height: calc(100vh - 700px); } .maxh-xlp-100vh-800px { max-height: calc(100vh - 800px); } .maxh-xlp-100vh-900px { max-height: calc(100vh - 900px); } .maxh-xlp-100vh-1000px { max-height: calc(100vh - 1000px); } } @media screen and (min-width: 1907px) { .h-xxl-50vh-nav { height: calc(50vh - 50px) !important; } .h-xxl-60vh-nav { height: calc(60vh - 50px) !important; } .h-xxl-70vh-nav { height: calc(70vh - 50px) !important; } .h-xxl-80vh-nav { height: calc(80vh - 50px) !important; } .h-xxl-90vh-nav { height: calc(90vh - 50px) !important; } .h-xxl-100vh-nav { height: calc(100vh - 50px) !important; } .h-xxl-50vh-nav-mobile { height: calc(50vh - 60px) !important; } .h-xxl-60vh-nav-mobile { height: calc(60vh - 60px) !important; } .h-xxl-70vh-nav-mobile { height: calc(70vh - 60px) !important; } .h-xxl-80vh-nav-mobile { height: calc(80vh - 60px) !important; } .h-xxl-90vh-nav-mobile { height: calc(90vh - 60px) !important; } .h-xxl-100vh-nav-mobile { height: calc(100vh - 60px) !important; } .h-xxl-70vh-r-nav { height: calc(70vh - 50px); } .h-xxl-80vh-r-nav { height: calc(80vh - 50px); } .h-xxl-90vh-r-nav { height: calc(90vh - 50px); } .h-xxl-100vh-r-nav { height: calc(100vh - 50px); } .h-xxl-110vh-r-nav { height: calc(110vh - 50px); } .h-xxl-120vh-r-nav { height: calc(120vh - 50px); } .h-xxl-130vh-r-nav { height: calc(130vh - 50px); } .h-xxl-140vh-r-nav { height: calc(140vh - 50px); } .h-xxl-150vh-r-nav { height: calc(150vh - 50px); } .h-xxl-100vh-50px { height: calc(100vh - 50px); } .h-xxl-100vh-60px { height: calc(100vh - 60px); } .h-xxl-100vh-70px { height: calc(100vh - 70px); } .h-xxl-100vh-80px { height: calc(100vh - 80px); } .h-xxl-100vh-90px { height: calc(100vh - 90px); } .h-xxl-100vh-100px { height: calc(100vh - 100px); } .h-xxl-100vh-110px { height: calc(100vh - 110px); } .h-xxl-100vh-120px { height: calc(100vh - 120px); } .h-xxl-100vh-130px { height: calc(100vh - 130px); } .h-xxl-100vh-140px { height: calc(100vh - 140px); } .h-xxl-100vh-150px { height: calc(100vh - 150px); } .h-xxl-100vh-160px { height: calc(100vh - 160px); } .h-xxl-100vh-170px { height: calc(100vh - 170px); } .h-xxl-100vh-180px { height: calc(100vh - 180px); } .h-xxl-100vh-190px { height: calc(100vh - 190px); } .h-xxl-100vh-200px { height: calc(100vh - 200px); } .h-xxl-100vh-210px { height: calc(100vh - 210px); } .h-xxl-100vh-220px { height: calc(100vh - 220px); } .h-xxl-100vh-230px { height: calc(100vh - 230px); } .h-xxl-100vh-240px { height: calc(100vh - 240px); } .h-xxl-100vh-250px { height: calc(100vh - 250px); } .h-xxl-100vh-260px { height: calc(100vh - 260px); } .h-xxl-100vh-270px { height: calc(100vh - 270px); } .h-xxl-100vh-280px { height: calc(100vh - 280px); } .h-xxl-100vh-290px { height: calc(100vh - 290px); } .h-xxl-100vh-300px { height: calc(100vh - 300px); } .h-xxl-100vh-400px { height: calc(100vh - 400px); } .h-xxl-100vh-500px { height: calc(100vh - 500px); } .h-xxl-100vh-600px { height: calc(100vh - 600px); } .h-xxl-100vh-700px { height: calc(100vh - 700px); } .h-xxl-100vh-800px { height: calc(100vh - 800px); } .h-xxl-100vh-900px { height: calc(100vh - 900px); } .h-xxl-100vh-1000px { height: calc(100vh - 1000px); } .minh-xxl-50vh-nav { min-height: calc(50vh - 50px) !important; } .minh-xxl-60vh-nav { min-height: calc(60vh - 50px) !important; } .minh-xxl-70vh-nav { min-height: calc(70vh - 50px) !important; } .minh-xxl-80vh-nav { min-height: calc(80vh - 50px) !important; } .minh-xxl-90vh-nav { min-height: calc(90vh - 50px) !important; } .minh-xxl-100vh-nav { min-height: calc(100vh - 50px) !important; } .minh-xxl-50vh-nav-mobile { min-height: calc(50vh - 60px) !important; } .minh-xxl-60vh-nav-mobile { min-height: calc(60vh - 60px) !important; } .minh-xxl-70vh-nav-mobile { min-height: calc(70vh - 60px) !important; } .minh-xxl-80vh-nav-mobile { min-height: calc(80vh - 60px) !important; } .minh-xxl-90vh-nav-mobile { min-height: calc(90vh - 60px) !important; } .minh-xxl-100vh-nav-mobile { min-height: calc(100vh - 60px) !important; } .minh-xxl-70vh-r-nav { min-height: calc(70vh - 50px); } .minh-xxl-80vh-r-nav { min-height: calc(80vh - 50px); } .minh-xxl-90vh-r-nav { min-height: calc(90vh - 50px); } .minh-xxl-100vh-r-nav { min-height: calc(100vh - 50px); } .minh-xxl-110vh-r-nav { min-height: calc(110vh - 50px); } .minh-xxl-120vh-r-nav { min-height: calc(120vh - 50px); } .minh-xxl-130vh-r-nav { min-height: calc(130vh - 50px); } .minh-xxl-140vh-r-nav { min-height: calc(140vh - 50px); } .minh-xxl-150vh-r-nav { min-height: calc(150vh - 50px); } .minh-xxl-100vh-50px { min-height: calc(100vh - 50px); } .minh-xxl-100vh-60px { min-height: calc(100vh - 60px); } .minh-xxl-100vh-70px { min-height: calc(100vh - 70px); } .minh-xxl-100vh-80px { min-height: calc(100vh - 80px); } .minh-xxl-100vh-90px { min-height: calc(100vh - 90px); } .minh-xxl-100vh-100px { min-height: calc(100vh - 100px); } .minh-xxl-100vh-110px { min-height: calc(100vh - 110px); } .minh-xxl-100vh-120px { min-height: calc(100vh - 120px); } .minh-xxl-100vh-130px { min-height: calc(100vh - 130px); } .minh-xxl-100vh-140px { min-height: calc(100vh - 140px); } .minh-xxl-100vh-150px { min-height: calc(100vh - 150px); } .minh-xxl-100vh-160px { min-height: calc(100vh - 160px); } .minh-xxl-100vh-170px { min-height: calc(100vh - 170px); } .minh-xxl-100vh-180px { min-height: calc(100vh - 180px); } .minh-xxl-100vh-190px { min-height: calc(100vh - 190px); } .minh-xxl-100vh-200px { min-height: calc(100vh - 200px); } .minh-xxl-100vh-210px { min-height: calc(100vh - 210px); } .minh-xxl-100vh-220px { min-height: calc(100vh - 220px); } .minh-xxl-100vh-230px { min-height: calc(100vh - 230px); } .minh-xxl-100vh-240px { min-height: calc(100vh - 240px); } .minh-xxl-100vh-250px { min-height: calc(100vh - 250px); } .minh-xxl-100vh-260px { min-height: calc(100vh - 260px); } .minh-xxl-100vh-270px { min-height: calc(100vh - 270px); } .minh-xxl-100vh-280px { min-height: calc(100vh - 280px); } .minh-xxl-100vh-290px { min-height: calc(100vh - 290px); } .minh-xxl-100vh-300px { min-height: calc(100vh - 300px); } .minh-xxl-100vh-400px { min-height: calc(100vh - 400px); } .minh-xxl-100vh-500px { min-height: calc(100vh - 500px); } .minh-xxl-100vh-600px { min-height: calc(100vh - 600px); } .minh-xxl-100vh-700px { min-height: calc(100vh - 700px); } .minh-xxl-100vh-800px { min-height: calc(100vh - 800px); } .minh-xxl-100vh-900px { min-height: calc(100vh - 900px); } .minh-xxl-100vh-1000px { min-height: calc(100vh - 1000px); } .maxh-xxl-50vh-nav { max-height: calc(50vh - 50px) !important; } .maxh-xxl-60vh-nav { max-height: calc(60vh - 50px) !important; } .maxh-xxl-70vh-nav { max-height: calc(70vh - 50px) !important; } .maxh-xxl-80vh-nav { max-height: calc(80vh - 50px) !important; } .maxh-xxl-90vh-nav { max-height: calc(90vh - 50px) !important; } .maxh-xxl-100vh-nav { max-height: calc(100vh - 50px) !important; } .maxh-xxl-50vh-nav-mobile { max-height: calc(50vh - 60px) !important; } .maxh-xxl-60vh-nav-mobile { max-height: calc(60vh - 60px) !important; } .maxh-xxl-70vh-nav-mobile { max-height: calc(70vh - 60px) !important; } .maxh-xxl-80vh-nav-mobile { max-height: calc(80vh - 60px) !important; } .maxh-xxl-90vh-nav-mobile { max-height: calc(90vh - 60px) !important; } .maxh-xxl-100vh-nav-mobile { max-height: calc(100vh - 60px) !important; } .maxh-xxl-70vh-r-nav { max-height: calc(70vh - 50px); } .maxh-xxl-80vh-r-nav { max-height: calc(80vh - 50px); } .maxh-xxl-90vh-r-nav { max-height: calc(90vh - 50px); } .maxh-xxl-100vh-r-nav { max-height: calc(100vh - 50px); } .maxh-xxl-110vh-r-nav { max-height: calc(110vh - 50px); } .maxh-xxl-120vh-r-nav { max-height: calc(120vh - 50px); } .maxh-xxl-130vh-r-nav { max-height: calc(130vh - 50px); } .maxh-xxl-140vh-r-nav { max-height: calc(140vh - 50px); } .maxh-xxl-150vh-r-nav { max-height: calc(150vh - 50px); } .maxh-xxl-100vh-50px { max-height: calc(100vh - 50px); } .maxh-xxl-100vh-60px { max-height: calc(100vh - 60px); } .maxh-xxl-100vh-70px { max-height: calc(100vh - 70px); } .maxh-xxl-100vh-80px { max-height: calc(100vh - 80px); } .maxh-xxl-100vh-90px { max-height: calc(100vh - 90px); } .maxh-xxl-100vh-100px { max-height: calc(100vh - 100px); } .maxh-xxl-100vh-110px { max-height: calc(100vh - 110px); } .maxh-xxl-100vh-120px { max-height: calc(100vh - 120px); } .maxh-xxl-100vh-130px { max-height: calc(100vh - 130px); } .maxh-xxl-100vh-140px { max-height: calc(100vh - 140px); } .maxh-xxl-100vh-150px { max-height: calc(100vh - 150px); } .maxh-xxl-100vh-160px { max-height: calc(100vh - 160px); } .maxh-xxl-100vh-170px { max-height: calc(100vh - 170px); } .maxh-xxl-100vh-180px { max-height: calc(100vh - 180px); } .maxh-xxl-100vh-190px { max-height: calc(100vh - 190px); } .maxh-xxl-100vh-200px { max-height: calc(100vh - 200px); } .maxh-xxl-100vh-210px { max-height: calc(100vh - 210px); } .maxh-xxl-100vh-220px { max-height: calc(100vh - 220px); } .maxh-xxl-100vh-230px { max-height: calc(100vh - 230px); } .maxh-xxl-100vh-240px { max-height: calc(100vh - 240px); } .maxh-xxl-100vh-250px { max-height: calc(100vh - 250px); } .maxh-xxl-100vh-260px { max-height: calc(100vh - 260px); } .maxh-xxl-100vh-270px { max-height: calc(100vh - 270px); } .maxh-xxl-100vh-280px { max-height: calc(100vh - 280px); } .maxh-xxl-100vh-290px { max-height: calc(100vh - 290px); } .maxh-xxl-100vh-300px { max-height: calc(100vh - 300px); } .maxh-xxl-100vh-400px { max-height: calc(100vh - 400px); } .maxh-xxl-100vh-500px { max-height: calc(100vh - 500px); } .maxh-xxl-100vh-600px { max-height: calc(100vh - 600px); } .maxh-xxl-100vh-700px { max-height: calc(100vh - 700px); } .maxh-xxl-100vh-800px { max-height: calc(100vh - 800px); } .maxh-xxl-100vh-900px { max-height: calc(100vh - 900px); } .maxh-xxl-100vh-1000px { max-height: calc(100vh - 1000px); } } .h-auto { height: auto !important; } .h-10 { height: 10% !important; } .h-20 { height: 20% !important; } .h-30 { height: 30% !important; } .h-40 { height: 40% !important; } .h-50 { height: 50% !important; } .h-60 { height: 60% !important; } .h-70 { height: 70% !important; } .h-80 { height: 80% !important; } .h-90 { height: 90% !important; } .h-100 { height: 100% !important; } .h-1px { height: 1px !important; } .h-2px { height: 2px !important; } .h-3px { height: 3px !important; } .h-4px { height: 4px !important; } .h-5px { height: 5px !important; } .h-6px { height: 6px !important; } .h-7px { height: 7px !important; } .h-8px { height: 8px !important; } .h-9px { height: 9px !important; } .h-10px { height: 10px !important; } .h-20px { height: 20px !important; } .h-30px { height: 30px !important; } .h-40px { height: 40px !important; } .h-50px { height: 50px !important; } .h-60px { height: 60px !important; } .h-70px { height: 70px !important; } .h-80px { height: 80px !important; } .h-90px { height: 90px !important; } .h-100px { height: 100px !important; } .h-110px { height: 110px !important; } .h-120px { height: 120px !important; } .h-130px { height: 130px !important; } .h-140px { height: 140px !important; } .h-150px { height: 150px !important; } .h-160px { height: 160px !important; } .h-170px { height: 170px !important; } .h-180px { height: 180px !important; } .h-190px { height: 190px !important; } .h-200px { height: 200px !important; } .h-210px { height: 210px !important; } .h-220px { height: 220px !important; } .h-230px { height: 230px !important; } .h-240px { height: 240px !important; } .h-250px { height: 250px !important; } .h-260px { height: 260px !important; } .h-270px { height: 270px !important; } .h-280px { height: 280px !important; } .h-290px { height: 290px !important; } .h-300px { height: 300px !important; } .h-400px { height: 400px !important; } .h-500px { height: 500px !important; } .h-600px { height: 600px !important; } .h-700px { height: 700px !important; } .h-800px { height: 800px !important; } .h-900px { height: 900px !important; } .h-1000px { height: 1000px !important; } .h-10vh { height: 10vh !important; } .h-20vh { height: 20vh !important; } .h-30vh { height: 30vh !important; } .h-40vh { height: 40vh !important; } .h-50vh { height: 50vh !important; } .h-60vh { height: 60vh !important; } .h-70vh { height: 70vh !important; } .h-80vh { height: 80vh !important; } .h-90vh { height: 90vh !important; } .h-100vh { height: 100vh !important; } .minh-10 { min-height: 10% !important; } .minh-20 { min-height: 20% !important; } .minh-30 { min-height: 30% !important; } .minh-40 { min-height: 40% !important; } .minh-50 { min-height: 50% !important; } .minh-60 { min-height: 60% !important; } .minh-70 { min-height: 70% !important; } .minh-80 { min-height: 80% !important; } .minh-90 { min-height: 90% !important; } .minh-100 { min-height: 100% !important; } .minh-1px { min-height: 1px !important; } .minh-2px { min-height: 2px !important; } .minh-3px { min-height: 3px !important; } .minh-4px { min-height: 4px !important; } .minh-5px { min-height: 5px !important; } .minh-6px { min-height: 6px !important; } .minh-7px { min-height: 7px !important; } .minh-8px { min-height: 8px !important; } .minh-9px { min-height: 9px !important; } .minh-10px { min-height: 10px !important; } .minh-20px { min-height: 20px !important; } .minh-30px { min-height: 30px !important; } .minh-40px { min-height: 40px !important; } .minh-50px { min-height: 50px !important; } .minh-60px { min-height: 60px !important; } .minh-70px { min-height: 70px !important; } .minh-80px { min-height: 80px !important; } .minh-90px { min-height: 90px !important; } .minh-100px { min-height: 100px !important; } .minh-110px { min-height: 110px !important; } .minh-120px { min-height: 120px !important; } .minh-130px { min-height: 130px !important; } .minh-140px { min-height: 140px !important; } .minh-150px { min-height: 150px !important; } .minh-160px { min-height: 160px !important; } .minh-170px { min-height: 170px !important; } .minh-180px { min-height: 180px !important; } .minh-190px { min-height: 190px !important; } .minh-200px { min-height: 200px !important; } .minh-210px { min-height: 210px !important; } .minh-220px { min-height: 220px !important; } .minh-230px { min-height: 230px !important; } .minh-240px { min-height: 240px !important; } .minh-250px { min-height: 250px !important; } .minh-260px { min-height: 260px !important; } .minh-270px { min-height: 270px !important; } .minh-280px { min-height: 280px !important; } .minh-290px { min-height: 290px !important; } .minh-300px { min-height: 300px !important; } .minh-400px { min-height: 400px !important; } .minh-500px { min-height: 500px !important; } .minh-600px { min-height: 600px !important; } .minh-700px { min-height: 700px !important; } .minh-800px { min-height: 800px !important; } .minh-900px { min-height: 900px !important; } .minh-1000px { min-height: 1000px !important; } .minh-10vh { min-height: 10vh !important; } .minh-20vh { min-height: 20vh !important; } .minh-30vh { min-height: 30vh !important; } .minh-40vh { min-height: 40vh !important; } .minh-50vh { min-height: 50vh !important; } .minh-60vh { min-height: 60vh !important; } .minh-70vh { min-height: 70vh !important; } .minh-80vh { min-height: 80vh !important; } .minh-90vh { min-height: 90vh !important; } .minh-100vh { min-height: 100vh !important; } .maxh-10 { max-height: 10% !important; } .maxh-20 { max-height: 20% !important; } .maxh-30 { max-height: 30% !important; } .maxh-40 { max-height: 40% !important; } .maxh-50 { max-height: 50% !important; } .maxh-60 { max-height: 60% !important; } .maxh-70 { max-height: 70% !important; } .maxh-80 { max-height: 80% !important; } .maxh-90 { max-height: 90% !important; } .maxh-100 { max-height: 100% !important; } .maxh-1px { max-height: 1px !important; } .maxh-2px { max-height: 2px !important; } .maxh-3px { max-height: 3px !important; } .maxh-4px { max-height: 4px !important; } .maxh-5px { max-height: 5px !important; } .maxh-6px { max-height: 6px !important; } .maxh-7px { max-height: 7px !important; } .maxh-8px { max-height: 8px !important; } .maxh-9px { max-height: 9px !important; } .maxh-10px { max-height: 10px !important; } .maxh-20px { max-height: 20px !important; } .maxh-30px { max-height: 30px !important; } .maxh-40px { max-height: 40px !important; } .maxh-50px { max-height: 50px !important; } .maxh-60px { max-height: 60px !important; } .maxh-70px { max-height: 70px !important; } .maxh-80px { max-height: 80px !important; } .maxh-90px { max-height: 90px !important; } .maxh-100px { max-height: 100px !important; } .maxh-110px { max-height: 110px !important; } .maxh-120px { max-height: 120px !important; } .maxh-130px { max-height: 130px !important; } .maxh-140px { max-height: 140px !important; } .maxh-150px { max-height: 150px !important; } .maxh-160px { max-height: 160px !important; } .maxh-170px { max-height: 170px !important; } .maxh-180px { max-height: 180px !important; } .maxh-190px { max-height: 190px !important; } .maxh-200px { max-height: 200px !important; } .maxh-210px { max-height: 210px !important; } .maxh-220px { max-height: 220px !important; } .maxh-230px { max-height: 230px !important; } .maxh-240px { max-height: 240px !important; } .maxh-250px { max-height: 250px !important; } .maxh-260px { max-height: 260px !important; } .maxh-270px { max-height: 270px !important; } .maxh-280px { max-height: 280px !important; } .maxh-290px { max-height: 290px !important; } .maxh-300px { max-height: 300px !important; } .maxh-400px { max-height: 400px !important; } .maxh-500px { max-height: 500px !important; } .maxh-600px { max-height: 600px !important; } .maxh-700px { max-height: 700px !important; } .maxh-800px { max-height: 800px !important; } .maxh-900px { max-height: 900px !important; } .maxh-1000px { max-height: 1000px !important; } .maxh-10vh { max-height: 10vh !important; } .maxh-20vh { max-height: 20vh !important; } .maxh-30vh { max-height: 30vh !important; } .maxh-40vh { max-height: 40vh !important; } .maxh-50vh { max-height: 50vh !important; } .maxh-60vh { max-height: 60vh !important; } .maxh-70vh { max-height: 70vh !important; } .maxh-80vh { max-height: 80vh !important; } .maxh-90vh { max-height: 90vh !important; } .maxh-100vh { max-height: 100vh !important; } @media screen and (min-width: 420px) { .h-sm-auto { height: auto !important; } .h-sm-10 { height: 10% !important; } .h-sm-20 { height: 20% !important; } .h-sm-30 { height: 30% !important; } .h-sm-40 { height: 40% !important; } .h-sm-50 { height: 50% !important; } .h-sm-60 { height: 60% !important; } .h-sm-70 { height: 70% !important; } .h-sm-80 { height: 80% !important; } .h-sm-90 { height: 90% !important; } .h-sm-100 { height: 100% !important; } .h-sm-1px { height: 1px !important; } .h-sm-2px { height: 2px !important; } .h-sm-3px { height: 3px !important; } .h-sm-4px { height: 4px !important; } .h-sm-5px { height: 5px !important; } .h-sm-6px { height: 6px !important; } .h-sm-7px { height: 7px !important; } .h-sm-8px { height: 8px !important; } .h-sm-9px { height: 9px !important; } .h-sm-10px { height: 10px !important; } .h-sm-20px { height: 20px !important; } .h-sm-30px { height: 30px !important; } .h-sm-40px { height: 40px !important; } .h-sm-50px { height: 50px !important; } .h-sm-60px { height: 60px !important; } .h-sm-70px { height: 70px !important; } .h-sm-80px { height: 80px !important; } .h-sm-90px { height: 90px !important; } .h-sm-100px { height: 100px !important; } .h-sm-110px { height: 110px !important; } .h-sm-120px { height: 120px !important; } .h-sm-130px { height: 130px !important; } .h-sm-140px { height: 140px !important; } .h-sm-150px { height: 150px !important; } .h-sm-160px { height: 160px !important; } .h-sm-170px { height: 170px !important; } .h-sm-180px { height: 180px !important; } .h-sm-190px { height: 190px !important; } .h-sm-200px { height: 200px !important; } .h-sm-210px { height: 210px !important; } .h-sm-220px { height: 220px !important; } .h-sm-230px { height: 230px !important; } .h-sm-240px { height: 240px !important; } .h-sm-250px { height: 250px !important; } .h-sm-260px { height: 260px !important; } .h-sm-270px { height: 270px !important; } .h-sm-280px { height: 280px !important; } .h-sm-290px { height: 290px !important; } .h-sm-300px { height: 300px !important; } .h-sm-400px { height: 400px !important; } .h-sm-500px { height: 500px !important; } .h-sm-600px { height: 600px !important; } .h-sm-700px { height: 700px !important; } .h-sm-800px { height: 800px !important; } .h-sm-900px { height: 900px !important; } .h-sm-1000px { height: 1000px !important; } .h-sm-10vh { height: 10vh !important; } .h-sm-20vh { height: 20vh !important; } .h-sm-30vh { height: 30vh !important; } .h-sm-40vh { height: 40vh !important; } .h-sm-50vh { height: 50vh !important; } .h-sm-60vh { height: 60vh !important; } .h-sm-70vh { height: 70vh !important; } .h-sm-80vh { height: 80vh !important; } .h-sm-90vh { height: 90vh !important; } .h-sm-100vh { height: 100vh !important; } .minh-sm-10 { min-height: 10% !important; } .minh-sm-20 { min-height: 20% !important; } .minh-sm-30 { min-height: 30% !important; } .minh-sm-40 { min-height: 40% !important; } .minh-sm-50 { min-height: 50% !important; } .minh-sm-60 { min-height: 60% !important; } .minh-sm-70 { min-height: 70% !important; } .minh-sm-80 { min-height: 80% !important; } .minh-sm-90 { min-height: 90% !important; } .minh-sm-100 { min-height: 100% !important; } .minh-sm-1px { min-height: 1px !important; } .minh-sm-2px { min-height: 2px !important; } .minh-sm-3px { min-height: 3px !important; } .minh-sm-4px { min-height: 4px !important; } .minh-sm-5px { min-height: 5px !important; } .minh-sm-6px { min-height: 6px !important; } .minh-sm-7px { min-height: 7px !important; } .minh-sm-8px { min-height: 8px !important; } .minh-sm-9px { min-height: 9px !important; } .minh-sm-10px { min-height: 10px !important; } .minh-sm-20px { min-height: 20px !important; } .minh-sm-30px { min-height: 30px !important; } .minh-sm-40px { min-height: 40px !important; } .minh-sm-50px { min-height: 50px !important; } .minh-sm-60px { min-height: 60px !important; } .minh-sm-70px { min-height: 70px !important; } .minh-sm-80px { min-height: 80px !important; } .minh-sm-90px { min-height: 90px !important; } .minh-sm-100px { min-height: 100px !important; } .minh-sm-110px { min-height: 110px !important; } .minh-sm-120px { min-height: 120px !important; } .minh-sm-130px { min-height: 130px !important; } .minh-sm-140px { min-height: 140px !important; } .minh-sm-150px { min-height: 150px !important; } .minh-sm-160px { min-height: 160px !important; } .minh-sm-170px { min-height: 170px !important; } .minh-sm-180px { min-height: 180px !important; } .minh-sm-190px { min-height: 190px !important; } .minh-sm-200px { min-height: 200px !important; } .minh-sm-210px { min-height: 210px !important; } .minh-sm-220px { min-height: 220px !important; } .minh-sm-230px { min-height: 230px !important; } .minh-sm-240px { min-height: 240px !important; } .minh-sm-250px { min-height: 250px !important; } .minh-sm-260px { min-height: 260px !important; } .minh-sm-270px { min-height: 270px !important; } .minh-sm-280px { min-height: 280px !important; } .minh-sm-290px { min-height: 290px !important; } .minh-sm-300px { min-height: 300px !important; } .minh-sm-400px { min-height: 400px !important; } .minh-sm-500px { min-height: 500px !important; } .minh-sm-600px { min-height: 600px !important; } .minh-sm-700px { min-height: 700px !important; } .minh-sm-800px { min-height: 800px !important; } .minh-sm-900px { min-height: 900px !important; } .minh-sm-1000px { min-height: 1000px !important; } .minh-sm-10vh { min-height: 10vh !important; } .minh-sm-20vh { min-height: 20vh !important; } .minh-sm-30vh { min-height: 30vh !important; } .minh-sm-40vh { min-height: 40vh !important; } .minh-sm-50vh { min-height: 50vh !important; } .minh-sm-60vh { min-height: 60vh !important; } .minh-sm-70vh { min-height: 70vh !important; } .minh-sm-80vh { min-height: 80vh !important; } .minh-sm-90vh { min-height: 90vh !important; } .minh-sm-100vh { min-height: 100vh !important; } .maxh-sm-10 { max-height: 10% !important; } .maxh-sm-20 { max-height: 20% !important; } .maxh-sm-30 { max-height: 30% !important; } .maxh-sm-40 { max-height: 40% !important; } .maxh-sm-50 { max-height: 50% !important; } .maxh-sm-60 { max-height: 60% !important; } .maxh-sm-70 { max-height: 70% !important; } .maxh-sm-80 { max-height: 80% !important; } .maxh-sm-90 { max-height: 90% !important; } .maxh-sm-100 { max-height: 100% !important; } .maxh-sm-1px { max-height: 1px !important; } .maxh-sm-2px { max-height: 2px !important; } .maxh-sm-3px { max-height: 3px !important; } .maxh-sm-4px { max-height: 4px !important; } .maxh-sm-5px { max-height: 5px !important; } .maxh-sm-6px { max-height: 6px !important; } .maxh-sm-7px { max-height: 7px !important; } .maxh-sm-8px { max-height: 8px !important; } .maxh-sm-9px { max-height: 9px !important; } .maxh-sm-10px { max-height: 10px !important; } .maxh-sm-20px { max-height: 20px !important; } .maxh-sm-30px { max-height: 30px !important; } .maxh-sm-40px { max-height: 40px !important; } .maxh-sm-50px { max-height: 50px !important; } .maxh-sm-60px { max-height: 60px !important; } .maxh-sm-70px { max-height: 70px !important; } .maxh-sm-80px { max-height: 80px !important; } .maxh-sm-90px { max-height: 90px !important; } .maxh-sm-100px { max-height: 100px !important; } .maxh-sm-110px { max-height: 110px !important; } .maxh-sm-120px { max-height: 120px !important; } .maxh-sm-130px { max-height: 130px !important; } .maxh-sm-140px { max-height: 140px !important; } .maxh-sm-150px { max-height: 150px !important; } .maxh-sm-160px { max-height: 160px !important; } .maxh-sm-170px { max-height: 170px !important; } .maxh-sm-180px { max-height: 180px !important; } .maxh-sm-190px { max-height: 190px !important; } .maxh-sm-200px { max-height: 200px !important; } .maxh-sm-210px { max-height: 210px !important; } .maxh-sm-220px { max-height: 220px !important; } .maxh-sm-230px { max-height: 230px !important; } .maxh-sm-240px { max-height: 240px !important; } .maxh-sm-250px { max-height: 250px !important; } .maxh-sm-260px { max-height: 260px !important; } .maxh-sm-270px { max-height: 270px !important; } .maxh-sm-280px { max-height: 280px !important; } .maxh-sm-290px { max-height: 290px !important; } .maxh-sm-300px { max-height: 300px !important; } .maxh-sm-400px { max-height: 400px !important; } .maxh-sm-500px { max-height: 500px !important; } .maxh-sm-600px { max-height: 600px !important; } .maxh-sm-700px { max-height: 700px !important; } .maxh-sm-800px { max-height: 800px !important; } .maxh-sm-900px { max-height: 900px !important; } .maxh-sm-1000px { max-height: 1000px !important; } .maxh-sm-10vh { max-height: 10vh !important; } .maxh-sm-20vh { max-height: 20vh !important; } .maxh-sm-30vh { max-height: 30vh !important; } .maxh-sm-40vh { max-height: 40vh !important; } .maxh-sm-50vh { max-height: 50vh !important; } .maxh-sm-60vh { max-height: 60vh !important; } .maxh-sm-70vh { max-height: 70vh !important; } .maxh-sm-80vh { max-height: 80vh !important; } .maxh-sm-90vh { max-height: 90vh !important; } .maxh-sm-100vh { max-height: 100vh !important; } } @media screen and (min-width: 768px) { .h-md-auto { height: auto !important; } .h-md-10 { height: 10% !important; } .h-md-20 { height: 20% !important; } .h-md-30 { height: 30% !important; } .h-md-40 { height: 40% !important; } .h-md-50 { height: 50% !important; } .h-md-60 { height: 60% !important; } .h-md-70 { height: 70% !important; } .h-md-80 { height: 80% !important; } .h-md-90 { height: 90% !important; } .h-md-100 { height: 100% !important; } .h-md-1px { height: 1px !important; } .h-md-2px { height: 2px !important; } .h-md-3px { height: 3px !important; } .h-md-4px { height: 4px !important; } .h-md-5px { height: 5px !important; } .h-md-6px { height: 6px !important; } .h-md-7px { height: 7px !important; } .h-md-8px { height: 8px !important; } .h-md-9px { height: 9px !important; } .h-md-10px { height: 10px !important; } .h-md-20px { height: 20px !important; } .h-md-30px { height: 30px !important; } .h-md-40px { height: 40px !important; } .h-md-50px { height: 50px !important; } .h-md-60px { height: 60px !important; } .h-md-70px { height: 70px !important; } .h-md-80px { height: 80px !important; } .h-md-90px { height: 90px !important; } .h-md-100px { height: 100px !important; } .h-md-110px { height: 110px !important; } .h-md-120px { height: 120px !important; } .h-md-130px { height: 130px !important; } .h-md-140px { height: 140px !important; } .h-md-150px { height: 150px !important; } .h-md-160px { height: 160px !important; } .h-md-170px { height: 170px !important; } .h-md-180px { height: 180px !important; } .h-md-190px { height: 190px !important; } .h-md-200px { height: 200px !important; } .h-md-210px { height: 210px !important; } .h-md-220px { height: 220px !important; } .h-md-230px { height: 230px !important; } .h-md-240px { height: 240px !important; } .h-md-250px { height: 250px !important; } .h-md-260px { height: 260px !important; } .h-md-270px { height: 270px !important; } .h-md-280px { height: 280px !important; } .h-md-290px { height: 290px !important; } .h-md-300px { height: 300px !important; } .h-md-400px { height: 400px !important; } .h-md-500px { height: 500px !important; } .h-md-600px { height: 600px !important; } .h-md-700px { height: 700px !important; } .h-md-800px { height: 800px !important; } .h-md-900px { height: 900px !important; } .h-md-1000px { height: 1000px !important; } .h-md-10vh { height: 10vh !important; } .h-md-20vh { height: 20vh !important; } .h-md-30vh { height: 30vh !important; } .h-md-40vh { height: 40vh !important; } .h-md-50vh { height: 50vh !important; } .h-md-60vh { height: 60vh !important; } .h-md-70vh { height: 70vh !important; } .h-md-80vh { height: 80vh !important; } .h-md-90vh { height: 90vh !important; } .h-md-100vh { height: 100vh !important; } .minh-md-10 { min-height: 10% !important; } .minh-md-20 { min-height: 20% !important; } .minh-md-30 { min-height: 30% !important; } .minh-md-40 { min-height: 40% !important; } .minh-md-50 { min-height: 50% !important; } .minh-md-60 { min-height: 60% !important; } .minh-md-70 { min-height: 70% !important; } .minh-md-80 { min-height: 80% !important; } .minh-md-90 { min-height: 90% !important; } .minh-md-100 { min-height: 100% !important; } .minh-md-1px { min-height: 1px !important; } .minh-md-2px { min-height: 2px !important; } .minh-md-3px { min-height: 3px !important; } .minh-md-4px { min-height: 4px !important; } .minh-md-5px { min-height: 5px !important; } .minh-md-6px { min-height: 6px !important; } .minh-md-7px { min-height: 7px !important; } .minh-md-8px { min-height: 8px !important; } .minh-md-9px { min-height: 9px !important; } .minh-md-10px { min-height: 10px !important; } .minh-md-20px { min-height: 20px !important; } .minh-md-30px { min-height: 30px !important; } .minh-md-40px { min-height: 40px !important; } .minh-md-50px { min-height: 50px !important; } .minh-md-60px { min-height: 60px !important; } .minh-md-70px { min-height: 70px !important; } .minh-md-80px { min-height: 80px !important; } .minh-md-90px { min-height: 90px !important; } .minh-md-100px { min-height: 100px !important; } .minh-md-110px { min-height: 110px !important; } .minh-md-120px { min-height: 120px !important; } .minh-md-130px { min-height: 130px !important; } .minh-md-140px { min-height: 140px !important; } .minh-md-150px { min-height: 150px !important; } .minh-md-160px { min-height: 160px !important; } .minh-md-170px { min-height: 170px !important; } .minh-md-180px { min-height: 180px !important; } .minh-md-190px { min-height: 190px !important; } .minh-md-200px { min-height: 200px !important; } .minh-md-210px { min-height: 210px !important; } .minh-md-220px { min-height: 220px !important; } .minh-md-230px { min-height: 230px !important; } .minh-md-240px { min-height: 240px !important; } .minh-md-250px { min-height: 250px !important; } .minh-md-260px { min-height: 260px !important; } .minh-md-270px { min-height: 270px !important; } .minh-md-280px { min-height: 280px !important; } .minh-md-290px { min-height: 290px !important; } .minh-md-300px { min-height: 300px !important; } .minh-md-400px { min-height: 400px !important; } .minh-md-500px { min-height: 500px !important; } .minh-md-600px { min-height: 600px !important; } .minh-md-700px { min-height: 700px !important; } .minh-md-800px { min-height: 800px !important; } .minh-md-900px { min-height: 900px !important; } .minh-md-1000px { min-height: 1000px !important; } .minh-md-10vh { min-height: 10vh !important; } .minh-md-20vh { min-height: 20vh !important; } .minh-md-30vh { min-height: 30vh !important; } .minh-md-40vh { min-height: 40vh !important; } .minh-md-50vh { min-height: 50vh !important; } .minh-md-60vh { min-height: 60vh !important; } .minh-md-70vh { min-height: 70vh !important; } .minh-md-80vh { min-height: 80vh !important; } .minh-md-90vh { min-height: 90vh !important; } .minh-md-100vh { min-height: 100vh !important; } .maxh-md-10 { max-height: 10% !important; } .maxh-md-20 { max-height: 20% !important; } .maxh-md-30 { max-height: 30% !important; } .maxh-md-40 { max-height: 40% !important; } .maxh-md-50 { max-height: 50% !important; } .maxh-md-60 { max-height: 60% !important; } .maxh-md-70 { max-height: 70% !important; } .maxh-md-80 { max-height: 80% !important; } .maxh-md-90 { max-height: 90% !important; } .maxh-md-100 { max-height: 100% !important; } .maxh-md-1px { max-height: 1px !important; } .maxh-md-2px { max-height: 2px !important; } .maxh-md-3px { max-height: 3px !important; } .maxh-md-4px { max-height: 4px !important; } .maxh-md-5px { max-height: 5px !important; } .maxh-md-6px { max-height: 6px !important; } .maxh-md-7px { max-height: 7px !important; } .maxh-md-8px { max-height: 8px !important; } .maxh-md-9px { max-height: 9px !important; } .maxh-md-10px { max-height: 10px !important; } .maxh-md-20px { max-height: 20px !important; } .maxh-md-30px { max-height: 30px !important; } .maxh-md-40px { max-height: 40px !important; } .maxh-md-50px { max-height: 50px !important; } .maxh-md-60px { max-height: 60px !important; } .maxh-md-70px { max-height: 70px !important; } .maxh-md-80px { max-height: 80px !important; } .maxh-md-90px { max-height: 90px !important; } .maxh-md-100px { max-height: 100px !important; } .maxh-md-110px { max-height: 110px !important; } .maxh-md-120px { max-height: 120px !important; } .maxh-md-130px { max-height: 130px !important; } .maxh-md-140px { max-height: 140px !important; } .maxh-md-150px { max-height: 150px !important; } .maxh-md-160px { max-height: 160px !important; } .maxh-md-170px { max-height: 170px !important; } .maxh-md-180px { max-height: 180px !important; } .maxh-md-190px { max-height: 190px !important; } .maxh-md-200px { max-height: 200px !important; } .maxh-md-210px { max-height: 210px !important; } .maxh-md-220px { max-height: 220px !important; } .maxh-md-230px { max-height: 230px !important; } .maxh-md-240px { max-height: 240px !important; } .maxh-md-250px { max-height: 250px !important; } .maxh-md-260px { max-height: 260px !important; } .maxh-md-270px { max-height: 270px !important; } .maxh-md-280px { max-height: 280px !important; } .maxh-md-290px { max-height: 290px !important; } .maxh-md-300px { max-height: 300px !important; } .maxh-md-400px { max-height: 400px !important; } .maxh-md-500px { max-height: 500px !important; } .maxh-md-600px { max-height: 600px !important; } .maxh-md-700px { max-height: 700px !important; } .maxh-md-800px { max-height: 800px !important; } .maxh-md-900px { max-height: 900px !important; } .maxh-md-1000px { max-height: 1000px !important; } .maxh-md-10vh { max-height: 10vh !important; } .maxh-md-20vh { max-height: 20vh !important; } .maxh-md-30vh { max-height: 30vh !important; } .maxh-md-40vh { max-height: 40vh !important; } .maxh-md-50vh { max-height: 50vh !important; } .maxh-md-60vh { max-height: 60vh !important; } .maxh-md-70vh { max-height: 70vh !important; } .maxh-md-80vh { max-height: 80vh !important; } .maxh-md-90vh { max-height: 90vh !important; } .maxh-md-100vh { max-height: 100vh !important; } } @media screen and (min-width: 1024px) { .h-lg-auto { height: auto !important; } .h-lg-10 { height: 10% !important; } .h-lg-20 { height: 20% !important; } .h-lg-30 { height: 30% !important; } .h-lg-40 { height: 40% !important; } .h-lg-50 { height: 50% !important; } .h-lg-60 { height: 60% !important; } .h-lg-70 { height: 70% !important; } .h-lg-80 { height: 80% !important; } .h-lg-90 { height: 90% !important; } .h-lg-100 { height: 100% !important; } .h-lg-1px { height: 1px !important; } .h-lg-2px { height: 2px !important; } .h-lg-3px { height: 3px !important; } .h-lg-4px { height: 4px !important; } .h-lg-5px { height: 5px !important; } .h-lg-6px { height: 6px !important; } .h-lg-7px { height: 7px !important; } .h-lg-8px { height: 8px !important; } .h-lg-9px { height: 9px !important; } .h-lg-10px { height: 10px !important; } .h-lg-20px { height: 20px !important; } .h-lg-30px { height: 30px !important; } .h-lg-40px { height: 40px !important; } .h-lg-50px { height: 50px !important; } .h-lg-60px { height: 60px !important; } .h-lg-70px { height: 70px !important; } .h-lg-80px { height: 80px !important; } .h-lg-90px { height: 90px !important; } .h-lg-100px { height: 100px !important; } .h-lg-110px { height: 110px !important; } .h-lg-120px { height: 120px !important; } .h-lg-130px { height: 130px !important; } .h-lg-140px { height: 140px !important; } .h-lg-150px { height: 150px !important; } .h-lg-160px { height: 160px !important; } .h-lg-170px { height: 170px !important; } .h-lg-180px { height: 180px !important; } .h-lg-190px { height: 190px !important; } .h-lg-200px { height: 200px !important; } .h-lg-210px { height: 210px !important; } .h-lg-220px { height: 220px !important; } .h-lg-230px { height: 230px !important; } .h-lg-240px { height: 240px !important; } .h-lg-250px { height: 250px !important; } .h-lg-260px { height: 260px !important; } .h-lg-270px { height: 270px !important; } .h-lg-280px { height: 280px !important; } .h-lg-290px { height: 290px !important; } .h-lg-300px { height: 300px !important; } .h-lg-400px { height: 400px !important; } .h-lg-500px { height: 500px !important; } .h-lg-600px { height: 600px !important; } .h-lg-700px { height: 700px !important; } .h-lg-800px { height: 800px !important; } .h-lg-900px { height: 900px !important; } .h-lg-1000px { height: 1000px !important; } .h-lg-10vh { height: 10vh !important; } .h-lg-20vh { height: 20vh !important; } .h-lg-30vh { height: 30vh !important; } .h-lg-40vh { height: 40vh !important; } .h-lg-50vh { height: 50vh !important; } .h-lg-60vh { height: 60vh !important; } .h-lg-70vh { height: 70vh !important; } .h-lg-80vh { height: 80vh !important; } .h-lg-90vh { height: 90vh !important; } .h-lg-100vh { height: 100vh !important; } .minh-lg-10 { min-height: 10% !important; } .minh-lg-20 { min-height: 20% !important; } .minh-lg-30 { min-height: 30% !important; } .minh-lg-40 { min-height: 40% !important; } .minh-lg-50 { min-height: 50% !important; } .minh-lg-60 { min-height: 60% !important; } .minh-lg-70 { min-height: 70% !important; } .minh-lg-80 { min-height: 80% !important; } .minh-lg-90 { min-height: 90% !important; } .minh-lg-100 { min-height: 100% !important; } .minh-lg-1px { min-height: 1px !important; } .minh-lg-2px { min-height: 2px !important; } .minh-lg-3px { min-height: 3px !important; } .minh-lg-4px { min-height: 4px !important; } .minh-lg-5px { min-height: 5px !important; } .minh-lg-6px { min-height: 6px !important; } .minh-lg-7px { min-height: 7px !important; } .minh-lg-8px { min-height: 8px !important; } .minh-lg-9px { min-height: 9px !important; } .minh-lg-10px { min-height: 10px !important; } .minh-lg-20px { min-height: 20px !important; } .minh-lg-30px { min-height: 30px !important; } .minh-lg-40px { min-height: 40px !important; } .minh-lg-50px { min-height: 50px !important; } .minh-lg-60px { min-height: 60px !important; } .minh-lg-70px { min-height: 70px !important; } .minh-lg-80px { min-height: 80px !important; } .minh-lg-90px { min-height: 90px !important; } .minh-lg-100px { min-height: 100px !important; } .minh-lg-110px { min-height: 110px !important; } .minh-lg-120px { min-height: 120px !important; } .minh-lg-130px { min-height: 130px !important; } .minh-lg-140px { min-height: 140px !important; } .minh-lg-150px { min-height: 150px !important; } .minh-lg-160px { min-height: 160px !important; } .minh-lg-170px { min-height: 170px !important; } .minh-lg-180px { min-height: 180px !important; } .minh-lg-190px { min-height: 190px !important; } .minh-lg-200px { min-height: 200px !important; } .minh-lg-210px { min-height: 210px !important; } .minh-lg-220px { min-height: 220px !important; } .minh-lg-230px { min-height: 230px !important; } .minh-lg-240px { min-height: 240px !important; } .minh-lg-250px { min-height: 250px !important; } .minh-lg-260px { min-height: 260px !important; } .minh-lg-270px { min-height: 270px !important; } .minh-lg-280px { min-height: 280px !important; } .minh-lg-290px { min-height: 290px !important; } .minh-lg-300px { min-height: 300px !important; } .minh-lg-400px { min-height: 400px !important; } .minh-lg-500px { min-height: 500px !important; } .minh-lg-600px { min-height: 600px !important; } .minh-lg-700px { min-height: 700px !important; } .minh-lg-800px { min-height: 800px !important; } .minh-lg-900px { min-height: 900px !important; } .minh-lg-1000px { min-height: 1000px !important; } .minh-lg-10vh { min-height: 10vh !important; } .minh-lg-20vh { min-height: 20vh !important; } .minh-lg-30vh { min-height: 30vh !important; } .minh-lg-40vh { min-height: 40vh !important; } .minh-lg-50vh { min-height: 50vh !important; } .minh-lg-60vh { min-height: 60vh !important; } .minh-lg-70vh { min-height: 70vh !important; } .minh-lg-80vh { min-height: 80vh !important; } .minh-lg-90vh { min-height: 90vh !important; } .minh-lg-100vh { min-height: 100vh !important; } .maxh-lg-10 { max-height: 10% !important; } .maxh-lg-20 { max-height: 20% !important; } .maxh-lg-30 { max-height: 30% !important; } .maxh-lg-40 { max-height: 40% !important; } .maxh-lg-50 { max-height: 50% !important; } .maxh-lg-60 { max-height: 60% !important; } .maxh-lg-70 { max-height: 70% !important; } .maxh-lg-80 { max-height: 80% !important; } .maxh-lg-90 { max-height: 90% !important; } .maxh-lg-100 { max-height: 100% !important; } .maxh-lg-1px { max-height: 1px !important; } .maxh-lg-2px { max-height: 2px !important; } .maxh-lg-3px { max-height: 3px !important; } .maxh-lg-4px { max-height: 4px !important; } .maxh-lg-5px { max-height: 5px !important; } .maxh-lg-6px { max-height: 6px !important; } .maxh-lg-7px { max-height: 7px !important; } .maxh-lg-8px { max-height: 8px !important; } .maxh-lg-9px { max-height: 9px !important; } .maxh-lg-10px { max-height: 10px !important; } .maxh-lg-20px { max-height: 20px !important; } .maxh-lg-30px { max-height: 30px !important; } .maxh-lg-40px { max-height: 40px !important; } .maxh-lg-50px { max-height: 50px !important; } .maxh-lg-60px { max-height: 60px !important; } .maxh-lg-70px { max-height: 70px !important; } .maxh-lg-80px { max-height: 80px !important; } .maxh-lg-90px { max-height: 90px !important; } .maxh-lg-100px { max-height: 100px !important; } .maxh-lg-110px { max-height: 110px !important; } .maxh-lg-120px { max-height: 120px !important; } .maxh-lg-130px { max-height: 130px !important; } .maxh-lg-140px { max-height: 140px !important; } .maxh-lg-150px { max-height: 150px !important; } .maxh-lg-160px { max-height: 160px !important; } .maxh-lg-170px { max-height: 170px !important; } .maxh-lg-180px { max-height: 180px !important; } .maxh-lg-190px { max-height: 190px !important; } .maxh-lg-200px { max-height: 200px !important; } .maxh-lg-210px { max-height: 210px !important; } .maxh-lg-220px { max-height: 220px !important; } .maxh-lg-230px { max-height: 230px !important; } .maxh-lg-240px { max-height: 240px !important; } .maxh-lg-250px { max-height: 250px !important; } .maxh-lg-260px { max-height: 260px !important; } .maxh-lg-270px { max-height: 270px !important; } .maxh-lg-280px { max-height: 280px !important; } .maxh-lg-290px { max-height: 290px !important; } .maxh-lg-300px { max-height: 300px !important; } .maxh-lg-400px { max-height: 400px !important; } .maxh-lg-500px { max-height: 500px !important; } .maxh-lg-600px { max-height: 600px !important; } .maxh-lg-700px { max-height: 700px !important; } .maxh-lg-800px { max-height: 800px !important; } .maxh-lg-900px { max-height: 900px !important; } .maxh-lg-1000px { max-height: 1000px !important; } .maxh-lg-10vh { max-height: 10vh !important; } .maxh-lg-20vh { max-height: 20vh !important; } .maxh-lg-30vh { max-height: 30vh !important; } .maxh-lg-40vh { max-height: 40vh !important; } .maxh-lg-50vh { max-height: 50vh !important; } .maxh-lg-60vh { max-height: 60vh !important; } .maxh-lg-70vh { max-height: 70vh !important; } .maxh-lg-80vh { max-height: 80vh !important; } .maxh-lg-90vh { max-height: 90vh !important; } .maxh-lg-100vh { max-height: 100vh !important; } } @media screen and (min-width: 1224px) { .h-xl-auto { height: auto !important; } .h-xl-10 { height: 10% !important; } .h-xl-20 { height: 20% !important; } .h-xl-30 { height: 30% !important; } .h-xl-40 { height: 40% !important; } .h-xl-50 { height: 50% !important; } .h-xl-60 { height: 60% !important; } .h-xl-70 { height: 70% !important; } .h-xl-80 { height: 80% !important; } .h-xl-90 { height: 90% !important; } .h-xl-100 { height: 100% !important; } .h-xl-1px { height: 1px !important; } .h-xl-2px { height: 2px !important; } .h-xl-3px { height: 3px !important; } .h-xl-4px { height: 4px !important; } .h-xl-5px { height: 5px !important; } .h-xl-6px { height: 6px !important; } .h-xl-7px { height: 7px !important; } .h-xl-8px { height: 8px !important; } .h-xl-9px { height: 9px !important; } .h-xl-10px { height: 10px !important; } .h-xl-20px { height: 20px !important; } .h-xl-30px { height: 30px !important; } .h-xl-40px { height: 40px !important; } .h-xl-50px { height: 50px !important; } .h-xl-60px { height: 60px !important; } .h-xl-70px { height: 70px !important; } .h-xl-80px { height: 80px !important; } .h-xl-90px { height: 90px !important; } .h-xl-100px { height: 100px !important; } .h-xl-110px { height: 110px !important; } .h-xl-120px { height: 120px !important; } .h-xl-130px { height: 130px !important; } .h-xl-140px { height: 140px !important; } .h-xl-150px { height: 150px !important; } .h-xl-160px { height: 160px !important; } .h-xl-170px { height: 170px !important; } .h-xl-180px { height: 180px !important; } .h-xl-190px { height: 190px !important; } .h-xl-200px { height: 200px !important; } .h-xl-210px { height: 210px !important; } .h-xl-220px { height: 220px !important; } .h-xl-230px { height: 230px !important; } .h-xl-240px { height: 240px !important; } .h-xl-250px { height: 250px !important; } .h-xl-260px { height: 260px !important; } .h-xl-270px { height: 270px !important; } .h-xl-280px { height: 280px !important; } .h-xl-290px { height: 290px !important; } .h-xl-300px { height: 300px !important; } .h-xl-400px { height: 400px !important; } .h-xl-500px { height: 500px !important; } .h-xl-600px { height: 600px !important; } .h-xl-700px { height: 700px !important; } .h-xl-800px { height: 800px !important; } .h-xl-900px { height: 900px !important; } .h-xl-1000px { height: 1000px !important; } .h-xl-10vh { height: 10vh !important; } .h-xl-20vh { height: 20vh !important; } .h-xl-30vh { height: 30vh !important; } .h-xl-40vh { height: 40vh !important; } .h-xl-50vh { height: 50vh !important; } .h-xl-60vh { height: 60vh !important; } .h-xl-70vh { height: 70vh !important; } .h-xl-80vh { height: 80vh !important; } .h-xl-90vh { height: 90vh !important; } .h-xl-100vh { height: 100vh !important; } .minh-xl-10 { min-height: 10% !important; } .minh-xl-20 { min-height: 20% !important; } .minh-xl-30 { min-height: 30% !important; } .minh-xl-40 { min-height: 40% !important; } .minh-xl-50 { min-height: 50% !important; } .minh-xl-60 { min-height: 60% !important; } .minh-xl-70 { min-height: 70% !important; } .minh-xl-80 { min-height: 80% !important; } .minh-xl-90 { min-height: 90% !important; } .minh-xl-100 { min-height: 100% !important; } .minh-xl-1px { min-height: 1px !important; } .minh-xl-2px { min-height: 2px !important; } .minh-xl-3px { min-height: 3px !important; } .minh-xl-4px { min-height: 4px !important; } .minh-xl-5px { min-height: 5px !important; } .minh-xl-6px { min-height: 6px !important; } .minh-xl-7px { min-height: 7px !important; } .minh-xl-8px { min-height: 8px !important; } .minh-xl-9px { min-height: 9px !important; } .minh-xl-10px { min-height: 10px !important; } .minh-xl-20px { min-height: 20px !important; } .minh-xl-30px { min-height: 30px !important; } .minh-xl-40px { min-height: 40px !important; } .minh-xl-50px { min-height: 50px !important; } .minh-xl-60px { min-height: 60px !important; } .minh-xl-70px { min-height: 70px !important; } .minh-xl-80px { min-height: 80px !important; } .minh-xl-90px { min-height: 90px !important; } .minh-xl-100px { min-height: 100px !important; } .minh-xl-110px { min-height: 110px !important; } .minh-xl-120px { min-height: 120px !important; } .minh-xl-130px { min-height: 130px !important; } .minh-xl-140px { min-height: 140px !important; } .minh-xl-150px { min-height: 150px !important; } .minh-xl-160px { min-height: 160px !important; } .minh-xl-170px { min-height: 170px !important; } .minh-xl-180px { min-height: 180px !important; } .minh-xl-190px { min-height: 190px !important; } .minh-xl-200px { min-height: 200px !important; } .minh-xl-210px { min-height: 210px !important; } .minh-xl-220px { min-height: 220px !important; } .minh-xl-230px { min-height: 230px !important; } .minh-xl-240px { min-height: 240px !important; } .minh-xl-250px { min-height: 250px !important; } .minh-xl-260px { min-height: 260px !important; } .minh-xl-270px { min-height: 270px !important; } .minh-xl-280px { min-height: 280px !important; } .minh-xl-290px { min-height: 290px !important; } .minh-xl-300px { min-height: 300px !important; } .minh-xl-400px { min-height: 400px !important; } .minh-xl-500px { min-height: 500px !important; } .minh-xl-600px { min-height: 600px !important; } .minh-xl-700px { min-height: 700px !important; } .minh-xl-800px { min-height: 800px !important; } .minh-xl-900px { min-height: 900px !important; } .minh-xl-1000px { min-height: 1000px !important; } .minh-xl-10vh { min-height: 10vh !important; } .minh-xl-20vh { min-height: 20vh !important; } .minh-xl-30vh { min-height: 30vh !important; } .minh-xl-40vh { min-height: 40vh !important; } .minh-xl-50vh { min-height: 50vh !important; } .minh-xl-60vh { min-height: 60vh !important; } .minh-xl-70vh { min-height: 70vh !important; } .minh-xl-80vh { min-height: 80vh !important; } .minh-xl-90vh { min-height: 90vh !important; } .minh-xl-100vh { min-height: 100vh !important; } .maxh-xl-10 { max-height: 10% !important; } .maxh-xl-20 { max-height: 20% !important; } .maxh-xl-30 { max-height: 30% !important; } .maxh-xl-40 { max-height: 40% !important; } .maxh-xl-50 { max-height: 50% !important; } .maxh-xl-60 { max-height: 60% !important; } .maxh-xl-70 { max-height: 70% !important; } .maxh-xl-80 { max-height: 80% !important; } .maxh-xl-90 { max-height: 90% !important; } .maxh-xl-100 { max-height: 100% !important; } .maxh-xl-1px { max-height: 1px !important; } .maxh-xl-2px { max-height: 2px !important; } .maxh-xl-3px { max-height: 3px !important; } .maxh-xl-4px { max-height: 4px !important; } .maxh-xl-5px { max-height: 5px !important; } .maxh-xl-6px { max-height: 6px !important; } .maxh-xl-7px { max-height: 7px !important; } .maxh-xl-8px { max-height: 8px !important; } .maxh-xl-9px { max-height: 9px !important; } .maxh-xl-10px { max-height: 10px !important; } .maxh-xl-20px { max-height: 20px !important; } .maxh-xl-30px { max-height: 30px !important; } .maxh-xl-40px { max-height: 40px !important; } .maxh-xl-50px { max-height: 50px !important; } .maxh-xl-60px { max-height: 60px !important; } .maxh-xl-70px { max-height: 70px !important; } .maxh-xl-80px { max-height: 80px !important; } .maxh-xl-90px { max-height: 90px !important; } .maxh-xl-100px { max-height: 100px !important; } .maxh-xl-110px { max-height: 110px !important; } .maxh-xl-120px { max-height: 120px !important; } .maxh-xl-130px { max-height: 130px !important; } .maxh-xl-140px { max-height: 140px !important; } .maxh-xl-150px { max-height: 150px !important; } .maxh-xl-160px { max-height: 160px !important; } .maxh-xl-170px { max-height: 170px !important; } .maxh-xl-180px { max-height: 180px !important; } .maxh-xl-190px { max-height: 190px !important; } .maxh-xl-200px { max-height: 200px !important; } .maxh-xl-210px { max-height: 210px !important; } .maxh-xl-220px { max-height: 220px !important; } .maxh-xl-230px { max-height: 230px !important; } .maxh-xl-240px { max-height: 240px !important; } .maxh-xl-250px { max-height: 250px !important; } .maxh-xl-260px { max-height: 260px !important; } .maxh-xl-270px { max-height: 270px !important; } .maxh-xl-280px { max-height: 280px !important; } .maxh-xl-290px { max-height: 290px !important; } .maxh-xl-300px { max-height: 300px !important; } .maxh-xl-400px { max-height: 400px !important; } .maxh-xl-500px { max-height: 500px !important; } .maxh-xl-600px { max-height: 600px !important; } .maxh-xl-700px { max-height: 700px !important; } .maxh-xl-800px { max-height: 800px !important; } .maxh-xl-900px { max-height: 900px !important; } .maxh-xl-1000px { max-height: 1000px !important; } .maxh-xl-10vh { max-height: 10vh !important; } .maxh-xl-20vh { max-height: 20vh !important; } .maxh-xl-30vh { max-height: 30vh !important; } .maxh-xl-40vh { max-height: 40vh !important; } .maxh-xl-50vh { max-height: 50vh !important; } .maxh-xl-60vh { max-height: 60vh !important; } .maxh-xl-70vh { max-height: 70vh !important; } .maxh-xl-80vh { max-height: 80vh !important; } .maxh-xl-90vh { max-height: 90vh !important; } .maxh-xl-100vh { max-height: 100vh !important; } } @media screen and (min-width: 1587px) { .h-xlp-auto { height: auto !important; } .h-xlp-10 { height: 10% !important; } .h-xlp-20 { height: 20% !important; } .h-xlp-30 { height: 30% !important; } .h-xlp-40 { height: 40% !important; } .h-xlp-50 { height: 50% !important; } .h-xlp-60 { height: 60% !important; } .h-xlp-70 { height: 70% !important; } .h-xlp-80 { height: 80% !important; } .h-xlp-90 { height: 90% !important; } .h-xlp-100 { height: 100% !important; } .h-xlp-1px { height: 1px !important; } .h-xlp-2px { height: 2px !important; } .h-xlp-3px { height: 3px !important; } .h-xlp-4px { height: 4px !important; } .h-xlp-5px { height: 5px !important; } .h-xlp-6px { height: 6px !important; } .h-xlp-7px { height: 7px !important; } .h-xlp-8px { height: 8px !important; } .h-xlp-9px { height: 9px !important; } .h-xlp-10px { height: 10px !important; } .h-xlp-20px { height: 20px !important; } .h-xlp-30px { height: 30px !important; } .h-xlp-40px { height: 40px !important; } .h-xlp-50px { height: 50px !important; } .h-xlp-60px { height: 60px !important; } .h-xlp-70px { height: 70px !important; } .h-xlp-80px { height: 80px !important; } .h-xlp-90px { height: 90px !important; } .h-xlp-100px { height: 100px !important; } .h-xlp-110px { height: 110px !important; } .h-xlp-120px { height: 120px !important; } .h-xlp-130px { height: 130px !important; } .h-xlp-140px { height: 140px !important; } .h-xlp-150px { height: 150px !important; } .h-xlp-160px { height: 160px !important; } .h-xlp-170px { height: 170px !important; } .h-xlp-180px { height: 180px !important; } .h-xlp-190px { height: 190px !important; } .h-xlp-200px { height: 200px !important; } .h-xlp-210px { height: 210px !important; } .h-xlp-220px { height: 220px !important; } .h-xlp-230px { height: 230px !important; } .h-xlp-240px { height: 240px !important; } .h-xlp-250px { height: 250px !important; } .h-xlp-260px { height: 260px !important; } .h-xlp-270px { height: 270px !important; } .h-xlp-280px { height: 280px !important; } .h-xlp-290px { height: 290px !important; } .h-xlp-300px { height: 300px !important; } .h-xlp-400px { height: 400px !important; } .h-xlp-500px { height: 500px !important; } .h-xlp-600px { height: 600px !important; } .h-xlp-700px { height: 700px !important; } .h-xlp-800px { height: 800px !important; } .h-xlp-900px { height: 900px !important; } .h-xlp-1000px { height: 1000px !important; } .h-xlp-10vh { height: 10vh !important; } .h-xlp-20vh { height: 20vh !important; } .h-xlp-30vh { height: 30vh !important; } .h-xlp-40vh { height: 40vh !important; } .h-xlp-50vh { height: 50vh !important; } .h-xlp-60vh { height: 60vh !important; } .h-xlp-70vh { height: 70vh !important; } .h-xlp-80vh { height: 80vh !important; } .h-xlp-90vh { height: 90vh !important; } .h-xlp-100vh { height: 100vh !important; } .minh-xlp-10 { min-height: 10% !important; } .minh-xlp-20 { min-height: 20% !important; } .minh-xlp-30 { min-height: 30% !important; } .minh-xlp-40 { min-height: 40% !important; } .minh-xlp-50 { min-height: 50% !important; } .minh-xlp-60 { min-height: 60% !important; } .minh-xlp-70 { min-height: 70% !important; } .minh-xlp-80 { min-height: 80% !important; } .minh-xlp-90 { min-height: 90% !important; } .minh-xlp-100 { min-height: 100% !important; } .minh-xlp-1px { min-height: 1px !important; } .minh-xlp-2px { min-height: 2px !important; } .minh-xlp-3px { min-height: 3px !important; } .minh-xlp-4px { min-height: 4px !important; } .minh-xlp-5px { min-height: 5px !important; } .minh-xlp-6px { min-height: 6px !important; } .minh-xlp-7px { min-height: 7px !important; } .minh-xlp-8px { min-height: 8px !important; } .minh-xlp-9px { min-height: 9px !important; } .minh-xlp-10px { min-height: 10px !important; } .minh-xlp-20px { min-height: 20px !important; } .minh-xlp-30px { min-height: 30px !important; } .minh-xlp-40px { min-height: 40px !important; } .minh-xlp-50px { min-height: 50px !important; } .minh-xlp-60px { min-height: 60px !important; } .minh-xlp-70px { min-height: 70px !important; } .minh-xlp-80px { min-height: 80px !important; } .minh-xlp-90px { min-height: 90px !important; } .minh-xlp-100px { min-height: 100px !important; } .minh-xlp-110px { min-height: 110px !important; } .minh-xlp-120px { min-height: 120px !important; } .minh-xlp-130px { min-height: 130px !important; } .minh-xlp-140px { min-height: 140px !important; } .minh-xlp-150px { min-height: 150px !important; } .minh-xlp-160px { min-height: 160px !important; } .minh-xlp-170px { min-height: 170px !important; } .minh-xlp-180px { min-height: 180px !important; } .minh-xlp-190px { min-height: 190px !important; } .minh-xlp-200px { min-height: 200px !important; } .minh-xlp-210px { min-height: 210px !important; } .minh-xlp-220px { min-height: 220px !important; } .minh-xlp-230px { min-height: 230px !important; } .minh-xlp-240px { min-height: 240px !important; } .minh-xlp-250px { min-height: 250px !important; } .minh-xlp-260px { min-height: 260px !important; } .minh-xlp-270px { min-height: 270px !important; } .minh-xlp-280px { min-height: 280px !important; } .minh-xlp-290px { min-height: 290px !important; } .minh-xlp-300px { min-height: 300px !important; } .minh-xlp-400px { min-height: 400px !important; } .minh-xlp-500px { min-height: 500px !important; } .minh-xlp-600px { min-height: 600px !important; } .minh-xlp-700px { min-height: 700px !important; } .minh-xlp-800px { min-height: 800px !important; } .minh-xlp-900px { min-height: 900px !important; } .minh-xlp-1000px { min-height: 1000px !important; } .minh-xlp-10vh { min-height: 10vh !important; } .minh-xlp-20vh { min-height: 20vh !important; } .minh-xlp-30vh { min-height: 30vh !important; } .minh-xlp-40vh { min-height: 40vh !important; } .minh-xlp-50vh { min-height: 50vh !important; } .minh-xlp-60vh { min-height: 60vh !important; } .minh-xlp-70vh { min-height: 70vh !important; } .minh-xlp-80vh { min-height: 80vh !important; } .minh-xlp-90vh { min-height: 90vh !important; } .minh-xlp-100vh { min-height: 100vh !important; } .maxh-xlp-10 { max-height: 10% !important; } .maxh-xlp-20 { max-height: 20% !important; } .maxh-xlp-30 { max-height: 30% !important; } .maxh-xlp-40 { max-height: 40% !important; } .maxh-xlp-50 { max-height: 50% !important; } .maxh-xlp-60 { max-height: 60% !important; } .maxh-xlp-70 { max-height: 70% !important; } .maxh-xlp-80 { max-height: 80% !important; } .maxh-xlp-90 { max-height: 90% !important; } .maxh-xlp-100 { max-height: 100% !important; } .maxh-xlp-1px { max-height: 1px !important; } .maxh-xlp-2px { max-height: 2px !important; } .maxh-xlp-3px { max-height: 3px !important; } .maxh-xlp-4px { max-height: 4px !important; } .maxh-xlp-5px { max-height: 5px !important; } .maxh-xlp-6px { max-height: 6px !important; } .maxh-xlp-7px { max-height: 7px !important; } .maxh-xlp-8px { max-height: 8px !important; } .maxh-xlp-9px { max-height: 9px !important; } .maxh-xlp-10px { max-height: 10px !important; } .maxh-xlp-20px { max-height: 20px !important; } .maxh-xlp-30px { max-height: 30px !important; } .maxh-xlp-40px { max-height: 40px !important; } .maxh-xlp-50px { max-height: 50px !important; } .maxh-xlp-60px { max-height: 60px !important; } .maxh-xlp-70px { max-height: 70px !important; } .maxh-xlp-80px { max-height: 80px !important; } .maxh-xlp-90px { max-height: 90px !important; } .maxh-xlp-100px { max-height: 100px !important; } .maxh-xlp-110px { max-height: 110px !important; } .maxh-xlp-120px { max-height: 120px !important; } .maxh-xlp-130px { max-height: 130px !important; } .maxh-xlp-140px { max-height: 140px !important; } .maxh-xlp-150px { max-height: 150px !important; } .maxh-xlp-160px { max-height: 160px !important; } .maxh-xlp-170px { max-height: 170px !important; } .maxh-xlp-180px { max-height: 180px !important; } .maxh-xlp-190px { max-height: 190px !important; } .maxh-xlp-200px { max-height: 200px !important; } .maxh-xlp-210px { max-height: 210px !important; } .maxh-xlp-220px { max-height: 220px !important; } .maxh-xlp-230px { max-height: 230px !important; } .maxh-xlp-240px { max-height: 240px !important; } .maxh-xlp-250px { max-height: 250px !important; } .maxh-xlp-260px { max-height: 260px !important; } .maxh-xlp-270px { max-height: 270px !important; } .maxh-xlp-280px { max-height: 280px !important; } .maxh-xlp-290px { max-height: 290px !important; } .maxh-xlp-300px { max-height: 300px !important; } .maxh-xlp-400px { max-height: 400px !important; } .maxh-xlp-500px { max-height: 500px !important; } .maxh-xlp-600px { max-height: 600px !important; } .maxh-xlp-700px { max-height: 700px !important; } .maxh-xlp-800px { max-height: 800px !important; } .maxh-xlp-900px { max-height: 900px !important; } .maxh-xlp-1000px { max-height: 1000px !important; } .maxh-xlp-10vh { max-height: 10vh !important; } .maxh-xlp-20vh { max-height: 20vh !important; } .maxh-xlp-30vh { max-height: 30vh !important; } .maxh-xlp-40vh { max-height: 40vh !important; } .maxh-xlp-50vh { max-height: 50vh !important; } .maxh-xlp-60vh { max-height: 60vh !important; } .maxh-xlp-70vh { max-height: 70vh !important; } .maxh-xlp-80vh { max-height: 80vh !important; } .maxh-xlp-90vh { max-height: 90vh !important; } .maxh-xlp-100vh { max-height: 100vh !important; } } @media screen and (min-width: 1907px) { .h-xxl-auto { height: auto !important; } .h-xxl-10 { height: 10% !important; } .h-xxl-20 { height: 20% !important; } .h-xxl-30 { height: 30% !important; } .h-xxl-40 { height: 40% !important; } .h-xxl-50 { height: 50% !important; } .h-xxl-60 { height: 60% !important; } .h-xxl-70 { height: 70% !important; } .h-xxl-80 { height: 80% !important; } .h-xxl-90 { height: 90% !important; } .h-xxl-100 { height: 100% !important; } .h-xxl-1px { height: 1px !important; } .h-xxl-2px { height: 2px !important; } .h-xxl-3px { height: 3px !important; } .h-xxl-4px { height: 4px !important; } .h-xxl-5px { height: 5px !important; } .h-xxl-6px { height: 6px !important; } .h-xxl-7px { height: 7px !important; } .h-xxl-8px { height: 8px !important; } .h-xxl-9px { height: 9px !important; } .h-xxl-10px { height: 10px !important; } .h-xxl-20px { height: 20px !important; } .h-xxl-30px { height: 30px !important; } .h-xxl-40px { height: 40px !important; } .h-xxl-50px { height: 50px !important; } .h-xxl-60px { height: 60px !important; } .h-xxl-70px { height: 70px !important; } .h-xxl-80px { height: 80px !important; } .h-xxl-90px { height: 90px !important; } .h-xxl-100px { height: 100px !important; } .h-xxl-110px { height: 110px !important; } .h-xxl-120px { height: 120px !important; } .h-xxl-130px { height: 130px !important; } .h-xxl-140px { height: 140px !important; } .h-xxl-150px { height: 150px !important; } .h-xxl-160px { height: 160px !important; } .h-xxl-170px { height: 170px !important; } .h-xxl-180px { height: 180px !important; } .h-xxl-190px { height: 190px !important; } .h-xxl-200px { height: 200px !important; } .h-xxl-210px { height: 210px !important; } .h-xxl-220px { height: 220px !important; } .h-xxl-230px { height: 230px !important; } .h-xxl-240px { height: 240px !important; } .h-xxl-250px { height: 250px !important; } .h-xxl-260px { height: 260px !important; } .h-xxl-270px { height: 270px !important; } .h-xxl-280px { height: 280px !important; } .h-xxl-290px { height: 290px !important; } .h-xxl-300px { height: 300px !important; } .h-xxl-400px { height: 400px !important; } .h-xxl-500px { height: 500px !important; } .h-xxl-600px { height: 600px !important; } .h-xxl-700px { height: 700px !important; } .h-xxl-800px { height: 800px !important; } .h-xxl-900px { height: 900px !important; } .h-xxl-1000px { height: 1000px !important; } .h-xxl-10vh { height: 10vh !important; } .h-xxl-20vh { height: 20vh !important; } .h-xxl-30vh { height: 30vh !important; } .h-xxl-40vh { height: 40vh !important; } .h-xxl-50vh { height: 50vh !important; } .h-xxl-60vh { height: 60vh !important; } .h-xxl-70vh { height: 70vh !important; } .h-xxl-80vh { height: 80vh !important; } .h-xxl-90vh { height: 90vh !important; } .h-xxl-100vh { height: 100vh !important; } .minh-xxl-10 { min-height: 10% !important; } .minh-xxl-20 { min-height: 20% !important; } .minh-xxl-30 { min-height: 30% !important; } .minh-xxl-40 { min-height: 40% !important; } .minh-xxl-50 { min-height: 50% !important; } .minh-xxl-60 { min-height: 60% !important; } .minh-xxl-70 { min-height: 70% !important; } .minh-xxl-80 { min-height: 80% !important; } .minh-xxl-90 { min-height: 90% !important; } .minh-xxl-100 { min-height: 100% !important; } .minh-xxl-1px { min-height: 1px !important; } .minh-xxl-2px { min-height: 2px !important; } .minh-xxl-3px { min-height: 3px !important; } .minh-xxl-4px { min-height: 4px !important; } .minh-xxl-5px { min-height: 5px !important; } .minh-xxl-6px { min-height: 6px !important; } .minh-xxl-7px { min-height: 7px !important; } .minh-xxl-8px { min-height: 8px !important; } .minh-xxl-9px { min-height: 9px !important; } .minh-xxl-10px { min-height: 10px !important; } .minh-xxl-20px { min-height: 20px !important; } .minh-xxl-30px { min-height: 30px !important; } .minh-xxl-40px { min-height: 40px !important; } .minh-xxl-50px { min-height: 50px !important; } .minh-xxl-60px { min-height: 60px !important; } .minh-xxl-70px { min-height: 70px !important; } .minh-xxl-80px { min-height: 80px !important; } .minh-xxl-90px { min-height: 90px !important; } .minh-xxl-100px { min-height: 100px !important; } .minh-xxl-110px { min-height: 110px !important; } .minh-xxl-120px { min-height: 120px !important; } .minh-xxl-130px { min-height: 130px !important; } .minh-xxl-140px { min-height: 140px !important; } .minh-xxl-150px { min-height: 150px !important; } .minh-xxl-160px { min-height: 160px !important; } .minh-xxl-170px { min-height: 170px !important; } .minh-xxl-180px { min-height: 180px !important; } .minh-xxl-190px { min-height: 190px !important; } .minh-xxl-200px { min-height: 200px !important; } .minh-xxl-210px { min-height: 210px !important; } .minh-xxl-220px { min-height: 220px !important; } .minh-xxl-230px { min-height: 230px !important; } .minh-xxl-240px { min-height: 240px !important; } .minh-xxl-250px { min-height: 250px !important; } .minh-xxl-260px { min-height: 260px !important; } .minh-xxl-270px { min-height: 270px !important; } .minh-xxl-280px { min-height: 280px !important; } .minh-xxl-290px { min-height: 290px !important; } .minh-xxl-300px { min-height: 300px !important; } .minh-xxl-400px { min-height: 400px !important; } .minh-xxl-500px { min-height: 500px !important; } .minh-xxl-600px { min-height: 600px !important; } .minh-xxl-700px { min-height: 700px !important; } .minh-xxl-800px { min-height: 800px !important; } .minh-xxl-900px { min-height: 900px !important; } .minh-xxl-1000px { min-height: 1000px !important; } .minh-xxl-10vh { min-height: 10vh !important; } .minh-xxl-20vh { min-height: 20vh !important; } .minh-xxl-30vh { min-height: 30vh !important; } .minh-xxl-40vh { min-height: 40vh !important; } .minh-xxl-50vh { min-height: 50vh !important; } .minh-xxl-60vh { min-height: 60vh !important; } .minh-xxl-70vh { min-height: 70vh !important; } .minh-xxl-80vh { min-height: 80vh !important; } .minh-xxl-90vh { min-height: 90vh !important; } .minh-xxl-100vh { min-height: 100vh !important; } .maxh-xxl-10 { max-height: 10% !important; } .maxh-xxl-20 { max-height: 20% !important; } .maxh-xxl-30 { max-height: 30% !important; } .maxh-xxl-40 { max-height: 40% !important; } .maxh-xxl-50 { max-height: 50% !important; } .maxh-xxl-60 { max-height: 60% !important; } .maxh-xxl-70 { max-height: 70% !important; } .maxh-xxl-80 { max-height: 80% !important; } .maxh-xxl-90 { max-height: 90% !important; } .maxh-xxl-100 { max-height: 100% !important; } .maxh-xxl-1px { max-height: 1px !important; } .maxh-xxl-2px { max-height: 2px !important; } .maxh-xxl-3px { max-height: 3px !important; } .maxh-xxl-4px { max-height: 4px !important; } .maxh-xxl-5px { max-height: 5px !important; } .maxh-xxl-6px { max-height: 6px !important; } .maxh-xxl-7px { max-height: 7px !important; } .maxh-xxl-8px { max-height: 8px !important; } .maxh-xxl-9px { max-height: 9px !important; } .maxh-xxl-10px { max-height: 10px !important; } .maxh-xxl-20px { max-height: 20px !important; } .maxh-xxl-30px { max-height: 30px !important; } .maxh-xxl-40px { max-height: 40px !important; } .maxh-xxl-50px { max-height: 50px !important; } .maxh-xxl-60px { max-height: 60px !important; } .maxh-xxl-70px { max-height: 70px !important; } .maxh-xxl-80px { max-height: 80px !important; } .maxh-xxl-90px { max-height: 90px !important; } .maxh-xxl-100px { max-height: 100px !important; } .maxh-xxl-110px { max-height: 110px !important; } .maxh-xxl-120px { max-height: 120px !important; } .maxh-xxl-130px { max-height: 130px !important; } .maxh-xxl-140px { max-height: 140px !important; } .maxh-xxl-150px { max-height: 150px !important; } .maxh-xxl-160px { max-height: 160px !important; } .maxh-xxl-170px { max-height: 170px !important; } .maxh-xxl-180px { max-height: 180px !important; } .maxh-xxl-190px { max-height: 190px !important; } .maxh-xxl-200px { max-height: 200px !important; } .maxh-xxl-210px { max-height: 210px !important; } .maxh-xxl-220px { max-height: 220px !important; } .maxh-xxl-230px { max-height: 230px !important; } .maxh-xxl-240px { max-height: 240px !important; } .maxh-xxl-250px { max-height: 250px !important; } .maxh-xxl-260px { max-height: 260px !important; } .maxh-xxl-270px { max-height: 270px !important; } .maxh-xxl-280px { max-height: 280px !important; } .maxh-xxl-290px { max-height: 290px !important; } .maxh-xxl-300px { max-height: 300px !important; } .maxh-xxl-400px { max-height: 400px !important; } .maxh-xxl-500px { max-height: 500px !important; } .maxh-xxl-600px { max-height: 600px !important; } .maxh-xxl-700px { max-height: 700px !important; } .maxh-xxl-800px { max-height: 800px !important; } .maxh-xxl-900px { max-height: 900px !important; } .maxh-xxl-1000px { max-height: 1000px !important; } .maxh-xxl-10vh { max-height: 10vh !important; } .maxh-xxl-20vh { max-height: 20vh !important; } .maxh-xxl-30vh { max-height: 30vh !important; } .maxh-xxl-40vh { max-height: 40vh !important; } .maxh-xxl-50vh { max-height: 50vh !important; } .maxh-xxl-60vh { max-height: 60vh !important; } .maxh-xxl-70vh { max-height: 70vh !important; } .maxh-xxl-80vh { max-height: 80vh !important; } .maxh-xxl-90vh { max-height: 90vh !important; } .maxh-xxl-100vh { max-height: 100vh !important; } } .w-10vw { width: 10vw !important; } .w-20vw { width: 20vw !important; } .w-30vw { width: 30vw !important; } .w-40vw { width: 40vw !important; } .w-50vw { width: 50vw !important; } .w-60vw { width: 60vw !important; } .w-70vw { width: 70vw !important; } .w-80vw { width: 80vw !important; } .w-90vw { width: 90vw !important; } .w-100vw { width: 100vw !important; } .win-10vw { min-width: 10vw !important; } .win-20vw { min-width: 20vw !important; } .win-30vw { min-width: 30vw !important; } .win-40vw { min-width: 40vw !important; } .win-50vw { min-width: 50vw !important; } .win-60vw { min-width: 60vw !important; } .win-70vw { min-width: 70vw !important; } .win-80vw { min-width: 80vw !important; } .win-90vw { min-width: 90vw !important; } .win-100vw { min-width: 100vw !important; } .max-w-10vw { max-width: 10vw !important; } .max-w-20vw { max-width: 20vw !important; } .max-w-30vw { max-width: 30vw !important; } .max-w-40vw { max-width: 40vw !important; } .max-w-50vw { max-width: 50vw !important; } .max-w-60vw { max-width: 60vw !important; } .max-w-70vw { max-width: 70vw !important; } .max-w-80vw { max-width: 80vw !important; } .max-w-90vw { max-width: 90vw !important; } .max-w-100vw { max-width: 100vw !important; } @media screen and (min-width: 420px) { .w-sm-10vw { width: 10vw !important; } .w-sm-20vw { width: 20vw !important; } .w-sm-30vw { width: 30vw !important; } .w-sm-40vw { width: 40vw !important; } .w-sm-50vw { width: 50vw !important; } .w-sm-60vw { width: 60vw !important; } .w-sm-70vw { width: 70vw !important; } .w-sm-80vw { width: 80vw !important; } .w-sm-90vw { width: 90vw !important; } .w-sm-100vw { width: 100vw !important; } .win-sm-10vw { min-width: 10vw !important; } .win-sm-20vw { min-width: 20vw !important; } .win-sm-30vw { min-width: 30vw !important; } .win-sm-40vw { min-width: 40vw !important; } .win-sm-50vw { min-width: 50vw !important; } .win-sm-60vw { min-width: 60vw !important; } .win-sm-70vw { min-width: 70vw !important; } .win-sm-80vw { min-width: 80vw !important; } .win-sm-90vw { min-width: 90vw !important; } .win-sm-100vw { min-width: 100vw !important; } .max-w-sm-10vw { max-width: 10vw !important; } .max-w-sm-20vw { max-width: 20vw !important; } .max-w-sm-30vw { max-width: 30vw !important; } .max-w-sm-40vw { max-width: 40vw !important; } .max-w-sm-50vw { max-width: 50vw !important; } .max-w-sm-60vw { max-width: 60vw !important; } .max-w-sm-70vw { max-width: 70vw !important; } .max-w-sm-80vw { max-width: 80vw !important; } .max-w-sm-90vw { max-width: 90vw !important; } .max-w-sm-100vw { max-width: 100vw !important; } } @media screen and (min-width: 768px) { .w-md-10vw { width: 10vw !important; } .w-md-20vw { width: 20vw !important; } .w-md-30vw { width: 30vw !important; } .w-md-40vw { width: 40vw !important; } .w-md-50vw { width: 50vw !important; } .w-md-60vw { width: 60vw !important; } .w-md-70vw { width: 70vw !important; } .w-md-80vw { width: 80vw !important; } .w-md-90vw { width: 90vw !important; } .w-md-100vw { width: 100vw !important; } .win-md-10vw { min-width: 10vw !important; } .win-md-20vw { min-width: 20vw !important; } .win-md-30vw { min-width: 30vw !important; } .win-md-40vw { min-width: 40vw !important; } .win-md-50vw { min-width: 50vw !important; } .win-md-60vw { min-width: 60vw !important; } .win-md-70vw { min-width: 70vw !important; } .win-md-80vw { min-width: 80vw !important; } .win-md-90vw { min-width: 90vw !important; } .win-md-100vw { min-width: 100vw !important; } .max-w-md-10vw { max-width: 10vw !important; } .max-w-md-20vw { max-width: 20vw !important; } .max-w-md-30vw { max-width: 30vw !important; } .max-w-md-40vw { max-width: 40vw !important; } .max-w-md-50vw { max-width: 50vw !important; } .max-w-md-60vw { max-width: 60vw !important; } .max-w-md-70vw { max-width: 70vw !important; } .max-w-md-80vw { max-width: 80vw !important; } .max-w-md-90vw { max-width: 90vw !important; } .max-w-md-100vw { max-width: 100vw !important; } } @media screen and (min-width: 1024px) { .w-lg-10vw { width: 10vw !important; } .w-lg-20vw { width: 20vw !important; } .w-lg-30vw { width: 30vw !important; } .w-lg-40vw { width: 40vw !important; } .w-lg-50vw { width: 50vw !important; } .w-lg-60vw { width: 60vw !important; } .w-lg-70vw { width: 70vw !important; } .w-lg-80vw { width: 80vw !important; } .w-lg-90vw { width: 90vw !important; } .w-lg-100vw { width: 100vw !important; } .win-lg-10vw { min-width: 10vw !important; } .win-lg-20vw { min-width: 20vw !important; } .win-lg-30vw { min-width: 30vw !important; } .win-lg-40vw { min-width: 40vw !important; } .win-lg-50vw { min-width: 50vw !important; } .win-lg-60vw { min-width: 60vw !important; } .win-lg-70vw { min-width: 70vw !important; } .win-lg-80vw { min-width: 80vw !important; } .win-lg-90vw { min-width: 90vw !important; } .win-lg-100vw { min-width: 100vw !important; } .max-w-lg-10vw { max-width: 10vw !important; } .max-w-lg-20vw { max-width: 20vw !important; } .max-w-lg-30vw { max-width: 30vw !important; } .max-w-lg-40vw { max-width: 40vw !important; } .max-w-lg-50vw { max-width: 50vw !important; } .max-w-lg-60vw { max-width: 60vw !important; } .max-w-lg-70vw { max-width: 70vw !important; } .max-w-lg-80vw { max-width: 80vw !important; } .max-w-lg-90vw { max-width: 90vw !important; } .max-w-lg-100vw { max-width: 100vw !important; } } @media screen and (min-width: 1224px) { .w-xl-10vw { width: 10vw !important; } .w-xl-20vw { width: 20vw !important; } .w-xl-30vw { width: 30vw !important; } .w-xl-40vw { width: 40vw !important; } .w-xl-50vw { width: 50vw !important; } .w-xl-60vw { width: 60vw !important; } .w-xl-70vw { width: 70vw !important; } .w-xl-80vw { width: 80vw !important; } .w-xl-90vw { width: 90vw !important; } .w-xl-100vw { width: 100vw !important; } .win-xl-10vw { min-width: 10vw !important; } .win-xl-20vw { min-width: 20vw !important; } .win-xl-30vw { min-width: 30vw !important; } .win-xl-40vw { min-width: 40vw !important; } .win-xl-50vw { min-width: 50vw !important; } .win-xl-60vw { min-width: 60vw !important; } .win-xl-70vw { min-width: 70vw !important; } .win-xl-80vw { min-width: 80vw !important; } .win-xl-90vw { min-width: 90vw !important; } .win-xl-100vw { min-width: 100vw !important; } .max-w-xl-10vw { max-width: 10vw !important; } .max-w-xl-20vw { max-width: 20vw !important; } .max-w-xl-30vw { max-width: 30vw !important; } .max-w-xl-40vw { max-width: 40vw !important; } .max-w-xl-50vw { max-width: 50vw !important; } .max-w-xl-60vw { max-width: 60vw !important; } .max-w-xl-70vw { max-width: 70vw !important; } .max-w-xl-80vw { max-width: 80vw !important; } .max-w-xl-90vw { max-width: 90vw !important; } .max-w-xl-100vw { max-width: 100vw !important; } } @media screen and (min-width: 1587px) { .w-xlp-10vw { width: 10vw !important; } .w-xlp-20vw { width: 20vw !important; } .w-xlp-30vw { width: 30vw !important; } .w-xlp-40vw { width: 40vw !important; } .w-xlp-50vw { width: 50vw !important; } .w-xlp-60vw { width: 60vw !important; } .w-xlp-70vw { width: 70vw !important; } .w-xlp-80vw { width: 80vw !important; } .w-xlp-90vw { width: 90vw !important; } .w-xlp-100vw { width: 100vw !important; } .win-xlp-10vw { min-width: 10vw !important; } .win-xlp-20vw { min-width: 20vw !important; } .win-xlp-30vw { min-width: 30vw !important; } .win-xlp-40vw { min-width: 40vw !important; } .win-xlp-50vw { min-width: 50vw !important; } .win-xlp-60vw { min-width: 60vw !important; } .win-xlp-70vw { min-width: 70vw !important; } .win-xlp-80vw { min-width: 80vw !important; } .win-xlp-90vw { min-width: 90vw !important; } .win-xlp-100vw { min-width: 100vw !important; } .max-w-xlp-10vw { max-width: 10vw !important; } .max-w-xlp-20vw { max-width: 20vw !important; } .max-w-xlp-30vw { max-width: 30vw !important; } .max-w-xlp-40vw { max-width: 40vw !important; } .max-w-xlp-50vw { max-width: 50vw !important; } .max-w-xlp-60vw { max-width: 60vw !important; } .max-w-xlp-70vw { max-width: 70vw !important; } .max-w-xlp-80vw { max-width: 80vw !important; } .max-w-xlp-90vw { max-width: 90vw !important; } .max-w-xlp-100vw { max-width: 100vw !important; } } @media screen and (min-width: 1907px) { .w-xxl-10vw { width: 10vw !important; } .w-xxl-20vw { width: 20vw !important; } .w-xxl-30vw { width: 30vw !important; } .w-xxl-40vw { width: 40vw !important; } .w-xxl-50vw { width: 50vw !important; } .w-xxl-60vw { width: 60vw !important; } .w-xxl-70vw { width: 70vw !important; } .w-xxl-80vw { width: 80vw !important; } .w-xxl-90vw { width: 90vw !important; } .w-xxl-100vw { width: 100vw !important; } .win-xxl-10vw { min-width: 10vw !important; } .win-xxl-20vw { min-width: 20vw !important; } .win-xxl-30vw { min-width: 30vw !important; } .win-xxl-40vw { min-width: 40vw !important; } .win-xxl-50vw { min-width: 50vw !important; } .win-xxl-60vw { min-width: 60vw !important; } .win-xxl-70vw { min-width: 70vw !important; } .win-xxl-80vw { min-width: 80vw !important; } .win-xxl-90vw { min-width: 90vw !important; } .win-xxl-100vw { min-width: 100vw !important; } .max-w-xxl-10vw { max-width: 10vw !important; } .max-w-xxl-20vw { max-width: 20vw !important; } .max-w-xxl-30vw { max-width: 30vw !important; } .max-w-xxl-40vw { max-width: 40vw !important; } .max-w-xxl-50vw { max-width: 50vw !important; } .max-w-xxl-60vw { max-width: 60vw !important; } .max-w-xxl-70vw { max-width: 70vw !important; } .max-w-xxl-80vw { max-width: 80vw !important; } .max-w-xxl-90vw { max-width: 90vw !important; } .max-w-xxl-100vw { max-width: 100vw !important; } } .w-auto { width: auto !important; } .w-10 { width: 10% !important; } .w-20 { width: 20% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-100 { width: 100% !important; } .w-1px { width: 1px !important; } .w-2px { width: 2px !important; } .w-3px { width: 3px !important; } .w-4px { width: 4px !important; } .w-5px { width: 5px !important; } .w-6px { width: 6px !important; } .w-7px { width: 7px !important; } .w-8px { width: 8px !important; } .w-9px { width: 9px !important; } .w-10px { width: 10px !important; } .w-20px { width: 20px !important; } .w-30px { width: 30px !important; } .w-40px { width: 40px !important; } .w-50px { width: 50px !important; } .w-60px { width: 60px !important; } .w-70px { width: 70px !important; } .w-80px { width: 80px !important; } .w-90px { width: 90px !important; } .w-100px { width: 100px !important; } .w-110px { width: 110px !important; } .w-120px { width: 120px !important; } .w-130px { width: 130px !important; } .w-140px { width: 140px !important; } .w-150px { width: 150px !important; } .w-160px { width: 160px !important; } .w-170px { width: 170px !important; } .w-180px { width: 180px !important; } .w-190px { width: 190px !important; } .w-200px { width: 200px !important; } .w-210px { width: 210px !important; } .w-220px { width: 220px !important; } .w-230px { width: 230px !important; } .w-240px { width: 240px !important; } .w-250px { width: 250px !important; } .w-260px { width: 260px !important; } .w-270px { width: 270px !important; } .w-280px { width: 280px !important; } .w-290px { width: 290px !important; } .w-300px { width: 300px !important; } .w-400px { width: 400px !important; } .w-500px { width: 500px !important; } .w-600px { width: 600px !important; } .w-700px { width: 700px !important; } .w-800px { width: 800px !important; } .w-900px { width: 900px !important; } .w-1000px { width: 1000px !important; } .minw-10 { min-width: 10% !important; } .minw-20 { min-width: 20% !important; } .minw-30 { min-width: 30% !important; } .minw-40 { min-width: 40% !important; } .minw-50 { min-width: 50% !important; } .minw-60 { min-width: 60% !important; } .minw-70 { min-width: 70% !important; } .minw-80 { min-width: 80% !important; } .minw-90 { min-width: 90% !important; } .minw-100 { min-width: 100% !important; } .minw-1px { min-width: 1px !important; } .minw-2px { min-width: 2px !important; } .minw-3px { min-width: 3px !important; } .minw-4px { min-width: 4px !important; } .minw-5px { min-width: 5px !important; } .minw-6px { min-width: 6px !important; } .minw-7px { min-width: 7px !important; } .minw-8px { min-width: 8px !important; } .minw-9px { min-width: 9px !important; } .minw-10px { min-width: 10px !important; } .minw-20px { min-width: 20px !important; } .minw-30px { min-width: 30px !important; } .minw-40px { min-width: 40px !important; } .minw-50px { min-width: 50px !important; } .minw-60px { min-width: 60px !important; } .minw-70px { min-width: 70px !important; } .minw-80px { min-width: 80px !important; } .minw-90px { min-width: 90px !important; } .minw-100px { min-width: 100px !important; } .minw-110px { min-width: 110px !important; } .minw-120px { min-width: 120px !important; } .minw-130px { min-width: 130px !important; } .minw-140px { min-width: 140px !important; } .minw-150px { min-width: 150px !important; } .minw-160px { min-width: 160px !important; } .minw-170px { min-width: 170px !important; } .minw-180px { min-width: 180px !important; } .minw-190px { min-width: 190px !important; } .minw-200px { min-width: 200px !important; } .minw-210px { min-width: 210px !important; } .minw-220px { min-width: 220px !important; } .minw-230px { min-width: 230px !important; } .minw-240px { min-width: 240px !important; } .minw-250px { min-width: 250px !important; } .minw-260px { min-width: 260px !important; } .minw-270px { min-width: 270px !important; } .minw-280px { min-width: 280px !important; } .minw-290px { min-width: 290px !important; } .minw-300px { min-width: 300px !important; } .minw-400px { min-width: 400px !important; } .minw-500px { min-width: 500px !important; } .minw-600px { min-width: 600px !important; } .minw-700px { min-width: 700px !important; } .minw-800px { min-width: 800px !important; } .minw-900px { min-width: 900px !important; } .minw-1000px { min-width: 1000px !important; } .maxw-10 { max-width: 10% !important; } .maxw-20 { max-width: 20% !important; } .maxw-30 { max-width: 30% !important; } .maxw-40 { max-width: 40% !important; } .maxw-50 { max-width: 50% !important; } .maxw-60 { max-width: 60% !important; } .maxw-70 { max-width: 70% !important; } .maxw-80 { max-width: 80% !important; } .maxw-90 { max-width: 90% !important; } .maxw-100 { max-width: 100% !important; } .maxw-1px { max-width: 1px !important; } .maxw-2px { max-width: 2px !important; } .maxw-3px { max-width: 3px !important; } .maxw-4px { max-width: 4px !important; } .maxw-5px { max-width: 5px !important; } .maxw-6px { max-width: 6px !important; } .maxw-7px { max-width: 7px !important; } .maxw-8px { max-width: 8px !important; } .maxw-9px { max-width: 9px !important; } .maxw-10px { max-width: 10px !important; } .maxw-20px { max-width: 20px !important; } .maxw-30px { max-width: 30px !important; } .maxw-40px { max-width: 40px !important; } .maxw-50px { max-width: 50px !important; } .maxw-60px { max-width: 60px !important; } .maxw-70px { max-width: 70px !important; } .maxw-80px { max-width: 80px !important; } .maxw-90px { max-width: 90px !important; } .maxw-100px { max-width: 100px !important; } .maxw-110px { max-width: 110px !important; } .maxw-120px { max-width: 120px !important; } .maxw-130px { max-width: 130px !important; } .maxw-140px { max-width: 140px !important; } .maxw-150px { max-width: 150px !important; } .maxw-160px { max-width: 160px !important; } .maxw-170px { max-width: 170px !important; } .maxw-180px { max-width: 180px !important; } .maxw-190px { max-width: 190px !important; } .maxw-200px { max-width: 200px !important; } .maxw-210px { max-width: 210px !important; } .maxw-220px { max-width: 220px !important; } .maxw-230px { max-width: 230px !important; } .maxw-240px { max-width: 240px !important; } .maxw-250px { max-width: 250px !important; } .maxw-260px { max-width: 260px !important; } .maxw-270px { max-width: 270px !important; } .maxw-280px { max-width: 280px !important; } .maxw-290px { max-width: 290px !important; } .maxw-300px { max-width: 300px !important; } .maxw-400px { max-width: 400px !important; } .maxw-500px { max-width: 500px !important; } .maxw-600px { max-width: 600px !important; } .maxw-700px { max-width: 700px !important; } .maxw-800px { max-width: 800px !important; } .maxw-900px { max-width: 900px !important; } .maxw-1000px { max-width: 1000px !important; } @media screen and (min-width: 420px) { .w-sm-auto { width: auto !important; } .w-sm-10 { width: 10% !important; } .w-sm-20 { width: 20% !important; } .w-sm-30 { width: 30% !important; } .w-sm-40 { width: 40% !important; } .w-sm-50 { width: 50% !important; } .w-sm-60 { width: 60% !important; } .w-sm-70 { width: 70% !important; } .w-sm-80 { width: 80% !important; } .w-sm-90 { width: 90% !important; } .w-sm-100 { width: 100% !important; } .w-sm-1px { width: 1px !important; } .w-sm-2px { width: 2px !important; } .w-sm-3px { width: 3px !important; } .w-sm-4px { width: 4px !important; } .w-sm-5px { width: 5px !important; } .w-sm-6px { width: 6px !important; } .w-sm-7px { width: 7px !important; } .w-sm-8px { width: 8px !important; } .w-sm-9px { width: 9px !important; } .w-sm-10px { width: 10px !important; } .w-sm-20px { width: 20px !important; } .w-sm-30px { width: 30px !important; } .w-sm-40px { width: 40px !important; } .w-sm-50px { width: 50px !important; } .w-sm-60px { width: 60px !important; } .w-sm-70px { width: 70px !important; } .w-sm-80px { width: 80px !important; } .w-sm-90px { width: 90px !important; } .w-sm-100px { width: 100px !important; } .w-sm-110px { width: 110px !important; } .w-sm-120px { width: 120px !important; } .w-sm-130px { width: 130px !important; } .w-sm-140px { width: 140px !important; } .w-sm-150px { width: 150px !important; } .w-sm-160px { width: 160px !important; } .w-sm-170px { width: 170px !important; } .w-sm-180px { width: 180px !important; } .w-sm-190px { width: 190px !important; } .w-sm-200px { width: 200px !important; } .w-sm-210px { width: 210px !important; } .w-sm-220px { width: 220px !important; } .w-sm-230px { width: 230px !important; } .w-sm-240px { width: 240px !important; } .w-sm-250px { width: 250px !important; } .w-sm-260px { width: 260px !important; } .w-sm-270px { width: 270px !important; } .w-sm-280px { width: 280px !important; } .w-sm-290px { width: 290px !important; } .w-sm-300px { width: 300px !important; } .w-sm-400px { width: 400px !important; } .w-sm-500px { width: 500px !important; } .w-sm-600px { width: 600px !important; } .w-sm-700px { width: 700px !important; } .w-sm-800px { width: 800px !important; } .w-sm-900px { width: 900px !important; } .w-sm-1000px { width: 1000px !important; } .minw-sm-10 { min-width: 10% !important; } .minw-sm-20 { min-width: 20% !important; } .minw-sm-30 { min-width: 30% !important; } .minw-sm-40 { min-width: 40% !important; } .minw-sm-50 { min-width: 50% !important; } .minw-sm-60 { min-width: 60% !important; } .minw-sm-70 { min-width: 70% !important; } .minw-sm-80 { min-width: 80% !important; } .minw-sm-90 { min-width: 90% !important; } .minw-sm-100 { min-width: 100% !important; } .minw-sm-1px { min-width: 1px !important; } .minw-sm-2px { min-width: 2px !important; } .minw-sm-3px { min-width: 3px !important; } .minw-sm-4px { min-width: 4px !important; } .minw-sm-5px { min-width: 5px !important; } .minw-sm-6px { min-width: 6px !important; } .minw-sm-7px { min-width: 7px !important; } .minw-sm-8px { min-width: 8px !important; } .minw-sm-9px { min-width: 9px !important; } .minw-sm-10px { min-width: 10px !important; } .minw-sm-20px { min-width: 20px !important; } .minw-sm-30px { min-width: 30px !important; } .minw-sm-40px { min-width: 40px !important; } .minw-sm-50px { min-width: 50px !important; } .minw-sm-60px { min-width: 60px !important; } .minw-sm-70px { min-width: 70px !important; } .minw-sm-80px { min-width: 80px !important; } .minw-sm-90px { min-width: 90px !important; } .minw-sm-100px { min-width: 100px !important; } .minw-sm-110px { min-width: 110px !important; } .minw-sm-120px { min-width: 120px !important; } .minw-sm-130px { min-width: 130px !important; } .minw-sm-140px { min-width: 140px !important; } .minw-sm-150px { min-width: 150px !important; } .minw-sm-160px { min-width: 160px !important; } .minw-sm-170px { min-width: 170px !important; } .minw-sm-180px { min-width: 180px !important; } .minw-sm-190px { min-width: 190px !important; } .minw-sm-200px { min-width: 200px !important; } .minw-sm-210px { min-width: 210px !important; } .minw-sm-220px { min-width: 220px !important; } .minw-sm-230px { min-width: 230px !important; } .minw-sm-240px { min-width: 240px !important; } .minw-sm-250px { min-width: 250px !important; } .minw-sm-260px { min-width: 260px !important; } .minw-sm-270px { min-width: 270px !important; } .minw-sm-280px { min-width: 280px !important; } .minw-sm-290px { min-width: 290px !important; } .minw-sm-300px { min-width: 300px !important; } .minw-sm-400px { min-width: 400px !important; } .minw-sm-500px { min-width: 500px !important; } .minw-sm-600px { min-width: 600px !important; } .minw-sm-700px { min-width: 700px !important; } .minw-sm-800px { min-width: 800px !important; } .minw-sm-900px { min-width: 900px !important; } .minw-sm-1000px { min-width: 1000px !important; } .maxw-sm-10 { max-width: 10% !important; } .maxw-sm-20 { max-width: 20% !important; } .maxw-sm-30 { max-width: 30% !important; } .maxw-sm-40 { max-width: 40% !important; } .maxw-sm-50 { max-width: 50% !important; } .maxw-sm-60 { max-width: 60% !important; } .maxw-sm-70 { max-width: 70% !important; } .maxw-sm-80 { max-width: 80% !important; } .maxw-sm-90 { max-width: 90% !important; } .maxw-sm-100 { max-width: 100% !important; } .maxw-sm-1px { max-width: 1px !important; } .maxw-sm-2px { max-width: 2px !important; } .maxw-sm-3px { max-width: 3px !important; } .maxw-sm-4px { max-width: 4px !important; } .maxw-sm-5px { max-width: 5px !important; } .maxw-sm-6px { max-width: 6px !important; } .maxw-sm-7px { max-width: 7px !important; } .maxw-sm-8px { max-width: 8px !important; } .maxw-sm-9px { max-width: 9px !important; } .maxw-sm-10px { max-width: 10px !important; } .maxw-sm-20px { max-width: 20px !important; } .maxw-sm-30px { max-width: 30px !important; } .maxw-sm-40px { max-width: 40px !important; } .maxw-sm-50px { max-width: 50px !important; } .maxw-sm-60px { max-width: 60px !important; } .maxw-sm-70px { max-width: 70px !important; } .maxw-sm-80px { max-width: 80px !important; } .maxw-sm-90px { max-width: 90px !important; } .maxw-sm-100px { max-width: 100px !important; } .maxw-sm-110px { max-width: 110px !important; } .maxw-sm-120px { max-width: 120px !important; } .maxw-sm-130px { max-width: 130px !important; } .maxw-sm-140px { max-width: 140px !important; } .maxw-sm-150px { max-width: 150px !important; } .maxw-sm-160px { max-width: 160px !important; } .maxw-sm-170px { max-width: 170px !important; } .maxw-sm-180px { max-width: 180px !important; } .maxw-sm-190px { max-width: 190px !important; } .maxw-sm-200px { max-width: 200px !important; } .maxw-sm-210px { max-width: 210px !important; } .maxw-sm-220px { max-width: 220px !important; } .maxw-sm-230px { max-width: 230px !important; } .maxw-sm-240px { max-width: 240px !important; } .maxw-sm-250px { max-width: 250px !important; } .maxw-sm-260px { max-width: 260px !important; } .maxw-sm-270px { max-width: 270px !important; } .maxw-sm-280px { max-width: 280px !important; } .maxw-sm-290px { max-width: 290px !important; } .maxw-sm-300px { max-width: 300px !important; } .maxw-sm-400px { max-width: 400px !important; } .maxw-sm-500px { max-width: 500px !important; } .maxw-sm-600px { max-width: 600px !important; } .maxw-sm-700px { max-width: 700px !important; } .maxw-sm-800px { max-width: 800px !important; } .maxw-sm-900px { max-width: 900px !important; } .maxw-sm-1000px { max-width: 1000px !important; } } @media screen and (min-width: 768px) { .w-md-auto { width: auto !important; } .w-md-10 { width: 10% !important; } .w-md-20 { width: 20% !important; } .w-md-30 { width: 30% !important; } .w-md-40 { width: 40% !important; } .w-md-50 { width: 50% !important; } .w-md-60 { width: 60% !important; } .w-md-70 { width: 70% !important; } .w-md-80 { width: 80% !important; } .w-md-90 { width: 90% !important; } .w-md-100 { width: 100% !important; } .w-md-1px { width: 1px !important; } .w-md-2px { width: 2px !important; } .w-md-3px { width: 3px !important; } .w-md-4px { width: 4px !important; } .w-md-5px { width: 5px !important; } .w-md-6px { width: 6px !important; } .w-md-7px { width: 7px !important; } .w-md-8px { width: 8px !important; } .w-md-9px { width: 9px !important; } .w-md-10px { width: 10px !important; } .w-md-20px { width: 20px !important; } .w-md-30px { width: 30px !important; } .w-md-40px { width: 40px !important; } .w-md-50px { width: 50px !important; } .w-md-60px { width: 60px !important; } .w-md-70px { width: 70px !important; } .w-md-80px { width: 80px !important; } .w-md-90px { width: 90px !important; } .w-md-100px { width: 100px !important; } .w-md-110px { width: 110px !important; } .w-md-120px { width: 120px !important; } .w-md-130px { width: 130px !important; } .w-md-140px { width: 140px !important; } .w-md-150px { width: 150px !important; } .w-md-160px { width: 160px !important; } .w-md-170px { width: 170px !important; } .w-md-180px { width: 180px !important; } .w-md-190px { width: 190px !important; } .w-md-200px { width: 200px !important; } .w-md-210px { width: 210px !important; } .w-md-220px { width: 220px !important; } .w-md-230px { width: 230px !important; } .w-md-240px { width: 240px !important; } .w-md-250px { width: 250px !important; } .w-md-260px { width: 260px !important; } .w-md-270px { width: 270px !important; } .w-md-280px { width: 280px !important; } .w-md-290px { width: 290px !important; } .w-md-300px { width: 300px !important; } .w-md-400px { width: 400px !important; } .w-md-500px { width: 500px !important; } .w-md-600px { width: 600px !important; } .w-md-700px { width: 700px !important; } .w-md-800px { width: 800px !important; } .w-md-900px { width: 900px !important; } .w-md-1000px { width: 1000px !important; } .minw-md-10 { min-width: 10% !important; } .minw-md-20 { min-width: 20% !important; } .minw-md-30 { min-width: 30% !important; } .minw-md-40 { min-width: 40% !important; } .minw-md-50 { min-width: 50% !important; } .minw-md-60 { min-width: 60% !important; } .minw-md-70 { min-width: 70% !important; } .minw-md-80 { min-width: 80% !important; } .minw-md-90 { min-width: 90% !important; } .minw-md-100 { min-width: 100% !important; } .minw-md-1px { min-width: 1px !important; } .minw-md-2px { min-width: 2px !important; } .minw-md-3px { min-width: 3px !important; } .minw-md-4px { min-width: 4px !important; } .minw-md-5px { min-width: 5px !important; } .minw-md-6px { min-width: 6px !important; } .minw-md-7px { min-width: 7px !important; } .minw-md-8px { min-width: 8px !important; } .minw-md-9px { min-width: 9px !important; } .minw-md-10px { min-width: 10px !important; } .minw-md-20px { min-width: 20px !important; } .minw-md-30px { min-width: 30px !important; } .minw-md-40px { min-width: 40px !important; } .minw-md-50px { min-width: 50px !important; } .minw-md-60px { min-width: 60px !important; } .minw-md-70px { min-width: 70px !important; } .minw-md-80px { min-width: 80px !important; } .minw-md-90px { min-width: 90px !important; } .minw-md-100px { min-width: 100px !important; } .minw-md-110px { min-width: 110px !important; } .minw-md-120px { min-width: 120px !important; } .minw-md-130px { min-width: 130px !important; } .minw-md-140px { min-width: 140px !important; } .minw-md-150px { min-width: 150px !important; } .minw-md-160px { min-width: 160px !important; } .minw-md-170px { min-width: 170px !important; } .minw-md-180px { min-width: 180px !important; } .minw-md-190px { min-width: 190px !important; } .minw-md-200px { min-width: 200px !important; } .minw-md-210px { min-width: 210px !important; } .minw-md-220px { min-width: 220px !important; } .minw-md-230px { min-width: 230px !important; } .minw-md-240px { min-width: 240px !important; } .minw-md-250px { min-width: 250px !important; } .minw-md-260px { min-width: 260px !important; } .minw-md-270px { min-width: 270px !important; } .minw-md-280px { min-width: 280px !important; } .minw-md-290px { min-width: 290px !important; } .minw-md-300px { min-width: 300px !important; } .minw-md-400px { min-width: 400px !important; } .minw-md-500px { min-width: 500px !important; } .minw-md-600px { min-width: 600px !important; } .minw-md-700px { min-width: 700px !important; } .minw-md-800px { min-width: 800px !important; } .minw-md-900px { min-width: 900px !important; } .minw-md-1000px { min-width: 1000px !important; } .maxw-md-10 { max-width: 10% !important; } .maxw-md-20 { max-width: 20% !important; } .maxw-md-30 { max-width: 30% !important; } .maxw-md-40 { max-width: 40% !important; } .maxw-md-50 { max-width: 50% !important; } .maxw-md-60 { max-width: 60% !important; } .maxw-md-70 { max-width: 70% !important; } .maxw-md-80 { max-width: 80% !important; } .maxw-md-90 { max-width: 90% !important; } .maxw-md-100 { max-width: 100% !important; } .maxw-md-1px { max-width: 1px !important; } .maxw-md-2px { max-width: 2px !important; } .maxw-md-3px { max-width: 3px !important; } .maxw-md-4px { max-width: 4px !important; } .maxw-md-5px { max-width: 5px !important; } .maxw-md-6px { max-width: 6px !important; } .maxw-md-7px { max-width: 7px !important; } .maxw-md-8px { max-width: 8px !important; } .maxw-md-9px { max-width: 9px !important; } .maxw-md-10px { max-width: 10px !important; } .maxw-md-20px { max-width: 20px !important; } .maxw-md-30px { max-width: 30px !important; } .maxw-md-40px { max-width: 40px !important; } .maxw-md-50px { max-width: 50px !important; } .maxw-md-60px { max-width: 60px !important; } .maxw-md-70px { max-width: 70px !important; } .maxw-md-80px { max-width: 80px !important; } .maxw-md-90px { max-width: 90px !important; } .maxw-md-100px { max-width: 100px !important; } .maxw-md-110px { max-width: 110px !important; } .maxw-md-120px { max-width: 120px !important; } .maxw-md-130px { max-width: 130px !important; } .maxw-md-140px { max-width: 140px !important; } .maxw-md-150px { max-width: 150px !important; } .maxw-md-160px { max-width: 160px !important; } .maxw-md-170px { max-width: 170px !important; } .maxw-md-180px { max-width: 180px !important; } .maxw-md-190px { max-width: 190px !important; } .maxw-md-200px { max-width: 200px !important; } .maxw-md-210px { max-width: 210px !important; } .maxw-md-220px { max-width: 220px !important; } .maxw-md-230px { max-width: 230px !important; } .maxw-md-240px { max-width: 240px !important; } .maxw-md-250px { max-width: 250px !important; } .maxw-md-260px { max-width: 260px !important; } .maxw-md-270px { max-width: 270px !important; } .maxw-md-280px { max-width: 280px !important; } .maxw-md-290px { max-width: 290px !important; } .maxw-md-300px { max-width: 300px !important; } .maxw-md-400px { max-width: 400px !important; } .maxw-md-500px { max-width: 500px !important; } .maxw-md-600px { max-width: 600px !important; } .maxw-md-700px { max-width: 700px !important; } .maxw-md-800px { max-width: 800px !important; } .maxw-md-900px { max-width: 900px !important; } .maxw-md-1000px { max-width: 1000px !important; } } @media screen and (min-width: 1024px) { .w-lg-auto { width: auto !important; } .w-lg-10 { width: 10% !important; } .w-lg-20 { width: 20% !important; } .w-lg-30 { width: 30% !important; } .w-lg-40 { width: 40% !important; } .w-lg-50 { width: 50% !important; } .w-lg-60 { width: 60% !important; } .w-lg-70 { width: 70% !important; } .w-lg-80 { width: 80% !important; } .w-lg-90 { width: 90% !important; } .w-lg-100 { width: 100% !important; } .w-lg-1px { width: 1px !important; } .w-lg-2px { width: 2px !important; } .w-lg-3px { width: 3px !important; } .w-lg-4px { width: 4px !important; } .w-lg-5px { width: 5px !important; } .w-lg-6px { width: 6px !important; } .w-lg-7px { width: 7px !important; } .w-lg-8px { width: 8px !important; } .w-lg-9px { width: 9px !important; } .w-lg-10px { width: 10px !important; } .w-lg-20px { width: 20px !important; } .w-lg-30px { width: 30px !important; } .w-lg-40px { width: 40px !important; } .w-lg-50px { width: 50px !important; } .w-lg-60px { width: 60px !important; } .w-lg-70px { width: 70px !important; } .w-lg-80px { width: 80px !important; } .w-lg-90px { width: 90px !important; } .w-lg-100px { width: 100px !important; } .w-lg-110px { width: 110px !important; } .w-lg-120px { width: 120px !important; } .w-lg-130px { width: 130px !important; } .w-lg-140px { width: 140px !important; } .w-lg-150px { width: 150px !important; } .w-lg-160px { width: 160px !important; } .w-lg-170px { width: 170px !important; } .w-lg-180px { width: 180px !important; } .w-lg-190px { width: 190px !important; } .w-lg-200px { width: 200px !important; } .w-lg-210px { width: 210px !important; } .w-lg-220px { width: 220px !important; } .w-lg-230px { width: 230px !important; } .w-lg-240px { width: 240px !important; } .w-lg-250px { width: 250px !important; } .w-lg-260px { width: 260px !important; } .w-lg-270px { width: 270px !important; } .w-lg-280px { width: 280px !important; } .w-lg-290px { width: 290px !important; } .w-lg-300px { width: 300px !important; } .w-lg-400px { width: 400px !important; } .w-lg-500px { width: 500px !important; } .w-lg-600px { width: 600px !important; } .w-lg-700px { width: 700px !important; } .w-lg-800px { width: 800px !important; } .w-lg-900px { width: 900px !important; } .w-lg-1000px { width: 1000px !important; } .minw-lg-10 { min-width: 10% !important; } .minw-lg-20 { min-width: 20% !important; } .minw-lg-30 { min-width: 30% !important; } .minw-lg-40 { min-width: 40% !important; } .minw-lg-50 { min-width: 50% !important; } .minw-lg-60 { min-width: 60% !important; } .minw-lg-70 { min-width: 70% !important; } .minw-lg-80 { min-width: 80% !important; } .minw-lg-90 { min-width: 90% !important; } .minw-lg-100 { min-width: 100% !important; } .minw-lg-1px { min-width: 1px !important; } .minw-lg-2px { min-width: 2px !important; } .minw-lg-3px { min-width: 3px !important; } .minw-lg-4px { min-width: 4px !important; } .minw-lg-5px { min-width: 5px !important; } .minw-lg-6px { min-width: 6px !important; } .minw-lg-7px { min-width: 7px !important; } .minw-lg-8px { min-width: 8px !important; } .minw-lg-9px { min-width: 9px !important; } .minw-lg-10px { min-width: 10px !important; } .minw-lg-20px { min-width: 20px !important; } .minw-lg-30px { min-width: 30px !important; } .minw-lg-40px { min-width: 40px !important; } .minw-lg-50px { min-width: 50px !important; } .minw-lg-60px { min-width: 60px !important; } .minw-lg-70px { min-width: 70px !important; } .minw-lg-80px { min-width: 80px !important; } .minw-lg-90px { min-width: 90px !important; } .minw-lg-100px { min-width: 100px !important; } .minw-lg-110px { min-width: 110px !important; } .minw-lg-120px { min-width: 120px !important; } .minw-lg-130px { min-width: 130px !important; } .minw-lg-140px { min-width: 140px !important; } .minw-lg-150px { min-width: 150px !important; } .minw-lg-160px { min-width: 160px !important; } .minw-lg-170px { min-width: 170px !important; } .minw-lg-180px { min-width: 180px !important; } .minw-lg-190px { min-width: 190px !important; } .minw-lg-200px { min-width: 200px !important; } .minw-lg-210px { min-width: 210px !important; } .minw-lg-220px { min-width: 220px !important; } .minw-lg-230px { min-width: 230px !important; } .minw-lg-240px { min-width: 240px !important; } .minw-lg-250px { min-width: 250px !important; } .minw-lg-260px { min-width: 260px !important; } .minw-lg-270px { min-width: 270px !important; } .minw-lg-280px { min-width: 280px !important; } .minw-lg-290px { min-width: 290px !important; } .minw-lg-300px { min-width: 300px !important; } .minw-lg-400px { min-width: 400px !important; } .minw-lg-500px { min-width: 500px !important; } .minw-lg-600px { min-width: 600px !important; } .minw-lg-700px { min-width: 700px !important; } .minw-lg-800px { min-width: 800px !important; } .minw-lg-900px { min-width: 900px !important; } .minw-lg-1000px { min-width: 1000px !important; } .maxw-lg-10 { max-width: 10% !important; } .maxw-lg-20 { max-width: 20% !important; } .maxw-lg-30 { max-width: 30% !important; } .maxw-lg-40 { max-width: 40% !important; } .maxw-lg-50 { max-width: 50% !important; } .maxw-lg-60 { max-width: 60% !important; } .maxw-lg-70 { max-width: 70% !important; } .maxw-lg-80 { max-width: 80% !important; } .maxw-lg-90 { max-width: 90% !important; } .maxw-lg-100 { max-width: 100% !important; } .maxw-lg-1px { max-width: 1px !important; } .maxw-lg-2px { max-width: 2px !important; } .maxw-lg-3px { max-width: 3px !important; } .maxw-lg-4px { max-width: 4px !important; } .maxw-lg-5px { max-width: 5px !important; } .maxw-lg-6px { max-width: 6px !important; } .maxw-lg-7px { max-width: 7px !important; } .maxw-lg-8px { max-width: 8px !important; } .maxw-lg-9px { max-width: 9px !important; } .maxw-lg-10px { max-width: 10px !important; } .maxw-lg-20px { max-width: 20px !important; } .maxw-lg-30px { max-width: 30px !important; } .maxw-lg-40px { max-width: 40px !important; } .maxw-lg-50px { max-width: 50px !important; } .maxw-lg-60px { max-width: 60px !important; } .maxw-lg-70px { max-width: 70px !important; } .maxw-lg-80px { max-width: 80px !important; } .maxw-lg-90px { max-width: 90px !important; } .maxw-lg-100px { max-width: 100px !important; } .maxw-lg-110px { max-width: 110px !important; } .maxw-lg-120px { max-width: 120px !important; } .maxw-lg-130px { max-width: 130px !important; } .maxw-lg-140px { max-width: 140px !important; } .maxw-lg-150px { max-width: 150px !important; } .maxw-lg-160px { max-width: 160px !important; } .maxw-lg-170px { max-width: 170px !important; } .maxw-lg-180px { max-width: 180px !important; } .maxw-lg-190px { max-width: 190px !important; } .maxw-lg-200px { max-width: 200px !important; } .maxw-lg-210px { max-width: 210px !important; } .maxw-lg-220px { max-width: 220px !important; } .maxw-lg-230px { max-width: 230px !important; } .maxw-lg-240px { max-width: 240px !important; } .maxw-lg-250px { max-width: 250px !important; } .maxw-lg-260px { max-width: 260px !important; } .maxw-lg-270px { max-width: 270px !important; } .maxw-lg-280px { max-width: 280px !important; } .maxw-lg-290px { max-width: 290px !important; } .maxw-lg-300px { max-width: 300px !important; } .maxw-lg-400px { max-width: 400px !important; } .maxw-lg-500px { max-width: 500px !important; } .maxw-lg-600px { max-width: 600px !important; } .maxw-lg-700px { max-width: 700px !important; } .maxw-lg-800px { max-width: 800px !important; } .maxw-lg-900px { max-width: 900px !important; } .maxw-lg-1000px { max-width: 1000px !important; } } @media screen and (min-width: 1224px) { .w-xl-auto { width: auto !important; } .w-xl-10 { width: 10% !important; } .w-xl-20 { width: 20% !important; } .w-xl-30 { width: 30% !important; } .w-xl-40 { width: 40% !important; } .w-xl-50 { width: 50% !important; } .w-xl-60 { width: 60% !important; } .w-xl-70 { width: 70% !important; } .w-xl-80 { width: 80% !important; } .w-xl-90 { width: 90% !important; } .w-xl-100 { width: 100% !important; } .w-xl-1px { width: 1px !important; } .w-xl-2px { width: 2px !important; } .w-xl-3px { width: 3px !important; } .w-xl-4px { width: 4px !important; } .w-xl-5px { width: 5px !important; } .w-xl-6px { width: 6px !important; } .w-xl-7px { width: 7px !important; } .w-xl-8px { width: 8px !important; } .w-xl-9px { width: 9px !important; } .w-xl-10px { width: 10px !important; } .w-xl-20px { width: 20px !important; } .w-xl-30px { width: 30px !important; } .w-xl-40px { width: 40px !important; } .w-xl-50px { width: 50px !important; } .w-xl-60px { width: 60px !important; } .w-xl-70px { width: 70px !important; } .w-xl-80px { width: 80px !important; } .w-xl-90px { width: 90px !important; } .w-xl-100px { width: 100px !important; } .w-xl-110px { width: 110px !important; } .w-xl-120px { width: 120px !important; } .w-xl-130px { width: 130px !important; } .w-xl-140px { width: 140px !important; } .w-xl-150px { width: 150px !important; } .w-xl-160px { width: 160px !important; } .w-xl-170px { width: 170px !important; } .w-xl-180px { width: 180px !important; } .w-xl-190px { width: 190px !important; } .w-xl-200px { width: 200px !important; } .w-xl-210px { width: 210px !important; } .w-xl-220px { width: 220px !important; } .w-xl-230px { width: 230px !important; } .w-xl-240px { width: 240px !important; } .w-xl-250px { width: 250px !important; } .w-xl-260px { width: 260px !important; } .w-xl-270px { width: 270px !important; } .w-xl-280px { width: 280px !important; } .w-xl-290px { width: 290px !important; } .w-xl-300px { width: 300px !important; } .w-xl-400px { width: 400px !important; } .w-xl-500px { width: 500px !important; } .w-xl-600px { width: 600px !important; } .w-xl-700px { width: 700px !important; } .w-xl-800px { width: 800px !important; } .w-xl-900px { width: 900px !important; } .w-xl-1000px { width: 1000px !important; } .minw-xl-10 { min-width: 10% !important; } .minw-xl-20 { min-width: 20% !important; } .minw-xl-30 { min-width: 30% !important; } .minw-xl-40 { min-width: 40% !important; } .minw-xl-50 { min-width: 50% !important; } .minw-xl-60 { min-width: 60% !important; } .minw-xl-70 { min-width: 70% !important; } .minw-xl-80 { min-width: 80% !important; } .minw-xl-90 { min-width: 90% !important; } .minw-xl-100 { min-width: 100% !important; } .minw-xl-1px { min-width: 1px !important; } .minw-xl-2px { min-width: 2px !important; } .minw-xl-3px { min-width: 3px !important; } .minw-xl-4px { min-width: 4px !important; } .minw-xl-5px { min-width: 5px !important; } .minw-xl-6px { min-width: 6px !important; } .minw-xl-7px { min-width: 7px !important; } .minw-xl-8px { min-width: 8px !important; } .minw-xl-9px { min-width: 9px !important; } .minw-xl-10px { min-width: 10px !important; } .minw-xl-20px { min-width: 20px !important; } .minw-xl-30px { min-width: 30px !important; } .minw-xl-40px { min-width: 40px !important; } .minw-xl-50px { min-width: 50px !important; } .minw-xl-60px { min-width: 60px !important; } .minw-xl-70px { min-width: 70px !important; } .minw-xl-80px { min-width: 80px !important; } .minw-xl-90px { min-width: 90px !important; } .minw-xl-100px { min-width: 100px !important; } .minw-xl-110px { min-width: 110px !important; } .minw-xl-120px { min-width: 120px !important; } .minw-xl-130px { min-width: 130px !important; } .minw-xl-140px { min-width: 140px !important; } .minw-xl-150px { min-width: 150px !important; } .minw-xl-160px { min-width: 160px !important; } .minw-xl-170px { min-width: 170px !important; } .minw-xl-180px { min-width: 180px !important; } .minw-xl-190px { min-width: 190px !important; } .minw-xl-200px { min-width: 200px !important; } .minw-xl-210px { min-width: 210px !important; } .minw-xl-220px { min-width: 220px !important; } .minw-xl-230px { min-width: 230px !important; } .minw-xl-240px { min-width: 240px !important; } .minw-xl-250px { min-width: 250px !important; } .minw-xl-260px { min-width: 260px !important; } .minw-xl-270px { min-width: 270px !important; } .minw-xl-280px { min-width: 280px !important; } .minw-xl-290px { min-width: 290px !important; } .minw-xl-300px { min-width: 300px !important; } .minw-xl-400px { min-width: 400px !important; } .minw-xl-500px { min-width: 500px !important; } .minw-xl-600px { min-width: 600px !important; } .minw-xl-700px { min-width: 700px !important; } .minw-xl-800px { min-width: 800px !important; } .minw-xl-900px { min-width: 900px !important; } .minw-xl-1000px { min-width: 1000px !important; } .maxw-xl-10 { max-width: 10% !important; } .maxw-xl-20 { max-width: 20% !important; } .maxw-xl-30 { max-width: 30% !important; } .maxw-xl-40 { max-width: 40% !important; } .maxw-xl-50 { max-width: 50% !important; } .maxw-xl-60 { max-width: 60% !important; } .maxw-xl-70 { max-width: 70% !important; } .maxw-xl-80 { max-width: 80% !important; } .maxw-xl-90 { max-width: 90% !important; } .maxw-xl-100 { max-width: 100% !important; } .maxw-xl-1px { max-width: 1px !important; } .maxw-xl-2px { max-width: 2px !important; } .maxw-xl-3px { max-width: 3px !important; } .maxw-xl-4px { max-width: 4px !important; } .maxw-xl-5px { max-width: 5px !important; } .maxw-xl-6px { max-width: 6px !important; } .maxw-xl-7px { max-width: 7px !important; } .maxw-xl-8px { max-width: 8px !important; } .maxw-xl-9px { max-width: 9px !important; } .maxw-xl-10px { max-width: 10px !important; } .maxw-xl-20px { max-width: 20px !important; } .maxw-xl-30px { max-width: 30px !important; } .maxw-xl-40px { max-width: 40px !important; } .maxw-xl-50px { max-width: 50px !important; } .maxw-xl-60px { max-width: 60px !important; } .maxw-xl-70px { max-width: 70px !important; } .maxw-xl-80px { max-width: 80px !important; } .maxw-xl-90px { max-width: 90px !important; } .maxw-xl-100px { max-width: 100px !important; } .maxw-xl-110px { max-width: 110px !important; } .maxw-xl-120px { max-width: 120px !important; } .maxw-xl-130px { max-width: 130px !important; } .maxw-xl-140px { max-width: 140px !important; } .maxw-xl-150px { max-width: 150px !important; } .maxw-xl-160px { max-width: 160px !important; } .maxw-xl-170px { max-width: 170px !important; } .maxw-xl-180px { max-width: 180px !important; } .maxw-xl-190px { max-width: 190px !important; } .maxw-xl-200px { max-width: 200px !important; } .maxw-xl-210px { max-width: 210px !important; } .maxw-xl-220px { max-width: 220px !important; } .maxw-xl-230px { max-width: 230px !important; } .maxw-xl-240px { max-width: 240px !important; } .maxw-xl-250px { max-width: 250px !important; } .maxw-xl-260px { max-width: 260px !important; } .maxw-xl-270px { max-width: 270px !important; } .maxw-xl-280px { max-width: 280px !important; } .maxw-xl-290px { max-width: 290px !important; } .maxw-xl-300px { max-width: 300px !important; } .maxw-xl-400px { max-width: 400px !important; } .maxw-xl-500px { max-width: 500px !important; } .maxw-xl-600px { max-width: 600px !important; } .maxw-xl-700px { max-width: 700px !important; } .maxw-xl-800px { max-width: 800px !important; } .maxw-xl-900px { max-width: 900px !important; } .maxw-xl-1000px { max-width: 1000px !important; } } @media screen and (min-width: 1587px) { .w-xlp-auto { width: auto !important; } .w-xlp-10 { width: 10% !important; } .w-xlp-20 { width: 20% !important; } .w-xlp-30 { width: 30% !important; } .w-xlp-40 { width: 40% !important; } .w-xlp-50 { width: 50% !important; } .w-xlp-60 { width: 60% !important; } .w-xlp-70 { width: 70% !important; } .w-xlp-80 { width: 80% !important; } .w-xlp-90 { width: 90% !important; } .w-xlp-100 { width: 100% !important; } .w-xlp-1px { width: 1px !important; } .w-xlp-2px { width: 2px !important; } .w-xlp-3px { width: 3px !important; } .w-xlp-4px { width: 4px !important; } .w-xlp-5px { width: 5px !important; } .w-xlp-6px { width: 6px !important; } .w-xlp-7px { width: 7px !important; } .w-xlp-8px { width: 8px !important; } .w-xlp-9px { width: 9px !important; } .w-xlp-10px { width: 10px !important; } .w-xlp-20px { width: 20px !important; } .w-xlp-30px { width: 30px !important; } .w-xlp-40px { width: 40px !important; } .w-xlp-50px { width: 50px !important; } .w-xlp-60px { width: 60px !important; } .w-xlp-70px { width: 70px !important; } .w-xlp-80px { width: 80px !important; } .w-xlp-90px { width: 90px !important; } .w-xlp-100px { width: 100px !important; } .w-xlp-110px { width: 110px !important; } .w-xlp-120px { width: 120px !important; } .w-xlp-130px { width: 130px !important; } .w-xlp-140px { width: 140px !important; } .w-xlp-150px { width: 150px !important; } .w-xlp-160px { width: 160px !important; } .w-xlp-170px { width: 170px !important; } .w-xlp-180px { width: 180px !important; } .w-xlp-190px { width: 190px !important; } .w-xlp-200px { width: 200px !important; } .w-xlp-210px { width: 210px !important; } .w-xlp-220px { width: 220px !important; } .w-xlp-230px { width: 230px !important; } .w-xlp-240px { width: 240px !important; } .w-xlp-250px { width: 250px !important; } .w-xlp-260px { width: 260px !important; } .w-xlp-270px { width: 270px !important; } .w-xlp-280px { width: 280px !important; } .w-xlp-290px { width: 290px !important; } .w-xlp-300px { width: 300px !important; } .w-xlp-400px { width: 400px !important; } .w-xlp-500px { width: 500px !important; } .w-xlp-600px { width: 600px !important; } .w-xlp-700px { width: 700px !important; } .w-xlp-800px { width: 800px !important; } .w-xlp-900px { width: 900px !important; } .w-xlp-1000px { width: 1000px !important; } .minw-xlp-10 { min-width: 10% !important; } .minw-xlp-20 { min-width: 20% !important; } .minw-xlp-30 { min-width: 30% !important; } .minw-xlp-40 { min-width: 40% !important; } .minw-xlp-50 { min-width: 50% !important; } .minw-xlp-60 { min-width: 60% !important; } .minw-xlp-70 { min-width: 70% !important; } .minw-xlp-80 { min-width: 80% !important; } .minw-xlp-90 { min-width: 90% !important; } .minw-xlp-100 { min-width: 100% !important; } .minw-xlp-1px { min-width: 1px !important; } .minw-xlp-2px { min-width: 2px !important; } .minw-xlp-3px { min-width: 3px !important; } .minw-xlp-4px { min-width: 4px !important; } .minw-xlp-5px { min-width: 5px !important; } .minw-xlp-6px { min-width: 6px !important; } .minw-xlp-7px { min-width: 7px !important; } .minw-xlp-8px { min-width: 8px !important; } .minw-xlp-9px { min-width: 9px !important; } .minw-xlp-10px { min-width: 10px !important; } .minw-xlp-20px { min-width: 20px !important; } .minw-xlp-30px { min-width: 30px !important; } .minw-xlp-40px { min-width: 40px !important; } .minw-xlp-50px { min-width: 50px !important; } .minw-xlp-60px { min-width: 60px !important; } .minw-xlp-70px { min-width: 70px !important; } .minw-xlp-80px { min-width: 80px !important; } .minw-xlp-90px { min-width: 90px !important; } .minw-xlp-100px { min-width: 100px !important; } .minw-xlp-110px { min-width: 110px !important; } .minw-xlp-120px { min-width: 120px !important; } .minw-xlp-130px { min-width: 130px !important; } .minw-xlp-140px { min-width: 140px !important; } .minw-xlp-150px { min-width: 150px !important; } .minw-xlp-160px { min-width: 160px !important; } .minw-xlp-170px { min-width: 170px !important; } .minw-xlp-180px { min-width: 180px !important; } .minw-xlp-190px { min-width: 190px !important; } .minw-xlp-200px { min-width: 200px !important; } .minw-xlp-210px { min-width: 210px !important; } .minw-xlp-220px { min-width: 220px !important; } .minw-xlp-230px { min-width: 230px !important; } .minw-xlp-240px { min-width: 240px !important; } .minw-xlp-250px { min-width: 250px !important; } .minw-xlp-260px { min-width: 260px !important; } .minw-xlp-270px { min-width: 270px !important; } .minw-xlp-280px { min-width: 280px !important; } .minw-xlp-290px { min-width: 290px !important; } .minw-xlp-300px { min-width: 300px !important; } .minw-xlp-400px { min-width: 400px !important; } .minw-xlp-500px { min-width: 500px !important; } .minw-xlp-600px { min-width: 600px !important; } .minw-xlp-700px { min-width: 700px !important; } .minw-xlp-800px { min-width: 800px !important; } .minw-xlp-900px { min-width: 900px !important; } .minw-xlp-1000px { min-width: 1000px !important; } .maxw-xlp-10 { max-width: 10% !important; } .maxw-xlp-20 { max-width: 20% !important; } .maxw-xlp-30 { max-width: 30% !important; } .maxw-xlp-40 { max-width: 40% !important; } .maxw-xlp-50 { max-width: 50% !important; } .maxw-xlp-60 { max-width: 60% !important; } .maxw-xlp-70 { max-width: 70% !important; } .maxw-xlp-80 { max-width: 80% !important; } .maxw-xlp-90 { max-width: 90% !important; } .maxw-xlp-100 { max-width: 100% !important; } .maxw-xlp-1px { max-width: 1px !important; } .maxw-xlp-2px { max-width: 2px !important; } .maxw-xlp-3px { max-width: 3px !important; } .maxw-xlp-4px { max-width: 4px !important; } .maxw-xlp-5px { max-width: 5px !important; } .maxw-xlp-6px { max-width: 6px !important; } .maxw-xlp-7px { max-width: 7px !important; } .maxw-xlp-8px { max-width: 8px !important; } .maxw-xlp-9px { max-width: 9px !important; } .maxw-xlp-10px { max-width: 10px !important; } .maxw-xlp-20px { max-width: 20px !important; } .maxw-xlp-30px { max-width: 30px !important; } .maxw-xlp-40px { max-width: 40px !important; } .maxw-xlp-50px { max-width: 50px !important; } .maxw-xlp-60px { max-width: 60px !important; } .maxw-xlp-70px { max-width: 70px !important; } .maxw-xlp-80px { max-width: 80px !important; } .maxw-xlp-90px { max-width: 90px !important; } .maxw-xlp-100px { max-width: 100px !important; } .maxw-xlp-110px { max-width: 110px !important; } .maxw-xlp-120px { max-width: 120px !important; } .maxw-xlp-130px { max-width: 130px !important; } .maxw-xlp-140px { max-width: 140px !important; } .maxw-xlp-150px { max-width: 150px !important; } .maxw-xlp-160px { max-width: 160px !important; } .maxw-xlp-170px { max-width: 170px !important; } .maxw-xlp-180px { max-width: 180px !important; } .maxw-xlp-190px { max-width: 190px !important; } .maxw-xlp-200px { max-width: 200px !important; } .maxw-xlp-210px { max-width: 210px !important; } .maxw-xlp-220px { max-width: 220px !important; } .maxw-xlp-230px { max-width: 230px !important; } .maxw-xlp-240px { max-width: 240px !important; } .maxw-xlp-250px { max-width: 250px !important; } .maxw-xlp-260px { max-width: 260px !important; } .maxw-xlp-270px { max-width: 270px !important; } .maxw-xlp-280px { max-width: 280px !important; } .maxw-xlp-290px { max-width: 290px !important; } .maxw-xlp-300px { max-width: 300px !important; } .maxw-xlp-400px { max-width: 400px !important; } .maxw-xlp-500px { max-width: 500px !important; } .maxw-xlp-600px { max-width: 600px !important; } .maxw-xlp-700px { max-width: 700px !important; } .maxw-xlp-800px { max-width: 800px !important; } .maxw-xlp-900px { max-width: 900px !important; } .maxw-xlp-1000px { max-width: 1000px !important; } } @media screen and (min-width: 1907px) { .w-xxl-auto { width: auto !important; } .w-xxl-10 { width: 10% !important; } .w-xxl-20 { width: 20% !important; } .w-xxl-30 { width: 30% !important; } .w-xxl-40 { width: 40% !important; } .w-xxl-50 { width: 50% !important; } .w-xxl-60 { width: 60% !important; } .w-xxl-70 { width: 70% !important; } .w-xxl-80 { width: 80% !important; } .w-xxl-90 { width: 90% !important; } .w-xxl-100 { width: 100% !important; } .w-xxl-1px { width: 1px !important; } .w-xxl-2px { width: 2px !important; } .w-xxl-3px { width: 3px !important; } .w-xxl-4px { width: 4px !important; } .w-xxl-5px { width: 5px !important; } .w-xxl-6px { width: 6px !important; } .w-xxl-7px { width: 7px !important; } .w-xxl-8px { width: 8px !important; } .w-xxl-9px { width: 9px !important; } .w-xxl-10px { width: 10px !important; } .w-xxl-20px { width: 20px !important; } .w-xxl-30px { width: 30px !important; } .w-xxl-40px { width: 40px !important; } .w-xxl-50px { width: 50px !important; } .w-xxl-60px { width: 60px !important; } .w-xxl-70px { width: 70px !important; } .w-xxl-80px { width: 80px !important; } .w-xxl-90px { width: 90px !important; } .w-xxl-100px { width: 100px !important; } .w-xxl-110px { width: 110px !important; } .w-xxl-120px { width: 120px !important; } .w-xxl-130px { width: 130px !important; } .w-xxl-140px { width: 140px !important; } .w-xxl-150px { width: 150px !important; } .w-xxl-160px { width: 160px !important; } .w-xxl-170px { width: 170px !important; } .w-xxl-180px { width: 180px !important; } .w-xxl-190px { width: 190px !important; } .w-xxl-200px { width: 200px !important; } .w-xxl-210px { width: 210px !important; } .w-xxl-220px { width: 220px !important; } .w-xxl-230px { width: 230px !important; } .w-xxl-240px { width: 240px !important; } .w-xxl-250px { width: 250px !important; } .w-xxl-260px { width: 260px !important; } .w-xxl-270px { width: 270px !important; } .w-xxl-280px { width: 280px !important; } .w-xxl-290px { width: 290px !important; } .w-xxl-300px { width: 300px !important; } .w-xxl-400px { width: 400px !important; } .w-xxl-500px { width: 500px !important; } .w-xxl-600px { width: 600px !important; } .w-xxl-700px { width: 700px !important; } .w-xxl-800px { width: 800px !important; } .w-xxl-900px { width: 900px !important; } .w-xxl-1000px { width: 1000px !important; } .minw-xxl-10 { min-width: 10% !important; } .minw-xxl-20 { min-width: 20% !important; } .minw-xxl-30 { min-width: 30% !important; } .minw-xxl-40 { min-width: 40% !important; } .minw-xxl-50 { min-width: 50% !important; } .minw-xxl-60 { min-width: 60% !important; } .minw-xxl-70 { min-width: 70% !important; } .minw-xxl-80 { min-width: 80% !important; } .minw-xxl-90 { min-width: 90% !important; } .minw-xxl-100 { min-width: 100% !important; } .minw-xxl-1px { min-width: 1px !important; } .minw-xxl-2px { min-width: 2px !important; } .minw-xxl-3px { min-width: 3px !important; } .minw-xxl-4px { min-width: 4px !important; } .minw-xxl-5px { min-width: 5px !important; } .minw-xxl-6px { min-width: 6px !important; } .minw-xxl-7px { min-width: 7px !important; } .minw-xxl-8px { min-width: 8px !important; } .minw-xxl-9px { min-width: 9px !important; } .minw-xxl-10px { min-width: 10px !important; } .minw-xxl-20px { min-width: 20px !important; } .minw-xxl-30px { min-width: 30px !important; } .minw-xxl-40px { min-width: 40px !important; } .minw-xxl-50px { min-width: 50px !important; } .minw-xxl-60px { min-width: 60px !important; } .minw-xxl-70px { min-width: 70px !important; } .minw-xxl-80px { min-width: 80px !important; } .minw-xxl-90px { min-width: 90px !important; } .minw-xxl-100px { min-width: 100px !important; } .minw-xxl-110px { min-width: 110px !important; } .minw-xxl-120px { min-width: 120px !important; } .minw-xxl-130px { min-width: 130px !important; } .minw-xxl-140px { min-width: 140px !important; } .minw-xxl-150px { min-width: 150px !important; } .minw-xxl-160px { min-width: 160px !important; } .minw-xxl-170px { min-width: 170px !important; } .minw-xxl-180px { min-width: 180px !important; } .minw-xxl-190px { min-width: 190px !important; } .minw-xxl-200px { min-width: 200px !important; } .minw-xxl-210px { min-width: 210px !important; } .minw-xxl-220px { min-width: 220px !important; } .minw-xxl-230px { min-width: 230px !important; } .minw-xxl-240px { min-width: 240px !important; } .minw-xxl-250px { min-width: 250px !important; } .minw-xxl-260px { min-width: 260px !important; } .minw-xxl-270px { min-width: 270px !important; } .minw-xxl-280px { min-width: 280px !important; } .minw-xxl-290px { min-width: 290px !important; } .minw-xxl-300px { min-width: 300px !important; } .minw-xxl-400px { min-width: 400px !important; } .minw-xxl-500px { min-width: 500px !important; } .minw-xxl-600px { min-width: 600px !important; } .minw-xxl-700px { min-width: 700px !important; } .minw-xxl-800px { min-width: 800px !important; } .minw-xxl-900px { min-width: 900px !important; } .minw-xxl-1000px { min-width: 1000px !important; } .maxw-xxl-10 { max-width: 10% !important; } .maxw-xxl-20 { max-width: 20% !important; } .maxw-xxl-30 { max-width: 30% !important; } .maxw-xxl-40 { max-width: 40% !important; } .maxw-xxl-50 { max-width: 50% !important; } .maxw-xxl-60 { max-width: 60% !important; } .maxw-xxl-70 { max-width: 70% !important; } .maxw-xxl-80 { max-width: 80% !important; } .maxw-xxl-90 { max-width: 90% !important; } .maxw-xxl-100 { max-width: 100% !important; } .maxw-xxl-1px { max-width: 1px !important; } .maxw-xxl-2px { max-width: 2px !important; } .maxw-xxl-3px { max-width: 3px !important; } .maxw-xxl-4px { max-width: 4px !important; } .maxw-xxl-5px { max-width: 5px !important; } .maxw-xxl-6px { max-width: 6px !important; } .maxw-xxl-7px { max-width: 7px !important; } .maxw-xxl-8px { max-width: 8px !important; } .maxw-xxl-9px { max-width: 9px !important; } .maxw-xxl-10px { max-width: 10px !important; } .maxw-xxl-20px { max-width: 20px !important; } .maxw-xxl-30px { max-width: 30px !important; } .maxw-xxl-40px { max-width: 40px !important; } .maxw-xxl-50px { max-width: 50px !important; } .maxw-xxl-60px { max-width: 60px !important; } .maxw-xxl-70px { max-width: 70px !important; } .maxw-xxl-80px { max-width: 80px !important; } .maxw-xxl-90px { max-width: 90px !important; } .maxw-xxl-100px { max-width: 100px !important; } .maxw-xxl-110px { max-width: 110px !important; } .maxw-xxl-120px { max-width: 120px !important; } .maxw-xxl-130px { max-width: 130px !important; } .maxw-xxl-140px { max-width: 140px !important; } .maxw-xxl-150px { max-width: 150px !important; } .maxw-xxl-160px { max-width: 160px !important; } .maxw-xxl-170px { max-width: 170px !important; } .maxw-xxl-180px { max-width: 180px !important; } .maxw-xxl-190px { max-width: 190px !important; } .maxw-xxl-200px { max-width: 200px !important; } .maxw-xxl-210px { max-width: 210px !important; } .maxw-xxl-220px { max-width: 220px !important; } .maxw-xxl-230px { max-width: 230px !important; } .maxw-xxl-240px { max-width: 240px !important; } .maxw-xxl-250px { max-width: 250px !important; } .maxw-xxl-260px { max-width: 260px !important; } .maxw-xxl-270px { max-width: 270px !important; } .maxw-xxl-280px { max-width: 280px !important; } .maxw-xxl-290px { max-width: 290px !important; } .maxw-xxl-300px { max-width: 300px !important; } .maxw-xxl-400px { max-width: 400px !important; } .maxw-xxl-500px { max-width: 500px !important; } .maxw-xxl-600px { max-width: 600px !important; } .maxw-xxl-700px { max-width: 700px !important; } .maxw-xxl-800px { max-width: 800px !important; } .maxw-xxl-900px { max-width: 900px !important; } .maxw-xxl-1000px { max-width: 1000px !important; } } .container { width: 1224px; max-width: 1224px; margin: 0 auto; position: relative; } .container .row { display: flex; flex-wrap: wrap; width: 100%; position: relative; } .contained { width: 1224px !important; max-width: 1224px !important; } .contain-xl { max-width: 1224px !important; } .contain-xlp { max-width: 1587px !important; } .contain-xxl { max-width: 1907px !important; } @media screen and (max-width: 1224px) { .container { margin: 0; max-width: 100%; position: relative; } .container .row { display: flex; flex-wrap: wrap; width: 100%; position: relative; } .contained { max-width: 100% !important; } } .container-fluid { margin: 0; max-width: 100%; position: relative; margin: 0 auto; } .container-fluid .row { display: flex; flex-wrap: wrap; width: 100%; position: relative; } .row { display: flex; flex-wrap: wrap; width: 100%; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-static { position: static !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-center { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translat(-50%, -50%); } .fixed-bottom { position: fixed; bottom: 0px; z-index: 99; } .fixed-top { position: fixed; top: 0px; } .fixed-left { position: fixed; left: 0px; } .fixed-right { position: fixed; right: 0px; } .keep-left { left: 0 !important; } .keep-right { right: 0 !important; } .keep-top { top: 0 !important; } .keep-bottom { bottom: 0 !important; } /* Object Position */ .object-position-c { -o-object-position: center; object-position: center; /* default position */ } .object-position-rc { -o-object-position: right center; object-position: right center; } .object-position-lc { -o-object-position: left center; object-position: left center; } .object-position-t { -o-object-position: top; object-position: top; } .object-position-rt { -o-object-position: right top; object-position: right top; } .object-position-lt { -o-object-position: left top; object-position: left top; } .object-position-b { -o-object-position: bottom; object-position: bottom; } .object-position-rb { -o-object-position: right bottom; object-position: right bottom; } .object-position-lb { -o-object-position: left bottom; object-position: left bottom; } .absolute-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-br { position: absolute; z-index: 2; bottom: 0; right: 0; } @media screen and (min-width: 420px) { .absolute-sm-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-sm-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-sm-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-sm-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-sm-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-sm-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-sm-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-sm-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } @media screen and (min-width: 768px) { .absolute-md-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-md-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-md-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-md-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-md-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-md-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-md-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-md-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } @media screen and (min-width: 1024px) { .absolute-lg-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-lg-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-lg-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-lg-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-lg-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-lg-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-lg-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-lg-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } @media screen and (min-width: 1224px) { .absolute-xl-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-xl-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-xl-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-xl-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-xl-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-xl-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-xl-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-xl-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } @media screen and (min-width: 1587px) { .absolute-xlp-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-xlp-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-xlp-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-xlp-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-xlp-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-xlp-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-xlp-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-xlp-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } @media screen and (min-width: 1907px) { .absolute-xxl-t { position: absolute; z-index: 2; top: 0; left: 0; right: 0; } .absolute-xxl-b { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; } .absolute-xxl-l { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; } .absolute-xxl-r { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } .absolute-xxl-tl { position: absolute; z-index: 2; top: 0; left: 0; } .absolute-xxl-tr { position: absolute; z-index: 2; top: 0; right: 0; } .absolute-xxl-bl { position: absolute; z-index: 2; bottom: 0; left: 0; } .absolute-xxl-br { position: absolute; z-index: 2; bottom: 0; right: 0; } } .backdrop-absolute-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } @media screen and (min-width: 420px) { .backdrop-absolute-sm-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-sm-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-sm-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-sm-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-sm-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-sm-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-sm-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-sm-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-sm-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-sm-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-sm-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-sm-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-sm-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-sm-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-sm-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-sm-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-sm-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-sm-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-sm-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-sm-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-sm-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-sm-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-sm-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } @media screen and (min-width: 768px) { .backdrop-absolute-md-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-md-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-md-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-md-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-md-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-md-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-md-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-md-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-md-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-md-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-md-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-md-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-md-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-md-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-md-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-md-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-md-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-md-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-md-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-md-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-md-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-md-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-md-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } @media screen and (min-width: 1024px) { .backdrop-absolute-lg-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-lg-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-lg-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-lg-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-lg-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-lg-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-lg-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-lg-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-lg-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-lg-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-lg-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-lg-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-lg-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-lg-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-lg-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-lg-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-lg-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-lg-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-lg-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-lg-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-lg-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-lg-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-lg-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } @media screen and (min-width: 1224px) { .backdrop-absolute-xl-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-xl-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-xl-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-xl-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-xl-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-xl-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-xl-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-xl-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-xl-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-xl-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-xl-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-xl-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-xl-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-xl-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-xl-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-xl-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-xl-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-xl-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-xl-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-xl-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-xl-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-xl-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-xl-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } @media screen and (min-width: 1587px) { .backdrop-absolute-xlp-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-xlp-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-xlp-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-xlp-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-xlp-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-xlp-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-xlp-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-xlp-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-xlp-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-xlp-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-xlp-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-xlp-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-xlp-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-xlp-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-xlp-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-xlp-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-xlp-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-xlp-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-xlp-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-xlp-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-xlp-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-xlp-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-xlp-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } @media screen and (min-width: 1907px) { .backdrop-absolute-xxl-full { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .backdrop-absolute-xxl-l { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 50%; } .backdrop-absolute-xxl-t { position: absolute; z-index: 2; top: 0; bottom: 50%; } .backdrop-absolute-xxl-r { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 50%; } .backdrop-absolute-xxl-b { position: absolute; z-index: 2; bottom: 0; top: 50%; } .backdrop-absolute-xxl-tl { position: absolute; z-index: 2; top: 0; left: 0; right: 40%; } .backdrop-absolute-xxl-tc { position: absolute; z-index: 2; top: 0; right: 20%; left: 20%; } .backdrop-absolute-xxl-tr { position: absolute; z-index: 2; top: 0; left: 40%; right: 0; } .backdrop-absolute-xxl-cl { position: absolute; z-index: 2; top: 25%; left: 0; right: 40%; } .backdrop-absolute-xxl-cc { position: absolute; z-index: 2; top: 25%; right: 20%; left: 20%; } .backdrop-absolute-xxl-cr { position: absolute; z-index: 2; top: 25%; left: 40%; right: 0; } .backdrop-absolute-xxl-bl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 40%; } .backdrop-absolute-xxl-bc { position: absolute; z-index: 2; bottom: 0; right: 20%; left: 20%; } .backdrop-absolute-xxl-br { position: absolute; z-index: 2; bottom: 0; left: 40%; right: 0; } .backdrop-absolute-xxl-tl-mobile { position: absolute; z-index: 2; top: 0; left: 0; right: 10%; } .backdrop-absolute-xxl-tc-mobile { position: absolute; z-index: 2; top: 0; right: 10%; left: 10%; } .backdrop-absolute-xxl-tr-mobile { position: absolute; z-index: 2; top: 0; left: 10%; right: 0; } .backdrop-absolute-xxl-cl-mobile { position: absolute; z-index: 2; top: 25%; left: 0; right: 10%; } .backdrop-absolute-xxl-cc-mobile { position: absolute; z-index: 2; top: 25%; right: 5%; left: 5%; } .backdrop-absolute-xxl-cr-mobile { position: absolute; z-index: 2; top: 25%; left: 10%; right: 0; } .backdrop-absolute-xxl-bl-mobile { position: absolute; z-index: 2; bottom: 0; left: 0; right: 10%; } .backdrop-absolute-xxl-bc-mobile { position: absolute; z-index: 2; bottom: 0; right: 10%; left: 10%; } .backdrop-absolute-xxl-br-mobile { position: absolute; z-index: 2; bottom: 0; left: 10%; right: 0; } } .top-auto { top: auto !important; } .top-0 { top: 0px !important; } .top-5 { top: 5% !important; } .top-10 { top: 10% !important; } .top-15 { top: 15% !important; } .top-20 { top: 20% !important; } .top-25 { top: 25% !important; } .top-30 { top: 30% !important; } .top-35 { top: 35% !important; } .top-40 { top: 40% !important; } .top-45 { top: 45% !important; } .top-50 { top: 50% !important; } .top-55 { top: 55% !important; } .top-60 { top: 60% !important; } .top-65 { top: 65% !important; } .top-70 { top: 70% !important; } .top-75 { top: 75% !important; } .top-80 { top: 80% !important; } .top-85 { top: 85% !important; } .top-90 { top: 90% !important; } .top-95 { top: 95% !important; } .top-100 { top: 100% !important; } .top-n5 { top: -5% !important; } .top-n10 { top: -10% !important; } .top-n15 { top: -15% !important; } .top-n20 { top: -20% !important; } .top-n25 { top: -25% !important; } .top-n30 { top: -30% !important; } .top-n35 { top: -35% !important; } .top-n40 { top: -40% !important; } .top-n45 { top: -45% !important; } .top-n50 { top: -50% !important; } .top-n55 { top: -55% !important; } .top-n60 { top: -60% !important; } .top-n65 { top: -65% !important; } .top-n70 { top: -70% !important; } .top-n75 { top: -75% !important; } .top-n80 { top: -80% !important; } .top-n85 { top: -85% !important; } .top-n90 { top: -90% !important; } .top-n95 { top: -95% !important; } .top-n100 { top: -100% !important; } .top-5px { top: 5px !important; } .top-10px { top: 10px !important; } .top-15px { top: 15px !important; } .top-20px { top: 20px !important; } .top-25px { top: 25px !important; } .top-30px { top: 30px !important; } .top-35px { top: 35px !important; } .top-40px { top: 40px !important; } .top-45px { top: 45px !important; } .top-50px { top: 50px !important; } .top-55px { top: 55px !important; } .top-60px { top: 60px !important; } .top-65px { top: 65px !important; } .top-70px { top: 70px !important; } .top-75px { top: 75px !important; } .top-80px { top: 80px !important; } .top-85px { top: 85px !important; } .top-90px { top: 90px !important; } .top-95px { top: 95px !important; } .top-100px { top: 100px !important; } .top-n5px { top: -5px !important; } .top-n10px { top: -10px !important; } .top-n15px { top: -15px !important; } .top-n20px { top: -20px !important; } .top-n25px { top: -25px !important; } .top-n30px { top: -30px !important; } .top-n35px { top: -35px !important; } .top-n40px { top: -40px !important; } .top-n45px { top: -45px !important; } .top-n50px { top: -50px !important; } .top-n55px { top: -55px !important; } .top-n60px { top: -60px !important; } .top-n65px { top: -65px !important; } .top-n70px { top: -70px !important; } .top-n75px { top: -75px !important; } .top-n80px { top: -80px !important; } .top-n85px { top: -85px !important; } .top-n90px { top: -90px !important; } .top-n95px { top: -95px !important; } .top-n100px { top: -100px !important; } @media screen and (min-width: 420px) { .top-sm-auto { top: auto !important; } .top-sm-0 { top: 0px !important; } .top-sm-5 { top: 5% !important; } .top-sm-10 { top: 10% !important; } .top-sm-15 { top: 15% !important; } .top-sm-20 { top: 20% !important; } .top-sm-25 { top: 25% !important; } .top-sm-30 { top: 30% !important; } .top-sm-35 { top: 35% !important; } .top-sm-40 { top: 40% !important; } .top-sm-45 { top: 45% !important; } .top-sm-50 { top: 50% !important; } .top-sm-55 { top: 55% !important; } .top-sm-60 { top: 60% !important; } .top-sm-65 { top: 65% !important; } .top-sm-70 { top: 70% !important; } .top-sm-75 { top: 75% !important; } .top-sm-80 { top: 80% !important; } .top-sm-85 { top: 85% !important; } .top-sm-90 { top: 90% !important; } .top-sm-95 { top: 95% !important; } .top-sm-100 { top: 100% !important; } .top-sm-n5 { top: -5% !important; } .top-sm-n10 { top: -10% !important; } .top-sm-n15 { top: -15% !important; } .top-sm-n20 { top: -20% !important; } .top-sm-n25 { top: -25% !important; } .top-sm-n30 { top: -30% !important; } .top-sm-n35 { top: -35% !important; } .top-sm-n40 { top: -40% !important; } .top-sm-n45 { top: -45% !important; } .top-sm-n50 { top: -50% !important; } .top-sm-n55 { top: -55% !important; } .top-sm-n60 { top: -60% !important; } .top-sm-n65 { top: -65% !important; } .top-sm-n70 { top: -70% !important; } .top-sm-n75 { top: -75% !important; } .top-sm-n80 { top: -80% !important; } .top-sm-n85 { top: -85% !important; } .top-sm-n90 { top: -90% !important; } .top-sm-n95 { top: -95% !important; } .top-sm-n100 { top: -100% !important; } .top-sm-5px { top: 5px !important; } .top-sm-10px { top: 10px !important; } .top-sm-15px { top: 15px !important; } .top-sm-20px { top: 20px !important; } .top-sm-25px { top: 25px !important; } .top-sm-30px { top: 30px !important; } .top-sm-35px { top: 35px !important; } .top-sm-40px { top: 40px !important; } .top-sm-45px { top: 45px !important; } .top-sm-50px { top: 50px !important; } .top-sm-55px { top: 55px !important; } .top-sm-60px { top: 60px !important; } .top-sm-65px { top: 65px !important; } .top-sm-70px { top: 70px !important; } .top-sm-75px { top: 75px !important; } .top-sm-80px { top: 80px !important; } .top-sm-85px { top: 85px !important; } .top-sm-90px { top: 90px !important; } .top-sm-95px { top: 95px !important; } .top-sm-100px { top: 100px !important; } .top-sm-n5px { top: -5px !important; } .top-sm-n10px { top: -10px !important; } .top-sm-n15px { top: -15px !important; } .top-sm-n20px { top: -20px !important; } .top-sm-n25px { top: -25px !important; } .top-sm-n30px { top: -30px !important; } .top-sm-n35px { top: -35px !important; } .top-sm-n40px { top: -40px !important; } .top-sm-n45px { top: -45px !important; } .top-sm-n50px { top: -50px !important; } .top-sm-n55px { top: -55px !important; } .top-sm-n60px { top: -60px !important; } .top-sm-n65px { top: -65px !important; } .top-sm-n70px { top: -70px !important; } .top-sm-n75px { top: -75px !important; } .top-sm-n80px { top: -80px !important; } .top-sm-n85px { top: -85px !important; } .top-sm-n90px { top: -90px !important; } .top-sm-n95px { top: -95px !important; } .top-sm-n100px { top: -100px !important; } } @media screen and (min-width: 768px) { .top-md-auto { top: auto !important; } .top-md-0 { top: 0px !important; } .top-md-5 { top: 5% !important; } .top-md-10 { top: 10% !important; } .top-md-15 { top: 15% !important; } .top-md-20 { top: 20% !important; } .top-md-25 { top: 25% !important; } .top-md-30 { top: 30% !important; } .top-md-35 { top: 35% !important; } .top-md-40 { top: 40% !important; } .top-md-45 { top: 45% !important; } .top-md-50 { top: 50% !important; } .top-md-55 { top: 55% !important; } .top-md-60 { top: 60% !important; } .top-md-65 { top: 65% !important; } .top-md-70 { top: 70% !important; } .top-md-75 { top: 75% !important; } .top-md-80 { top: 80% !important; } .top-md-85 { top: 85% !important; } .top-md-90 { top: 90% !important; } .top-md-95 { top: 95% !important; } .top-md-100 { top: 100% !important; } .top-md-n5 { top: -5% !important; } .top-md-n10 { top: -10% !important; } .top-md-n15 { top: -15% !important; } .top-md-n20 { top: -20% !important; } .top-md-n25 { top: -25% !important; } .top-md-n30 { top: -30% !important; } .top-md-n35 { top: -35% !important; } .top-md-n40 { top: -40% !important; } .top-md-n45 { top: -45% !important; } .top-md-n50 { top: -50% !important; } .top-md-n55 { top: -55% !important; } .top-md-n60 { top: -60% !important; } .top-md-n65 { top: -65% !important; } .top-md-n70 { top: -70% !important; } .top-md-n75 { top: -75% !important; } .top-md-n80 { top: -80% !important; } .top-md-n85 { top: -85% !important; } .top-md-n90 { top: -90% !important; } .top-md-n95 { top: -95% !important; } .top-md-n100 { top: -100% !important; } .top-md-5px { top: 5px !important; } .top-md-10px { top: 10px !important; } .top-md-15px { top: 15px !important; } .top-md-20px { top: 20px !important; } .top-md-25px { top: 25px !important; } .top-md-30px { top: 30px !important; } .top-md-35px { top: 35px !important; } .top-md-40px { top: 40px !important; } .top-md-45px { top: 45px !important; } .top-md-50px { top: 50px !important; } .top-md-55px { top: 55px !important; } .top-md-60px { top: 60px !important; } .top-md-65px { top: 65px !important; } .top-md-70px { top: 70px !important; } .top-md-75px { top: 75px !important; } .top-md-80px { top: 80px !important; } .top-md-85px { top: 85px !important; } .top-md-90px { top: 90px !important; } .top-md-95px { top: 95px !important; } .top-md-100px { top: 100px !important; } .top-md-n5px { top: -5px !important; } .top-md-n10px { top: -10px !important; } .top-md-n15px { top: -15px !important; } .top-md-n20px { top: -20px !important; } .top-md-n25px { top: -25px !important; } .top-md-n30px { top: -30px !important; } .top-md-n35px { top: -35px !important; } .top-md-n40px { top: -40px !important; } .top-md-n45px { top: -45px !important; } .top-md-n50px { top: -50px !important; } .top-md-n55px { top: -55px !important; } .top-md-n60px { top: -60px !important; } .top-md-n65px { top: -65px !important; } .top-md-n70px { top: -70px !important; } .top-md-n75px { top: -75px !important; } .top-md-n80px { top: -80px !important; } .top-md-n85px { top: -85px !important; } .top-md-n90px { top: -90px !important; } .top-md-n95px { top: -95px !important; } .top-md-n100px { top: -100px !important; } } @media screen and (min-width: 1024px) { .top-lg-auto { top: auto !important; } .top-lg-0 { top: 0px !important; } .top-lg-5 { top: 5% !important; } .top-lg-10 { top: 10% !important; } .top-lg-15 { top: 15% !important; } .top-lg-20 { top: 20% !important; } .top-lg-25 { top: 25% !important; } .top-lg-30 { top: 30% !important; } .top-lg-35 { top: 35% !important; } .top-lg-40 { top: 40% !important; } .top-lg-45 { top: 45% !important; } .top-lg-50 { top: 50% !important; } .top-lg-55 { top: 55% !important; } .top-lg-60 { top: 60% !important; } .top-lg-65 { top: 65% !important; } .top-lg-70 { top: 70% !important; } .top-lg-75 { top: 75% !important; } .top-lg-80 { top: 80% !important; } .top-lg-85 { top: 85% !important; } .top-lg-90 { top: 90% !important; } .top-lg-95 { top: 95% !important; } .top-lg-100 { top: 100% !important; } .top-lg-n5 { top: -5% !important; } .top-lg-n10 { top: -10% !important; } .top-lg-n15 { top: -15% !important; } .top-lg-n20 { top: -20% !important; } .top-lg-n25 { top: -25% !important; } .top-lg-n30 { top: -30% !important; } .top-lg-n35 { top: -35% !important; } .top-lg-n40 { top: -40% !important; } .top-lg-n45 { top: -45% !important; } .top-lg-n50 { top: -50% !important; } .top-lg-n55 { top: -55% !important; } .top-lg-n60 { top: -60% !important; } .top-lg-n65 { top: -65% !important; } .top-lg-n70 { top: -70% !important; } .top-lg-n75 { top: -75% !important; } .top-lg-n80 { top: -80% !important; } .top-lg-n85 { top: -85% !important; } .top-lg-n90 { top: -90% !important; } .top-lg-n95 { top: -95% !important; } .top-lg-n100 { top: -100% !important; } .top-lg-5px { top: 5px !important; } .top-lg-10px { top: 10px !important; } .top-lg-15px { top: 15px !important; } .top-lg-20px { top: 20px !important; } .top-lg-25px { top: 25px !important; } .top-lg-30px { top: 30px !important; } .top-lg-35px { top: 35px !important; } .top-lg-40px { top: 40px !important; } .top-lg-45px { top: 45px !important; } .top-lg-50px { top: 50px !important; } .top-lg-55px { top: 55px !important; } .top-lg-60px { top: 60px !important; } .top-lg-65px { top: 65px !important; } .top-lg-70px { top: 70px !important; } .top-lg-75px { top: 75px !important; } .top-lg-80px { top: 80px !important; } .top-lg-85px { top: 85px !important; } .top-lg-90px { top: 90px !important; } .top-lg-95px { top: 95px !important; } .top-lg-100px { top: 100px !important; } .top-lg-n5px { top: -5px !important; } .top-lg-n10px { top: -10px !important; } .top-lg-n15px { top: -15px !important; } .top-lg-n20px { top: -20px !important; } .top-lg-n25px { top: -25px !important; } .top-lg-n30px { top: -30px !important; } .top-lg-n35px { top: -35px !important; } .top-lg-n40px { top: -40px !important; } .top-lg-n45px { top: -45px !important; } .top-lg-n50px { top: -50px !important; } .top-lg-n55px { top: -55px !important; } .top-lg-n60px { top: -60px !important; } .top-lg-n65px { top: -65px !important; } .top-lg-n70px { top: -70px !important; } .top-lg-n75px { top: -75px !important; } .top-lg-n80px { top: -80px !important; } .top-lg-n85px { top: -85px !important; } .top-lg-n90px { top: -90px !important; } .top-lg-n95px { top: -95px !important; } .top-lg-n100px { top: -100px !important; } } @media screen and (min-width: 1224px) { .top-xl-auto { top: auto !important; } .top-xl-0 { top: 0px !important; } .top-xl-5 { top: 5% !important; } .top-xl-10 { top: 10% !important; } .top-xl-15 { top: 15% !important; } .top-xl-20 { top: 20% !important; } .top-xl-25 { top: 25% !important; } .top-xl-30 { top: 30% !important; } .top-xl-35 { top: 35% !important; } .top-xl-40 { top: 40% !important; } .top-xl-45 { top: 45% !important; } .top-xl-50 { top: 50% !important; } .top-xl-55 { top: 55% !important; } .top-xl-60 { top: 60% !important; } .top-xl-65 { top: 65% !important; } .top-xl-70 { top: 70% !important; } .top-xl-75 { top: 75% !important; } .top-xl-80 { top: 80% !important; } .top-xl-85 { top: 85% !important; } .top-xl-90 { top: 90% !important; } .top-xl-95 { top: 95% !important; } .top-xl-100 { top: 100% !important; } .top-xl-n5 { top: -5% !important; } .top-xl-n10 { top: -10% !important; } .top-xl-n15 { top: -15% !important; } .top-xl-n20 { top: -20% !important; } .top-xl-n25 { top: -25% !important; } .top-xl-n30 { top: -30% !important; } .top-xl-n35 { top: -35% !important; } .top-xl-n40 { top: -40% !important; } .top-xl-n45 { top: -45% !important; } .top-xl-n50 { top: -50% !important; } .top-xl-n55 { top: -55% !important; } .top-xl-n60 { top: -60% !important; } .top-xl-n65 { top: -65% !important; } .top-xl-n70 { top: -70% !important; } .top-xl-n75 { top: -75% !important; } .top-xl-n80 { top: -80% !important; } .top-xl-n85 { top: -85% !important; } .top-xl-n90 { top: -90% !important; } .top-xl-n95 { top: -95% !important; } .top-xl-n100 { top: -100% !important; } .top-xl-5px { top: 5px !important; } .top-xl-10px { top: 10px !important; } .top-xl-15px { top: 15px !important; } .top-xl-20px { top: 20px !important; } .top-xl-25px { top: 25px !important; } .top-xl-30px { top: 30px !important; } .top-xl-35px { top: 35px !important; } .top-xl-40px { top: 40px !important; } .top-xl-45px { top: 45px !important; } .top-xl-50px { top: 50px !important; } .top-xl-55px { top: 55px !important; } .top-xl-60px { top: 60px !important; } .top-xl-65px { top: 65px !important; } .top-xl-70px { top: 70px !important; } .top-xl-75px { top: 75px !important; } .top-xl-80px { top: 80px !important; } .top-xl-85px { top: 85px !important; } .top-xl-90px { top: 90px !important; } .top-xl-95px { top: 95px !important; } .top-xl-100px { top: 100px !important; } .top-xl-n5px { top: -5px !important; } .top-xl-n10px { top: -10px !important; } .top-xl-n15px { top: -15px !important; } .top-xl-n20px { top: -20px !important; } .top-xl-n25px { top: -25px !important; } .top-xl-n30px { top: -30px !important; } .top-xl-n35px { top: -35px !important; } .top-xl-n40px { top: -40px !important; } .top-xl-n45px { top: -45px !important; } .top-xl-n50px { top: -50px !important; } .top-xl-n55px { top: -55px !important; } .top-xl-n60px { top: -60px !important; } .top-xl-n65px { top: -65px !important; } .top-xl-n70px { top: -70px !important; } .top-xl-n75px { top: -75px !important; } .top-xl-n80px { top: -80px !important; } .top-xl-n85px { top: -85px !important; } .top-xl-n90px { top: -90px !important; } .top-xl-n95px { top: -95px !important; } .top-xl-n100px { top: -100px !important; } } @media screen and (min-width: 1587px) { .top-xlp-auto { top: auto !important; } .top-xlp-0 { top: 0px !important; } .top-xlp-5 { top: 5% !important; } .top-xlp-10 { top: 10% !important; } .top-xlp-15 { top: 15% !important; } .top-xlp-20 { top: 20% !important; } .top-xlp-25 { top: 25% !important; } .top-xlp-30 { top: 30% !important; } .top-xlp-35 { top: 35% !important; } .top-xlp-40 { top: 40% !important; } .top-xlp-45 { top: 45% !important; } .top-xlp-50 { top: 50% !important; } .top-xlp-55 { top: 55% !important; } .top-xlp-60 { top: 60% !important; } .top-xlp-65 { top: 65% !important; } .top-xlp-70 { top: 70% !important; } .top-xlp-75 { top: 75% !important; } .top-xlp-80 { top: 80% !important; } .top-xlp-85 { top: 85% !important; } .top-xlp-90 { top: 90% !important; } .top-xlp-95 { top: 95% !important; } .top-xlp-100 { top: 100% !important; } .top-xlp-n5 { top: -5% !important; } .top-xlp-n10 { top: -10% !important; } .top-xlp-n15 { top: -15% !important; } .top-xlp-n20 { top: -20% !important; } .top-xlp-n25 { top: -25% !important; } .top-xlp-n30 { top: -30% !important; } .top-xlp-n35 { top: -35% !important; } .top-xlp-n40 { top: -40% !important; } .top-xlp-n45 { top: -45% !important; } .top-xlp-n50 { top: -50% !important; } .top-xlp-n55 { top: -55% !important; } .top-xlp-n60 { top: -60% !important; } .top-xlp-n65 { top: -65% !important; } .top-xlp-n70 { top: -70% !important; } .top-xlp-n75 { top: -75% !important; } .top-xlp-n80 { top: -80% !important; } .top-xlp-n85 { top: -85% !important; } .top-xlp-n90 { top: -90% !important; } .top-xlp-n95 { top: -95% !important; } .top-xlp-n100 { top: -100% !important; } .top-xlp-5px { top: 5px !important; } .top-xlp-10px { top: 10px !important; } .top-xlp-15px { top: 15px !important; } .top-xlp-20px { top: 20px !important; } .top-xlp-25px { top: 25px !important; } .top-xlp-30px { top: 30px !important; } .top-xlp-35px { top: 35px !important; } .top-xlp-40px { top: 40px !important; } .top-xlp-45px { top: 45px !important; } .top-xlp-50px { top: 50px !important; } .top-xlp-55px { top: 55px !important; } .top-xlp-60px { top: 60px !important; } .top-xlp-65px { top: 65px !important; } .top-xlp-70px { top: 70px !important; } .top-xlp-75px { top: 75px !important; } .top-xlp-80px { top: 80px !important; } .top-xlp-85px { top: 85px !important; } .top-xlp-90px { top: 90px !important; } .top-xlp-95px { top: 95px !important; } .top-xlp-100px { top: 100px !important; } .top-xlp-n5px { top: -5px !important; } .top-xlp-n10px { top: -10px !important; } .top-xlp-n15px { top: -15px !important; } .top-xlp-n20px { top: -20px !important; } .top-xlp-n25px { top: -25px !important; } .top-xlp-n30px { top: -30px !important; } .top-xlp-n35px { top: -35px !important; } .top-xlp-n40px { top: -40px !important; } .top-xlp-n45px { top: -45px !important; } .top-xlp-n50px { top: -50px !important; } .top-xlp-n55px { top: -55px !important; } .top-xlp-n60px { top: -60px !important; } .top-xlp-n65px { top: -65px !important; } .top-xlp-n70px { top: -70px !important; } .top-xlp-n75px { top: -75px !important; } .top-xlp-n80px { top: -80px !important; } .top-xlp-n85px { top: -85px !important; } .top-xlp-n90px { top: -90px !important; } .top-xlp-n95px { top: -95px !important; } .top-xlp-n100px { top: -100px !important; } } @media screen and (min-width: 1907px) { .top-xxl-auto { top: auto !important; } .top-xxl-0 { top: 0px !important; } .top-xxl-5 { top: 5% !important; } .top-xxl-10 { top: 10% !important; } .top-xxl-15 { top: 15% !important; } .top-xxl-20 { top: 20% !important; } .top-xxl-25 { top: 25% !important; } .top-xxl-30 { top: 30% !important; } .top-xxl-35 { top: 35% !important; } .top-xxl-40 { top: 40% !important; } .top-xxl-45 { top: 45% !important; } .top-xxl-50 { top: 50% !important; } .top-xxl-55 { top: 55% !important; } .top-xxl-60 { top: 60% !important; } .top-xxl-65 { top: 65% !important; } .top-xxl-70 { top: 70% !important; } .top-xxl-75 { top: 75% !important; } .top-xxl-80 { top: 80% !important; } .top-xxl-85 { top: 85% !important; } .top-xxl-90 { top: 90% !important; } .top-xxl-95 { top: 95% !important; } .top-xxl-100 { top: 100% !important; } .top-xxl-n5 { top: -5% !important; } .top-xxl-n10 { top: -10% !important; } .top-xxl-n15 { top: -15% !important; } .top-xxl-n20 { top: -20% !important; } .top-xxl-n25 { top: -25% !important; } .top-xxl-n30 { top: -30% !important; } .top-xxl-n35 { top: -35% !important; } .top-xxl-n40 { top: -40% !important; } .top-xxl-n45 { top: -45% !important; } .top-xxl-n50 { top: -50% !important; } .top-xxl-n55 { top: -55% !important; } .top-xxl-n60 { top: -60% !important; } .top-xxl-n65 { top: -65% !important; } .top-xxl-n70 { top: -70% !important; } .top-xxl-n75 { top: -75% !important; } .top-xxl-n80 { top: -80% !important; } .top-xxl-n85 { top: -85% !important; } .top-xxl-n90 { top: -90% !important; } .top-xxl-n95 { top: -95% !important; } .top-xxl-n100 { top: -100% !important; } .top-xxl-5px { top: 5px !important; } .top-xxl-10px { top: 10px !important; } .top-xxl-15px { top: 15px !important; } .top-xxl-20px { top: 20px !important; } .top-xxl-25px { top: 25px !important; } .top-xxl-30px { top: 30px !important; } .top-xxl-35px { top: 35px !important; } .top-xxl-40px { top: 40px !important; } .top-xxl-45px { top: 45px !important; } .top-xxl-50px { top: 50px !important; } .top-xxl-55px { top: 55px !important; } .top-xxl-60px { top: 60px !important; } .top-xxl-65px { top: 65px !important; } .top-xxl-70px { top: 70px !important; } .top-xxl-75px { top: 75px !important; } .top-xxl-80px { top: 80px !important; } .top-xxl-85px { top: 85px !important; } .top-xxl-90px { top: 90px !important; } .top-xxl-95px { top: 95px !important; } .top-xxl-100px { top: 100px !important; } .top-xxl-n5px { top: -5px !important; } .top-xxl-n10px { top: -10px !important; } .top-xxl-n15px { top: -15px !important; } .top-xxl-n20px { top: -20px !important; } .top-xxl-n25px { top: -25px !important; } .top-xxl-n30px { top: -30px !important; } .top-xxl-n35px { top: -35px !important; } .top-xxl-n40px { top: -40px !important; } .top-xxl-n45px { top: -45px !important; } .top-xxl-n50px { top: -50px !important; } .top-xxl-n55px { top: -55px !important; } .top-xxl-n60px { top: -60px !important; } .top-xxl-n65px { top: -65px !important; } .top-xxl-n70px { top: -70px !important; } .top-xxl-n75px { top: -75px !important; } .top-xxl-n80px { top: -80px !important; } .top-xxl-n85px { top: -85px !important; } .top-xxl-n90px { top: -90px !important; } .top-xxl-n95px { top: -95px !important; } .top-xxl-n100px { top: -100px !important; } } .left-auto { left: auto !important; } .left-0 { left: 0px !important; } .left-5 { left: 5% !important; } .left-10 { left: 10% !important; } .left-15 { left: 15% !important; } .left-20 { left: 20% !important; } .left-25 { left: 25% !important; } .left-30 { left: 30% !important; } .left-35 { left: 35% !important; } .left-40 { left: 40% !important; } .left-45 { left: 45% !important; } .left-50 { left: 50% !important; } .left-55 { left: 55% !important; } .left-60 { left: 60% !important; } .left-65 { left: 65% !important; } .left-70 { left: 70% !important; } .left-75 { left: 75% !important; } .left-80 { left: 80% !important; } .left-85 { left: 85% !important; } .left-90 { left: 90% !important; } .left-95 { left: 95% !important; } .left-100 { left: 100% !important; } .left-n5 { left: -5% !important; } .left-n10 { left: -10% !important; } .left-n15 { left: -15% !important; } .left-n20 { left: -20% !important; } .left-n25 { left: -25% !important; } .left-n30 { left: -30% !important; } .left-n35 { left: -35% !important; } .left-n40 { left: -40% !important; } .left-n45 { left: -45% !important; } .left-n50 { left: -50% !important; } .left-n55 { left: -55% !important; } .left-n60 { left: -60% !important; } .left-n65 { left: -65% !important; } .left-n70 { left: -70% !important; } .left-n75 { left: -75% !important; } .left-n80 { left: -80% !important; } .left-n85 { left: -85% !important; } .left-n90 { left: -90% !important; } .left-n95 { left: -95% !important; } .left-n100 { left: -100% !important; } .left-5px { left: 5px !important; } .left-10px { left: 10px !important; } .left-15px { left: 15px !important; } .left-20px { left: 20px !important; } .left-25px { left: 25px !important; } .left-30px { left: 30px !important; } .left-35px { left: 35px !important; } .left-40px { left: 40px !important; } .left-45px { left: 45px !important; } .left-50px { left: 50px !important; } .left-55px { left: 55px !important; } .left-60px { left: 60px !important; } .left-65px { left: 65px !important; } .left-70px { left: 70px !important; } .left-75px { left: 75px !important; } .left-80px { left: 80px !important; } .left-85px { left: 85px !important; } .left-90px { left: 90px !important; } .left-95px { left: 95px !important; } .left-100px { left: 100px !important; } .left-n5px { left: -5px !important; } .left-n10px { left: -10px !important; } .left-n15px { left: -15px !important; } .left-n20px { left: -20px !important; } .left-n25px { left: -25px !important; } .left-n30px { left: -30px !important; } .left-n35px { left: -35px !important; } .left-n40px { left: -40px !important; } .left-n45px { left: -45px !important; } .left-n50px { left: -50px !important; } .left-n55px { left: -55px !important; } .left-n60px { left: -60px !important; } .left-n65px { left: -65px !important; } .left-n70px { left: -70px !important; } .left-n75px { left: -75px !important; } .left-n80px { left: -80px !important; } .left-n85px { left: -85px !important; } .left-n90px { left: -90px !important; } .left-n95px { left: -95px !important; } .left-n100px { left: -100px !important; } @media screen and (min-width: 420px) { .left-sm-auto { left: auto !important; } .left-sm-0 { left: 0px !important; } .left-sm-5 { left: 5% !important; } .left-sm-10 { left: 10% !important; } .left-sm-15 { left: 15% !important; } .left-sm-20 { left: 20% !important; } .left-sm-25 { left: 25% !important; } .left-sm-30 { left: 30% !important; } .left-sm-35 { left: 35% !important; } .left-sm-40 { left: 40% !important; } .left-sm-45 { left: 45% !important; } .left-sm-50 { left: 50% !important; } .left-sm-55 { left: 55% !important; } .left-sm-60 { left: 60% !important; } .left-sm-65 { left: 65% !important; } .left-sm-70 { left: 70% !important; } .left-sm-75 { left: 75% !important; } .left-sm-80 { left: 80% !important; } .left-sm-85 { left: 85% !important; } .left-sm-90 { left: 90% !important; } .left-sm-95 { left: 95% !important; } .left-sm-100 { left: 100% !important; } .left-sm-n5 { left: -5% !important; } .left-sm-n10 { left: -10% !important; } .left-sm-n15 { left: -15% !important; } .left-sm-n20 { left: -20% !important; } .left-sm-n25 { left: -25% !important; } .left-sm-n30 { left: -30% !important; } .left-sm-n35 { left: -35% !important; } .left-sm-n40 { left: -40% !important; } .left-sm-n45 { left: -45% !important; } .left-sm-n50 { left: -50% !important; } .left-sm-n55 { left: -55% !important; } .left-sm-n60 { left: -60% !important; } .left-sm-n65 { left: -65% !important; } .left-sm-n70 { left: -70% !important; } .left-sm-n75 { left: -75% !important; } .left-sm-n80 { left: -80% !important; } .left-sm-n85 { left: -85% !important; } .left-sm-n90 { left: -90% !important; } .left-sm-n95 { left: -95% !important; } .left-sm-n100 { left: -100% !important; } .left-sm-5px { left: 5px !important; } .left-sm-10px { left: 10px !important; } .left-sm-15px { left: 15px !important; } .left-sm-20px { left: 20px !important; } .left-sm-25px { left: 25px !important; } .left-sm-30px { left: 30px !important; } .left-sm-35px { left: 35px !important; } .left-sm-40px { left: 40px !important; } .left-sm-45px { left: 45px !important; } .left-sm-50px { left: 50px !important; } .left-sm-55px { left: 55px !important; } .left-sm-60px { left: 60px !important; } .left-sm-65px { left: 65px !important; } .left-sm-70px { left: 70px !important; } .left-sm-75px { left: 75px !important; } .left-sm-80px { left: 80px !important; } .left-sm-85px { left: 85px !important; } .left-sm-90px { left: 90px !important; } .left-sm-95px { left: 95px !important; } .left-sm-100px { left: 100px !important; } .left-sm-n5px { left: -5px !important; } .left-sm-n10px { left: -10px !important; } .left-sm-n15px { left: -15px !important; } .left-sm-n20px { left: -20px !important; } .left-sm-n25px { left: -25px !important; } .left-sm-n30px { left: -30px !important; } .left-sm-n35px { left: -35px !important; } .left-sm-n40px { left: -40px !important; } .left-sm-n45px { left: -45px !important; } .left-sm-n50px { left: -50px !important; } .left-sm-n55px { left: -55px !important; } .left-sm-n60px { left: -60px !important; } .left-sm-n65px { left: -65px !important; } .left-sm-n70px { left: -70px !important; } .left-sm-n75px { left: -75px !important; } .left-sm-n80px { left: -80px !important; } .left-sm-n85px { left: -85px !important; } .left-sm-n90px { left: -90px !important; } .left-sm-n95px { left: -95px !important; } .left-sm-n100px { left: -100px !important; } } @media screen and (min-width: 768px) { .left-md-auto { left: auto !important; } .left-md-0 { left: 0px !important; } .left-md-5 { left: 5% !important; } .left-md-10 { left: 10% !important; } .left-md-15 { left: 15% !important; } .left-md-20 { left: 20% !important; } .left-md-25 { left: 25% !important; } .left-md-30 { left: 30% !important; } .left-md-35 { left: 35% !important; } .left-md-40 { left: 40% !important; } .left-md-45 { left: 45% !important; } .left-md-50 { left: 50% !important; } .left-md-55 { left: 55% !important; } .left-md-60 { left: 60% !important; } .left-md-65 { left: 65% !important; } .left-md-70 { left: 70% !important; } .left-md-75 { left: 75% !important; } .left-md-80 { left: 80% !important; } .left-md-85 { left: 85% !important; } .left-md-90 { left: 90% !important; } .left-md-95 { left: 95% !important; } .left-md-100 { left: 100% !important; } .left-md-n5 { left: -5% !important; } .left-md-n10 { left: -10% !important; } .left-md-n15 { left: -15% !important; } .left-md-n20 { left: -20% !important; } .left-md-n25 { left: -25% !important; } .left-md-n30 { left: -30% !important; } .left-md-n35 { left: -35% !important; } .left-md-n40 { left: -40% !important; } .left-md-n45 { left: -45% !important; } .left-md-n50 { left: -50% !important; } .left-md-n55 { left: -55% !important; } .left-md-n60 { left: -60% !important; } .left-md-n65 { left: -65% !important; } .left-md-n70 { left: -70% !important; } .left-md-n75 { left: -75% !important; } .left-md-n80 { left: -80% !important; } .left-md-n85 { left: -85% !important; } .left-md-n90 { left: -90% !important; } .left-md-n95 { left: -95% !important; } .left-md-n100 { left: -100% !important; } .left-md-5px { left: 5px !important; } .left-md-10px { left: 10px !important; } .left-md-15px { left: 15px !important; } .left-md-20px { left: 20px !important; } .left-md-25px { left: 25px !important; } .left-md-30px { left: 30px !important; } .left-md-35px { left: 35px !important; } .left-md-40px { left: 40px !important; } .left-md-45px { left: 45px !important; } .left-md-50px { left: 50px !important; } .left-md-55px { left: 55px !important; } .left-md-60px { left: 60px !important; } .left-md-65px { left: 65px !important; } .left-md-70px { left: 70px !important; } .left-md-75px { left: 75px !important; } .left-md-80px { left: 80px !important; } .left-md-85px { left: 85px !important; } .left-md-90px { left: 90px !important; } .left-md-95px { left: 95px !important; } .left-md-100px { left: 100px !important; } .left-md-n5px { left: -5px !important; } .left-md-n10px { left: -10px !important; } .left-md-n15px { left: -15px !important; } .left-md-n20px { left: -20px !important; } .left-md-n25px { left: -25px !important; } .left-md-n30px { left: -30px !important; } .left-md-n35px { left: -35px !important; } .left-md-n40px { left: -40px !important; } .left-md-n45px { left: -45px !important; } .left-md-n50px { left: -50px !important; } .left-md-n55px { left: -55px !important; } .left-md-n60px { left: -60px !important; } .left-md-n65px { left: -65px !important; } .left-md-n70px { left: -70px !important; } .left-md-n75px { left: -75px !important; } .left-md-n80px { left: -80px !important; } .left-md-n85px { left: -85px !important; } .left-md-n90px { left: -90px !important; } .left-md-n95px { left: -95px !important; } .left-md-n100px { left: -100px !important; } } @media screen and (min-width: 1024px) { .left-lg-auto { left: auto !important; } .left-lg-0 { left: 0px !important; } .left-lg-5 { left: 5% !important; } .left-lg-10 { left: 10% !important; } .left-lg-15 { left: 15% !important; } .left-lg-20 { left: 20% !important; } .left-lg-25 { left: 25% !important; } .left-lg-30 { left: 30% !important; } .left-lg-35 { left: 35% !important; } .left-lg-40 { left: 40% !important; } .left-lg-45 { left: 45% !important; } .left-lg-50 { left: 50% !important; } .left-lg-55 { left: 55% !important; } .left-lg-60 { left: 60% !important; } .left-lg-65 { left: 65% !important; } .left-lg-70 { left: 70% !important; } .left-lg-75 { left: 75% !important; } .left-lg-80 { left: 80% !important; } .left-lg-85 { left: 85% !important; } .left-lg-90 { left: 90% !important; } .left-lg-95 { left: 95% !important; } .left-lg-100 { left: 100% !important; } .left-lg-n5 { left: -5% !important; } .left-lg-n10 { left: -10% !important; } .left-lg-n15 { left: -15% !important; } .left-lg-n20 { left: -20% !important; } .left-lg-n25 { left: -25% !important; } .left-lg-n30 { left: -30% !important; } .left-lg-n35 { left: -35% !important; } .left-lg-n40 { left: -40% !important; } .left-lg-n45 { left: -45% !important; } .left-lg-n50 { left: -50% !important; } .left-lg-n55 { left: -55% !important; } .left-lg-n60 { left: -60% !important; } .left-lg-n65 { left: -65% !important; } .left-lg-n70 { left: -70% !important; } .left-lg-n75 { left: -75% !important; } .left-lg-n80 { left: -80% !important; } .left-lg-n85 { left: -85% !important; } .left-lg-n90 { left: -90% !important; } .left-lg-n95 { left: -95% !important; } .left-lg-n100 { left: -100% !important; } .left-lg-5px { left: 5px !important; } .left-lg-10px { left: 10px !important; } .left-lg-15px { left: 15px !important; } .left-lg-20px { left: 20px !important; } .left-lg-25px { left: 25px !important; } .left-lg-30px { left: 30px !important; } .left-lg-35px { left: 35px !important; } .left-lg-40px { left: 40px !important; } .left-lg-45px { left: 45px !important; } .left-lg-50px { left: 50px !important; } .left-lg-55px { left: 55px !important; } .left-lg-60px { left: 60px !important; } .left-lg-65px { left: 65px !important; } .left-lg-70px { left: 70px !important; } .left-lg-75px { left: 75px !important; } .left-lg-80px { left: 80px !important; } .left-lg-85px { left: 85px !important; } .left-lg-90px { left: 90px !important; } .left-lg-95px { left: 95px !important; } .left-lg-100px { left: 100px !important; } .left-lg-n5px { left: -5px !important; } .left-lg-n10px { left: -10px !important; } .left-lg-n15px { left: -15px !important; } .left-lg-n20px { left: -20px !important; } .left-lg-n25px { left: -25px !important; } .left-lg-n30px { left: -30px !important; } .left-lg-n35px { left: -35px !important; } .left-lg-n40px { left: -40px !important; } .left-lg-n45px { left: -45px !important; } .left-lg-n50px { left: -50px !important; } .left-lg-n55px { left: -55px !important; } .left-lg-n60px { left: -60px !important; } .left-lg-n65px { left: -65px !important; } .left-lg-n70px { left: -70px !important; } .left-lg-n75px { left: -75px !important; } .left-lg-n80px { left: -80px !important; } .left-lg-n85px { left: -85px !important; } .left-lg-n90px { left: -90px !important; } .left-lg-n95px { left: -95px !important; } .left-lg-n100px { left: -100px !important; } } @media screen and (min-width: 1224px) { .left-xl-auto { left: auto !important; } .left-xl-0 { left: 0px !important; } .left-xl-5 { left: 5% !important; } .left-xl-10 { left: 10% !important; } .left-xl-15 { left: 15% !important; } .left-xl-20 { left: 20% !important; } .left-xl-25 { left: 25% !important; } .left-xl-30 { left: 30% !important; } .left-xl-35 { left: 35% !important; } .left-xl-40 { left: 40% !important; } .left-xl-45 { left: 45% !important; } .left-xl-50 { left: 50% !important; } .left-xl-55 { left: 55% !important; } .left-xl-60 { left: 60% !important; } .left-xl-65 { left: 65% !important; } .left-xl-70 { left: 70% !important; } .left-xl-75 { left: 75% !important; } .left-xl-80 { left: 80% !important; } .left-xl-85 { left: 85% !important; } .left-xl-90 { left: 90% !important; } .left-xl-95 { left: 95% !important; } .left-xl-100 { left: 100% !important; } .left-xl-n5 { left: -5% !important; } .left-xl-n10 { left: -10% !important; } .left-xl-n15 { left: -15% !important; } .left-xl-n20 { left: -20% !important; } .left-xl-n25 { left: -25% !important; } .left-xl-n30 { left: -30% !important; } .left-xl-n35 { left: -35% !important; } .left-xl-n40 { left: -40% !important; } .left-xl-n45 { left: -45% !important; } .left-xl-n50 { left: -50% !important; } .left-xl-n55 { left: -55% !important; } .left-xl-n60 { left: -60% !important; } .left-xl-n65 { left: -65% !important; } .left-xl-n70 { left: -70% !important; } .left-xl-n75 { left: -75% !important; } .left-xl-n80 { left: -80% !important; } .left-xl-n85 { left: -85% !important; } .left-xl-n90 { left: -90% !important; } .left-xl-n95 { left: -95% !important; } .left-xl-n100 { left: -100% !important; } .left-xl-5px { left: 5px !important; } .left-xl-10px { left: 10px !important; } .left-xl-15px { left: 15px !important; } .left-xl-20px { left: 20px !important; } .left-xl-25px { left: 25px !important; } .left-xl-30px { left: 30px !important; } .left-xl-35px { left: 35px !important; } .left-xl-40px { left: 40px !important; } .left-xl-45px { left: 45px !important; } .left-xl-50px { left: 50px !important; } .left-xl-55px { left: 55px !important; } .left-xl-60px { left: 60px !important; } .left-xl-65px { left: 65px !important; } .left-xl-70px { left: 70px !important; } .left-xl-75px { left: 75px !important; } .left-xl-80px { left: 80px !important; } .left-xl-85px { left: 85px !important; } .left-xl-90px { left: 90px !important; } .left-xl-95px { left: 95px !important; } .left-xl-100px { left: 100px !important; } .left-xl-n5px { left: -5px !important; } .left-xl-n10px { left: -10px !important; } .left-xl-n15px { left: -15px !important; } .left-xl-n20px { left: -20px !important; } .left-xl-n25px { left: -25px !important; } .left-xl-n30px { left: -30px !important; } .left-xl-n35px { left: -35px !important; } .left-xl-n40px { left: -40px !important; } .left-xl-n45px { left: -45px !important; } .left-xl-n50px { left: -50px !important; } .left-xl-n55px { left: -55px !important; } .left-xl-n60px { left: -60px !important; } .left-xl-n65px { left: -65px !important; } .left-xl-n70px { left: -70px !important; } .left-xl-n75px { left: -75px !important; } .left-xl-n80px { left: -80px !important; } .left-xl-n85px { left: -85px !important; } .left-xl-n90px { left: -90px !important; } .left-xl-n95px { left: -95px !important; } .left-xl-n100px { left: -100px !important; } } @media screen and (min-width: 1587px) { .left-xlp-auto { left: auto !important; } .left-xlp-0 { left: 0px !important; } .left-xlp-5 { left: 5% !important; } .left-xlp-10 { left: 10% !important; } .left-xlp-15 { left: 15% !important; } .left-xlp-20 { left: 20% !important; } .left-xlp-25 { left: 25% !important; } .left-xlp-30 { left: 30% !important; } .left-xlp-35 { left: 35% !important; } .left-xlp-40 { left: 40% !important; } .left-xlp-45 { left: 45% !important; } .left-xlp-50 { left: 50% !important; } .left-xlp-55 { left: 55% !important; } .left-xlp-60 { left: 60% !important; } .left-xlp-65 { left: 65% !important; } .left-xlp-70 { left: 70% !important; } .left-xlp-75 { left: 75% !important; } .left-xlp-80 { left: 80% !important; } .left-xlp-85 { left: 85% !important; } .left-xlp-90 { left: 90% !important; } .left-xlp-95 { left: 95% !important; } .left-xlp-100 { left: 100% !important; } .left-xlp-n5 { left: -5% !important; } .left-xlp-n10 { left: -10% !important; } .left-xlp-n15 { left: -15% !important; } .left-xlp-n20 { left: -20% !important; } .left-xlp-n25 { left: -25% !important; } .left-xlp-n30 { left: -30% !important; } .left-xlp-n35 { left: -35% !important; } .left-xlp-n40 { left: -40% !important; } .left-xlp-n45 { left: -45% !important; } .left-xlp-n50 { left: -50% !important; } .left-xlp-n55 { left: -55% !important; } .left-xlp-n60 { left: -60% !important; } .left-xlp-n65 { left: -65% !important; } .left-xlp-n70 { left: -70% !important; } .left-xlp-n75 { left: -75% !important; } .left-xlp-n80 { left: -80% !important; } .left-xlp-n85 { left: -85% !important; } .left-xlp-n90 { left: -90% !important; } .left-xlp-n95 { left: -95% !important; } .left-xlp-n100 { left: -100% !important; } .left-xlp-5px { left: 5px !important; } .left-xlp-10px { left: 10px !important; } .left-xlp-15px { left: 15px !important; } .left-xlp-20px { left: 20px !important; } .left-xlp-25px { left: 25px !important; } .left-xlp-30px { left: 30px !important; } .left-xlp-35px { left: 35px !important; } .left-xlp-40px { left: 40px !important; } .left-xlp-45px { left: 45px !important; } .left-xlp-50px { left: 50px !important; } .left-xlp-55px { left: 55px !important; } .left-xlp-60px { left: 60px !important; } .left-xlp-65px { left: 65px !important; } .left-xlp-70px { left: 70px !important; } .left-xlp-75px { left: 75px !important; } .left-xlp-80px { left: 80px !important; } .left-xlp-85px { left: 85px !important; } .left-xlp-90px { left: 90px !important; } .left-xlp-95px { left: 95px !important; } .left-xlp-100px { left: 100px !important; } .left-xlp-n5px { left: -5px !important; } .left-xlp-n10px { left: -10px !important; } .left-xlp-n15px { left: -15px !important; } .left-xlp-n20px { left: -20px !important; } .left-xlp-n25px { left: -25px !important; } .left-xlp-n30px { left: -30px !important; } .left-xlp-n35px { left: -35px !important; } .left-xlp-n40px { left: -40px !important; } .left-xlp-n45px { left: -45px !important; } .left-xlp-n50px { left: -50px !important; } .left-xlp-n55px { left: -55px !important; } .left-xlp-n60px { left: -60px !important; } .left-xlp-n65px { left: -65px !important; } .left-xlp-n70px { left: -70px !important; } .left-xlp-n75px { left: -75px !important; } .left-xlp-n80px { left: -80px !important; } .left-xlp-n85px { left: -85px !important; } .left-xlp-n90px { left: -90px !important; } .left-xlp-n95px { left: -95px !important; } .left-xlp-n100px { left: -100px !important; } } @media screen and (min-width: 1907px) { .left-xxl-auto { left: auto !important; } .left-xxl-0 { left: 0px !important; } .left-xxl-5 { left: 5% !important; } .left-xxl-10 { left: 10% !important; } .left-xxl-15 { left: 15% !important; } .left-xxl-20 { left: 20% !important; } .left-xxl-25 { left: 25% !important; } .left-xxl-30 { left: 30% !important; } .left-xxl-35 { left: 35% !important; } .left-xxl-40 { left: 40% !important; } .left-xxl-45 { left: 45% !important; } .left-xxl-50 { left: 50% !important; } .left-xxl-55 { left: 55% !important; } .left-xxl-60 { left: 60% !important; } .left-xxl-65 { left: 65% !important; } .left-xxl-70 { left: 70% !important; } .left-xxl-75 { left: 75% !important; } .left-xxl-80 { left: 80% !important; } .left-xxl-85 { left: 85% !important; } .left-xxl-90 { left: 90% !important; } .left-xxl-95 { left: 95% !important; } .left-xxl-100 { left: 100% !important; } .left-xxl-n5 { left: -5% !important; } .left-xxl-n10 { left: -10% !important; } .left-xxl-n15 { left: -15% !important; } .left-xxl-n20 { left: -20% !important; } .left-xxl-n25 { left: -25% !important; } .left-xxl-n30 { left: -30% !important; } .left-xxl-n35 { left: -35% !important; } .left-xxl-n40 { left: -40% !important; } .left-xxl-n45 { left: -45% !important; } .left-xxl-n50 { left: -50% !important; } .left-xxl-n55 { left: -55% !important; } .left-xxl-n60 { left: -60% !important; } .left-xxl-n65 { left: -65% !important; } .left-xxl-n70 { left: -70% !important; } .left-xxl-n75 { left: -75% !important; } .left-xxl-n80 { left: -80% !important; } .left-xxl-n85 { left: -85% !important; } .left-xxl-n90 { left: -90% !important; } .left-xxl-n95 { left: -95% !important; } .left-xxl-n100 { left: -100% !important; } .left-xxl-5px { left: 5px !important; } .left-xxl-10px { left: 10px !important; } .left-xxl-15px { left: 15px !important; } .left-xxl-20px { left: 20px !important; } .left-xxl-25px { left: 25px !important; } .left-xxl-30px { left: 30px !important; } .left-xxl-35px { left: 35px !important; } .left-xxl-40px { left: 40px !important; } .left-xxl-45px { left: 45px !important; } .left-xxl-50px { left: 50px !important; } .left-xxl-55px { left: 55px !important; } .left-xxl-60px { left: 60px !important; } .left-xxl-65px { left: 65px !important; } .left-xxl-70px { left: 70px !important; } .left-xxl-75px { left: 75px !important; } .left-xxl-80px { left: 80px !important; } .left-xxl-85px { left: 85px !important; } .left-xxl-90px { left: 90px !important; } .left-xxl-95px { left: 95px !important; } .left-xxl-100px { left: 100px !important; } .left-xxl-n5px { left: -5px !important; } .left-xxl-n10px { left: -10px !important; } .left-xxl-n15px { left: -15px !important; } .left-xxl-n20px { left: -20px !important; } .left-xxl-n25px { left: -25px !important; } .left-xxl-n30px { left: -30px !important; } .left-xxl-n35px { left: -35px !important; } .left-xxl-n40px { left: -40px !important; } .left-xxl-n45px { left: -45px !important; } .left-xxl-n50px { left: -50px !important; } .left-xxl-n55px { left: -55px !important; } .left-xxl-n60px { left: -60px !important; } .left-xxl-n65px { left: -65px !important; } .left-xxl-n70px { left: -70px !important; } .left-xxl-n75px { left: -75px !important; } .left-xxl-n80px { left: -80px !important; } .left-xxl-n85px { left: -85px !important; } .left-xxl-n90px { left: -90px !important; } .left-xxl-n95px { left: -95px !important; } .left-xxl-n100px { left: -100px !important; } } .right-auto { right: auto !important; } .right-0 { right: 0px !important; } .right-5 { right: 5% !important; } .right-10 { right: 10% !important; } .right-15 { right: 15% !important; } .right-20 { right: 20% !important; } .right-25 { right: 25% !important; } .right-30 { right: 30% !important; } .right-35 { right: 35% !important; } .right-40 { right: 40% !important; } .right-45 { right: 45% !important; } .right-50 { right: 50% !important; } .right-55 { right: 55% !important; } .right-60 { right: 60% !important; } .right-65 { right: 65% !important; } .right-70 { right: 70% !important; } .right-75 { right: 75% !important; } .right-80 { right: 80% !important; } .right-85 { right: 85% !important; } .right-90 { right: 90% !important; } .right-95 { right: 95% !important; } .right-100 { right: 100% !important; } .right-n5 { right: -5% !important; } .right-n10 { right: -10% !important; } .right-n15 { right: -15% !important; } .right-n20 { right: -20% !important; } .right-n25 { right: -25% !important; } .right-n30 { right: -30% !important; } .right-n35 { right: -35% !important; } .right-n40 { right: -40% !important; } .right-n45 { right: -45% !important; } .right-n50 { right: -50% !important; } .right-n55 { right: -55% !important; } .right-n60 { right: -60% !important; } .right-n65 { right: -65% !important; } .right-n70 { right: -70% !important; } .right-n75 { right: -75% !important; } .right-n80 { right: -80% !important; } .right-n85 { right: -85% !important; } .right-n90 { right: -90% !important; } .right-n95 { right: -95% !important; } .right-n100 { right: -100% !important; } .right-5px { right: 5px !important; } .right-10px { right: 10px !important; } .right-15px { right: 15px !important; } .right-20px { right: 20px !important; } .right-25px { right: 25px !important; } .right-30px { right: 30px !important; } .right-35px { right: 35px !important; } .right-40px { right: 40px !important; } .right-45px { right: 45px !important; } .right-50px { right: 50px !important; } .right-55px { right: 55px !important; } .right-60px { right: 60px !important; } .right-65px { right: 65px !important; } .right-70px { right: 70px !important; } .right-75px { right: 75px !important; } .right-80px { right: 80px !important; } .right-85px { right: 85px !important; } .right-90px { right: 90px !important; } .right-95px { right: 95px !important; } .right-100px { right: 100px !important; } .right-n5px { right: -5px !important; } .right-n10px { right: -10px !important; } .right-n15px { right: -15px !important; } .right-n20px { right: -20px !important; } .right-n25px { right: -25px !important; } .right-n30px { right: -30px !important; } .right-n35px { right: -35px !important; } .right-n40px { right: -40px !important; } .right-n45px { right: -45px !important; } .right-n50px { right: -50px !important; } .right-n55px { right: -55px !important; } .right-n60px { right: -60px !important; } .right-n65px { right: -65px !important; } .right-n70px { right: -70px !important; } .right-n75px { right: -75px !important; } .right-n80px { right: -80px !important; } .right-n85px { right: -85px !important; } .right-n90px { right: -90px !important; } .right-n95px { right: -95px !important; } .right-n100px { right: -100px !important; } @media screen and (min-width: 420px) { .right-sm-auto { right: auto !important; } .right-sm-0 { right: 0px !important; } .right-sm-5 { right: 5% !important; } .right-sm-10 { right: 10% !important; } .right-sm-15 { right: 15% !important; } .right-sm-20 { right: 20% !important; } .right-sm-25 { right: 25% !important; } .right-sm-30 { right: 30% !important; } .right-sm-35 { right: 35% !important; } .right-sm-40 { right: 40% !important; } .right-sm-45 { right: 45% !important; } .right-sm-50 { right: 50% !important; } .right-sm-55 { right: 55% !important; } .right-sm-60 { right: 60% !important; } .right-sm-65 { right: 65% !important; } .right-sm-70 { right: 70% !important; } .right-sm-75 { right: 75% !important; } .right-sm-80 { right: 80% !important; } .right-sm-85 { right: 85% !important; } .right-sm-90 { right: 90% !important; } .right-sm-95 { right: 95% !important; } .right-sm-100 { right: 100% !important; } .right-sm-n5 { right: -5% !important; } .right-sm-n10 { right: -10% !important; } .right-sm-n15 { right: -15% !important; } .right-sm-n20 { right: -20% !important; } .right-sm-n25 { right: -25% !important; } .right-sm-n30 { right: -30% !important; } .right-sm-n35 { right: -35% !important; } .right-sm-n40 { right: -40% !important; } .right-sm-n45 { right: -45% !important; } .right-sm-n50 { right: -50% !important; } .right-sm-n55 { right: -55% !important; } .right-sm-n60 { right: -60% !important; } .right-sm-n65 { right: -65% !important; } .right-sm-n70 { right: -70% !important; } .right-sm-n75 { right: -75% !important; } .right-sm-n80 { right: -80% !important; } .right-sm-n85 { right: -85% !important; } .right-sm-n90 { right: -90% !important; } .right-sm-n95 { right: -95% !important; } .right-sm-n100 { right: -100% !important; } .right-sm-5px { right: 5px !important; } .right-sm-10px { right: 10px !important; } .right-sm-15px { right: 15px !important; } .right-sm-20px { right: 20px !important; } .right-sm-25px { right: 25px !important; } .right-sm-30px { right: 30px !important; } .right-sm-35px { right: 35px !important; } .right-sm-40px { right: 40px !important; } .right-sm-45px { right: 45px !important; } .right-sm-50px { right: 50px !important; } .right-sm-55px { right: 55px !important; } .right-sm-60px { right: 60px !important; } .right-sm-65px { right: 65px !important; } .right-sm-70px { right: 70px !important; } .right-sm-75px { right: 75px !important; } .right-sm-80px { right: 80px !important; } .right-sm-85px { right: 85px !important; } .right-sm-90px { right: 90px !important; } .right-sm-95px { right: 95px !important; } .right-sm-100px { right: 100px !important; } .right-sm-n5px { right: -5px !important; } .right-sm-n10px { right: -10px !important; } .right-sm-n15px { right: -15px !important; } .right-sm-n20px { right: -20px !important; } .right-sm-n25px { right: -25px !important; } .right-sm-n30px { right: -30px !important; } .right-sm-n35px { right: -35px !important; } .right-sm-n40px { right: -40px !important; } .right-sm-n45px { right: -45px !important; } .right-sm-n50px { right: -50px !important; } .right-sm-n55px { right: -55px !important; } .right-sm-n60px { right: -60px !important; } .right-sm-n65px { right: -65px !important; } .right-sm-n70px { right: -70px !important; } .right-sm-n75px { right: -75px !important; } .right-sm-n80px { right: -80px !important; } .right-sm-n85px { right: -85px !important; } .right-sm-n90px { right: -90px !important; } .right-sm-n95px { right: -95px !important; } .right-sm-n100px { right: -100px !important; } } @media screen and (min-width: 768px) { .right-md-auto { right: auto !important; } .right-md-0 { right: 0px !important; } .right-md-5 { right: 5% !important; } .right-md-10 { right: 10% !important; } .right-md-15 { right: 15% !important; } .right-md-20 { right: 20% !important; } .right-md-25 { right: 25% !important; } .right-md-30 { right: 30% !important; } .right-md-35 { right: 35% !important; } .right-md-40 { right: 40% !important; } .right-md-45 { right: 45% !important; } .right-md-50 { right: 50% !important; } .right-md-55 { right: 55% !important; } .right-md-60 { right: 60% !important; } .right-md-65 { right: 65% !important; } .right-md-70 { right: 70% !important; } .right-md-75 { right: 75% !important; } .right-md-80 { right: 80% !important; } .right-md-85 { right: 85% !important; } .right-md-90 { right: 90% !important; } .right-md-95 { right: 95% !important; } .right-md-100 { right: 100% !important; } .right-md-n5 { right: -5% !important; } .right-md-n10 { right: -10% !important; } .right-md-n15 { right: -15% !important; } .right-md-n20 { right: -20% !important; } .right-md-n25 { right: -25% !important; } .right-md-n30 { right: -30% !important; } .right-md-n35 { right: -35% !important; } .right-md-n40 { right: -40% !important; } .right-md-n45 { right: -45% !important; } .right-md-n50 { right: -50% !important; } .right-md-n55 { right: -55% !important; } .right-md-n60 { right: -60% !important; } .right-md-n65 { right: -65% !important; } .right-md-n70 { right: -70% !important; } .right-md-n75 { right: -75% !important; } .right-md-n80 { right: -80% !important; } .right-md-n85 { right: -85% !important; } .right-md-n90 { right: -90% !important; } .right-md-n95 { right: -95% !important; } .right-md-n100 { right: -100% !important; } .right-md-5px { right: 5px !important; } .right-md-10px { right: 10px !important; } .right-md-15px { right: 15px !important; } .right-md-20px { right: 20px !important; } .right-md-25px { right: 25px !important; } .right-md-30px { right: 30px !important; } .right-md-35px { right: 35px !important; } .right-md-40px { right: 40px !important; } .right-md-45px { right: 45px !important; } .right-md-50px { right: 50px !important; } .right-md-55px { right: 55px !important; } .right-md-60px { right: 60px !important; } .right-md-65px { right: 65px !important; } .right-md-70px { right: 70px !important; } .right-md-75px { right: 75px !important; } .right-md-80px { right: 80px !important; } .right-md-85px { right: 85px !important; } .right-md-90px { right: 90px !important; } .right-md-95px { right: 95px !important; } .right-md-100px { right: 100px !important; } .right-md-n5px { right: -5px !important; } .right-md-n10px { right: -10px !important; } .right-md-n15px { right: -15px !important; } .right-md-n20px { right: -20px !important; } .right-md-n25px { right: -25px !important; } .right-md-n30px { right: -30px !important; } .right-md-n35px { right: -35px !important; } .right-md-n40px { right: -40px !important; } .right-md-n45px { right: -45px !important; } .right-md-n50px { right: -50px !important; } .right-md-n55px { right: -55px !important; } .right-md-n60px { right: -60px !important; } .right-md-n65px { right: -65px !important; } .right-md-n70px { right: -70px !important; } .right-md-n75px { right: -75px !important; } .right-md-n80px { right: -80px !important; } .right-md-n85px { right: -85px !important; } .right-md-n90px { right: -90px !important; } .right-md-n95px { right: -95px !important; } .right-md-n100px { right: -100px !important; } } @media screen and (min-width: 1024px) { .right-lg-auto { right: auto !important; } .right-lg-0 { right: 0px !important; } .right-lg-5 { right: 5% !important; } .right-lg-10 { right: 10% !important; } .right-lg-15 { right: 15% !important; } .right-lg-20 { right: 20% !important; } .right-lg-25 { right: 25% !important; } .right-lg-30 { right: 30% !important; } .right-lg-35 { right: 35% !important; } .right-lg-40 { right: 40% !important; } .right-lg-45 { right: 45% !important; } .right-lg-50 { right: 50% !important; } .right-lg-55 { right: 55% !important; } .right-lg-60 { right: 60% !important; } .right-lg-65 { right: 65% !important; } .right-lg-70 { right: 70% !important; } .right-lg-75 { right: 75% !important; } .right-lg-80 { right: 80% !important; } .right-lg-85 { right: 85% !important; } .right-lg-90 { right: 90% !important; } .right-lg-95 { right: 95% !important; } .right-lg-100 { right: 100% !important; } .right-lg-n5 { right: -5% !important; } .right-lg-n10 { right: -10% !important; } .right-lg-n15 { right: -15% !important; } .right-lg-n20 { right: -20% !important; } .right-lg-n25 { right: -25% !important; } .right-lg-n30 { right: -30% !important; } .right-lg-n35 { right: -35% !important; } .right-lg-n40 { right: -40% !important; } .right-lg-n45 { right: -45% !important; } .right-lg-n50 { right: -50% !important; } .right-lg-n55 { right: -55% !important; } .right-lg-n60 { right: -60% !important; } .right-lg-n65 { right: -65% !important; } .right-lg-n70 { right: -70% !important; } .right-lg-n75 { right: -75% !important; } .right-lg-n80 { right: -80% !important; } .right-lg-n85 { right: -85% !important; } .right-lg-n90 { right: -90% !important; } .right-lg-n95 { right: -95% !important; } .right-lg-n100 { right: -100% !important; } .right-lg-5px { right: 5px !important; } .right-lg-10px { right: 10px !important; } .right-lg-15px { right: 15px !important; } .right-lg-20px { right: 20px !important; } .right-lg-25px { right: 25px !important; } .right-lg-30px { right: 30px !important; } .right-lg-35px { right: 35px !important; } .right-lg-40px { right: 40px !important; } .right-lg-45px { right: 45px !important; } .right-lg-50px { right: 50px !important; } .right-lg-55px { right: 55px !important; } .right-lg-60px { right: 60px !important; } .right-lg-65px { right: 65px !important; } .right-lg-70px { right: 70px !important; } .right-lg-75px { right: 75px !important; } .right-lg-80px { right: 80px !important; } .right-lg-85px { right: 85px !important; } .right-lg-90px { right: 90px !important; } .right-lg-95px { right: 95px !important; } .right-lg-100px { right: 100px !important; } .right-lg-n5px { right: -5px !important; } .right-lg-n10px { right: -10px !important; } .right-lg-n15px { right: -15px !important; } .right-lg-n20px { right: -20px !important; } .right-lg-n25px { right: -25px !important; } .right-lg-n30px { right: -30px !important; } .right-lg-n35px { right: -35px !important; } .right-lg-n40px { right: -40px !important; } .right-lg-n45px { right: -45px !important; } .right-lg-n50px { right: -50px !important; } .right-lg-n55px { right: -55px !important; } .right-lg-n60px { right: -60px !important; } .right-lg-n65px { right: -65px !important; } .right-lg-n70px { right: -70px !important; } .right-lg-n75px { right: -75px !important; } .right-lg-n80px { right: -80px !important; } .right-lg-n85px { right: -85px !important; } .right-lg-n90px { right: -90px !important; } .right-lg-n95px { right: -95px !important; } .right-lg-n100px { right: -100px !important; } } @media screen and (min-width: 1224px) { .right-xl-auto { right: auto !important; } .right-xl-0 { right: 0px !important; } .right-xl-5 { right: 5% !important; } .right-xl-10 { right: 10% !important; } .right-xl-15 { right: 15% !important; } .right-xl-20 { right: 20% !important; } .right-xl-25 { right: 25% !important; } .right-xl-30 { right: 30% !important; } .right-xl-35 { right: 35% !important; } .right-xl-40 { right: 40% !important; } .right-xl-45 { right: 45% !important; } .right-xl-50 { right: 50% !important; } .right-xl-55 { right: 55% !important; } .right-xl-60 { right: 60% !important; } .right-xl-65 { right: 65% !important; } .right-xl-70 { right: 70% !important; } .right-xl-75 { right: 75% !important; } .right-xl-80 { right: 80% !important; } .right-xl-85 { right: 85% !important; } .right-xl-90 { right: 90% !important; } .right-xl-95 { right: 95% !important; } .right-xl-100 { right: 100% !important; } .right-xl-n5 { right: -5% !important; } .right-xl-n10 { right: -10% !important; } .right-xl-n15 { right: -15% !important; } .right-xl-n20 { right: -20% !important; } .right-xl-n25 { right: -25% !important; } .right-xl-n30 { right: -30% !important; } .right-xl-n35 { right: -35% !important; } .right-xl-n40 { right: -40% !important; } .right-xl-n45 { right: -45% !important; } .right-xl-n50 { right: -50% !important; } .right-xl-n55 { right: -55% !important; } .right-xl-n60 { right: -60% !important; } .right-xl-n65 { right: -65% !important; } .right-xl-n70 { right: -70% !important; } .right-xl-n75 { right: -75% !important; } .right-xl-n80 { right: -80% !important; } .right-xl-n85 { right: -85% !important; } .right-xl-n90 { right: -90% !important; } .right-xl-n95 { right: -95% !important; } .right-xl-n100 { right: -100% !important; } .right-xl-5px { right: 5px !important; } .right-xl-10px { right: 10px !important; } .right-xl-15px { right: 15px !important; } .right-xl-20px { right: 20px !important; } .right-xl-25px { right: 25px !important; } .right-xl-30px { right: 30px !important; } .right-xl-35px { right: 35px !important; } .right-xl-40px { right: 40px !important; } .right-xl-45px { right: 45px !important; } .right-xl-50px { right: 50px !important; } .right-xl-55px { right: 55px !important; } .right-xl-60px { right: 60px !important; } .right-xl-65px { right: 65px !important; } .right-xl-70px { right: 70px !important; } .right-xl-75px { right: 75px !important; } .right-xl-80px { right: 80px !important; } .right-xl-85px { right: 85px !important; } .right-xl-90px { right: 90px !important; } .right-xl-95px { right: 95px !important; } .right-xl-100px { right: 100px !important; } .right-xl-n5px { right: -5px !important; } .right-xl-n10px { right: -10px !important; } .right-xl-n15px { right: -15px !important; } .right-xl-n20px { right: -20px !important; } .right-xl-n25px { right: -25px !important; } .right-xl-n30px { right: -30px !important; } .right-xl-n35px { right: -35px !important; } .right-xl-n40px { right: -40px !important; } .right-xl-n45px { right: -45px !important; } .right-xl-n50px { right: -50px !important; } .right-xl-n55px { right: -55px !important; } .right-xl-n60px { right: -60px !important; } .right-xl-n65px { right: -65px !important; } .right-xl-n70px { right: -70px !important; } .right-xl-n75px { right: -75px !important; } .right-xl-n80px { right: -80px !important; } .right-xl-n85px { right: -85px !important; } .right-xl-n90px { right: -90px !important; } .right-xl-n95px { right: -95px !important; } .right-xl-n100px { right: -100px !important; } } @media screen and (min-width: 1587px) { .right-xlp-auto { right: auto !important; } .right-xlp-0 { right: 0px !important; } .right-xlp-5 { right: 5% !important; } .right-xlp-10 { right: 10% !important; } .right-xlp-15 { right: 15% !important; } .right-xlp-20 { right: 20% !important; } .right-xlp-25 { right: 25% !important; } .right-xlp-30 { right: 30% !important; } .right-xlp-35 { right: 35% !important; } .right-xlp-40 { right: 40% !important; } .right-xlp-45 { right: 45% !important; } .right-xlp-50 { right: 50% !important; } .right-xlp-55 { right: 55% !important; } .right-xlp-60 { right: 60% !important; } .right-xlp-65 { right: 65% !important; } .right-xlp-70 { right: 70% !important; } .right-xlp-75 { right: 75% !important; } .right-xlp-80 { right: 80% !important; } .right-xlp-85 { right: 85% !important; } .right-xlp-90 { right: 90% !important; } .right-xlp-95 { right: 95% !important; } .right-xlp-100 { right: 100% !important; } .right-xlp-n5 { right: -5% !important; } .right-xlp-n10 { right: -10% !important; } .right-xlp-n15 { right: -15% !important; } .right-xlp-n20 { right: -20% !important; } .right-xlp-n25 { right: -25% !important; } .right-xlp-n30 { right: -30% !important; } .right-xlp-n35 { right: -35% !important; } .right-xlp-n40 { right: -40% !important; } .right-xlp-n45 { right: -45% !important; } .right-xlp-n50 { right: -50% !important; } .right-xlp-n55 { right: -55% !important; } .right-xlp-n60 { right: -60% !important; } .right-xlp-n65 { right: -65% !important; } .right-xlp-n70 { right: -70% !important; } .right-xlp-n75 { right: -75% !important; } .right-xlp-n80 { right: -80% !important; } .right-xlp-n85 { right: -85% !important; } .right-xlp-n90 { right: -90% !important; } .right-xlp-n95 { right: -95% !important; } .right-xlp-n100 { right: -100% !important; } .right-xlp-5px { right: 5px !important; } .right-xlp-10px { right: 10px !important; } .right-xlp-15px { right: 15px !important; } .right-xlp-20px { right: 20px !important; } .right-xlp-25px { right: 25px !important; } .right-xlp-30px { right: 30px !important; } .right-xlp-35px { right: 35px !important; } .right-xlp-40px { right: 40px !important; } .right-xlp-45px { right: 45px !important; } .right-xlp-50px { right: 50px !important; } .right-xlp-55px { right: 55px !important; } .right-xlp-60px { right: 60px !important; } .right-xlp-65px { right: 65px !important; } .right-xlp-70px { right: 70px !important; } .right-xlp-75px { right: 75px !important; } .right-xlp-80px { right: 80px !important; } .right-xlp-85px { right: 85px !important; } .right-xlp-90px { right: 90px !important; } .right-xlp-95px { right: 95px !important; } .right-xlp-100px { right: 100px !important; } .right-xlp-n5px { right: -5px !important; } .right-xlp-n10px { right: -10px !important; } .right-xlp-n15px { right: -15px !important; } .right-xlp-n20px { right: -20px !important; } .right-xlp-n25px { right: -25px !important; } .right-xlp-n30px { right: -30px !important; } .right-xlp-n35px { right: -35px !important; } .right-xlp-n40px { right: -40px !important; } .right-xlp-n45px { right: -45px !important; } .right-xlp-n50px { right: -50px !important; } .right-xlp-n55px { right: -55px !important; } .right-xlp-n60px { right: -60px !important; } .right-xlp-n65px { right: -65px !important; } .right-xlp-n70px { right: -70px !important; } .right-xlp-n75px { right: -75px !important; } .right-xlp-n80px { right: -80px !important; } .right-xlp-n85px { right: -85px !important; } .right-xlp-n90px { right: -90px !important; } .right-xlp-n95px { right: -95px !important; } .right-xlp-n100px { right: -100px !important; } } @media screen and (min-width: 1907px) { .right-xxl-auto { right: auto !important; } .right-xxl-0 { right: 0px !important; } .right-xxl-5 { right: 5% !important; } .right-xxl-10 { right: 10% !important; } .right-xxl-15 { right: 15% !important; } .right-xxl-20 { right: 20% !important; } .right-xxl-25 { right: 25% !important; } .right-xxl-30 { right: 30% !important; } .right-xxl-35 { right: 35% !important; } .right-xxl-40 { right: 40% !important; } .right-xxl-45 { right: 45% !important; } .right-xxl-50 { right: 50% !important; } .right-xxl-55 { right: 55% !important; } .right-xxl-60 { right: 60% !important; } .right-xxl-65 { right: 65% !important; } .right-xxl-70 { right: 70% !important; } .right-xxl-75 { right: 75% !important; } .right-xxl-80 { right: 80% !important; } .right-xxl-85 { right: 85% !important; } .right-xxl-90 { right: 90% !important; } .right-xxl-95 { right: 95% !important; } .right-xxl-100 { right: 100% !important; } .right-xxl-n5 { right: -5% !important; } .right-xxl-n10 { right: -10% !important; } .right-xxl-n15 { right: -15% !important; } .right-xxl-n20 { right: -20% !important; } .right-xxl-n25 { right: -25% !important; } .right-xxl-n30 { right: -30% !important; } .right-xxl-n35 { right: -35% !important; } .right-xxl-n40 { right: -40% !important; } .right-xxl-n45 { right: -45% !important; } .right-xxl-n50 { right: -50% !important; } .right-xxl-n55 { right: -55% !important; } .right-xxl-n60 { right: -60% !important; } .right-xxl-n65 { right: -65% !important; } .right-xxl-n70 { right: -70% !important; } .right-xxl-n75 { right: -75% !important; } .right-xxl-n80 { right: -80% !important; } .right-xxl-n85 { right: -85% !important; } .right-xxl-n90 { right: -90% !important; } .right-xxl-n95 { right: -95% !important; } .right-xxl-n100 { right: -100% !important; } .right-xxl-5px { right: 5px !important; } .right-xxl-10px { right: 10px !important; } .right-xxl-15px { right: 15px !important; } .right-xxl-20px { right: 20px !important; } .right-xxl-25px { right: 25px !important; } .right-xxl-30px { right: 30px !important; } .right-xxl-35px { right: 35px !important; } .right-xxl-40px { right: 40px !important; } .right-xxl-45px { right: 45px !important; } .right-xxl-50px { right: 50px !important; } .right-xxl-55px { right: 55px !important; } .right-xxl-60px { right: 60px !important; } .right-xxl-65px { right: 65px !important; } .right-xxl-70px { right: 70px !important; } .right-xxl-75px { right: 75px !important; } .right-xxl-80px { right: 80px !important; } .right-xxl-85px { right: 85px !important; } .right-xxl-90px { right: 90px !important; } .right-xxl-95px { right: 95px !important; } .right-xxl-100px { right: 100px !important; } .right-xxl-n5px { right: -5px !important; } .right-xxl-n10px { right: -10px !important; } .right-xxl-n15px { right: -15px !important; } .right-xxl-n20px { right: -20px !important; } .right-xxl-n25px { right: -25px !important; } .right-xxl-n30px { right: -30px !important; } .right-xxl-n35px { right: -35px !important; } .right-xxl-n40px { right: -40px !important; } .right-xxl-n45px { right: -45px !important; } .right-xxl-n50px { right: -50px !important; } .right-xxl-n55px { right: -55px !important; } .right-xxl-n60px { right: -60px !important; } .right-xxl-n65px { right: -65px !important; } .right-xxl-n70px { right: -70px !important; } .right-xxl-n75px { right: -75px !important; } .right-xxl-n80px { right: -80px !important; } .right-xxl-n85px { right: -85px !important; } .right-xxl-n90px { right: -90px !important; } .right-xxl-n95px { right: -95px !important; } .right-xxl-n100px { right: -100px !important; } } .bottom-auto { bottom: auto !important; } .bottom-0 { bottom: 0px !important; } .bottom-5 { bottom: 5% !important; } .bottom-10 { bottom: 10% !important; } .bottom-15 { bottom: 15% !important; } .bottom-20 { bottom: 20% !important; } .bottom-25 { bottom: 25% !important; } .bottom-30 { bottom: 30% !important; } .bottom-35 { bottom: 35% !important; } .bottom-40 { bottom: 40% !important; } .bottom-45 { bottom: 45% !important; } .bottom-50 { bottom: 50% !important; } .bottom-55 { bottom: 55% !important; } .bottom-60 { bottom: 60% !important; } .bottom-65 { bottom: 65% !important; } .bottom-70 { bottom: 70% !important; } .bottom-75 { bottom: 75% !important; } .bottom-80 { bottom: 80% !important; } .bottom-85 { bottom: 85% !important; } .bottom-90 { bottom: 90% !important; } .bottom-95 { bottom: 95% !important; } .bottom-100 { bottom: 100% !important; } .bottom-n5 { bottom: -5% !important; } .bottom-n10 { bottom: -10% !important; } .bottom-n15 { bottom: -15% !important; } .bottom-n20 { bottom: -20% !important; } .bottom-n25 { bottom: -25% !important; } .bottom-n30 { bottom: -30% !important; } .bottom-n35 { bottom: -35% !important; } .bottom-n40 { bottom: -40% !important; } .bottom-n45 { bottom: -45% !important; } .bottom-n50 { bottom: -50% !important; } .bottom-n55 { bottom: -55% !important; } .bottom-n60 { bottom: -60% !important; } .bottom-n65 { bottom: -65% !important; } .bottom-n70 { bottom: -70% !important; } .bottom-n75 { bottom: -75% !important; } .bottom-n80 { bottom: -80% !important; } .bottom-n85 { bottom: -85% !important; } .bottom-n90 { bottom: -90% !important; } .bottom-n95 { bottom: -95% !important; } .bottom-n100 { bottom: -100% !important; } .bottom-5px { bottom: 5px !important; } .bottom-10px { bottom: 10px !important; } .bottom-15px { bottom: 15px !important; } .bottom-20px { bottom: 20px !important; } .bottom-25px { bottom: 25px !important; } .bottom-30px { bottom: 30px !important; } .bottom-35px { bottom: 35px !important; } .bottom-40px { bottom: 40px !important; } .bottom-45px { bottom: 45px !important; } .bottom-50px { bottom: 50px !important; } .bottom-55px { bottom: 55px !important; } .bottom-60px { bottom: 60px !important; } .bottom-65px { bottom: 65px !important; } .bottom-70px { bottom: 70px !important; } .bottom-75px { bottom: 75px !important; } .bottom-80px { bottom: 80px !important; } .bottom-85px { bottom: 85px !important; } .bottom-90px { bottom: 90px !important; } .bottom-95px { bottom: 95px !important; } .bottom-100px { bottom: 100px !important; } .bottom-n5px { bottom: -5px !important; } .bottom-n10px { bottom: -10px !important; } .bottom-n15px { bottom: -15px !important; } .bottom-n20px { bottom: -20px !important; } .bottom-n25px { bottom: -25px !important; } .bottom-n30px { bottom: -30px !important; } .bottom-n35px { bottom: -35px !important; } .bottom-n40px { bottom: -40px !important; } .bottom-n45px { bottom: -45px !important; } .bottom-n50px { bottom: -50px !important; } .bottom-n55px { bottom: -55px !important; } .bottom-n60px { bottom: -60px !important; } .bottom-n65px { bottom: -65px !important; } .bottom-n70px { bottom: -70px !important; } .bottom-n75px { bottom: -75px !important; } .bottom-n80px { bottom: -80px !important; } .bottom-n85px { bottom: -85px !important; } .bottom-n90px { bottom: -90px !important; } .bottom-n95px { bottom: -95px !important; } .bottom-n100px { bottom: -100px !important; } @media screen and (min-width: 420px) { .bottom-sm-auto { bottom: auto !important; } .bottom-sm-0 { bottom: 0px !important; } .bottom-sm-5 { bottom: 5% !important; } .bottom-sm-10 { bottom: 10% !important; } .bottom-sm-15 { bottom: 15% !important; } .bottom-sm-20 { bottom: 20% !important; } .bottom-sm-25 { bottom: 25% !important; } .bottom-sm-30 { bottom: 30% !important; } .bottom-sm-35 { bottom: 35% !important; } .bottom-sm-40 { bottom: 40% !important; } .bottom-sm-45 { bottom: 45% !important; } .bottom-sm-50 { bottom: 50% !important; } .bottom-sm-55 { bottom: 55% !important; } .bottom-sm-60 { bottom: 60% !important; } .bottom-sm-65 { bottom: 65% !important; } .bottom-sm-70 { bottom: 70% !important; } .bottom-sm-75 { bottom: 75% !important; } .bottom-sm-80 { bottom: 80% !important; } .bottom-sm-85 { bottom: 85% !important; } .bottom-sm-90 { bottom: 90% !important; } .bottom-sm-95 { bottom: 95% !important; } .bottom-sm-100 { bottom: 100% !important; } .bottom-sm-n5 { bottom: -5% !important; } .bottom-sm-n10 { bottom: -10% !important; } .bottom-sm-n15 { bottom: -15% !important; } .bottom-sm-n20 { bottom: -20% !important; } .bottom-sm-n25 { bottom: -25% !important; } .bottom-sm-n30 { bottom: -30% !important; } .bottom-sm-n35 { bottom: -35% !important; } .bottom-sm-n40 { bottom: -40% !important; } .bottom-sm-n45 { bottom: -45% !important; } .bottom-sm-n50 { bottom: -50% !important; } .bottom-sm-n55 { bottom: -55% !important; } .bottom-sm-n60 { bottom: -60% !important; } .bottom-sm-n65 { bottom: -65% !important; } .bottom-sm-n70 { bottom: -70% !important; } .bottom-sm-n75 { bottom: -75% !important; } .bottom-sm-n80 { bottom: -80% !important; } .bottom-sm-n85 { bottom: -85% !important; } .bottom-sm-n90 { bottom: -90% !important; } .bottom-sm-n95 { bottom: -95% !important; } .bottom-sm-n100 { bottom: -100% !important; } .bottom-sm-5px { bottom: 5px !important; } .bottom-sm-10px { bottom: 10px !important; } .bottom-sm-15px { bottom: 15px !important; } .bottom-sm-20px { bottom: 20px !important; } .bottom-sm-25px { bottom: 25px !important; } .bottom-sm-30px { bottom: 30px !important; } .bottom-sm-35px { bottom: 35px !important; } .bottom-sm-40px { bottom: 40px !important; } .bottom-sm-45px { bottom: 45px !important; } .bottom-sm-50px { bottom: 50px !important; } .bottom-sm-55px { bottom: 55px !important; } .bottom-sm-60px { bottom: 60px !important; } .bottom-sm-65px { bottom: 65px !important; } .bottom-sm-70px { bottom: 70px !important; } .bottom-sm-75px { bottom: 75px !important; } .bottom-sm-80px { bottom: 80px !important; } .bottom-sm-85px { bottom: 85px !important; } .bottom-sm-90px { bottom: 90px !important; } .bottom-sm-95px { bottom: 95px !important; } .bottom-sm-100px { bottom: 100px !important; } .bottom-sm-n5px { bottom: -5px !important; } .bottom-sm-n10px { bottom: -10px !important; } .bottom-sm-n15px { bottom: -15px !important; } .bottom-sm-n20px { bottom: -20px !important; } .bottom-sm-n25px { bottom: -25px !important; } .bottom-sm-n30px { bottom: -30px !important; } .bottom-sm-n35px { bottom: -35px !important; } .bottom-sm-n40px { bottom: -40px !important; } .bottom-sm-n45px { bottom: -45px !important; } .bottom-sm-n50px { bottom: -50px !important; } .bottom-sm-n55px { bottom: -55px !important; } .bottom-sm-n60px { bottom: -60px !important; } .bottom-sm-n65px { bottom: -65px !important; } .bottom-sm-n70px { bottom: -70px !important; } .bottom-sm-n75px { bottom: -75px !important; } .bottom-sm-n80px { bottom: -80px !important; } .bottom-sm-n85px { bottom: -85px !important; } .bottom-sm-n90px { bottom: -90px !important; } .bottom-sm-n95px { bottom: -95px !important; } .bottom-sm-n100px { bottom: -100px !important; } } @media screen and (min-width: 768px) { .bottom-md-auto { bottom: auto !important; } .bottom-md-0 { bottom: 0px !important; } .bottom-md-5 { bottom: 5% !important; } .bottom-md-10 { bottom: 10% !important; } .bottom-md-15 { bottom: 15% !important; } .bottom-md-20 { bottom: 20% !important; } .bottom-md-25 { bottom: 25% !important; } .bottom-md-30 { bottom: 30% !important; } .bottom-md-35 { bottom: 35% !important; } .bottom-md-40 { bottom: 40% !important; } .bottom-md-45 { bottom: 45% !important; } .bottom-md-50 { bottom: 50% !important; } .bottom-md-55 { bottom: 55% !important; } .bottom-md-60 { bottom: 60% !important; } .bottom-md-65 { bottom: 65% !important; } .bottom-md-70 { bottom: 70% !important; } .bottom-md-75 { bottom: 75% !important; } .bottom-md-80 { bottom: 80% !important; } .bottom-md-85 { bottom: 85% !important; } .bottom-md-90 { bottom: 90% !important; } .bottom-md-95 { bottom: 95% !important; } .bottom-md-100 { bottom: 100% !important; } .bottom-md-n5 { bottom: -5% !important; } .bottom-md-n10 { bottom: -10% !important; } .bottom-md-n15 { bottom: -15% !important; } .bottom-md-n20 { bottom: -20% !important; } .bottom-md-n25 { bottom: -25% !important; } .bottom-md-n30 { bottom: -30% !important; } .bottom-md-n35 { bottom: -35% !important; } .bottom-md-n40 { bottom: -40% !important; } .bottom-md-n45 { bottom: -45% !important; } .bottom-md-n50 { bottom: -50% !important; } .bottom-md-n55 { bottom: -55% !important; } .bottom-md-n60 { bottom: -60% !important; } .bottom-md-n65 { bottom: -65% !important; } .bottom-md-n70 { bottom: -70% !important; } .bottom-md-n75 { bottom: -75% !important; } .bottom-md-n80 { bottom: -80% !important; } .bottom-md-n85 { bottom: -85% !important; } .bottom-md-n90 { bottom: -90% !important; } .bottom-md-n95 { bottom: -95% !important; } .bottom-md-n100 { bottom: -100% !important; } .bottom-md-5px { bottom: 5px !important; } .bottom-md-10px { bottom: 10px !important; } .bottom-md-15px { bottom: 15px !important; } .bottom-md-20px { bottom: 20px !important; } .bottom-md-25px { bottom: 25px !important; } .bottom-md-30px { bottom: 30px !important; } .bottom-md-35px { bottom: 35px !important; } .bottom-md-40px { bottom: 40px !important; } .bottom-md-45px { bottom: 45px !important; } .bottom-md-50px { bottom: 50px !important; } .bottom-md-55px { bottom: 55px !important; } .bottom-md-60px { bottom: 60px !important; } .bottom-md-65px { bottom: 65px !important; } .bottom-md-70px { bottom: 70px !important; } .bottom-md-75px { bottom: 75px !important; } .bottom-md-80px { bottom: 80px !important; } .bottom-md-85px { bottom: 85px !important; } .bottom-md-90px { bottom: 90px !important; } .bottom-md-95px { bottom: 95px !important; } .bottom-md-100px { bottom: 100px !important; } .bottom-md-n5px { bottom: -5px !important; } .bottom-md-n10px { bottom: -10px !important; } .bottom-md-n15px { bottom: -15px !important; } .bottom-md-n20px { bottom: -20px !important; } .bottom-md-n25px { bottom: -25px !important; } .bottom-md-n30px { bottom: -30px !important; } .bottom-md-n35px { bottom: -35px !important; } .bottom-md-n40px { bottom: -40px !important; } .bottom-md-n45px { bottom: -45px !important; } .bottom-md-n50px { bottom: -50px !important; } .bottom-md-n55px { bottom: -55px !important; } .bottom-md-n60px { bottom: -60px !important; } .bottom-md-n65px { bottom: -65px !important; } .bottom-md-n70px { bottom: -70px !important; } .bottom-md-n75px { bottom: -75px !important; } .bottom-md-n80px { bottom: -80px !important; } .bottom-md-n85px { bottom: -85px !important; } .bottom-md-n90px { bottom: -90px !important; } .bottom-md-n95px { bottom: -95px !important; } .bottom-md-n100px { bottom: -100px !important; } } @media screen and (min-width: 1024px) { .bottom-lg-auto { bottom: auto !important; } .bottom-lg-0 { bottom: 0px !important; } .bottom-lg-5 { bottom: 5% !important; } .bottom-lg-10 { bottom: 10% !important; } .bottom-lg-15 { bottom: 15% !important; } .bottom-lg-20 { bottom: 20% !important; } .bottom-lg-25 { bottom: 25% !important; } .bottom-lg-30 { bottom: 30% !important; } .bottom-lg-35 { bottom: 35% !important; } .bottom-lg-40 { bottom: 40% !important; } .bottom-lg-45 { bottom: 45% !important; } .bottom-lg-50 { bottom: 50% !important; } .bottom-lg-55 { bottom: 55% !important; } .bottom-lg-60 { bottom: 60% !important; } .bottom-lg-65 { bottom: 65% !important; } .bottom-lg-70 { bottom: 70% !important; } .bottom-lg-75 { bottom: 75% !important; } .bottom-lg-80 { bottom: 80% !important; } .bottom-lg-85 { bottom: 85% !important; } .bottom-lg-90 { bottom: 90% !important; } .bottom-lg-95 { bottom: 95% !important; } .bottom-lg-100 { bottom: 100% !important; } .bottom-lg-n5 { bottom: -5% !important; } .bottom-lg-n10 { bottom: -10% !important; } .bottom-lg-n15 { bottom: -15% !important; } .bottom-lg-n20 { bottom: -20% !important; } .bottom-lg-n25 { bottom: -25% !important; } .bottom-lg-n30 { bottom: -30% !important; } .bottom-lg-n35 { bottom: -35% !important; } .bottom-lg-n40 { bottom: -40% !important; } .bottom-lg-n45 { bottom: -45% !important; } .bottom-lg-n50 { bottom: -50% !important; } .bottom-lg-n55 { bottom: -55% !important; } .bottom-lg-n60 { bottom: -60% !important; } .bottom-lg-n65 { bottom: -65% !important; } .bottom-lg-n70 { bottom: -70% !important; } .bottom-lg-n75 { bottom: -75% !important; } .bottom-lg-n80 { bottom: -80% !important; } .bottom-lg-n85 { bottom: -85% !important; } .bottom-lg-n90 { bottom: -90% !important; } .bottom-lg-n95 { bottom: -95% !important; } .bottom-lg-n100 { bottom: -100% !important; } .bottom-lg-5px { bottom: 5px !important; } .bottom-lg-10px { bottom: 10px !important; } .bottom-lg-15px { bottom: 15px !important; } .bottom-lg-20px { bottom: 20px !important; } .bottom-lg-25px { bottom: 25px !important; } .bottom-lg-30px { bottom: 30px !important; } .bottom-lg-35px { bottom: 35px !important; } .bottom-lg-40px { bottom: 40px !important; } .bottom-lg-45px { bottom: 45px !important; } .bottom-lg-50px { bottom: 50px !important; } .bottom-lg-55px { bottom: 55px !important; } .bottom-lg-60px { bottom: 60px !important; } .bottom-lg-65px { bottom: 65px !important; } .bottom-lg-70px { bottom: 70px !important; } .bottom-lg-75px { bottom: 75px !important; } .bottom-lg-80px { bottom: 80px !important; } .bottom-lg-85px { bottom: 85px !important; } .bottom-lg-90px { bottom: 90px !important; } .bottom-lg-95px { bottom: 95px !important; } .bottom-lg-100px { bottom: 100px !important; } .bottom-lg-n5px { bottom: -5px !important; } .bottom-lg-n10px { bottom: -10px !important; } .bottom-lg-n15px { bottom: -15px !important; } .bottom-lg-n20px { bottom: -20px !important; } .bottom-lg-n25px { bottom: -25px !important; } .bottom-lg-n30px { bottom: -30px !important; } .bottom-lg-n35px { bottom: -35px !important; } .bottom-lg-n40px { bottom: -40px !important; } .bottom-lg-n45px { bottom: -45px !important; } .bottom-lg-n50px { bottom: -50px !important; } .bottom-lg-n55px { bottom: -55px !important; } .bottom-lg-n60px { bottom: -60px !important; } .bottom-lg-n65px { bottom: -65px !important; } .bottom-lg-n70px { bottom: -70px !important; } .bottom-lg-n75px { bottom: -75px !important; } .bottom-lg-n80px { bottom: -80px !important; } .bottom-lg-n85px { bottom: -85px !important; } .bottom-lg-n90px { bottom: -90px !important; } .bottom-lg-n95px { bottom: -95px !important; } .bottom-lg-n100px { bottom: -100px !important; } } @media screen and (min-width: 1224px) { .bottom-xl-auto { bottom: auto !important; } .bottom-xl-0 { bottom: 0px !important; } .bottom-xl-5 { bottom: 5% !important; } .bottom-xl-10 { bottom: 10% !important; } .bottom-xl-15 { bottom: 15% !important; } .bottom-xl-20 { bottom: 20% !important; } .bottom-xl-25 { bottom: 25% !important; } .bottom-xl-30 { bottom: 30% !important; } .bottom-xl-35 { bottom: 35% !important; } .bottom-xl-40 { bottom: 40% !important; } .bottom-xl-45 { bottom: 45% !important; } .bottom-xl-50 { bottom: 50% !important; } .bottom-xl-55 { bottom: 55% !important; } .bottom-xl-60 { bottom: 60% !important; } .bottom-xl-65 { bottom: 65% !important; } .bottom-xl-70 { bottom: 70% !important; } .bottom-xl-75 { bottom: 75% !important; } .bottom-xl-80 { bottom: 80% !important; } .bottom-xl-85 { bottom: 85% !important; } .bottom-xl-90 { bottom: 90% !important; } .bottom-xl-95 { bottom: 95% !important; } .bottom-xl-100 { bottom: 100% !important; } .bottom-xl-n5 { bottom: -5% !important; } .bottom-xl-n10 { bottom: -10% !important; } .bottom-xl-n15 { bottom: -15% !important; } .bottom-xl-n20 { bottom: -20% !important; } .bottom-xl-n25 { bottom: -25% !important; } .bottom-xl-n30 { bottom: -30% !important; } .bottom-xl-n35 { bottom: -35% !important; } .bottom-xl-n40 { bottom: -40% !important; } .bottom-xl-n45 { bottom: -45% !important; } .bottom-xl-n50 { bottom: -50% !important; } .bottom-xl-n55 { bottom: -55% !important; } .bottom-xl-n60 { bottom: -60% !important; } .bottom-xl-n65 { bottom: -65% !important; } .bottom-xl-n70 { bottom: -70% !important; } .bottom-xl-n75 { bottom: -75% !important; } .bottom-xl-n80 { bottom: -80% !important; } .bottom-xl-n85 { bottom: -85% !important; } .bottom-xl-n90 { bottom: -90% !important; } .bottom-xl-n95 { bottom: -95% !important; } .bottom-xl-n100 { bottom: -100% !important; } .bottom-xl-5px { bottom: 5px !important; } .bottom-xl-10px { bottom: 10px !important; } .bottom-xl-15px { bottom: 15px !important; } .bottom-xl-20px { bottom: 20px !important; } .bottom-xl-25px { bottom: 25px !important; } .bottom-xl-30px { bottom: 30px !important; } .bottom-xl-35px { bottom: 35px !important; } .bottom-xl-40px { bottom: 40px !important; } .bottom-xl-45px { bottom: 45px !important; } .bottom-xl-50px { bottom: 50px !important; } .bottom-xl-55px { bottom: 55px !important; } .bottom-xl-60px { bottom: 60px !important; } .bottom-xl-65px { bottom: 65px !important; } .bottom-xl-70px { bottom: 70px !important; } .bottom-xl-75px { bottom: 75px !important; } .bottom-xl-80px { bottom: 80px !important; } .bottom-xl-85px { bottom: 85px !important; } .bottom-xl-90px { bottom: 90px !important; } .bottom-xl-95px { bottom: 95px !important; } .bottom-xl-100px { bottom: 100px !important; } .bottom-xl-n5px { bottom: -5px !important; } .bottom-xl-n10px { bottom: -10px !important; } .bottom-xl-n15px { bottom: -15px !important; } .bottom-xl-n20px { bottom: -20px !important; } .bottom-xl-n25px { bottom: -25px !important; } .bottom-xl-n30px { bottom: -30px !important; } .bottom-xl-n35px { bottom: -35px !important; } .bottom-xl-n40px { bottom: -40px !important; } .bottom-xl-n45px { bottom: -45px !important; } .bottom-xl-n50px { bottom: -50px !important; } .bottom-xl-n55px { bottom: -55px !important; } .bottom-xl-n60px { bottom: -60px !important; } .bottom-xl-n65px { bottom: -65px !important; } .bottom-xl-n70px { bottom: -70px !important; } .bottom-xl-n75px { bottom: -75px !important; } .bottom-xl-n80px { bottom: -80px !important; } .bottom-xl-n85px { bottom: -85px !important; } .bottom-xl-n90px { bottom: -90px !important; } .bottom-xl-n95px { bottom: -95px !important; } .bottom-xl-n100px { bottom: -100px !important; } } @media screen and (min-width: 1587px) { .bottom-xlp-auto { bottom: auto !important; } .bottom-xlp-0 { bottom: 0px !important; } .bottom-xlp-5 { bottom: 5% !important; } .bottom-xlp-10 { bottom: 10% !important; } .bottom-xlp-15 { bottom: 15% !important; } .bottom-xlp-20 { bottom: 20% !important; } .bottom-xlp-25 { bottom: 25% !important; } .bottom-xlp-30 { bottom: 30% !important; } .bottom-xlp-35 { bottom: 35% !important; } .bottom-xlp-40 { bottom: 40% !important; } .bottom-xlp-45 { bottom: 45% !important; } .bottom-xlp-50 { bottom: 50% !important; } .bottom-xlp-55 { bottom: 55% !important; } .bottom-xlp-60 { bottom: 60% !important; } .bottom-xlp-65 { bottom: 65% !important; } .bottom-xlp-70 { bottom: 70% !important; } .bottom-xlp-75 { bottom: 75% !important; } .bottom-xlp-80 { bottom: 80% !important; } .bottom-xlp-85 { bottom: 85% !important; } .bottom-xlp-90 { bottom: 90% !important; } .bottom-xlp-95 { bottom: 95% !important; } .bottom-xlp-100 { bottom: 100% !important; } .bottom-xlp-n5 { bottom: -5% !important; } .bottom-xlp-n10 { bottom: -10% !important; } .bottom-xlp-n15 { bottom: -15% !important; } .bottom-xlp-n20 { bottom: -20% !important; } .bottom-xlp-n25 { bottom: -25% !important; } .bottom-xlp-n30 { bottom: -30% !important; } .bottom-xlp-n35 { bottom: -35% !important; } .bottom-xlp-n40 { bottom: -40% !important; } .bottom-xlp-n45 { bottom: -45% !important; } .bottom-xlp-n50 { bottom: -50% !important; } .bottom-xlp-n55 { bottom: -55% !important; } .bottom-xlp-n60 { bottom: -60% !important; } .bottom-xlp-n65 { bottom: -65% !important; } .bottom-xlp-n70 { bottom: -70% !important; } .bottom-xlp-n75 { bottom: -75% !important; } .bottom-xlp-n80 { bottom: -80% !important; } .bottom-xlp-n85 { bottom: -85% !important; } .bottom-xlp-n90 { bottom: -90% !important; } .bottom-xlp-n95 { bottom: -95% !important; } .bottom-xlp-n100 { bottom: -100% !important; } .bottom-xlp-5px { bottom: 5px !important; } .bottom-xlp-10px { bottom: 10px !important; } .bottom-xlp-15px { bottom: 15px !important; } .bottom-xlp-20px { bottom: 20px !important; } .bottom-xlp-25px { bottom: 25px !important; } .bottom-xlp-30px { bottom: 30px !important; } .bottom-xlp-35px { bottom: 35px !important; } .bottom-xlp-40px { bottom: 40px !important; } .bottom-xlp-45px { bottom: 45px !important; } .bottom-xlp-50px { bottom: 50px !important; } .bottom-xlp-55px { bottom: 55px !important; } .bottom-xlp-60px { bottom: 60px !important; } .bottom-xlp-65px { bottom: 65px !important; } .bottom-xlp-70px { bottom: 70px !important; } .bottom-xlp-75px { bottom: 75px !important; } .bottom-xlp-80px { bottom: 80px !important; } .bottom-xlp-85px { bottom: 85px !important; } .bottom-xlp-90px { bottom: 90px !important; } .bottom-xlp-95px { bottom: 95px !important; } .bottom-xlp-100px { bottom: 100px !important; } .bottom-xlp-n5px { bottom: -5px !important; } .bottom-xlp-n10px { bottom: -10px !important; } .bottom-xlp-n15px { bottom: -15px !important; } .bottom-xlp-n20px { bottom: -20px !important; } .bottom-xlp-n25px { bottom: -25px !important; } .bottom-xlp-n30px { bottom: -30px !important; } .bottom-xlp-n35px { bottom: -35px !important; } .bottom-xlp-n40px { bottom: -40px !important; } .bottom-xlp-n45px { bottom: -45px !important; } .bottom-xlp-n50px { bottom: -50px !important; } .bottom-xlp-n55px { bottom: -55px !important; } .bottom-xlp-n60px { bottom: -60px !important; } .bottom-xlp-n65px { bottom: -65px !important; } .bottom-xlp-n70px { bottom: -70px !important; } .bottom-xlp-n75px { bottom: -75px !important; } .bottom-xlp-n80px { bottom: -80px !important; } .bottom-xlp-n85px { bottom: -85px !important; } .bottom-xlp-n90px { bottom: -90px !important; } .bottom-xlp-n95px { bottom: -95px !important; } .bottom-xlp-n100px { bottom: -100px !important; } } @media screen and (min-width: 1907px) { .bottom-xxl-auto { bottom: auto !important; } .bottom-xxl-0 { bottom: 0px !important; } .bottom-xxl-5 { bottom: 5% !important; } .bottom-xxl-10 { bottom: 10% !important; } .bottom-xxl-15 { bottom: 15% !important; } .bottom-xxl-20 { bottom: 20% !important; } .bottom-xxl-25 { bottom: 25% !important; } .bottom-xxl-30 { bottom: 30% !important; } .bottom-xxl-35 { bottom: 35% !important; } .bottom-xxl-40 { bottom: 40% !important; } .bottom-xxl-45 { bottom: 45% !important; } .bottom-xxl-50 { bottom: 50% !important; } .bottom-xxl-55 { bottom: 55% !important; } .bottom-xxl-60 { bottom: 60% !important; } .bottom-xxl-65 { bottom: 65% !important; } .bottom-xxl-70 { bottom: 70% !important; } .bottom-xxl-75 { bottom: 75% !important; } .bottom-xxl-80 { bottom: 80% !important; } .bottom-xxl-85 { bottom: 85% !important; } .bottom-xxl-90 { bottom: 90% !important; } .bottom-xxl-95 { bottom: 95% !important; } .bottom-xxl-100 { bottom: 100% !important; } .bottom-xxl-n5 { bottom: -5% !important; } .bottom-xxl-n10 { bottom: -10% !important; } .bottom-xxl-n15 { bottom: -15% !important; } .bottom-xxl-n20 { bottom: -20% !important; } .bottom-xxl-n25 { bottom: -25% !important; } .bottom-xxl-n30 { bottom: -30% !important; } .bottom-xxl-n35 { bottom: -35% !important; } .bottom-xxl-n40 { bottom: -40% !important; } .bottom-xxl-n45 { bottom: -45% !important; } .bottom-xxl-n50 { bottom: -50% !important; } .bottom-xxl-n55 { bottom: -55% !important; } .bottom-xxl-n60 { bottom: -60% !important; } .bottom-xxl-n65 { bottom: -65% !important; } .bottom-xxl-n70 { bottom: -70% !important; } .bottom-xxl-n75 { bottom: -75% !important; } .bottom-xxl-n80 { bottom: -80% !important; } .bottom-xxl-n85 { bottom: -85% !important; } .bottom-xxl-n90 { bottom: -90% !important; } .bottom-xxl-n95 { bottom: -95% !important; } .bottom-xxl-n100 { bottom: -100% !important; } .bottom-xxl-5px { bottom: 5px !important; } .bottom-xxl-10px { bottom: 10px !important; } .bottom-xxl-15px { bottom: 15px !important; } .bottom-xxl-20px { bottom: 20px !important; } .bottom-xxl-25px { bottom: 25px !important; } .bottom-xxl-30px { bottom: 30px !important; } .bottom-xxl-35px { bottom: 35px !important; } .bottom-xxl-40px { bottom: 40px !important; } .bottom-xxl-45px { bottom: 45px !important; } .bottom-xxl-50px { bottom: 50px !important; } .bottom-xxl-55px { bottom: 55px !important; } .bottom-xxl-60px { bottom: 60px !important; } .bottom-xxl-65px { bottom: 65px !important; } .bottom-xxl-70px { bottom: 70px !important; } .bottom-xxl-75px { bottom: 75px !important; } .bottom-xxl-80px { bottom: 80px !important; } .bottom-xxl-85px { bottom: 85px !important; } .bottom-xxl-90px { bottom: 90px !important; } .bottom-xxl-95px { bottom: 95px !important; } .bottom-xxl-100px { bottom: 100px !important; } .bottom-xxl-n5px { bottom: -5px !important; } .bottom-xxl-n10px { bottom: -10px !important; } .bottom-xxl-n15px { bottom: -15px !important; } .bottom-xxl-n20px { bottom: -20px !important; } .bottom-xxl-n25px { bottom: -25px !important; } .bottom-xxl-n30px { bottom: -30px !important; } .bottom-xxl-n35px { bottom: -35px !important; } .bottom-xxl-n40px { bottom: -40px !important; } .bottom-xxl-n45px { bottom: -45px !important; } .bottom-xxl-n50px { bottom: -50px !important; } .bottom-xxl-n55px { bottom: -55px !important; } .bottom-xxl-n60px { bottom: -60px !important; } .bottom-xxl-n65px { bottom: -65px !important; } .bottom-xxl-n70px { bottom: -70px !important; } .bottom-xxl-n75px { bottom: -75px !important; } .bottom-xxl-n80px { bottom: -80px !important; } .bottom-xxl-n85px { bottom: -85px !important; } .bottom-xxl-n90px { bottom: -90px !important; } .bottom-xxl-n95px { bottom: -95px !important; } .bottom-xxl-n100px { bottom: -100px !important; } } .g-flow-row { grid-auto-flow: row; } .g-flow-col { grid-auto-flow: column; } .g-flow-dense { grid-auto-flow: dense; } .g-flow-row-dense { grid-auto-flow: row dense; } .g-flow-col-dense { grid-auto-flow: column dense; } .g-auto-cols { grid-auto-columns: auto; } .g-auto-cols-min { grid-auto-columns: -webkit-min-content; grid-auto-columns: min-content; } .g-auto-cols-max { grid-auto-columns: -webkit-max-content; grid-auto-columns: max-content; } .g-auto-cols-fr { grid-auto-columns: minmax(0, 1fr); } .g-auto-rows { grid-auto-rows: auto; } .g-auto-rows-min { grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; } .g-auto-rows-max { grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } .g-auto-rows-fr { grid-auto-rows: minmax(0, 1fr); } @media screen and (max-width: -1px) { .hidden-xs-down { display: none !important; } } .hidden-xs-up { display: none !important; } @media screen and (max-width: 419px) { .hidden-sm-down { display: none !important; } } @media screen and (min-width: 420px) { .hidden-sm-up { display: none !important; } } @media screen and (max-width: 767px) { .hidden-md-down { display: none !important; } } @media screen and (min-width: 768px) { .hidden-md-up { display: none !important; } } @media screen and (max-width: 1023px) { .hidden-lg-down { display: none !important; } } @media screen and (min-width: 1024px) { .hidden-lg-up { display: none !important; } } @media screen and (max-width: 1223px) { .hidden-xl-down { display: none !important; } } @media screen and (min-width: 1224px) { .hidden-xl-up { display: none !important; } } @media screen and (max-width: 1586px) { .hidden-xlp-down { display: none !important; } } @media screen and (min-width: 1587px) { .hidden-xlp-up { display: none !important; } } @media screen and (max-width: 1906px) { .hidden-xxl-down { display: none !important; } } @media screen and (min-width: 1907px) { .hidden-xxl-up { display: none !important; } } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .g-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-none { grid-template-columns: none; } .g-cols-auto { grid-auto-columns: auto; } .g-col-auto { grid-column: auto; } .g-col-span-1 { grid-column: span 1/span 1; } .g-col-span-2 { grid-column: span 2/span 2; } .g-col-span-3 { grid-column: span 3/span 3; } .g-col-span-4 { grid-column: span 4/span 4; } .g-col-span-5 { grid-column: span 5/span 5; } .g-col-span-6 { grid-column: span 6/span 6; } .g-col-span-7 { grid-column: span 7/span 7; } .g-col-span-8 { grid-column: span 8/span 8; } .g-col-span-9 { grid-column: span 9/span 9; } .g-col-span-10 { grid-column: span 10/span 10; } .g-col-span-11 { grid-column: span 11/span 11; } .g-col-span-12 { grid-column: span 12/span 12; } .g-col-span-full { grid-column: 1/-1; } .g-col-start-1 { grid-column-start: 1; } .g-col-start-2 { grid-column-start: 2; } .g-col-start-3 { grid-column-start: 3; } .g-col-start-4 { grid-column-start: 4; } .g-col-start-5 { grid-column-start: 5; } .g-col-start-6 { grid-column-start: 6; } .g-col-start-7 { grid-column-start: 7; } .g-col-start-8 { grid-column-start: 8; } .g-col-start-9 { grid-column-start: 9; } .g-col-start-10 { grid-column-start: 10; } .g-col-start-11 { grid-column-start: 11; } .g-col-start-12 { grid-column-start: 12; } .g-col-start-13 { grid-column-start: 13; } .g-col-start-auto { grid-column-start: auto; } .g-col-end-1 { grid-column-end: 1; } .g-col-end-2 { grid-column-end: 2; } .g-col-end-3 { grid-column-end: 3; } .g-col-end-4 { grid-column-end: 4; } .g-col-end-5 { grid-column-end: 5; } .g-col-end-6 { grid-column-end: 6; } .g-col-end-7 { grid-column-end: 7; } .g-col-end-8 { grid-column-end: 8; } .g-col-end-9 { grid-column-end: 9; } .g-col-end-10 { grid-column-end: 10; } .g-col-end-11 { grid-column-end: 11; } .g-col-end-12 { grid-column-end: 12; } .g-col-end-13 { grid-column-end: 13; } .g-col-end-auto { grid-column-end: auto; } @media screen and (min-width: 420px) { .g-cols-sm-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-sm-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-sm-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-sm-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-sm-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-sm-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-sm-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-sm-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-sm-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-sm-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-sm-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-sm-none { grid-template-columns: none; } .g-cols-sm-auto { grid-auto-columns: auto; } .g-col-sm-auto { grid-column: auto; } .g-col-span-sm-1 { grid-column: span 1/span 1; } .g-col-span-sm-2 { grid-column: span 2/span 2; } .g-col-span-sm-3 { grid-column: span 3/span 3; } .g-col-span-sm-4 { grid-column: span 4/span 4; } .g-col-span-sm-5 { grid-column: span 5/span 5; } .g-col-span-sm-6 { grid-column: span 6/span 6; } .g-col-span-sm-7 { grid-column: span 7/span 7; } .g-col-span-sm-8 { grid-column: span 8/span 8; } .g-col-span-sm-9 { grid-column: span 9/span 9; } .g-col-span-sm-10 { grid-column: span 10/span 10; } .g-col-span-sm-11 { grid-column: span 11/span 11; } .g-col-span-sm-12 { grid-column: span 12/span 12; } .g-col-span-sm-full { grid-column: 1/-1; } .g-col-start-sm-1 { grid-column-start: 1; } .g-col-start-sm-2 { grid-column-start: 2; } .g-col-start-sm-3 { grid-column-start: 3; } .g-col-start-sm-4 { grid-column-start: 4; } .g-col-start-sm-5 { grid-column-start: 5; } .g-col-start-sm-6 { grid-column-start: 6; } .g-col-start-sm-7 { grid-column-start: 7; } .g-col-start-sm-8 { grid-column-start: 8; } .g-col-start-sm-9 { grid-column-start: 9; } .g-col-start-sm-10 { grid-column-start: 10; } .g-col-start-sm-11 { grid-column-start: 11; } .g-col-start-sm-12 { grid-column-start: 12; } .g-col-start-sm-13 { grid-column-start: 13; } .g-col-start-sm-auto { grid-column-start: auto; } .g-col-end-sm-1 { grid-column-end: 1; } .g-col-end-sm-2 { grid-column-end: 2; } .g-col-end-sm-3 { grid-column-end: 3; } .g-col-end-sm-4 { grid-column-end: 4; } .g-col-end-sm-5 { grid-column-end: 5; } .g-col-end-sm-6 { grid-column-end: 6; } .g-col-end-sm-7 { grid-column-end: 7; } .g-col-end-sm-8 { grid-column-end: 8; } .g-col-end-sm-9 { grid-column-end: 9; } .g-col-end-sm-10 { grid-column-end: 10; } .g-col-end-sm-11 { grid-column-end: 11; } .g-col-end-sm-12 { grid-column-end: 12; } .g-col-end-sm-13 { grid-column-end: 13; } .g-col-end-sm-auto { grid-column-end: auto; } } @media screen and (min-width: 768px) { .g-cols-md-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-md-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-md-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-md-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-md-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-md-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-md-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-md-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-md-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-md-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-md-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-md-none { grid-template-columns: none; } .g-cols-md-auto { grid-auto-columns: auto; } .g-col-md-auto { grid-column: auto; } .g-col-span-md-1 { grid-column: span 1/span 1; } .g-col-span-md-2 { grid-column: span 2/span 2; } .g-col-span-md-3 { grid-column: span 3/span 3; } .g-col-span-md-4 { grid-column: span 4/span 4; } .g-col-span-md-5 { grid-column: span 5/span 5; } .g-col-span-md-6 { grid-column: span 6/span 6; } .g-col-span-md-7 { grid-column: span 7/span 7; } .g-col-span-md-8 { grid-column: span 8/span 8; } .g-col-span-md-9 { grid-column: span 9/span 9; } .g-col-span-md-10 { grid-column: span 10/span 10; } .g-col-span-md-11 { grid-column: span 11/span 11; } .g-col-span-md-12 { grid-column: span 12/span 12; } .g-col-span-md-full { grid-column: 1/-1; } .g-col-start-md-1 { grid-column-start: 1; } .g-col-start-md-2 { grid-column-start: 2; } .g-col-start-md-3 { grid-column-start: 3; } .g-col-start-md-4 { grid-column-start: 4; } .g-col-start-md-5 { grid-column-start: 5; } .g-col-start-md-6 { grid-column-start: 6; } .g-col-start-md-7 { grid-column-start: 7; } .g-col-start-md-8 { grid-column-start: 8; } .g-col-start-md-9 { grid-column-start: 9; } .g-col-start-md-10 { grid-column-start: 10; } .g-col-start-md-11 { grid-column-start: 11; } .g-col-start-md-12 { grid-column-start: 12; } .g-col-start-md-13 { grid-column-start: 13; } .g-col-start-md-auto { grid-column-start: auto; } .g-col-end-md-1 { grid-column-end: 1; } .g-col-end-md-2 { grid-column-end: 2; } .g-col-end-md-3 { grid-column-end: 3; } .g-col-end-md-4 { grid-column-end: 4; } .g-col-end-md-5 { grid-column-end: 5; } .g-col-end-md-6 { grid-column-end: 6; } .g-col-end-md-7 { grid-column-end: 7; } .g-col-end-md-8 { grid-column-end: 8; } .g-col-end-md-9 { grid-column-end: 9; } .g-col-end-md-10 { grid-column-end: 10; } .g-col-end-md-11 { grid-column-end: 11; } .g-col-end-md-12 { grid-column-end: 12; } .g-col-end-md-13 { grid-column-end: 13; } .g-col-end-md-auto { grid-column-end: auto; } } @media screen and (min-width: 1024px) { .g-cols-lg-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-lg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-lg-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-lg-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-lg-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-lg-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-lg-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-lg-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-lg-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-lg-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-lg-none { grid-template-columns: none; } .g-cols-lg-auto { grid-auto-columns: auto; } .g-col-lg-auto { grid-column: auto; } .g-col-span-lg-1 { grid-column: span 1/span 1; } .g-col-span-lg-2 { grid-column: span 2/span 2; } .g-col-span-lg-3 { grid-column: span 3/span 3; } .g-col-span-lg-4 { grid-column: span 4/span 4; } .g-col-span-lg-5 { grid-column: span 5/span 5; } .g-col-span-lg-6 { grid-column: span 6/span 6; } .g-col-span-lg-7 { grid-column: span 7/span 7; } .g-col-span-lg-8 { grid-column: span 8/span 8; } .g-col-span-lg-9 { grid-column: span 9/span 9; } .g-col-span-lg-10 { grid-column: span 10/span 10; } .g-col-span-lg-11 { grid-column: span 11/span 11; } .g-col-span-lg-12 { grid-column: span 12/span 12; } .g-col-span-lg-full { grid-column: 1/-1; } .g-col-start-lg-1 { grid-column-start: 1; } .g-col-start-lg-2 { grid-column-start: 2; } .g-col-start-lg-3 { grid-column-start: 3; } .g-col-start-lg-4 { grid-column-start: 4; } .g-col-start-lg-5 { grid-column-start: 5; } .g-col-start-lg-6 { grid-column-start: 6; } .g-col-start-lg-7 { grid-column-start: 7; } .g-col-start-lg-8 { grid-column-start: 8; } .g-col-start-lg-9 { grid-column-start: 9; } .g-col-start-lg-10 { grid-column-start: 10; } .g-col-start-lg-11 { grid-column-start: 11; } .g-col-start-lg-12 { grid-column-start: 12; } .g-col-start-lg-13 { grid-column-start: 13; } .g-col-start-lg-auto { grid-column-start: auto; } .g-col-end-lg-1 { grid-column-end: 1; } .g-col-end-lg-2 { grid-column-end: 2; } .g-col-end-lg-3 { grid-column-end: 3; } .g-col-end-lg-4 { grid-column-end: 4; } .g-col-end-lg-5 { grid-column-end: 5; } .g-col-end-lg-6 { grid-column-end: 6; } .g-col-end-lg-7 { grid-column-end: 7; } .g-col-end-lg-8 { grid-column-end: 8; } .g-col-end-lg-9 { grid-column-end: 9; } .g-col-end-lg-10 { grid-column-end: 10; } .g-col-end-lg-11 { grid-column-end: 11; } .g-col-end-lg-12 { grid-column-end: 12; } .g-col-end-lg-13 { grid-column-end: 13; } .g-col-end-lg-auto { grid-column-end: auto; } } @media screen and (min-width: 1224px) { .g-cols-xl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-xl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-xl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-xl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-xl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-xl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-xl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-xl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-xl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-xl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-xl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-xl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-xl-none { grid-template-columns: none; } .g-cols-xl-auto { grid-auto-columns: auto; } .g-col-xl-auto { grid-column: auto; } .g-col-span-xl-1 { grid-column: span 1/span 1; } .g-col-span-xl-2 { grid-column: span 2/span 2; } .g-col-span-xl-3 { grid-column: span 3/span 3; } .g-col-span-xl-4 { grid-column: span 4/span 4; } .g-col-span-xl-5 { grid-column: span 5/span 5; } .g-col-span-xl-6 { grid-column: span 6/span 6; } .g-col-span-xl-7 { grid-column: span 7/span 7; } .g-col-span-xl-8 { grid-column: span 8/span 8; } .g-col-span-xl-9 { grid-column: span 9/span 9; } .g-col-span-xl-10 { grid-column: span 10/span 10; } .g-col-span-xl-11 { grid-column: span 11/span 11; } .g-col-span-xl-12 { grid-column: span 12/span 12; } .g-col-span-xl-full { grid-column: 1/-1; } .g-col-start-xl-1 { grid-column-start: 1; } .g-col-start-xl-2 { grid-column-start: 2; } .g-col-start-xl-3 { grid-column-start: 3; } .g-col-start-xl-4 { grid-column-start: 4; } .g-col-start-xl-5 { grid-column-start: 5; } .g-col-start-xl-6 { grid-column-start: 6; } .g-col-start-xl-7 { grid-column-start: 7; } .g-col-start-xl-8 { grid-column-start: 8; } .g-col-start-xl-9 { grid-column-start: 9; } .g-col-start-xl-10 { grid-column-start: 10; } .g-col-start-xl-11 { grid-column-start: 11; } .g-col-start-xl-12 { grid-column-start: 12; } .g-col-start-xl-13 { grid-column-start: 13; } .g-col-start-xl-auto { grid-column-start: auto; } .g-col-end-xl-1 { grid-column-end: 1; } .g-col-end-xl-2 { grid-column-end: 2; } .g-col-end-xl-3 { grid-column-end: 3; } .g-col-end-xl-4 { grid-column-end: 4; } .g-col-end-xl-5 { grid-column-end: 5; } .g-col-end-xl-6 { grid-column-end: 6; } .g-col-end-xl-7 { grid-column-end: 7; } .g-col-end-xl-8 { grid-column-end: 8; } .g-col-end-xl-9 { grid-column-end: 9; } .g-col-end-xl-10 { grid-column-end: 10; } .g-col-end-xl-11 { grid-column-end: 11; } .g-col-end-xl-12 { grid-column-end: 12; } .g-col-end-xl-13 { grid-column-end: 13; } .g-col-end-xl-auto { grid-column-end: auto; } } @media screen and (min-width: 1587px) { .g-cols-xlp-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-xlp-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-xlp-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-xlp-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-xlp-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-xlp-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-xlp-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-xlp-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-xlp-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-xlp-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-xlp-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-xlp-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-xlp-none { grid-template-columns: none; } .g-cols-xlp-auto { grid-auto-columns: auto; } .g-col-xlp-auto { grid-column: auto; } .g-col-span-xlp-1 { grid-column: span 1/span 1; } .g-col-span-xlp-2 { grid-column: span 2/span 2; } .g-col-span-xlp-3 { grid-column: span 3/span 3; } .g-col-span-xlp-4 { grid-column: span 4/span 4; } .g-col-span-xlp-5 { grid-column: span 5/span 5; } .g-col-span-xlp-6 { grid-column: span 6/span 6; } .g-col-span-xlp-7 { grid-column: span 7/span 7; } .g-col-span-xlp-8 { grid-column: span 8/span 8; } .g-col-span-xlp-9 { grid-column: span 9/span 9; } .g-col-span-xlp-10 { grid-column: span 10/span 10; } .g-col-span-xlp-11 { grid-column: span 11/span 11; } .g-col-span-xlp-12 { grid-column: span 12/span 12; } .g-col-span-xlp-full { grid-column: 1/-1; } .g-col-start-xlp-1 { grid-column-start: 1; } .g-col-start-xlp-2 { grid-column-start: 2; } .g-col-start-xlp-3 { grid-column-start: 3; } .g-col-start-xlp-4 { grid-column-start: 4; } .g-col-start-xlp-5 { grid-column-start: 5; } .g-col-start-xlp-6 { grid-column-start: 6; } .g-col-start-xlp-7 { grid-column-start: 7; } .g-col-start-xlp-8 { grid-column-start: 8; } .g-col-start-xlp-9 { grid-column-start: 9; } .g-col-start-xlp-10 { grid-column-start: 10; } .g-col-start-xlp-11 { grid-column-start: 11; } .g-col-start-xlp-12 { grid-column-start: 12; } .g-col-start-xlp-13 { grid-column-start: 13; } .g-col-start-xlp-auto { grid-column-start: auto; } .g-col-end-xlp-1 { grid-column-end: 1; } .g-col-end-xlp-2 { grid-column-end: 2; } .g-col-end-xlp-3 { grid-column-end: 3; } .g-col-end-xlp-4 { grid-column-end: 4; } .g-col-end-xlp-5 { grid-column-end: 5; } .g-col-end-xlp-6 { grid-column-end: 6; } .g-col-end-xlp-7 { grid-column-end: 7; } .g-col-end-xlp-8 { grid-column-end: 8; } .g-col-end-xlp-9 { grid-column-end: 9; } .g-col-end-xlp-10 { grid-column-end: 10; } .g-col-end-xlp-11 { grid-column-end: 11; } .g-col-end-xlp-12 { grid-column-end: 12; } .g-col-end-xlp-13 { grid-column-end: 13; } .g-col-end-xlp-auto { grid-column-end: auto; } } @media screen and (min-width: 1907px) { .g-cols-xxl-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .g-cols-xxl-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-cols-xxl-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g-cols-xxl-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .g-cols-xxl-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .g-cols-xxl-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .g-cols-xxl-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .g-cols-xxl-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .g-cols-xxl-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .g-cols-xxl-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .g-cols-xxl-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .g-cols-xxl-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .g-cols-xxl-none { grid-template-columns: none; } .g-cols-xxl-auto { grid-auto-columns: auto; } .g-col-xxl-auto { grid-column: auto; } .g-col-span-xxl-1 { grid-column: span 1/span 1; } .g-col-span-xxl-2 { grid-column: span 2/span 2; } .g-col-span-xxl-3 { grid-column: span 3/span 3; } .g-col-span-xxl-4 { grid-column: span 4/span 4; } .g-col-span-xxl-5 { grid-column: span 5/span 5; } .g-col-span-xxl-6 { grid-column: span 6/span 6; } .g-col-span-xxl-7 { grid-column: span 7/span 7; } .g-col-span-xxl-8 { grid-column: span 8/span 8; } .g-col-span-xxl-9 { grid-column: span 9/span 9; } .g-col-span-xxl-10 { grid-column: span 10/span 10; } .g-col-span-xxl-11 { grid-column: span 11/span 11; } .g-col-span-xxl-12 { grid-column: span 12/span 12; } .g-col-span-xxl-full { grid-column: 1/-1; } .g-col-start-xxl-1 { grid-column-start: 1; } .g-col-start-xxl-2 { grid-column-start: 2; } .g-col-start-xxl-3 { grid-column-start: 3; } .g-col-start-xxl-4 { grid-column-start: 4; } .g-col-start-xxl-5 { grid-column-start: 5; } .g-col-start-xxl-6 { grid-column-start: 6; } .g-col-start-xxl-7 { grid-column-start: 7; } .g-col-start-xxl-8 { grid-column-start: 8; } .g-col-start-xxl-9 { grid-column-start: 9; } .g-col-start-xxl-10 { grid-column-start: 10; } .g-col-start-xxl-11 { grid-column-start: 11; } .g-col-start-xxl-12 { grid-column-start: 12; } .g-col-start-xxl-13 { grid-column-start: 13; } .g-col-start-xxl-auto { grid-column-start: auto; } .g-col-end-xxl-1 { grid-column-end: 1; } .g-col-end-xxl-2 { grid-column-end: 2; } .g-col-end-xxl-3 { grid-column-end: 3; } .g-col-end-xxl-4 { grid-column-end: 4; } .g-col-end-xxl-5 { grid-column-end: 5; } .g-col-end-xxl-6 { grid-column-end: 6; } .g-col-end-xxl-7 { grid-column-end: 7; } .g-col-end-xxl-8 { grid-column-end: 8; } .g-col-end-xxl-9 { grid-column-end: 9; } .g-col-end-xxl-10 { grid-column-end: 10; } .g-col-end-xxl-11 { grid-column-end: 11; } .g-col-end-xxl-12 { grid-column-end: 12; } .g-col-end-xxl-13 { grid-column-end: 13; } .g-col-end-xxl-auto { grid-column-end: auto; } } .g-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-none { grid-template-rows: none; } .g-rows-auto { grid-auto-rows: auto; } .g-row-auto { grid-row: auto; } .g-row-span-1 { grid-row: span 1/span 1; } .g-row-span-2 { grid-row: span 2/span 2; } .g-row-span-3 { grid-row: span 3/span 3; } .g-row-span-4 { grid-row: span 4/span 4; } .g-row-span-5 { grid-row: span 5/span 5; } .g-row-span-6 { grid-row: span 6/span 6; } .g-row-span-7 { grid-row: span 7/span 7; } .g-row-span-8 { grid-row: span 8/span 8; } .g-row-span-9 { grid-row: span 9/span 9; } .g-row-span-10 { grid-row: span 10/span 10; } .g-row-span-11 { grid-row: span 11/span 11; } .g-row-span-12 { grid-row: span 12/span 12; } .g-row-span-full { grid-row: 1/-1; } .g-row-start-1 { grid-row-start: 1; } .g-row-start-2 { grid-row-start: 2; } .g-row-start-3 { grid-row-start: 3; } .g-row-start-4 { grid-row-start: 4; } .g-row-start-5 { grid-row-start: 5; } .g-row-start-6 { grid-row-start: 6; } .g-row-start-7 { grid-row-start: 7; } .g-row-start-8 { grid-row-start: 8; } .g-row-start-9 { grid-row-start: 9; } .g-row-start-10 { grid-row-start: 10; } .g-row-start-11 { grid-row-start: 11; } .g-row-start-12 { grid-row-start: 12; } .g-row-start-13 { grid-row-start: 13; } .g-row-start-auto { grid-row-start: auto; } .g-row-end-1 { grid-row-end: 1; } .g-row-end-2 { grid-row-end: 2; } .g-row-end-3 { grid-row-end: 3; } .g-row-end-4 { grid-row-end: 4; } .g-row-end-5 { grid-row-end: 5; } .g-row-end-6 { grid-row-end: 6; } .g-row-end-7 { grid-row-end: 7; } .g-row-end-8 { grid-row-end: 8; } .g-row-end-9 { grid-row-end: 9; } .g-row-end-10 { grid-row-end: 10; } .g-row-end-11 { grid-row-end: 11; } .g-row-end-12 { grid-row-end: 12; } .g-row-end-13 { grid-row-end: 13; } .g-row-end-auto { grid-row-end: auto; } @media screen and (min-width: 420px) { .g-rows-sm-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-sm-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-sm-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-sm-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-sm-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-sm-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-sm-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-sm-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-sm-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-sm-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-sm-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-sm-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-sm-none { grid-template-rows: none; } .g-rows-sm-auto { grid-auto-rows: auto; } .g-row-sm-auto { grid-row: auto; } .g-row-span-sm-1 { grid-row: span 1/span 1; } .g-row-span-sm-2 { grid-row: span 2/span 2; } .g-row-span-sm-3 { grid-row: span 3/span 3; } .g-row-span-sm-4 { grid-row: span 4/span 4; } .g-row-span-sm-5 { grid-row: span 5/span 5; } .g-row-span-sm-6 { grid-row: span 6/span 6; } .g-row-span-sm-7 { grid-row: span 7/span 7; } .g-row-span-sm-8 { grid-row: span 8/span 8; } .g-row-span-sm-9 { grid-row: span 9/span 9; } .g-row-span-sm-10 { grid-row: span 10/span 10; } .g-row-span-sm-11 { grid-row: span 11/span 11; } .g-row-span-sm-12 { grid-row: span 12/span 12; } .g-row-span-sm-full { grid-row: 1/-1; } .g-row-start-sm-1 { grid-row-start: 1; } .g-row-start-sm-2 { grid-row-start: 2; } .g-row-start-sm-3 { grid-row-start: 3; } .g-row-start-sm-4 { grid-row-start: 4; } .g-row-start-sm-5 { grid-row-start: 5; } .g-row-start-sm-6 { grid-row-start: 6; } .g-row-start-sm-7 { grid-row-start: 7; } .g-row-start-sm-8 { grid-row-start: 8; } .g-row-start-sm-9 { grid-row-start: 9; } .g-row-start-sm-10 { grid-row-start: 10; } .g-row-start-sm-11 { grid-row-start: 11; } .g-row-start-sm-12 { grid-row-start: 12; } .g-row-start-sm-13 { grid-row-start: 13; } .g-row-start-sm-auto { grid-row-start: auto; } .g-row-end-sm-1 { grid-row-end: 1; } .g-row-end-sm-2 { grid-row-end: 2; } .g-row-end-sm-3 { grid-row-end: 3; } .g-row-end-sm-4 { grid-row-end: 4; } .g-row-end-sm-5 { grid-row-end: 5; } .g-row-end-sm-6 { grid-row-end: 6; } .g-row-end-sm-7 { grid-row-end: 7; } .g-row-end-sm-8 { grid-row-end: 8; } .g-row-end-sm-9 { grid-row-end: 9; } .g-row-end-sm-10 { grid-row-end: 10; } .g-row-end-sm-11 { grid-row-end: 11; } .g-row-end-sm-12 { grid-row-end: 12; } .g-row-end-sm-13 { grid-row-end: 13; } .g-row-end-sm-auto { grid-row-end: auto; } } @media screen and (min-width: 768px) { .g-rows-md-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-md-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-md-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-md-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-md-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-md-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-md-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-md-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-md-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-md-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-md-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-md-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-md-none { grid-template-rows: none; } .g-rows-md-auto { grid-auto-rows: auto; } .g-row-md-auto { grid-row: auto; } .g-row-span-md-1 { grid-row: span 1/span 1; } .g-row-span-md-2 { grid-row: span 2/span 2; } .g-row-span-md-3 { grid-row: span 3/span 3; } .g-row-span-md-4 { grid-row: span 4/span 4; } .g-row-span-md-5 { grid-row: span 5/span 5; } .g-row-span-md-6 { grid-row: span 6/span 6; } .g-row-span-md-7 { grid-row: span 7/span 7; } .g-row-span-md-8 { grid-row: span 8/span 8; } .g-row-span-md-9 { grid-row: span 9/span 9; } .g-row-span-md-10 { grid-row: span 10/span 10; } .g-row-span-md-11 { grid-row: span 11/span 11; } .g-row-span-md-12 { grid-row: span 12/span 12; } .g-row-span-md-full { grid-row: 1/-1; } .g-row-start-md-1 { grid-row-start: 1; } .g-row-start-md-2 { grid-row-start: 2; } .g-row-start-md-3 { grid-row-start: 3; } .g-row-start-md-4 { grid-row-start: 4; } .g-row-start-md-5 { grid-row-start: 5; } .g-row-start-md-6 { grid-row-start: 6; } .g-row-start-md-7 { grid-row-start: 7; } .g-row-start-md-8 { grid-row-start: 8; } .g-row-start-md-9 { grid-row-start: 9; } .g-row-start-md-10 { grid-row-start: 10; } .g-row-start-md-11 { grid-row-start: 11; } .g-row-start-md-12 { grid-row-start: 12; } .g-row-start-md-13 { grid-row-start: 13; } .g-row-start-md-auto { grid-row-start: auto; } .g-row-end-md-1 { grid-row-end: 1; } .g-row-end-md-2 { grid-row-end: 2; } .g-row-end-md-3 { grid-row-end: 3; } .g-row-end-md-4 { grid-row-end: 4; } .g-row-end-md-5 { grid-row-end: 5; } .g-row-end-md-6 { grid-row-end: 6; } .g-row-end-md-7 { grid-row-end: 7; } .g-row-end-md-8 { grid-row-end: 8; } .g-row-end-md-9 { grid-row-end: 9; } .g-row-end-md-10 { grid-row-end: 10; } .g-row-end-md-11 { grid-row-end: 11; } .g-row-end-md-12 { grid-row-end: 12; } .g-row-end-md-13 { grid-row-end: 13; } .g-row-end-md-auto { grid-row-end: auto; } } @media screen and (min-width: 1024px) { .g-rows-lg-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-lg-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-lg-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-lg-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-lg-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-lg-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-lg-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-lg-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-lg-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-lg-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-lg-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-lg-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-lg-none { grid-template-rows: none; } .g-rows-lg-auto { grid-auto-rows: auto; } .g-row-lg-auto { grid-row: auto; } .g-row-span-lg-1 { grid-row: span 1/span 1; } .g-row-span-lg-2 { grid-row: span 2/span 2; } .g-row-span-lg-3 { grid-row: span 3/span 3; } .g-row-span-lg-4 { grid-row: span 4/span 4; } .g-row-span-lg-5 { grid-row: span 5/span 5; } .g-row-span-lg-6 { grid-row: span 6/span 6; } .g-row-span-lg-7 { grid-row: span 7/span 7; } .g-row-span-lg-8 { grid-row: span 8/span 8; } .g-row-span-lg-9 { grid-row: span 9/span 9; } .g-row-span-lg-10 { grid-row: span 10/span 10; } .g-row-span-lg-11 { grid-row: span 11/span 11; } .g-row-span-lg-12 { grid-row: span 12/span 12; } .g-row-span-lg-full { grid-row: 1/-1; } .g-row-start-lg-1 { grid-row-start: 1; } .g-row-start-lg-2 { grid-row-start: 2; } .g-row-start-lg-3 { grid-row-start: 3; } .g-row-start-lg-4 { grid-row-start: 4; } .g-row-start-lg-5 { grid-row-start: 5; } .g-row-start-lg-6 { grid-row-start: 6; } .g-row-start-lg-7 { grid-row-start: 7; } .g-row-start-lg-8 { grid-row-start: 8; } .g-row-start-lg-9 { grid-row-start: 9; } .g-row-start-lg-10 { grid-row-start: 10; } .g-row-start-lg-11 { grid-row-start: 11; } .g-row-start-lg-12 { grid-row-start: 12; } .g-row-start-lg-13 { grid-row-start: 13; } .g-row-start-lg-auto { grid-row-start: auto; } .g-row-end-lg-1 { grid-row-end: 1; } .g-row-end-lg-2 { grid-row-end: 2; } .g-row-end-lg-3 { grid-row-end: 3; } .g-row-end-lg-4 { grid-row-end: 4; } .g-row-end-lg-5 { grid-row-end: 5; } .g-row-end-lg-6 { grid-row-end: 6; } .g-row-end-lg-7 { grid-row-end: 7; } .g-row-end-lg-8 { grid-row-end: 8; } .g-row-end-lg-9 { grid-row-end: 9; } .g-row-end-lg-10 { grid-row-end: 10; } .g-row-end-lg-11 { grid-row-end: 11; } .g-row-end-lg-12 { grid-row-end: 12; } .g-row-end-lg-13 { grid-row-end: 13; } .g-row-end-lg-auto { grid-row-end: auto; } } @media screen and (min-width: 1224px) { .g-rows-xl-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-xl-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-xl-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-xl-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-xl-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-xl-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-xl-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-xl-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-xl-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-xl-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-xl-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-xl-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-xl-none { grid-template-rows: none; } .g-rows-xl-auto { grid-auto-rows: auto; } .g-row-xl-auto { grid-row: auto; } .g-row-span-xl-1 { grid-row: span 1/span 1; } .g-row-span-xl-2 { grid-row: span 2/span 2; } .g-row-span-xl-3 { grid-row: span 3/span 3; } .g-row-span-xl-4 { grid-row: span 4/span 4; } .g-row-span-xl-5 { grid-row: span 5/span 5; } .g-row-span-xl-6 { grid-row: span 6/span 6; } .g-row-span-xl-7 { grid-row: span 7/span 7; } .g-row-span-xl-8 { grid-row: span 8/span 8; } .g-row-span-xl-9 { grid-row: span 9/span 9; } .g-row-span-xl-10 { grid-row: span 10/span 10; } .g-row-span-xl-11 { grid-row: span 11/span 11; } .g-row-span-xl-12 { grid-row: span 12/span 12; } .g-row-span-xl-full { grid-row: 1/-1; } .g-row-start-xl-1 { grid-row-start: 1; } .g-row-start-xl-2 { grid-row-start: 2; } .g-row-start-xl-3 { grid-row-start: 3; } .g-row-start-xl-4 { grid-row-start: 4; } .g-row-start-xl-5 { grid-row-start: 5; } .g-row-start-xl-6 { grid-row-start: 6; } .g-row-start-xl-7 { grid-row-start: 7; } .g-row-start-xl-8 { grid-row-start: 8; } .g-row-start-xl-9 { grid-row-start: 9; } .g-row-start-xl-10 { grid-row-start: 10; } .g-row-start-xl-11 { grid-row-start: 11; } .g-row-start-xl-12 { grid-row-start: 12; } .g-row-start-xl-13 { grid-row-start: 13; } .g-row-start-xl-auto { grid-row-start: auto; } .g-row-end-xl-1 { grid-row-end: 1; } .g-row-end-xl-2 { grid-row-end: 2; } .g-row-end-xl-3 { grid-row-end: 3; } .g-row-end-xl-4 { grid-row-end: 4; } .g-row-end-xl-5 { grid-row-end: 5; } .g-row-end-xl-6 { grid-row-end: 6; } .g-row-end-xl-7 { grid-row-end: 7; } .g-row-end-xl-8 { grid-row-end: 8; } .g-row-end-xl-9 { grid-row-end: 9; } .g-row-end-xl-10 { grid-row-end: 10; } .g-row-end-xl-11 { grid-row-end: 11; } .g-row-end-xl-12 { grid-row-end: 12; } .g-row-end-xl-13 { grid-row-end: 13; } .g-row-end-xl-auto { grid-row-end: auto; } } @media screen and (min-width: 1587px) { .g-rows-xlp-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-xlp-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-xlp-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-xlp-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-xlp-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-xlp-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-xlp-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-xlp-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-xlp-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-xlp-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-xlp-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-xlp-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-xlp-none { grid-template-rows: none; } .g-rows-xlp-auto { grid-auto-rows: auto; } .g-row-xlp-auto { grid-row: auto; } .g-row-span-xlp-1 { grid-row: span 1/span 1; } .g-row-span-xlp-2 { grid-row: span 2/span 2; } .g-row-span-xlp-3 { grid-row: span 3/span 3; } .g-row-span-xlp-4 { grid-row: span 4/span 4; } .g-row-span-xlp-5 { grid-row: span 5/span 5; } .g-row-span-xlp-6 { grid-row: span 6/span 6; } .g-row-span-xlp-7 { grid-row: span 7/span 7; } .g-row-span-xlp-8 { grid-row: span 8/span 8; } .g-row-span-xlp-9 { grid-row: span 9/span 9; } .g-row-span-xlp-10 { grid-row: span 10/span 10; } .g-row-span-xlp-11 { grid-row: span 11/span 11; } .g-row-span-xlp-12 { grid-row: span 12/span 12; } .g-row-span-xlp-full { grid-row: 1/-1; } .g-row-start-xlp-1 { grid-row-start: 1; } .g-row-start-xlp-2 { grid-row-start: 2; } .g-row-start-xlp-3 { grid-row-start: 3; } .g-row-start-xlp-4 { grid-row-start: 4; } .g-row-start-xlp-5 { grid-row-start: 5; } .g-row-start-xlp-6 { grid-row-start: 6; } .g-row-start-xlp-7 { grid-row-start: 7; } .g-row-start-xlp-8 { grid-row-start: 8; } .g-row-start-xlp-9 { grid-row-start: 9; } .g-row-start-xlp-10 { grid-row-start: 10; } .g-row-start-xlp-11 { grid-row-start: 11; } .g-row-start-xlp-12 { grid-row-start: 12; } .g-row-start-xlp-13 { grid-row-start: 13; } .g-row-start-xlp-auto { grid-row-start: auto; } .g-row-end-xlp-1 { grid-row-end: 1; } .g-row-end-xlp-2 { grid-row-end: 2; } .g-row-end-xlp-3 { grid-row-end: 3; } .g-row-end-xlp-4 { grid-row-end: 4; } .g-row-end-xlp-5 { grid-row-end: 5; } .g-row-end-xlp-6 { grid-row-end: 6; } .g-row-end-xlp-7 { grid-row-end: 7; } .g-row-end-xlp-8 { grid-row-end: 8; } .g-row-end-xlp-9 { grid-row-end: 9; } .g-row-end-xlp-10 { grid-row-end: 10; } .g-row-end-xlp-11 { grid-row-end: 11; } .g-row-end-xlp-12 { grid-row-end: 12; } .g-row-end-xlp-13 { grid-row-end: 13; } .g-row-end-xlp-auto { grid-row-end: auto; } } @media screen and (min-width: 1907px) { .g-rows-xxl-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .g-rows-xxl-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .g-rows-xxl-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .g-rows-xxl-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .g-rows-xxl-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .g-rows-xxl-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .g-rows-xxl-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .g-rows-xxl-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .g-rows-xxl-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); } .g-rows-xxl-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); } .g-rows-xxl-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); } .g-rows-xxl-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); } .g-rows-xxl-none { grid-template-rows: none; } .g-rows-xxl-auto { grid-auto-rows: auto; } .g-row-xxl-auto { grid-row: auto; } .g-row-span-xxl-1 { grid-row: span 1/span 1; } .g-row-span-xxl-2 { grid-row: span 2/span 2; } .g-row-span-xxl-3 { grid-row: span 3/span 3; } .g-row-span-xxl-4 { grid-row: span 4/span 4; } .g-row-span-xxl-5 { grid-row: span 5/span 5; } .g-row-span-xxl-6 { grid-row: span 6/span 6; } .g-row-span-xxl-7 { grid-row: span 7/span 7; } .g-row-span-xxl-8 { grid-row: span 8/span 8; } .g-row-span-xxl-9 { grid-row: span 9/span 9; } .g-row-span-xxl-10 { grid-row: span 10/span 10; } .g-row-span-xxl-11 { grid-row: span 11/span 11; } .g-row-span-xxl-12 { grid-row: span 12/span 12; } .g-row-span-xxl-full { grid-row: 1/-1; } .g-row-start-xxl-1 { grid-row-start: 1; } .g-row-start-xxl-2 { grid-row-start: 2; } .g-row-start-xxl-3 { grid-row-start: 3; } .g-row-start-xxl-4 { grid-row-start: 4; } .g-row-start-xxl-5 { grid-row-start: 5; } .g-row-start-xxl-6 { grid-row-start: 6; } .g-row-start-xxl-7 { grid-row-start: 7; } .g-row-start-xxl-8 { grid-row-start: 8; } .g-row-start-xxl-9 { grid-row-start: 9; } .g-row-start-xxl-10 { grid-row-start: 10; } .g-row-start-xxl-11 { grid-row-start: 11; } .g-row-start-xxl-12 { grid-row-start: 12; } .g-row-start-xxl-13 { grid-row-start: 13; } .g-row-start-xxl-auto { grid-row-start: auto; } .g-row-end-xxl-1 { grid-row-end: 1; } .g-row-end-xxl-2 { grid-row-end: 2; } .g-row-end-xxl-3 { grid-row-end: 3; } .g-row-end-xxl-4 { grid-row-end: 4; } .g-row-end-xxl-5 { grid-row-end: 5; } .g-row-end-xxl-6 { grid-row-end: 6; } .g-row-end-xxl-7 { grid-row-end: 7; } .g-row-end-xxl-8 { grid-row-end: 8; } .g-row-end-xxl-9 { grid-row-end: 9; } .g-row-end-xxl-10 { grid-row-end: 10; } .g-row-end-xxl-11 { grid-row-end: 11; } .g-row-end-xxl-12 { grid-row-end: 12; } .g-row-end-xxl-13 { grid-row-end: 13; } .g-row-end-xxl-auto { grid-row-end: auto; } } .col-offset-0 { margin-left: 0; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-offset-1 { margin-left: 8.3333333333%; } .col-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-offset-2 { margin-left: 16.6666666667%; } .col-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-offset-3 { margin-left: 25%; } .col-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-offset-4 { margin-left: 33.3333333333%; } .col-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-offset-5 { margin-left: 41.6666666667%; } .col-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-offset-6 { margin-left: 50%; } .col-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-offset-7 { margin-left: 58.3333333333%; } .col-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-offset-8 { margin-left: 66.6666666667%; } .col-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-offset-9 { margin-left: 75%; } .col-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-offset-10 { margin-left: 83.3333333333%; } .col-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-offset-11 { margin-left: 91.6666666667%; } .col-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-offset-12 { margin-left: 100%; } @media screen and (min-width: 420px) { .col-sm-offset-0 { margin-left: 0; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-sm-offset-12 { margin-left: 100%; } } @media screen and (min-width: 768px) { .col-md-offset-0 { margin-left: 0; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-md-offset-3 { margin-left: 25%; } .col-md-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-md-offset-6 { margin-left: 50%; } .col-md-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-md-offset-9 { margin-left: 75%; } .col-md-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-md-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1024px) { .col-lg-offset-0 { margin-left: 0; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-lg-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1224px) { .col-xl-offset-0 { margin-left: 0; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-xl-offset-1 { margin-left: 8.3333333333%; } .col-xl-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-xl-offset-2 { margin-left: 16.6666666667%; } .col-xl-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-xl-offset-4 { margin-left: 33.3333333333%; } .col-xl-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-xl-offset-5 { margin-left: 41.6666666667%; } .col-xl-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-xl-offset-7 { margin-left: 58.3333333333%; } .col-xl-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-xl-offset-8 { margin-left: 66.6666666667%; } .col-xl-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-xl-offset-10 { margin-left: 83.3333333333%; } .col-xl-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-xl-offset-11 { margin-left: 91.6666666667%; } .col-xl-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-xl-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1587px) { .col-xlp-offset-0 { margin-left: 0; } .col-xlp-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xlp { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xlp-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-xlp-offset-1 { margin-left: 8.3333333333%; } .col-xlp-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-xlp-offset-2 { margin-left: 16.6666666667%; } .col-xlp-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-xlp-offset-3 { margin-left: 25%; } .col-xlp-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-xlp-offset-4 { margin-left: 33.3333333333%; } .col-xlp-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-xlp-offset-5 { margin-left: 41.6666666667%; } .col-xlp-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-xlp-offset-6 { margin-left: 50%; } .col-xlp-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-xlp-offset-7 { margin-left: 58.3333333333%; } .col-xlp-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-xlp-offset-8 { margin-left: 66.6666666667%; } .col-xlp-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-xlp-offset-9 { margin-left: 75%; } .col-xlp-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-xlp-offset-10 { margin-left: 83.3333333333%; } .col-xlp-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-xlp-offset-11 { margin-left: 91.6666666667%; } .col-xlp-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-xlp-offset-12 { margin-left: 100%; } } @media screen and (min-width: 1907px) { .col-xxl-offset-0 { margin-left: 0; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-1 { flex-basis: 8.3333333333%; max-width: 8.3333333333%; position: relative; } .col-xxl-offset-1 { margin-left: 8.3333333333%; } .col-xxl-2 { flex-basis: 16.6666666667%; max-width: 16.6666666667%; position: relative; } .col-xxl-offset-2 { margin-left: 16.6666666667%; } .col-xxl-3 { flex-basis: 25%; max-width: 25%; position: relative; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-4 { flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } .col-xxl-offset-4 { margin-left: 33.3333333333%; } .col-xxl-5 { flex-basis: 41.6666666667%; max-width: 41.6666666667%; position: relative; } .col-xxl-offset-5 { margin-left: 41.6666666667%; } .col-xxl-6 { flex-basis: 50%; max-width: 50%; position: relative; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-7 { flex-basis: 58.3333333333%; max-width: 58.3333333333%; position: relative; } .col-xxl-offset-7 { margin-left: 58.3333333333%; } .col-xxl-8 { flex-basis: 66.6666666667%; max-width: 66.6666666667%; position: relative; } .col-xxl-offset-8 { margin-left: 66.6666666667%; } .col-xxl-9 { flex-basis: 75%; max-width: 75%; position: relative; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-10 { flex-basis: 83.3333333333%; max-width: 83.3333333333%; position: relative; } .col-xxl-offset-10 { margin-left: 83.3333333333%; } .col-xxl-11 { flex-basis: 91.6666666667%; max-width: 91.6666666667%; position: relative; } .col-xxl-offset-11 { margin-left: 91.6666666667%; } .col-xxl-12 { flex-basis: 100%; max-width: 100%; position: relative; } .col-xxl-offset-12 { margin-left: 100%; } } .g-1px { gap: 1px !important; } .g-2px { gap: 2px !important; } .g-3px { gap: 3px !important; } .g-4px { gap: 4px !important; } .g-0 { gap: 0px !important; } .g-1 { gap: 5px !important; } .g-2 { gap: 10px !important; } .g-3 { gap: 15px !important; } .g-4 { gap: 20px !important; } .g-5 { gap: 25px !important; } .g-6 { gap: 40px !important; } .g-7 { gap: 60px !important; } .gx-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-1px { row-gap: 1px !important; } .gy-2px { row-gap: 2px !important; } .gy-3px { row-gap: 3px !important; } .gy-4px { row-gap: 4px !important; } .gy-0 { row-gap: 0px !important; } .gy-1 { row-gap: 5px !important; } .gy-2 { row-gap: 10px !important; } .gy-3 { row-gap: 15px !important; } .gy-4 { row-gap: 20px !important; } .gy-5 { row-gap: 25px !important; } .gy-6 { row-gap: 40px !important; } .gy-7 { row-gap: 60px !important; } @media screen and (min-width: 420px) { .g-sm-1px { gap: 1px !important; } .g-sm-2px { gap: 2px !important; } .g-sm-3px { gap: 3px !important; } .g-sm-4px { gap: 4px !important; } .g-sm-0 { gap: 0px !important; } .g-sm-1 { gap: 5px !important; } .g-sm-2 { gap: 10px !important; } .g-sm-3 { gap: 15px !important; } .g-sm-4 { gap: 20px !important; } .g-sm-5 { gap: 25px !important; } .g-sm-6 { gap: 40px !important; } .g-sm-7 { gap: 60px !important; } .gx-sm-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-sm-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-sm-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-sm-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-sm-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-sm-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-sm-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-sm-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-sm-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-sm-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-sm-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-sm-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-sm-1px { row-gap: 1px !important; } .gy-sm-2px { row-gap: 2px !important; } .gy-sm-3px { row-gap: 3px !important; } .gy-sm-4px { row-gap: 4px !important; } .gy-sm-0 { row-gap: 0px !important; } .gy-sm-1 { row-gap: 5px !important; } .gy-sm-2 { row-gap: 10px !important; } .gy-sm-3 { row-gap: 15px !important; } .gy-sm-4 { row-gap: 20px !important; } .gy-sm-5 { row-gap: 25px !important; } .gy-sm-6 { row-gap: 40px !important; } .gy-sm-7 { row-gap: 60px !important; } } @media screen and (min-width: 768px) { .g-md-1px { gap: 1px !important; } .g-md-2px { gap: 2px !important; } .g-md-3px { gap: 3px !important; } .g-md-4px { gap: 4px !important; } .g-md-0 { gap: 0px !important; } .g-md-1 { gap: 5px !important; } .g-md-2 { gap: 10px !important; } .g-md-3 { gap: 15px !important; } .g-md-4 { gap: 20px !important; } .g-md-5 { gap: 25px !important; } .g-md-6 { gap: 40px !important; } .g-md-7 { gap: 60px !important; } .gx-md-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-md-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-md-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-md-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-md-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-md-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-md-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-md-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-md-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-md-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-md-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-md-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-md-1px { row-gap: 1px !important; } .gy-md-2px { row-gap: 2px !important; } .gy-md-3px { row-gap: 3px !important; } .gy-md-4px { row-gap: 4px !important; } .gy-md-0 { row-gap: 0px !important; } .gy-md-1 { row-gap: 5px !important; } .gy-md-2 { row-gap: 10px !important; } .gy-md-3 { row-gap: 15px !important; } .gy-md-4 { row-gap: 20px !important; } .gy-md-5 { row-gap: 25px !important; } .gy-md-6 { row-gap: 40px !important; } .gy-md-7 { row-gap: 60px !important; } } @media screen and (min-width: 1024px) { .g-lg-1px { gap: 1px !important; } .g-lg-2px { gap: 2px !important; } .g-lg-3px { gap: 3px !important; } .g-lg-4px { gap: 4px !important; } .g-lg-0 { gap: 0px !important; } .g-lg-1 { gap: 5px !important; } .g-lg-2 { gap: 10px !important; } .g-lg-3 { gap: 15px !important; } .g-lg-4 { gap: 20px !important; } .g-lg-5 { gap: 25px !important; } .g-lg-6 { gap: 40px !important; } .g-lg-7 { gap: 60px !important; } .gx-lg-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-lg-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-lg-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-lg-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-lg-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-lg-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-lg-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-lg-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-lg-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-lg-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-lg-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-lg-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-lg-1px { row-gap: 1px !important; } .gy-lg-2px { row-gap: 2px !important; } .gy-lg-3px { row-gap: 3px !important; } .gy-lg-4px { row-gap: 4px !important; } .gy-lg-0 { row-gap: 0px !important; } .gy-lg-1 { row-gap: 5px !important; } .gy-lg-2 { row-gap: 10px !important; } .gy-lg-3 { row-gap: 15px !important; } .gy-lg-4 { row-gap: 20px !important; } .gy-lg-5 { row-gap: 25px !important; } .gy-lg-6 { row-gap: 40px !important; } .gy-lg-7 { row-gap: 60px !important; } } @media screen and (min-width: 1224px) { .g-xl-1px { gap: 1px !important; } .g-xl-2px { gap: 2px !important; } .g-xl-3px { gap: 3px !important; } .g-xl-4px { gap: 4px !important; } .g-xl-0 { gap: 0px !important; } .g-xl-1 { gap: 5px !important; } .g-xl-2 { gap: 10px !important; } .g-xl-3 { gap: 15px !important; } .g-xl-4 { gap: 20px !important; } .g-xl-5 { gap: 25px !important; } .g-xl-6 { gap: 40px !important; } .g-xl-7 { gap: 60px !important; } .gx-xl-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-xl-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-xl-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-xl-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-xl-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-xl-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-xl-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-xl-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-xl-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-xl-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-xl-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-xl-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-xl-1px { row-gap: 1px !important; } .gy-xl-2px { row-gap: 2px !important; } .gy-xl-3px { row-gap: 3px !important; } .gy-xl-4px { row-gap: 4px !important; } .gy-xl-0 { row-gap: 0px !important; } .gy-xl-1 { row-gap: 5px !important; } .gy-xl-2 { row-gap: 10px !important; } .gy-xl-3 { row-gap: 15px !important; } .gy-xl-4 { row-gap: 20px !important; } .gy-xl-5 { row-gap: 25px !important; } .gy-xl-6 { row-gap: 40px !important; } .gy-xl-7 { row-gap: 60px !important; } } @media screen and (min-width: 1587px) { .g-xlp-1px { gap: 1px !important; } .g-xlp-2px { gap: 2px !important; } .g-xlp-3px { gap: 3px !important; } .g-xlp-4px { gap: 4px !important; } .g-xlp-0 { gap: 0px !important; } .g-xlp-1 { gap: 5px !important; } .g-xlp-2 { gap: 10px !important; } .g-xlp-3 { gap: 15px !important; } .g-xlp-4 { gap: 20px !important; } .g-xlp-5 { gap: 25px !important; } .g-xlp-6 { gap: 40px !important; } .g-xlp-7 { gap: 60px !important; } .gx-xlp-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-xlp-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-xlp-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-xlp-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-xlp-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-xlp-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-xlp-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-xlp-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-xlp-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-xlp-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-xlp-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-xlp-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-xlp-1px { row-gap: 1px !important; } .gy-xlp-2px { row-gap: 2px !important; } .gy-xlp-3px { row-gap: 3px !important; } .gy-xlp-4px { row-gap: 4px !important; } .gy-xlp-0 { row-gap: 0px !important; } .gy-xlp-1 { row-gap: 5px !important; } .gy-xlp-2 { row-gap: 10px !important; } .gy-xlp-3 { row-gap: 15px !important; } .gy-xlp-4 { row-gap: 20px !important; } .gy-xlp-5 { row-gap: 25px !important; } .gy-xlp-6 { row-gap: 40px !important; } .gy-xlp-7 { row-gap: 60px !important; } } @media screen and (min-width: 1907px) { .g-xxl-1px { gap: 1px !important; } .g-xxl-2px { gap: 2px !important; } .g-xxl-3px { gap: 3px !important; } .g-xxl-4px { gap: 4px !important; } .g-xxl-0 { gap: 0px !important; } .g-xxl-1 { gap: 5px !important; } .g-xxl-2 { gap: 10px !important; } .g-xxl-3 { gap: 15px !important; } .g-xxl-4 { gap: 20px !important; } .g-xxl-5 { gap: 25px !important; } .g-xxl-6 { gap: 40px !important; } .g-xxl-7 { gap: 60px !important; } .gx-xxl-1px { -moz-column-gap: 1px !important; column-gap: 1px !important; } .gx-xxl-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; } .gx-xxl-3px { -moz-column-gap: 3px !important; column-gap: 3px !important; } .gx-xxl-4px { -moz-column-gap: 4px !important; column-gap: 4px !important; } .gx-xxl-0 { -moz-column-gap: 0px !important; column-gap: 0px !important; } .gx-xxl-1 { -moz-column-gap: 5px !important; column-gap: 5px !important; } .gx-xxl-2 { -moz-column-gap: 10px !important; column-gap: 10px !important; } .gx-xxl-3 { -moz-column-gap: 15px !important; column-gap: 15px !important; } .gx-xxl-4 { -moz-column-gap: 20px !important; column-gap: 20px !important; } .gx-xxl-5 { -moz-column-gap: 25px !important; column-gap: 25px !important; } .gx-xxl-6 { -moz-column-gap: 40px !important; column-gap: 40px !important; } .gx-xxl-7 { -moz-column-gap: 60px !important; column-gap: 60px !important; } .gy-xxl-1px { row-gap: 1px !important; } .gy-xxl-2px { row-gap: 2px !important; } .gy-xxl-3px { row-gap: 3px !important; } .gy-xxl-4px { row-gap: 4px !important; } .gy-xxl-0 { row-gap: 0px !important; } .gy-xxl-1 { row-gap: 5px !important; } .gy-xxl-2 { row-gap: 10px !important; } .gy-xxl-3 { row-gap: 15px !important; } .gy-xxl-4 { row-gap: 20px !important; } .gy-xxl-5 { row-gap: 25px !important; } .gy-xxl-6 { row-gap: 40px !important; } .gy-xxl-7 { row-gap: 60px !important; } } .p-1px { padding: 1px !important; } .p-2px { padding: 2px !important; } .p-3px { padding: 3px !important; } .p-4px { padding: 4px !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 5px !important; } .p-2 { padding: 10px !important; } .p-3 { padding: 15px !important; } .p-4 { padding: 20px !important; } .p-5 { padding: 25px !important; } .p-6 { padding: 40px !important; } .p-7 { padding: 60px !important; } .px-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-1px { padding-top: 1px !important; } .pt-2px { padding-top: 2px !important; } .pt-3px { padding-top: 3px !important; } .pt-4px { padding-top: 4px !important; } .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 5px !important; } .pt-2 { padding-top: 10px !important; } .pt-3 { padding-top: 15px !important; } .pt-4 { padding-top: 20px !important; } .pt-5 { padding-top: 25px !important; } .pt-6 { padding-top: 40px !important; } .pt-7 { padding-top: 60px !important; } .pb-1px { padding-bottom: 1px !important; } .pb-2px { padding-bottom: 2px !important; } .pb-3px { padding-bottom: 3px !important; } .pb-4px { padding-bottom: 4px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 5px !important; } .pb-2 { padding-bottom: 10px !important; } .pb-3 { padding-bottom: 15px !important; } .pb-4 { padding-bottom: 20px !important; } .pb-5 { padding-bottom: 25px !important; } .pb-6 { padding-bottom: 40px !important; } .pb-7 { padding-bottom: 60px !important; } .pl-1px { padding-left: 1px !important; } .pl-2px { padding-left: 2px !important; } .pl-3px { padding-left: 3px !important; } .pl-4px { padding-left: 4px !important; } .pl-0 { padding-left: 0px !important; } .pl-1 { padding-left: 5px !important; } .pl-2 { padding-left: 10px !important; } .pl-3 { padding-left: 15px !important; } .pl-4 { padding-left: 20px !important; } .pl-5 { padding-left: 25px !important; } .pl-6 { padding-left: 40px !important; } .pl-7 { padding-left: 60px !important; } .pr-1px { padding-right: 1px !important; } .pr-2px { padding-right: 2px !important; } .pr-3px { padding-right: 3px !important; } .pr-4px { padding-right: 4px !important; } .pr-0 { padding-right: 0px !important; } .pr-1 { padding-right: 5px !important; } .pr-2 { padding-right: 10px !important; } .pr-3 { padding-right: 15px !important; } .pr-4 { padding-right: 20px !important; } .pr-5 { padding-right: 25px !important; } .pr-6 { padding-right: 40px !important; } .pr-7 { padding-right: 60px !important; } @media screen and (min-width: 420px) { .p-sm-1px { padding: 1px !important; } .p-sm-2px { padding: 2px !important; } .p-sm-3px { padding: 3px !important; } .p-sm-4px { padding: 4px !important; } .p-sm-0 { padding: 0px !important; } .p-sm-1 { padding: 5px !important; } .p-sm-2 { padding: 10px !important; } .p-sm-3 { padding: 15px !important; } .p-sm-4 { padding: 20px !important; } .p-sm-5 { padding: 25px !important; } .p-sm-6 { padding: 40px !important; } .p-sm-7 { padding: 60px !important; } .px-sm-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-sm-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-sm-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-sm-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-sm-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-sm-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-sm-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-sm-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-sm-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-sm-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-sm-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-sm-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-sm-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-sm-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-sm-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-sm-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-sm-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-sm-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-sm-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-sm-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-sm-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-sm-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-sm-1px { padding-top: 1px !important; } .pt-sm-2px { padding-top: 2px !important; } .pt-sm-3px { padding-top: 3px !important; } .pt-sm-4px { padding-top: 4px !important; } .pt-sm-0 { padding-top: 0px !important; } .pt-sm-1 { padding-top: 5px !important; } .pt-sm-2 { padding-top: 10px !important; } .pt-sm-3 { padding-top: 15px !important; } .pt-sm-4 { padding-top: 20px !important; } .pt-sm-5 { padding-top: 25px !important; } .pt-sm-6 { padding-top: 40px !important; } .pt-sm-7 { padding-top: 60px !important; } .pb-sm-1px { padding-bottom: 1px !important; } .pb-sm-2px { padding-bottom: 2px !important; } .pb-sm-3px { padding-bottom: 3px !important; } .pb-sm-4px { padding-bottom: 4px !important; } .pb-sm-0 { padding-bottom: 0px !important; } .pb-sm-1 { padding-bottom: 5px !important; } .pb-sm-2 { padding-bottom: 10px !important; } .pb-sm-3 { padding-bottom: 15px !important; } .pb-sm-4 { padding-bottom: 20px !important; } .pb-sm-5 { padding-bottom: 25px !important; } .pb-sm-6 { padding-bottom: 40px !important; } .pb-sm-7 { padding-bottom: 60px !important; } .pl-sm-1px { padding-left: 1px !important; } .pl-sm-2px { padding-left: 2px !important; } .pl-sm-3px { padding-left: 3px !important; } .pl-sm-4px { padding-left: 4px !important; } .pl-sm-0 { padding-left: 0px !important; } .pl-sm-1 { padding-left: 5px !important; } .pl-sm-2 { padding-left: 10px !important; } .pl-sm-3 { padding-left: 15px !important; } .pl-sm-4 { padding-left: 20px !important; } .pl-sm-5 { padding-left: 25px !important; } .pl-sm-6 { padding-left: 40px !important; } .pl-sm-7 { padding-left: 60px !important; } .pr-sm-1px { padding-right: 1px !important; } .pr-sm-2px { padding-right: 2px !important; } .pr-sm-3px { padding-right: 3px !important; } .pr-sm-4px { padding-right: 4px !important; } .pr-sm-0 { padding-right: 0px !important; } .pr-sm-1 { padding-right: 5px !important; } .pr-sm-2 { padding-right: 10px !important; } .pr-sm-3 { padding-right: 15px !important; } .pr-sm-4 { padding-right: 20px !important; } .pr-sm-5 { padding-right: 25px !important; } .pr-sm-6 { padding-right: 40px !important; } .pr-sm-7 { padding-right: 60px !important; } } @media screen and (min-width: 768px) { .p-md-1px { padding: 1px !important; } .p-md-2px { padding: 2px !important; } .p-md-3px { padding: 3px !important; } .p-md-4px { padding: 4px !important; } .p-md-0 { padding: 0px !important; } .p-md-1 { padding: 5px !important; } .p-md-2 { padding: 10px !important; } .p-md-3 { padding: 15px !important; } .p-md-4 { padding: 20px !important; } .p-md-5 { padding: 25px !important; } .p-md-6 { padding: 40px !important; } .p-md-7 { padding: 60px !important; } .px-md-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-md-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-md-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-md-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-md-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-md-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-md-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-md-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-md-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-md-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-md-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-md-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-md-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-md-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-md-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-md-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-md-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-md-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-md-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-md-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-md-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-md-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-md-1px { padding-top: 1px !important; } .pt-md-2px { padding-top: 2px !important; } .pt-md-3px { padding-top: 3px !important; } .pt-md-4px { padding-top: 4px !important; } .pt-md-0 { padding-top: 0px !important; } .pt-md-1 { padding-top: 5px !important; } .pt-md-2 { padding-top: 10px !important; } .pt-md-3 { padding-top: 15px !important; } .pt-md-4 { padding-top: 20px !important; } .pt-md-5 { padding-top: 25px !important; } .pt-md-6 { padding-top: 40px !important; } .pt-md-7 { padding-top: 60px !important; } .pb-md-1px { padding-bottom: 1px !important; } .pb-md-2px { padding-bottom: 2px !important; } .pb-md-3px { padding-bottom: 3px !important; } .pb-md-4px { padding-bottom: 4px !important; } .pb-md-0 { padding-bottom: 0px !important; } .pb-md-1 { padding-bottom: 5px !important; } .pb-md-2 { padding-bottom: 10px !important; } .pb-md-3 { padding-bottom: 15px !important; } .pb-md-4 { padding-bottom: 20px !important; } .pb-md-5 { padding-bottom: 25px !important; } .pb-md-6 { padding-bottom: 40px !important; } .pb-md-7 { padding-bottom: 60px !important; } .pl-md-1px { padding-left: 1px !important; } .pl-md-2px { padding-left: 2px !important; } .pl-md-3px { padding-left: 3px !important; } .pl-md-4px { padding-left: 4px !important; } .pl-md-0 { padding-left: 0px !important; } .pl-md-1 { padding-left: 5px !important; } .pl-md-2 { padding-left: 10px !important; } .pl-md-3 { padding-left: 15px !important; } .pl-md-4 { padding-left: 20px !important; } .pl-md-5 { padding-left: 25px !important; } .pl-md-6 { padding-left: 40px !important; } .pl-md-7 { padding-left: 60px !important; } .pr-md-1px { padding-right: 1px !important; } .pr-md-2px { padding-right: 2px !important; } .pr-md-3px { padding-right: 3px !important; } .pr-md-4px { padding-right: 4px !important; } .pr-md-0 { padding-right: 0px !important; } .pr-md-1 { padding-right: 5px !important; } .pr-md-2 { padding-right: 10px !important; } .pr-md-3 { padding-right: 15px !important; } .pr-md-4 { padding-right: 20px !important; } .pr-md-5 { padding-right: 25px !important; } .pr-md-6 { padding-right: 40px !important; } .pr-md-7 { padding-right: 60px !important; } } @media screen and (min-width: 1024px) { .p-lg-1px { padding: 1px !important; } .p-lg-2px { padding: 2px !important; } .p-lg-3px { padding: 3px !important; } .p-lg-4px { padding: 4px !important; } .p-lg-0 { padding: 0px !important; } .p-lg-1 { padding: 5px !important; } .p-lg-2 { padding: 10px !important; } .p-lg-3 { padding: 15px !important; } .p-lg-4 { padding: 20px !important; } .p-lg-5 { padding: 25px !important; } .p-lg-6 { padding: 40px !important; } .p-lg-7 { padding: 60px !important; } .px-lg-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-lg-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-lg-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-lg-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-lg-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-lg-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-lg-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-lg-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-lg-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-lg-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-lg-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-lg-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-lg-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-lg-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-lg-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-lg-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-lg-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-lg-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-lg-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-lg-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-lg-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-lg-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-lg-1px { padding-top: 1px !important; } .pt-lg-2px { padding-top: 2px !important; } .pt-lg-3px { padding-top: 3px !important; } .pt-lg-4px { padding-top: 4px !important; } .pt-lg-0 { padding-top: 0px !important; } .pt-lg-1 { padding-top: 5px !important; } .pt-lg-2 { padding-top: 10px !important; } .pt-lg-3 { padding-top: 15px !important; } .pt-lg-4 { padding-top: 20px !important; } .pt-lg-5 { padding-top: 25px !important; } .pt-lg-6 { padding-top: 40px !important; } .pt-lg-7 { padding-top: 60px !important; } .pb-lg-1px { padding-bottom: 1px !important; } .pb-lg-2px { padding-bottom: 2px !important; } .pb-lg-3px { padding-bottom: 3px !important; } .pb-lg-4px { padding-bottom: 4px !important; } .pb-lg-0 { padding-bottom: 0px !important; } .pb-lg-1 { padding-bottom: 5px !important; } .pb-lg-2 { padding-bottom: 10px !important; } .pb-lg-3 { padding-bottom: 15px !important; } .pb-lg-4 { padding-bottom: 20px !important; } .pb-lg-5 { padding-bottom: 25px !important; } .pb-lg-6 { padding-bottom: 40px !important; } .pb-lg-7 { padding-bottom: 60px !important; } .pl-lg-1px { padding-left: 1px !important; } .pl-lg-2px { padding-left: 2px !important; } .pl-lg-3px { padding-left: 3px !important; } .pl-lg-4px { padding-left: 4px !important; } .pl-lg-0 { padding-left: 0px !important; } .pl-lg-1 { padding-left: 5px !important; } .pl-lg-2 { padding-left: 10px !important; } .pl-lg-3 { padding-left: 15px !important; } .pl-lg-4 { padding-left: 20px !important; } .pl-lg-5 { padding-left: 25px !important; } .pl-lg-6 { padding-left: 40px !important; } .pl-lg-7 { padding-left: 60px !important; } .pr-lg-1px { padding-right: 1px !important; } .pr-lg-2px { padding-right: 2px !important; } .pr-lg-3px { padding-right: 3px !important; } .pr-lg-4px { padding-right: 4px !important; } .pr-lg-0 { padding-right: 0px !important; } .pr-lg-1 { padding-right: 5px !important; } .pr-lg-2 { padding-right: 10px !important; } .pr-lg-3 { padding-right: 15px !important; } .pr-lg-4 { padding-right: 20px !important; } .pr-lg-5 { padding-right: 25px !important; } .pr-lg-6 { padding-right: 40px !important; } .pr-lg-7 { padding-right: 60px !important; } } @media screen and (min-width: 1224px) { .p-xl-1px { padding: 1px !important; } .p-xl-2px { padding: 2px !important; } .p-xl-3px { padding: 3px !important; } .p-xl-4px { padding: 4px !important; } .p-xl-0 { padding: 0px !important; } .p-xl-1 { padding: 5px !important; } .p-xl-2 { padding: 10px !important; } .p-xl-3 { padding: 15px !important; } .p-xl-4 { padding: 20px !important; } .p-xl-5 { padding: 25px !important; } .p-xl-6 { padding: 40px !important; } .p-xl-7 { padding: 60px !important; } .px-xl-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-xl-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-xl-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-xl-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-xl-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-xl-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-xl-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-xl-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-xl-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-xl-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-xl-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-xl-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-xl-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-xl-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-xl-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-xl-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-xl-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-xl-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-xl-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-xl-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-xl-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-xl-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-xl-1px { padding-top: 1px !important; } .pt-xl-2px { padding-top: 2px !important; } .pt-xl-3px { padding-top: 3px !important; } .pt-xl-4px { padding-top: 4px !important; } .pt-xl-0 { padding-top: 0px !important; } .pt-xl-1 { padding-top: 5px !important; } .pt-xl-2 { padding-top: 10px !important; } .pt-xl-3 { padding-top: 15px !important; } .pt-xl-4 { padding-top: 20px !important; } .pt-xl-5 { padding-top: 25px !important; } .pt-xl-6 { padding-top: 40px !important; } .pt-xl-7 { padding-top: 60px !important; } .pb-xl-1px { padding-bottom: 1px !important; } .pb-xl-2px { padding-bottom: 2px !important; } .pb-xl-3px { padding-bottom: 3px !important; } .pb-xl-4px { padding-bottom: 4px !important; } .pb-xl-0 { padding-bottom: 0px !important; } .pb-xl-1 { padding-bottom: 5px !important; } .pb-xl-2 { padding-bottom: 10px !important; } .pb-xl-3 { padding-bottom: 15px !important; } .pb-xl-4 { padding-bottom: 20px !important; } .pb-xl-5 { padding-bottom: 25px !important; } .pb-xl-6 { padding-bottom: 40px !important; } .pb-xl-7 { padding-bottom: 60px !important; } .pl-xl-1px { padding-left: 1px !important; } .pl-xl-2px { padding-left: 2px !important; } .pl-xl-3px { padding-left: 3px !important; } .pl-xl-4px { padding-left: 4px !important; } .pl-xl-0 { padding-left: 0px !important; } .pl-xl-1 { padding-left: 5px !important; } .pl-xl-2 { padding-left: 10px !important; } .pl-xl-3 { padding-left: 15px !important; } .pl-xl-4 { padding-left: 20px !important; } .pl-xl-5 { padding-left: 25px !important; } .pl-xl-6 { padding-left: 40px !important; } .pl-xl-7 { padding-left: 60px !important; } .pr-xl-1px { padding-right: 1px !important; } .pr-xl-2px { padding-right: 2px !important; } .pr-xl-3px { padding-right: 3px !important; } .pr-xl-4px { padding-right: 4px !important; } .pr-xl-0 { padding-right: 0px !important; } .pr-xl-1 { padding-right: 5px !important; } .pr-xl-2 { padding-right: 10px !important; } .pr-xl-3 { padding-right: 15px !important; } .pr-xl-4 { padding-right: 20px !important; } .pr-xl-5 { padding-right: 25px !important; } .pr-xl-6 { padding-right: 40px !important; } .pr-xl-7 { padding-right: 60px !important; } } @media screen and (min-width: 1587px) { .p-xlp-1px { padding: 1px !important; } .p-xlp-2px { padding: 2px !important; } .p-xlp-3px { padding: 3px !important; } .p-xlp-4px { padding: 4px !important; } .p-xlp-0 { padding: 0px !important; } .p-xlp-1 { padding: 5px !important; } .p-xlp-2 { padding: 10px !important; } .p-xlp-3 { padding: 15px !important; } .p-xlp-4 { padding: 20px !important; } .p-xlp-5 { padding: 25px !important; } .p-xlp-6 { padding: 40px !important; } .p-xlp-7 { padding: 60px !important; } .px-xlp-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-xlp-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-xlp-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-xlp-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-xlp-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-xlp-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-xlp-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-xlp-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-xlp-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-xlp-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-xlp-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-xlp-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-xlp-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-xlp-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-xlp-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-xlp-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-xlp-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-xlp-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-xlp-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-xlp-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-xlp-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-xlp-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-xlp-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-xlp-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-xlp-1px { padding-top: 1px !important; } .pt-xlp-2px { padding-top: 2px !important; } .pt-xlp-3px { padding-top: 3px !important; } .pt-xlp-4px { padding-top: 4px !important; } .pt-xlp-0 { padding-top: 0px !important; } .pt-xlp-1 { padding-top: 5px !important; } .pt-xlp-2 { padding-top: 10px !important; } .pt-xlp-3 { padding-top: 15px !important; } .pt-xlp-4 { padding-top: 20px !important; } .pt-xlp-5 { padding-top: 25px !important; } .pt-xlp-6 { padding-top: 40px !important; } .pt-xlp-7 { padding-top: 60px !important; } .pb-xlp-1px { padding-bottom: 1px !important; } .pb-xlp-2px { padding-bottom: 2px !important; } .pb-xlp-3px { padding-bottom: 3px !important; } .pb-xlp-4px { padding-bottom: 4px !important; } .pb-xlp-0 { padding-bottom: 0px !important; } .pb-xlp-1 { padding-bottom: 5px !important; } .pb-xlp-2 { padding-bottom: 10px !important; } .pb-xlp-3 { padding-bottom: 15px !important; } .pb-xlp-4 { padding-bottom: 20px !important; } .pb-xlp-5 { padding-bottom: 25px !important; } .pb-xlp-6 { padding-bottom: 40px !important; } .pb-xlp-7 { padding-bottom: 60px !important; } .pl-xlp-1px { padding-left: 1px !important; } .pl-xlp-2px { padding-left: 2px !important; } .pl-xlp-3px { padding-left: 3px !important; } .pl-xlp-4px { padding-left: 4px !important; } .pl-xlp-0 { padding-left: 0px !important; } .pl-xlp-1 { padding-left: 5px !important; } .pl-xlp-2 { padding-left: 10px !important; } .pl-xlp-3 { padding-left: 15px !important; } .pl-xlp-4 { padding-left: 20px !important; } .pl-xlp-5 { padding-left: 25px !important; } .pl-xlp-6 { padding-left: 40px !important; } .pl-xlp-7 { padding-left: 60px !important; } .pr-xlp-1px { padding-right: 1px !important; } .pr-xlp-2px { padding-right: 2px !important; } .pr-xlp-3px { padding-right: 3px !important; } .pr-xlp-4px { padding-right: 4px !important; } .pr-xlp-0 { padding-right: 0px !important; } .pr-xlp-1 { padding-right: 5px !important; } .pr-xlp-2 { padding-right: 10px !important; } .pr-xlp-3 { padding-right: 15px !important; } .pr-xlp-4 { padding-right: 20px !important; } .pr-xlp-5 { padding-right: 25px !important; } .pr-xlp-6 { padding-right: 40px !important; } .pr-xlp-7 { padding-right: 60px !important; } } @media screen and (min-width: 1907px) { .p-xxl-1px { padding: 1px !important; } .p-xxl-2px { padding: 2px !important; } .p-xxl-3px { padding: 3px !important; } .p-xxl-4px { padding: 4px !important; } .p-xxl-0 { padding: 0px !important; } .p-xxl-1 { padding: 5px !important; } .p-xxl-2 { padding: 10px !important; } .p-xxl-3 { padding: 15px !important; } .p-xxl-4 { padding: 20px !important; } .p-xxl-5 { padding: 25px !important; } .p-xxl-6 { padding: 40px !important; } .p-xxl-7 { padding: 60px !important; } .px-xxl-1px { padding-left: 1px !important; padding-right: 1px !important; } .px-xxl-2px { padding-left: 2px !important; padding-right: 2px !important; } .px-xxl-3px { padding-left: 3px !important; padding-right: 3px !important; } .px-xxl-4px { padding-left: 4px !important; padding-right: 4px !important; } .px-xxl-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-xxl-1 { padding-left: 5px !important; padding-right: 5px !important; } .px-xxl-2 { padding-left: 10px !important; padding-right: 10px !important; } .px-xxl-3 { padding-left: 15px !important; padding-right: 15px !important; } .px-xxl-4 { padding-left: 20px !important; padding-right: 20px !important; } .px-xxl-5 { padding-left: 25px !important; padding-right: 25px !important; } .px-xxl-6 { padding-left: 40px !important; padding-right: 40px !important; } .px-xxl-7 { padding-left: 60px !important; padding-right: 60px !important; } .py-xxl-1px { padding-top: 1px !important; padding-bottom: 1px !important; } .py-xxl-2px { padding-top: 2px !important; padding-bottom: 2px !important; } .py-xxl-3px { padding-top: 3px !important; padding-bottom: 3px !important; } .py-xxl-4px { padding-top: 4px !important; padding-bottom: 4px !important; } .py-xxl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-xxl-1 { padding-top: 5px !important; padding-bottom: 5px !important; } .py-xxl-2 { padding-top: 10px !important; padding-bottom: 10px !important; } .py-xxl-3 { padding-top: 15px !important; padding-bottom: 15px !important; } .py-xxl-4 { padding-top: 20px !important; padding-bottom: 20px !important; } .py-xxl-5 { padding-top: 25px !important; padding-bottom: 25px !important; } .py-xxl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } .py-xxl-7 { padding-top: 60px !important; padding-bottom: 60px !important; } .pt-xxl-1px { padding-top: 1px !important; } .pt-xxl-2px { padding-top: 2px !important; } .pt-xxl-3px { padding-top: 3px !important; } .pt-xxl-4px { padding-top: 4px !important; } .pt-xxl-0 { padding-top: 0px !important; } .pt-xxl-1 { padding-top: 5px !important; } .pt-xxl-2 { padding-top: 10px !important; } .pt-xxl-3 { padding-top: 15px !important; } .pt-xxl-4 { padding-top: 20px !important; } .pt-xxl-5 { padding-top: 25px !important; } .pt-xxl-6 { padding-top: 40px !important; } .pt-xxl-7 { padding-top: 60px !important; } .pb-xxl-1px { padding-bottom: 1px !important; } .pb-xxl-2px { padding-bottom: 2px !important; } .pb-xxl-3px { padding-bottom: 3px !important; } .pb-xxl-4px { padding-bottom: 4px !important; } .pb-xxl-0 { padding-bottom: 0px !important; } .pb-xxl-1 { padding-bottom: 5px !important; } .pb-xxl-2 { padding-bottom: 10px !important; } .pb-xxl-3 { padding-bottom: 15px !important; } .pb-xxl-4 { padding-bottom: 20px !important; } .pb-xxl-5 { padding-bottom: 25px !important; } .pb-xxl-6 { padding-bottom: 40px !important; } .pb-xxl-7 { padding-bottom: 60px !important; } .pl-xxl-1px { padding-left: 1px !important; } .pl-xxl-2px { padding-left: 2px !important; } .pl-xxl-3px { padding-left: 3px !important; } .pl-xxl-4px { padding-left: 4px !important; } .pl-xxl-0 { padding-left: 0px !important; } .pl-xxl-1 { padding-left: 5px !important; } .pl-xxl-2 { padding-left: 10px !important; } .pl-xxl-3 { padding-left: 15px !important; } .pl-xxl-4 { padding-left: 20px !important; } .pl-xxl-5 { padding-left: 25px !important; } .pl-xxl-6 { padding-left: 40px !important; } .pl-xxl-7 { padding-left: 60px !important; } .pr-xxl-1px { padding-right: 1px !important; } .pr-xxl-2px { padding-right: 2px !important; } .pr-xxl-3px { padding-right: 3px !important; } .pr-xxl-4px { padding-right: 4px !important; } .pr-xxl-0 { padding-right: 0px !important; } .pr-xxl-1 { padding-right: 5px !important; } .pr-xxl-2 { padding-right: 10px !important; } .pr-xxl-3 { padding-right: 15px !important; } .pr-xxl-4 { padding-right: 20px !important; } .pr-xxl-5 { padding-right: 25px !important; } .pr-xxl-6 { padding-right: 40px !important; } .pr-xxl-7 { padding-right: 60px !important; } } .m-1px { margin: 1px !important; } .m-2px { margin: 2px !important; } .m-3px { margin: 3px !important; } .m-4px { margin: 4px !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 5px !important; } .m-2 { margin: 10px !important; } .m-3 { margin: 15px !important; } .m-4 { margin: 20px !important; } .m-5 { margin: 25px !important; } .m-6 { margin: 40px !important; } .m-7 { margin: 60px !important; } .m-auto { margin: auto !important; } .m-n1px { margin: -1px !important; } .m-n2px { margin: -2px !important; } .m-n3px { margin: -3px !important; } .m-n4px { margin: -4px !important; } .m-n1 { margin: -5px !important; } .m-n2 { margin: -10px !important; } .m-n3 { margin: -15px !important; } .m-n4 { margin: -20px !important; } .m-n5 { margin: -25px !important; } .m-n6 { margin: -40px !important; } .m-n7 { margin: -60px !important; } .mx-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .mx-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-1px { margin-top: 1px !important; } .mt-2px { margin-top: 2px !important; } .mt-3px { margin-top: 3px !important; } .mt-4px { margin-top: 4px !important; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 5px !important; } .mt-2 { margin-top: 10px !important; } .mt-3 { margin-top: 15px !important; } .mt-4 { margin-top: 20px !important; } .mt-5 { margin-top: 25px !important; } .mt-6 { margin-top: 40px !important; } .mt-7 { margin-top: 60px !important; } .mt-auto { margin-top: auto !important; } .mt-n1px { margin-top: -1px !important; } .mt-n2px { margin-top: -2px !important; } .mt-n3px { margin-top: -3px !important; } .mt-n4px { margin-top: -4px !important; } .mt-n1 { margin-top: -5px !important; } .mt-n2 { margin-top: -10px !important; } .mt-n3 { margin-top: -15px !important; } .mt-n4 { margin-top: -20px !important; } .mt-n5 { margin-top: -25px !important; } .mt-n6 { margin-top: -40px !important; } .mt-n7 { margin-top: -60px !important; } .mb-1px { margin-bottom: 1px !important; } .mb-2px { margin-bottom: 2px !important; } .mb-3px { margin-bottom: 3px !important; } .mb-4px { margin-bottom: 4px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 5px !important; } .mb-2 { margin-bottom: 10px !important; } .mb-3 { margin-bottom: 15px !important; } .mb-4 { margin-bottom: 20px !important; } .mb-5 { margin-bottom: 25px !important; } .mb-6 { margin-bottom: 40px !important; } .mb-7 { margin-bottom: 60px !important; } .mb-auto { margin-bottom: auto !important; } .mb-n1px { margin-bottom: -1px !important; } .mb-n2px { margin-bottom: -2px !important; } .mb-n3px { margin-bottom: -3px !important; } .mb-n4px { margin-bottom: -4px !important; } .mb-n1 { margin-bottom: -5px !important; } .mb-n2 { margin-bottom: -10px !important; } .mb-n3 { margin-bottom: -15px !important; } .mb-n4 { margin-bottom: -20px !important; } .mb-n5 { margin-bottom: -25px !important; } .mb-n6 { margin-bottom: -40px !important; } .mb-n7 { margin-bottom: -60px !important; } .ml-1px { margin-left: 1px !important; } .ml-2px { margin-left: 2px !important; } .ml-3px { margin-left: 3px !important; } .ml-4px { margin-left: 4px !important; } .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 5px !important; } .ml-2 { margin-left: 10px !important; } .ml-3 { margin-left: 15px !important; } .ml-4 { margin-left: 20px !important; } .ml-5 { margin-left: 25px !important; } .ml-6 { margin-left: 40px !important; } .ml-7 { margin-left: 60px !important; } .ml-auto { margin-left: auto !important; } .ml-n1px { margin-left: -1px !important; } .ml-n2px { margin-left: -2px !important; } .ml-n3px { margin-left: -3px !important; } .ml-n4px { margin-left: -4px !important; } .ml-n1 { margin-left: -5px !important; } .ml-n2 { margin-left: -10px !important; } .ml-n3 { margin-left: -15px !important; } .ml-n4 { margin-left: -20px !important; } .ml-n5 { margin-left: -25px !important; } .ml-n6 { margin-left: -40px !important; } .ml-n7 { margin-left: -60px !important; } .mr-1px { margin-right: 1px !important; } .mr-2px { margin-right: 2px !important; } .mr-3px { margin-right: 3px !important; } .mr-4px { margin-right: 4px !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 5px !important; } .mr-2 { margin-right: 10px !important; } .mr-3 { margin-right: 15px !important; } .mr-4 { margin-right: 20px !important; } .mr-5 { margin-right: 25px !important; } .mr-6 { margin-right: 40px !important; } .mr-7 { margin-right: 60px !important; } .mr-auto { margin-right: auto !important; } .mr-n1px { margin-right: -1px !important; } .mr-n2px { margin-right: -2px !important; } .mr-n3px { margin-right: -3px !important; } .mr-n4px { margin-right: -4px !important; } .mr-n1 { margin-right: -5px !important; } .mr-n2 { margin-right: -10px !important; } .mr-n3 { margin-right: -15px !important; } .mr-n4 { margin-right: -20px !important; } .mr-n5 { margin-right: -25px !important; } .mr-n6 { margin-right: -40px !important; } .mr-n7 { margin-right: -60px !important; } @media screen and (min-width: 420px) { .m-sm-1px { margin: 1px !important; } .m-sm-2px { margin: 2px !important; } .m-sm-3px { margin: 3px !important; } .m-sm-4px { margin: 4px !important; } .m-sm-0 { margin: 0px !important; } .m-sm-1 { margin: 5px !important; } .m-sm-2 { margin: 10px !important; } .m-sm-3 { margin: 15px !important; } .m-sm-4 { margin: 20px !important; } .m-sm-5 { margin: 25px !important; } .m-sm-6 { margin: 40px !important; } .m-sm-7 { margin: 60px !important; } .m-sm-auto { margin: auto !important; } .m-sm-n1px { margin: -1px !important; } .m-sm-n2px { margin: -2px !important; } .m-sm-n3px { margin: -3px !important; } .m-sm-n4px { margin: -4px !important; } .m-sm-n1 { margin: -5px !important; } .m-sm-n2 { margin: -10px !important; } .m-sm-n3 { margin: -15px !important; } .m-sm-n4 { margin: -20px !important; } .m-sm-n5 { margin: -25px !important; } .m-sm-n6 { margin: -40px !important; } .m-sm-n7 { margin: -60px !important; } .mx-sm-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-sm-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-sm-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-sm-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-sm-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-sm-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-sm-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-sm-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-sm-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-sm-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-sm-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-sm-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .mx-sm-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-sm-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-sm-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-sm-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-sm-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-sm-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-sm-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-sm-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-sm-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-sm-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-sm-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-sm-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-sm-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-sm-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-sm-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-sm-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-sm-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-sm-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-sm-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-sm-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-sm-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-sm-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-sm-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-sm-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-sm-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-sm-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-sm-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-sm-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-sm-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-sm-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-sm-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-sm-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-sm-1px { margin-top: 1px !important; } .mt-sm-2px { margin-top: 2px !important; } .mt-sm-3px { margin-top: 3px !important; } .mt-sm-4px { margin-top: 4px !important; } .mt-sm-0 { margin-top: 0px !important; } .mt-sm-1 { margin-top: 5px !important; } .mt-sm-2 { margin-top: 10px !important; } .mt-sm-3 { margin-top: 15px !important; } .mt-sm-4 { margin-top: 20px !important; } .mt-sm-5 { margin-top: 25px !important; } .mt-sm-6 { margin-top: 40px !important; } .mt-sm-7 { margin-top: 60px !important; } .mt-sm-auto { margin-top: auto !important; } .mt-sm-n1px { margin-top: -1px !important; } .mt-sm-n2px { margin-top: -2px !important; } .mt-sm-n3px { margin-top: -3px !important; } .mt-sm-n4px { margin-top: -4px !important; } .mt-sm-n1 { margin-top: -5px !important; } .mt-sm-n2 { margin-top: -10px !important; } .mt-sm-n3 { margin-top: -15px !important; } .mt-sm-n4 { margin-top: -20px !important; } .mt-sm-n5 { margin-top: -25px !important; } .mt-sm-n6 { margin-top: -40px !important; } .mt-sm-n7 { margin-top: -60px !important; } .mb-sm-1px { margin-bottom: 1px !important; } .mb-sm-2px { margin-bottom: 2px !important; } .mb-sm-3px { margin-bottom: 3px !important; } .mb-sm-4px { margin-bottom: 4px !important; } .mb-sm-0 { margin-bottom: 0px !important; } .mb-sm-1 { margin-bottom: 5px !important; } .mb-sm-2 { margin-bottom: 10px !important; } .mb-sm-3 { margin-bottom: 15px !important; } .mb-sm-4 { margin-bottom: 20px !important; } .mb-sm-5 { margin-bottom: 25px !important; } .mb-sm-6 { margin-bottom: 40px !important; } .mb-sm-7 { margin-bottom: 60px !important; } .mb-sm-auto { margin-bottom: auto !important; } .mb-sm-n1px { margin-bottom: -1px !important; } .mb-sm-n2px { margin-bottom: -2px !important; } .mb-sm-n3px { margin-bottom: -3px !important; } .mb-sm-n4px { margin-bottom: -4px !important; } .mb-sm-n1 { margin-bottom: -5px !important; } .mb-sm-n2 { margin-bottom: -10px !important; } .mb-sm-n3 { margin-bottom: -15px !important; } .mb-sm-n4 { margin-bottom: -20px !important; } .mb-sm-n5 { margin-bottom: -25px !important; } .mb-sm-n6 { margin-bottom: -40px !important; } .mb-sm-n7 { margin-bottom: -60px !important; } .ml-sm-1px { margin-left: 1px !important; } .ml-sm-2px { margin-left: 2px !important; } .ml-sm-3px { margin-left: 3px !important; } .ml-sm-4px { margin-left: 4px !important; } .ml-sm-0 { margin-left: 0px !important; } .ml-sm-1 { margin-left: 5px !important; } .ml-sm-2 { margin-left: 10px !important; } .ml-sm-3 { margin-left: 15px !important; } .ml-sm-4 { margin-left: 20px !important; } .ml-sm-5 { margin-left: 25px !important; } .ml-sm-6 { margin-left: 40px !important; } .ml-sm-7 { margin-left: 60px !important; } .ml-sm-auto { margin-left: auto !important; } .ml-sm-n1px { margin-left: -1px !important; } .ml-sm-n2px { margin-left: -2px !important; } .ml-sm-n3px { margin-left: -3px !important; } .ml-sm-n4px { margin-left: -4px !important; } .ml-sm-n1 { margin-left: -5px !important; } .ml-sm-n2 { margin-left: -10px !important; } .ml-sm-n3 { margin-left: -15px !important; } .ml-sm-n4 { margin-left: -20px !important; } .ml-sm-n5 { margin-left: -25px !important; } .ml-sm-n6 { margin-left: -40px !important; } .ml-sm-n7 { margin-left: -60px !important; } .mr-sm-1px { margin-right: 1px !important; } .mr-sm-2px { margin-right: 2px !important; } .mr-sm-3px { margin-right: 3px !important; } .mr-sm-4px { margin-right: 4px !important; } .mr-sm-0 { margin-right: 0px !important; } .mr-sm-1 { margin-right: 5px !important; } .mr-sm-2 { margin-right: 10px !important; } .mr-sm-3 { margin-right: 15px !important; } .mr-sm-4 { margin-right: 20px !important; } .mr-sm-5 { margin-right: 25px !important; } .mr-sm-6 { margin-right: 40px !important; } .mr-sm-7 { margin-right: 60px !important; } .mr-sm-auto { margin-right: auto !important; } .mr-sm-n1px { margin-right: -1px !important; } .mr-sm-n2px { margin-right: -2px !important; } .mr-sm-n3px { margin-right: -3px !important; } .mr-sm-n4px { margin-right: -4px !important; } .mr-sm-n1 { margin-right: -5px !important; } .mr-sm-n2 { margin-right: -10px !important; } .mr-sm-n3 { margin-right: -15px !important; } .mr-sm-n4 { margin-right: -20px !important; } .mr-sm-n5 { margin-right: -25px !important; } .mr-sm-n6 { margin-right: -40px !important; } .mr-sm-n7 { margin-right: -60px !important; } } @media screen and (min-width: 768px) { .m-md-1px { margin: 1px !important; } .m-md-2px { margin: 2px !important; } .m-md-3px { margin: 3px !important; } .m-md-4px { margin: 4px !important; } .m-md-0 { margin: 0px !important; } .m-md-1 { margin: 5px !important; } .m-md-2 { margin: 10px !important; } .m-md-3 { margin: 15px !important; } .m-md-4 { margin: 20px !important; } .m-md-5 { margin: 25px !important; } .m-md-6 { margin: 40px !important; } .m-md-7 { margin: 60px !important; } .m-md-auto { margin: auto !important; } .m-md-n1px { margin: -1px !important; } .m-md-n2px { margin: -2px !important; } .m-md-n3px { margin: -3px !important; } .m-md-n4px { margin: -4px !important; } .m-md-n1 { margin: -5px !important; } .m-md-n2 { margin: -10px !important; } .m-md-n3 { margin: -15px !important; } .m-md-n4 { margin: -20px !important; } .m-md-n5 { margin: -25px !important; } .m-md-n6 { margin: -40px !important; } .m-md-n7 { margin: -60px !important; } .mx-md-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-md-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-md-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-md-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-md-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-md-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-md-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-md-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-md-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-md-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-md-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-md-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .mx-md-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-md-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-md-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-md-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-md-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-md-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-md-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-md-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-md-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-md-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-md-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-md-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-md-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-md-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-md-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-md-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-md-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-md-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-md-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-md-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-md-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-md-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-md-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-md-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-md-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-md-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-md-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-md-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-md-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-md-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-md-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-md-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-md-1px { margin-top: 1px !important; } .mt-md-2px { margin-top: 2px !important; } .mt-md-3px { margin-top: 3px !important; } .mt-md-4px { margin-top: 4px !important; } .mt-md-0 { margin-top: 0px !important; } .mt-md-1 { margin-top: 5px !important; } .mt-md-2 { margin-top: 10px !important; } .mt-md-3 { margin-top: 15px !important; } .mt-md-4 { margin-top: 20px !important; } .mt-md-5 { margin-top: 25px !important; } .mt-md-6 { margin-top: 40px !important; } .mt-md-7 { margin-top: 60px !important; } .mt-md-auto { margin-top: auto !important; } .mt-md-n1px { margin-top: -1px !important; } .mt-md-n2px { margin-top: -2px !important; } .mt-md-n3px { margin-top: -3px !important; } .mt-md-n4px { margin-top: -4px !important; } .mt-md-n1 { margin-top: -5px !important; } .mt-md-n2 { margin-top: -10px !important; } .mt-md-n3 { margin-top: -15px !important; } .mt-md-n4 { margin-top: -20px !important; } .mt-md-n5 { margin-top: -25px !important; } .mt-md-n6 { margin-top: -40px !important; } .mt-md-n7 { margin-top: -60px !important; } .mb-md-1px { margin-bottom: 1px !important; } .mb-md-2px { margin-bottom: 2px !important; } .mb-md-3px { margin-bottom: 3px !important; } .mb-md-4px { margin-bottom: 4px !important; } .mb-md-0 { margin-bottom: 0px !important; } .mb-md-1 { margin-bottom: 5px !important; } .mb-md-2 { margin-bottom: 10px !important; } .mb-md-3 { margin-bottom: 15px !important; } .mb-md-4 { margin-bottom: 20px !important; } .mb-md-5 { margin-bottom: 25px !important; } .mb-md-6 { margin-bottom: 40px !important; } .mb-md-7 { margin-bottom: 60px !important; } .mb-md-auto { margin-bottom: auto !important; } .mb-md-n1px { margin-bottom: -1px !important; } .mb-md-n2px { margin-bottom: -2px !important; } .mb-md-n3px { margin-bottom: -3px !important; } .mb-md-n4px { margin-bottom: -4px !important; } .mb-md-n1 { margin-bottom: -5px !important; } .mb-md-n2 { margin-bottom: -10px !important; } .mb-md-n3 { margin-bottom: -15px !important; } .mb-md-n4 { margin-bottom: -20px !important; } .mb-md-n5 { margin-bottom: -25px !important; } .mb-md-n6 { margin-bottom: -40px !important; } .mb-md-n7 { margin-bottom: -60px !important; } .ml-md-1px { margin-left: 1px !important; } .ml-md-2px { margin-left: 2px !important; } .ml-md-3px { margin-left: 3px !important; } .ml-md-4px { margin-left: 4px !important; } .ml-md-0 { margin-left: 0px !important; } .ml-md-1 { margin-left: 5px !important; } .ml-md-2 { margin-left: 10px !important; } .ml-md-3 { margin-left: 15px !important; } .ml-md-4 { margin-left: 20px !important; } .ml-md-5 { margin-left: 25px !important; } .ml-md-6 { margin-left: 40px !important; } .ml-md-7 { margin-left: 60px !important; } .ml-md-auto { margin-left: auto !important; } .ml-md-n1px { margin-left: -1px !important; } .ml-md-n2px { margin-left: -2px !important; } .ml-md-n3px { margin-left: -3px !important; } .ml-md-n4px { margin-left: -4px !important; } .ml-md-n1 { margin-left: -5px !important; } .ml-md-n2 { margin-left: -10px !important; } .ml-md-n3 { margin-left: -15px !important; } .ml-md-n4 { margin-left: -20px !important; } .ml-md-n5 { margin-left: -25px !important; } .ml-md-n6 { margin-left: -40px !important; } .ml-md-n7 { margin-left: -60px !important; } .mr-md-1px { margin-right: 1px !important; } .mr-md-2px { margin-right: 2px !important; } .mr-md-3px { margin-right: 3px !important; } .mr-md-4px { margin-right: 4px !important; } .mr-md-0 { margin-right: 0px !important; } .mr-md-1 { margin-right: 5px !important; } .mr-md-2 { margin-right: 10px !important; } .mr-md-3 { margin-right: 15px !important; } .mr-md-4 { margin-right: 20px !important; } .mr-md-5 { margin-right: 25px !important; } .mr-md-6 { margin-right: 40px !important; } .mr-md-7 { margin-right: 60px !important; } .mr-md-auto { margin-right: auto !important; } .mr-md-n1px { margin-right: -1px !important; } .mr-md-n2px { margin-right: -2px !important; } .mr-md-n3px { margin-right: -3px !important; } .mr-md-n4px { margin-right: -4px !important; } .mr-md-n1 { margin-right: -5px !important; } .mr-md-n2 { margin-right: -10px !important; } .mr-md-n3 { margin-right: -15px !important; } .mr-md-n4 { margin-right: -20px !important; } .mr-md-n5 { margin-right: -25px !important; } .mr-md-n6 { margin-right: -40px !important; } .mr-md-n7 { margin-right: -60px !important; } } @media screen and (min-width: 1024px) { .m-lg-1px { margin: 1px !important; } .m-lg-2px { margin: 2px !important; } .m-lg-3px { margin: 3px !important; } .m-lg-4px { margin: 4px !important; } .m-lg-0 { margin: 0px !important; } .m-lg-1 { margin: 5px !important; } .m-lg-2 { margin: 10px !important; } .m-lg-3 { margin: 15px !important; } .m-lg-4 { margin: 20px !important; } .m-lg-5 { margin: 25px !important; } .m-lg-6 { margin: 40px !important; } .m-lg-7 { margin: 60px !important; } .m-lg-auto { margin: auto !important; } .m-lg-n1px { margin: -1px !important; } .m-lg-n2px { margin: -2px !important; } .m-lg-n3px { margin: -3px !important; } .m-lg-n4px { margin: -4px !important; } .m-lg-n1 { margin: -5px !important; } .m-lg-n2 { margin: -10px !important; } .m-lg-n3 { margin: -15px !important; } .m-lg-n4 { margin: -20px !important; } .m-lg-n5 { margin: -25px !important; } .m-lg-n6 { margin: -40px !important; } .m-lg-n7 { margin: -60px !important; } .mx-lg-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-lg-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-lg-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-lg-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-lg-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-lg-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-lg-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-lg-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-lg-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-lg-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-lg-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-lg-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .mx-lg-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-lg-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-lg-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-lg-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-lg-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-lg-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-lg-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-lg-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-lg-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-lg-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-lg-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-lg-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-lg-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-lg-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-lg-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-lg-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-lg-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-lg-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-lg-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-lg-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-lg-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-lg-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-lg-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-lg-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-lg-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-lg-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-lg-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-lg-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-lg-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-lg-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-lg-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-lg-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-lg-1px { margin-top: 1px !important; } .mt-lg-2px { margin-top: 2px !important; } .mt-lg-3px { margin-top: 3px !important; } .mt-lg-4px { margin-top: 4px !important; } .mt-lg-0 { margin-top: 0px !important; } .mt-lg-1 { margin-top: 5px !important; } .mt-lg-2 { margin-top: 10px !important; } .mt-lg-3 { margin-top: 15px !important; } .mt-lg-4 { margin-top: 20px !important; } .mt-lg-5 { margin-top: 25px !important; } .mt-lg-6 { margin-top: 40px !important; } .mt-lg-7 { margin-top: 60px !important; } .mt-lg-auto { margin-top: auto !important; } .mt-lg-n1px { margin-top: -1px !important; } .mt-lg-n2px { margin-top: -2px !important; } .mt-lg-n3px { margin-top: -3px !important; } .mt-lg-n4px { margin-top: -4px !important; } .mt-lg-n1 { margin-top: -5px !important; } .mt-lg-n2 { margin-top: -10px !important; } .mt-lg-n3 { margin-top: -15px !important; } .mt-lg-n4 { margin-top: -20px !important; } .mt-lg-n5 { margin-top: -25px !important; } .mt-lg-n6 { margin-top: -40px !important; } .mt-lg-n7 { margin-top: -60px !important; } .mb-lg-1px { margin-bottom: 1px !important; } .mb-lg-2px { margin-bottom: 2px !important; } .mb-lg-3px { margin-bottom: 3px !important; } .mb-lg-4px { margin-bottom: 4px !important; } .mb-lg-0 { margin-bottom: 0px !important; } .mb-lg-1 { margin-bottom: 5px !important; } .mb-lg-2 { margin-bottom: 10px !important; } .mb-lg-3 { margin-bottom: 15px !important; } .mb-lg-4 { margin-bottom: 20px !important; } .mb-lg-5 { margin-bottom: 25px !important; } .mb-lg-6 { margin-bottom: 40px !important; } .mb-lg-7 { margin-bottom: 60px !important; } .mb-lg-auto { margin-bottom: auto !important; } .mb-lg-n1px { margin-bottom: -1px !important; } .mb-lg-n2px { margin-bottom: -2px !important; } .mb-lg-n3px { margin-bottom: -3px !important; } .mb-lg-n4px { margin-bottom: -4px !important; } .mb-lg-n1 { margin-bottom: -5px !important; } .mb-lg-n2 { margin-bottom: -10px !important; } .mb-lg-n3 { margin-bottom: -15px !important; } .mb-lg-n4 { margin-bottom: -20px !important; } .mb-lg-n5 { margin-bottom: -25px !important; } .mb-lg-n6 { margin-bottom: -40px !important; } .mb-lg-n7 { margin-bottom: -60px !important; } .ml-lg-1px { margin-left: 1px !important; } .ml-lg-2px { margin-left: 2px !important; } .ml-lg-3px { margin-left: 3px !important; } .ml-lg-4px { margin-left: 4px !important; } .ml-lg-0 { margin-left: 0px !important; } .ml-lg-1 { margin-left: 5px !important; } .ml-lg-2 { margin-left: 10px !important; } .ml-lg-3 { margin-left: 15px !important; } .ml-lg-4 { margin-left: 20px !important; } .ml-lg-5 { margin-left: 25px !important; } .ml-lg-6 { margin-left: 40px !important; } .ml-lg-7 { margin-left: 60px !important; } .ml-lg-auto { margin-left: auto !important; } .ml-lg-n1px { margin-left: -1px !important; } .ml-lg-n2px { margin-left: -2px !important; } .ml-lg-n3px { margin-left: -3px !important; } .ml-lg-n4px { margin-left: -4px !important; } .ml-lg-n1 { margin-left: -5px !important; } .ml-lg-n2 { margin-left: -10px !important; } .ml-lg-n3 { margin-left: -15px !important; } .ml-lg-n4 { margin-left: -20px !important; } .ml-lg-n5 { margin-left: -25px !important; } .ml-lg-n6 { margin-left: -40px !important; } .ml-lg-n7 { margin-left: -60px !important; } .mr-lg-1px { margin-right: 1px !important; } .mr-lg-2px { margin-right: 2px !important; } .mr-lg-3px { margin-right: 3px !important; } .mr-lg-4px { margin-right: 4px !important; } .mr-lg-0 { margin-right: 0px !important; } .mr-lg-1 { margin-right: 5px !important; } .mr-lg-2 { margin-right: 10px !important; } .mr-lg-3 { margin-right: 15px !important; } .mr-lg-4 { margin-right: 20px !important; } .mr-lg-5 { margin-right: 25px !important; } .mr-lg-6 { margin-right: 40px !important; } .mr-lg-7 { margin-right: 60px !important; } .mr-lg-auto { margin-right: auto !important; } .mr-lg-n1px { margin-right: -1px !important; } .mr-lg-n2px { margin-right: -2px !important; } .mr-lg-n3px { margin-right: -3px !important; } .mr-lg-n4px { margin-right: -4px !important; } .mr-lg-n1 { margin-right: -5px !important; } .mr-lg-n2 { margin-right: -10px !important; } .mr-lg-n3 { margin-right: -15px !important; } .mr-lg-n4 { margin-right: -20px !important; } .mr-lg-n5 { margin-right: -25px !important; } .mr-lg-n6 { margin-right: -40px !important; } .mr-lg-n7 { margin-right: -60px !important; } } @media screen and (min-width: 1224px) { .m-xl-1px { margin: 1px !important; } .m-xl-2px { margin: 2px !important; } .m-xl-3px { margin: 3px !important; } .m-xl-4px { margin: 4px !important; } .m-xl-0 { margin: 0px !important; } .m-xl-1 { margin: 5px !important; } .m-xl-2 { margin: 10px !important; } .m-xl-3 { margin: 15px !important; } .m-xl-4 { margin: 20px !important; } .m-xl-5 { margin: 25px !important; } .m-xl-6 { margin: 40px !important; } .m-xl-7 { margin: 60px !important; } .m-xl-auto { margin: auto !important; } .m-xl-n1px { margin: -1px !important; } .m-xl-n2px { margin: -2px !important; } .m-xl-n3px { margin: -3px !important; } .m-xl-n4px { margin: -4px !important; } .m-xl-n1 { margin: -5px !important; } .m-xl-n2 { margin: -10px !important; } .m-xl-n3 { margin: -15px !important; } .m-xl-n4 { margin: -20px !important; } .m-xl-n5 { margin: -25px !important; } .m-xl-n6 { margin: -40px !important; } .m-xl-n7 { margin: -60px !important; } .mx-xl-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-xl-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-xl-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-xl-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-xl-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-xl-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-xl-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-xl-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-xl-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-xl-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-xl-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-xl-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .mx-xl-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-xl-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-xl-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-xl-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-xl-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-xl-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-xl-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-xl-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-xl-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-xl-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-xl-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-xl-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-xl-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-xl-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-xl-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-xl-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-xl-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-xl-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-xl-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-xl-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-xl-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-xl-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-xl-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-xl-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-xl-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-xl-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-xl-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-xl-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-xl-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-xl-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-xl-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-xl-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-xl-1px { margin-top: 1px !important; } .mt-xl-2px { margin-top: 2px !important; } .mt-xl-3px { margin-top: 3px !important; } .mt-xl-4px { margin-top: 4px !important; } .mt-xl-0 { margin-top: 0px !important; } .mt-xl-1 { margin-top: 5px !important; } .mt-xl-2 { margin-top: 10px !important; } .mt-xl-3 { margin-top: 15px !important; } .mt-xl-4 { margin-top: 20px !important; } .mt-xl-5 { margin-top: 25px !important; } .mt-xl-6 { margin-top: 40px !important; } .mt-xl-7 { margin-top: 60px !important; } .mt-xl-auto { margin-top: auto !important; } .mt-xl-n1px { margin-top: -1px !important; } .mt-xl-n2px { margin-top: -2px !important; } .mt-xl-n3px { margin-top: -3px !important; } .mt-xl-n4px { margin-top: -4px !important; } .mt-xl-n1 { margin-top: -5px !important; } .mt-xl-n2 { margin-top: -10px !important; } .mt-xl-n3 { margin-top: -15px !important; } .mt-xl-n4 { margin-top: -20px !important; } .mt-xl-n5 { margin-top: -25px !important; } .mt-xl-n6 { margin-top: -40px !important; } .mt-xl-n7 { margin-top: -60px !important; } .mb-xl-1px { margin-bottom: 1px !important; } .mb-xl-2px { margin-bottom: 2px !important; } .mb-xl-3px { margin-bottom: 3px !important; } .mb-xl-4px { margin-bottom: 4px !important; } .mb-xl-0 { margin-bottom: 0px !important; } .mb-xl-1 { margin-bottom: 5px !important; } .mb-xl-2 { margin-bottom: 10px !important; } .mb-xl-3 { margin-bottom: 15px !important; } .mb-xl-4 { margin-bottom: 20px !important; } .mb-xl-5 { margin-bottom: 25px !important; } .mb-xl-6 { margin-bottom: 40px !important; } .mb-xl-7 { margin-bottom: 60px !important; } .mb-xl-auto { margin-bottom: auto !important; } .mb-xl-n1px { margin-bottom: -1px !important; } .mb-xl-n2px { margin-bottom: -2px !important; } .mb-xl-n3px { margin-bottom: -3px !important; } .mb-xl-n4px { margin-bottom: -4px !important; } .mb-xl-n1 { margin-bottom: -5px !important; } .mb-xl-n2 { margin-bottom: -10px !important; } .mb-xl-n3 { margin-bottom: -15px !important; } .mb-xl-n4 { margin-bottom: -20px !important; } .mb-xl-n5 { margin-bottom: -25px !important; } .mb-xl-n6 { margin-bottom: -40px !important; } .mb-xl-n7 { margin-bottom: -60px !important; } .ml-xl-1px { margin-left: 1px !important; } .ml-xl-2px { margin-left: 2px !important; } .ml-xl-3px { margin-left: 3px !important; } .ml-xl-4px { margin-left: 4px !important; } .ml-xl-0 { margin-left: 0px !important; } .ml-xl-1 { margin-left: 5px !important; } .ml-xl-2 { margin-left: 10px !important; } .ml-xl-3 { margin-left: 15px !important; } .ml-xl-4 { margin-left: 20px !important; } .ml-xl-5 { margin-left: 25px !important; } .ml-xl-6 { margin-left: 40px !important; } .ml-xl-7 { margin-left: 60px !important; } .ml-xl-auto { margin-left: auto !important; } .ml-xl-n1px { margin-left: -1px !important; } .ml-xl-n2px { margin-left: -2px !important; } .ml-xl-n3px { margin-left: -3px !important; } .ml-xl-n4px { margin-left: -4px !important; } .ml-xl-n1 { margin-left: -5px !important; } .ml-xl-n2 { margin-left: -10px !important; } .ml-xl-n3 { margin-left: -15px !important; } .ml-xl-n4 { margin-left: -20px !important; } .ml-xl-n5 { margin-left: -25px !important; } .ml-xl-n6 { margin-left: -40px !important; } .ml-xl-n7 { margin-left: -60px !important; } .mr-xl-1px { margin-right: 1px !important; } .mr-xl-2px { margin-right: 2px !important; } .mr-xl-3px { margin-right: 3px !important; } .mr-xl-4px { margin-right: 4px !important; } .mr-xl-0 { margin-right: 0px !important; } .mr-xl-1 { margin-right: 5px !important; } .mr-xl-2 { margin-right: 10px !important; } .mr-xl-3 { margin-right: 15px !important; } .mr-xl-4 { margin-right: 20px !important; } .mr-xl-5 { margin-right: 25px !important; } .mr-xl-6 { margin-right: 40px !important; } .mr-xl-7 { margin-right: 60px !important; } .mr-xl-auto { margin-right: auto !important; } .mr-xl-n1px { margin-right: -1px !important; } .mr-xl-n2px { margin-right: -2px !important; } .mr-xl-n3px { margin-right: -3px !important; } .mr-xl-n4px { margin-right: -4px !important; } .mr-xl-n1 { margin-right: -5px !important; } .mr-xl-n2 { margin-right: -10px !important; } .mr-xl-n3 { margin-right: -15px !important; } .mr-xl-n4 { margin-right: -20px !important; } .mr-xl-n5 { margin-right: -25px !important; } .mr-xl-n6 { margin-right: -40px !important; } .mr-xl-n7 { margin-right: -60px !important; } } @media screen and (min-width: 1587px) { .m-xlp-1px { margin: 1px !important; } .m-xlp-2px { margin: 2px !important; } .m-xlp-3px { margin: 3px !important; } .m-xlp-4px { margin: 4px !important; } .m-xlp-0 { margin: 0px !important; } .m-xlp-1 { margin: 5px !important; } .m-xlp-2 { margin: 10px !important; } .m-xlp-3 { margin: 15px !important; } .m-xlp-4 { margin: 20px !important; } .m-xlp-5 { margin: 25px !important; } .m-xlp-6 { margin: 40px !important; } .m-xlp-7 { margin: 60px !important; } .m-xlp-auto { margin: auto !important; } .m-xlp-n1px { margin: -1px !important; } .m-xlp-n2px { margin: -2px !important; } .m-xlp-n3px { margin: -3px !important; } .m-xlp-n4px { margin: -4px !important; } .m-xlp-n1 { margin: -5px !important; } .m-xlp-n2 { margin: -10px !important; } .m-xlp-n3 { margin: -15px !important; } .m-xlp-n4 { margin: -20px !important; } .m-xlp-n5 { margin: -25px !important; } .m-xlp-n6 { margin: -40px !important; } .m-xlp-n7 { margin: -60px !important; } .mx-xlp-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-xlp-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-xlp-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-xlp-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-xlp-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-xlp-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-xlp-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-xlp-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-xlp-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-xlp-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-xlp-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-xlp-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-xlp-auto { margin-left: auto !important; margin-right: auto !important; } .mx-xlp-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-xlp-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-xlp-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-xlp-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-xlp-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-xlp-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-xlp-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-xlp-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-xlp-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-xlp-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-xlp-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-xlp-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-xlp-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-xlp-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-xlp-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-xlp-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-xlp-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-xlp-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-xlp-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-xlp-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-xlp-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-xlp-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-xlp-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-xlp-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-xlp-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-xlp-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-xlp-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-xlp-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-xlp-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-xlp-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-xlp-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-xlp-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-xlp-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-xlp-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-xlp-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-xlp-1px { margin-top: 1px !important; } .mt-xlp-2px { margin-top: 2px !important; } .mt-xlp-3px { margin-top: 3px !important; } .mt-xlp-4px { margin-top: 4px !important; } .mt-xlp-0 { margin-top: 0px !important; } .mt-xlp-1 { margin-top: 5px !important; } .mt-xlp-2 { margin-top: 10px !important; } .mt-xlp-3 { margin-top: 15px !important; } .mt-xlp-4 { margin-top: 20px !important; } .mt-xlp-5 { margin-top: 25px !important; } .mt-xlp-6 { margin-top: 40px !important; } .mt-xlp-7 { margin-top: 60px !important; } .mt-xlp-auto { margin-top: auto !important; } .mt-xlp-n1px { margin-top: -1px !important; } .mt-xlp-n2px { margin-top: -2px !important; } .mt-xlp-n3px { margin-top: -3px !important; } .mt-xlp-n4px { margin-top: -4px !important; } .mt-xlp-n1 { margin-top: -5px !important; } .mt-xlp-n2 { margin-top: -10px !important; } .mt-xlp-n3 { margin-top: -15px !important; } .mt-xlp-n4 { margin-top: -20px !important; } .mt-xlp-n5 { margin-top: -25px !important; } .mt-xlp-n6 { margin-top: -40px !important; } .mt-xlp-n7 { margin-top: -60px !important; } .mb-xlp-1px { margin-bottom: 1px !important; } .mb-xlp-2px { margin-bottom: 2px !important; } .mb-xlp-3px { margin-bottom: 3px !important; } .mb-xlp-4px { margin-bottom: 4px !important; } .mb-xlp-0 { margin-bottom: 0px !important; } .mb-xlp-1 { margin-bottom: 5px !important; } .mb-xlp-2 { margin-bottom: 10px !important; } .mb-xlp-3 { margin-bottom: 15px !important; } .mb-xlp-4 { margin-bottom: 20px !important; } .mb-xlp-5 { margin-bottom: 25px !important; } .mb-xlp-6 { margin-bottom: 40px !important; } .mb-xlp-7 { margin-bottom: 60px !important; } .mb-xlp-auto { margin-bottom: auto !important; } .mb-xlp-n1px { margin-bottom: -1px !important; } .mb-xlp-n2px { margin-bottom: -2px !important; } .mb-xlp-n3px { margin-bottom: -3px !important; } .mb-xlp-n4px { margin-bottom: -4px !important; } .mb-xlp-n1 { margin-bottom: -5px !important; } .mb-xlp-n2 { margin-bottom: -10px !important; } .mb-xlp-n3 { margin-bottom: -15px !important; } .mb-xlp-n4 { margin-bottom: -20px !important; } .mb-xlp-n5 { margin-bottom: -25px !important; } .mb-xlp-n6 { margin-bottom: -40px !important; } .mb-xlp-n7 { margin-bottom: -60px !important; } .ml-xlp-1px { margin-left: 1px !important; } .ml-xlp-2px { margin-left: 2px !important; } .ml-xlp-3px { margin-left: 3px !important; } .ml-xlp-4px { margin-left: 4px !important; } .ml-xlp-0 { margin-left: 0px !important; } .ml-xlp-1 { margin-left: 5px !important; } .ml-xlp-2 { margin-left: 10px !important; } .ml-xlp-3 { margin-left: 15px !important; } .ml-xlp-4 { margin-left: 20px !important; } .ml-xlp-5 { margin-left: 25px !important; } .ml-xlp-6 { margin-left: 40px !important; } .ml-xlp-7 { margin-left: 60px !important; } .ml-xlp-auto { margin-left: auto !important; } .ml-xlp-n1px { margin-left: -1px !important; } .ml-xlp-n2px { margin-left: -2px !important; } .ml-xlp-n3px { margin-left: -3px !important; } .ml-xlp-n4px { margin-left: -4px !important; } .ml-xlp-n1 { margin-left: -5px !important; } .ml-xlp-n2 { margin-left: -10px !important; } .ml-xlp-n3 { margin-left: -15px !important; } .ml-xlp-n4 { margin-left: -20px !important; } .ml-xlp-n5 { margin-left: -25px !important; } .ml-xlp-n6 { margin-left: -40px !important; } .ml-xlp-n7 { margin-left: -60px !important; } .mr-xlp-1px { margin-right: 1px !important; } .mr-xlp-2px { margin-right: 2px !important; } .mr-xlp-3px { margin-right: 3px !important; } .mr-xlp-4px { margin-right: 4px !important; } .mr-xlp-0 { margin-right: 0px !important; } .mr-xlp-1 { margin-right: 5px !important; } .mr-xlp-2 { margin-right: 10px !important; } .mr-xlp-3 { margin-right: 15px !important; } .mr-xlp-4 { margin-right: 20px !important; } .mr-xlp-5 { margin-right: 25px !important; } .mr-xlp-6 { margin-right: 40px !important; } .mr-xlp-7 { margin-right: 60px !important; } .mr-xlp-auto { margin-right: auto !important; } .mr-xlp-n1px { margin-right: -1px !important; } .mr-xlp-n2px { margin-right: -2px !important; } .mr-xlp-n3px { margin-right: -3px !important; } .mr-xlp-n4px { margin-right: -4px !important; } .mr-xlp-n1 { margin-right: -5px !important; } .mr-xlp-n2 { margin-right: -10px !important; } .mr-xlp-n3 { margin-right: -15px !important; } .mr-xlp-n4 { margin-right: -20px !important; } .mr-xlp-n5 { margin-right: -25px !important; } .mr-xlp-n6 { margin-right: -40px !important; } .mr-xlp-n7 { margin-right: -60px !important; } } @media screen and (min-width: 1907px) { .m-xxl-1px { margin: 1px !important; } .m-xxl-2px { margin: 2px !important; } .m-xxl-3px { margin: 3px !important; } .m-xxl-4px { margin: 4px !important; } .m-xxl-0 { margin: 0px !important; } .m-xxl-1 { margin: 5px !important; } .m-xxl-2 { margin: 10px !important; } .m-xxl-3 { margin: 15px !important; } .m-xxl-4 { margin: 20px !important; } .m-xxl-5 { margin: 25px !important; } .m-xxl-6 { margin: 40px !important; } .m-xxl-7 { margin: 60px !important; } .m-xxl-auto { margin: auto !important; } .m-xxl-n1px { margin: -1px !important; } .m-xxl-n2px { margin: -2px !important; } .m-xxl-n3px { margin: -3px !important; } .m-xxl-n4px { margin: -4px !important; } .m-xxl-n1 { margin: -5px !important; } .m-xxl-n2 { margin: -10px !important; } .m-xxl-n3 { margin: -15px !important; } .m-xxl-n4 { margin: -20px !important; } .m-xxl-n5 { margin: -25px !important; } .m-xxl-n6 { margin: -40px !important; } .m-xxl-n7 { margin: -60px !important; } .mx-xxl-1px { margin-left: 1px !important; margin-right: 1px !important; } .mx-xxl-2px { margin-left: 2px !important; margin-right: 2px !important; } .mx-xxl-3px { margin-left: 3px !important; margin-right: 3px !important; } .mx-xxl-4px { margin-left: 4px !important; margin-right: 4px !important; } .mx-xxl-0 { margin-left: 0px !important; margin-right: 0px !important; } .mx-xxl-1 { margin-left: 5px !important; margin-right: 5px !important; } .mx-xxl-2 { margin-left: 10px !important; margin-right: 10px !important; } .mx-xxl-3 { margin-left: 15px !important; margin-right: 15px !important; } .mx-xxl-4 { margin-left: 20px !important; margin-right: 20px !important; } .mx-xxl-5 { margin-left: 25px !important; margin-right: 25px !important; } .mx-xxl-6 { margin-left: 40px !important; margin-right: 40px !important; } .mx-xxl-7 { margin-left: 60px !important; margin-right: 60px !important; } .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important; } .mx-xxl-n1px { margin-left: -1px !important; margin-right: -1px !important; } .mx-xxl-n2px { margin-left: -2px !important; margin-right: -2px !important; } .mx-xxl-n3px { margin-left: -3px !important; margin-right: -3px !important; } .mx-xxl-n4px { margin-left: -4px !important; margin-right: -4px !important; } .mx-xxl-n1 { margin-left: -5px !important; margin-right: -5px !important; } .mx-xxl-n2 { margin-left: -10px !important; margin-right: -10px !important; } .mx-xxl-n3 { margin-left: -15px !important; margin-right: -15px !important; } .mx-xxl-n4 { margin-left: -20px !important; margin-right: -20px !important; } .mx-xxl-n5 { margin-left: -25px !important; margin-right: -25px !important; } .mx-xxl-n6 { margin-left: -40px !important; margin-right: -40px !important; } .mx-xxl-n7 { margin-left: -60px !important; margin-right: -60px !important; } .my-xxl-1px { margin-top: 1px !important; margin-bottom: 1px !important; } .my-xxl-2px { margin-top: 2px !important; margin-bottom: 2px !important; } .my-xxl-3px { margin-top: 3px !important; margin-bottom: 3px !important; } .my-xxl-4px { margin-top: 4px !important; margin-bottom: 4px !important; } .my-xxl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-xxl-1 { margin-top: 5px !important; margin-bottom: 5px !important; } .my-xxl-2 { margin-top: 10px !important; margin-bottom: 10px !important; } .my-xxl-3 { margin-top: 15px !important; margin-bottom: 15px !important; } .my-xxl-4 { margin-top: 20px !important; margin-bottom: 20px !important; } .my-xxl-5 { margin-top: 25px !important; margin-bottom: 25px !important; } .my-xxl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } .my-xxl-7 { margin-top: 60px !important; margin-bottom: 60px !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .my-xxl-n1px { margin-top: -1px !important; margin-bottom: -1px !important; } .my-xxl-n2px { margin-top: -2px !important; margin-bottom: -2px !important; } .my-xxl-n3px { margin-top: -3px !important; margin-bottom: -3px !important; } .my-xxl-n4px { margin-top: -4px !important; margin-bottom: -4px !important; } .my-xxl-n1 { margin-top: -5px !important; margin-bottom: -5px !important; } .my-xxl-n2 { margin-top: -10px !important; margin-bottom: -10px !important; } .my-xxl-n3 { margin-top: -15px !important; margin-bottom: -15px !important; } .my-xxl-n4 { margin-top: -20px !important; margin-bottom: -20px !important; } .my-xxl-n5 { margin-top: -25px !important; margin-bottom: -25px !important; } .my-xxl-n6 { margin-top: -40px !important; margin-bottom: -40px !important; } .my-xxl-n7 { margin-top: -60px !important; margin-bottom: -60px !important; } .mt-xxl-1px { margin-top: 1px !important; } .mt-xxl-2px { margin-top: 2px !important; } .mt-xxl-3px { margin-top: 3px !important; } .mt-xxl-4px { margin-top: 4px !important; } .mt-xxl-0 { margin-top: 0px !important; } .mt-xxl-1 { margin-top: 5px !important; } .mt-xxl-2 { margin-top: 10px !important; } .mt-xxl-3 { margin-top: 15px !important; } .mt-xxl-4 { margin-top: 20px !important; } .mt-xxl-5 { margin-top: 25px !important; } .mt-xxl-6 { margin-top: 40px !important; } .mt-xxl-7 { margin-top: 60px !important; } .mt-xxl-auto { margin-top: auto !important; } .mt-xxl-n1px { margin-top: -1px !important; } .mt-xxl-n2px { margin-top: -2px !important; } .mt-xxl-n3px { margin-top: -3px !important; } .mt-xxl-n4px { margin-top: -4px !important; } .mt-xxl-n1 { margin-top: -5px !important; } .mt-xxl-n2 { margin-top: -10px !important; } .mt-xxl-n3 { margin-top: -15px !important; } .mt-xxl-n4 { margin-top: -20px !important; } .mt-xxl-n5 { margin-top: -25px !important; } .mt-xxl-n6 { margin-top: -40px !important; } .mt-xxl-n7 { margin-top: -60px !important; } .mb-xxl-1px { margin-bottom: 1px !important; } .mb-xxl-2px { margin-bottom: 2px !important; } .mb-xxl-3px { margin-bottom: 3px !important; } .mb-xxl-4px { margin-bottom: 4px !important; } .mb-xxl-0 { margin-bottom: 0px !important; } .mb-xxl-1 { margin-bottom: 5px !important; } .mb-xxl-2 { margin-bottom: 10px !important; } .mb-xxl-3 { margin-bottom: 15px !important; } .mb-xxl-4 { margin-bottom: 20px !important; } .mb-xxl-5 { margin-bottom: 25px !important; } .mb-xxl-6 { margin-bottom: 40px !important; } .mb-xxl-7 { margin-bottom: 60px !important; } .mb-xxl-auto { margin-bottom: auto !important; } .mb-xxl-n1px { margin-bottom: -1px !important; } .mb-xxl-n2px { margin-bottom: -2px !important; } .mb-xxl-n3px { margin-bottom: -3px !important; } .mb-xxl-n4px { margin-bottom: -4px !important; } .mb-xxl-n1 { margin-bottom: -5px !important; } .mb-xxl-n2 { margin-bottom: -10px !important; } .mb-xxl-n3 { margin-bottom: -15px !important; } .mb-xxl-n4 { margin-bottom: -20px !important; } .mb-xxl-n5 { margin-bottom: -25px !important; } .mb-xxl-n6 { margin-bottom: -40px !important; } .mb-xxl-n7 { margin-bottom: -60px !important; } .ml-xxl-1px { margin-left: 1px !important; } .ml-xxl-2px { margin-left: 2px !important; } .ml-xxl-3px { margin-left: 3px !important; } .ml-xxl-4px { margin-left: 4px !important; } .ml-xxl-0 { margin-left: 0px !important; } .ml-xxl-1 { margin-left: 5px !important; } .ml-xxl-2 { margin-left: 10px !important; } .ml-xxl-3 { margin-left: 15px !important; } .ml-xxl-4 { margin-left: 20px !important; } .ml-xxl-5 { margin-left: 25px !important; } .ml-xxl-6 { margin-left: 40px !important; } .ml-xxl-7 { margin-left: 60px !important; } .ml-xxl-auto { margin-left: auto !important; } .ml-xxl-n1px { margin-left: -1px !important; } .ml-xxl-n2px { margin-left: -2px !important; } .ml-xxl-n3px { margin-left: -3px !important; } .ml-xxl-n4px { margin-left: -4px !important; } .ml-xxl-n1 { margin-left: -5px !important; } .ml-xxl-n2 { margin-left: -10px !important; } .ml-xxl-n3 { margin-left: -15px !important; } .ml-xxl-n4 { margin-left: -20px !important; } .ml-xxl-n5 { margin-left: -25px !important; } .ml-xxl-n6 { margin-left: -40px !important; } .ml-xxl-n7 { margin-left: -60px !important; } .mr-xxl-1px { margin-right: 1px !important; } .mr-xxl-2px { margin-right: 2px !important; } .mr-xxl-3px { margin-right: 3px !important; } .mr-xxl-4px { margin-right: 4px !important; } .mr-xxl-0 { margin-right: 0px !important; } .mr-xxl-1 { margin-right: 5px !important; } .mr-xxl-2 { margin-right: 10px !important; } .mr-xxl-3 { margin-right: 15px !important; } .mr-xxl-4 { margin-right: 20px !important; } .mr-xxl-5 { margin-right: 25px !important; } .mr-xxl-6 { margin-right: 40px !important; } .mr-xxl-7 { margin-right: 60px !important; } .mr-xxl-auto { margin-right: auto !important; } .mr-xxl-n1px { margin-right: -1px !important; } .mr-xxl-n2px { margin-right: -2px !important; } .mr-xxl-n3px { margin-right: -3px !important; } .mr-xxl-n4px { margin-right: -4px !important; } .mr-xxl-n1 { margin-right: -5px !important; } .mr-xxl-n2 { margin-right: -10px !important; } .mr-xxl-n3 { margin-right: -15px !important; } .mr-xxl-n4 { margin-right: -20px !important; } .mr-xxl-n5 { margin-right: -25px !important; } .mr-xxl-n6 { margin-right: -40px !important; } .mr-xxl-n7 { margin-right: -60px !important; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } @media screen and (min-width: 420px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } } @media screen and (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } } @media screen and (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } } @media screen and (min-width: 1224px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } } @media screen and (min-width: 1587px) { .d-xlp-none { display: none !important; } .d-xlp-inline { display: inline !important; } .d-xlp-inline-block { display: inline-block !important; } .d-xlp-block { display: block !important; } .d-xlp-flex { display: flex !important; } .d-xlp-inline-flex { display: inline-flex !important; } .d-xlp-grid { display: grid !important; } .d-xlp-inline-grid { display: inline-grid !important; } } @media screen and (min-width: 1907px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } } .flex-direction-row { flex-direction: row !important; } .flex-direction-column { flex-direction: column !important; } .flex-direction-row-reverse { flex-direction: row-reverse !important; } .flex-direction-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .visi-hidden { visibility: hidden; } .visi-visible { visibility: visible; } .visi-hidden { visibility: hidden !important; } .visi-visible { visibility: visible !important; } @media screen and (min-width: 420px) { .visi-sm-hidden { visibility: hidden !important; } .visi-sm-visible { visibility: visible !important; } } @media screen and (min-width: 768px) { .visi-md-hidden { visibility: hidden !important; } .visi-md-visible { visibility: visible !important; } } @media screen and (min-width: 1024px) { .visi-lg-hidden { visibility: hidden !important; } .visi-lg-visible { visibility: visible !important; } } @media screen and (min-width: 1224px) { .visi-xl-hidden { visibility: hidden !important; } .visi-xl-visible { visibility: visible !important; } } @media screen and (min-width: 1587px) { .visi-xlp-hidden { visibility: hidden !important; } .visi-xlp-visible { visibility: visible !important; } } @media screen and (min-width: 1907px) { .visi-xxl-hidden { visibility: hidden !important; } .visi-xxl-visible { visibility: visible !important; } } .bg-body { background-color: white !important; } .bg-primary { background-color: #2196f3 !important; } .bg-primary-10 { background: rgba(33, 150, 243, 0.1) !important; } .bg-primary-20 { background: rgba(33, 150, 243, 0.2) !important; } .bg-primary-30 { background: rgba(33, 150, 243, 0.3) !important; } .bg-primary-40 { background: rgba(33, 150, 243, 0.4) !important; } .bg-primary-50 { background: rgba(33, 150, 243, 0.5) !important; } .bg-primary-60 { background: rgba(33, 150, 243, 0.6) !important; } .bg-primary-70 { background: rgba(33, 150, 243, 0.7) !important; } .bg-primary-80 { background: rgba(33, 150, 243, 0.8) !important; } .bg-primary-90 { background: rgba(33, 150, 243, 0.9) !important; } .bg-primary:hover, a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2196f3 !important; } .bg-secondary { background-color: #6c757d !important; } .bg-secondary-10 { background: rgba(108, 117, 125, 0.1) !important; } .bg-secondary-20 { background: rgba(108, 117, 125, 0.2) !important; } .bg-secondary-30 { background: rgba(108, 117, 125, 0.3) !important; } .bg-secondary-40 { background: rgba(108, 117, 125, 0.4) !important; } .bg-secondary-50 { background: rgba(108, 117, 125, 0.5) !important; } .bg-secondary-60 { background: rgba(108, 117, 125, 0.6) !important; } .bg-secondary-70 { background: rgba(108, 117, 125, 0.7) !important; } .bg-secondary-80 { background: rgba(108, 117, 125, 0.8) !important; } .bg-secondary-90 { background: rgba(108, 117, 125, 0.9) !important; } .bg-secondary:hover, a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #6c757d !important; } .bg-success { background-color: #20ad20 !important; } .bg-success-10 { background: rgba(32, 173, 32, 0.1) !important; } .bg-success-20 { background: rgba(32, 173, 32, 0.2) !important; } .bg-success-30 { background: rgba(32, 173, 32, 0.3) !important; } .bg-success-40 { background: rgba(32, 173, 32, 0.4) !important; } .bg-success-50 { background: rgba(32, 173, 32, 0.5) !important; } .bg-success-60 { background: rgba(32, 173, 32, 0.6) !important; } .bg-success-70 { background: rgba(32, 173, 32, 0.7) !important; } .bg-success-80 { background: rgba(32, 173, 32, 0.8) !important; } .bg-success-90 { background: rgba(32, 173, 32, 0.9) !important; } .bg-success:hover, a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #20ad20 !important; } .bg-info { background-color: #4dd0e1 !important; } .bg-info-10 { background: rgba(77, 208, 225, 0.1) !important; } .bg-info-20 { background: rgba(77, 208, 225, 0.2) !important; } .bg-info-30 { background: rgba(77, 208, 225, 0.3) !important; } .bg-info-40 { background: rgba(77, 208, 225, 0.4) !important; } .bg-info-50 { background: rgba(77, 208, 225, 0.5) !important; } .bg-info-60 { background: rgba(77, 208, 225, 0.6) !important; } .bg-info-70 { background: rgba(77, 208, 225, 0.7) !important; } .bg-info-80 { background: rgba(77, 208, 225, 0.8) !important; } .bg-info-90 { background: rgba(77, 208, 225, 0.9) !important; } .bg-info:hover, a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #4dd0e1 !important; } .bg-warning { background-color: #f9cf48 !important; } .bg-warning-10 { background: rgba(249, 207, 72, 0.1) !important; } .bg-warning-20 { background: rgba(249, 207, 72, 0.2) !important; } .bg-warning-30 { background: rgba(249, 207, 72, 0.3) !important; } .bg-warning-40 { background: rgba(249, 207, 72, 0.4) !important; } .bg-warning-50 { background: rgba(249, 207, 72, 0.5) !important; } .bg-warning-60 { background: rgba(249, 207, 72, 0.6) !important; } .bg-warning-70 { background: rgba(249, 207, 72, 0.7) !important; } .bg-warning-80 { background: rgba(249, 207, 72, 0.8) !important; } .bg-warning-90 { background: rgba(249, 207, 72, 0.9) !important; } .bg-warning:hover, a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #f9cf48 !important; } .bg-danger { background-color: #f23629 !important; } .bg-danger-10 { background: rgba(242, 54, 41, 0.1) !important; } .bg-danger-20 { background: rgba(242, 54, 41, 0.2) !important; } .bg-danger-30 { background: rgba(242, 54, 41, 0.3) !important; } .bg-danger-40 { background: rgba(242, 54, 41, 0.4) !important; } .bg-danger-50 { background: rgba(242, 54, 41, 0.5) !important; } .bg-danger-60 { background: rgba(242, 54, 41, 0.6) !important; } .bg-danger-70 { background: rgba(242, 54, 41, 0.7) !important; } .bg-danger-80 { background: rgba(242, 54, 41, 0.8) !important; } .bg-danger-90 { background: rgba(242, 54, 41, 0.9) !important; } .bg-danger:hover, a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #f23629 !important; } .bg-alert { background-color: #f57b1d !important; } .bg-alert-10 { background: rgba(245, 123, 29, 0.1) !important; } .bg-alert-20 { background: rgba(245, 123, 29, 0.2) !important; } .bg-alert-30 { background: rgba(245, 123, 29, 0.3) !important; } .bg-alert-40 { background: rgba(245, 123, 29, 0.4) !important; } .bg-alert-50 { background: rgba(245, 123, 29, 0.5) !important; } .bg-alert-60 { background: rgba(245, 123, 29, 0.6) !important; } .bg-alert-70 { background: rgba(245, 123, 29, 0.7) !important; } .bg-alert-80 { background: rgba(245, 123, 29, 0.8) !important; } .bg-alert-90 { background: rgba(245, 123, 29, 0.9) !important; } .bg-alert:hover, a.bg-alert:hover, a.bg-alert:focus, button.bg-alert:hover, button.bg-alert:focus { background-color: #f57b1d !important; } .bg-theme { background-color: #356287 !important; } .bg-theme-10 { background: rgba(53, 98, 135, 0.1) !important; } .bg-theme-20 { background: rgba(53, 98, 135, 0.2) !important; } .bg-theme-30 { background: rgba(53, 98, 135, 0.3) !important; } .bg-theme-40 { background: rgba(53, 98, 135, 0.4) !important; } .bg-theme-50 { background: rgba(53, 98, 135, 0.5) !important; } .bg-theme-60 { background: rgba(53, 98, 135, 0.6) !important; } .bg-theme-70 { background: rgba(53, 98, 135, 0.7) !important; } .bg-theme-80 { background: rgba(53, 98, 135, 0.8) !important; } .bg-theme-90 { background: rgba(53, 98, 135, 0.9) !important; } .bg-theme:hover, a.bg-theme:hover, a.bg-theme:focus, button.bg-theme:hover, button.bg-theme:focus { background-color: #356287 !important; } .bg-white { background-color: #ffffff !important; } .bg-white-10 { background: rgba(255, 255, 255, 0.1) !important; } .bg-white-20 { background: rgba(255, 255, 255, 0.2) !important; } .bg-white-30 { background: rgba(255, 255, 255, 0.3) !important; } .bg-white-40 { background: rgba(255, 255, 255, 0.4) !important; } .bg-white-50 { background: rgba(255, 255, 255, 0.5) !important; } .bg-white-60 { background: rgba(255, 255, 255, 0.6) !important; } .bg-white-70 { background: rgba(255, 255, 255, 0.7) !important; } .bg-white-80 { background: rgba(255, 255, 255, 0.8) !important; } .bg-white-90 { background: rgba(255, 255, 255, 0.9) !important; } .bg-white:hover, a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #ffffff !important; } .bg-purple { background-color: #6A1B9A !important; } .bg-purple-10 { background: rgba(106, 27, 154, 0.1) !important; } .bg-purple-20 { background: rgba(106, 27, 154, 0.2) !important; } .bg-purple-30 { background: rgba(106, 27, 154, 0.3) !important; } .bg-purple-40 { background: rgba(106, 27, 154, 0.4) !important; } .bg-purple-50 { background: rgba(106, 27, 154, 0.5) !important; } .bg-purple-60 { background: rgba(106, 27, 154, 0.6) !important; } .bg-purple-70 { background: rgba(106, 27, 154, 0.7) !important; } .bg-purple-80 { background: rgba(106, 27, 154, 0.8) !important; } .bg-purple-90 { background: rgba(106, 27, 154, 0.9) !important; } .bg-purple:hover, a.bg-purple:hover, a.bg-purple:focus, button.bg-purple:hover, button.bg-purple:focus { background-color: #6A1B9A !important; } .bg-primary-lighten { background-color: #e0f1ff !important; } .bg-primary-lighten-10 { background: rgba(224, 241, 255, 0.1) !important; } .bg-primary-lighten-20 { background: rgba(224, 241, 255, 0.2) !important; } .bg-primary-lighten-30 { background: rgba(224, 241, 255, 0.3) !important; } .bg-primary-lighten-40 { background: rgba(224, 241, 255, 0.4) !important; } .bg-primary-lighten-50 { background: rgba(224, 241, 255, 0.5) !important; } .bg-primary-lighten-60 { background: rgba(224, 241, 255, 0.6) !important; } .bg-primary-lighten-70 { background: rgba(224, 241, 255, 0.7) !important; } .bg-primary-lighten-80 { background: rgba(224, 241, 255, 0.8) !important; } .bg-primary-lighten-90 { background: rgba(224, 241, 255, 0.9) !important; } .bg-primary-lighten:hover, a.bg-primary-lighten:hover, a.bg-primary-lighten:focus, button.bg-primary-lighten:hover, button.bg-primary-lighten:focus { background-color: #e0f1ff !important; } .bg-secondary-lighten { background-color: #e1e1e1 !important; } .bg-secondary-lighten-10 { background: rgba(225, 225, 225, 0.1) !important; } .bg-secondary-lighten-20 { background: rgba(225, 225, 225, 0.2) !important; } .bg-secondary-lighten-30 { background: rgba(225, 225, 225, 0.3) !important; } .bg-secondary-lighten-40 { background: rgba(225, 225, 225, 0.4) !important; } .bg-secondary-lighten-50 { background: rgba(225, 225, 225, 0.5) !important; } .bg-secondary-lighten-60 { background: rgba(225, 225, 225, 0.6) !important; } .bg-secondary-lighten-70 { background: rgba(225, 225, 225, 0.7) !important; } .bg-secondary-lighten-80 { background: rgba(225, 225, 225, 0.8) !important; } .bg-secondary-lighten-90 { background: rgba(225, 225, 225, 0.9) !important; } .bg-secondary-lighten:hover, a.bg-secondary-lighten:hover, a.bg-secondary-lighten:focus, button.bg-secondary-lighten:hover, button.bg-secondary-lighten:focus { background-color: #e1e1e1 !important; } .bg-success-lighten { background-color: #e8fac7 !important; } .bg-success-lighten-10 { background: rgba(232, 250, 199, 0.1) !important; } .bg-success-lighten-20 { background: rgba(232, 250, 199, 0.2) !important; } .bg-success-lighten-30 { background: rgba(232, 250, 199, 0.3) !important; } .bg-success-lighten-40 { background: rgba(232, 250, 199, 0.4) !important; } .bg-success-lighten-50 { background: rgba(232, 250, 199, 0.5) !important; } .bg-success-lighten-60 { background: rgba(232, 250, 199, 0.6) !important; } .bg-success-lighten-70 { background: rgba(232, 250, 199, 0.7) !important; } .bg-success-lighten-80 { background: rgba(232, 250, 199, 0.8) !important; } .bg-success-lighten-90 { background: rgba(232, 250, 199, 0.9) !important; } .bg-success-lighten:hover, a.bg-success-lighten:hover, a.bg-success-lighten:focus, button.bg-success-lighten:hover, button.bg-success-lighten:focus { background-color: #e8fac7 !important; } .bg-info-lighten { background-color: #d2f9ff !important; } .bg-info-lighten-10 { background: rgba(210, 249, 255, 0.1) !important; } .bg-info-lighten-20 { background: rgba(210, 249, 255, 0.2) !important; } .bg-info-lighten-30 { background: rgba(210, 249, 255, 0.3) !important; } .bg-info-lighten-40 { background: rgba(210, 249, 255, 0.4) !important; } .bg-info-lighten-50 { background: rgba(210, 249, 255, 0.5) !important; } .bg-info-lighten-60 { background: rgba(210, 249, 255, 0.6) !important; } .bg-info-lighten-70 { background: rgba(210, 249, 255, 0.7) !important; } .bg-info-lighten-80 { background: rgba(210, 249, 255, 0.8) !important; } .bg-info-lighten-90 { background: rgba(210, 249, 255, 0.9) !important; } .bg-info-lighten:hover, a.bg-info-lighten:hover, a.bg-info-lighten:focus, button.bg-info-lighten:hover, button.bg-info-lighten:focus { background-color: #d2f9ff !important; } .bg-warning-lighten { background-color: #fef6d9 !important; } .bg-warning-lighten-10 { background: rgba(254, 246, 217, 0.1) !important; } .bg-warning-lighten-20 { background: rgba(254, 246, 217, 0.2) !important; } .bg-warning-lighten-30 { background: rgba(254, 246, 217, 0.3) !important; } .bg-warning-lighten-40 { background: rgba(254, 246, 217, 0.4) !important; } .bg-warning-lighten-50 { background: rgba(254, 246, 217, 0.5) !important; } .bg-warning-lighten-60 { background: rgba(254, 246, 217, 0.6) !important; } .bg-warning-lighten-70 { background: rgba(254, 246, 217, 0.7) !important; } .bg-warning-lighten-80 { background: rgba(254, 246, 217, 0.8) !important; } .bg-warning-lighten-90 { background: rgba(254, 246, 217, 0.9) !important; } .bg-warning-lighten:hover, a.bg-warning-lighten:hover, a.bg-warning-lighten:focus, button.bg-warning-lighten:hover, button.bg-warning-lighten:focus { background-color: #fef6d9 !important; } .bg-danger-lighten { background-color: #ffd4d1 !important; } .bg-danger-lighten-10 { background: rgba(255, 212, 209, 0.1) !important; } .bg-danger-lighten-20 { background: rgba(255, 212, 209, 0.2) !important; } .bg-danger-lighten-30 { background: rgba(255, 212, 209, 0.3) !important; } .bg-danger-lighten-40 { background: rgba(255, 212, 209, 0.4) !important; } .bg-danger-lighten-50 { background: rgba(255, 212, 209, 0.5) !important; } .bg-danger-lighten-60 { background: rgba(255, 212, 209, 0.6) !important; } .bg-danger-lighten-70 { background: rgba(255, 212, 209, 0.7) !important; } .bg-danger-lighten-80 { background: rgba(255, 212, 209, 0.8) !important; } .bg-danger-lighten-90 { background: rgba(255, 212, 209, 0.9) !important; } .bg-danger-lighten:hover, a.bg-danger-lighten:hover, a.bg-danger-lighten:focus, button.bg-danger-lighten:hover, button.bg-danger-lighten:focus { background-color: #ffd4d1 !important; } .bg-alert-lighten { background-color: #fad6ba !important; } .bg-alert-lighten-10 { background: rgba(250, 214, 186, 0.1) !important; } .bg-alert-lighten-20 { background: rgba(250, 214, 186, 0.2) !important; } .bg-alert-lighten-30 { background: rgba(250, 214, 186, 0.3) !important; } .bg-alert-lighten-40 { background: rgba(250, 214, 186, 0.4) !important; } .bg-alert-lighten-50 { background: rgba(250, 214, 186, 0.5) !important; } .bg-alert-lighten-60 { background: rgba(250, 214, 186, 0.6) !important; } .bg-alert-lighten-70 { background: rgba(250, 214, 186, 0.7) !important; } .bg-alert-lighten-80 { background: rgba(250, 214, 186, 0.8) !important; } .bg-alert-lighten-90 { background: rgba(250, 214, 186, 0.9) !important; } .bg-alert-lighten:hover, a.bg-alert-lighten:hover, a.bg-alert-lighten:focus, button.bg-alert-lighten:hover, button.bg-alert-lighten:focus { background-color: #fad6ba !important; } .bg-purple-lighten { background-color: #f5ebfc !important; } .bg-purple-lighten-10 { background: rgba(245, 235, 252, 0.1) !important; } .bg-purple-lighten-20 { background: rgba(245, 235, 252, 0.2) !important; } .bg-purple-lighten-30 { background: rgba(245, 235, 252, 0.3) !important; } .bg-purple-lighten-40 { background: rgba(245, 235, 252, 0.4) !important; } .bg-purple-lighten-50 { background: rgba(245, 235, 252, 0.5) !important; } .bg-purple-lighten-60 { background: rgba(245, 235, 252, 0.6) !important; } .bg-purple-lighten-70 { background: rgba(245, 235, 252, 0.7) !important; } .bg-purple-lighten-80 { background: rgba(245, 235, 252, 0.8) !important; } .bg-purple-lighten-90 { background: rgba(245, 235, 252, 0.9) !important; } .bg-purple-lighten:hover, a.bg-purple-lighten:hover, a.bg-purple-lighten:focus, button.bg-purple-lighten:hover, button.bg-purple-lighten:focus { background-color: #f5ebfc !important; } .bg-theme-lighten { background-color: #D1E0EC !important; } .bg-theme-lighten-10 { background: rgba(209, 224, 236, 0.1) !important; } .bg-theme-lighten-20 { background: rgba(209, 224, 236, 0.2) !important; } .bg-theme-lighten-30 { background: rgba(209, 224, 236, 0.3) !important; } .bg-theme-lighten-40 { background: rgba(209, 224, 236, 0.4) !important; } .bg-theme-lighten-50 { background: rgba(209, 224, 236, 0.5) !important; } .bg-theme-lighten-60 { background: rgba(209, 224, 236, 0.6) !important; } .bg-theme-lighten-70 { background: rgba(209, 224, 236, 0.7) !important; } .bg-theme-lighten-80 { background: rgba(209, 224, 236, 0.8) !important; } .bg-theme-lighten-90 { background: rgba(209, 224, 236, 0.9) !important; } .bg-theme-lighten:hover, a.bg-theme-lighten:hover, a.bg-theme-lighten:focus, button.bg-theme-lighten:hover, button.bg-theme-lighten:focus { background-color: #D1E0EC !important; } .bg-app-line { background-color: #00B500 !important; } .bg-app-line-10 { background: rgba(0, 181, 0, 0.1) !important; } .bg-app-line-20 { background: rgba(0, 181, 0, 0.2) !important; } .bg-app-line-30 { background: rgba(0, 181, 0, 0.3) !important; } .bg-app-line-40 { background: rgba(0, 181, 0, 0.4) !important; } .bg-app-line-50 { background: rgba(0, 181, 0, 0.5) !important; } .bg-app-line-60 { background: rgba(0, 181, 0, 0.6) !important; } .bg-app-line-70 { background: rgba(0, 181, 0, 0.7) !important; } .bg-app-line-80 { background: rgba(0, 181, 0, 0.8) !important; } .bg-app-line-90 { background: rgba(0, 181, 0, 0.9) !important; } .bg-app-line:hover, a.bg-app-line:hover, a.bg-app-line:focus, button.bg-app-line:hover, button.bg-app-line:focus { background-color: #00B500 !important; } .bg-app-youtube { background-color: #cd201f !important; } .bg-app-youtube-10 { background: rgba(205, 32, 31, 0.1) !important; } .bg-app-youtube-20 { background: rgba(205, 32, 31, 0.2) !important; } .bg-app-youtube-30 { background: rgba(205, 32, 31, 0.3) !important; } .bg-app-youtube-40 { background: rgba(205, 32, 31, 0.4) !important; } .bg-app-youtube-50 { background: rgba(205, 32, 31, 0.5) !important; } .bg-app-youtube-60 { background: rgba(205, 32, 31, 0.6) !important; } .bg-app-youtube-70 { background: rgba(205, 32, 31, 0.7) !important; } .bg-app-youtube-80 { background: rgba(205, 32, 31, 0.8) !important; } .bg-app-youtube-90 { background: rgba(205, 32, 31, 0.9) !important; } .bg-app-youtube:hover, a.bg-app-youtube:hover, a.bg-app-youtube:focus, button.bg-app-youtube:hover, button.bg-app-youtube:focus { background-color: #cd201f !important; } .bg-app-twitter { background-color: #55acee !important; } .bg-app-twitter-10 { background: rgba(85, 172, 238, 0.1) !important; } .bg-app-twitter-20 { background: rgba(85, 172, 238, 0.2) !important; } .bg-app-twitter-30 { background: rgba(85, 172, 238, 0.3) !important; } .bg-app-twitter-40 { background: rgba(85, 172, 238, 0.4) !important; } .bg-app-twitter-50 { background: rgba(85, 172, 238, 0.5) !important; } .bg-app-twitter-60 { background: rgba(85, 172, 238, 0.6) !important; } .bg-app-twitter-70 { background: rgba(85, 172, 238, 0.7) !important; } .bg-app-twitter-80 { background: rgba(85, 172, 238, 0.8) !important; } .bg-app-twitter-90 { background: rgba(85, 172, 238, 0.9) !important; } .bg-app-twitter:hover, a.bg-app-twitter:hover, a.bg-app-twitter:focus, button.bg-app-twitter:hover, button.bg-app-twitter:focus { background-color: #55acee !important; } .bg-app-facebook { background-color: #4267B2 !important; } .bg-app-facebook-10 { background: rgba(66, 103, 178, 0.1) !important; } .bg-app-facebook-20 { background: rgba(66, 103, 178, 0.2) !important; } .bg-app-facebook-30 { background: rgba(66, 103, 178, 0.3) !important; } .bg-app-facebook-40 { background: rgba(66, 103, 178, 0.4) !important; } .bg-app-facebook-50 { background: rgba(66, 103, 178, 0.5) !important; } .bg-app-facebook-60 { background: rgba(66, 103, 178, 0.6) !important; } .bg-app-facebook-70 { background: rgba(66, 103, 178, 0.7) !important; } .bg-app-facebook-80 { background: rgba(66, 103, 178, 0.8) !important; } .bg-app-facebook-90 { background: rgba(66, 103, 178, 0.9) !important; } .bg-app-facebook:hover, a.bg-app-facebook:hover, a.bg-app-facebook:focus, button.bg-app-facebook:hover, button.bg-app-facebook:focus { background-color: #4267B2 !important; } .bg-app-instagram { background-color: #3f729b !important; } .bg-app-instagram-10 { background: rgba(63, 114, 155, 0.1) !important; } .bg-app-instagram-20 { background: rgba(63, 114, 155, 0.2) !important; } .bg-app-instagram-30 { background: rgba(63, 114, 155, 0.3) !important; } .bg-app-instagram-40 { background: rgba(63, 114, 155, 0.4) !important; } .bg-app-instagram-50 { background: rgba(63, 114, 155, 0.5) !important; } .bg-app-instagram-60 { background: rgba(63, 114, 155, 0.6) !important; } .bg-app-instagram-70 { background: rgba(63, 114, 155, 0.7) !important; } .bg-app-instagram-80 { background: rgba(63, 114, 155, 0.8) !important; } .bg-app-instagram-90 { background: rgba(63, 114, 155, 0.9) !important; } .bg-app-instagram:hover, a.bg-app-instagram:hover, a.bg-app-instagram:focus, button.bg-app-instagram:hover, button.bg-app-instagram:focus { background-color: #3f729b !important; } .bg-app-google-plus { background-color: #dc4e41 !important; } .bg-app-google-plus-10 { background: rgba(220, 78, 65, 0.1) !important; } .bg-app-google-plus-20 { background: rgba(220, 78, 65, 0.2) !important; } .bg-app-google-plus-30 { background: rgba(220, 78, 65, 0.3) !important; } .bg-app-google-plus-40 { background: rgba(220, 78, 65, 0.4) !important; } .bg-app-google-plus-50 { background: rgba(220, 78, 65, 0.5) !important; } .bg-app-google-plus-60 { background: rgba(220, 78, 65, 0.6) !important; } .bg-app-google-plus-70 { background: rgba(220, 78, 65, 0.7) !important; } .bg-app-google-plus-80 { background: rgba(220, 78, 65, 0.8) !important; } .bg-app-google-plus-90 { background: rgba(220, 78, 65, 0.9) !important; } .bg-app-google-plus:hover, a.bg-app-google-plus:hover, a.bg-app-google-plus:focus, button.bg-app-google-plus:hover, button.bg-app-google-plus:focus { background-color: #dc4e41 !important; } .bg-theme { background-color: #4682b4 !important; } .bg-theme-10 { background: rgba(70, 130, 180, 0.1) !important; } .bg-theme-20 { background: rgba(70, 130, 180, 0.2) !important; } .bg-theme-30 { background: rgba(70, 130, 180, 0.3) !important; } .bg-theme-40 { background: rgba(70, 130, 180, 0.4) !important; } .bg-theme-50 { background: rgba(70, 130, 180, 0.5) !important; } .bg-theme-60 { background: rgba(70, 130, 180, 0.6) !important; } .bg-theme-70 { background: rgba(70, 130, 180, 0.7) !important; } .bg-theme-80 { background: rgba(70, 130, 180, 0.8) !important; } .bg-theme-90 { background: rgba(70, 130, 180, 0.9) !important; } .bg-theme:hover, a.bg-theme:hover, a.bg-theme:focus, button.bg-theme:hover, button.bg-theme:focus { background-color: #4682b4 !important; } .bg-theme-lighten-5 { background-color: #E8EFF6 !important; } .bg-theme-lighten-5-10 { background: rgba(232, 239, 246, 0.1) !important; } .bg-theme-lighten-5-20 { background: rgba(232, 239, 246, 0.2) !important; } .bg-theme-lighten-5-30 { background: rgba(232, 239, 246, 0.3) !important; } .bg-theme-lighten-5-40 { background: rgba(232, 239, 246, 0.4) !important; } .bg-theme-lighten-5-50 { background: rgba(232, 239, 246, 0.5) !important; } .bg-theme-lighten-5-60 { background: rgba(232, 239, 246, 0.6) !important; } .bg-theme-lighten-5-70 { background: rgba(232, 239, 246, 0.7) !important; } .bg-theme-lighten-5-80 { background: rgba(232, 239, 246, 0.8) !important; } .bg-theme-lighten-5-90 { background: rgba(232, 239, 246, 0.9) !important; } .bg-theme-lighten-5:hover, a.bg-theme-lighten-5:hover, a.bg-theme-lighten-5:focus, button.bg-theme-lighten-5:hover, button.bg-theme-lighten-5:focus { background-color: #E8EFF6 !important; } .bg-theme-lighten-4 { background-color: #D1E0EC !important; } .bg-theme-lighten-4-10 { background: rgba(209, 224, 236, 0.1) !important; } .bg-theme-lighten-4-20 { background: rgba(209, 224, 236, 0.2) !important; } .bg-theme-lighten-4-30 { background: rgba(209, 224, 236, 0.3) !important; } .bg-theme-lighten-4-40 { background: rgba(209, 224, 236, 0.4) !important; } .bg-theme-lighten-4-50 { background: rgba(209, 224, 236, 0.5) !important; } .bg-theme-lighten-4-60 { background: rgba(209, 224, 236, 0.6) !important; } .bg-theme-lighten-4-70 { background: rgba(209, 224, 236, 0.7) !important; } .bg-theme-lighten-4-80 { background: rgba(209, 224, 236, 0.8) !important; } .bg-theme-lighten-4-90 { background: rgba(209, 224, 236, 0.9) !important; } .bg-theme-lighten-4:hover, a.bg-theme-lighten-4:hover, a.bg-theme-lighten-4:focus, button.bg-theme-lighten-4:hover, button.bg-theme-lighten-4:focus { background-color: #D1E0EC !important; } .bg-theme-lighten-3 { background-color: #BAD0E3 !important; } .bg-theme-lighten-3-10 { background: rgba(186, 208, 227, 0.1) !important; } .bg-theme-lighten-3-20 { background: rgba(186, 208, 227, 0.2) !important; } .bg-theme-lighten-3-30 { background: rgba(186, 208, 227, 0.3) !important; } .bg-theme-lighten-3-40 { background: rgba(186, 208, 227, 0.4) !important; } .bg-theme-lighten-3-50 { background: rgba(186, 208, 227, 0.5) !important; } .bg-theme-lighten-3-60 { background: rgba(186, 208, 227, 0.6) !important; } .bg-theme-lighten-3-70 { background: rgba(186, 208, 227, 0.7) !important; } .bg-theme-lighten-3-80 { background: rgba(186, 208, 227, 0.8) !important; } .bg-theme-lighten-3-90 { background: rgba(186, 208, 227, 0.9) !important; } .bg-theme-lighten-3:hover, a.bg-theme-lighten-3:hover, a.bg-theme-lighten-3:focus, button.bg-theme-lighten-3:hover, button.bg-theme-lighten-3:focus { background-color: #BAD0E3 !important; } .bg-theme-lighten-2 { background-color: #A3C1DA !important; } .bg-theme-lighten-2-10 { background: rgba(163, 193, 218, 0.1) !important; } .bg-theme-lighten-2-20 { background: rgba(163, 193, 218, 0.2) !important; } .bg-theme-lighten-2-30 { background: rgba(163, 193, 218, 0.3) !important; } .bg-theme-lighten-2-40 { background: rgba(163, 193, 218, 0.4) !important; } .bg-theme-lighten-2-50 { background: rgba(163, 193, 218, 0.5) !important; } .bg-theme-lighten-2-60 { background: rgba(163, 193, 218, 0.6) !important; } .bg-theme-lighten-2-70 { background: rgba(163, 193, 218, 0.7) !important; } .bg-theme-lighten-2-80 { background: rgba(163, 193, 218, 0.8) !important; } .bg-theme-lighten-2-90 { background: rgba(163, 193, 218, 0.9) !important; } .bg-theme-lighten-2:hover, a.bg-theme-lighten-2:hover, a.bg-theme-lighten-2:focus, button.bg-theme-lighten-2:hover, button.bg-theme-lighten-2:focus { background-color: #A3C1DA !important; } .bg-theme-lighten-1 { background-color: #74A1C7 !important; } .bg-theme-lighten-1-10 { background: rgba(116, 161, 199, 0.1) !important; } .bg-theme-lighten-1-20 { background: rgba(116, 161, 199, 0.2) !important; } .bg-theme-lighten-1-30 { background: rgba(116, 161, 199, 0.3) !important; } .bg-theme-lighten-1-40 { background: rgba(116, 161, 199, 0.4) !important; } .bg-theme-lighten-1-50 { background: rgba(116, 161, 199, 0.5) !important; } .bg-theme-lighten-1-60 { background: rgba(116, 161, 199, 0.6) !important; } .bg-theme-lighten-1-70 { background: rgba(116, 161, 199, 0.7) !important; } .bg-theme-lighten-1-80 { background: rgba(116, 161, 199, 0.8) !important; } .bg-theme-lighten-1-90 { background: rgba(116, 161, 199, 0.9) !important; } .bg-theme-lighten-1:hover, a.bg-theme-lighten-1:hover, a.bg-theme-lighten-1:focus, button.bg-theme-lighten-1:hover, button.bg-theme-lighten-1:focus { background-color: #74A1C7 !important; } .bg-theme-darken-1 { background-color: #3D729E !important; } .bg-theme-darken-1-10 { background: rgba(61, 114, 158, 0.1) !important; } .bg-theme-darken-1-20 { background: rgba(61, 114, 158, 0.2) !important; } .bg-theme-darken-1-30 { background: rgba(61, 114, 158, 0.3) !important; } .bg-theme-darken-1-40 { background: rgba(61, 114, 158, 0.4) !important; } .bg-theme-darken-1-50 { background: rgba(61, 114, 158, 0.5) !important; } .bg-theme-darken-1-60 { background: rgba(61, 114, 158, 0.6) !important; } .bg-theme-darken-1-70 { background: rgba(61, 114, 158, 0.7) !important; } .bg-theme-darken-1-80 { background: rgba(61, 114, 158, 0.8) !important; } .bg-theme-darken-1-90 { background: rgba(61, 114, 158, 0.9) !important; } .bg-theme-darken-1:hover, a.bg-theme-darken-1:hover, a.bg-theme-darken-1:focus, button.bg-theme-darken-1:hover, button.bg-theme-darken-1:focus { background-color: #3D729E !important; } .bg-theme-darken-2 { background-color: #356287 !important; } .bg-theme-darken-2-10 { background: rgba(53, 98, 135, 0.1) !important; } .bg-theme-darken-2-20 { background: rgba(53, 98, 135, 0.2) !important; } .bg-theme-darken-2-30 { background: rgba(53, 98, 135, 0.3) !important; } .bg-theme-darken-2-40 { background: rgba(53, 98, 135, 0.4) !important; } .bg-theme-darken-2-50 { background: rgba(53, 98, 135, 0.5) !important; } .bg-theme-darken-2-60 { background: rgba(53, 98, 135, 0.6) !important; } .bg-theme-darken-2-70 { background: rgba(53, 98, 135, 0.7) !important; } .bg-theme-darken-2-80 { background: rgba(53, 98, 135, 0.8) !important; } .bg-theme-darken-2-90 { background: rgba(53, 98, 135, 0.9) !important; } .bg-theme-darken-2:hover, a.bg-theme-darken-2:hover, a.bg-theme-darken-2:focus, button.bg-theme-darken-2:hover, button.bg-theme-darken-2:focus { background-color: #356287 !important; } .bg-theme-darken-3 { background-color: #2C5171 !important; } .bg-theme-darken-3-10 { background: rgba(44, 81, 113, 0.1) !important; } .bg-theme-darken-3-20 { background: rgba(44, 81, 113, 0.2) !important; } .bg-theme-darken-3-30 { background: rgba(44, 81, 113, 0.3) !important; } .bg-theme-darken-3-40 { background: rgba(44, 81, 113, 0.4) !important; } .bg-theme-darken-3-50 { background: rgba(44, 81, 113, 0.5) !important; } .bg-theme-darken-3-60 { background: rgba(44, 81, 113, 0.6) !important; } .bg-theme-darken-3-70 { background: rgba(44, 81, 113, 0.7) !important; } .bg-theme-darken-3-80 { background: rgba(44, 81, 113, 0.8) !important; } .bg-theme-darken-3-90 { background: rgba(44, 81, 113, 0.9) !important; } .bg-theme-darken-3:hover, a.bg-theme-darken-3:hover, a.bg-theme-darken-3:focus, button.bg-theme-darken-3:hover, button.bg-theme-darken-3:focus { background-color: #2C5171 !important; } .bg-theme-darken-4 { background-color: #23415A !important; } .bg-theme-darken-4-10 { background: rgba(35, 65, 90, 0.1) !important; } .bg-theme-darken-4-20 { background: rgba(35, 65, 90, 0.2) !important; } .bg-theme-darken-4-30 { background: rgba(35, 65, 90, 0.3) !important; } .bg-theme-darken-4-40 { background: rgba(35, 65, 90, 0.4) !important; } .bg-theme-darken-4-50 { background: rgba(35, 65, 90, 0.5) !important; } .bg-theme-darken-4-60 { background: rgba(35, 65, 90, 0.6) !important; } .bg-theme-darken-4-70 { background: rgba(35, 65, 90, 0.7) !important; } .bg-theme-darken-4-80 { background: rgba(35, 65, 90, 0.8) !important; } .bg-theme-darken-4-90 { background: rgba(35, 65, 90, 0.9) !important; } .bg-theme-darken-4:hover, a.bg-theme-darken-4:hover, a.bg-theme-darken-4:focus, button.bg-theme-darken-4:hover, button.bg-theme-darken-4:focus { background-color: #23415A !important; } .bg-theme-accent-1 { background-color: #7ba7cc !important; } .bg-theme-accent-1-10 { background: rgba(123, 167, 204, 0.1) !important; } .bg-theme-accent-1-20 { background: rgba(123, 167, 204, 0.2) !important; } .bg-theme-accent-1-30 { background: rgba(123, 167, 204, 0.3) !important; } .bg-theme-accent-1-40 { background: rgba(123, 167, 204, 0.4) !important; } .bg-theme-accent-1-50 { background: rgba(123, 167, 204, 0.5) !important; } .bg-theme-accent-1-60 { background: rgba(123, 167, 204, 0.6) !important; } .bg-theme-accent-1-70 { background: rgba(123, 167, 204, 0.7) !important; } .bg-theme-accent-1-80 { background: rgba(123, 167, 204, 0.8) !important; } .bg-theme-accent-1-90 { background: rgba(123, 167, 204, 0.9) !important; } .bg-theme-accent-1:hover, a.bg-theme-accent-1:hover, a.bg-theme-accent-1:focus, button.bg-theme-accent-1:hover, button.bg-theme-accent-1:focus { background-color: #7ba7cc !important; } .bg-theme-accent-2 { background-color: #568ebd !important; } .bg-theme-accent-2-10 { background: rgba(86, 142, 189, 0.1) !important; } .bg-theme-accent-2-20 { background: rgba(86, 142, 189, 0.2) !important; } .bg-theme-accent-2-30 { background: rgba(86, 142, 189, 0.3) !important; } .bg-theme-accent-2-40 { background: rgba(86, 142, 189, 0.4) !important; } .bg-theme-accent-2-50 { background: rgba(86, 142, 189, 0.5) !important; } .bg-theme-accent-2-60 { background: rgba(86, 142, 189, 0.6) !important; } .bg-theme-accent-2-70 { background: rgba(86, 142, 189, 0.7) !important; } .bg-theme-accent-2-80 { background: rgba(86, 142, 189, 0.8) !important; } .bg-theme-accent-2-90 { background: rgba(86, 142, 189, 0.9) !important; } .bg-theme-accent-2:hover, a.bg-theme-accent-2:hover, a.bg-theme-accent-2:focus, button.bg-theme-accent-2:hover, button.bg-theme-accent-2:focus { background-color: #568ebd !important; } .bg-theme-accent-3 { background-color: #3f75a2 !important; } .bg-theme-accent-3-10 { background: rgba(63, 117, 162, 0.1) !important; } .bg-theme-accent-3-20 { background: rgba(63, 117, 162, 0.2) !important; } .bg-theme-accent-3-30 { background: rgba(63, 117, 162, 0.3) !important; } .bg-theme-accent-3-40 { background: rgba(63, 117, 162, 0.4) !important; } .bg-theme-accent-3-50 { background: rgba(63, 117, 162, 0.5) !important; } .bg-theme-accent-3-60 { background: rgba(63, 117, 162, 0.6) !important; } .bg-theme-accent-3-70 { background: rgba(63, 117, 162, 0.7) !important; } .bg-theme-accent-3-80 { background: rgba(63, 117, 162, 0.8) !important; } .bg-theme-accent-3-90 { background: rgba(63, 117, 162, 0.9) !important; } .bg-theme-accent-3:hover, a.bg-theme-accent-3:hover, a.bg-theme-accent-3:focus, button.bg-theme-accent-3:hover, button.bg-theme-accent-3:focus { background-color: #3f75a2 !important; } .bg-theme-accent-4 { background-color: #315a7d !important; } .bg-theme-accent-4-10 { background: rgba(49, 90, 125, 0.1) !important; } .bg-theme-accent-4-20 { background: rgba(49, 90, 125, 0.2) !important; } .bg-theme-accent-4-30 { background: rgba(49, 90, 125, 0.3) !important; } .bg-theme-accent-4-40 { background: rgba(49, 90, 125, 0.4) !important; } .bg-theme-accent-4-50 { background: rgba(49, 90, 125, 0.5) !important; } .bg-theme-accent-4-60 { background: rgba(49, 90, 125, 0.6) !important; } .bg-theme-accent-4-70 { background: rgba(49, 90, 125, 0.7) !important; } .bg-theme-accent-4-80 { background: rgba(49, 90, 125, 0.8) !important; } .bg-theme-accent-4-90 { background: rgba(49, 90, 125, 0.9) !important; } .bg-theme-accent-4:hover, a.bg-theme-accent-4:hover, a.bg-theme-accent-4:focus, button.bg-theme-accent-4:hover, button.bg-theme-accent-4:focus { background-color: #315a7d !important; } .bg-white { background-color: #ffffff !important; } .bg-white-10 { background: rgba(255, 255, 255, 0.1) !important; } .bg-white-20 { background: rgba(255, 255, 255, 0.2) !important; } .bg-white-30 { background: rgba(255, 255, 255, 0.3) !important; } .bg-white-40 { background: rgba(255, 255, 255, 0.4) !important; } .bg-white-50 { background: rgba(255, 255, 255, 0.5) !important; } .bg-white-60 { background: rgba(255, 255, 255, 0.6) !important; } .bg-white-70 { background: rgba(255, 255, 255, 0.7) !important; } .bg-white-80 { background: rgba(255, 255, 255, 0.8) !important; } .bg-white-90 { background: rgba(255, 255, 255, 0.9) !important; } .bg-white:hover, a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #ffffff !important; } .bg-black { background-color: #000000 !important; } .bg-black-10 { background: rgba(0, 0, 0, 0.1) !important; } .bg-black-20 { background: rgba(0, 0, 0, 0.2) !important; } .bg-black-30 { background: rgba(0, 0, 0, 0.3) !important; } .bg-black-40 { background: rgba(0, 0, 0, 0.4) !important; } .bg-black-50 { background: rgba(0, 0, 0, 0.5) !important; } .bg-black-60 { background: rgba(0, 0, 0, 0.6) !important; } .bg-black-70 { background: rgba(0, 0, 0, 0.7) !important; } .bg-black-80 { background: rgba(0, 0, 0, 0.8) !important; } .bg-black-90 { background: rgba(0, 0, 0, 0.9) !important; } .bg-black:hover, a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: #000000 !important; } .bg-grey { background-color: #9E9E9E !important; } .bg-grey-10 { background: rgba(158, 158, 158, 0.1) !important; } .bg-grey-20 { background: rgba(158, 158, 158, 0.2) !important; } .bg-grey-30 { background: rgba(158, 158, 158, 0.3) !important; } .bg-grey-40 { background: rgba(158, 158, 158, 0.4) !important; } .bg-grey-50 { background: rgba(158, 158, 158, 0.5) !important; } .bg-grey-60 { background: rgba(158, 158, 158, 0.6) !important; } .bg-grey-70 { background: rgba(158, 158, 158, 0.7) !important; } .bg-grey-80 { background: rgba(158, 158, 158, 0.8) !important; } .bg-grey-90 { background: rgba(158, 158, 158, 0.9) !important; } .bg-grey:hover, a.bg-grey:hover, a.bg-grey:focus, button.bg-grey:hover, button.bg-grey:focus { background-color: #9E9E9E !important; } .bg-grey-lighten-5 { background-color: #FAFAFA !important; } .bg-grey-lighten-5-10 { background: rgba(250, 250, 250, 0.1) !important; } .bg-grey-lighten-5-20 { background: rgba(250, 250, 250, 0.2) !important; } .bg-grey-lighten-5-30 { background: rgba(250, 250, 250, 0.3) !important; } .bg-grey-lighten-5-40 { background: rgba(250, 250, 250, 0.4) !important; } .bg-grey-lighten-5-50 { background: rgba(250, 250, 250, 0.5) !important; } .bg-grey-lighten-5-60 { background: rgba(250, 250, 250, 0.6) !important; } .bg-grey-lighten-5-70 { background: rgba(250, 250, 250, 0.7) !important; } .bg-grey-lighten-5-80 { background: rgba(250, 250, 250, 0.8) !important; } .bg-grey-lighten-5-90 { background: rgba(250, 250, 250, 0.9) !important; } .bg-grey-lighten-5:hover, a.bg-grey-lighten-5:hover, a.bg-grey-lighten-5:focus, button.bg-grey-lighten-5:hover, button.bg-grey-lighten-5:focus { background-color: #FAFAFA !important; } .bg-grey-lighten-4 { background-color: #F5F5F5 !important; } .bg-grey-lighten-4-10 { background: rgba(245, 245, 245, 0.1) !important; } .bg-grey-lighten-4-20 { background: rgba(245, 245, 245, 0.2) !important; } .bg-grey-lighten-4-30 { background: rgba(245, 245, 245, 0.3) !important; } .bg-grey-lighten-4-40 { background: rgba(245, 245, 245, 0.4) !important; } .bg-grey-lighten-4-50 { background: rgba(245, 245, 245, 0.5) !important; } .bg-grey-lighten-4-60 { background: rgba(245, 245, 245, 0.6) !important; } .bg-grey-lighten-4-70 { background: rgba(245, 245, 245, 0.7) !important; } .bg-grey-lighten-4-80 { background: rgba(245, 245, 245, 0.8) !important; } .bg-grey-lighten-4-90 { background: rgba(245, 245, 245, 0.9) !important; } .bg-grey-lighten-4:hover, a.bg-grey-lighten-4:hover, a.bg-grey-lighten-4:focus, button.bg-grey-lighten-4:hover, button.bg-grey-lighten-4:focus { background-color: #F5F5F5 !important; } .bg-grey-lighten-3 { background-color: #EEEEEE !important; } .bg-grey-lighten-3-10 { background: rgba(238, 238, 238, 0.1) !important; } .bg-grey-lighten-3-20 { background: rgba(238, 238, 238, 0.2) !important; } .bg-grey-lighten-3-30 { background: rgba(238, 238, 238, 0.3) !important; } .bg-grey-lighten-3-40 { background: rgba(238, 238, 238, 0.4) !important; } .bg-grey-lighten-3-50 { background: rgba(238, 238, 238, 0.5) !important; } .bg-grey-lighten-3-60 { background: rgba(238, 238, 238, 0.6) !important; } .bg-grey-lighten-3-70 { background: rgba(238, 238, 238, 0.7) !important; } .bg-grey-lighten-3-80 { background: rgba(238, 238, 238, 0.8) !important; } .bg-grey-lighten-3-90 { background: rgba(238, 238, 238, 0.9) !important; } .bg-grey-lighten-3:hover, a.bg-grey-lighten-3:hover, a.bg-grey-lighten-3:focus, button.bg-grey-lighten-3:hover, button.bg-grey-lighten-3:focus { background-color: #EEEEEE !important; } .bg-grey-lighten-2 { background-color: #E0E0E0 !important; } .bg-grey-lighten-2-10 { background: rgba(224, 224, 224, 0.1) !important; } .bg-grey-lighten-2-20 { background: rgba(224, 224, 224, 0.2) !important; } .bg-grey-lighten-2-30 { background: rgba(224, 224, 224, 0.3) !important; } .bg-grey-lighten-2-40 { background: rgba(224, 224, 224, 0.4) !important; } .bg-grey-lighten-2-50 { background: rgba(224, 224, 224, 0.5) !important; } .bg-grey-lighten-2-60 { background: rgba(224, 224, 224, 0.6) !important; } .bg-grey-lighten-2-70 { background: rgba(224, 224, 224, 0.7) !important; } .bg-grey-lighten-2-80 { background: rgba(224, 224, 224, 0.8) !important; } .bg-grey-lighten-2-90 { background: rgba(224, 224, 224, 0.9) !important; } .bg-grey-lighten-2:hover, a.bg-grey-lighten-2:hover, a.bg-grey-lighten-2:focus, button.bg-grey-lighten-2:hover, button.bg-grey-lighten-2:focus { background-color: #E0E0E0 !important; } .bg-grey-lighten-1 { background-color: #BDBDBD !important; } .bg-grey-lighten-1-10 { background: rgba(189, 189, 189, 0.1) !important; } .bg-grey-lighten-1-20 { background: rgba(189, 189, 189, 0.2) !important; } .bg-grey-lighten-1-30 { background: rgba(189, 189, 189, 0.3) !important; } .bg-grey-lighten-1-40 { background: rgba(189, 189, 189, 0.4) !important; } .bg-grey-lighten-1-50 { background: rgba(189, 189, 189, 0.5) !important; } .bg-grey-lighten-1-60 { background: rgba(189, 189, 189, 0.6) !important; } .bg-grey-lighten-1-70 { background: rgba(189, 189, 189, 0.7) !important; } .bg-grey-lighten-1-80 { background: rgba(189, 189, 189, 0.8) !important; } .bg-grey-lighten-1-90 { background: rgba(189, 189, 189, 0.9) !important; } .bg-grey-lighten-1:hover, a.bg-grey-lighten-1:hover, a.bg-grey-lighten-1:focus, button.bg-grey-lighten-1:hover, button.bg-grey-lighten-1:focus { background-color: #BDBDBD !important; } .bg-grey-darken-1 { background-color: #757575 !important; } .bg-grey-darken-1-10 { background: rgba(117, 117, 117, 0.1) !important; } .bg-grey-darken-1-20 { background: rgba(117, 117, 117, 0.2) !important; } .bg-grey-darken-1-30 { background: rgba(117, 117, 117, 0.3) !important; } .bg-grey-darken-1-40 { background: rgba(117, 117, 117, 0.4) !important; } .bg-grey-darken-1-50 { background: rgba(117, 117, 117, 0.5) !important; } .bg-grey-darken-1-60 { background: rgba(117, 117, 117, 0.6) !important; } .bg-grey-darken-1-70 { background: rgba(117, 117, 117, 0.7) !important; } .bg-grey-darken-1-80 { background: rgba(117, 117, 117, 0.8) !important; } .bg-grey-darken-1-90 { background: rgba(117, 117, 117, 0.9) !important; } .bg-grey-darken-1:hover, a.bg-grey-darken-1:hover, a.bg-grey-darken-1:focus, button.bg-grey-darken-1:hover, button.bg-grey-darken-1:focus { background-color: #757575 !important; } .bg-grey-darken-2 { background-color: #616161 !important; } .bg-grey-darken-2-10 { background: rgba(97, 97, 97, 0.1) !important; } .bg-grey-darken-2-20 { background: rgba(97, 97, 97, 0.2) !important; } .bg-grey-darken-2-30 { background: rgba(97, 97, 97, 0.3) !important; } .bg-grey-darken-2-40 { background: rgba(97, 97, 97, 0.4) !important; } .bg-grey-darken-2-50 { background: rgba(97, 97, 97, 0.5) !important; } .bg-grey-darken-2-60 { background: rgba(97, 97, 97, 0.6) !important; } .bg-grey-darken-2-70 { background: rgba(97, 97, 97, 0.7) !important; } .bg-grey-darken-2-80 { background: rgba(97, 97, 97, 0.8) !important; } .bg-grey-darken-2-90 { background: rgba(97, 97, 97, 0.9) !important; } .bg-grey-darken-2:hover, a.bg-grey-darken-2:hover, a.bg-grey-darken-2:focus, button.bg-grey-darken-2:hover, button.bg-grey-darken-2:focus { background-color: #616161 !important; } .bg-grey-darken-3 { background-color: #424242 !important; } .bg-grey-darken-3-10 { background: rgba(66, 66, 66, 0.1) !important; } .bg-grey-darken-3-20 { background: rgba(66, 66, 66, 0.2) !important; } .bg-grey-darken-3-30 { background: rgba(66, 66, 66, 0.3) !important; } .bg-grey-darken-3-40 { background: rgba(66, 66, 66, 0.4) !important; } .bg-grey-darken-3-50 { background: rgba(66, 66, 66, 0.5) !important; } .bg-grey-darken-3-60 { background: rgba(66, 66, 66, 0.6) !important; } .bg-grey-darken-3-70 { background: rgba(66, 66, 66, 0.7) !important; } .bg-grey-darken-3-80 { background: rgba(66, 66, 66, 0.8) !important; } .bg-grey-darken-3-90 { background: rgba(66, 66, 66, 0.9) !important; } .bg-grey-darken-3:hover, a.bg-grey-darken-3:hover, a.bg-grey-darken-3:focus, button.bg-grey-darken-3:hover, button.bg-grey-darken-3:focus { background-color: #424242 !important; } .bg-grey-darken-4 { background-color: #212121 !important; } .bg-grey-darken-4-10 { background: rgba(33, 33, 33, 0.1) !important; } .bg-grey-darken-4-20 { background: rgba(33, 33, 33, 0.2) !important; } .bg-grey-darken-4-30 { background: rgba(33, 33, 33, 0.3) !important; } .bg-grey-darken-4-40 { background: rgba(33, 33, 33, 0.4) !important; } .bg-grey-darken-4-50 { background: rgba(33, 33, 33, 0.5) !important; } .bg-grey-darken-4-60 { background: rgba(33, 33, 33, 0.6) !important; } .bg-grey-darken-4-70 { background: rgba(33, 33, 33, 0.7) !important; } .bg-grey-darken-4-80 { background: rgba(33, 33, 33, 0.8) !important; } .bg-grey-darken-4-90 { background: rgba(33, 33, 33, 0.9) !important; } .bg-grey-darken-4:hover, a.bg-grey-darken-4:hover, a.bg-grey-darken-4:focus, button.bg-grey-darken-4:hover, button.bg-grey-darken-4:focus { background-color: #212121 !important; } .bg-blue-grey { background-color: #607D8B !important; } .bg-blue-grey-10 { background: rgba(96, 125, 139, 0.1) !important; } .bg-blue-grey-20 { background: rgba(96, 125, 139, 0.2) !important; } .bg-blue-grey-30 { background: rgba(96, 125, 139, 0.3) !important; } .bg-blue-grey-40 { background: rgba(96, 125, 139, 0.4) !important; } .bg-blue-grey-50 { background: rgba(96, 125, 139, 0.5) !important; } .bg-blue-grey-60 { background: rgba(96, 125, 139, 0.6) !important; } .bg-blue-grey-70 { background: rgba(96, 125, 139, 0.7) !important; } .bg-blue-grey-80 { background: rgba(96, 125, 139, 0.8) !important; } .bg-blue-grey-90 { background: rgba(96, 125, 139, 0.9) !important; } .bg-blue-grey:hover, a.bg-blue-grey:hover, a.bg-blue-grey:focus, button.bg-blue-grey:hover, button.bg-blue-grey:focus { background-color: #607D8B !important; } .bg-blue-grey-lighten-5 { background-color: #ECEFF1 !important; } .bg-blue-grey-lighten-5-10 { background: rgba(236, 239, 241, 0.1) !important; } .bg-blue-grey-lighten-5-20 { background: rgba(236, 239, 241, 0.2) !important; } .bg-blue-grey-lighten-5-30 { background: rgba(236, 239, 241, 0.3) !important; } .bg-blue-grey-lighten-5-40 { background: rgba(236, 239, 241, 0.4) !important; } .bg-blue-grey-lighten-5-50 { background: rgba(236, 239, 241, 0.5) !important; } .bg-blue-grey-lighten-5-60 { background: rgba(236, 239, 241, 0.6) !important; } .bg-blue-grey-lighten-5-70 { background: rgba(236, 239, 241, 0.7) !important; } .bg-blue-grey-lighten-5-80 { background: rgba(236, 239, 241, 0.8) !important; } .bg-blue-grey-lighten-5-90 { background: rgba(236, 239, 241, 0.9) !important; } .bg-blue-grey-lighten-5:hover, a.bg-blue-grey-lighten-5:hover, a.bg-blue-grey-lighten-5:focus, button.bg-blue-grey-lighten-5:hover, button.bg-blue-grey-lighten-5:focus { background-color: #ECEFF1 !important; } .bg-blue-grey-lighten-4 { background-color: #CFD8DC !important; } .bg-blue-grey-lighten-4-10 { background: rgba(207, 216, 220, 0.1) !important; } .bg-blue-grey-lighten-4-20 { background: rgba(207, 216, 220, 0.2) !important; } .bg-blue-grey-lighten-4-30 { background: rgba(207, 216, 220, 0.3) !important; } .bg-blue-grey-lighten-4-40 { background: rgba(207, 216, 220, 0.4) !important; } .bg-blue-grey-lighten-4-50 { background: rgba(207, 216, 220, 0.5) !important; } .bg-blue-grey-lighten-4-60 { background: rgba(207, 216, 220, 0.6) !important; } .bg-blue-grey-lighten-4-70 { background: rgba(207, 216, 220, 0.7) !important; } .bg-blue-grey-lighten-4-80 { background: rgba(207, 216, 220, 0.8) !important; } .bg-blue-grey-lighten-4-90 { background: rgba(207, 216, 220, 0.9) !important; } .bg-blue-grey-lighten-4:hover, a.bg-blue-grey-lighten-4:hover, a.bg-blue-grey-lighten-4:focus, button.bg-blue-grey-lighten-4:hover, button.bg-blue-grey-lighten-4:focus { background-color: #CFD8DC !important; } .bg-blue-grey-lighten-3 { background-color: #B0BEC5 !important; } .bg-blue-grey-lighten-3-10 { background: rgba(176, 190, 197, 0.1) !important; } .bg-blue-grey-lighten-3-20 { background: rgba(176, 190, 197, 0.2) !important; } .bg-blue-grey-lighten-3-30 { background: rgba(176, 190, 197, 0.3) !important; } .bg-blue-grey-lighten-3-40 { background: rgba(176, 190, 197, 0.4) !important; } .bg-blue-grey-lighten-3-50 { background: rgba(176, 190, 197, 0.5) !important; } .bg-blue-grey-lighten-3-60 { background: rgba(176, 190, 197, 0.6) !important; } .bg-blue-grey-lighten-3-70 { background: rgba(176, 190, 197, 0.7) !important; } .bg-blue-grey-lighten-3-80 { background: rgba(176, 190, 197, 0.8) !important; } .bg-blue-grey-lighten-3-90 { background: rgba(176, 190, 197, 0.9) !important; } .bg-blue-grey-lighten-3:hover, a.bg-blue-grey-lighten-3:hover, a.bg-blue-grey-lighten-3:focus, button.bg-blue-grey-lighten-3:hover, button.bg-blue-grey-lighten-3:focus { background-color: #B0BEC5 !important; } .bg-blue-grey-lighten-2 { background-color: #90A4AE !important; } .bg-blue-grey-lighten-2-10 { background: rgba(144, 164, 174, 0.1) !important; } .bg-blue-grey-lighten-2-20 { background: rgba(144, 164, 174, 0.2) !important; } .bg-blue-grey-lighten-2-30 { background: rgba(144, 164, 174, 0.3) !important; } .bg-blue-grey-lighten-2-40 { background: rgba(144, 164, 174, 0.4) !important; } .bg-blue-grey-lighten-2-50 { background: rgba(144, 164, 174, 0.5) !important; } .bg-blue-grey-lighten-2-60 { background: rgba(144, 164, 174, 0.6) !important; } .bg-blue-grey-lighten-2-70 { background: rgba(144, 164, 174, 0.7) !important; } .bg-blue-grey-lighten-2-80 { background: rgba(144, 164, 174, 0.8) !important; } .bg-blue-grey-lighten-2-90 { background: rgba(144, 164, 174, 0.9) !important; } .bg-blue-grey-lighten-2:hover, a.bg-blue-grey-lighten-2:hover, a.bg-blue-grey-lighten-2:focus, button.bg-blue-grey-lighten-2:hover, button.bg-blue-grey-lighten-2:focus { background-color: #90A4AE !important; } .bg-blue-grey-lighten-1 { background-color: #78909C !important; } .bg-blue-grey-lighten-1-10 { background: rgba(120, 144, 156, 0.1) !important; } .bg-blue-grey-lighten-1-20 { background: rgba(120, 144, 156, 0.2) !important; } .bg-blue-grey-lighten-1-30 { background: rgba(120, 144, 156, 0.3) !important; } .bg-blue-grey-lighten-1-40 { background: rgba(120, 144, 156, 0.4) !important; } .bg-blue-grey-lighten-1-50 { background: rgba(120, 144, 156, 0.5) !important; } .bg-blue-grey-lighten-1-60 { background: rgba(120, 144, 156, 0.6) !important; } .bg-blue-grey-lighten-1-70 { background: rgba(120, 144, 156, 0.7) !important; } .bg-blue-grey-lighten-1-80 { background: rgba(120, 144, 156, 0.8) !important; } .bg-blue-grey-lighten-1-90 { background: rgba(120, 144, 156, 0.9) !important; } .bg-blue-grey-lighten-1:hover, a.bg-blue-grey-lighten-1:hover, a.bg-blue-grey-lighten-1:focus, button.bg-blue-grey-lighten-1:hover, button.bg-blue-grey-lighten-1:focus { background-color: #78909C !important; } .bg-blue-grey-darken-1 { background-color: #546E7A !important; } .bg-blue-grey-darken-1-10 { background: rgba(84, 110, 122, 0.1) !important; } .bg-blue-grey-darken-1-20 { background: rgba(84, 110, 122, 0.2) !important; } .bg-blue-grey-darken-1-30 { background: rgba(84, 110, 122, 0.3) !important; } .bg-blue-grey-darken-1-40 { background: rgba(84, 110, 122, 0.4) !important; } .bg-blue-grey-darken-1-50 { background: rgba(84, 110, 122, 0.5) !important; } .bg-blue-grey-darken-1-60 { background: rgba(84, 110, 122, 0.6) !important; } .bg-blue-grey-darken-1-70 { background: rgba(84, 110, 122, 0.7) !important; } .bg-blue-grey-darken-1-80 { background: rgba(84, 110, 122, 0.8) !important; } .bg-blue-grey-darken-1-90 { background: rgba(84, 110, 122, 0.9) !important; } .bg-blue-grey-darken-1:hover, a.bg-blue-grey-darken-1:hover, a.bg-blue-grey-darken-1:focus, button.bg-blue-grey-darken-1:hover, button.bg-blue-grey-darken-1:focus { background-color: #546E7A !important; } .bg-blue-grey-darken-2 { background-color: #455A64 !important; } .bg-blue-grey-darken-2-10 { background: rgba(69, 90, 100, 0.1) !important; } .bg-blue-grey-darken-2-20 { background: rgba(69, 90, 100, 0.2) !important; } .bg-blue-grey-darken-2-30 { background: rgba(69, 90, 100, 0.3) !important; } .bg-blue-grey-darken-2-40 { background: rgba(69, 90, 100, 0.4) !important; } .bg-blue-grey-darken-2-50 { background: rgba(69, 90, 100, 0.5) !important; } .bg-blue-grey-darken-2-60 { background: rgba(69, 90, 100, 0.6) !important; } .bg-blue-grey-darken-2-70 { background: rgba(69, 90, 100, 0.7) !important; } .bg-blue-grey-darken-2-80 { background: rgba(69, 90, 100, 0.8) !important; } .bg-blue-grey-darken-2-90 { background: rgba(69, 90, 100, 0.9) !important; } .bg-blue-grey-darken-2:hover, a.bg-blue-grey-darken-2:hover, a.bg-blue-grey-darken-2:focus, button.bg-blue-grey-darken-2:hover, button.bg-blue-grey-darken-2:focus { background-color: #455A64 !important; } .bg-blue-grey-darken-3 { background-color: #37474F !important; } .bg-blue-grey-darken-3-10 { background: rgba(55, 71, 79, 0.1) !important; } .bg-blue-grey-darken-3-20 { background: rgba(55, 71, 79, 0.2) !important; } .bg-blue-grey-darken-3-30 { background: rgba(55, 71, 79, 0.3) !important; } .bg-blue-grey-darken-3-40 { background: rgba(55, 71, 79, 0.4) !important; } .bg-blue-grey-darken-3-50 { background: rgba(55, 71, 79, 0.5) !important; } .bg-blue-grey-darken-3-60 { background: rgba(55, 71, 79, 0.6) !important; } .bg-blue-grey-darken-3-70 { background: rgba(55, 71, 79, 0.7) !important; } .bg-blue-grey-darken-3-80 { background: rgba(55, 71, 79, 0.8) !important; } .bg-blue-grey-darken-3-90 { background: rgba(55, 71, 79, 0.9) !important; } .bg-blue-grey-darken-3:hover, a.bg-blue-grey-darken-3:hover, a.bg-blue-grey-darken-3:focus, button.bg-blue-grey-darken-3:hover, button.bg-blue-grey-darken-3:focus { background-color: #37474F !important; } .bg-blue-grey-darken-4 { background-color: #263238 !important; } .bg-blue-grey-darken-4-10 { background: rgba(38, 50, 56, 0.1) !important; } .bg-blue-grey-darken-4-20 { background: rgba(38, 50, 56, 0.2) !important; } .bg-blue-grey-darken-4-30 { background: rgba(38, 50, 56, 0.3) !important; } .bg-blue-grey-darken-4-40 { background: rgba(38, 50, 56, 0.4) !important; } .bg-blue-grey-darken-4-50 { background: rgba(38, 50, 56, 0.5) !important; } .bg-blue-grey-darken-4-60 { background: rgba(38, 50, 56, 0.6) !important; } .bg-blue-grey-darken-4-70 { background: rgba(38, 50, 56, 0.7) !important; } .bg-blue-grey-darken-4-80 { background: rgba(38, 50, 56, 0.8) !important; } .bg-blue-grey-darken-4-90 { background: rgba(38, 50, 56, 0.9) !important; } .bg-blue-grey-darken-4:hover, a.bg-blue-grey-darken-4:hover, a.bg-blue-grey-darken-4:focus, button.bg-blue-grey-darken-4:hover, button.bg-blue-grey-darken-4:focus { background-color: #263238 !important; } .bg-red { background-color: #F44336 !important; } .bg-red-10 { background: rgba(244, 67, 54, 0.1) !important; } .bg-red-20 { background: rgba(244, 67, 54, 0.2) !important; } .bg-red-30 { background: rgba(244, 67, 54, 0.3) !important; } .bg-red-40 { background: rgba(244, 67, 54, 0.4) !important; } .bg-red-50 { background: rgba(244, 67, 54, 0.5) !important; } .bg-red-60 { background: rgba(244, 67, 54, 0.6) !important; } .bg-red-70 { background: rgba(244, 67, 54, 0.7) !important; } .bg-red-80 { background: rgba(244, 67, 54, 0.8) !important; } .bg-red-90 { background: rgba(244, 67, 54, 0.9) !important; } .bg-red:hover, a.bg-red:hover, a.bg-red:focus, button.bg-red:hover, button.bg-red:focus { background-color: #F44336 !important; } .bg-red-lighten-5 { background-color: #FFEBEE !important; } .bg-red-lighten-5-10 { background: rgba(255, 235, 238, 0.1) !important; } .bg-red-lighten-5-20 { background: rgba(255, 235, 238, 0.2) !important; } .bg-red-lighten-5-30 { background: rgba(255, 235, 238, 0.3) !important; } .bg-red-lighten-5-40 { background: rgba(255, 235, 238, 0.4) !important; } .bg-red-lighten-5-50 { background: rgba(255, 235, 238, 0.5) !important; } .bg-red-lighten-5-60 { background: rgba(255, 235, 238, 0.6) !important; } .bg-red-lighten-5-70 { background: rgba(255, 235, 238, 0.7) !important; } .bg-red-lighten-5-80 { background: rgba(255, 235, 238, 0.8) !important; } .bg-red-lighten-5-90 { background: rgba(255, 235, 238, 0.9) !important; } .bg-red-lighten-5:hover, a.bg-red-lighten-5:hover, a.bg-red-lighten-5:focus, button.bg-red-lighten-5:hover, button.bg-red-lighten-5:focus { background-color: #FFEBEE !important; } .bg-red-lighten-4 { background-color: #FFCDD2 !important; } .bg-red-lighten-4-10 { background: rgba(255, 205, 210, 0.1) !important; } .bg-red-lighten-4-20 { background: rgba(255, 205, 210, 0.2) !important; } .bg-red-lighten-4-30 { background: rgba(255, 205, 210, 0.3) !important; } .bg-red-lighten-4-40 { background: rgba(255, 205, 210, 0.4) !important; } .bg-red-lighten-4-50 { background: rgba(255, 205, 210, 0.5) !important; } .bg-red-lighten-4-60 { background: rgba(255, 205, 210, 0.6) !important; } .bg-red-lighten-4-70 { background: rgba(255, 205, 210, 0.7) !important; } .bg-red-lighten-4-80 { background: rgba(255, 205, 210, 0.8) !important; } .bg-red-lighten-4-90 { background: rgba(255, 205, 210, 0.9) !important; } .bg-red-lighten-4:hover, a.bg-red-lighten-4:hover, a.bg-red-lighten-4:focus, button.bg-red-lighten-4:hover, button.bg-red-lighten-4:focus { background-color: #FFCDD2 !important; } .bg-red-lighten-3 { background-color: #EF9A9A !important; } .bg-red-lighten-3-10 { background: rgba(239, 154, 154, 0.1) !important; } .bg-red-lighten-3-20 { background: rgba(239, 154, 154, 0.2) !important; } .bg-red-lighten-3-30 { background: rgba(239, 154, 154, 0.3) !important; } .bg-red-lighten-3-40 { background: rgba(239, 154, 154, 0.4) !important; } .bg-red-lighten-3-50 { background: rgba(239, 154, 154, 0.5) !important; } .bg-red-lighten-3-60 { background: rgba(239, 154, 154, 0.6) !important; } .bg-red-lighten-3-70 { background: rgba(239, 154, 154, 0.7) !important; } .bg-red-lighten-3-80 { background: rgba(239, 154, 154, 0.8) !important; } .bg-red-lighten-3-90 { background: rgba(239, 154, 154, 0.9) !important; } .bg-red-lighten-3:hover, a.bg-red-lighten-3:hover, a.bg-red-lighten-3:focus, button.bg-red-lighten-3:hover, button.bg-red-lighten-3:focus { background-color: #EF9A9A !important; } .bg-red-lighten-2 { background-color: #E57373 !important; } .bg-red-lighten-2-10 { background: rgba(229, 115, 115, 0.1) !important; } .bg-red-lighten-2-20 { background: rgba(229, 115, 115, 0.2) !important; } .bg-red-lighten-2-30 { background: rgba(229, 115, 115, 0.3) !important; } .bg-red-lighten-2-40 { background: rgba(229, 115, 115, 0.4) !important; } .bg-red-lighten-2-50 { background: rgba(229, 115, 115, 0.5) !important; } .bg-red-lighten-2-60 { background: rgba(229, 115, 115, 0.6) !important; } .bg-red-lighten-2-70 { background: rgba(229, 115, 115, 0.7) !important; } .bg-red-lighten-2-80 { background: rgba(229, 115, 115, 0.8) !important; } .bg-red-lighten-2-90 { background: rgba(229, 115, 115, 0.9) !important; } .bg-red-lighten-2:hover, a.bg-red-lighten-2:hover, a.bg-red-lighten-2:focus, button.bg-red-lighten-2:hover, button.bg-red-lighten-2:focus { background-color: #E57373 !important; } .bg-red-lighten-1 { background-color: #EF5350 !important; } .bg-red-lighten-1-10 { background: rgba(239, 83, 80, 0.1) !important; } .bg-red-lighten-1-20 { background: rgba(239, 83, 80, 0.2) !important; } .bg-red-lighten-1-30 { background: rgba(239, 83, 80, 0.3) !important; } .bg-red-lighten-1-40 { background: rgba(239, 83, 80, 0.4) !important; } .bg-red-lighten-1-50 { background: rgba(239, 83, 80, 0.5) !important; } .bg-red-lighten-1-60 { background: rgba(239, 83, 80, 0.6) !important; } .bg-red-lighten-1-70 { background: rgba(239, 83, 80, 0.7) !important; } .bg-red-lighten-1-80 { background: rgba(239, 83, 80, 0.8) !important; } .bg-red-lighten-1-90 { background: rgba(239, 83, 80, 0.9) !important; } .bg-red-lighten-1:hover, a.bg-red-lighten-1:hover, a.bg-red-lighten-1:focus, button.bg-red-lighten-1:hover, button.bg-red-lighten-1:focus { background-color: #EF5350 !important; } .bg-red-darken-1 { background-color: #E53935 !important; } .bg-red-darken-1-10 { background: rgba(229, 57, 53, 0.1) !important; } .bg-red-darken-1-20 { background: rgba(229, 57, 53, 0.2) !important; } .bg-red-darken-1-30 { background: rgba(229, 57, 53, 0.3) !important; } .bg-red-darken-1-40 { background: rgba(229, 57, 53, 0.4) !important; } .bg-red-darken-1-50 { background: rgba(229, 57, 53, 0.5) !important; } .bg-red-darken-1-60 { background: rgba(229, 57, 53, 0.6) !important; } .bg-red-darken-1-70 { background: rgba(229, 57, 53, 0.7) !important; } .bg-red-darken-1-80 { background: rgba(229, 57, 53, 0.8) !important; } .bg-red-darken-1-90 { background: rgba(229, 57, 53, 0.9) !important; } .bg-red-darken-1:hover, a.bg-red-darken-1:hover, a.bg-red-darken-1:focus, button.bg-red-darken-1:hover, button.bg-red-darken-1:focus { background-color: #E53935 !important; } .bg-red-darken-2 { background-color: #D32F2F !important; } .bg-red-darken-2-10 { background: rgba(211, 47, 47, 0.1) !important; } .bg-red-darken-2-20 { background: rgba(211, 47, 47, 0.2) !important; } .bg-red-darken-2-30 { background: rgba(211, 47, 47, 0.3) !important; } .bg-red-darken-2-40 { background: rgba(211, 47, 47, 0.4) !important; } .bg-red-darken-2-50 { background: rgba(211, 47, 47, 0.5) !important; } .bg-red-darken-2-60 { background: rgba(211, 47, 47, 0.6) !important; } .bg-red-darken-2-70 { background: rgba(211, 47, 47, 0.7) !important; } .bg-red-darken-2-80 { background: rgba(211, 47, 47, 0.8) !important; } .bg-red-darken-2-90 { background: rgba(211, 47, 47, 0.9) !important; } .bg-red-darken-2:hover, a.bg-red-darken-2:hover, a.bg-red-darken-2:focus, button.bg-red-darken-2:hover, button.bg-red-darken-2:focus { background-color: #D32F2F !important; } .bg-red-darken-3 { background-color: #C62828 !important; } .bg-red-darken-3-10 { background: rgba(198, 40, 40, 0.1) !important; } .bg-red-darken-3-20 { background: rgba(198, 40, 40, 0.2) !important; } .bg-red-darken-3-30 { background: rgba(198, 40, 40, 0.3) !important; } .bg-red-darken-3-40 { background: rgba(198, 40, 40, 0.4) !important; } .bg-red-darken-3-50 { background: rgba(198, 40, 40, 0.5) !important; } .bg-red-darken-3-60 { background: rgba(198, 40, 40, 0.6) !important; } .bg-red-darken-3-70 { background: rgba(198, 40, 40, 0.7) !important; } .bg-red-darken-3-80 { background: rgba(198, 40, 40, 0.8) !important; } .bg-red-darken-3-90 { background: rgba(198, 40, 40, 0.9) !important; } .bg-red-darken-3:hover, a.bg-red-darken-3:hover, a.bg-red-darken-3:focus, button.bg-red-darken-3:hover, button.bg-red-darken-3:focus { background-color: #C62828 !important; } .bg-red-darken-4 { background-color: #B71C1C !important; } .bg-red-darken-4-10 { background: rgba(183, 28, 28, 0.1) !important; } .bg-red-darken-4-20 { background: rgba(183, 28, 28, 0.2) !important; } .bg-red-darken-4-30 { background: rgba(183, 28, 28, 0.3) !important; } .bg-red-darken-4-40 { background: rgba(183, 28, 28, 0.4) !important; } .bg-red-darken-4-50 { background: rgba(183, 28, 28, 0.5) !important; } .bg-red-darken-4-60 { background: rgba(183, 28, 28, 0.6) !important; } .bg-red-darken-4-70 { background: rgba(183, 28, 28, 0.7) !important; } .bg-red-darken-4-80 { background: rgba(183, 28, 28, 0.8) !important; } .bg-red-darken-4-90 { background: rgba(183, 28, 28, 0.9) !important; } .bg-red-darken-4:hover, a.bg-red-darken-4:hover, a.bg-red-darken-4:focus, button.bg-red-darken-4:hover, button.bg-red-darken-4:focus { background-color: #B71C1C !important; } .bg-red-accent-1 { background-color: #FF8A80 !important; } .bg-red-accent-1-10 { background: rgba(255, 138, 128, 0.1) !important; } .bg-red-accent-1-20 { background: rgba(255, 138, 128, 0.2) !important; } .bg-red-accent-1-30 { background: rgba(255, 138, 128, 0.3) !important; } .bg-red-accent-1-40 { background: rgba(255, 138, 128, 0.4) !important; } .bg-red-accent-1-50 { background: rgba(255, 138, 128, 0.5) !important; } .bg-red-accent-1-60 { background: rgba(255, 138, 128, 0.6) !important; } .bg-red-accent-1-70 { background: rgba(255, 138, 128, 0.7) !important; } .bg-red-accent-1-80 { background: rgba(255, 138, 128, 0.8) !important; } .bg-red-accent-1-90 { background: rgba(255, 138, 128, 0.9) !important; } .bg-red-accent-1:hover, a.bg-red-accent-1:hover, a.bg-red-accent-1:focus, button.bg-red-accent-1:hover, button.bg-red-accent-1:focus { background-color: #FF8A80 !important; } .bg-red-accent-2 { background-color: #FF5252 !important; } .bg-red-accent-2-10 { background: rgba(255, 82, 82, 0.1) !important; } .bg-red-accent-2-20 { background: rgba(255, 82, 82, 0.2) !important; } .bg-red-accent-2-30 { background: rgba(255, 82, 82, 0.3) !important; } .bg-red-accent-2-40 { background: rgba(255, 82, 82, 0.4) !important; } .bg-red-accent-2-50 { background: rgba(255, 82, 82, 0.5) !important; } .bg-red-accent-2-60 { background: rgba(255, 82, 82, 0.6) !important; } .bg-red-accent-2-70 { background: rgba(255, 82, 82, 0.7) !important; } .bg-red-accent-2-80 { background: rgba(255, 82, 82, 0.8) !important; } .bg-red-accent-2-90 { background: rgba(255, 82, 82, 0.9) !important; } .bg-red-accent-2:hover, a.bg-red-accent-2:hover, a.bg-red-accent-2:focus, button.bg-red-accent-2:hover, button.bg-red-accent-2:focus { background-color: #FF5252 !important; } .bg-red-accent-3 { background-color: #FF1744 !important; } .bg-red-accent-3-10 { background: rgba(255, 23, 68, 0.1) !important; } .bg-red-accent-3-20 { background: rgba(255, 23, 68, 0.2) !important; } .bg-red-accent-3-30 { background: rgba(255, 23, 68, 0.3) !important; } .bg-red-accent-3-40 { background: rgba(255, 23, 68, 0.4) !important; } .bg-red-accent-3-50 { background: rgba(255, 23, 68, 0.5) !important; } .bg-red-accent-3-60 { background: rgba(255, 23, 68, 0.6) !important; } .bg-red-accent-3-70 { background: rgba(255, 23, 68, 0.7) !important; } .bg-red-accent-3-80 { background: rgba(255, 23, 68, 0.8) !important; } .bg-red-accent-3-90 { background: rgba(255, 23, 68, 0.9) !important; } .bg-red-accent-3:hover, a.bg-red-accent-3:hover, a.bg-red-accent-3:focus, button.bg-red-accent-3:hover, button.bg-red-accent-3:focus { background-color: #FF1744 !important; } .bg-red-accent-4 { background-color: #D50000 !important; } .bg-red-accent-4-10 { background: rgba(213, 0, 0, 0.1) !important; } .bg-red-accent-4-20 { background: rgba(213, 0, 0, 0.2) !important; } .bg-red-accent-4-30 { background: rgba(213, 0, 0, 0.3) !important; } .bg-red-accent-4-40 { background: rgba(213, 0, 0, 0.4) !important; } .bg-red-accent-4-50 { background: rgba(213, 0, 0, 0.5) !important; } .bg-red-accent-4-60 { background: rgba(213, 0, 0, 0.6) !important; } .bg-red-accent-4-70 { background: rgba(213, 0, 0, 0.7) !important; } .bg-red-accent-4-80 { background: rgba(213, 0, 0, 0.8) !important; } .bg-red-accent-4-90 { background: rgba(213, 0, 0, 0.9) !important; } .bg-red-accent-4:hover, a.bg-red-accent-4:hover, a.bg-red-accent-4:focus, button.bg-red-accent-4:hover, button.bg-red-accent-4:focus { background-color: #D50000 !important; } .bg-pink { background-color: #E91E63 !important; } .bg-pink-10 { background: rgba(233, 30, 99, 0.1) !important; } .bg-pink-20 { background: rgba(233, 30, 99, 0.2) !important; } .bg-pink-30 { background: rgba(233, 30, 99, 0.3) !important; } .bg-pink-40 { background: rgba(233, 30, 99, 0.4) !important; } .bg-pink-50 { background: rgba(233, 30, 99, 0.5) !important; } .bg-pink-60 { background: rgba(233, 30, 99, 0.6) !important; } .bg-pink-70 { background: rgba(233, 30, 99, 0.7) !important; } .bg-pink-80 { background: rgba(233, 30, 99, 0.8) !important; } .bg-pink-90 { background: rgba(233, 30, 99, 0.9) !important; } .bg-pink:hover, a.bg-pink:hover, a.bg-pink:focus, button.bg-pink:hover, button.bg-pink:focus { background-color: #E91E63 !important; } .bg-pink-lighten-5 { background-color: #FCE4EC !important; } .bg-pink-lighten-5-10 { background: rgba(252, 228, 236, 0.1) !important; } .bg-pink-lighten-5-20 { background: rgba(252, 228, 236, 0.2) !important; } .bg-pink-lighten-5-30 { background: rgba(252, 228, 236, 0.3) !important; } .bg-pink-lighten-5-40 { background: rgba(252, 228, 236, 0.4) !important; } .bg-pink-lighten-5-50 { background: rgba(252, 228, 236, 0.5) !important; } .bg-pink-lighten-5-60 { background: rgba(252, 228, 236, 0.6) !important; } .bg-pink-lighten-5-70 { background: rgba(252, 228, 236, 0.7) !important; } .bg-pink-lighten-5-80 { background: rgba(252, 228, 236, 0.8) !important; } .bg-pink-lighten-5-90 { background: rgba(252, 228, 236, 0.9) !important; } .bg-pink-lighten-5:hover, a.bg-pink-lighten-5:hover, a.bg-pink-lighten-5:focus, button.bg-pink-lighten-5:hover, button.bg-pink-lighten-5:focus { background-color: #FCE4EC !important; } .bg-pink-lighten-4 { background-color: #F8BBD0 !important; } .bg-pink-lighten-4-10 { background: rgba(248, 187, 208, 0.1) !important; } .bg-pink-lighten-4-20 { background: rgba(248, 187, 208, 0.2) !important; } .bg-pink-lighten-4-30 { background: rgba(248, 187, 208, 0.3) !important; } .bg-pink-lighten-4-40 { background: rgba(248, 187, 208, 0.4) !important; } .bg-pink-lighten-4-50 { background: rgba(248, 187, 208, 0.5) !important; } .bg-pink-lighten-4-60 { background: rgba(248, 187, 208, 0.6) !important; } .bg-pink-lighten-4-70 { background: rgba(248, 187, 208, 0.7) !important; } .bg-pink-lighten-4-80 { background: rgba(248, 187, 208, 0.8) !important; } .bg-pink-lighten-4-90 { background: rgba(248, 187, 208, 0.9) !important; } .bg-pink-lighten-4:hover, a.bg-pink-lighten-4:hover, a.bg-pink-lighten-4:focus, button.bg-pink-lighten-4:hover, button.bg-pink-lighten-4:focus { background-color: #F8BBD0 !important; } .bg-pink-lighten-3 { background-color: #F48FB1 !important; } .bg-pink-lighten-3-10 { background: rgba(244, 143, 177, 0.1) !important; } .bg-pink-lighten-3-20 { background: rgba(244, 143, 177, 0.2) !important; } .bg-pink-lighten-3-30 { background: rgba(244, 143, 177, 0.3) !important; } .bg-pink-lighten-3-40 { background: rgba(244, 143, 177, 0.4) !important; } .bg-pink-lighten-3-50 { background: rgba(244, 143, 177, 0.5) !important; } .bg-pink-lighten-3-60 { background: rgba(244, 143, 177, 0.6) !important; } .bg-pink-lighten-3-70 { background: rgba(244, 143, 177, 0.7) !important; } .bg-pink-lighten-3-80 { background: rgba(244, 143, 177, 0.8) !important; } .bg-pink-lighten-3-90 { background: rgba(244, 143, 177, 0.9) !important; } .bg-pink-lighten-3:hover, a.bg-pink-lighten-3:hover, a.bg-pink-lighten-3:focus, button.bg-pink-lighten-3:hover, button.bg-pink-lighten-3:focus { background-color: #F48FB1 !important; } .bg-pink-lighten-2 { background-color: #F06292 !important; } .bg-pink-lighten-2-10 { background: rgba(240, 98, 146, 0.1) !important; } .bg-pink-lighten-2-20 { background: rgba(240, 98, 146, 0.2) !important; } .bg-pink-lighten-2-30 { background: rgba(240, 98, 146, 0.3) !important; } .bg-pink-lighten-2-40 { background: rgba(240, 98, 146, 0.4) !important; } .bg-pink-lighten-2-50 { background: rgba(240, 98, 146, 0.5) !important; } .bg-pink-lighten-2-60 { background: rgba(240, 98, 146, 0.6) !important; } .bg-pink-lighten-2-70 { background: rgba(240, 98, 146, 0.7) !important; } .bg-pink-lighten-2-80 { background: rgba(240, 98, 146, 0.8) !important; } .bg-pink-lighten-2-90 { background: rgba(240, 98, 146, 0.9) !important; } .bg-pink-lighten-2:hover, a.bg-pink-lighten-2:hover, a.bg-pink-lighten-2:focus, button.bg-pink-lighten-2:hover, button.bg-pink-lighten-2:focus { background-color: #F06292 !important; } .bg-pink-lighten-1 { background-color: #EC407A !important; } .bg-pink-lighten-1-10 { background: rgba(236, 64, 122, 0.1) !important; } .bg-pink-lighten-1-20 { background: rgba(236, 64, 122, 0.2) !important; } .bg-pink-lighten-1-30 { background: rgba(236, 64, 122, 0.3) !important; } .bg-pink-lighten-1-40 { background: rgba(236, 64, 122, 0.4) !important; } .bg-pink-lighten-1-50 { background: rgba(236, 64, 122, 0.5) !important; } .bg-pink-lighten-1-60 { background: rgba(236, 64, 122, 0.6) !important; } .bg-pink-lighten-1-70 { background: rgba(236, 64, 122, 0.7) !important; } .bg-pink-lighten-1-80 { background: rgba(236, 64, 122, 0.8) !important; } .bg-pink-lighten-1-90 { background: rgba(236, 64, 122, 0.9) !important; } .bg-pink-lighten-1:hover, a.bg-pink-lighten-1:hover, a.bg-pink-lighten-1:focus, button.bg-pink-lighten-1:hover, button.bg-pink-lighten-1:focus { background-color: #EC407A !important; } .bg-pink-darken-1 { background-color: #D81B60 !important; } .bg-pink-darken-1-10 { background: rgba(216, 27, 96, 0.1) !important; } .bg-pink-darken-1-20 { background: rgba(216, 27, 96, 0.2) !important; } .bg-pink-darken-1-30 { background: rgba(216, 27, 96, 0.3) !important; } .bg-pink-darken-1-40 { background: rgba(216, 27, 96, 0.4) !important; } .bg-pink-darken-1-50 { background: rgba(216, 27, 96, 0.5) !important; } .bg-pink-darken-1-60 { background: rgba(216, 27, 96, 0.6) !important; } .bg-pink-darken-1-70 { background: rgba(216, 27, 96, 0.7) !important; } .bg-pink-darken-1-80 { background: rgba(216, 27, 96, 0.8) !important; } .bg-pink-darken-1-90 { background: rgba(216, 27, 96, 0.9) !important; } .bg-pink-darken-1:hover, a.bg-pink-darken-1:hover, a.bg-pink-darken-1:focus, button.bg-pink-darken-1:hover, button.bg-pink-darken-1:focus { background-color: #D81B60 !important; } .bg-pink-darken-2 { background-color: #C2185B !important; } .bg-pink-darken-2-10 { background: rgba(194, 24, 91, 0.1) !important; } .bg-pink-darken-2-20 { background: rgba(194, 24, 91, 0.2) !important; } .bg-pink-darken-2-30 { background: rgba(194, 24, 91, 0.3) !important; } .bg-pink-darken-2-40 { background: rgba(194, 24, 91, 0.4) !important; } .bg-pink-darken-2-50 { background: rgba(194, 24, 91, 0.5) !important; } .bg-pink-darken-2-60 { background: rgba(194, 24, 91, 0.6) !important; } .bg-pink-darken-2-70 { background: rgba(194, 24, 91, 0.7) !important; } .bg-pink-darken-2-80 { background: rgba(194, 24, 91, 0.8) !important; } .bg-pink-darken-2-90 { background: rgba(194, 24, 91, 0.9) !important; } .bg-pink-darken-2:hover, a.bg-pink-darken-2:hover, a.bg-pink-darken-2:focus, button.bg-pink-darken-2:hover, button.bg-pink-darken-2:focus { background-color: #C2185B !important; } .bg-pink-darken-3 { background-color: #AD1457 !important; } .bg-pink-darken-3-10 { background: rgba(173, 20, 87, 0.1) !important; } .bg-pink-darken-3-20 { background: rgba(173, 20, 87, 0.2) !important; } .bg-pink-darken-3-30 { background: rgba(173, 20, 87, 0.3) !important; } .bg-pink-darken-3-40 { background: rgba(173, 20, 87, 0.4) !important; } .bg-pink-darken-3-50 { background: rgba(173, 20, 87, 0.5) !important; } .bg-pink-darken-3-60 { background: rgba(173, 20, 87, 0.6) !important; } .bg-pink-darken-3-70 { background: rgba(173, 20, 87, 0.7) !important; } .bg-pink-darken-3-80 { background: rgba(173, 20, 87, 0.8) !important; } .bg-pink-darken-3-90 { background: rgba(173, 20, 87, 0.9) !important; } .bg-pink-darken-3:hover, a.bg-pink-darken-3:hover, a.bg-pink-darken-3:focus, button.bg-pink-darken-3:hover, button.bg-pink-darken-3:focus { background-color: #AD1457 !important; } .bg-pink-darken-4 { background-color: #880E4F !important; } .bg-pink-darken-4-10 { background: rgba(136, 14, 79, 0.1) !important; } .bg-pink-darken-4-20 { background: rgba(136, 14, 79, 0.2) !important; } .bg-pink-darken-4-30 { background: rgba(136, 14, 79, 0.3) !important; } .bg-pink-darken-4-40 { background: rgba(136, 14, 79, 0.4) !important; } .bg-pink-darken-4-50 { background: rgba(136, 14, 79, 0.5) !important; } .bg-pink-darken-4-60 { background: rgba(136, 14, 79, 0.6) !important; } .bg-pink-darken-4-70 { background: rgba(136, 14, 79, 0.7) !important; } .bg-pink-darken-4-80 { background: rgba(136, 14, 79, 0.8) !important; } .bg-pink-darken-4-90 { background: rgba(136, 14, 79, 0.9) !important; } .bg-pink-darken-4:hover, a.bg-pink-darken-4:hover, a.bg-pink-darken-4:focus, button.bg-pink-darken-4:hover, button.bg-pink-darken-4:focus { background-color: #880E4F !important; } .bg-pink-accent-1 { background-color: #FF80AB !important; } .bg-pink-accent-1-10 { background: rgba(255, 128, 171, 0.1) !important; } .bg-pink-accent-1-20 { background: rgba(255, 128, 171, 0.2) !important; } .bg-pink-accent-1-30 { background: rgba(255, 128, 171, 0.3) !important; } .bg-pink-accent-1-40 { background: rgba(255, 128, 171, 0.4) !important; } .bg-pink-accent-1-50 { background: rgba(255, 128, 171, 0.5) !important; } .bg-pink-accent-1-60 { background: rgba(255, 128, 171, 0.6) !important; } .bg-pink-accent-1-70 { background: rgba(255, 128, 171, 0.7) !important; } .bg-pink-accent-1-80 { background: rgba(255, 128, 171, 0.8) !important; } .bg-pink-accent-1-90 { background: rgba(255, 128, 171, 0.9) !important; } .bg-pink-accent-1:hover, a.bg-pink-accent-1:hover, a.bg-pink-accent-1:focus, button.bg-pink-accent-1:hover, button.bg-pink-accent-1:focus { background-color: #FF80AB !important; } .bg-pink-accent-2 { background-color: #FF4081 !important; } .bg-pink-accent-2-10 { background: rgba(255, 64, 129, 0.1) !important; } .bg-pink-accent-2-20 { background: rgba(255, 64, 129, 0.2) !important; } .bg-pink-accent-2-30 { background: rgba(255, 64, 129, 0.3) !important; } .bg-pink-accent-2-40 { background: rgba(255, 64, 129, 0.4) !important; } .bg-pink-accent-2-50 { background: rgba(255, 64, 129, 0.5) !important; } .bg-pink-accent-2-60 { background: rgba(255, 64, 129, 0.6) !important; } .bg-pink-accent-2-70 { background: rgba(255, 64, 129, 0.7) !important; } .bg-pink-accent-2-80 { background: rgba(255, 64, 129, 0.8) !important; } .bg-pink-accent-2-90 { background: rgba(255, 64, 129, 0.9) !important; } .bg-pink-accent-2:hover, a.bg-pink-accent-2:hover, a.bg-pink-accent-2:focus, button.bg-pink-accent-2:hover, button.bg-pink-accent-2:focus { background-color: #FF4081 !important; } .bg-pink-accent-3 { background-color: #F50057 !important; } .bg-pink-accent-3-10 { background: rgba(245, 0, 87, 0.1) !important; } .bg-pink-accent-3-20 { background: rgba(245, 0, 87, 0.2) !important; } .bg-pink-accent-3-30 { background: rgba(245, 0, 87, 0.3) !important; } .bg-pink-accent-3-40 { background: rgba(245, 0, 87, 0.4) !important; } .bg-pink-accent-3-50 { background: rgba(245, 0, 87, 0.5) !important; } .bg-pink-accent-3-60 { background: rgba(245, 0, 87, 0.6) !important; } .bg-pink-accent-3-70 { background: rgba(245, 0, 87, 0.7) !important; } .bg-pink-accent-3-80 { background: rgba(245, 0, 87, 0.8) !important; } .bg-pink-accent-3-90 { background: rgba(245, 0, 87, 0.9) !important; } .bg-pink-accent-3:hover, a.bg-pink-accent-3:hover, a.bg-pink-accent-3:focus, button.bg-pink-accent-3:hover, button.bg-pink-accent-3:focus { background-color: #F50057 !important; } .bg-pink-accent-4 { background-color: #C51162 !important; } .bg-pink-accent-4-10 { background: rgba(197, 17, 98, 0.1) !important; } .bg-pink-accent-4-20 { background: rgba(197, 17, 98, 0.2) !important; } .bg-pink-accent-4-30 { background: rgba(197, 17, 98, 0.3) !important; } .bg-pink-accent-4-40 { background: rgba(197, 17, 98, 0.4) !important; } .bg-pink-accent-4-50 { background: rgba(197, 17, 98, 0.5) !important; } .bg-pink-accent-4-60 { background: rgba(197, 17, 98, 0.6) !important; } .bg-pink-accent-4-70 { background: rgba(197, 17, 98, 0.7) !important; } .bg-pink-accent-4-80 { background: rgba(197, 17, 98, 0.8) !important; } .bg-pink-accent-4-90 { background: rgba(197, 17, 98, 0.9) !important; } .bg-pink-accent-4:hover, a.bg-pink-accent-4:hover, a.bg-pink-accent-4:focus, button.bg-pink-accent-4:hover, button.bg-pink-accent-4:focus { background-color: #C51162 !important; } .bg-purple { background-color: #9C27B0 !important; } .bg-purple-10 { background: rgba(156, 39, 176, 0.1) !important; } .bg-purple-20 { background: rgba(156, 39, 176, 0.2) !important; } .bg-purple-30 { background: rgba(156, 39, 176, 0.3) !important; } .bg-purple-40 { background: rgba(156, 39, 176, 0.4) !important; } .bg-purple-50 { background: rgba(156, 39, 176, 0.5) !important; } .bg-purple-60 { background: rgba(156, 39, 176, 0.6) !important; } .bg-purple-70 { background: rgba(156, 39, 176, 0.7) !important; } .bg-purple-80 { background: rgba(156, 39, 176, 0.8) !important; } .bg-purple-90 { background: rgba(156, 39, 176, 0.9) !important; } .bg-purple:hover, a.bg-purple:hover, a.bg-purple:focus, button.bg-purple:hover, button.bg-purple:focus { background-color: #9C27B0 !important; } .bg-purple-lighten-5 { background-color: #F3E5F5 !important; } .bg-purple-lighten-5-10 { background: rgba(243, 229, 245, 0.1) !important; } .bg-purple-lighten-5-20 { background: rgba(243, 229, 245, 0.2) !important; } .bg-purple-lighten-5-30 { background: rgba(243, 229, 245, 0.3) !important; } .bg-purple-lighten-5-40 { background: rgba(243, 229, 245, 0.4) !important; } .bg-purple-lighten-5-50 { background: rgba(243, 229, 245, 0.5) !important; } .bg-purple-lighten-5-60 { background: rgba(243, 229, 245, 0.6) !important; } .bg-purple-lighten-5-70 { background: rgba(243, 229, 245, 0.7) !important; } .bg-purple-lighten-5-80 { background: rgba(243, 229, 245, 0.8) !important; } .bg-purple-lighten-5-90 { background: rgba(243, 229, 245, 0.9) !important; } .bg-purple-lighten-5:hover, a.bg-purple-lighten-5:hover, a.bg-purple-lighten-5:focus, button.bg-purple-lighten-5:hover, button.bg-purple-lighten-5:focus { background-color: #F3E5F5 !important; } .bg-purple-lighten-4 { background-color: #E1BEE7 !important; } .bg-purple-lighten-4-10 { background: rgba(225, 190, 231, 0.1) !important; } .bg-purple-lighten-4-20 { background: rgba(225, 190, 231, 0.2) !important; } .bg-purple-lighten-4-30 { background: rgba(225, 190, 231, 0.3) !important; } .bg-purple-lighten-4-40 { background: rgba(225, 190, 231, 0.4) !important; } .bg-purple-lighten-4-50 { background: rgba(225, 190, 231, 0.5) !important; } .bg-purple-lighten-4-60 { background: rgba(225, 190, 231, 0.6) !important; } .bg-purple-lighten-4-70 { background: rgba(225, 190, 231, 0.7) !important; } .bg-purple-lighten-4-80 { background: rgba(225, 190, 231, 0.8) !important; } .bg-purple-lighten-4-90 { background: rgba(225, 190, 231, 0.9) !important; } .bg-purple-lighten-4:hover, a.bg-purple-lighten-4:hover, a.bg-purple-lighten-4:focus, button.bg-purple-lighten-4:hover, button.bg-purple-lighten-4:focus { background-color: #E1BEE7 !important; } .bg-purple-lighten-3 { background-color: #CE93D8 !important; } .bg-purple-lighten-3-10 { background: rgba(206, 147, 216, 0.1) !important; } .bg-purple-lighten-3-20 { background: rgba(206, 147, 216, 0.2) !important; } .bg-purple-lighten-3-30 { background: rgba(206, 147, 216, 0.3) !important; } .bg-purple-lighten-3-40 { background: rgba(206, 147, 216, 0.4) !important; } .bg-purple-lighten-3-50 { background: rgba(206, 147, 216, 0.5) !important; } .bg-purple-lighten-3-60 { background: rgba(206, 147, 216, 0.6) !important; } .bg-purple-lighten-3-70 { background: rgba(206, 147, 216, 0.7) !important; } .bg-purple-lighten-3-80 { background: rgba(206, 147, 216, 0.8) !important; } .bg-purple-lighten-3-90 { background: rgba(206, 147, 216, 0.9) !important; } .bg-purple-lighten-3:hover, a.bg-purple-lighten-3:hover, a.bg-purple-lighten-3:focus, button.bg-purple-lighten-3:hover, button.bg-purple-lighten-3:focus { background-color: #CE93D8 !important; } .bg-purple-lighten-2 { background-color: #BA68C8 !important; } .bg-purple-lighten-2-10 { background: rgba(186, 104, 200, 0.1) !important; } .bg-purple-lighten-2-20 { background: rgba(186, 104, 200, 0.2) !important; } .bg-purple-lighten-2-30 { background: rgba(186, 104, 200, 0.3) !important; } .bg-purple-lighten-2-40 { background: rgba(186, 104, 200, 0.4) !important; } .bg-purple-lighten-2-50 { background: rgba(186, 104, 200, 0.5) !important; } .bg-purple-lighten-2-60 { background: rgba(186, 104, 200, 0.6) !important; } .bg-purple-lighten-2-70 { background: rgba(186, 104, 200, 0.7) !important; } .bg-purple-lighten-2-80 { background: rgba(186, 104, 200, 0.8) !important; } .bg-purple-lighten-2-90 { background: rgba(186, 104, 200, 0.9) !important; } .bg-purple-lighten-2:hover, a.bg-purple-lighten-2:hover, a.bg-purple-lighten-2:focus, button.bg-purple-lighten-2:hover, button.bg-purple-lighten-2:focus { background-color: #BA68C8 !important; } .bg-purple-lighten-1 { background-color: #AB47BC !important; } .bg-purple-lighten-1-10 { background: rgba(171, 71, 188, 0.1) !important; } .bg-purple-lighten-1-20 { background: rgba(171, 71, 188, 0.2) !important; } .bg-purple-lighten-1-30 { background: rgba(171, 71, 188, 0.3) !important; } .bg-purple-lighten-1-40 { background: rgba(171, 71, 188, 0.4) !important; } .bg-purple-lighten-1-50 { background: rgba(171, 71, 188, 0.5) !important; } .bg-purple-lighten-1-60 { background: rgba(171, 71, 188, 0.6) !important; } .bg-purple-lighten-1-70 { background: rgba(171, 71, 188, 0.7) !important; } .bg-purple-lighten-1-80 { background: rgba(171, 71, 188, 0.8) !important; } .bg-purple-lighten-1-90 { background: rgba(171, 71, 188, 0.9) !important; } .bg-purple-lighten-1:hover, a.bg-purple-lighten-1:hover, a.bg-purple-lighten-1:focus, button.bg-purple-lighten-1:hover, button.bg-purple-lighten-1:focus { background-color: #AB47BC !important; } .bg-purple-darken-1 { background-color: #8E24AA !important; } .bg-purple-darken-1-10 { background: rgba(142, 36, 170, 0.1) !important; } .bg-purple-darken-1-20 { background: rgba(142, 36, 170, 0.2) !important; } .bg-purple-darken-1-30 { background: rgba(142, 36, 170, 0.3) !important; } .bg-purple-darken-1-40 { background: rgba(142, 36, 170, 0.4) !important; } .bg-purple-darken-1-50 { background: rgba(142, 36, 170, 0.5) !important; } .bg-purple-darken-1-60 { background: rgba(142, 36, 170, 0.6) !important; } .bg-purple-darken-1-70 { background: rgba(142, 36, 170, 0.7) !important; } .bg-purple-darken-1-80 { background: rgba(142, 36, 170, 0.8) !important; } .bg-purple-darken-1-90 { background: rgba(142, 36, 170, 0.9) !important; } .bg-purple-darken-1:hover, a.bg-purple-darken-1:hover, a.bg-purple-darken-1:focus, button.bg-purple-darken-1:hover, button.bg-purple-darken-1:focus { background-color: #8E24AA !important; } .bg-purple-darken-2 { background-color: #7B1FA2 !important; } .bg-purple-darken-2-10 { background: rgba(123, 31, 162, 0.1) !important; } .bg-purple-darken-2-20 { background: rgba(123, 31, 162, 0.2) !important; } .bg-purple-darken-2-30 { background: rgba(123, 31, 162, 0.3) !important; } .bg-purple-darken-2-40 { background: rgba(123, 31, 162, 0.4) !important; } .bg-purple-darken-2-50 { background: rgba(123, 31, 162, 0.5) !important; } .bg-purple-darken-2-60 { background: rgba(123, 31, 162, 0.6) !important; } .bg-purple-darken-2-70 { background: rgba(123, 31, 162, 0.7) !important; } .bg-purple-darken-2-80 { background: rgba(123, 31, 162, 0.8) !important; } .bg-purple-darken-2-90 { background: rgba(123, 31, 162, 0.9) !important; } .bg-purple-darken-2:hover, a.bg-purple-darken-2:hover, a.bg-purple-darken-2:focus, button.bg-purple-darken-2:hover, button.bg-purple-darken-2:focus { background-color: #7B1FA2 !important; } .bg-purple-darken-3 { background-color: #6A1B9A !important; } .bg-purple-darken-3-10 { background: rgba(106, 27, 154, 0.1) !important; } .bg-purple-darken-3-20 { background: rgba(106, 27, 154, 0.2) !important; } .bg-purple-darken-3-30 { background: rgba(106, 27, 154, 0.3) !important; } .bg-purple-darken-3-40 { background: rgba(106, 27, 154, 0.4) !important; } .bg-purple-darken-3-50 { background: rgba(106, 27, 154, 0.5) !important; } .bg-purple-darken-3-60 { background: rgba(106, 27, 154, 0.6) !important; } .bg-purple-darken-3-70 { background: rgba(106, 27, 154, 0.7) !important; } .bg-purple-darken-3-80 { background: rgba(106, 27, 154, 0.8) !important; } .bg-purple-darken-3-90 { background: rgba(106, 27, 154, 0.9) !important; } .bg-purple-darken-3:hover, a.bg-purple-darken-3:hover, a.bg-purple-darken-3:focus, button.bg-purple-darken-3:hover, button.bg-purple-darken-3:focus { background-color: #6A1B9A !important; } .bg-purple-darken-4 { background-color: #4A148C !important; } .bg-purple-darken-4-10 { background: rgba(74, 20, 140, 0.1) !important; } .bg-purple-darken-4-20 { background: rgba(74, 20, 140, 0.2) !important; } .bg-purple-darken-4-30 { background: rgba(74, 20, 140, 0.3) !important; } .bg-purple-darken-4-40 { background: rgba(74, 20, 140, 0.4) !important; } .bg-purple-darken-4-50 { background: rgba(74, 20, 140, 0.5) !important; } .bg-purple-darken-4-60 { background: rgba(74, 20, 140, 0.6) !important; } .bg-purple-darken-4-70 { background: rgba(74, 20, 140, 0.7) !important; } .bg-purple-darken-4-80 { background: rgba(74, 20, 140, 0.8) !important; } .bg-purple-darken-4-90 { background: rgba(74, 20, 140, 0.9) !important; } .bg-purple-darken-4:hover, a.bg-purple-darken-4:hover, a.bg-purple-darken-4:focus, button.bg-purple-darken-4:hover, button.bg-purple-darken-4:focus { background-color: #4A148C !important; } .bg-purple-accent-1 { background-color: #EA80FC !important; } .bg-purple-accent-1-10 { background: rgba(234, 128, 252, 0.1) !important; } .bg-purple-accent-1-20 { background: rgba(234, 128, 252, 0.2) !important; } .bg-purple-accent-1-30 { background: rgba(234, 128, 252, 0.3) !important; } .bg-purple-accent-1-40 { background: rgba(234, 128, 252, 0.4) !important; } .bg-purple-accent-1-50 { background: rgba(234, 128, 252, 0.5) !important; } .bg-purple-accent-1-60 { background: rgba(234, 128, 252, 0.6) !important; } .bg-purple-accent-1-70 { background: rgba(234, 128, 252, 0.7) !important; } .bg-purple-accent-1-80 { background: rgba(234, 128, 252, 0.8) !important; } .bg-purple-accent-1-90 { background: rgba(234, 128, 252, 0.9) !important; } .bg-purple-accent-1:hover, a.bg-purple-accent-1:hover, a.bg-purple-accent-1:focus, button.bg-purple-accent-1:hover, button.bg-purple-accent-1:focus { background-color: #EA80FC !important; } .bg-purple-accent-2 { background-color: #E040FB !important; } .bg-purple-accent-2-10 { background: rgba(224, 64, 251, 0.1) !important; } .bg-purple-accent-2-20 { background: rgba(224, 64, 251, 0.2) !important; } .bg-purple-accent-2-30 { background: rgba(224, 64, 251, 0.3) !important; } .bg-purple-accent-2-40 { background: rgba(224, 64, 251, 0.4) !important; } .bg-purple-accent-2-50 { background: rgba(224, 64, 251, 0.5) !important; } .bg-purple-accent-2-60 { background: rgba(224, 64, 251, 0.6) !important; } .bg-purple-accent-2-70 { background: rgba(224, 64, 251, 0.7) !important; } .bg-purple-accent-2-80 { background: rgba(224, 64, 251, 0.8) !important; } .bg-purple-accent-2-90 { background: rgba(224, 64, 251, 0.9) !important; } .bg-purple-accent-2:hover, a.bg-purple-accent-2:hover, a.bg-purple-accent-2:focus, button.bg-purple-accent-2:hover, button.bg-purple-accent-2:focus { background-color: #E040FB !important; } .bg-purple-accent-3 { background-color: #D500F9 !important; } .bg-purple-accent-3-10 { background: rgba(213, 0, 249, 0.1) !important; } .bg-purple-accent-3-20 { background: rgba(213, 0, 249, 0.2) !important; } .bg-purple-accent-3-30 { background: rgba(213, 0, 249, 0.3) !important; } .bg-purple-accent-3-40 { background: rgba(213, 0, 249, 0.4) !important; } .bg-purple-accent-3-50 { background: rgba(213, 0, 249, 0.5) !important; } .bg-purple-accent-3-60 { background: rgba(213, 0, 249, 0.6) !important; } .bg-purple-accent-3-70 { background: rgba(213, 0, 249, 0.7) !important; } .bg-purple-accent-3-80 { background: rgba(213, 0, 249, 0.8) !important; } .bg-purple-accent-3-90 { background: rgba(213, 0, 249, 0.9) !important; } .bg-purple-accent-3:hover, a.bg-purple-accent-3:hover, a.bg-purple-accent-3:focus, button.bg-purple-accent-3:hover, button.bg-purple-accent-3:focus { background-color: #D500F9 !important; } .bg-purple-accent-4 { background-color: #AA00FF !important; } .bg-purple-accent-4-10 { background: rgba(170, 0, 255, 0.1) !important; } .bg-purple-accent-4-20 { background: rgba(170, 0, 255, 0.2) !important; } .bg-purple-accent-4-30 { background: rgba(170, 0, 255, 0.3) !important; } .bg-purple-accent-4-40 { background: rgba(170, 0, 255, 0.4) !important; } .bg-purple-accent-4-50 { background: rgba(170, 0, 255, 0.5) !important; } .bg-purple-accent-4-60 { background: rgba(170, 0, 255, 0.6) !important; } .bg-purple-accent-4-70 { background: rgba(170, 0, 255, 0.7) !important; } .bg-purple-accent-4-80 { background: rgba(170, 0, 255, 0.8) !important; } .bg-purple-accent-4-90 { background: rgba(170, 0, 255, 0.9) !important; } .bg-purple-accent-4:hover, a.bg-purple-accent-4:hover, a.bg-purple-accent-4:focus, button.bg-purple-accent-4:hover, button.bg-purple-accent-4:focus { background-color: #AA00FF !important; } .bg-deep-purple { background-color: #673AB7 !important; } .bg-deep-purple-10 { background: rgba(103, 58, 183, 0.1) !important; } .bg-deep-purple-20 { background: rgba(103, 58, 183, 0.2) !important; } .bg-deep-purple-30 { background: rgba(103, 58, 183, 0.3) !important; } .bg-deep-purple-40 { background: rgba(103, 58, 183, 0.4) !important; } .bg-deep-purple-50 { background: rgba(103, 58, 183, 0.5) !important; } .bg-deep-purple-60 { background: rgba(103, 58, 183, 0.6) !important; } .bg-deep-purple-70 { background: rgba(103, 58, 183, 0.7) !important; } .bg-deep-purple-80 { background: rgba(103, 58, 183, 0.8) !important; } .bg-deep-purple-90 { background: rgba(103, 58, 183, 0.9) !important; } .bg-deep-purple:hover, a.bg-deep-purple:hover, a.bg-deep-purple:focus, button.bg-deep-purple:hover, button.bg-deep-purple:focus { background-color: #673AB7 !important; } .bg-deep-purple-lighten-5 { background-color: #EDE7F6 !important; } .bg-deep-purple-lighten-5-10 { background: rgba(237, 231, 246, 0.1) !important; } .bg-deep-purple-lighten-5-20 { background: rgba(237, 231, 246, 0.2) !important; } .bg-deep-purple-lighten-5-30 { background: rgba(237, 231, 246, 0.3) !important; } .bg-deep-purple-lighten-5-40 { background: rgba(237, 231, 246, 0.4) !important; } .bg-deep-purple-lighten-5-50 { background: rgba(237, 231, 246, 0.5) !important; } .bg-deep-purple-lighten-5-60 { background: rgba(237, 231, 246, 0.6) !important; } .bg-deep-purple-lighten-5-70 { background: rgba(237, 231, 246, 0.7) !important; } .bg-deep-purple-lighten-5-80 { background: rgba(237, 231, 246, 0.8) !important; } .bg-deep-purple-lighten-5-90 { background: rgba(237, 231, 246, 0.9) !important; } .bg-deep-purple-lighten-5:hover, a.bg-deep-purple-lighten-5:hover, a.bg-deep-purple-lighten-5:focus, button.bg-deep-purple-lighten-5:hover, button.bg-deep-purple-lighten-5:focus { background-color: #EDE7F6 !important; } .bg-deep-purple-lighten-4 { background-color: #D1C4E9 !important; } .bg-deep-purple-lighten-4-10 { background: rgba(209, 196, 233, 0.1) !important; } .bg-deep-purple-lighten-4-20 { background: rgba(209, 196, 233, 0.2) !important; } .bg-deep-purple-lighten-4-30 { background: rgba(209, 196, 233, 0.3) !important; } .bg-deep-purple-lighten-4-40 { background: rgba(209, 196, 233, 0.4) !important; } .bg-deep-purple-lighten-4-50 { background: rgba(209, 196, 233, 0.5) !important; } .bg-deep-purple-lighten-4-60 { background: rgba(209, 196, 233, 0.6) !important; } .bg-deep-purple-lighten-4-70 { background: rgba(209, 196, 233, 0.7) !important; } .bg-deep-purple-lighten-4-80 { background: rgba(209, 196, 233, 0.8) !important; } .bg-deep-purple-lighten-4-90 { background: rgba(209, 196, 233, 0.9) !important; } .bg-deep-purple-lighten-4:hover, a.bg-deep-purple-lighten-4:hover, a.bg-deep-purple-lighten-4:focus, button.bg-deep-purple-lighten-4:hover, button.bg-deep-purple-lighten-4:focus { background-color: #D1C4E9 !important; } .bg-deep-purple-lighten-3 { background-color: #B39DDB !important; } .bg-deep-purple-lighten-3-10 { background: rgba(179, 157, 219, 0.1) !important; } .bg-deep-purple-lighten-3-20 { background: rgba(179, 157, 219, 0.2) !important; } .bg-deep-purple-lighten-3-30 { background: rgba(179, 157, 219, 0.3) !important; } .bg-deep-purple-lighten-3-40 { background: rgba(179, 157, 219, 0.4) !important; } .bg-deep-purple-lighten-3-50 { background: rgba(179, 157, 219, 0.5) !important; } .bg-deep-purple-lighten-3-60 { background: rgba(179, 157, 219, 0.6) !important; } .bg-deep-purple-lighten-3-70 { background: rgba(179, 157, 219, 0.7) !important; } .bg-deep-purple-lighten-3-80 { background: rgba(179, 157, 219, 0.8) !important; } .bg-deep-purple-lighten-3-90 { background: rgba(179, 157, 219, 0.9) !important; } .bg-deep-purple-lighten-3:hover, a.bg-deep-purple-lighten-3:hover, a.bg-deep-purple-lighten-3:focus, button.bg-deep-purple-lighten-3:hover, button.bg-deep-purple-lighten-3:focus { background-color: #B39DDB !important; } .bg-deep-purple-lighten-2 { background-color: #9575CD !important; } .bg-deep-purple-lighten-2-10 { background: rgba(149, 117, 205, 0.1) !important; } .bg-deep-purple-lighten-2-20 { background: rgba(149, 117, 205, 0.2) !important; } .bg-deep-purple-lighten-2-30 { background: rgba(149, 117, 205, 0.3) !important; } .bg-deep-purple-lighten-2-40 { background: rgba(149, 117, 205, 0.4) !important; } .bg-deep-purple-lighten-2-50 { background: rgba(149, 117, 205, 0.5) !important; } .bg-deep-purple-lighten-2-60 { background: rgba(149, 117, 205, 0.6) !important; } .bg-deep-purple-lighten-2-70 { background: rgba(149, 117, 205, 0.7) !important; } .bg-deep-purple-lighten-2-80 { background: rgba(149, 117, 205, 0.8) !important; } .bg-deep-purple-lighten-2-90 { background: rgba(149, 117, 205, 0.9) !important; } .bg-deep-purple-lighten-2:hover, a.bg-deep-purple-lighten-2:hover, a.bg-deep-purple-lighten-2:focus, button.bg-deep-purple-lighten-2:hover, button.bg-deep-purple-lighten-2:focus { background-color: #9575CD !important; } .bg-deep-purple-lighten-1 { background-color: #7E57C2 !important; } .bg-deep-purple-lighten-1-10 { background: rgba(126, 87, 194, 0.1) !important; } .bg-deep-purple-lighten-1-20 { background: rgba(126, 87, 194, 0.2) !important; } .bg-deep-purple-lighten-1-30 { background: rgba(126, 87, 194, 0.3) !important; } .bg-deep-purple-lighten-1-40 { background: rgba(126, 87, 194, 0.4) !important; } .bg-deep-purple-lighten-1-50 { background: rgba(126, 87, 194, 0.5) !important; } .bg-deep-purple-lighten-1-60 { background: rgba(126, 87, 194, 0.6) !important; } .bg-deep-purple-lighten-1-70 { background: rgba(126, 87, 194, 0.7) !important; } .bg-deep-purple-lighten-1-80 { background: rgba(126, 87, 194, 0.8) !important; } .bg-deep-purple-lighten-1-90 { background: rgba(126, 87, 194, 0.9) !important; } .bg-deep-purple-lighten-1:hover, a.bg-deep-purple-lighten-1:hover, a.bg-deep-purple-lighten-1:focus, button.bg-deep-purple-lighten-1:hover, button.bg-deep-purple-lighten-1:focus { background-color: #7E57C2 !important; } .bg-deep-purple-darken-1 { background-color: #5E35B1 !important; } .bg-deep-purple-darken-1-10 { background: rgba(94, 53, 177, 0.1) !important; } .bg-deep-purple-darken-1-20 { background: rgba(94, 53, 177, 0.2) !important; } .bg-deep-purple-darken-1-30 { background: rgba(94, 53, 177, 0.3) !important; } .bg-deep-purple-darken-1-40 { background: rgba(94, 53, 177, 0.4) !important; } .bg-deep-purple-darken-1-50 { background: rgba(94, 53, 177, 0.5) !important; } .bg-deep-purple-darken-1-60 { background: rgba(94, 53, 177, 0.6) !important; } .bg-deep-purple-darken-1-70 { background: rgba(94, 53, 177, 0.7) !important; } .bg-deep-purple-darken-1-80 { background: rgba(94, 53, 177, 0.8) !important; } .bg-deep-purple-darken-1-90 { background: rgba(94, 53, 177, 0.9) !important; } .bg-deep-purple-darken-1:hover, a.bg-deep-purple-darken-1:hover, a.bg-deep-purple-darken-1:focus, button.bg-deep-purple-darken-1:hover, button.bg-deep-purple-darken-1:focus { background-color: #5E35B1 !important; } .bg-deep-purple-darken-2 { background-color: #512DA8 !important; } .bg-deep-purple-darken-2-10 { background: rgba(81, 45, 168, 0.1) !important; } .bg-deep-purple-darken-2-20 { background: rgba(81, 45, 168, 0.2) !important; } .bg-deep-purple-darken-2-30 { background: rgba(81, 45, 168, 0.3) !important; } .bg-deep-purple-darken-2-40 { background: rgba(81, 45, 168, 0.4) !important; } .bg-deep-purple-darken-2-50 { background: rgba(81, 45, 168, 0.5) !important; } .bg-deep-purple-darken-2-60 { background: rgba(81, 45, 168, 0.6) !important; } .bg-deep-purple-darken-2-70 { background: rgba(81, 45, 168, 0.7) !important; } .bg-deep-purple-darken-2-80 { background: rgba(81, 45, 168, 0.8) !important; } .bg-deep-purple-darken-2-90 { background: rgba(81, 45, 168, 0.9) !important; } .bg-deep-purple-darken-2:hover, a.bg-deep-purple-darken-2:hover, a.bg-deep-purple-darken-2:focus, button.bg-deep-purple-darken-2:hover, button.bg-deep-purple-darken-2:focus { background-color: #512DA8 !important; } .bg-deep-purple-darken-3 { background-color: #4527A0 !important; } .bg-deep-purple-darken-3-10 { background: rgba(69, 39, 160, 0.1) !important; } .bg-deep-purple-darken-3-20 { background: rgba(69, 39, 160, 0.2) !important; } .bg-deep-purple-darken-3-30 { background: rgba(69, 39, 160, 0.3) !important; } .bg-deep-purple-darken-3-40 { background: rgba(69, 39, 160, 0.4) !important; } .bg-deep-purple-darken-3-50 { background: rgba(69, 39, 160, 0.5) !important; } .bg-deep-purple-darken-3-60 { background: rgba(69, 39, 160, 0.6) !important; } .bg-deep-purple-darken-3-70 { background: rgba(69, 39, 160, 0.7) !important; } .bg-deep-purple-darken-3-80 { background: rgba(69, 39, 160, 0.8) !important; } .bg-deep-purple-darken-3-90 { background: rgba(69, 39, 160, 0.9) !important; } .bg-deep-purple-darken-3:hover, a.bg-deep-purple-darken-3:hover, a.bg-deep-purple-darken-3:focus, button.bg-deep-purple-darken-3:hover, button.bg-deep-purple-darken-3:focus { background-color: #4527A0 !important; } .bg-deep-purple-darken-4 { background-color: #311B92 !important; } .bg-deep-purple-darken-4-10 { background: rgba(49, 27, 146, 0.1) !important; } .bg-deep-purple-darken-4-20 { background: rgba(49, 27, 146, 0.2) !important; } .bg-deep-purple-darken-4-30 { background: rgba(49, 27, 146, 0.3) !important; } .bg-deep-purple-darken-4-40 { background: rgba(49, 27, 146, 0.4) !important; } .bg-deep-purple-darken-4-50 { background: rgba(49, 27, 146, 0.5) !important; } .bg-deep-purple-darken-4-60 { background: rgba(49, 27, 146, 0.6) !important; } .bg-deep-purple-darken-4-70 { background: rgba(49, 27, 146, 0.7) !important; } .bg-deep-purple-darken-4-80 { background: rgba(49, 27, 146, 0.8) !important; } .bg-deep-purple-darken-4-90 { background: rgba(49, 27, 146, 0.9) !important; } .bg-deep-purple-darken-4:hover, a.bg-deep-purple-darken-4:hover, a.bg-deep-purple-darken-4:focus, button.bg-deep-purple-darken-4:hover, button.bg-deep-purple-darken-4:focus { background-color: #311B92 !important; } .bg-deep-purple-accent-1 { background-color: #B388FF !important; } .bg-deep-purple-accent-1-10 { background: rgba(179, 136, 255, 0.1) !important; } .bg-deep-purple-accent-1-20 { background: rgba(179, 136, 255, 0.2) !important; } .bg-deep-purple-accent-1-30 { background: rgba(179, 136, 255, 0.3) !important; } .bg-deep-purple-accent-1-40 { background: rgba(179, 136, 255, 0.4) !important; } .bg-deep-purple-accent-1-50 { background: rgba(179, 136, 255, 0.5) !important; } .bg-deep-purple-accent-1-60 { background: rgba(179, 136, 255, 0.6) !important; } .bg-deep-purple-accent-1-70 { background: rgba(179, 136, 255, 0.7) !important; } .bg-deep-purple-accent-1-80 { background: rgba(179, 136, 255, 0.8) !important; } .bg-deep-purple-accent-1-90 { background: rgba(179, 136, 255, 0.9) !important; } .bg-deep-purple-accent-1:hover, a.bg-deep-purple-accent-1:hover, a.bg-deep-purple-accent-1:focus, button.bg-deep-purple-accent-1:hover, button.bg-deep-purple-accent-1:focus { background-color: #B388FF !important; } .bg-deep-purple-accent-2 { background-color: #7C4DFF !important; } .bg-deep-purple-accent-2-10 { background: rgba(124, 77, 255, 0.1) !important; } .bg-deep-purple-accent-2-20 { background: rgba(124, 77, 255, 0.2) !important; } .bg-deep-purple-accent-2-30 { background: rgba(124, 77, 255, 0.3) !important; } .bg-deep-purple-accent-2-40 { background: rgba(124, 77, 255, 0.4) !important; } .bg-deep-purple-accent-2-50 { background: rgba(124, 77, 255, 0.5) !important; } .bg-deep-purple-accent-2-60 { background: rgba(124, 77, 255, 0.6) !important; } .bg-deep-purple-accent-2-70 { background: rgba(124, 77, 255, 0.7) !important; } .bg-deep-purple-accent-2-80 { background: rgba(124, 77, 255, 0.8) !important; } .bg-deep-purple-accent-2-90 { background: rgba(124, 77, 255, 0.9) !important; } .bg-deep-purple-accent-2:hover, a.bg-deep-purple-accent-2:hover, a.bg-deep-purple-accent-2:focus, button.bg-deep-purple-accent-2:hover, button.bg-deep-purple-accent-2:focus { background-color: #7C4DFF !important; } .bg-deep-purple-accent-3 { background-color: #651FFF !important; } .bg-deep-purple-accent-3-10 { background: rgba(101, 31, 255, 0.1) !important; } .bg-deep-purple-accent-3-20 { background: rgba(101, 31, 255, 0.2) !important; } .bg-deep-purple-accent-3-30 { background: rgba(101, 31, 255, 0.3) !important; } .bg-deep-purple-accent-3-40 { background: rgba(101, 31, 255, 0.4) !important; } .bg-deep-purple-accent-3-50 { background: rgba(101, 31, 255, 0.5) !important; } .bg-deep-purple-accent-3-60 { background: rgba(101, 31, 255, 0.6) !important; } .bg-deep-purple-accent-3-70 { background: rgba(101, 31, 255, 0.7) !important; } .bg-deep-purple-accent-3-80 { background: rgba(101, 31, 255, 0.8) !important; } .bg-deep-purple-accent-3-90 { background: rgba(101, 31, 255, 0.9) !important; } .bg-deep-purple-accent-3:hover, a.bg-deep-purple-accent-3:hover, a.bg-deep-purple-accent-3:focus, button.bg-deep-purple-accent-3:hover, button.bg-deep-purple-accent-3:focus { background-color: #651FFF !important; } .bg-deep-purple-accent-4 { background-color: #6200EA !important; } .bg-deep-purple-accent-4-10 { background: rgba(98, 0, 234, 0.1) !important; } .bg-deep-purple-accent-4-20 { background: rgba(98, 0, 234, 0.2) !important; } .bg-deep-purple-accent-4-30 { background: rgba(98, 0, 234, 0.3) !important; } .bg-deep-purple-accent-4-40 { background: rgba(98, 0, 234, 0.4) !important; } .bg-deep-purple-accent-4-50 { background: rgba(98, 0, 234, 0.5) !important; } .bg-deep-purple-accent-4-60 { background: rgba(98, 0, 234, 0.6) !important; } .bg-deep-purple-accent-4-70 { background: rgba(98, 0, 234, 0.7) !important; } .bg-deep-purple-accent-4-80 { background: rgba(98, 0, 234, 0.8) !important; } .bg-deep-purple-accent-4-90 { background: rgba(98, 0, 234, 0.9) !important; } .bg-deep-purple-accent-4:hover, a.bg-deep-purple-accent-4:hover, a.bg-deep-purple-accent-4:focus, button.bg-deep-purple-accent-4:hover, button.bg-deep-purple-accent-4:focus { background-color: #6200EA !important; } .bg-indigo { background-color: #3F51B5 !important; } .bg-indigo-10 { background: rgba(63, 81, 181, 0.1) !important; } .bg-indigo-20 { background: rgba(63, 81, 181, 0.2) !important; } .bg-indigo-30 { background: rgba(63, 81, 181, 0.3) !important; } .bg-indigo-40 { background: rgba(63, 81, 181, 0.4) !important; } .bg-indigo-50 { background: rgba(63, 81, 181, 0.5) !important; } .bg-indigo-60 { background: rgba(63, 81, 181, 0.6) !important; } .bg-indigo-70 { background: rgba(63, 81, 181, 0.7) !important; } .bg-indigo-80 { background: rgba(63, 81, 181, 0.8) !important; } .bg-indigo-90 { background: rgba(63, 81, 181, 0.9) !important; } .bg-indigo:hover, a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus { background-color: #3F51B5 !important; } .bg-indigo-lighten-5 { background-color: #E8EAF6 !important; } .bg-indigo-lighten-5-10 { background: rgba(232, 234, 246, 0.1) !important; } .bg-indigo-lighten-5-20 { background: rgba(232, 234, 246, 0.2) !important; } .bg-indigo-lighten-5-30 { background: rgba(232, 234, 246, 0.3) !important; } .bg-indigo-lighten-5-40 { background: rgba(232, 234, 246, 0.4) !important; } .bg-indigo-lighten-5-50 { background: rgba(232, 234, 246, 0.5) !important; } .bg-indigo-lighten-5-60 { background: rgba(232, 234, 246, 0.6) !important; } .bg-indigo-lighten-5-70 { background: rgba(232, 234, 246, 0.7) !important; } .bg-indigo-lighten-5-80 { background: rgba(232, 234, 246, 0.8) !important; } .bg-indigo-lighten-5-90 { background: rgba(232, 234, 246, 0.9) !important; } .bg-indigo-lighten-5:hover, a.bg-indigo-lighten-5:hover, a.bg-indigo-lighten-5:focus, button.bg-indigo-lighten-5:hover, button.bg-indigo-lighten-5:focus { background-color: #E8EAF6 !important; } .bg-indigo-lighten-4 { background-color: #C5CAE9 !important; } .bg-indigo-lighten-4-10 { background: rgba(197, 202, 233, 0.1) !important; } .bg-indigo-lighten-4-20 { background: rgba(197, 202, 233, 0.2) !important; } .bg-indigo-lighten-4-30 { background: rgba(197, 202, 233, 0.3) !important; } .bg-indigo-lighten-4-40 { background: rgba(197, 202, 233, 0.4) !important; } .bg-indigo-lighten-4-50 { background: rgba(197, 202, 233, 0.5) !important; } .bg-indigo-lighten-4-60 { background: rgba(197, 202, 233, 0.6) !important; } .bg-indigo-lighten-4-70 { background: rgba(197, 202, 233, 0.7) !important; } .bg-indigo-lighten-4-80 { background: rgba(197, 202, 233, 0.8) !important; } .bg-indigo-lighten-4-90 { background: rgba(197, 202, 233, 0.9) !important; } .bg-indigo-lighten-4:hover, a.bg-indigo-lighten-4:hover, a.bg-indigo-lighten-4:focus, button.bg-indigo-lighten-4:hover, button.bg-indigo-lighten-4:focus { background-color: #C5CAE9 !important; } .bg-indigo-lighten-3 { background-color: #9FA8DA !important; } .bg-indigo-lighten-3-10 { background: rgba(159, 168, 218, 0.1) !important; } .bg-indigo-lighten-3-20 { background: rgba(159, 168, 218, 0.2) !important; } .bg-indigo-lighten-3-30 { background: rgba(159, 168, 218, 0.3) !important; } .bg-indigo-lighten-3-40 { background: rgba(159, 168, 218, 0.4) !important; } .bg-indigo-lighten-3-50 { background: rgba(159, 168, 218, 0.5) !important; } .bg-indigo-lighten-3-60 { background: rgba(159, 168, 218, 0.6) !important; } .bg-indigo-lighten-3-70 { background: rgba(159, 168, 218, 0.7) !important; } .bg-indigo-lighten-3-80 { background: rgba(159, 168, 218, 0.8) !important; } .bg-indigo-lighten-3-90 { background: rgba(159, 168, 218, 0.9) !important; } .bg-indigo-lighten-3:hover, a.bg-indigo-lighten-3:hover, a.bg-indigo-lighten-3:focus, button.bg-indigo-lighten-3:hover, button.bg-indigo-lighten-3:focus { background-color: #9FA8DA !important; } .bg-indigo-lighten-2 { background-color: #7986CB !important; } .bg-indigo-lighten-2-10 { background: rgba(121, 134, 203, 0.1) !important; } .bg-indigo-lighten-2-20 { background: rgba(121, 134, 203, 0.2) !important; } .bg-indigo-lighten-2-30 { background: rgba(121, 134, 203, 0.3) !important; } .bg-indigo-lighten-2-40 { background: rgba(121, 134, 203, 0.4) !important; } .bg-indigo-lighten-2-50 { background: rgba(121, 134, 203, 0.5) !important; } .bg-indigo-lighten-2-60 { background: rgba(121, 134, 203, 0.6) !important; } .bg-indigo-lighten-2-70 { background: rgba(121, 134, 203, 0.7) !important; } .bg-indigo-lighten-2-80 { background: rgba(121, 134, 203, 0.8) !important; } .bg-indigo-lighten-2-90 { background: rgba(121, 134, 203, 0.9) !important; } .bg-indigo-lighten-2:hover, a.bg-indigo-lighten-2:hover, a.bg-indigo-lighten-2:focus, button.bg-indigo-lighten-2:hover, button.bg-indigo-lighten-2:focus { background-color: #7986CB !important; } .bg-indigo-lighten-1 { background-color: #5C6BC0 !important; } .bg-indigo-lighten-1-10 { background: rgba(92, 107, 192, 0.1) !important; } .bg-indigo-lighten-1-20 { background: rgba(92, 107, 192, 0.2) !important; } .bg-indigo-lighten-1-30 { background: rgba(92, 107, 192, 0.3) !important; } .bg-indigo-lighten-1-40 { background: rgba(92, 107, 192, 0.4) !important; } .bg-indigo-lighten-1-50 { background: rgba(92, 107, 192, 0.5) !important; } .bg-indigo-lighten-1-60 { background: rgba(92, 107, 192, 0.6) !important; } .bg-indigo-lighten-1-70 { background: rgba(92, 107, 192, 0.7) !important; } .bg-indigo-lighten-1-80 { background: rgba(92, 107, 192, 0.8) !important; } .bg-indigo-lighten-1-90 { background: rgba(92, 107, 192, 0.9) !important; } .bg-indigo-lighten-1:hover, a.bg-indigo-lighten-1:hover, a.bg-indigo-lighten-1:focus, button.bg-indigo-lighten-1:hover, button.bg-indigo-lighten-1:focus { background-color: #5C6BC0 !important; } .bg-indigo-darken-1 { background-color: #3949AB !important; } .bg-indigo-darken-1-10 { background: rgba(57, 73, 171, 0.1) !important; } .bg-indigo-darken-1-20 { background: rgba(57, 73, 171, 0.2) !important; } .bg-indigo-darken-1-30 { background: rgba(57, 73, 171, 0.3) !important; } .bg-indigo-darken-1-40 { background: rgba(57, 73, 171, 0.4) !important; } .bg-indigo-darken-1-50 { background: rgba(57, 73, 171, 0.5) !important; } .bg-indigo-darken-1-60 { background: rgba(57, 73, 171, 0.6) !important; } .bg-indigo-darken-1-70 { background: rgba(57, 73, 171, 0.7) !important; } .bg-indigo-darken-1-80 { background: rgba(57, 73, 171, 0.8) !important; } .bg-indigo-darken-1-90 { background: rgba(57, 73, 171, 0.9) !important; } .bg-indigo-darken-1:hover, a.bg-indigo-darken-1:hover, a.bg-indigo-darken-1:focus, button.bg-indigo-darken-1:hover, button.bg-indigo-darken-1:focus { background-color: #3949AB !important; } .bg-indigo-darken-2 { background-color: #303F9F !important; } .bg-indigo-darken-2-10 { background: rgba(48, 63, 159, 0.1) !important; } .bg-indigo-darken-2-20 { background: rgba(48, 63, 159, 0.2) !important; } .bg-indigo-darken-2-30 { background: rgba(48, 63, 159, 0.3) !important; } .bg-indigo-darken-2-40 { background: rgba(48, 63, 159, 0.4) !important; } .bg-indigo-darken-2-50 { background: rgba(48, 63, 159, 0.5) !important; } .bg-indigo-darken-2-60 { background: rgba(48, 63, 159, 0.6) !important; } .bg-indigo-darken-2-70 { background: rgba(48, 63, 159, 0.7) !important; } .bg-indigo-darken-2-80 { background: rgba(48, 63, 159, 0.8) !important; } .bg-indigo-darken-2-90 { background: rgba(48, 63, 159, 0.9) !important; } .bg-indigo-darken-2:hover, a.bg-indigo-darken-2:hover, a.bg-indigo-darken-2:focus, button.bg-indigo-darken-2:hover, button.bg-indigo-darken-2:focus { background-color: #303F9F !important; } .bg-indigo-darken-3 { background-color: #283593 !important; } .bg-indigo-darken-3-10 { background: rgba(40, 53, 147, 0.1) !important; } .bg-indigo-darken-3-20 { background: rgba(40, 53, 147, 0.2) !important; } .bg-indigo-darken-3-30 { background: rgba(40, 53, 147, 0.3) !important; } .bg-indigo-darken-3-40 { background: rgba(40, 53, 147, 0.4) !important; } .bg-indigo-darken-3-50 { background: rgba(40, 53, 147, 0.5) !important; } .bg-indigo-darken-3-60 { background: rgba(40, 53, 147, 0.6) !important; } .bg-indigo-darken-3-70 { background: rgba(40, 53, 147, 0.7) !important; } .bg-indigo-darken-3-80 { background: rgba(40, 53, 147, 0.8) !important; } .bg-indigo-darken-3-90 { background: rgba(40, 53, 147, 0.9) !important; } .bg-indigo-darken-3:hover, a.bg-indigo-darken-3:hover, a.bg-indigo-darken-3:focus, button.bg-indigo-darken-3:hover, button.bg-indigo-darken-3:focus { background-color: #283593 !important; } .bg-indigo-darken-4 { background-color: #1A237E !important; } .bg-indigo-darken-4-10 { background: rgba(26, 35, 126, 0.1) !important; } .bg-indigo-darken-4-20 { background: rgba(26, 35, 126, 0.2) !important; } .bg-indigo-darken-4-30 { background: rgba(26, 35, 126, 0.3) !important; } .bg-indigo-darken-4-40 { background: rgba(26, 35, 126, 0.4) !important; } .bg-indigo-darken-4-50 { background: rgba(26, 35, 126, 0.5) !important; } .bg-indigo-darken-4-60 { background: rgba(26, 35, 126, 0.6) !important; } .bg-indigo-darken-4-70 { background: rgba(26, 35, 126, 0.7) !important; } .bg-indigo-darken-4-80 { background: rgba(26, 35, 126, 0.8) !important; } .bg-indigo-darken-4-90 { background: rgba(26, 35, 126, 0.9) !important; } .bg-indigo-darken-4:hover, a.bg-indigo-darken-4:hover, a.bg-indigo-darken-4:focus, button.bg-indigo-darken-4:hover, button.bg-indigo-darken-4:focus { background-color: #1A237E !important; } .bg-indigo-accent-1 { background-color: #8C9EFF !important; } .bg-indigo-accent-1-10 { background: rgba(140, 158, 255, 0.1) !important; } .bg-indigo-accent-1-20 { background: rgba(140, 158, 255, 0.2) !important; } .bg-indigo-accent-1-30 { background: rgba(140, 158, 255, 0.3) !important; } .bg-indigo-accent-1-40 { background: rgba(140, 158, 255, 0.4) !important; } .bg-indigo-accent-1-50 { background: rgba(140, 158, 255, 0.5) !important; } .bg-indigo-accent-1-60 { background: rgba(140, 158, 255, 0.6) !important; } .bg-indigo-accent-1-70 { background: rgba(140, 158, 255, 0.7) !important; } .bg-indigo-accent-1-80 { background: rgba(140, 158, 255, 0.8) !important; } .bg-indigo-accent-1-90 { background: rgba(140, 158, 255, 0.9) !important; } .bg-indigo-accent-1:hover, a.bg-indigo-accent-1:hover, a.bg-indigo-accent-1:focus, button.bg-indigo-accent-1:hover, button.bg-indigo-accent-1:focus { background-color: #8C9EFF !important; } .bg-indigo-accent-2 { background-color: #536DFE !important; } .bg-indigo-accent-2-10 { background: rgba(83, 109, 254, 0.1) !important; } .bg-indigo-accent-2-20 { background: rgba(83, 109, 254, 0.2) !important; } .bg-indigo-accent-2-30 { background: rgba(83, 109, 254, 0.3) !important; } .bg-indigo-accent-2-40 { background: rgba(83, 109, 254, 0.4) !important; } .bg-indigo-accent-2-50 { background: rgba(83, 109, 254, 0.5) !important; } .bg-indigo-accent-2-60 { background: rgba(83, 109, 254, 0.6) !important; } .bg-indigo-accent-2-70 { background: rgba(83, 109, 254, 0.7) !important; } .bg-indigo-accent-2-80 { background: rgba(83, 109, 254, 0.8) !important; } .bg-indigo-accent-2-90 { background: rgba(83, 109, 254, 0.9) !important; } .bg-indigo-accent-2:hover, a.bg-indigo-accent-2:hover, a.bg-indigo-accent-2:focus, button.bg-indigo-accent-2:hover, button.bg-indigo-accent-2:focus { background-color: #536DFE !important; } .bg-indigo-accent-3 { background-color: #3D5AFE !important; } .bg-indigo-accent-3-10 { background: rgba(61, 90, 254, 0.1) !important; } .bg-indigo-accent-3-20 { background: rgba(61, 90, 254, 0.2) !important; } .bg-indigo-accent-3-30 { background: rgba(61, 90, 254, 0.3) !important; } .bg-indigo-accent-3-40 { background: rgba(61, 90, 254, 0.4) !important; } .bg-indigo-accent-3-50 { background: rgba(61, 90, 254, 0.5) !important; } .bg-indigo-accent-3-60 { background: rgba(61, 90, 254, 0.6) !important; } .bg-indigo-accent-3-70 { background: rgba(61, 90, 254, 0.7) !important; } .bg-indigo-accent-3-80 { background: rgba(61, 90, 254, 0.8) !important; } .bg-indigo-accent-3-90 { background: rgba(61, 90, 254, 0.9) !important; } .bg-indigo-accent-3:hover, a.bg-indigo-accent-3:hover, a.bg-indigo-accent-3:focus, button.bg-indigo-accent-3:hover, button.bg-indigo-accent-3:focus { background-color: #3D5AFE !important; } .bg-indigo-accent-4 { background-color: #304FFE !important; } .bg-indigo-accent-4-10 { background: rgba(48, 79, 254, 0.1) !important; } .bg-indigo-accent-4-20 { background: rgba(48, 79, 254, 0.2) !important; } .bg-indigo-accent-4-30 { background: rgba(48, 79, 254, 0.3) !important; } .bg-indigo-accent-4-40 { background: rgba(48, 79, 254, 0.4) !important; } .bg-indigo-accent-4-50 { background: rgba(48, 79, 254, 0.5) !important; } .bg-indigo-accent-4-60 { background: rgba(48, 79, 254, 0.6) !important; } .bg-indigo-accent-4-70 { background: rgba(48, 79, 254, 0.7) !important; } .bg-indigo-accent-4-80 { background: rgba(48, 79, 254, 0.8) !important; } .bg-indigo-accent-4-90 { background: rgba(48, 79, 254, 0.9) !important; } .bg-indigo-accent-4:hover, a.bg-indigo-accent-4:hover, a.bg-indigo-accent-4:focus, button.bg-indigo-accent-4:hover, button.bg-indigo-accent-4:focus { background-color: #304FFE !important; } .bg-blue { background-color: #2196F3 !important; } .bg-blue-10 { background: rgba(33, 150, 243, 0.1) !important; } .bg-blue-20 { background: rgba(33, 150, 243, 0.2) !important; } .bg-blue-30 { background: rgba(33, 150, 243, 0.3) !important; } .bg-blue-40 { background: rgba(33, 150, 243, 0.4) !important; } .bg-blue-50 { background: rgba(33, 150, 243, 0.5) !important; } .bg-blue-60 { background: rgba(33, 150, 243, 0.6) !important; } .bg-blue-70 { background: rgba(33, 150, 243, 0.7) !important; } .bg-blue-80 { background: rgba(33, 150, 243, 0.8) !important; } .bg-blue-90 { background: rgba(33, 150, 243, 0.9) !important; } .bg-blue:hover, a.bg-blue:hover, a.bg-blue:focus, button.bg-blue:hover, button.bg-blue:focus { background-color: #2196F3 !important; } .bg-blue-lighten-5 { background-color: #E3F2FD !important; } .bg-blue-lighten-5-10 { background: rgba(227, 242, 253, 0.1) !important; } .bg-blue-lighten-5-20 { background: rgba(227, 242, 253, 0.2) !important; } .bg-blue-lighten-5-30 { background: rgba(227, 242, 253, 0.3) !important; } .bg-blue-lighten-5-40 { background: rgba(227, 242, 253, 0.4) !important; } .bg-blue-lighten-5-50 { background: rgba(227, 242, 253, 0.5) !important; } .bg-blue-lighten-5-60 { background: rgba(227, 242, 253, 0.6) !important; } .bg-blue-lighten-5-70 { background: rgba(227, 242, 253, 0.7) !important; } .bg-blue-lighten-5-80 { background: rgba(227, 242, 253, 0.8) !important; } .bg-blue-lighten-5-90 { background: rgba(227, 242, 253, 0.9) !important; } .bg-blue-lighten-5:hover, a.bg-blue-lighten-5:hover, a.bg-blue-lighten-5:focus, button.bg-blue-lighten-5:hover, button.bg-blue-lighten-5:focus { background-color: #E3F2FD !important; } .bg-blue-lighten-4 { background-color: #BBDEFB !important; } .bg-blue-lighten-4-10 { background: rgba(187, 222, 251, 0.1) !important; } .bg-blue-lighten-4-20 { background: rgba(187, 222, 251, 0.2) !important; } .bg-blue-lighten-4-30 { background: rgba(187, 222, 251, 0.3) !important; } .bg-blue-lighten-4-40 { background: rgba(187, 222, 251, 0.4) !important; } .bg-blue-lighten-4-50 { background: rgba(187, 222, 251, 0.5) !important; } .bg-blue-lighten-4-60 { background: rgba(187, 222, 251, 0.6) !important; } .bg-blue-lighten-4-70 { background: rgba(187, 222, 251, 0.7) !important; } .bg-blue-lighten-4-80 { background: rgba(187, 222, 251, 0.8) !important; } .bg-blue-lighten-4-90 { background: rgba(187, 222, 251, 0.9) !important; } .bg-blue-lighten-4:hover, a.bg-blue-lighten-4:hover, a.bg-blue-lighten-4:focus, button.bg-blue-lighten-4:hover, button.bg-blue-lighten-4:focus { background-color: #BBDEFB !important; } .bg-blue-lighten-3 { background-color: #90CAF9 !important; } .bg-blue-lighten-3-10 { background: rgba(144, 202, 249, 0.1) !important; } .bg-blue-lighten-3-20 { background: rgba(144, 202, 249, 0.2) !important; } .bg-blue-lighten-3-30 { background: rgba(144, 202, 249, 0.3) !important; } .bg-blue-lighten-3-40 { background: rgba(144, 202, 249, 0.4) !important; } .bg-blue-lighten-3-50 { background: rgba(144, 202, 249, 0.5) !important; } .bg-blue-lighten-3-60 { background: rgba(144, 202, 249, 0.6) !important; } .bg-blue-lighten-3-70 { background: rgba(144, 202, 249, 0.7) !important; } .bg-blue-lighten-3-80 { background: rgba(144, 202, 249, 0.8) !important; } .bg-blue-lighten-3-90 { background: rgba(144, 202, 249, 0.9) !important; } .bg-blue-lighten-3:hover, a.bg-blue-lighten-3:hover, a.bg-blue-lighten-3:focus, button.bg-blue-lighten-3:hover, button.bg-blue-lighten-3:focus { background-color: #90CAF9 !important; } .bg-blue-lighten-2 { background-color: #64B5F6 !important; } .bg-blue-lighten-2-10 { background: rgba(100, 181, 246, 0.1) !important; } .bg-blue-lighten-2-20 { background: rgba(100, 181, 246, 0.2) !important; } .bg-blue-lighten-2-30 { background: rgba(100, 181, 246, 0.3) !important; } .bg-blue-lighten-2-40 { background: rgba(100, 181, 246, 0.4) !important; } .bg-blue-lighten-2-50 { background: rgba(100, 181, 246, 0.5) !important; } .bg-blue-lighten-2-60 { background: rgba(100, 181, 246, 0.6) !important; } .bg-blue-lighten-2-70 { background: rgba(100, 181, 246, 0.7) !important; } .bg-blue-lighten-2-80 { background: rgba(100, 181, 246, 0.8) !important; } .bg-blue-lighten-2-90 { background: rgba(100, 181, 246, 0.9) !important; } .bg-blue-lighten-2:hover, a.bg-blue-lighten-2:hover, a.bg-blue-lighten-2:focus, button.bg-blue-lighten-2:hover, button.bg-blue-lighten-2:focus { background-color: #64B5F6 !important; } .bg-blue-lighten-1 { background-color: #42A5F5 !important; } .bg-blue-lighten-1-10 { background: rgba(66, 165, 245, 0.1) !important; } .bg-blue-lighten-1-20 { background: rgba(66, 165, 245, 0.2) !important; } .bg-blue-lighten-1-30 { background: rgba(66, 165, 245, 0.3) !important; } .bg-blue-lighten-1-40 { background: rgba(66, 165, 245, 0.4) !important; } .bg-blue-lighten-1-50 { background: rgba(66, 165, 245, 0.5) !important; } .bg-blue-lighten-1-60 { background: rgba(66, 165, 245, 0.6) !important; } .bg-blue-lighten-1-70 { background: rgba(66, 165, 245, 0.7) !important; } .bg-blue-lighten-1-80 { background: rgba(66, 165, 245, 0.8) !important; } .bg-blue-lighten-1-90 { background: rgba(66, 165, 245, 0.9) !important; } .bg-blue-lighten-1:hover, a.bg-blue-lighten-1:hover, a.bg-blue-lighten-1:focus, button.bg-blue-lighten-1:hover, button.bg-blue-lighten-1:focus { background-color: #42A5F5 !important; } .bg-blue-darken-1 { background-color: #1E88E5 !important; } .bg-blue-darken-1-10 { background: rgba(30, 136, 229, 0.1) !important; } .bg-blue-darken-1-20 { background: rgba(30, 136, 229, 0.2) !important; } .bg-blue-darken-1-30 { background: rgba(30, 136, 229, 0.3) !important; } .bg-blue-darken-1-40 { background: rgba(30, 136, 229, 0.4) !important; } .bg-blue-darken-1-50 { background: rgba(30, 136, 229, 0.5) !important; } .bg-blue-darken-1-60 { background: rgba(30, 136, 229, 0.6) !important; } .bg-blue-darken-1-70 { background: rgba(30, 136, 229, 0.7) !important; } .bg-blue-darken-1-80 { background: rgba(30, 136, 229, 0.8) !important; } .bg-blue-darken-1-90 { background: rgba(30, 136, 229, 0.9) !important; } .bg-blue-darken-1:hover, a.bg-blue-darken-1:hover, a.bg-blue-darken-1:focus, button.bg-blue-darken-1:hover, button.bg-blue-darken-1:focus { background-color: #1E88E5 !important; } .bg-blue-darken-2 { background-color: #1976D2 !important; } .bg-blue-darken-2-10 { background: rgba(25, 118, 210, 0.1) !important; } .bg-blue-darken-2-20 { background: rgba(25, 118, 210, 0.2) !important; } .bg-blue-darken-2-30 { background: rgba(25, 118, 210, 0.3) !important; } .bg-blue-darken-2-40 { background: rgba(25, 118, 210, 0.4) !important; } .bg-blue-darken-2-50 { background: rgba(25, 118, 210, 0.5) !important; } .bg-blue-darken-2-60 { background: rgba(25, 118, 210, 0.6) !important; } .bg-blue-darken-2-70 { background: rgba(25, 118, 210, 0.7) !important; } .bg-blue-darken-2-80 { background: rgba(25, 118, 210, 0.8) !important; } .bg-blue-darken-2-90 { background: rgba(25, 118, 210, 0.9) !important; } .bg-blue-darken-2:hover, a.bg-blue-darken-2:hover, a.bg-blue-darken-2:focus, button.bg-blue-darken-2:hover, button.bg-blue-darken-2:focus { background-color: #1976D2 !important; } .bg-blue-darken-3 { background-color: #1565C0 !important; } .bg-blue-darken-3-10 { background: rgba(21, 101, 192, 0.1) !important; } .bg-blue-darken-3-20 { background: rgba(21, 101, 192, 0.2) !important; } .bg-blue-darken-3-30 { background: rgba(21, 101, 192, 0.3) !important; } .bg-blue-darken-3-40 { background: rgba(21, 101, 192, 0.4) !important; } .bg-blue-darken-3-50 { background: rgba(21, 101, 192, 0.5) !important; } .bg-blue-darken-3-60 { background: rgba(21, 101, 192, 0.6) !important; } .bg-blue-darken-3-70 { background: rgba(21, 101, 192, 0.7) !important; } .bg-blue-darken-3-80 { background: rgba(21, 101, 192, 0.8) !important; } .bg-blue-darken-3-90 { background: rgba(21, 101, 192, 0.9) !important; } .bg-blue-darken-3:hover, a.bg-blue-darken-3:hover, a.bg-blue-darken-3:focus, button.bg-blue-darken-3:hover, button.bg-blue-darken-3:focus { background-color: #1565C0 !important; } .bg-blue-darken-4 { background-color: #0D47A1 !important; } .bg-blue-darken-4-10 { background: rgba(13, 71, 161, 0.1) !important; } .bg-blue-darken-4-20 { background: rgba(13, 71, 161, 0.2) !important; } .bg-blue-darken-4-30 { background: rgba(13, 71, 161, 0.3) !important; } .bg-blue-darken-4-40 { background: rgba(13, 71, 161, 0.4) !important; } .bg-blue-darken-4-50 { background: rgba(13, 71, 161, 0.5) !important; } .bg-blue-darken-4-60 { background: rgba(13, 71, 161, 0.6) !important; } .bg-blue-darken-4-70 { background: rgba(13, 71, 161, 0.7) !important; } .bg-blue-darken-4-80 { background: rgba(13, 71, 161, 0.8) !important; } .bg-blue-darken-4-90 { background: rgba(13, 71, 161, 0.9) !important; } .bg-blue-darken-4:hover, a.bg-blue-darken-4:hover, a.bg-blue-darken-4:focus, button.bg-blue-darken-4:hover, button.bg-blue-darken-4:focus { background-color: #0D47A1 !important; } .bg-blue-accent-1 { background-color: #82B1FF !important; } .bg-blue-accent-1-10 { background: rgba(130, 177, 255, 0.1) !important; } .bg-blue-accent-1-20 { background: rgba(130, 177, 255, 0.2) !important; } .bg-blue-accent-1-30 { background: rgba(130, 177, 255, 0.3) !important; } .bg-blue-accent-1-40 { background: rgba(130, 177, 255, 0.4) !important; } .bg-blue-accent-1-50 { background: rgba(130, 177, 255, 0.5) !important; } .bg-blue-accent-1-60 { background: rgba(130, 177, 255, 0.6) !important; } .bg-blue-accent-1-70 { background: rgba(130, 177, 255, 0.7) !important; } .bg-blue-accent-1-80 { background: rgba(130, 177, 255, 0.8) !important; } .bg-blue-accent-1-90 { background: rgba(130, 177, 255, 0.9) !important; } .bg-blue-accent-1:hover, a.bg-blue-accent-1:hover, a.bg-blue-accent-1:focus, button.bg-blue-accent-1:hover, button.bg-blue-accent-1:focus { background-color: #82B1FF !important; } .bg-blue-accent-2 { background-color: #448AFF !important; } .bg-blue-accent-2-10 { background: rgba(68, 138, 255, 0.1) !important; } .bg-blue-accent-2-20 { background: rgba(68, 138, 255, 0.2) !important; } .bg-blue-accent-2-30 { background: rgba(68, 138, 255, 0.3) !important; } .bg-blue-accent-2-40 { background: rgba(68, 138, 255, 0.4) !important; } .bg-blue-accent-2-50 { background: rgba(68, 138, 255, 0.5) !important; } .bg-blue-accent-2-60 { background: rgba(68, 138, 255, 0.6) !important; } .bg-blue-accent-2-70 { background: rgba(68, 138, 255, 0.7) !important; } .bg-blue-accent-2-80 { background: rgba(68, 138, 255, 0.8) !important; } .bg-blue-accent-2-90 { background: rgba(68, 138, 255, 0.9) !important; } .bg-blue-accent-2:hover, a.bg-blue-accent-2:hover, a.bg-blue-accent-2:focus, button.bg-blue-accent-2:hover, button.bg-blue-accent-2:focus { background-color: #448AFF !important; } .bg-blue-accent-3 { background-color: #2979FF !important; } .bg-blue-accent-3-10 { background: rgba(41, 121, 255, 0.1) !important; } .bg-blue-accent-3-20 { background: rgba(41, 121, 255, 0.2) !important; } .bg-blue-accent-3-30 { background: rgba(41, 121, 255, 0.3) !important; } .bg-blue-accent-3-40 { background: rgba(41, 121, 255, 0.4) !important; } .bg-blue-accent-3-50 { background: rgba(41, 121, 255, 0.5) !important; } .bg-blue-accent-3-60 { background: rgba(41, 121, 255, 0.6) !important; } .bg-blue-accent-3-70 { background: rgba(41, 121, 255, 0.7) !important; } .bg-blue-accent-3-80 { background: rgba(41, 121, 255, 0.8) !important; } .bg-blue-accent-3-90 { background: rgba(41, 121, 255, 0.9) !important; } .bg-blue-accent-3:hover, a.bg-blue-accent-3:hover, a.bg-blue-accent-3:focus, button.bg-blue-accent-3:hover, button.bg-blue-accent-3:focus { background-color: #2979FF !important; } .bg-blue-accent-4 { background-color: #2962FF !important; } .bg-blue-accent-4-10 { background: rgba(41, 98, 255, 0.1) !important; } .bg-blue-accent-4-20 { background: rgba(41, 98, 255, 0.2) !important; } .bg-blue-accent-4-30 { background: rgba(41, 98, 255, 0.3) !important; } .bg-blue-accent-4-40 { background: rgba(41, 98, 255, 0.4) !important; } .bg-blue-accent-4-50 { background: rgba(41, 98, 255, 0.5) !important; } .bg-blue-accent-4-60 { background: rgba(41, 98, 255, 0.6) !important; } .bg-blue-accent-4-70 { background: rgba(41, 98, 255, 0.7) !important; } .bg-blue-accent-4-80 { background: rgba(41, 98, 255, 0.8) !important; } .bg-blue-accent-4-90 { background: rgba(41, 98, 255, 0.9) !important; } .bg-blue-accent-4:hover, a.bg-blue-accent-4:hover, a.bg-blue-accent-4:focus, button.bg-blue-accent-4:hover, button.bg-blue-accent-4:focus { background-color: #2962FF !important; } .bg-light-blue { background-color: #03A9F4 !important; } .bg-light-blue-10 { background: rgba(3, 169, 244, 0.1) !important; } .bg-light-blue-20 { background: rgba(3, 169, 244, 0.2) !important; } .bg-light-blue-30 { background: rgba(3, 169, 244, 0.3) !important; } .bg-light-blue-40 { background: rgba(3, 169, 244, 0.4) !important; } .bg-light-blue-50 { background: rgba(3, 169, 244, 0.5) !important; } .bg-light-blue-60 { background: rgba(3, 169, 244, 0.6) !important; } .bg-light-blue-70 { background: rgba(3, 169, 244, 0.7) !important; } .bg-light-blue-80 { background: rgba(3, 169, 244, 0.8) !important; } .bg-light-blue-90 { background: rgba(3, 169, 244, 0.9) !important; } .bg-light-blue:hover, a.bg-light-blue:hover, a.bg-light-blue:focus, button.bg-light-blue:hover, button.bg-light-blue:focus { background-color: #03A9F4 !important; } .bg-light-blue-lighten-5 { background-color: #E1F5FE !important; } .bg-light-blue-lighten-5-10 { background: rgba(225, 245, 254, 0.1) !important; } .bg-light-blue-lighten-5-20 { background: rgba(225, 245, 254, 0.2) !important; } .bg-light-blue-lighten-5-30 { background: rgba(225, 245, 254, 0.3) !important; } .bg-light-blue-lighten-5-40 { background: rgba(225, 245, 254, 0.4) !important; } .bg-light-blue-lighten-5-50 { background: rgba(225, 245, 254, 0.5) !important; } .bg-light-blue-lighten-5-60 { background: rgba(225, 245, 254, 0.6) !important; } .bg-light-blue-lighten-5-70 { background: rgba(225, 245, 254, 0.7) !important; } .bg-light-blue-lighten-5-80 { background: rgba(225, 245, 254, 0.8) !important; } .bg-light-blue-lighten-5-90 { background: rgba(225, 245, 254, 0.9) !important; } .bg-light-blue-lighten-5:hover, a.bg-light-blue-lighten-5:hover, a.bg-light-blue-lighten-5:focus, button.bg-light-blue-lighten-5:hover, button.bg-light-blue-lighten-5:focus { background-color: #E1F5FE !important; } .bg-light-blue-lighten-4 { background-color: #B3E5FC !important; } .bg-light-blue-lighten-4-10 { background: rgba(179, 229, 252, 0.1) !important; } .bg-light-blue-lighten-4-20 { background: rgba(179, 229, 252, 0.2) !important; } .bg-light-blue-lighten-4-30 { background: rgba(179, 229, 252, 0.3) !important; } .bg-light-blue-lighten-4-40 { background: rgba(179, 229, 252, 0.4) !important; } .bg-light-blue-lighten-4-50 { background: rgba(179, 229, 252, 0.5) !important; } .bg-light-blue-lighten-4-60 { background: rgba(179, 229, 252, 0.6) !important; } .bg-light-blue-lighten-4-70 { background: rgba(179, 229, 252, 0.7) !important; } .bg-light-blue-lighten-4-80 { background: rgba(179, 229, 252, 0.8) !important; } .bg-light-blue-lighten-4-90 { background: rgba(179, 229, 252, 0.9) !important; } .bg-light-blue-lighten-4:hover, a.bg-light-blue-lighten-4:hover, a.bg-light-blue-lighten-4:focus, button.bg-light-blue-lighten-4:hover, button.bg-light-blue-lighten-4:focus { background-color: #B3E5FC !important; } .bg-light-blue-lighten-3 { background-color: #81D4FA !important; } .bg-light-blue-lighten-3-10 { background: rgba(129, 212, 250, 0.1) !important; } .bg-light-blue-lighten-3-20 { background: rgba(129, 212, 250, 0.2) !important; } .bg-light-blue-lighten-3-30 { background: rgba(129, 212, 250, 0.3) !important; } .bg-light-blue-lighten-3-40 { background: rgba(129, 212, 250, 0.4) !important; } .bg-light-blue-lighten-3-50 { background: rgba(129, 212, 250, 0.5) !important; } .bg-light-blue-lighten-3-60 { background: rgba(129, 212, 250, 0.6) !important; } .bg-light-blue-lighten-3-70 { background: rgba(129, 212, 250, 0.7) !important; } .bg-light-blue-lighten-3-80 { background: rgba(129, 212, 250, 0.8) !important; } .bg-light-blue-lighten-3-90 { background: rgba(129, 212, 250, 0.9) !important; } .bg-light-blue-lighten-3:hover, a.bg-light-blue-lighten-3:hover, a.bg-light-blue-lighten-3:focus, button.bg-light-blue-lighten-3:hover, button.bg-light-blue-lighten-3:focus { background-color: #81D4FA !important; } .bg-light-blue-lighten-2 { background-color: #4FC3F7 !important; } .bg-light-blue-lighten-2-10 { background: rgba(79, 195, 247, 0.1) !important; } .bg-light-blue-lighten-2-20 { background: rgba(79, 195, 247, 0.2) !important; } .bg-light-blue-lighten-2-30 { background: rgba(79, 195, 247, 0.3) !important; } .bg-light-blue-lighten-2-40 { background: rgba(79, 195, 247, 0.4) !important; } .bg-light-blue-lighten-2-50 { background: rgba(79, 195, 247, 0.5) !important; } .bg-light-blue-lighten-2-60 { background: rgba(79, 195, 247, 0.6) !important; } .bg-light-blue-lighten-2-70 { background: rgba(79, 195, 247, 0.7) !important; } .bg-light-blue-lighten-2-80 { background: rgba(79, 195, 247, 0.8) !important; } .bg-light-blue-lighten-2-90 { background: rgba(79, 195, 247, 0.9) !important; } .bg-light-blue-lighten-2:hover, a.bg-light-blue-lighten-2:hover, a.bg-light-blue-lighten-2:focus, button.bg-light-blue-lighten-2:hover, button.bg-light-blue-lighten-2:focus { background-color: #4FC3F7 !important; } .bg-light-blue-lighten-1 { background-color: #29B6F6 !important; } .bg-light-blue-lighten-1-10 { background: rgba(41, 182, 246, 0.1) !important; } .bg-light-blue-lighten-1-20 { background: rgba(41, 182, 246, 0.2) !important; } .bg-light-blue-lighten-1-30 { background: rgba(41, 182, 246, 0.3) !important; } .bg-light-blue-lighten-1-40 { background: rgba(41, 182, 246, 0.4) !important; } .bg-light-blue-lighten-1-50 { background: rgba(41, 182, 246, 0.5) !important; } .bg-light-blue-lighten-1-60 { background: rgba(41, 182, 246, 0.6) !important; } .bg-light-blue-lighten-1-70 { background: rgba(41, 182, 246, 0.7) !important; } .bg-light-blue-lighten-1-80 { background: rgba(41, 182, 246, 0.8) !important; } .bg-light-blue-lighten-1-90 { background: rgba(41, 182, 246, 0.9) !important; } .bg-light-blue-lighten-1:hover, a.bg-light-blue-lighten-1:hover, a.bg-light-blue-lighten-1:focus, button.bg-light-blue-lighten-1:hover, button.bg-light-blue-lighten-1:focus { background-color: #29B6F6 !important; } .bg-light-blue-darken-1 { background-color: #039BE5 !important; } .bg-light-blue-darken-1-10 { background: rgba(3, 155, 229, 0.1) !important; } .bg-light-blue-darken-1-20 { background: rgba(3, 155, 229, 0.2) !important; } .bg-light-blue-darken-1-30 { background: rgba(3, 155, 229, 0.3) !important; } .bg-light-blue-darken-1-40 { background: rgba(3, 155, 229, 0.4) !important; } .bg-light-blue-darken-1-50 { background: rgba(3, 155, 229, 0.5) !important; } .bg-light-blue-darken-1-60 { background: rgba(3, 155, 229, 0.6) !important; } .bg-light-blue-darken-1-70 { background: rgba(3, 155, 229, 0.7) !important; } .bg-light-blue-darken-1-80 { background: rgba(3, 155, 229, 0.8) !important; } .bg-light-blue-darken-1-90 { background: rgba(3, 155, 229, 0.9) !important; } .bg-light-blue-darken-1:hover, a.bg-light-blue-darken-1:hover, a.bg-light-blue-darken-1:focus, button.bg-light-blue-darken-1:hover, button.bg-light-blue-darken-1:focus { background-color: #039BE5 !important; } .bg-light-blue-darken-2 { background-color: #0288D1 !important; } .bg-light-blue-darken-2-10 { background: rgba(2, 136, 209, 0.1) !important; } .bg-light-blue-darken-2-20 { background: rgba(2, 136, 209, 0.2) !important; } .bg-light-blue-darken-2-30 { background: rgba(2, 136, 209, 0.3) !important; } .bg-light-blue-darken-2-40 { background: rgba(2, 136, 209, 0.4) !important; } .bg-light-blue-darken-2-50 { background: rgba(2, 136, 209, 0.5) !important; } .bg-light-blue-darken-2-60 { background: rgba(2, 136, 209, 0.6) !important; } .bg-light-blue-darken-2-70 { background: rgba(2, 136, 209, 0.7) !important; } .bg-light-blue-darken-2-80 { background: rgba(2, 136, 209, 0.8) !important; } .bg-light-blue-darken-2-90 { background: rgba(2, 136, 209, 0.9) !important; } .bg-light-blue-darken-2:hover, a.bg-light-blue-darken-2:hover, a.bg-light-blue-darken-2:focus, button.bg-light-blue-darken-2:hover, button.bg-light-blue-darken-2:focus { background-color: #0288D1 !important; } .bg-light-blue-darken-3 { background-color: #0277BD !important; } .bg-light-blue-darken-3-10 { background: rgba(2, 119, 189, 0.1) !important; } .bg-light-blue-darken-3-20 { background: rgba(2, 119, 189, 0.2) !important; } .bg-light-blue-darken-3-30 { background: rgba(2, 119, 189, 0.3) !important; } .bg-light-blue-darken-3-40 { background: rgba(2, 119, 189, 0.4) !important; } .bg-light-blue-darken-3-50 { background: rgba(2, 119, 189, 0.5) !important; } .bg-light-blue-darken-3-60 { background: rgba(2, 119, 189, 0.6) !important; } .bg-light-blue-darken-3-70 { background: rgba(2, 119, 189, 0.7) !important; } .bg-light-blue-darken-3-80 { background: rgba(2, 119, 189, 0.8) !important; } .bg-light-blue-darken-3-90 { background: rgba(2, 119, 189, 0.9) !important; } .bg-light-blue-darken-3:hover, a.bg-light-blue-darken-3:hover, a.bg-light-blue-darken-3:focus, button.bg-light-blue-darken-3:hover, button.bg-light-blue-darken-3:focus { background-color: #0277BD !important; } .bg-light-blue-darken-4 { background-color: #01579B !important; } .bg-light-blue-darken-4-10 { background: rgba(1, 87, 155, 0.1) !important; } .bg-light-blue-darken-4-20 { background: rgba(1, 87, 155, 0.2) !important; } .bg-light-blue-darken-4-30 { background: rgba(1, 87, 155, 0.3) !important; } .bg-light-blue-darken-4-40 { background: rgba(1, 87, 155, 0.4) !important; } .bg-light-blue-darken-4-50 { background: rgba(1, 87, 155, 0.5) !important; } .bg-light-blue-darken-4-60 { background: rgba(1, 87, 155, 0.6) !important; } .bg-light-blue-darken-4-70 { background: rgba(1, 87, 155, 0.7) !important; } .bg-light-blue-darken-4-80 { background: rgba(1, 87, 155, 0.8) !important; } .bg-light-blue-darken-4-90 { background: rgba(1, 87, 155, 0.9) !important; } .bg-light-blue-darken-4:hover, a.bg-light-blue-darken-4:hover, a.bg-light-blue-darken-4:focus, button.bg-light-blue-darken-4:hover, button.bg-light-blue-darken-4:focus { background-color: #01579B !important; } .bg-light-blue-accent-1 { background-color: #80D8FF !important; } .bg-light-blue-accent-1-10 { background: rgba(128, 216, 255, 0.1) !important; } .bg-light-blue-accent-1-20 { background: rgba(128, 216, 255, 0.2) !important; } .bg-light-blue-accent-1-30 { background: rgba(128, 216, 255, 0.3) !important; } .bg-light-blue-accent-1-40 { background: rgba(128, 216, 255, 0.4) !important; } .bg-light-blue-accent-1-50 { background: rgba(128, 216, 255, 0.5) !important; } .bg-light-blue-accent-1-60 { background: rgba(128, 216, 255, 0.6) !important; } .bg-light-blue-accent-1-70 { background: rgba(128, 216, 255, 0.7) !important; } .bg-light-blue-accent-1-80 { background: rgba(128, 216, 255, 0.8) !important; } .bg-light-blue-accent-1-90 { background: rgba(128, 216, 255, 0.9) !important; } .bg-light-blue-accent-1:hover, a.bg-light-blue-accent-1:hover, a.bg-light-blue-accent-1:focus, button.bg-light-blue-accent-1:hover, button.bg-light-blue-accent-1:focus { background-color: #80D8FF !important; } .bg-light-blue-accent-2 { background-color: #40C4FF !important; } .bg-light-blue-accent-2-10 { background: rgba(64, 196, 255, 0.1) !important; } .bg-light-blue-accent-2-20 { background: rgba(64, 196, 255, 0.2) !important; } .bg-light-blue-accent-2-30 { background: rgba(64, 196, 255, 0.3) !important; } .bg-light-blue-accent-2-40 { background: rgba(64, 196, 255, 0.4) !important; } .bg-light-blue-accent-2-50 { background: rgba(64, 196, 255, 0.5) !important; } .bg-light-blue-accent-2-60 { background: rgba(64, 196, 255, 0.6) !important; } .bg-light-blue-accent-2-70 { background: rgba(64, 196, 255, 0.7) !important; } .bg-light-blue-accent-2-80 { background: rgba(64, 196, 255, 0.8) !important; } .bg-light-blue-accent-2-90 { background: rgba(64, 196, 255, 0.9) !important; } .bg-light-blue-accent-2:hover, a.bg-light-blue-accent-2:hover, a.bg-light-blue-accent-2:focus, button.bg-light-blue-accent-2:hover, button.bg-light-blue-accent-2:focus { background-color: #40C4FF !important; } .bg-light-blue-accent-3 { background-color: #00B0FF !important; } .bg-light-blue-accent-3-10 { background: rgba(0, 176, 255, 0.1) !important; } .bg-light-blue-accent-3-20 { background: rgba(0, 176, 255, 0.2) !important; } .bg-light-blue-accent-3-30 { background: rgba(0, 176, 255, 0.3) !important; } .bg-light-blue-accent-3-40 { background: rgba(0, 176, 255, 0.4) !important; } .bg-light-blue-accent-3-50 { background: rgba(0, 176, 255, 0.5) !important; } .bg-light-blue-accent-3-60 { background: rgba(0, 176, 255, 0.6) !important; } .bg-light-blue-accent-3-70 { background: rgba(0, 176, 255, 0.7) !important; } .bg-light-blue-accent-3-80 { background: rgba(0, 176, 255, 0.8) !important; } .bg-light-blue-accent-3-90 { background: rgba(0, 176, 255, 0.9) !important; } .bg-light-blue-accent-3:hover, a.bg-light-blue-accent-3:hover, a.bg-light-blue-accent-3:focus, button.bg-light-blue-accent-3:hover, button.bg-light-blue-accent-3:focus { background-color: #00B0FF !important; } .bg-light-blue-accent-4 { background-color: #0091EA !important; } .bg-light-blue-accent-4-10 { background: rgba(0, 145, 234, 0.1) !important; } .bg-light-blue-accent-4-20 { background: rgba(0, 145, 234, 0.2) !important; } .bg-light-blue-accent-4-30 { background: rgba(0, 145, 234, 0.3) !important; } .bg-light-blue-accent-4-40 { background: rgba(0, 145, 234, 0.4) !important; } .bg-light-blue-accent-4-50 { background: rgba(0, 145, 234, 0.5) !important; } .bg-light-blue-accent-4-60 { background: rgba(0, 145, 234, 0.6) !important; } .bg-light-blue-accent-4-70 { background: rgba(0, 145, 234, 0.7) !important; } .bg-light-blue-accent-4-80 { background: rgba(0, 145, 234, 0.8) !important; } .bg-light-blue-accent-4-90 { background: rgba(0, 145, 234, 0.9) !important; } .bg-light-blue-accent-4:hover, a.bg-light-blue-accent-4:hover, a.bg-light-blue-accent-4:focus, button.bg-light-blue-accent-4:hover, button.bg-light-blue-accent-4:focus { background-color: #0091EA !important; } .bg-cyan { background-color: #00BCD4 !important; } .bg-cyan-10 { background: rgba(0, 188, 212, 0.1) !important; } .bg-cyan-20 { background: rgba(0, 188, 212, 0.2) !important; } .bg-cyan-30 { background: rgba(0, 188, 212, 0.3) !important; } .bg-cyan-40 { background: rgba(0, 188, 212, 0.4) !important; } .bg-cyan-50 { background: rgba(0, 188, 212, 0.5) !important; } .bg-cyan-60 { background: rgba(0, 188, 212, 0.6) !important; } .bg-cyan-70 { background: rgba(0, 188, 212, 0.7) !important; } .bg-cyan-80 { background: rgba(0, 188, 212, 0.8) !important; } .bg-cyan-90 { background: rgba(0, 188, 212, 0.9) !important; } .bg-cyan:hover, a.bg-cyan:hover, a.bg-cyan:focus, button.bg-cyan:hover, button.bg-cyan:focus { background-color: #00BCD4 !important; } .bg-cyan-lighten-5 { background-color: #E0F7FA !important; } .bg-cyan-lighten-5-10 { background: rgba(224, 247, 250, 0.1) !important; } .bg-cyan-lighten-5-20 { background: rgba(224, 247, 250, 0.2) !important; } .bg-cyan-lighten-5-30 { background: rgba(224, 247, 250, 0.3) !important; } .bg-cyan-lighten-5-40 { background: rgba(224, 247, 250, 0.4) !important; } .bg-cyan-lighten-5-50 { background: rgba(224, 247, 250, 0.5) !important; } .bg-cyan-lighten-5-60 { background: rgba(224, 247, 250, 0.6) !important; } .bg-cyan-lighten-5-70 { background: rgba(224, 247, 250, 0.7) !important; } .bg-cyan-lighten-5-80 { background: rgba(224, 247, 250, 0.8) !important; } .bg-cyan-lighten-5-90 { background: rgba(224, 247, 250, 0.9) !important; } .bg-cyan-lighten-5:hover, a.bg-cyan-lighten-5:hover, a.bg-cyan-lighten-5:focus, button.bg-cyan-lighten-5:hover, button.bg-cyan-lighten-5:focus { background-color: #E0F7FA !important; } .bg-cyan-lighten-4 { background-color: #B2EBF2 !important; } .bg-cyan-lighten-4-10 { background: rgba(178, 235, 242, 0.1) !important; } .bg-cyan-lighten-4-20 { background: rgba(178, 235, 242, 0.2) !important; } .bg-cyan-lighten-4-30 { background: rgba(178, 235, 242, 0.3) !important; } .bg-cyan-lighten-4-40 { background: rgba(178, 235, 242, 0.4) !important; } .bg-cyan-lighten-4-50 { background: rgba(178, 235, 242, 0.5) !important; } .bg-cyan-lighten-4-60 { background: rgba(178, 235, 242, 0.6) !important; } .bg-cyan-lighten-4-70 { background: rgba(178, 235, 242, 0.7) !important; } .bg-cyan-lighten-4-80 { background: rgba(178, 235, 242, 0.8) !important; } .bg-cyan-lighten-4-90 { background: rgba(178, 235, 242, 0.9) !important; } .bg-cyan-lighten-4:hover, a.bg-cyan-lighten-4:hover, a.bg-cyan-lighten-4:focus, button.bg-cyan-lighten-4:hover, button.bg-cyan-lighten-4:focus { background-color: #B2EBF2 !important; } .bg-cyan-lighten-3 { background-color: #80DEEA !important; } .bg-cyan-lighten-3-10 { background: rgba(128, 222, 234, 0.1) !important; } .bg-cyan-lighten-3-20 { background: rgba(128, 222, 234, 0.2) !important; } .bg-cyan-lighten-3-30 { background: rgba(128, 222, 234, 0.3) !important; } .bg-cyan-lighten-3-40 { background: rgba(128, 222, 234, 0.4) !important; } .bg-cyan-lighten-3-50 { background: rgba(128, 222, 234, 0.5) !important; } .bg-cyan-lighten-3-60 { background: rgba(128, 222, 234, 0.6) !important; } .bg-cyan-lighten-3-70 { background: rgba(128, 222, 234, 0.7) !important; } .bg-cyan-lighten-3-80 { background: rgba(128, 222, 234, 0.8) !important; } .bg-cyan-lighten-3-90 { background: rgba(128, 222, 234, 0.9) !important; } .bg-cyan-lighten-3:hover, a.bg-cyan-lighten-3:hover, a.bg-cyan-lighten-3:focus, button.bg-cyan-lighten-3:hover, button.bg-cyan-lighten-3:focus { background-color: #80DEEA !important; } .bg-cyan-lighten-2 { background-color: #4DD0E1 !important; } .bg-cyan-lighten-2-10 { background: rgba(77, 208, 225, 0.1) !important; } .bg-cyan-lighten-2-20 { background: rgba(77, 208, 225, 0.2) !important; } .bg-cyan-lighten-2-30 { background: rgba(77, 208, 225, 0.3) !important; } .bg-cyan-lighten-2-40 { background: rgba(77, 208, 225, 0.4) !important; } .bg-cyan-lighten-2-50 { background: rgba(77, 208, 225, 0.5) !important; } .bg-cyan-lighten-2-60 { background: rgba(77, 208, 225, 0.6) !important; } .bg-cyan-lighten-2-70 { background: rgba(77, 208, 225, 0.7) !important; } .bg-cyan-lighten-2-80 { background: rgba(77, 208, 225, 0.8) !important; } .bg-cyan-lighten-2-90 { background: rgba(77, 208, 225, 0.9) !important; } .bg-cyan-lighten-2:hover, a.bg-cyan-lighten-2:hover, a.bg-cyan-lighten-2:focus, button.bg-cyan-lighten-2:hover, button.bg-cyan-lighten-2:focus { background-color: #4DD0E1 !important; } .bg-cyan-lighten-1 { background-color: #26C6DA !important; } .bg-cyan-lighten-1-10 { background: rgba(38, 198, 218, 0.1) !important; } .bg-cyan-lighten-1-20 { background: rgba(38, 198, 218, 0.2) !important; } .bg-cyan-lighten-1-30 { background: rgba(38, 198, 218, 0.3) !important; } .bg-cyan-lighten-1-40 { background: rgba(38, 198, 218, 0.4) !important; } .bg-cyan-lighten-1-50 { background: rgba(38, 198, 218, 0.5) !important; } .bg-cyan-lighten-1-60 { background: rgba(38, 198, 218, 0.6) !important; } .bg-cyan-lighten-1-70 { background: rgba(38, 198, 218, 0.7) !important; } .bg-cyan-lighten-1-80 { background: rgba(38, 198, 218, 0.8) !important; } .bg-cyan-lighten-1-90 { background: rgba(38, 198, 218, 0.9) !important; } .bg-cyan-lighten-1:hover, a.bg-cyan-lighten-1:hover, a.bg-cyan-lighten-1:focus, button.bg-cyan-lighten-1:hover, button.bg-cyan-lighten-1:focus { background-color: #26C6DA !important; } .bg-cyan-darken-1 { background-color: #00ACC1 !important; } .bg-cyan-darken-1-10 { background: rgba(0, 172, 193, 0.1) !important; } .bg-cyan-darken-1-20 { background: rgba(0, 172, 193, 0.2) !important; } .bg-cyan-darken-1-30 { background: rgba(0, 172, 193, 0.3) !important; } .bg-cyan-darken-1-40 { background: rgba(0, 172, 193, 0.4) !important; } .bg-cyan-darken-1-50 { background: rgba(0, 172, 193, 0.5) !important; } .bg-cyan-darken-1-60 { background: rgba(0, 172, 193, 0.6) !important; } .bg-cyan-darken-1-70 { background: rgba(0, 172, 193, 0.7) !important; } .bg-cyan-darken-1-80 { background: rgba(0, 172, 193, 0.8) !important; } .bg-cyan-darken-1-90 { background: rgba(0, 172, 193, 0.9) !important; } .bg-cyan-darken-1:hover, a.bg-cyan-darken-1:hover, a.bg-cyan-darken-1:focus, button.bg-cyan-darken-1:hover, button.bg-cyan-darken-1:focus { background-color: #00ACC1 !important; } .bg-cyan-darken-2 { background-color: #0097A7 !important; } .bg-cyan-darken-2-10 { background: rgba(0, 151, 167, 0.1) !important; } .bg-cyan-darken-2-20 { background: rgba(0, 151, 167, 0.2) !important; } .bg-cyan-darken-2-30 { background: rgba(0, 151, 167, 0.3) !important; } .bg-cyan-darken-2-40 { background: rgba(0, 151, 167, 0.4) !important; } .bg-cyan-darken-2-50 { background: rgba(0, 151, 167, 0.5) !important; } .bg-cyan-darken-2-60 { background: rgba(0, 151, 167, 0.6) !important; } .bg-cyan-darken-2-70 { background: rgba(0, 151, 167, 0.7) !important; } .bg-cyan-darken-2-80 { background: rgba(0, 151, 167, 0.8) !important; } .bg-cyan-darken-2-90 { background: rgba(0, 151, 167, 0.9) !important; } .bg-cyan-darken-2:hover, a.bg-cyan-darken-2:hover, a.bg-cyan-darken-2:focus, button.bg-cyan-darken-2:hover, button.bg-cyan-darken-2:focus { background-color: #0097A7 !important; } .bg-cyan-darken-3 { background-color: #00838F !important; } .bg-cyan-darken-3-10 { background: rgba(0, 131, 143, 0.1) !important; } .bg-cyan-darken-3-20 { background: rgba(0, 131, 143, 0.2) !important; } .bg-cyan-darken-3-30 { background: rgba(0, 131, 143, 0.3) !important; } .bg-cyan-darken-3-40 { background: rgba(0, 131, 143, 0.4) !important; } .bg-cyan-darken-3-50 { background: rgba(0, 131, 143, 0.5) !important; } .bg-cyan-darken-3-60 { background: rgba(0, 131, 143, 0.6) !important; } .bg-cyan-darken-3-70 { background: rgba(0, 131, 143, 0.7) !important; } .bg-cyan-darken-3-80 { background: rgba(0, 131, 143, 0.8) !important; } .bg-cyan-darken-3-90 { background: rgba(0, 131, 143, 0.9) !important; } .bg-cyan-darken-3:hover, a.bg-cyan-darken-3:hover, a.bg-cyan-darken-3:focus, button.bg-cyan-darken-3:hover, button.bg-cyan-darken-3:focus { background-color: #00838F !important; } .bg-cyan-darken-4 { background-color: #006064 !important; } .bg-cyan-darken-4-10 { background: rgba(0, 96, 100, 0.1) !important; } .bg-cyan-darken-4-20 { background: rgba(0, 96, 100, 0.2) !important; } .bg-cyan-darken-4-30 { background: rgba(0, 96, 100, 0.3) !important; } .bg-cyan-darken-4-40 { background: rgba(0, 96, 100, 0.4) !important; } .bg-cyan-darken-4-50 { background: rgba(0, 96, 100, 0.5) !important; } .bg-cyan-darken-4-60 { background: rgba(0, 96, 100, 0.6) !important; } .bg-cyan-darken-4-70 { background: rgba(0, 96, 100, 0.7) !important; } .bg-cyan-darken-4-80 { background: rgba(0, 96, 100, 0.8) !important; } .bg-cyan-darken-4-90 { background: rgba(0, 96, 100, 0.9) !important; } .bg-cyan-darken-4:hover, a.bg-cyan-darken-4:hover, a.bg-cyan-darken-4:focus, button.bg-cyan-darken-4:hover, button.bg-cyan-darken-4:focus { background-color: #006064 !important; } .bg-cyan-accent-1 { background-color: #84FFFF !important; } .bg-cyan-accent-1-10 { background: rgba(132, 255, 255, 0.1) !important; } .bg-cyan-accent-1-20 { background: rgba(132, 255, 255, 0.2) !important; } .bg-cyan-accent-1-30 { background: rgba(132, 255, 255, 0.3) !important; } .bg-cyan-accent-1-40 { background: rgba(132, 255, 255, 0.4) !important; } .bg-cyan-accent-1-50 { background: rgba(132, 255, 255, 0.5) !important; } .bg-cyan-accent-1-60 { background: rgba(132, 255, 255, 0.6) !important; } .bg-cyan-accent-1-70 { background: rgba(132, 255, 255, 0.7) !important; } .bg-cyan-accent-1-80 { background: rgba(132, 255, 255, 0.8) !important; } .bg-cyan-accent-1-90 { background: rgba(132, 255, 255, 0.9) !important; } .bg-cyan-accent-1:hover, a.bg-cyan-accent-1:hover, a.bg-cyan-accent-1:focus, button.bg-cyan-accent-1:hover, button.bg-cyan-accent-1:focus { background-color: #84FFFF !important; } .bg-cyan-accent-2 { background-color: #18FFFF !important; } .bg-cyan-accent-2-10 { background: rgba(24, 255, 255, 0.1) !important; } .bg-cyan-accent-2-20 { background: rgba(24, 255, 255, 0.2) !important; } .bg-cyan-accent-2-30 { background: rgba(24, 255, 255, 0.3) !important; } .bg-cyan-accent-2-40 { background: rgba(24, 255, 255, 0.4) !important; } .bg-cyan-accent-2-50 { background: rgba(24, 255, 255, 0.5) !important; } .bg-cyan-accent-2-60 { background: rgba(24, 255, 255, 0.6) !important; } .bg-cyan-accent-2-70 { background: rgba(24, 255, 255, 0.7) !important; } .bg-cyan-accent-2-80 { background: rgba(24, 255, 255, 0.8) !important; } .bg-cyan-accent-2-90 { background: rgba(24, 255, 255, 0.9) !important; } .bg-cyan-accent-2:hover, a.bg-cyan-accent-2:hover, a.bg-cyan-accent-2:focus, button.bg-cyan-accent-2:hover, button.bg-cyan-accent-2:focus { background-color: #18FFFF !important; } .bg-cyan-accent-3 { background-color: #00E5FF !important; } .bg-cyan-accent-3-10 { background: rgba(0, 229, 255, 0.1) !important; } .bg-cyan-accent-3-20 { background: rgba(0, 229, 255, 0.2) !important; } .bg-cyan-accent-3-30 { background: rgba(0, 229, 255, 0.3) !important; } .bg-cyan-accent-3-40 { background: rgba(0, 229, 255, 0.4) !important; } .bg-cyan-accent-3-50 { background: rgba(0, 229, 255, 0.5) !important; } .bg-cyan-accent-3-60 { background: rgba(0, 229, 255, 0.6) !important; } .bg-cyan-accent-3-70 { background: rgba(0, 229, 255, 0.7) !important; } .bg-cyan-accent-3-80 { background: rgba(0, 229, 255, 0.8) !important; } .bg-cyan-accent-3-90 { background: rgba(0, 229, 255, 0.9) !important; } .bg-cyan-accent-3:hover, a.bg-cyan-accent-3:hover, a.bg-cyan-accent-3:focus, button.bg-cyan-accent-3:hover, button.bg-cyan-accent-3:focus { background-color: #00E5FF !important; } .bg-cyan-accent-4 { background-color: #00B8D4 !important; } .bg-cyan-accent-4-10 { background: rgba(0, 184, 212, 0.1) !important; } .bg-cyan-accent-4-20 { background: rgba(0, 184, 212, 0.2) !important; } .bg-cyan-accent-4-30 { background: rgba(0, 184, 212, 0.3) !important; } .bg-cyan-accent-4-40 { background: rgba(0, 184, 212, 0.4) !important; } .bg-cyan-accent-4-50 { background: rgba(0, 184, 212, 0.5) !important; } .bg-cyan-accent-4-60 { background: rgba(0, 184, 212, 0.6) !important; } .bg-cyan-accent-4-70 { background: rgba(0, 184, 212, 0.7) !important; } .bg-cyan-accent-4-80 { background: rgba(0, 184, 212, 0.8) !important; } .bg-cyan-accent-4-90 { background: rgba(0, 184, 212, 0.9) !important; } .bg-cyan-accent-4:hover, a.bg-cyan-accent-4:hover, a.bg-cyan-accent-4:focus, button.bg-cyan-accent-4:hover, button.bg-cyan-accent-4:focus { background-color: #00B8D4 !important; } .bg-teal { background-color: #009688 !important; } .bg-teal-10 { background: rgba(0, 150, 136, 0.1) !important; } .bg-teal-20 { background: rgba(0, 150, 136, 0.2) !important; } .bg-teal-30 { background: rgba(0, 150, 136, 0.3) !important; } .bg-teal-40 { background: rgba(0, 150, 136, 0.4) !important; } .bg-teal-50 { background: rgba(0, 150, 136, 0.5) !important; } .bg-teal-60 { background: rgba(0, 150, 136, 0.6) !important; } .bg-teal-70 { background: rgba(0, 150, 136, 0.7) !important; } .bg-teal-80 { background: rgba(0, 150, 136, 0.8) !important; } .bg-teal-90 { background: rgba(0, 150, 136, 0.9) !important; } .bg-teal:hover, a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus { background-color: #009688 !important; } .bg-teal-lighten-5 { background-color: #E0F2F1 !important; } .bg-teal-lighten-5-10 { background: rgba(224, 242, 241, 0.1) !important; } .bg-teal-lighten-5-20 { background: rgba(224, 242, 241, 0.2) !important; } .bg-teal-lighten-5-30 { background: rgba(224, 242, 241, 0.3) !important; } .bg-teal-lighten-5-40 { background: rgba(224, 242, 241, 0.4) !important; } .bg-teal-lighten-5-50 { background: rgba(224, 242, 241, 0.5) !important; } .bg-teal-lighten-5-60 { background: rgba(224, 242, 241, 0.6) !important; } .bg-teal-lighten-5-70 { background: rgba(224, 242, 241, 0.7) !important; } .bg-teal-lighten-5-80 { background: rgba(224, 242, 241, 0.8) !important; } .bg-teal-lighten-5-90 { background: rgba(224, 242, 241, 0.9) !important; } .bg-teal-lighten-5:hover, a.bg-teal-lighten-5:hover, a.bg-teal-lighten-5:focus, button.bg-teal-lighten-5:hover, button.bg-teal-lighten-5:focus { background-color: #E0F2F1 !important; } .bg-teal-lighten-4 { background-color: #B2DFDB !important; } .bg-teal-lighten-4-10 { background: rgba(178, 223, 219, 0.1) !important; } .bg-teal-lighten-4-20 { background: rgba(178, 223, 219, 0.2) !important; } .bg-teal-lighten-4-30 { background: rgba(178, 223, 219, 0.3) !important; } .bg-teal-lighten-4-40 { background: rgba(178, 223, 219, 0.4) !important; } .bg-teal-lighten-4-50 { background: rgba(178, 223, 219, 0.5) !important; } .bg-teal-lighten-4-60 { background: rgba(178, 223, 219, 0.6) !important; } .bg-teal-lighten-4-70 { background: rgba(178, 223, 219, 0.7) !important; } .bg-teal-lighten-4-80 { background: rgba(178, 223, 219, 0.8) !important; } .bg-teal-lighten-4-90 { background: rgba(178, 223, 219, 0.9) !important; } .bg-teal-lighten-4:hover, a.bg-teal-lighten-4:hover, a.bg-teal-lighten-4:focus, button.bg-teal-lighten-4:hover, button.bg-teal-lighten-4:focus { background-color: #B2DFDB !important; } .bg-teal-lighten-3 { background-color: #80CBC4 !important; } .bg-teal-lighten-3-10 { background: rgba(128, 203, 196, 0.1) !important; } .bg-teal-lighten-3-20 { background: rgba(128, 203, 196, 0.2) !important; } .bg-teal-lighten-3-30 { background: rgba(128, 203, 196, 0.3) !important; } .bg-teal-lighten-3-40 { background: rgba(128, 203, 196, 0.4) !important; } .bg-teal-lighten-3-50 { background: rgba(128, 203, 196, 0.5) !important; } .bg-teal-lighten-3-60 { background: rgba(128, 203, 196, 0.6) !important; } .bg-teal-lighten-3-70 { background: rgba(128, 203, 196, 0.7) !important; } .bg-teal-lighten-3-80 { background: rgba(128, 203, 196, 0.8) !important; } .bg-teal-lighten-3-90 { background: rgba(128, 203, 196, 0.9) !important; } .bg-teal-lighten-3:hover, a.bg-teal-lighten-3:hover, a.bg-teal-lighten-3:focus, button.bg-teal-lighten-3:hover, button.bg-teal-lighten-3:focus { background-color: #80CBC4 !important; } .bg-teal-lighten-2 { background-color: #4DB6AC !important; } .bg-teal-lighten-2-10 { background: rgba(77, 182, 172, 0.1) !important; } .bg-teal-lighten-2-20 { background: rgba(77, 182, 172, 0.2) !important; } .bg-teal-lighten-2-30 { background: rgba(77, 182, 172, 0.3) !important; } .bg-teal-lighten-2-40 { background: rgba(77, 182, 172, 0.4) !important; } .bg-teal-lighten-2-50 { background: rgba(77, 182, 172, 0.5) !important; } .bg-teal-lighten-2-60 { background: rgba(77, 182, 172, 0.6) !important; } .bg-teal-lighten-2-70 { background: rgba(77, 182, 172, 0.7) !important; } .bg-teal-lighten-2-80 { background: rgba(77, 182, 172, 0.8) !important; } .bg-teal-lighten-2-90 { background: rgba(77, 182, 172, 0.9) !important; } .bg-teal-lighten-2:hover, a.bg-teal-lighten-2:hover, a.bg-teal-lighten-2:focus, button.bg-teal-lighten-2:hover, button.bg-teal-lighten-2:focus { background-color: #4DB6AC !important; } .bg-teal-lighten-1 { background-color: #26A69A !important; } .bg-teal-lighten-1-10 { background: rgba(38, 166, 154, 0.1) !important; } .bg-teal-lighten-1-20 { background: rgba(38, 166, 154, 0.2) !important; } .bg-teal-lighten-1-30 { background: rgba(38, 166, 154, 0.3) !important; } .bg-teal-lighten-1-40 { background: rgba(38, 166, 154, 0.4) !important; } .bg-teal-lighten-1-50 { background: rgba(38, 166, 154, 0.5) !important; } .bg-teal-lighten-1-60 { background: rgba(38, 166, 154, 0.6) !important; } .bg-teal-lighten-1-70 { background: rgba(38, 166, 154, 0.7) !important; } .bg-teal-lighten-1-80 { background: rgba(38, 166, 154, 0.8) !important; } .bg-teal-lighten-1-90 { background: rgba(38, 166, 154, 0.9) !important; } .bg-teal-lighten-1:hover, a.bg-teal-lighten-1:hover, a.bg-teal-lighten-1:focus, button.bg-teal-lighten-1:hover, button.bg-teal-lighten-1:focus { background-color: #26A69A !important; } .bg-teal-darken-1 { background-color: #00897B !important; } .bg-teal-darken-1-10 { background: rgba(0, 137, 123, 0.1) !important; } .bg-teal-darken-1-20 { background: rgba(0, 137, 123, 0.2) !important; } .bg-teal-darken-1-30 { background: rgba(0, 137, 123, 0.3) !important; } .bg-teal-darken-1-40 { background: rgba(0, 137, 123, 0.4) !important; } .bg-teal-darken-1-50 { background: rgba(0, 137, 123, 0.5) !important; } .bg-teal-darken-1-60 { background: rgba(0, 137, 123, 0.6) !important; } .bg-teal-darken-1-70 { background: rgba(0, 137, 123, 0.7) !important; } .bg-teal-darken-1-80 { background: rgba(0, 137, 123, 0.8) !important; } .bg-teal-darken-1-90 { background: rgba(0, 137, 123, 0.9) !important; } .bg-teal-darken-1:hover, a.bg-teal-darken-1:hover, a.bg-teal-darken-1:focus, button.bg-teal-darken-1:hover, button.bg-teal-darken-1:focus { background-color: #00897B !important; } .bg-teal-darken-2 { background-color: #00796B !important; } .bg-teal-darken-2-10 { background: rgba(0, 121, 107, 0.1) !important; } .bg-teal-darken-2-20 { background: rgba(0, 121, 107, 0.2) !important; } .bg-teal-darken-2-30 { background: rgba(0, 121, 107, 0.3) !important; } .bg-teal-darken-2-40 { background: rgba(0, 121, 107, 0.4) !important; } .bg-teal-darken-2-50 { background: rgba(0, 121, 107, 0.5) !important; } .bg-teal-darken-2-60 { background: rgba(0, 121, 107, 0.6) !important; } .bg-teal-darken-2-70 { background: rgba(0, 121, 107, 0.7) !important; } .bg-teal-darken-2-80 { background: rgba(0, 121, 107, 0.8) !important; } .bg-teal-darken-2-90 { background: rgba(0, 121, 107, 0.9) !important; } .bg-teal-darken-2:hover, a.bg-teal-darken-2:hover, a.bg-teal-darken-2:focus, button.bg-teal-darken-2:hover, button.bg-teal-darken-2:focus { background-color: #00796B !important; } .bg-teal-darken-3 { background-color: #00695C !important; } .bg-teal-darken-3-10 { background: rgba(0, 105, 92, 0.1) !important; } .bg-teal-darken-3-20 { background: rgba(0, 105, 92, 0.2) !important; } .bg-teal-darken-3-30 { background: rgba(0, 105, 92, 0.3) !important; } .bg-teal-darken-3-40 { background: rgba(0, 105, 92, 0.4) !important; } .bg-teal-darken-3-50 { background: rgba(0, 105, 92, 0.5) !important; } .bg-teal-darken-3-60 { background: rgba(0, 105, 92, 0.6) !important; } .bg-teal-darken-3-70 { background: rgba(0, 105, 92, 0.7) !important; } .bg-teal-darken-3-80 { background: rgba(0, 105, 92, 0.8) !important; } .bg-teal-darken-3-90 { background: rgba(0, 105, 92, 0.9) !important; } .bg-teal-darken-3:hover, a.bg-teal-darken-3:hover, a.bg-teal-darken-3:focus, button.bg-teal-darken-3:hover, button.bg-teal-darken-3:focus { background-color: #00695C !important; } .bg-teal-darken-4 { background-color: #004D40 !important; } .bg-teal-darken-4-10 { background: rgba(0, 77, 64, 0.1) !important; } .bg-teal-darken-4-20 { background: rgba(0, 77, 64, 0.2) !important; } .bg-teal-darken-4-30 { background: rgba(0, 77, 64, 0.3) !important; } .bg-teal-darken-4-40 { background: rgba(0, 77, 64, 0.4) !important; } .bg-teal-darken-4-50 { background: rgba(0, 77, 64, 0.5) !important; } .bg-teal-darken-4-60 { background: rgba(0, 77, 64, 0.6) !important; } .bg-teal-darken-4-70 { background: rgba(0, 77, 64, 0.7) !important; } .bg-teal-darken-4-80 { background: rgba(0, 77, 64, 0.8) !important; } .bg-teal-darken-4-90 { background: rgba(0, 77, 64, 0.9) !important; } .bg-teal-darken-4:hover, a.bg-teal-darken-4:hover, a.bg-teal-darken-4:focus, button.bg-teal-darken-4:hover, button.bg-teal-darken-4:focus { background-color: #004D40 !important; } .bg-teal-accent-1 { background-color: #A7FFEB !important; } .bg-teal-accent-1-10 { background: rgba(167, 255, 235, 0.1) !important; } .bg-teal-accent-1-20 { background: rgba(167, 255, 235, 0.2) !important; } .bg-teal-accent-1-30 { background: rgba(167, 255, 235, 0.3) !important; } .bg-teal-accent-1-40 { background: rgba(167, 255, 235, 0.4) !important; } .bg-teal-accent-1-50 { background: rgba(167, 255, 235, 0.5) !important; } .bg-teal-accent-1-60 { background: rgba(167, 255, 235, 0.6) !important; } .bg-teal-accent-1-70 { background: rgba(167, 255, 235, 0.7) !important; } .bg-teal-accent-1-80 { background: rgba(167, 255, 235, 0.8) !important; } .bg-teal-accent-1-90 { background: rgba(167, 255, 235, 0.9) !important; } .bg-teal-accent-1:hover, a.bg-teal-accent-1:hover, a.bg-teal-accent-1:focus, button.bg-teal-accent-1:hover, button.bg-teal-accent-1:focus { background-color: #A7FFEB !important; } .bg-teal-accent-2 { background-color: #64FFDA !important; } .bg-teal-accent-2-10 { background: rgba(100, 255, 218, 0.1) !important; } .bg-teal-accent-2-20 { background: rgba(100, 255, 218, 0.2) !important; } .bg-teal-accent-2-30 { background: rgba(100, 255, 218, 0.3) !important; } .bg-teal-accent-2-40 { background: rgba(100, 255, 218, 0.4) !important; } .bg-teal-accent-2-50 { background: rgba(100, 255, 218, 0.5) !important; } .bg-teal-accent-2-60 { background: rgba(100, 255, 218, 0.6) !important; } .bg-teal-accent-2-70 { background: rgba(100, 255, 218, 0.7) !important; } .bg-teal-accent-2-80 { background: rgba(100, 255, 218, 0.8) !important; } .bg-teal-accent-2-90 { background: rgba(100, 255, 218, 0.9) !important; } .bg-teal-accent-2:hover, a.bg-teal-accent-2:hover, a.bg-teal-accent-2:focus, button.bg-teal-accent-2:hover, button.bg-teal-accent-2:focus { background-color: #64FFDA !important; } .bg-teal-accent-3 { background-color: #1DE9B6 !important; } .bg-teal-accent-3-10 { background: rgba(29, 233, 182, 0.1) !important; } .bg-teal-accent-3-20 { background: rgba(29, 233, 182, 0.2) !important; } .bg-teal-accent-3-30 { background: rgba(29, 233, 182, 0.3) !important; } .bg-teal-accent-3-40 { background: rgba(29, 233, 182, 0.4) !important; } .bg-teal-accent-3-50 { background: rgba(29, 233, 182, 0.5) !important; } .bg-teal-accent-3-60 { background: rgba(29, 233, 182, 0.6) !important; } .bg-teal-accent-3-70 { background: rgba(29, 233, 182, 0.7) !important; } .bg-teal-accent-3-80 { background: rgba(29, 233, 182, 0.8) !important; } .bg-teal-accent-3-90 { background: rgba(29, 233, 182, 0.9) !important; } .bg-teal-accent-3:hover, a.bg-teal-accent-3:hover, a.bg-teal-accent-3:focus, button.bg-teal-accent-3:hover, button.bg-teal-accent-3:focus { background-color: #1DE9B6 !important; } .bg-teal-accent-4 { background-color: #00BFA5 !important; } .bg-teal-accent-4-10 { background: rgba(0, 191, 165, 0.1) !important; } .bg-teal-accent-4-20 { background: rgba(0, 191, 165, 0.2) !important; } .bg-teal-accent-4-30 { background: rgba(0, 191, 165, 0.3) !important; } .bg-teal-accent-4-40 { background: rgba(0, 191, 165, 0.4) !important; } .bg-teal-accent-4-50 { background: rgba(0, 191, 165, 0.5) !important; } .bg-teal-accent-4-60 { background: rgba(0, 191, 165, 0.6) !important; } .bg-teal-accent-4-70 { background: rgba(0, 191, 165, 0.7) !important; } .bg-teal-accent-4-80 { background: rgba(0, 191, 165, 0.8) !important; } .bg-teal-accent-4-90 { background: rgba(0, 191, 165, 0.9) !important; } .bg-teal-accent-4:hover, a.bg-teal-accent-4:hover, a.bg-teal-accent-4:focus, button.bg-teal-accent-4:hover, button.bg-teal-accent-4:focus { background-color: #00BFA5 !important; } .bg-green { background-color: #4CAF50 !important; } .bg-green-10 { background: rgba(76, 175, 80, 0.1) !important; } .bg-green-20 { background: rgba(76, 175, 80, 0.2) !important; } .bg-green-30 { background: rgba(76, 175, 80, 0.3) !important; } .bg-green-40 { background: rgba(76, 175, 80, 0.4) !important; } .bg-green-50 { background: rgba(76, 175, 80, 0.5) !important; } .bg-green-60 { background: rgba(76, 175, 80, 0.6) !important; } .bg-green-70 { background: rgba(76, 175, 80, 0.7) !important; } .bg-green-80 { background: rgba(76, 175, 80, 0.8) !important; } .bg-green-90 { background: rgba(76, 175, 80, 0.9) !important; } .bg-green:hover, a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus { background-color: #4CAF50 !important; } .bg-green-lighten-5 { background-color: #E8F5E9 !important; } .bg-green-lighten-5-10 { background: rgba(232, 245, 233, 0.1) !important; } .bg-green-lighten-5-20 { background: rgba(232, 245, 233, 0.2) !important; } .bg-green-lighten-5-30 { background: rgba(232, 245, 233, 0.3) !important; } .bg-green-lighten-5-40 { background: rgba(232, 245, 233, 0.4) !important; } .bg-green-lighten-5-50 { background: rgba(232, 245, 233, 0.5) !important; } .bg-green-lighten-5-60 { background: rgba(232, 245, 233, 0.6) !important; } .bg-green-lighten-5-70 { background: rgba(232, 245, 233, 0.7) !important; } .bg-green-lighten-5-80 { background: rgba(232, 245, 233, 0.8) !important; } .bg-green-lighten-5-90 { background: rgba(232, 245, 233, 0.9) !important; } .bg-green-lighten-5:hover, a.bg-green-lighten-5:hover, a.bg-green-lighten-5:focus, button.bg-green-lighten-5:hover, button.bg-green-lighten-5:focus { background-color: #E8F5E9 !important; } .bg-green-lighten-4 { background-color: #C8E6C9 !important; } .bg-green-lighten-4-10 { background: rgba(200, 230, 201, 0.1) !important; } .bg-green-lighten-4-20 { background: rgba(200, 230, 201, 0.2) !important; } .bg-green-lighten-4-30 { background: rgba(200, 230, 201, 0.3) !important; } .bg-green-lighten-4-40 { background: rgba(200, 230, 201, 0.4) !important; } .bg-green-lighten-4-50 { background: rgba(200, 230, 201, 0.5) !important; } .bg-green-lighten-4-60 { background: rgba(200, 230, 201, 0.6) !important; } .bg-green-lighten-4-70 { background: rgba(200, 230, 201, 0.7) !important; } .bg-green-lighten-4-80 { background: rgba(200, 230, 201, 0.8) !important; } .bg-green-lighten-4-90 { background: rgba(200, 230, 201, 0.9) !important; } .bg-green-lighten-4:hover, a.bg-green-lighten-4:hover, a.bg-green-lighten-4:focus, button.bg-green-lighten-4:hover, button.bg-green-lighten-4:focus { background-color: #C8E6C9 !important; } .bg-green-lighten-3 { background-color: #A5D6A7 !important; } .bg-green-lighten-3-10 { background: rgba(165, 214, 167, 0.1) !important; } .bg-green-lighten-3-20 { background: rgba(165, 214, 167, 0.2) !important; } .bg-green-lighten-3-30 { background: rgba(165, 214, 167, 0.3) !important; } .bg-green-lighten-3-40 { background: rgba(165, 214, 167, 0.4) !important; } .bg-green-lighten-3-50 { background: rgba(165, 214, 167, 0.5) !important; } .bg-green-lighten-3-60 { background: rgba(165, 214, 167, 0.6) !important; } .bg-green-lighten-3-70 { background: rgba(165, 214, 167, 0.7) !important; } .bg-green-lighten-3-80 { background: rgba(165, 214, 167, 0.8) !important; } .bg-green-lighten-3-90 { background: rgba(165, 214, 167, 0.9) !important; } .bg-green-lighten-3:hover, a.bg-green-lighten-3:hover, a.bg-green-lighten-3:focus, button.bg-green-lighten-3:hover, button.bg-green-lighten-3:focus { background-color: #A5D6A7 !important; } .bg-green-lighten-2 { background-color: #81C784 !important; } .bg-green-lighten-2-10 { background: rgba(129, 199, 132, 0.1) !important; } .bg-green-lighten-2-20 { background: rgba(129, 199, 132, 0.2) !important; } .bg-green-lighten-2-30 { background: rgba(129, 199, 132, 0.3) !important; } .bg-green-lighten-2-40 { background: rgba(129, 199, 132, 0.4) !important; } .bg-green-lighten-2-50 { background: rgba(129, 199, 132, 0.5) !important; } .bg-green-lighten-2-60 { background: rgba(129, 199, 132, 0.6) !important; } .bg-green-lighten-2-70 { background: rgba(129, 199, 132, 0.7) !important; } .bg-green-lighten-2-80 { background: rgba(129, 199, 132, 0.8) !important; } .bg-green-lighten-2-90 { background: rgba(129, 199, 132, 0.9) !important; } .bg-green-lighten-2:hover, a.bg-green-lighten-2:hover, a.bg-green-lighten-2:focus, button.bg-green-lighten-2:hover, button.bg-green-lighten-2:focus { background-color: #81C784 !important; } .bg-green-lighten-1 { background-color: #66BB6A !important; } .bg-green-lighten-1-10 { background: rgba(102, 187, 106, 0.1) !important; } .bg-green-lighten-1-20 { background: rgba(102, 187, 106, 0.2) !important; } .bg-green-lighten-1-30 { background: rgba(102, 187, 106, 0.3) !important; } .bg-green-lighten-1-40 { background: rgba(102, 187, 106, 0.4) !important; } .bg-green-lighten-1-50 { background: rgba(102, 187, 106, 0.5) !important; } .bg-green-lighten-1-60 { background: rgba(102, 187, 106, 0.6) !important; } .bg-green-lighten-1-70 { background: rgba(102, 187, 106, 0.7) !important; } .bg-green-lighten-1-80 { background: rgba(102, 187, 106, 0.8) !important; } .bg-green-lighten-1-90 { background: rgba(102, 187, 106, 0.9) !important; } .bg-green-lighten-1:hover, a.bg-green-lighten-1:hover, a.bg-green-lighten-1:focus, button.bg-green-lighten-1:hover, button.bg-green-lighten-1:focus { background-color: #66BB6A !important; } .bg-green-darken-1 { background-color: #43A047 !important; } .bg-green-darken-1-10 { background: rgba(67, 160, 71, 0.1) !important; } .bg-green-darken-1-20 { background: rgba(67, 160, 71, 0.2) !important; } .bg-green-darken-1-30 { background: rgba(67, 160, 71, 0.3) !important; } .bg-green-darken-1-40 { background: rgba(67, 160, 71, 0.4) !important; } .bg-green-darken-1-50 { background: rgba(67, 160, 71, 0.5) !important; } .bg-green-darken-1-60 { background: rgba(67, 160, 71, 0.6) !important; } .bg-green-darken-1-70 { background: rgba(67, 160, 71, 0.7) !important; } .bg-green-darken-1-80 { background: rgba(67, 160, 71, 0.8) !important; } .bg-green-darken-1-90 { background: rgba(67, 160, 71, 0.9) !important; } .bg-green-darken-1:hover, a.bg-green-darken-1:hover, a.bg-green-darken-1:focus, button.bg-green-darken-1:hover, button.bg-green-darken-1:focus { background-color: #43A047 !important; } .bg-green-darken-2 { background-color: #388E3C !important; } .bg-green-darken-2-10 { background: rgba(56, 142, 60, 0.1) !important; } .bg-green-darken-2-20 { background: rgba(56, 142, 60, 0.2) !important; } .bg-green-darken-2-30 { background: rgba(56, 142, 60, 0.3) !important; } .bg-green-darken-2-40 { background: rgba(56, 142, 60, 0.4) !important; } .bg-green-darken-2-50 { background: rgba(56, 142, 60, 0.5) !important; } .bg-green-darken-2-60 { background: rgba(56, 142, 60, 0.6) !important; } .bg-green-darken-2-70 { background: rgba(56, 142, 60, 0.7) !important; } .bg-green-darken-2-80 { background: rgba(56, 142, 60, 0.8) !important; } .bg-green-darken-2-90 { background: rgba(56, 142, 60, 0.9) !important; } .bg-green-darken-2:hover, a.bg-green-darken-2:hover, a.bg-green-darken-2:focus, button.bg-green-darken-2:hover, button.bg-green-darken-2:focus { background-color: #388E3C !important; } .bg-green-darken-3 { background-color: #2E7D32 !important; } .bg-green-darken-3-10 { background: rgba(46, 125, 50, 0.1) !important; } .bg-green-darken-3-20 { background: rgba(46, 125, 50, 0.2) !important; } .bg-green-darken-3-30 { background: rgba(46, 125, 50, 0.3) !important; } .bg-green-darken-3-40 { background: rgba(46, 125, 50, 0.4) !important; } .bg-green-darken-3-50 { background: rgba(46, 125, 50, 0.5) !important; } .bg-green-darken-3-60 { background: rgba(46, 125, 50, 0.6) !important; } .bg-green-darken-3-70 { background: rgba(46, 125, 50, 0.7) !important; } .bg-green-darken-3-80 { background: rgba(46, 125, 50, 0.8) !important; } .bg-green-darken-3-90 { background: rgba(46, 125, 50, 0.9) !important; } .bg-green-darken-3:hover, a.bg-green-darken-3:hover, a.bg-green-darken-3:focus, button.bg-green-darken-3:hover, button.bg-green-darken-3:focus { background-color: #2E7D32 !important; } .bg-green-darken-4 { background-color: #1B5E20 !important; } .bg-green-darken-4-10 { background: rgba(27, 94, 32, 0.1) !important; } .bg-green-darken-4-20 { background: rgba(27, 94, 32, 0.2) !important; } .bg-green-darken-4-30 { background: rgba(27, 94, 32, 0.3) !important; } .bg-green-darken-4-40 { background: rgba(27, 94, 32, 0.4) !important; } .bg-green-darken-4-50 { background: rgba(27, 94, 32, 0.5) !important; } .bg-green-darken-4-60 { background: rgba(27, 94, 32, 0.6) !important; } .bg-green-darken-4-70 { background: rgba(27, 94, 32, 0.7) !important; } .bg-green-darken-4-80 { background: rgba(27, 94, 32, 0.8) !important; } .bg-green-darken-4-90 { background: rgba(27, 94, 32, 0.9) !important; } .bg-green-darken-4:hover, a.bg-green-darken-4:hover, a.bg-green-darken-4:focus, button.bg-green-darken-4:hover, button.bg-green-darken-4:focus { background-color: #1B5E20 !important; } .bg-green-accent-1 { background-color: #B9F6CA !important; } .bg-green-accent-1-10 { background: rgba(185, 246, 202, 0.1) !important; } .bg-green-accent-1-20 { background: rgba(185, 246, 202, 0.2) !important; } .bg-green-accent-1-30 { background: rgba(185, 246, 202, 0.3) !important; } .bg-green-accent-1-40 { background: rgba(185, 246, 202, 0.4) !important; } .bg-green-accent-1-50 { background: rgba(185, 246, 202, 0.5) !important; } .bg-green-accent-1-60 { background: rgba(185, 246, 202, 0.6) !important; } .bg-green-accent-1-70 { background: rgba(185, 246, 202, 0.7) !important; } .bg-green-accent-1-80 { background: rgba(185, 246, 202, 0.8) !important; } .bg-green-accent-1-90 { background: rgba(185, 246, 202, 0.9) !important; } .bg-green-accent-1:hover, a.bg-green-accent-1:hover, a.bg-green-accent-1:focus, button.bg-green-accent-1:hover, button.bg-green-accent-1:focus { background-color: #B9F6CA !important; } .bg-green-accent-2 { background-color: #69F0AE !important; } .bg-green-accent-2-10 { background: rgba(105, 240, 174, 0.1) !important; } .bg-green-accent-2-20 { background: rgba(105, 240, 174, 0.2) !important; } .bg-green-accent-2-30 { background: rgba(105, 240, 174, 0.3) !important; } .bg-green-accent-2-40 { background: rgba(105, 240, 174, 0.4) !important; } .bg-green-accent-2-50 { background: rgba(105, 240, 174, 0.5) !important; } .bg-green-accent-2-60 { background: rgba(105, 240, 174, 0.6) !important; } .bg-green-accent-2-70 { background: rgba(105, 240, 174, 0.7) !important; } .bg-green-accent-2-80 { background: rgba(105, 240, 174, 0.8) !important; } .bg-green-accent-2-90 { background: rgba(105, 240, 174, 0.9) !important; } .bg-green-accent-2:hover, a.bg-green-accent-2:hover, a.bg-green-accent-2:focus, button.bg-green-accent-2:hover, button.bg-green-accent-2:focus { background-color: #69F0AE !important; } .bg-green-accent-3 { background-color: #00E676 !important; } .bg-green-accent-3-10 { background: rgba(0, 230, 118, 0.1) !important; } .bg-green-accent-3-20 { background: rgba(0, 230, 118, 0.2) !important; } .bg-green-accent-3-30 { background: rgba(0, 230, 118, 0.3) !important; } .bg-green-accent-3-40 { background: rgba(0, 230, 118, 0.4) !important; } .bg-green-accent-3-50 { background: rgba(0, 230, 118, 0.5) !important; } .bg-green-accent-3-60 { background: rgba(0, 230, 118, 0.6) !important; } .bg-green-accent-3-70 { background: rgba(0, 230, 118, 0.7) !important; } .bg-green-accent-3-80 { background: rgba(0, 230, 118, 0.8) !important; } .bg-green-accent-3-90 { background: rgba(0, 230, 118, 0.9) !important; } .bg-green-accent-3:hover, a.bg-green-accent-3:hover, a.bg-green-accent-3:focus, button.bg-green-accent-3:hover, button.bg-green-accent-3:focus { background-color: #00E676 !important; } .bg-green-accent-4 { background-color: #00C853 !important; } .bg-green-accent-4-10 { background: rgba(0, 200, 83, 0.1) !important; } .bg-green-accent-4-20 { background: rgba(0, 200, 83, 0.2) !important; } .bg-green-accent-4-30 { background: rgba(0, 200, 83, 0.3) !important; } .bg-green-accent-4-40 { background: rgba(0, 200, 83, 0.4) !important; } .bg-green-accent-4-50 { background: rgba(0, 200, 83, 0.5) !important; } .bg-green-accent-4-60 { background: rgba(0, 200, 83, 0.6) !important; } .bg-green-accent-4-70 { background: rgba(0, 200, 83, 0.7) !important; } .bg-green-accent-4-80 { background: rgba(0, 200, 83, 0.8) !important; } .bg-green-accent-4-90 { background: rgba(0, 200, 83, 0.9) !important; } .bg-green-accent-4:hover, a.bg-green-accent-4:hover, a.bg-green-accent-4:focus, button.bg-green-accent-4:hover, button.bg-green-accent-4:focus { background-color: #00C853 !important; } .bg-light-green { background-color: #8BC34A !important; } .bg-light-green-10 { background: rgba(139, 195, 74, 0.1) !important; } .bg-light-green-20 { background: rgba(139, 195, 74, 0.2) !important; } .bg-light-green-30 { background: rgba(139, 195, 74, 0.3) !important; } .bg-light-green-40 { background: rgba(139, 195, 74, 0.4) !important; } .bg-light-green-50 { background: rgba(139, 195, 74, 0.5) !important; } .bg-light-green-60 { background: rgba(139, 195, 74, 0.6) !important; } .bg-light-green-70 { background: rgba(139, 195, 74, 0.7) !important; } .bg-light-green-80 { background: rgba(139, 195, 74, 0.8) !important; } .bg-light-green-90 { background: rgba(139, 195, 74, 0.9) !important; } .bg-light-green:hover, a.bg-light-green:hover, a.bg-light-green:focus, button.bg-light-green:hover, button.bg-light-green:focus { background-color: #8BC34A !important; } .bg-light-green-lighten-5 { background-color: #F1F8E9 !important; } .bg-light-green-lighten-5-10 { background: rgba(241, 248, 233, 0.1) !important; } .bg-light-green-lighten-5-20 { background: rgba(241, 248, 233, 0.2) !important; } .bg-light-green-lighten-5-30 { background: rgba(241, 248, 233, 0.3) !important; } .bg-light-green-lighten-5-40 { background: rgba(241, 248, 233, 0.4) !important; } .bg-light-green-lighten-5-50 { background: rgba(241, 248, 233, 0.5) !important; } .bg-light-green-lighten-5-60 { background: rgba(241, 248, 233, 0.6) !important; } .bg-light-green-lighten-5-70 { background: rgba(241, 248, 233, 0.7) !important; } .bg-light-green-lighten-5-80 { background: rgba(241, 248, 233, 0.8) !important; } .bg-light-green-lighten-5-90 { background: rgba(241, 248, 233, 0.9) !important; } .bg-light-green-lighten-5:hover, a.bg-light-green-lighten-5:hover, a.bg-light-green-lighten-5:focus, button.bg-light-green-lighten-5:hover, button.bg-light-green-lighten-5:focus { background-color: #F1F8E9 !important; } .bg-light-green-lighten-4 { background-color: #DCEDC8 !important; } .bg-light-green-lighten-4-10 { background: rgba(220, 237, 200, 0.1) !important; } .bg-light-green-lighten-4-20 { background: rgba(220, 237, 200, 0.2) !important; } .bg-light-green-lighten-4-30 { background: rgba(220, 237, 200, 0.3) !important; } .bg-light-green-lighten-4-40 { background: rgba(220, 237, 200, 0.4) !important; } .bg-light-green-lighten-4-50 { background: rgba(220, 237, 200, 0.5) !important; } .bg-light-green-lighten-4-60 { background: rgba(220, 237, 200, 0.6) !important; } .bg-light-green-lighten-4-70 { background: rgba(220, 237, 200, 0.7) !important; } .bg-light-green-lighten-4-80 { background: rgba(220, 237, 200, 0.8) !important; } .bg-light-green-lighten-4-90 { background: rgba(220, 237, 200, 0.9) !important; } .bg-light-green-lighten-4:hover, a.bg-light-green-lighten-4:hover, a.bg-light-green-lighten-4:focus, button.bg-light-green-lighten-4:hover, button.bg-light-green-lighten-4:focus { background-color: #DCEDC8 !important; } .bg-light-green-lighten-3 { background-color: #C5E1A5 !important; } .bg-light-green-lighten-3-10 { background: rgba(197, 225, 165, 0.1) !important; } .bg-light-green-lighten-3-20 { background: rgba(197, 225, 165, 0.2) !important; } .bg-light-green-lighten-3-30 { background: rgba(197, 225, 165, 0.3) !important; } .bg-light-green-lighten-3-40 { background: rgba(197, 225, 165, 0.4) !important; } .bg-light-green-lighten-3-50 { background: rgba(197, 225, 165, 0.5) !important; } .bg-light-green-lighten-3-60 { background: rgba(197, 225, 165, 0.6) !important; } .bg-light-green-lighten-3-70 { background: rgba(197, 225, 165, 0.7) !important; } .bg-light-green-lighten-3-80 { background: rgba(197, 225, 165, 0.8) !important; } .bg-light-green-lighten-3-90 { background: rgba(197, 225, 165, 0.9) !important; } .bg-light-green-lighten-3:hover, a.bg-light-green-lighten-3:hover, a.bg-light-green-lighten-3:focus, button.bg-light-green-lighten-3:hover, button.bg-light-green-lighten-3:focus { background-color: #C5E1A5 !important; } .bg-light-green-lighten-2 { background-color: #AED581 !important; } .bg-light-green-lighten-2-10 { background: rgba(174, 213, 129, 0.1) !important; } .bg-light-green-lighten-2-20 { background: rgba(174, 213, 129, 0.2) !important; } .bg-light-green-lighten-2-30 { background: rgba(174, 213, 129, 0.3) !important; } .bg-light-green-lighten-2-40 { background: rgba(174, 213, 129, 0.4) !important; } .bg-light-green-lighten-2-50 { background: rgba(174, 213, 129, 0.5) !important; } .bg-light-green-lighten-2-60 { background: rgba(174, 213, 129, 0.6) !important; } .bg-light-green-lighten-2-70 { background: rgba(174, 213, 129, 0.7) !important; } .bg-light-green-lighten-2-80 { background: rgba(174, 213, 129, 0.8) !important; } .bg-light-green-lighten-2-90 { background: rgba(174, 213, 129, 0.9) !important; } .bg-light-green-lighten-2:hover, a.bg-light-green-lighten-2:hover, a.bg-light-green-lighten-2:focus, button.bg-light-green-lighten-2:hover, button.bg-light-green-lighten-2:focus { background-color: #AED581 !important; } .bg-light-green-lighten-1 { background-color: #9CCC65 !important; } .bg-light-green-lighten-1-10 { background: rgba(156, 204, 101, 0.1) !important; } .bg-light-green-lighten-1-20 { background: rgba(156, 204, 101, 0.2) !important; } .bg-light-green-lighten-1-30 { background: rgba(156, 204, 101, 0.3) !important; } .bg-light-green-lighten-1-40 { background: rgba(156, 204, 101, 0.4) !important; } .bg-light-green-lighten-1-50 { background: rgba(156, 204, 101, 0.5) !important; } .bg-light-green-lighten-1-60 { background: rgba(156, 204, 101, 0.6) !important; } .bg-light-green-lighten-1-70 { background: rgba(156, 204, 101, 0.7) !important; } .bg-light-green-lighten-1-80 { background: rgba(156, 204, 101, 0.8) !important; } .bg-light-green-lighten-1-90 { background: rgba(156, 204, 101, 0.9) !important; } .bg-light-green-lighten-1:hover, a.bg-light-green-lighten-1:hover, a.bg-light-green-lighten-1:focus, button.bg-light-green-lighten-1:hover, button.bg-light-green-lighten-1:focus { background-color: #9CCC65 !important; } .bg-light-green-darken-1 { background-color: #7CB342 !important; } .bg-light-green-darken-1-10 { background: rgba(124, 179, 66, 0.1) !important; } .bg-light-green-darken-1-20 { background: rgba(124, 179, 66, 0.2) !important; } .bg-light-green-darken-1-30 { background: rgba(124, 179, 66, 0.3) !important; } .bg-light-green-darken-1-40 { background: rgba(124, 179, 66, 0.4) !important; } .bg-light-green-darken-1-50 { background: rgba(124, 179, 66, 0.5) !important; } .bg-light-green-darken-1-60 { background: rgba(124, 179, 66, 0.6) !important; } .bg-light-green-darken-1-70 { background: rgba(124, 179, 66, 0.7) !important; } .bg-light-green-darken-1-80 { background: rgba(124, 179, 66, 0.8) !important; } .bg-light-green-darken-1-90 { background: rgba(124, 179, 66, 0.9) !important; } .bg-light-green-darken-1:hover, a.bg-light-green-darken-1:hover, a.bg-light-green-darken-1:focus, button.bg-light-green-darken-1:hover, button.bg-light-green-darken-1:focus { background-color: #7CB342 !important; } .bg-light-green-darken-2 { background-color: #689F38 !important; } .bg-light-green-darken-2-10 { background: rgba(104, 159, 56, 0.1) !important; } .bg-light-green-darken-2-20 { background: rgba(104, 159, 56, 0.2) !important; } .bg-light-green-darken-2-30 { background: rgba(104, 159, 56, 0.3) !important; } .bg-light-green-darken-2-40 { background: rgba(104, 159, 56, 0.4) !important; } .bg-light-green-darken-2-50 { background: rgba(104, 159, 56, 0.5) !important; } .bg-light-green-darken-2-60 { background: rgba(104, 159, 56, 0.6) !important; } .bg-light-green-darken-2-70 { background: rgba(104, 159, 56, 0.7) !important; } .bg-light-green-darken-2-80 { background: rgba(104, 159, 56, 0.8) !important; } .bg-light-green-darken-2-90 { background: rgba(104, 159, 56, 0.9) !important; } .bg-light-green-darken-2:hover, a.bg-light-green-darken-2:hover, a.bg-light-green-darken-2:focus, button.bg-light-green-darken-2:hover, button.bg-light-green-darken-2:focus { background-color: #689F38 !important; } .bg-light-green-darken-3 { background-color: #558B2F !important; } .bg-light-green-darken-3-10 { background: rgba(85, 139, 47, 0.1) !important; } .bg-light-green-darken-3-20 { background: rgba(85, 139, 47, 0.2) !important; } .bg-light-green-darken-3-30 { background: rgba(85, 139, 47, 0.3) !important; } .bg-light-green-darken-3-40 { background: rgba(85, 139, 47, 0.4) !important; } .bg-light-green-darken-3-50 { background: rgba(85, 139, 47, 0.5) !important; } .bg-light-green-darken-3-60 { background: rgba(85, 139, 47, 0.6) !important; } .bg-light-green-darken-3-70 { background: rgba(85, 139, 47, 0.7) !important; } .bg-light-green-darken-3-80 { background: rgba(85, 139, 47, 0.8) !important; } .bg-light-green-darken-3-90 { background: rgba(85, 139, 47, 0.9) !important; } .bg-light-green-darken-3:hover, a.bg-light-green-darken-3:hover, a.bg-light-green-darken-3:focus, button.bg-light-green-darken-3:hover, button.bg-light-green-darken-3:focus { background-color: #558B2F !important; } .bg-light-green-darken-4 { background-color: #33691E !important; } .bg-light-green-darken-4-10 { background: rgba(51, 105, 30, 0.1) !important; } .bg-light-green-darken-4-20 { background: rgba(51, 105, 30, 0.2) !important; } .bg-light-green-darken-4-30 { background: rgba(51, 105, 30, 0.3) !important; } .bg-light-green-darken-4-40 { background: rgba(51, 105, 30, 0.4) !important; } .bg-light-green-darken-4-50 { background: rgba(51, 105, 30, 0.5) !important; } .bg-light-green-darken-4-60 { background: rgba(51, 105, 30, 0.6) !important; } .bg-light-green-darken-4-70 { background: rgba(51, 105, 30, 0.7) !important; } .bg-light-green-darken-4-80 { background: rgba(51, 105, 30, 0.8) !important; } .bg-light-green-darken-4-90 { background: rgba(51, 105, 30, 0.9) !important; } .bg-light-green-darken-4:hover, a.bg-light-green-darken-4:hover, a.bg-light-green-darken-4:focus, button.bg-light-green-darken-4:hover, button.bg-light-green-darken-4:focus { background-color: #33691E !important; } .bg-light-green-accent-1 { background-color: #CCFF90 !important; } .bg-light-green-accent-1-10 { background: rgba(204, 255, 144, 0.1) !important; } .bg-light-green-accent-1-20 { background: rgba(204, 255, 144, 0.2) !important; } .bg-light-green-accent-1-30 { background: rgba(204, 255, 144, 0.3) !important; } .bg-light-green-accent-1-40 { background: rgba(204, 255, 144, 0.4) !important; } .bg-light-green-accent-1-50 { background: rgba(204, 255, 144, 0.5) !important; } .bg-light-green-accent-1-60 { background: rgba(204, 255, 144, 0.6) !important; } .bg-light-green-accent-1-70 { background: rgba(204, 255, 144, 0.7) !important; } .bg-light-green-accent-1-80 { background: rgba(204, 255, 144, 0.8) !important; } .bg-light-green-accent-1-90 { background: rgba(204, 255, 144, 0.9) !important; } .bg-light-green-accent-1:hover, a.bg-light-green-accent-1:hover, a.bg-light-green-accent-1:focus, button.bg-light-green-accent-1:hover, button.bg-light-green-accent-1:focus { background-color: #CCFF90 !important; } .bg-light-green-accent-2 { background-color: #B2FF59 !important; } .bg-light-green-accent-2-10 { background: rgba(178, 255, 89, 0.1) !important; } .bg-light-green-accent-2-20 { background: rgba(178, 255, 89, 0.2) !important; } .bg-light-green-accent-2-30 { background: rgba(178, 255, 89, 0.3) !important; } .bg-light-green-accent-2-40 { background: rgba(178, 255, 89, 0.4) !important; } .bg-light-green-accent-2-50 { background: rgba(178, 255, 89, 0.5) !important; } .bg-light-green-accent-2-60 { background: rgba(178, 255, 89, 0.6) !important; } .bg-light-green-accent-2-70 { background: rgba(178, 255, 89, 0.7) !important; } .bg-light-green-accent-2-80 { background: rgba(178, 255, 89, 0.8) !important; } .bg-light-green-accent-2-90 { background: rgba(178, 255, 89, 0.9) !important; } .bg-light-green-accent-2:hover, a.bg-light-green-accent-2:hover, a.bg-light-green-accent-2:focus, button.bg-light-green-accent-2:hover, button.bg-light-green-accent-2:focus { background-color: #B2FF59 !important; } .bg-light-green-accent-3 { background-color: #76FF03 !important; } .bg-light-green-accent-3-10 { background: rgba(118, 255, 3, 0.1) !important; } .bg-light-green-accent-3-20 { background: rgba(118, 255, 3, 0.2) !important; } .bg-light-green-accent-3-30 { background: rgba(118, 255, 3, 0.3) !important; } .bg-light-green-accent-3-40 { background: rgba(118, 255, 3, 0.4) !important; } .bg-light-green-accent-3-50 { background: rgba(118, 255, 3, 0.5) !important; } .bg-light-green-accent-3-60 { background: rgba(118, 255, 3, 0.6) !important; } .bg-light-green-accent-3-70 { background: rgba(118, 255, 3, 0.7) !important; } .bg-light-green-accent-3-80 { background: rgba(118, 255, 3, 0.8) !important; } .bg-light-green-accent-3-90 { background: rgba(118, 255, 3, 0.9) !important; } .bg-light-green-accent-3:hover, a.bg-light-green-accent-3:hover, a.bg-light-green-accent-3:focus, button.bg-light-green-accent-3:hover, button.bg-light-green-accent-3:focus { background-color: #76FF03 !important; } .bg-light-green-accent-4 { background-color: #64DD17 !important; } .bg-light-green-accent-4-10 { background: rgba(100, 221, 23, 0.1) !important; } .bg-light-green-accent-4-20 { background: rgba(100, 221, 23, 0.2) !important; } .bg-light-green-accent-4-30 { background: rgba(100, 221, 23, 0.3) !important; } .bg-light-green-accent-4-40 { background: rgba(100, 221, 23, 0.4) !important; } .bg-light-green-accent-4-50 { background: rgba(100, 221, 23, 0.5) !important; } .bg-light-green-accent-4-60 { background: rgba(100, 221, 23, 0.6) !important; } .bg-light-green-accent-4-70 { background: rgba(100, 221, 23, 0.7) !important; } .bg-light-green-accent-4-80 { background: rgba(100, 221, 23, 0.8) !important; } .bg-light-green-accent-4-90 { background: rgba(100, 221, 23, 0.9) !important; } .bg-light-green-accent-4:hover, a.bg-light-green-accent-4:hover, a.bg-light-green-accent-4:focus, button.bg-light-green-accent-4:hover, button.bg-light-green-accent-4:focus { background-color: #64DD17 !important; } .bg-lime { background-color: #CDDC39 !important; } .bg-lime-10 { background: rgba(205, 220, 57, 0.1) !important; } .bg-lime-20 { background: rgba(205, 220, 57, 0.2) !important; } .bg-lime-30 { background: rgba(205, 220, 57, 0.3) !important; } .bg-lime-40 { background: rgba(205, 220, 57, 0.4) !important; } .bg-lime-50 { background: rgba(205, 220, 57, 0.5) !important; } .bg-lime-60 { background: rgba(205, 220, 57, 0.6) !important; } .bg-lime-70 { background: rgba(205, 220, 57, 0.7) !important; } .bg-lime-80 { background: rgba(205, 220, 57, 0.8) !important; } .bg-lime-90 { background: rgba(205, 220, 57, 0.9) !important; } .bg-lime:hover, a.bg-lime:hover, a.bg-lime:focus, button.bg-lime:hover, button.bg-lime:focus { background-color: #CDDC39 !important; } .bg-lime-lighten-5 { background-color: #F9FBE7 !important; } .bg-lime-lighten-5-10 { background: rgba(249, 251, 231, 0.1) !important; } .bg-lime-lighten-5-20 { background: rgba(249, 251, 231, 0.2) !important; } .bg-lime-lighten-5-30 { background: rgba(249, 251, 231, 0.3) !important; } .bg-lime-lighten-5-40 { background: rgba(249, 251, 231, 0.4) !important; } .bg-lime-lighten-5-50 { background: rgba(249, 251, 231, 0.5) !important; } .bg-lime-lighten-5-60 { background: rgba(249, 251, 231, 0.6) !important; } .bg-lime-lighten-5-70 { background: rgba(249, 251, 231, 0.7) !important; } .bg-lime-lighten-5-80 { background: rgba(249, 251, 231, 0.8) !important; } .bg-lime-lighten-5-90 { background: rgba(249, 251, 231, 0.9) !important; } .bg-lime-lighten-5:hover, a.bg-lime-lighten-5:hover, a.bg-lime-lighten-5:focus, button.bg-lime-lighten-5:hover, button.bg-lime-lighten-5:focus { background-color: #F9FBE7 !important; } .bg-lime-lighten-4 { background-color: #F0F4C3 !important; } .bg-lime-lighten-4-10 { background: rgba(240, 244, 195, 0.1) !important; } .bg-lime-lighten-4-20 { background: rgba(240, 244, 195, 0.2) !important; } .bg-lime-lighten-4-30 { background: rgba(240, 244, 195, 0.3) !important; } .bg-lime-lighten-4-40 { background: rgba(240, 244, 195, 0.4) !important; } .bg-lime-lighten-4-50 { background: rgba(240, 244, 195, 0.5) !important; } .bg-lime-lighten-4-60 { background: rgba(240, 244, 195, 0.6) !important; } .bg-lime-lighten-4-70 { background: rgba(240, 244, 195, 0.7) !important; } .bg-lime-lighten-4-80 { background: rgba(240, 244, 195, 0.8) !important; } .bg-lime-lighten-4-90 { background: rgba(240, 244, 195, 0.9) !important; } .bg-lime-lighten-4:hover, a.bg-lime-lighten-4:hover, a.bg-lime-lighten-4:focus, button.bg-lime-lighten-4:hover, button.bg-lime-lighten-4:focus { background-color: #F0F4C3 !important; } .bg-lime-lighten-3 { background-color: #E6EE9C !important; } .bg-lime-lighten-3-10 { background: rgba(230, 238, 156, 0.1) !important; } .bg-lime-lighten-3-20 { background: rgba(230, 238, 156, 0.2) !important; } .bg-lime-lighten-3-30 { background: rgba(230, 238, 156, 0.3) !important; } .bg-lime-lighten-3-40 { background: rgba(230, 238, 156, 0.4) !important; } .bg-lime-lighten-3-50 { background: rgba(230, 238, 156, 0.5) !important; } .bg-lime-lighten-3-60 { background: rgba(230, 238, 156, 0.6) !important; } .bg-lime-lighten-3-70 { background: rgba(230, 238, 156, 0.7) !important; } .bg-lime-lighten-3-80 { background: rgba(230, 238, 156, 0.8) !important; } .bg-lime-lighten-3-90 { background: rgba(230, 238, 156, 0.9) !important; } .bg-lime-lighten-3:hover, a.bg-lime-lighten-3:hover, a.bg-lime-lighten-3:focus, button.bg-lime-lighten-3:hover, button.bg-lime-lighten-3:focus { background-color: #E6EE9C !important; } .bg-lime-lighten-2 { background-color: #DCE775 !important; } .bg-lime-lighten-2-10 { background: rgba(220, 231, 117, 0.1) !important; } .bg-lime-lighten-2-20 { background: rgba(220, 231, 117, 0.2) !important; } .bg-lime-lighten-2-30 { background: rgba(220, 231, 117, 0.3) !important; } .bg-lime-lighten-2-40 { background: rgba(220, 231, 117, 0.4) !important; } .bg-lime-lighten-2-50 { background: rgba(220, 231, 117, 0.5) !important; } .bg-lime-lighten-2-60 { background: rgba(220, 231, 117, 0.6) !important; } .bg-lime-lighten-2-70 { background: rgba(220, 231, 117, 0.7) !important; } .bg-lime-lighten-2-80 { background: rgba(220, 231, 117, 0.8) !important; } .bg-lime-lighten-2-90 { background: rgba(220, 231, 117, 0.9) !important; } .bg-lime-lighten-2:hover, a.bg-lime-lighten-2:hover, a.bg-lime-lighten-2:focus, button.bg-lime-lighten-2:hover, button.bg-lime-lighten-2:focus { background-color: #DCE775 !important; } .bg-lime-lighten-1 { background-color: #D4E157 !important; } .bg-lime-lighten-1-10 { background: rgba(212, 225, 87, 0.1) !important; } .bg-lime-lighten-1-20 { background: rgba(212, 225, 87, 0.2) !important; } .bg-lime-lighten-1-30 { background: rgba(212, 225, 87, 0.3) !important; } .bg-lime-lighten-1-40 { background: rgba(212, 225, 87, 0.4) !important; } .bg-lime-lighten-1-50 { background: rgba(212, 225, 87, 0.5) !important; } .bg-lime-lighten-1-60 { background: rgba(212, 225, 87, 0.6) !important; } .bg-lime-lighten-1-70 { background: rgba(212, 225, 87, 0.7) !important; } .bg-lime-lighten-1-80 { background: rgba(212, 225, 87, 0.8) !important; } .bg-lime-lighten-1-90 { background: rgba(212, 225, 87, 0.9) !important; } .bg-lime-lighten-1:hover, a.bg-lime-lighten-1:hover, a.bg-lime-lighten-1:focus, button.bg-lime-lighten-1:hover, button.bg-lime-lighten-1:focus { background-color: #D4E157 !important; } .bg-lime-darken-1 { background-color: #C0CA33 !important; } .bg-lime-darken-1-10 { background: rgba(192, 202, 51, 0.1) !important; } .bg-lime-darken-1-20 { background: rgba(192, 202, 51, 0.2) !important; } .bg-lime-darken-1-30 { background: rgba(192, 202, 51, 0.3) !important; } .bg-lime-darken-1-40 { background: rgba(192, 202, 51, 0.4) !important; } .bg-lime-darken-1-50 { background: rgba(192, 202, 51, 0.5) !important; } .bg-lime-darken-1-60 { background: rgba(192, 202, 51, 0.6) !important; } .bg-lime-darken-1-70 { background: rgba(192, 202, 51, 0.7) !important; } .bg-lime-darken-1-80 { background: rgba(192, 202, 51, 0.8) !important; } .bg-lime-darken-1-90 { background: rgba(192, 202, 51, 0.9) !important; } .bg-lime-darken-1:hover, a.bg-lime-darken-1:hover, a.bg-lime-darken-1:focus, button.bg-lime-darken-1:hover, button.bg-lime-darken-1:focus { background-color: #C0CA33 !important; } .bg-lime-darken-2 { background-color: #AFB42B !important; } .bg-lime-darken-2-10 { background: rgba(175, 180, 43, 0.1) !important; } .bg-lime-darken-2-20 { background: rgba(175, 180, 43, 0.2) !important; } .bg-lime-darken-2-30 { background: rgba(175, 180, 43, 0.3) !important; } .bg-lime-darken-2-40 { background: rgba(175, 180, 43, 0.4) !important; } .bg-lime-darken-2-50 { background: rgba(175, 180, 43, 0.5) !important; } .bg-lime-darken-2-60 { background: rgba(175, 180, 43, 0.6) !important; } .bg-lime-darken-2-70 { background: rgba(175, 180, 43, 0.7) !important; } .bg-lime-darken-2-80 { background: rgba(175, 180, 43, 0.8) !important; } .bg-lime-darken-2-90 { background: rgba(175, 180, 43, 0.9) !important; } .bg-lime-darken-2:hover, a.bg-lime-darken-2:hover, a.bg-lime-darken-2:focus, button.bg-lime-darken-2:hover, button.bg-lime-darken-2:focus { background-color: #AFB42B !important; } .bg-lime-darken-3 { background-color: #9E9D24 !important; } .bg-lime-darken-3-10 { background: rgba(158, 157, 36, 0.1) !important; } .bg-lime-darken-3-20 { background: rgba(158, 157, 36, 0.2) !important; } .bg-lime-darken-3-30 { background: rgba(158, 157, 36, 0.3) !important; } .bg-lime-darken-3-40 { background: rgba(158, 157, 36, 0.4) !important; } .bg-lime-darken-3-50 { background: rgba(158, 157, 36, 0.5) !important; } .bg-lime-darken-3-60 { background: rgba(158, 157, 36, 0.6) !important; } .bg-lime-darken-3-70 { background: rgba(158, 157, 36, 0.7) !important; } .bg-lime-darken-3-80 { background: rgba(158, 157, 36, 0.8) !important; } .bg-lime-darken-3-90 { background: rgba(158, 157, 36, 0.9) !important; } .bg-lime-darken-3:hover, a.bg-lime-darken-3:hover, a.bg-lime-darken-3:focus, button.bg-lime-darken-3:hover, button.bg-lime-darken-3:focus { background-color: #9E9D24 !important; } .bg-lime-darken-4 { background-color: #827717 !important; } .bg-lime-darken-4-10 { background: rgba(130, 119, 23, 0.1) !important; } .bg-lime-darken-4-20 { background: rgba(130, 119, 23, 0.2) !important; } .bg-lime-darken-4-30 { background: rgba(130, 119, 23, 0.3) !important; } .bg-lime-darken-4-40 { background: rgba(130, 119, 23, 0.4) !important; } .bg-lime-darken-4-50 { background: rgba(130, 119, 23, 0.5) !important; } .bg-lime-darken-4-60 { background: rgba(130, 119, 23, 0.6) !important; } .bg-lime-darken-4-70 { background: rgba(130, 119, 23, 0.7) !important; } .bg-lime-darken-4-80 { background: rgba(130, 119, 23, 0.8) !important; } .bg-lime-darken-4-90 { background: rgba(130, 119, 23, 0.9) !important; } .bg-lime-darken-4:hover, a.bg-lime-darken-4:hover, a.bg-lime-darken-4:focus, button.bg-lime-darken-4:hover, button.bg-lime-darken-4:focus { background-color: #827717 !important; } .bg-lime-accent-1 { background-color: #F4FF81 !important; } .bg-lime-accent-1-10 { background: rgba(244, 255, 129, 0.1) !important; } .bg-lime-accent-1-20 { background: rgba(244, 255, 129, 0.2) !important; } .bg-lime-accent-1-30 { background: rgba(244, 255, 129, 0.3) !important; } .bg-lime-accent-1-40 { background: rgba(244, 255, 129, 0.4) !important; } .bg-lime-accent-1-50 { background: rgba(244, 255, 129, 0.5) !important; } .bg-lime-accent-1-60 { background: rgba(244, 255, 129, 0.6) !important; } .bg-lime-accent-1-70 { background: rgba(244, 255, 129, 0.7) !important; } .bg-lime-accent-1-80 { background: rgba(244, 255, 129, 0.8) !important; } .bg-lime-accent-1-90 { background: rgba(244, 255, 129, 0.9) !important; } .bg-lime-accent-1:hover, a.bg-lime-accent-1:hover, a.bg-lime-accent-1:focus, button.bg-lime-accent-1:hover, button.bg-lime-accent-1:focus { background-color: #F4FF81 !important; } .bg-lime-accent-2 { background-color: #EEFF41 !important; } .bg-lime-accent-2-10 { background: rgba(238, 255, 65, 0.1) !important; } .bg-lime-accent-2-20 { background: rgba(238, 255, 65, 0.2) !important; } .bg-lime-accent-2-30 { background: rgba(238, 255, 65, 0.3) !important; } .bg-lime-accent-2-40 { background: rgba(238, 255, 65, 0.4) !important; } .bg-lime-accent-2-50 { background: rgba(238, 255, 65, 0.5) !important; } .bg-lime-accent-2-60 { background: rgba(238, 255, 65, 0.6) !important; } .bg-lime-accent-2-70 { background: rgba(238, 255, 65, 0.7) !important; } .bg-lime-accent-2-80 { background: rgba(238, 255, 65, 0.8) !important; } .bg-lime-accent-2-90 { background: rgba(238, 255, 65, 0.9) !important; } .bg-lime-accent-2:hover, a.bg-lime-accent-2:hover, a.bg-lime-accent-2:focus, button.bg-lime-accent-2:hover, button.bg-lime-accent-2:focus { background-color: #EEFF41 !important; } .bg-lime-accent-3 { background-color: #C6FF00 !important; } .bg-lime-accent-3-10 { background: rgba(198, 255, 0, 0.1) !important; } .bg-lime-accent-3-20 { background: rgba(198, 255, 0, 0.2) !important; } .bg-lime-accent-3-30 { background: rgba(198, 255, 0, 0.3) !important; } .bg-lime-accent-3-40 { background: rgba(198, 255, 0, 0.4) !important; } .bg-lime-accent-3-50 { background: rgba(198, 255, 0, 0.5) !important; } .bg-lime-accent-3-60 { background: rgba(198, 255, 0, 0.6) !important; } .bg-lime-accent-3-70 { background: rgba(198, 255, 0, 0.7) !important; } .bg-lime-accent-3-80 { background: rgba(198, 255, 0, 0.8) !important; } .bg-lime-accent-3-90 { background: rgba(198, 255, 0, 0.9) !important; } .bg-lime-accent-3:hover, a.bg-lime-accent-3:hover, a.bg-lime-accent-3:focus, button.bg-lime-accent-3:hover, button.bg-lime-accent-3:focus { background-color: #C6FF00 !important; } .bg-lime-accent-4 { background-color: #AEEA00 !important; } .bg-lime-accent-4-10 { background: rgba(174, 234, 0, 0.1) !important; } .bg-lime-accent-4-20 { background: rgba(174, 234, 0, 0.2) !important; } .bg-lime-accent-4-30 { background: rgba(174, 234, 0, 0.3) !important; } .bg-lime-accent-4-40 { background: rgba(174, 234, 0, 0.4) !important; } .bg-lime-accent-4-50 { background: rgba(174, 234, 0, 0.5) !important; } .bg-lime-accent-4-60 { background: rgba(174, 234, 0, 0.6) !important; } .bg-lime-accent-4-70 { background: rgba(174, 234, 0, 0.7) !important; } .bg-lime-accent-4-80 { background: rgba(174, 234, 0, 0.8) !important; } .bg-lime-accent-4-90 { background: rgba(174, 234, 0, 0.9) !important; } .bg-lime-accent-4:hover, a.bg-lime-accent-4:hover, a.bg-lime-accent-4:focus, button.bg-lime-accent-4:hover, button.bg-lime-accent-4:focus { background-color: #AEEA00 !important; } .bg-yellow { background-color: #FFEB3B !important; } .bg-yellow-10 { background: rgba(255, 235, 59, 0.1) !important; } .bg-yellow-20 { background: rgba(255, 235, 59, 0.2) !important; } .bg-yellow-30 { background: rgba(255, 235, 59, 0.3) !important; } .bg-yellow-40 { background: rgba(255, 235, 59, 0.4) !important; } .bg-yellow-50 { background: rgba(255, 235, 59, 0.5) !important; } .bg-yellow-60 { background: rgba(255, 235, 59, 0.6) !important; } .bg-yellow-70 { background: rgba(255, 235, 59, 0.7) !important; } .bg-yellow-80 { background: rgba(255, 235, 59, 0.8) !important; } .bg-yellow-90 { background: rgba(255, 235, 59, 0.9) !important; } .bg-yellow:hover, a.bg-yellow:hover, a.bg-yellow:focus, button.bg-yellow:hover, button.bg-yellow:focus { background-color: #FFEB3B !important; } .bg-yellow-lighten-5 { background-color: #FFFDE7 !important; } .bg-yellow-lighten-5-10 { background: rgba(255, 253, 231, 0.1) !important; } .bg-yellow-lighten-5-20 { background: rgba(255, 253, 231, 0.2) !important; } .bg-yellow-lighten-5-30 { background: rgba(255, 253, 231, 0.3) !important; } .bg-yellow-lighten-5-40 { background: rgba(255, 253, 231, 0.4) !important; } .bg-yellow-lighten-5-50 { background: rgba(255, 253, 231, 0.5) !important; } .bg-yellow-lighten-5-60 { background: rgba(255, 253, 231, 0.6) !important; } .bg-yellow-lighten-5-70 { background: rgba(255, 253, 231, 0.7) !important; } .bg-yellow-lighten-5-80 { background: rgba(255, 253, 231, 0.8) !important; } .bg-yellow-lighten-5-90 { background: rgba(255, 253, 231, 0.9) !important; } .bg-yellow-lighten-5:hover, a.bg-yellow-lighten-5:hover, a.bg-yellow-lighten-5:focus, button.bg-yellow-lighten-5:hover, button.bg-yellow-lighten-5:focus { background-color: #FFFDE7 !important; } .bg-yellow-lighten-4 { background-color: #FFF9C4 !important; } .bg-yellow-lighten-4-10 { background: rgba(255, 249, 196, 0.1) !important; } .bg-yellow-lighten-4-20 { background: rgba(255, 249, 196, 0.2) !important; } .bg-yellow-lighten-4-30 { background: rgba(255, 249, 196, 0.3) !important; } .bg-yellow-lighten-4-40 { background: rgba(255, 249, 196, 0.4) !important; } .bg-yellow-lighten-4-50 { background: rgba(255, 249, 196, 0.5) !important; } .bg-yellow-lighten-4-60 { background: rgba(255, 249, 196, 0.6) !important; } .bg-yellow-lighten-4-70 { background: rgba(255, 249, 196, 0.7) !important; } .bg-yellow-lighten-4-80 { background: rgba(255, 249, 196, 0.8) !important; } .bg-yellow-lighten-4-90 { background: rgba(255, 249, 196, 0.9) !important; } .bg-yellow-lighten-4:hover, a.bg-yellow-lighten-4:hover, a.bg-yellow-lighten-4:focus, button.bg-yellow-lighten-4:hover, button.bg-yellow-lighten-4:focus { background-color: #FFF9C4 !important; } .bg-yellow-lighten-3 { background-color: #FFF59D !important; } .bg-yellow-lighten-3-10 { background: rgba(255, 245, 157, 0.1) !important; } .bg-yellow-lighten-3-20 { background: rgba(255, 245, 157, 0.2) !important; } .bg-yellow-lighten-3-30 { background: rgba(255, 245, 157, 0.3) !important; } .bg-yellow-lighten-3-40 { background: rgba(255, 245, 157, 0.4) !important; } .bg-yellow-lighten-3-50 { background: rgba(255, 245, 157, 0.5) !important; } .bg-yellow-lighten-3-60 { background: rgba(255, 245, 157, 0.6) !important; } .bg-yellow-lighten-3-70 { background: rgba(255, 245, 157, 0.7) !important; } .bg-yellow-lighten-3-80 { background: rgba(255, 245, 157, 0.8) !important; } .bg-yellow-lighten-3-90 { background: rgba(255, 245, 157, 0.9) !important; } .bg-yellow-lighten-3:hover, a.bg-yellow-lighten-3:hover, a.bg-yellow-lighten-3:focus, button.bg-yellow-lighten-3:hover, button.bg-yellow-lighten-3:focus { background-color: #FFF59D !important; } .bg-yellow-lighten-2 { background-color: #FFF176 !important; } .bg-yellow-lighten-2-10 { background: rgba(255, 241, 118, 0.1) !important; } .bg-yellow-lighten-2-20 { background: rgba(255, 241, 118, 0.2) !important; } .bg-yellow-lighten-2-30 { background: rgba(255, 241, 118, 0.3) !important; } .bg-yellow-lighten-2-40 { background: rgba(255, 241, 118, 0.4) !important; } .bg-yellow-lighten-2-50 { background: rgba(255, 241, 118, 0.5) !important; } .bg-yellow-lighten-2-60 { background: rgba(255, 241, 118, 0.6) !important; } .bg-yellow-lighten-2-70 { background: rgba(255, 241, 118, 0.7) !important; } .bg-yellow-lighten-2-80 { background: rgba(255, 241, 118, 0.8) !important; } .bg-yellow-lighten-2-90 { background: rgba(255, 241, 118, 0.9) !important; } .bg-yellow-lighten-2:hover, a.bg-yellow-lighten-2:hover, a.bg-yellow-lighten-2:focus, button.bg-yellow-lighten-2:hover, button.bg-yellow-lighten-2:focus { background-color: #FFF176 !important; } .bg-yellow-lighten-1 { background-color: #FFEE58 !important; } .bg-yellow-lighten-1-10 { background: rgba(255, 238, 88, 0.1) !important; } .bg-yellow-lighten-1-20 { background: rgba(255, 238, 88, 0.2) !important; } .bg-yellow-lighten-1-30 { background: rgba(255, 238, 88, 0.3) !important; } .bg-yellow-lighten-1-40 { background: rgba(255, 238, 88, 0.4) !important; } .bg-yellow-lighten-1-50 { background: rgba(255, 238, 88, 0.5) !important; } .bg-yellow-lighten-1-60 { background: rgba(255, 238, 88, 0.6) !important; } .bg-yellow-lighten-1-70 { background: rgba(255, 238, 88, 0.7) !important; } .bg-yellow-lighten-1-80 { background: rgba(255, 238, 88, 0.8) !important; } .bg-yellow-lighten-1-90 { background: rgba(255, 238, 88, 0.9) !important; } .bg-yellow-lighten-1:hover, a.bg-yellow-lighten-1:hover, a.bg-yellow-lighten-1:focus, button.bg-yellow-lighten-1:hover, button.bg-yellow-lighten-1:focus { background-color: #FFEE58 !important; } .bg-yellow-darken-1 { background-color: #FDD835 !important; } .bg-yellow-darken-1-10 { background: rgba(253, 216, 53, 0.1) !important; } .bg-yellow-darken-1-20 { background: rgba(253, 216, 53, 0.2) !important; } .bg-yellow-darken-1-30 { background: rgba(253, 216, 53, 0.3) !important; } .bg-yellow-darken-1-40 { background: rgba(253, 216, 53, 0.4) !important; } .bg-yellow-darken-1-50 { background: rgba(253, 216, 53, 0.5) !important; } .bg-yellow-darken-1-60 { background: rgba(253, 216, 53, 0.6) !important; } .bg-yellow-darken-1-70 { background: rgba(253, 216, 53, 0.7) !important; } .bg-yellow-darken-1-80 { background: rgba(253, 216, 53, 0.8) !important; } .bg-yellow-darken-1-90 { background: rgba(253, 216, 53, 0.9) !important; } .bg-yellow-darken-1:hover, a.bg-yellow-darken-1:hover, a.bg-yellow-darken-1:focus, button.bg-yellow-darken-1:hover, button.bg-yellow-darken-1:focus { background-color: #FDD835 !important; } .bg-yellow-darken-2 { background-color: #FBC02D !important; } .bg-yellow-darken-2-10 { background: rgba(251, 192, 45, 0.1) !important; } .bg-yellow-darken-2-20 { background: rgba(251, 192, 45, 0.2) !important; } .bg-yellow-darken-2-30 { background: rgba(251, 192, 45, 0.3) !important; } .bg-yellow-darken-2-40 { background: rgba(251, 192, 45, 0.4) !important; } .bg-yellow-darken-2-50 { background: rgba(251, 192, 45, 0.5) !important; } .bg-yellow-darken-2-60 { background: rgba(251, 192, 45, 0.6) !important; } .bg-yellow-darken-2-70 { background: rgba(251, 192, 45, 0.7) !important; } .bg-yellow-darken-2-80 { background: rgba(251, 192, 45, 0.8) !important; } .bg-yellow-darken-2-90 { background: rgba(251, 192, 45, 0.9) !important; } .bg-yellow-darken-2:hover, a.bg-yellow-darken-2:hover, a.bg-yellow-darken-2:focus, button.bg-yellow-darken-2:hover, button.bg-yellow-darken-2:focus { background-color: #FBC02D !important; } .bg-yellow-darken-3 { background-color: #F9A825 !important; } .bg-yellow-darken-3-10 { background: rgba(249, 168, 37, 0.1) !important; } .bg-yellow-darken-3-20 { background: rgba(249, 168, 37, 0.2) !important; } .bg-yellow-darken-3-30 { background: rgba(249, 168, 37, 0.3) !important; } .bg-yellow-darken-3-40 { background: rgba(249, 168, 37, 0.4) !important; } .bg-yellow-darken-3-50 { background: rgba(249, 168, 37, 0.5) !important; } .bg-yellow-darken-3-60 { background: rgba(249, 168, 37, 0.6) !important; } .bg-yellow-darken-3-70 { background: rgba(249, 168, 37, 0.7) !important; } .bg-yellow-darken-3-80 { background: rgba(249, 168, 37, 0.8) !important; } .bg-yellow-darken-3-90 { background: rgba(249, 168, 37, 0.9) !important; } .bg-yellow-darken-3:hover, a.bg-yellow-darken-3:hover, a.bg-yellow-darken-3:focus, button.bg-yellow-darken-3:hover, button.bg-yellow-darken-3:focus { background-color: #F9A825 !important; } .bg-yellow-darken-4 { background-color: #F57F17 !important; } .bg-yellow-darken-4-10 { background: rgba(245, 127, 23, 0.1) !important; } .bg-yellow-darken-4-20 { background: rgba(245, 127, 23, 0.2) !important; } .bg-yellow-darken-4-30 { background: rgba(245, 127, 23, 0.3) !important; } .bg-yellow-darken-4-40 { background: rgba(245, 127, 23, 0.4) !important; } .bg-yellow-darken-4-50 { background: rgba(245, 127, 23, 0.5) !important; } .bg-yellow-darken-4-60 { background: rgba(245, 127, 23, 0.6) !important; } .bg-yellow-darken-4-70 { background: rgba(245, 127, 23, 0.7) !important; } .bg-yellow-darken-4-80 { background: rgba(245, 127, 23, 0.8) !important; } .bg-yellow-darken-4-90 { background: rgba(245, 127, 23, 0.9) !important; } .bg-yellow-darken-4:hover, a.bg-yellow-darken-4:hover, a.bg-yellow-darken-4:focus, button.bg-yellow-darken-4:hover, button.bg-yellow-darken-4:focus { background-color: #F57F17 !important; } .bg-yellow-accent-1 { background-color: #FFFF8D !important; } .bg-yellow-accent-1-10 { background: rgba(255, 255, 141, 0.1) !important; } .bg-yellow-accent-1-20 { background: rgba(255, 255, 141, 0.2) !important; } .bg-yellow-accent-1-30 { background: rgba(255, 255, 141, 0.3) !important; } .bg-yellow-accent-1-40 { background: rgba(255, 255, 141, 0.4) !important; } .bg-yellow-accent-1-50 { background: rgba(255, 255, 141, 0.5) !important; } .bg-yellow-accent-1-60 { background: rgba(255, 255, 141, 0.6) !important; } .bg-yellow-accent-1-70 { background: rgba(255, 255, 141, 0.7) !important; } .bg-yellow-accent-1-80 { background: rgba(255, 255, 141, 0.8) !important; } .bg-yellow-accent-1-90 { background: rgba(255, 255, 141, 0.9) !important; } .bg-yellow-accent-1:hover, a.bg-yellow-accent-1:hover, a.bg-yellow-accent-1:focus, button.bg-yellow-accent-1:hover, button.bg-yellow-accent-1:focus { background-color: #FFFF8D !important; } .bg-yellow-accent-2 { background-color: #FFFF00 !important; } .bg-yellow-accent-2-10 { background: rgba(255, 255, 0, 0.1) !important; } .bg-yellow-accent-2-20 { background: rgba(255, 255, 0, 0.2) !important; } .bg-yellow-accent-2-30 { background: rgba(255, 255, 0, 0.3) !important; } .bg-yellow-accent-2-40 { background: rgba(255, 255, 0, 0.4) !important; } .bg-yellow-accent-2-50 { background: rgba(255, 255, 0, 0.5) !important; } .bg-yellow-accent-2-60 { background: rgba(255, 255, 0, 0.6) !important; } .bg-yellow-accent-2-70 { background: rgba(255, 255, 0, 0.7) !important; } .bg-yellow-accent-2-80 { background: rgba(255, 255, 0, 0.8) !important; } .bg-yellow-accent-2-90 { background: rgba(255, 255, 0, 0.9) !important; } .bg-yellow-accent-2:hover, a.bg-yellow-accent-2:hover, a.bg-yellow-accent-2:focus, button.bg-yellow-accent-2:hover, button.bg-yellow-accent-2:focus { background-color: #FFFF00 !important; } .bg-yellow-accent-3 { background-color: #FFEA00 !important; } .bg-yellow-accent-3-10 { background: rgba(255, 234, 0, 0.1) !important; } .bg-yellow-accent-3-20 { background: rgba(255, 234, 0, 0.2) !important; } .bg-yellow-accent-3-30 { background: rgba(255, 234, 0, 0.3) !important; } .bg-yellow-accent-3-40 { background: rgba(255, 234, 0, 0.4) !important; } .bg-yellow-accent-3-50 { background: rgba(255, 234, 0, 0.5) !important; } .bg-yellow-accent-3-60 { background: rgba(255, 234, 0, 0.6) !important; } .bg-yellow-accent-3-70 { background: rgba(255, 234, 0, 0.7) !important; } .bg-yellow-accent-3-80 { background: rgba(255, 234, 0, 0.8) !important; } .bg-yellow-accent-3-90 { background: rgba(255, 234, 0, 0.9) !important; } .bg-yellow-accent-3:hover, a.bg-yellow-accent-3:hover, a.bg-yellow-accent-3:focus, button.bg-yellow-accent-3:hover, button.bg-yellow-accent-3:focus { background-color: #FFEA00 !important; } .bg-yellow-accent-4 { background-color: #FFD600 !important; } .bg-yellow-accent-4-10 { background: rgba(255, 214, 0, 0.1) !important; } .bg-yellow-accent-4-20 { background: rgba(255, 214, 0, 0.2) !important; } .bg-yellow-accent-4-30 { background: rgba(255, 214, 0, 0.3) !important; } .bg-yellow-accent-4-40 { background: rgba(255, 214, 0, 0.4) !important; } .bg-yellow-accent-4-50 { background: rgba(255, 214, 0, 0.5) !important; } .bg-yellow-accent-4-60 { background: rgba(255, 214, 0, 0.6) !important; } .bg-yellow-accent-4-70 { background: rgba(255, 214, 0, 0.7) !important; } .bg-yellow-accent-4-80 { background: rgba(255, 214, 0, 0.8) !important; } .bg-yellow-accent-4-90 { background: rgba(255, 214, 0, 0.9) !important; } .bg-yellow-accent-4:hover, a.bg-yellow-accent-4:hover, a.bg-yellow-accent-4:focus, button.bg-yellow-accent-4:hover, button.bg-yellow-accent-4:focus { background-color: #FFD600 !important; } .bg-amber { background-color: #FFC107 !important; } .bg-amber-10 { background: rgba(255, 193, 7, 0.1) !important; } .bg-amber-20 { background: rgba(255, 193, 7, 0.2) !important; } .bg-amber-30 { background: rgba(255, 193, 7, 0.3) !important; } .bg-amber-40 { background: rgba(255, 193, 7, 0.4) !important; } .bg-amber-50 { background: rgba(255, 193, 7, 0.5) !important; } .bg-amber-60 { background: rgba(255, 193, 7, 0.6) !important; } .bg-amber-70 { background: rgba(255, 193, 7, 0.7) !important; } .bg-amber-80 { background: rgba(255, 193, 7, 0.8) !important; } .bg-amber-90 { background: rgba(255, 193, 7, 0.9) !important; } .bg-amber:hover, a.bg-amber:hover, a.bg-amber:focus, button.bg-amber:hover, button.bg-amber:focus { background-color: #FFC107 !important; } .bg-amber-lighten-5 { background-color: #FFF8E1 !important; } .bg-amber-lighten-5-10 { background: rgba(255, 248, 225, 0.1) !important; } .bg-amber-lighten-5-20 { background: rgba(255, 248, 225, 0.2) !important; } .bg-amber-lighten-5-30 { background: rgba(255, 248, 225, 0.3) !important; } .bg-amber-lighten-5-40 { background: rgba(255, 248, 225, 0.4) !important; } .bg-amber-lighten-5-50 { background: rgba(255, 248, 225, 0.5) !important; } .bg-amber-lighten-5-60 { background: rgba(255, 248, 225, 0.6) !important; } .bg-amber-lighten-5-70 { background: rgba(255, 248, 225, 0.7) !important; } .bg-amber-lighten-5-80 { background: rgba(255, 248, 225, 0.8) !important; } .bg-amber-lighten-5-90 { background: rgba(255, 248, 225, 0.9) !important; } .bg-amber-lighten-5:hover, a.bg-amber-lighten-5:hover, a.bg-amber-lighten-5:focus, button.bg-amber-lighten-5:hover, button.bg-amber-lighten-5:focus { background-color: #FFF8E1 !important; } .bg-amber-lighten-4 { background-color: #FFECB3 !important; } .bg-amber-lighten-4-10 { background: rgba(255, 236, 179, 0.1) !important; } .bg-amber-lighten-4-20 { background: rgba(255, 236, 179, 0.2) !important; } .bg-amber-lighten-4-30 { background: rgba(255, 236, 179, 0.3) !important; } .bg-amber-lighten-4-40 { background: rgba(255, 236, 179, 0.4) !important; } .bg-amber-lighten-4-50 { background: rgba(255, 236, 179, 0.5) !important; } .bg-amber-lighten-4-60 { background: rgba(255, 236, 179, 0.6) !important; } .bg-amber-lighten-4-70 { background: rgba(255, 236, 179, 0.7) !important; } .bg-amber-lighten-4-80 { background: rgba(255, 236, 179, 0.8) !important; } .bg-amber-lighten-4-90 { background: rgba(255, 236, 179, 0.9) !important; } .bg-amber-lighten-4:hover, a.bg-amber-lighten-4:hover, a.bg-amber-lighten-4:focus, button.bg-amber-lighten-4:hover, button.bg-amber-lighten-4:focus { background-color: #FFECB3 !important; } .bg-amber-lighten-3 { background-color: #FFE082 !important; } .bg-amber-lighten-3-10 { background: rgba(255, 224, 130, 0.1) !important; } .bg-amber-lighten-3-20 { background: rgba(255, 224, 130, 0.2) !important; } .bg-amber-lighten-3-30 { background: rgba(255, 224, 130, 0.3) !important; } .bg-amber-lighten-3-40 { background: rgba(255, 224, 130, 0.4) !important; } .bg-amber-lighten-3-50 { background: rgba(255, 224, 130, 0.5) !important; } .bg-amber-lighten-3-60 { background: rgba(255, 224, 130, 0.6) !important; } .bg-amber-lighten-3-70 { background: rgba(255, 224, 130, 0.7) !important; } .bg-amber-lighten-3-80 { background: rgba(255, 224, 130, 0.8) !important; } .bg-amber-lighten-3-90 { background: rgba(255, 224, 130, 0.9) !important; } .bg-amber-lighten-3:hover, a.bg-amber-lighten-3:hover, a.bg-amber-lighten-3:focus, button.bg-amber-lighten-3:hover, button.bg-amber-lighten-3:focus { background-color: #FFE082 !important; } .bg-amber-lighten-2 { background-color: #FFD54F !important; } .bg-amber-lighten-2-10 { background: rgba(255, 213, 79, 0.1) !important; } .bg-amber-lighten-2-20 { background: rgba(255, 213, 79, 0.2) !important; } .bg-amber-lighten-2-30 { background: rgba(255, 213, 79, 0.3) !important; } .bg-amber-lighten-2-40 { background: rgba(255, 213, 79, 0.4) !important; } .bg-amber-lighten-2-50 { background: rgba(255, 213, 79, 0.5) !important; } .bg-amber-lighten-2-60 { background: rgba(255, 213, 79, 0.6) !important; } .bg-amber-lighten-2-70 { background: rgba(255, 213, 79, 0.7) !important; } .bg-amber-lighten-2-80 { background: rgba(255, 213, 79, 0.8) !important; } .bg-amber-lighten-2-90 { background: rgba(255, 213, 79, 0.9) !important; } .bg-amber-lighten-2:hover, a.bg-amber-lighten-2:hover, a.bg-amber-lighten-2:focus, button.bg-amber-lighten-2:hover, button.bg-amber-lighten-2:focus { background-color: #FFD54F !important; } .bg-amber-lighten-1 { background-color: #FFCA28 !important; } .bg-amber-lighten-1-10 { background: rgba(255, 202, 40, 0.1) !important; } .bg-amber-lighten-1-20 { background: rgba(255, 202, 40, 0.2) !important; } .bg-amber-lighten-1-30 { background: rgba(255, 202, 40, 0.3) !important; } .bg-amber-lighten-1-40 { background: rgba(255, 202, 40, 0.4) !important; } .bg-amber-lighten-1-50 { background: rgba(255, 202, 40, 0.5) !important; } .bg-amber-lighten-1-60 { background: rgba(255, 202, 40, 0.6) !important; } .bg-amber-lighten-1-70 { background: rgba(255, 202, 40, 0.7) !important; } .bg-amber-lighten-1-80 { background: rgba(255, 202, 40, 0.8) !important; } .bg-amber-lighten-1-90 { background: rgba(255, 202, 40, 0.9) !important; } .bg-amber-lighten-1:hover, a.bg-amber-lighten-1:hover, a.bg-amber-lighten-1:focus, button.bg-amber-lighten-1:hover, button.bg-amber-lighten-1:focus { background-color: #FFCA28 !important; } .bg-amber-darken-1 { background-color: #FFB300 !important; } .bg-amber-darken-1-10 { background: rgba(255, 179, 0, 0.1) !important; } .bg-amber-darken-1-20 { background: rgba(255, 179, 0, 0.2) !important; } .bg-amber-darken-1-30 { background: rgba(255, 179, 0, 0.3) !important; } .bg-amber-darken-1-40 { background: rgba(255, 179, 0, 0.4) !important; } .bg-amber-darken-1-50 { background: rgba(255, 179, 0, 0.5) !important; } .bg-amber-darken-1-60 { background: rgba(255, 179, 0, 0.6) !important; } .bg-amber-darken-1-70 { background: rgba(255, 179, 0, 0.7) !important; } .bg-amber-darken-1-80 { background: rgba(255, 179, 0, 0.8) !important; } .bg-amber-darken-1-90 { background: rgba(255, 179, 0, 0.9) !important; } .bg-amber-darken-1:hover, a.bg-amber-darken-1:hover, a.bg-amber-darken-1:focus, button.bg-amber-darken-1:hover, button.bg-amber-darken-1:focus { background-color: #FFB300 !important; } .bg-amber-darken-2 { background-color: #FFA000 !important; } .bg-amber-darken-2-10 { background: rgba(255, 160, 0, 0.1) !important; } .bg-amber-darken-2-20 { background: rgba(255, 160, 0, 0.2) !important; } .bg-amber-darken-2-30 { background: rgba(255, 160, 0, 0.3) !important; } .bg-amber-darken-2-40 { background: rgba(255, 160, 0, 0.4) !important; } .bg-amber-darken-2-50 { background: rgba(255, 160, 0, 0.5) !important; } .bg-amber-darken-2-60 { background: rgba(255, 160, 0, 0.6) !important; } .bg-amber-darken-2-70 { background: rgba(255, 160, 0, 0.7) !important; } .bg-amber-darken-2-80 { background: rgba(255, 160, 0, 0.8) !important; } .bg-amber-darken-2-90 { background: rgba(255, 160, 0, 0.9) !important; } .bg-amber-darken-2:hover, a.bg-amber-darken-2:hover, a.bg-amber-darken-2:focus, button.bg-amber-darken-2:hover, button.bg-amber-darken-2:focus { background-color: #FFA000 !important; } .bg-amber-darken-3 { background-color: #FF8F00 !important; } .bg-amber-darken-3-10 { background: rgba(255, 143, 0, 0.1) !important; } .bg-amber-darken-3-20 { background: rgba(255, 143, 0, 0.2) !important; } .bg-amber-darken-3-30 { background: rgba(255, 143, 0, 0.3) !important; } .bg-amber-darken-3-40 { background: rgba(255, 143, 0, 0.4) !important; } .bg-amber-darken-3-50 { background: rgba(255, 143, 0, 0.5) !important; } .bg-amber-darken-3-60 { background: rgba(255, 143, 0, 0.6) !important; } .bg-amber-darken-3-70 { background: rgba(255, 143, 0, 0.7) !important; } .bg-amber-darken-3-80 { background: rgba(255, 143, 0, 0.8) !important; } .bg-amber-darken-3-90 { background: rgba(255, 143, 0, 0.9) !important; } .bg-amber-darken-3:hover, a.bg-amber-darken-3:hover, a.bg-amber-darken-3:focus, button.bg-amber-darken-3:hover, button.bg-amber-darken-3:focus { background-color: #FF8F00 !important; } .bg-amber-darken-4 { background-color: #FF6F00 !important; } .bg-amber-darken-4-10 { background: rgba(255, 111, 0, 0.1) !important; } .bg-amber-darken-4-20 { background: rgba(255, 111, 0, 0.2) !important; } .bg-amber-darken-4-30 { background: rgba(255, 111, 0, 0.3) !important; } .bg-amber-darken-4-40 { background: rgba(255, 111, 0, 0.4) !important; } .bg-amber-darken-4-50 { background: rgba(255, 111, 0, 0.5) !important; } .bg-amber-darken-4-60 { background: rgba(255, 111, 0, 0.6) !important; } .bg-amber-darken-4-70 { background: rgba(255, 111, 0, 0.7) !important; } .bg-amber-darken-4-80 { background: rgba(255, 111, 0, 0.8) !important; } .bg-amber-darken-4-90 { background: rgba(255, 111, 0, 0.9) !important; } .bg-amber-darken-4:hover, a.bg-amber-darken-4:hover, a.bg-amber-darken-4:focus, button.bg-amber-darken-4:hover, button.bg-amber-darken-4:focus { background-color: #FF6F00 !important; } .bg-amber-accent-1 { background-color: #FFE57F !important; } .bg-amber-accent-1-10 { background: rgba(255, 229, 127, 0.1) !important; } .bg-amber-accent-1-20 { background: rgba(255, 229, 127, 0.2) !important; } .bg-amber-accent-1-30 { background: rgba(255, 229, 127, 0.3) !important; } .bg-amber-accent-1-40 { background: rgba(255, 229, 127, 0.4) !important; } .bg-amber-accent-1-50 { background: rgba(255, 229, 127, 0.5) !important; } .bg-amber-accent-1-60 { background: rgba(255, 229, 127, 0.6) !important; } .bg-amber-accent-1-70 { background: rgba(255, 229, 127, 0.7) !important; } .bg-amber-accent-1-80 { background: rgba(255, 229, 127, 0.8) !important; } .bg-amber-accent-1-90 { background: rgba(255, 229, 127, 0.9) !important; } .bg-amber-accent-1:hover, a.bg-amber-accent-1:hover, a.bg-amber-accent-1:focus, button.bg-amber-accent-1:hover, button.bg-amber-accent-1:focus { background-color: #FFE57F !important; } .bg-amber-accent-2 { background-color: #FFD740 !important; } .bg-amber-accent-2-10 { background: rgba(255, 215, 64, 0.1) !important; } .bg-amber-accent-2-20 { background: rgba(255, 215, 64, 0.2) !important; } .bg-amber-accent-2-30 { background: rgba(255, 215, 64, 0.3) !important; } .bg-amber-accent-2-40 { background: rgba(255, 215, 64, 0.4) !important; } .bg-amber-accent-2-50 { background: rgba(255, 215, 64, 0.5) !important; } .bg-amber-accent-2-60 { background: rgba(255, 215, 64, 0.6) !important; } .bg-amber-accent-2-70 { background: rgba(255, 215, 64, 0.7) !important; } .bg-amber-accent-2-80 { background: rgba(255, 215, 64, 0.8) !important; } .bg-amber-accent-2-90 { background: rgba(255, 215, 64, 0.9) !important; } .bg-amber-accent-2:hover, a.bg-amber-accent-2:hover, a.bg-amber-accent-2:focus, button.bg-amber-accent-2:hover, button.bg-amber-accent-2:focus { background-color: #FFD740 !important; } .bg-amber-accent-3 { background-color: #FFC400 !important; } .bg-amber-accent-3-10 { background: rgba(255, 196, 0, 0.1) !important; } .bg-amber-accent-3-20 { background: rgba(255, 196, 0, 0.2) !important; } .bg-amber-accent-3-30 { background: rgba(255, 196, 0, 0.3) !important; } .bg-amber-accent-3-40 { background: rgba(255, 196, 0, 0.4) !important; } .bg-amber-accent-3-50 { background: rgba(255, 196, 0, 0.5) !important; } .bg-amber-accent-3-60 { background: rgba(255, 196, 0, 0.6) !important; } .bg-amber-accent-3-70 { background: rgba(255, 196, 0, 0.7) !important; } .bg-amber-accent-3-80 { background: rgba(255, 196, 0, 0.8) !important; } .bg-amber-accent-3-90 { background: rgba(255, 196, 0, 0.9) !important; } .bg-amber-accent-3:hover, a.bg-amber-accent-3:hover, a.bg-amber-accent-3:focus, button.bg-amber-accent-3:hover, button.bg-amber-accent-3:focus { background-color: #FFC400 !important; } .bg-amber-accent-4 { background-color: #FFAB00 !important; } .bg-amber-accent-4-10 { background: rgba(255, 171, 0, 0.1) !important; } .bg-amber-accent-4-20 { background: rgba(255, 171, 0, 0.2) !important; } .bg-amber-accent-4-30 { background: rgba(255, 171, 0, 0.3) !important; } .bg-amber-accent-4-40 { background: rgba(255, 171, 0, 0.4) !important; } .bg-amber-accent-4-50 { background: rgba(255, 171, 0, 0.5) !important; } .bg-amber-accent-4-60 { background: rgba(255, 171, 0, 0.6) !important; } .bg-amber-accent-4-70 { background: rgba(255, 171, 0, 0.7) !important; } .bg-amber-accent-4-80 { background: rgba(255, 171, 0, 0.8) !important; } .bg-amber-accent-4-90 { background: rgba(255, 171, 0, 0.9) !important; } .bg-amber-accent-4:hover, a.bg-amber-accent-4:hover, a.bg-amber-accent-4:focus, button.bg-amber-accent-4:hover, button.bg-amber-accent-4:focus { background-color: #FFAB00 !important; } .bg-orange { background-color: #FF9800 !important; } .bg-orange-10 { background: rgba(255, 152, 0, 0.1) !important; } .bg-orange-20 { background: rgba(255, 152, 0, 0.2) !important; } .bg-orange-30 { background: rgba(255, 152, 0, 0.3) !important; } .bg-orange-40 { background: rgba(255, 152, 0, 0.4) !important; } .bg-orange-50 { background: rgba(255, 152, 0, 0.5) !important; } .bg-orange-60 { background: rgba(255, 152, 0, 0.6) !important; } .bg-orange-70 { background: rgba(255, 152, 0, 0.7) !important; } .bg-orange-80 { background: rgba(255, 152, 0, 0.8) !important; } .bg-orange-90 { background: rgba(255, 152, 0, 0.9) !important; } .bg-orange:hover, a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus { background-color: #FF9800 !important; } .bg-orange-lighten-5 { background-color: #FFF3E0 !important; } .bg-orange-lighten-5-10 { background: rgba(255, 243, 224, 0.1) !important; } .bg-orange-lighten-5-20 { background: rgba(255, 243, 224, 0.2) !important; } .bg-orange-lighten-5-30 { background: rgba(255, 243, 224, 0.3) !important; } .bg-orange-lighten-5-40 { background: rgba(255, 243, 224, 0.4) !important; } .bg-orange-lighten-5-50 { background: rgba(255, 243, 224, 0.5) !important; } .bg-orange-lighten-5-60 { background: rgba(255, 243, 224, 0.6) !important; } .bg-orange-lighten-5-70 { background: rgba(255, 243, 224, 0.7) !important; } .bg-orange-lighten-5-80 { background: rgba(255, 243, 224, 0.8) !important; } .bg-orange-lighten-5-90 { background: rgba(255, 243, 224, 0.9) !important; } .bg-orange-lighten-5:hover, a.bg-orange-lighten-5:hover, a.bg-orange-lighten-5:focus, button.bg-orange-lighten-5:hover, button.bg-orange-lighten-5:focus { background-color: #FFF3E0 !important; } .bg-orange-lighten-4 { background-color: #FFE0B2 !important; } .bg-orange-lighten-4-10 { background: rgba(255, 224, 178, 0.1) !important; } .bg-orange-lighten-4-20 { background: rgba(255, 224, 178, 0.2) !important; } .bg-orange-lighten-4-30 { background: rgba(255, 224, 178, 0.3) !important; } .bg-orange-lighten-4-40 { background: rgba(255, 224, 178, 0.4) !important; } .bg-orange-lighten-4-50 { background: rgba(255, 224, 178, 0.5) !important; } .bg-orange-lighten-4-60 { background: rgba(255, 224, 178, 0.6) !important; } .bg-orange-lighten-4-70 { background: rgba(255, 224, 178, 0.7) !important; } .bg-orange-lighten-4-80 { background: rgba(255, 224, 178, 0.8) !important; } .bg-orange-lighten-4-90 { background: rgba(255, 224, 178, 0.9) !important; } .bg-orange-lighten-4:hover, a.bg-orange-lighten-4:hover, a.bg-orange-lighten-4:focus, button.bg-orange-lighten-4:hover, button.bg-orange-lighten-4:focus { background-color: #FFE0B2 !important; } .bg-orange-lighten-3 { background-color: #FFCC80 !important; } .bg-orange-lighten-3-10 { background: rgba(255, 204, 128, 0.1) !important; } .bg-orange-lighten-3-20 { background: rgba(255, 204, 128, 0.2) !important; } .bg-orange-lighten-3-30 { background: rgba(255, 204, 128, 0.3) !important; } .bg-orange-lighten-3-40 { background: rgba(255, 204, 128, 0.4) !important; } .bg-orange-lighten-3-50 { background: rgba(255, 204, 128, 0.5) !important; } .bg-orange-lighten-3-60 { background: rgba(255, 204, 128, 0.6) !important; } .bg-orange-lighten-3-70 { background: rgba(255, 204, 128, 0.7) !important; } .bg-orange-lighten-3-80 { background: rgba(255, 204, 128, 0.8) !important; } .bg-orange-lighten-3-90 { background: rgba(255, 204, 128, 0.9) !important; } .bg-orange-lighten-3:hover, a.bg-orange-lighten-3:hover, a.bg-orange-lighten-3:focus, button.bg-orange-lighten-3:hover, button.bg-orange-lighten-3:focus { background-color: #FFCC80 !important; } .bg-orange-lighten-2 { background-color: #FFB74D !important; } .bg-orange-lighten-2-10 { background: rgba(255, 183, 77, 0.1) !important; } .bg-orange-lighten-2-20 { background: rgba(255, 183, 77, 0.2) !important; } .bg-orange-lighten-2-30 { background: rgba(255, 183, 77, 0.3) !important; } .bg-orange-lighten-2-40 { background: rgba(255, 183, 77, 0.4) !important; } .bg-orange-lighten-2-50 { background: rgba(255, 183, 77, 0.5) !important; } .bg-orange-lighten-2-60 { background: rgba(255, 183, 77, 0.6) !important; } .bg-orange-lighten-2-70 { background: rgba(255, 183, 77, 0.7) !important; } .bg-orange-lighten-2-80 { background: rgba(255, 183, 77, 0.8) !important; } .bg-orange-lighten-2-90 { background: rgba(255, 183, 77, 0.9) !important; } .bg-orange-lighten-2:hover, a.bg-orange-lighten-2:hover, a.bg-orange-lighten-2:focus, button.bg-orange-lighten-2:hover, button.bg-orange-lighten-2:focus { background-color: #FFB74D !important; } .bg-orange-lighten-1 { background-color: #FFA726 !important; } .bg-orange-lighten-1-10 { background: rgba(255, 167, 38, 0.1) !important; } .bg-orange-lighten-1-20 { background: rgba(255, 167, 38, 0.2) !important; } .bg-orange-lighten-1-30 { background: rgba(255, 167, 38, 0.3) !important; } .bg-orange-lighten-1-40 { background: rgba(255, 167, 38, 0.4) !important; } .bg-orange-lighten-1-50 { background: rgba(255, 167, 38, 0.5) !important; } .bg-orange-lighten-1-60 { background: rgba(255, 167, 38, 0.6) !important; } .bg-orange-lighten-1-70 { background: rgba(255, 167, 38, 0.7) !important; } .bg-orange-lighten-1-80 { background: rgba(255, 167, 38, 0.8) !important; } .bg-orange-lighten-1-90 { background: rgba(255, 167, 38, 0.9) !important; } .bg-orange-lighten-1:hover, a.bg-orange-lighten-1:hover, a.bg-orange-lighten-1:focus, button.bg-orange-lighten-1:hover, button.bg-orange-lighten-1:focus { background-color: #FFA726 !important; } .bg-orange-darken-1 { background-color: #FB8C00 !important; } .bg-orange-darken-1-10 { background: rgba(251, 140, 0, 0.1) !important; } .bg-orange-darken-1-20 { background: rgba(251, 140, 0, 0.2) !important; } .bg-orange-darken-1-30 { background: rgba(251, 140, 0, 0.3) !important; } .bg-orange-darken-1-40 { background: rgba(251, 140, 0, 0.4) !important; } .bg-orange-darken-1-50 { background: rgba(251, 140, 0, 0.5) !important; } .bg-orange-darken-1-60 { background: rgba(251, 140, 0, 0.6) !important; } .bg-orange-darken-1-70 { background: rgba(251, 140, 0, 0.7) !important; } .bg-orange-darken-1-80 { background: rgba(251, 140, 0, 0.8) !important; } .bg-orange-darken-1-90 { background: rgba(251, 140, 0, 0.9) !important; } .bg-orange-darken-1:hover, a.bg-orange-darken-1:hover, a.bg-orange-darken-1:focus, button.bg-orange-darken-1:hover, button.bg-orange-darken-1:focus { background-color: #FB8C00 !important; } .bg-orange-darken-2 { background-color: #F57C00 !important; } .bg-orange-darken-2-10 { background: rgba(245, 124, 0, 0.1) !important; } .bg-orange-darken-2-20 { background: rgba(245, 124, 0, 0.2) !important; } .bg-orange-darken-2-30 { background: rgba(245, 124, 0, 0.3) !important; } .bg-orange-darken-2-40 { background: rgba(245, 124, 0, 0.4) !important; } .bg-orange-darken-2-50 { background: rgba(245, 124, 0, 0.5) !important; } .bg-orange-darken-2-60 { background: rgba(245, 124, 0, 0.6) !important; } .bg-orange-darken-2-70 { background: rgba(245, 124, 0, 0.7) !important; } .bg-orange-darken-2-80 { background: rgba(245, 124, 0, 0.8) !important; } .bg-orange-darken-2-90 { background: rgba(245, 124, 0, 0.9) !important; } .bg-orange-darken-2:hover, a.bg-orange-darken-2:hover, a.bg-orange-darken-2:focus, button.bg-orange-darken-2:hover, button.bg-orange-darken-2:focus { background-color: #F57C00 !important; } .bg-orange-darken-3 { background-color: #EF6C00 !important; } .bg-orange-darken-3-10 { background: rgba(239, 108, 0, 0.1) !important; } .bg-orange-darken-3-20 { background: rgba(239, 108, 0, 0.2) !important; } .bg-orange-darken-3-30 { background: rgba(239, 108, 0, 0.3) !important; } .bg-orange-darken-3-40 { background: rgba(239, 108, 0, 0.4) !important; } .bg-orange-darken-3-50 { background: rgba(239, 108, 0, 0.5) !important; } .bg-orange-darken-3-60 { background: rgba(239, 108, 0, 0.6) !important; } .bg-orange-darken-3-70 { background: rgba(239, 108, 0, 0.7) !important; } .bg-orange-darken-3-80 { background: rgba(239, 108, 0, 0.8) !important; } .bg-orange-darken-3-90 { background: rgba(239, 108, 0, 0.9) !important; } .bg-orange-darken-3:hover, a.bg-orange-darken-3:hover, a.bg-orange-darken-3:focus, button.bg-orange-darken-3:hover, button.bg-orange-darken-3:focus { background-color: #EF6C00 !important; } .bg-orange-darken-4 { background-color: #E65100 !important; } .bg-orange-darken-4-10 { background: rgba(230, 81, 0, 0.1) !important; } .bg-orange-darken-4-20 { background: rgba(230, 81, 0, 0.2) !important; } .bg-orange-darken-4-30 { background: rgba(230, 81, 0, 0.3) !important; } .bg-orange-darken-4-40 { background: rgba(230, 81, 0, 0.4) !important; } .bg-orange-darken-4-50 { background: rgba(230, 81, 0, 0.5) !important; } .bg-orange-darken-4-60 { background: rgba(230, 81, 0, 0.6) !important; } .bg-orange-darken-4-70 { background: rgba(230, 81, 0, 0.7) !important; } .bg-orange-darken-4-80 { background: rgba(230, 81, 0, 0.8) !important; } .bg-orange-darken-4-90 { background: rgba(230, 81, 0, 0.9) !important; } .bg-orange-darken-4:hover, a.bg-orange-darken-4:hover, a.bg-orange-darken-4:focus, button.bg-orange-darken-4:hover, button.bg-orange-darken-4:focus { background-color: #E65100 !important; } .bg-orange-accent-1 { background-color: #FFD180 !important; } .bg-orange-accent-1-10 { background: rgba(255, 209, 128, 0.1) !important; } .bg-orange-accent-1-20 { background: rgba(255, 209, 128, 0.2) !important; } .bg-orange-accent-1-30 { background: rgba(255, 209, 128, 0.3) !important; } .bg-orange-accent-1-40 { background: rgba(255, 209, 128, 0.4) !important; } .bg-orange-accent-1-50 { background: rgba(255, 209, 128, 0.5) !important; } .bg-orange-accent-1-60 { background: rgba(255, 209, 128, 0.6) !important; } .bg-orange-accent-1-70 { background: rgba(255, 209, 128, 0.7) !important; } .bg-orange-accent-1-80 { background: rgba(255, 209, 128, 0.8) !important; } .bg-orange-accent-1-90 { background: rgba(255, 209, 128, 0.9) !important; } .bg-orange-accent-1:hover, a.bg-orange-accent-1:hover, a.bg-orange-accent-1:focus, button.bg-orange-accent-1:hover, button.bg-orange-accent-1:focus { background-color: #FFD180 !important; } .bg-orange-accent-2 { background-color: #FFAB40 !important; } .bg-orange-accent-2-10 { background: rgba(255, 171, 64, 0.1) !important; } .bg-orange-accent-2-20 { background: rgba(255, 171, 64, 0.2) !important; } .bg-orange-accent-2-30 { background: rgba(255, 171, 64, 0.3) !important; } .bg-orange-accent-2-40 { background: rgba(255, 171, 64, 0.4) !important; } .bg-orange-accent-2-50 { background: rgba(255, 171, 64, 0.5) !important; } .bg-orange-accent-2-60 { background: rgba(255, 171, 64, 0.6) !important; } .bg-orange-accent-2-70 { background: rgba(255, 171, 64, 0.7) !important; } .bg-orange-accent-2-80 { background: rgba(255, 171, 64, 0.8) !important; } .bg-orange-accent-2-90 { background: rgba(255, 171, 64, 0.9) !important; } .bg-orange-accent-2:hover, a.bg-orange-accent-2:hover, a.bg-orange-accent-2:focus, button.bg-orange-accent-2:hover, button.bg-orange-accent-2:focus { background-color: #FFAB40 !important; } .bg-orange-accent-3 { background-color: #FF9100 !important; } .bg-orange-accent-3-10 { background: rgba(255, 145, 0, 0.1) !important; } .bg-orange-accent-3-20 { background: rgba(255, 145, 0, 0.2) !important; } .bg-orange-accent-3-30 { background: rgba(255, 145, 0, 0.3) !important; } .bg-orange-accent-3-40 { background: rgba(255, 145, 0, 0.4) !important; } .bg-orange-accent-3-50 { background: rgba(255, 145, 0, 0.5) !important; } .bg-orange-accent-3-60 { background: rgba(255, 145, 0, 0.6) !important; } .bg-orange-accent-3-70 { background: rgba(255, 145, 0, 0.7) !important; } .bg-orange-accent-3-80 { background: rgba(255, 145, 0, 0.8) !important; } .bg-orange-accent-3-90 { background: rgba(255, 145, 0, 0.9) !important; } .bg-orange-accent-3:hover, a.bg-orange-accent-3:hover, a.bg-orange-accent-3:focus, button.bg-orange-accent-3:hover, button.bg-orange-accent-3:focus { background-color: #FF9100 !important; } .bg-orange-accent-4 { background-color: #FF6D00 !important; } .bg-orange-accent-4-10 { background: rgba(255, 109, 0, 0.1) !important; } .bg-orange-accent-4-20 { background: rgba(255, 109, 0, 0.2) !important; } .bg-orange-accent-4-30 { background: rgba(255, 109, 0, 0.3) !important; } .bg-orange-accent-4-40 { background: rgba(255, 109, 0, 0.4) !important; } .bg-orange-accent-4-50 { background: rgba(255, 109, 0, 0.5) !important; } .bg-orange-accent-4-60 { background: rgba(255, 109, 0, 0.6) !important; } .bg-orange-accent-4-70 { background: rgba(255, 109, 0, 0.7) !important; } .bg-orange-accent-4-80 { background: rgba(255, 109, 0, 0.8) !important; } .bg-orange-accent-4-90 { background: rgba(255, 109, 0, 0.9) !important; } .bg-orange-accent-4:hover, a.bg-orange-accent-4:hover, a.bg-orange-accent-4:focus, button.bg-orange-accent-4:hover, button.bg-orange-accent-4:focus { background-color: #FF6D00 !important; } .bg-deep-orange { background-color: #FF5722 !important; } .bg-deep-orange-10 { background: rgba(255, 87, 34, 0.1) !important; } .bg-deep-orange-20 { background: rgba(255, 87, 34, 0.2) !important; } .bg-deep-orange-30 { background: rgba(255, 87, 34, 0.3) !important; } .bg-deep-orange-40 { background: rgba(255, 87, 34, 0.4) !important; } .bg-deep-orange-50 { background: rgba(255, 87, 34, 0.5) !important; } .bg-deep-orange-60 { background: rgba(255, 87, 34, 0.6) !important; } .bg-deep-orange-70 { background: rgba(255, 87, 34, 0.7) !important; } .bg-deep-orange-80 { background: rgba(255, 87, 34, 0.8) !important; } .bg-deep-orange-90 { background: rgba(255, 87, 34, 0.9) !important; } .bg-deep-orange:hover, a.bg-deep-orange:hover, a.bg-deep-orange:focus, button.bg-deep-orange:hover, button.bg-deep-orange:focus { background-color: #FF5722 !important; } .bg-deep-orange-lighten-5 { background-color: #FBE9E7 !important; } .bg-deep-orange-lighten-5-10 { background: rgba(251, 233, 231, 0.1) !important; } .bg-deep-orange-lighten-5-20 { background: rgba(251, 233, 231, 0.2) !important; } .bg-deep-orange-lighten-5-30 { background: rgba(251, 233, 231, 0.3) !important; } .bg-deep-orange-lighten-5-40 { background: rgba(251, 233, 231, 0.4) !important; } .bg-deep-orange-lighten-5-50 { background: rgba(251, 233, 231, 0.5) !important; } .bg-deep-orange-lighten-5-60 { background: rgba(251, 233, 231, 0.6) !important; } .bg-deep-orange-lighten-5-70 { background: rgba(251, 233, 231, 0.7) !important; } .bg-deep-orange-lighten-5-80 { background: rgba(251, 233, 231, 0.8) !important; } .bg-deep-orange-lighten-5-90 { background: rgba(251, 233, 231, 0.9) !important; } .bg-deep-orange-lighten-5:hover, a.bg-deep-orange-lighten-5:hover, a.bg-deep-orange-lighten-5:focus, button.bg-deep-orange-lighten-5:hover, button.bg-deep-orange-lighten-5:focus { background-color: #FBE9E7 !important; } .bg-deep-orange-lighten-4 { background-color: #FFCCBC !important; } .bg-deep-orange-lighten-4-10 { background: rgba(255, 204, 188, 0.1) !important; } .bg-deep-orange-lighten-4-20 { background: rgba(255, 204, 188, 0.2) !important; } .bg-deep-orange-lighten-4-30 { background: rgba(255, 204, 188, 0.3) !important; } .bg-deep-orange-lighten-4-40 { background: rgba(255, 204, 188, 0.4) !important; } .bg-deep-orange-lighten-4-50 { background: rgba(255, 204, 188, 0.5) !important; } .bg-deep-orange-lighten-4-60 { background: rgba(255, 204, 188, 0.6) !important; } .bg-deep-orange-lighten-4-70 { background: rgba(255, 204, 188, 0.7) !important; } .bg-deep-orange-lighten-4-80 { background: rgba(255, 204, 188, 0.8) !important; } .bg-deep-orange-lighten-4-90 { background: rgba(255, 204, 188, 0.9) !important; } .bg-deep-orange-lighten-4:hover, a.bg-deep-orange-lighten-4:hover, a.bg-deep-orange-lighten-4:focus, button.bg-deep-orange-lighten-4:hover, button.bg-deep-orange-lighten-4:focus { background-color: #FFCCBC !important; } .bg-deep-orange-lighten-3 { background-color: #FFAB91 !important; } .bg-deep-orange-lighten-3-10 { background: rgba(255, 171, 145, 0.1) !important; } .bg-deep-orange-lighten-3-20 { background: rgba(255, 171, 145, 0.2) !important; } .bg-deep-orange-lighten-3-30 { background: rgba(255, 171, 145, 0.3) !important; } .bg-deep-orange-lighten-3-40 { background: rgba(255, 171, 145, 0.4) !important; } .bg-deep-orange-lighten-3-50 { background: rgba(255, 171, 145, 0.5) !important; } .bg-deep-orange-lighten-3-60 { background: rgba(255, 171, 145, 0.6) !important; } .bg-deep-orange-lighten-3-70 { background: rgba(255, 171, 145, 0.7) !important; } .bg-deep-orange-lighten-3-80 { background: rgba(255, 171, 145, 0.8) !important; } .bg-deep-orange-lighten-3-90 { background: rgba(255, 171, 145, 0.9) !important; } .bg-deep-orange-lighten-3:hover, a.bg-deep-orange-lighten-3:hover, a.bg-deep-orange-lighten-3:focus, button.bg-deep-orange-lighten-3:hover, button.bg-deep-orange-lighten-3:focus { background-color: #FFAB91 !important; } .bg-deep-orange-lighten-2 { background-color: #FF8A65 !important; } .bg-deep-orange-lighten-2-10 { background: rgba(255, 138, 101, 0.1) !important; } .bg-deep-orange-lighten-2-20 { background: rgba(255, 138, 101, 0.2) !important; } .bg-deep-orange-lighten-2-30 { background: rgba(255, 138, 101, 0.3) !important; } .bg-deep-orange-lighten-2-40 { background: rgba(255, 138, 101, 0.4) !important; } .bg-deep-orange-lighten-2-50 { background: rgba(255, 138, 101, 0.5) !important; } .bg-deep-orange-lighten-2-60 { background: rgba(255, 138, 101, 0.6) !important; } .bg-deep-orange-lighten-2-70 { background: rgba(255, 138, 101, 0.7) !important; } .bg-deep-orange-lighten-2-80 { background: rgba(255, 138, 101, 0.8) !important; } .bg-deep-orange-lighten-2-90 { background: rgba(255, 138, 101, 0.9) !important; } .bg-deep-orange-lighten-2:hover, a.bg-deep-orange-lighten-2:hover, a.bg-deep-orange-lighten-2:focus, button.bg-deep-orange-lighten-2:hover, button.bg-deep-orange-lighten-2:focus { background-color: #FF8A65 !important; } .bg-deep-orange-lighten-1 { background-color: #FF7043 !important; } .bg-deep-orange-lighten-1-10 { background: rgba(255, 112, 67, 0.1) !important; } .bg-deep-orange-lighten-1-20 { background: rgba(255, 112, 67, 0.2) !important; } .bg-deep-orange-lighten-1-30 { background: rgba(255, 112, 67, 0.3) !important; } .bg-deep-orange-lighten-1-40 { background: rgba(255, 112, 67, 0.4) !important; } .bg-deep-orange-lighten-1-50 { background: rgba(255, 112, 67, 0.5) !important; } .bg-deep-orange-lighten-1-60 { background: rgba(255, 112, 67, 0.6) !important; } .bg-deep-orange-lighten-1-70 { background: rgba(255, 112, 67, 0.7) !important; } .bg-deep-orange-lighten-1-80 { background: rgba(255, 112, 67, 0.8) !important; } .bg-deep-orange-lighten-1-90 { background: rgba(255, 112, 67, 0.9) !important; } .bg-deep-orange-lighten-1:hover, a.bg-deep-orange-lighten-1:hover, a.bg-deep-orange-lighten-1:focus, button.bg-deep-orange-lighten-1:hover, button.bg-deep-orange-lighten-1:focus { background-color: #FF7043 !important; } .bg-deep-orange-darken-1 { background-color: #F4511E !important; } .bg-deep-orange-darken-1-10 { background: rgba(244, 81, 30, 0.1) !important; } .bg-deep-orange-darken-1-20 { background: rgba(244, 81, 30, 0.2) !important; } .bg-deep-orange-darken-1-30 { background: rgba(244, 81, 30, 0.3) !important; } .bg-deep-orange-darken-1-40 { background: rgba(244, 81, 30, 0.4) !important; } .bg-deep-orange-darken-1-50 { background: rgba(244, 81, 30, 0.5) !important; } .bg-deep-orange-darken-1-60 { background: rgba(244, 81, 30, 0.6) !important; } .bg-deep-orange-darken-1-70 { background: rgba(244, 81, 30, 0.7) !important; } .bg-deep-orange-darken-1-80 { background: rgba(244, 81, 30, 0.8) !important; } .bg-deep-orange-darken-1-90 { background: rgba(244, 81, 30, 0.9) !important; } .bg-deep-orange-darken-1:hover, a.bg-deep-orange-darken-1:hover, a.bg-deep-orange-darken-1:focus, button.bg-deep-orange-darken-1:hover, button.bg-deep-orange-darken-1:focus { background-color: #F4511E !important; } .bg-deep-orange-darken-2 { background-color: #E64A19 !important; } .bg-deep-orange-darken-2-10 { background: rgba(230, 74, 25, 0.1) !important; } .bg-deep-orange-darken-2-20 { background: rgba(230, 74, 25, 0.2) !important; } .bg-deep-orange-darken-2-30 { background: rgba(230, 74, 25, 0.3) !important; } .bg-deep-orange-darken-2-40 { background: rgba(230, 74, 25, 0.4) !important; } .bg-deep-orange-darken-2-50 { background: rgba(230, 74, 25, 0.5) !important; } .bg-deep-orange-darken-2-60 { background: rgba(230, 74, 25, 0.6) !important; } .bg-deep-orange-darken-2-70 { background: rgba(230, 74, 25, 0.7) !important; } .bg-deep-orange-darken-2-80 { background: rgba(230, 74, 25, 0.8) !important; } .bg-deep-orange-darken-2-90 { background: rgba(230, 74, 25, 0.9) !important; } .bg-deep-orange-darken-2:hover, a.bg-deep-orange-darken-2:hover, a.bg-deep-orange-darken-2:focus, button.bg-deep-orange-darken-2:hover, button.bg-deep-orange-darken-2:focus { background-color: #E64A19 !important; } .bg-deep-orange-darken-3 { background-color: #D84315 !important; } .bg-deep-orange-darken-3-10 { background: rgba(216, 67, 21, 0.1) !important; } .bg-deep-orange-darken-3-20 { background: rgba(216, 67, 21, 0.2) !important; } .bg-deep-orange-darken-3-30 { background: rgba(216, 67, 21, 0.3) !important; } .bg-deep-orange-darken-3-40 { background: rgba(216, 67, 21, 0.4) !important; } .bg-deep-orange-darken-3-50 { background: rgba(216, 67, 21, 0.5) !important; } .bg-deep-orange-darken-3-60 { background: rgba(216, 67, 21, 0.6) !important; } .bg-deep-orange-darken-3-70 { background: rgba(216, 67, 21, 0.7) !important; } .bg-deep-orange-darken-3-80 { background: rgba(216, 67, 21, 0.8) !important; } .bg-deep-orange-darken-3-90 { background: rgba(216, 67, 21, 0.9) !important; } .bg-deep-orange-darken-3:hover, a.bg-deep-orange-darken-3:hover, a.bg-deep-orange-darken-3:focus, button.bg-deep-orange-darken-3:hover, button.bg-deep-orange-darken-3:focus { background-color: #D84315 !important; } .bg-deep-orange-darken-4 { background-color: #BF360C !important; } .bg-deep-orange-darken-4-10 { background: rgba(191, 54, 12, 0.1) !important; } .bg-deep-orange-darken-4-20 { background: rgba(191, 54, 12, 0.2) !important; } .bg-deep-orange-darken-4-30 { background: rgba(191, 54, 12, 0.3) !important; } .bg-deep-orange-darken-4-40 { background: rgba(191, 54, 12, 0.4) !important; } .bg-deep-orange-darken-4-50 { background: rgba(191, 54, 12, 0.5) !important; } .bg-deep-orange-darken-4-60 { background: rgba(191, 54, 12, 0.6) !important; } .bg-deep-orange-darken-4-70 { background: rgba(191, 54, 12, 0.7) !important; } .bg-deep-orange-darken-4-80 { background: rgba(191, 54, 12, 0.8) !important; } .bg-deep-orange-darken-4-90 { background: rgba(191, 54, 12, 0.9) !important; } .bg-deep-orange-darken-4:hover, a.bg-deep-orange-darken-4:hover, a.bg-deep-orange-darken-4:focus, button.bg-deep-orange-darken-4:hover, button.bg-deep-orange-darken-4:focus { background-color: #BF360C !important; } .bg-deep-orange-accent-1 { background-color: #FF9E80 !important; } .bg-deep-orange-accent-1-10 { background: rgba(255, 158, 128, 0.1) !important; } .bg-deep-orange-accent-1-20 { background: rgba(255, 158, 128, 0.2) !important; } .bg-deep-orange-accent-1-30 { background: rgba(255, 158, 128, 0.3) !important; } .bg-deep-orange-accent-1-40 { background: rgba(255, 158, 128, 0.4) !important; } .bg-deep-orange-accent-1-50 { background: rgba(255, 158, 128, 0.5) !important; } .bg-deep-orange-accent-1-60 { background: rgba(255, 158, 128, 0.6) !important; } .bg-deep-orange-accent-1-70 { background: rgba(255, 158, 128, 0.7) !important; } .bg-deep-orange-accent-1-80 { background: rgba(255, 158, 128, 0.8) !important; } .bg-deep-orange-accent-1-90 { background: rgba(255, 158, 128, 0.9) !important; } .bg-deep-orange-accent-1:hover, a.bg-deep-orange-accent-1:hover, a.bg-deep-orange-accent-1:focus, button.bg-deep-orange-accent-1:hover, button.bg-deep-orange-accent-1:focus { background-color: #FF9E80 !important; } .bg-deep-orange-accent-2 { background-color: #FF6E40 !important; } .bg-deep-orange-accent-2-10 { background: rgba(255, 110, 64, 0.1) !important; } .bg-deep-orange-accent-2-20 { background: rgba(255, 110, 64, 0.2) !important; } .bg-deep-orange-accent-2-30 { background: rgba(255, 110, 64, 0.3) !important; } .bg-deep-orange-accent-2-40 { background: rgba(255, 110, 64, 0.4) !important; } .bg-deep-orange-accent-2-50 { background: rgba(255, 110, 64, 0.5) !important; } .bg-deep-orange-accent-2-60 { background: rgba(255, 110, 64, 0.6) !important; } .bg-deep-orange-accent-2-70 { background: rgba(255, 110, 64, 0.7) !important; } .bg-deep-orange-accent-2-80 { background: rgba(255, 110, 64, 0.8) !important; } .bg-deep-orange-accent-2-90 { background: rgba(255, 110, 64, 0.9) !important; } .bg-deep-orange-accent-2:hover, a.bg-deep-orange-accent-2:hover, a.bg-deep-orange-accent-2:focus, button.bg-deep-orange-accent-2:hover, button.bg-deep-orange-accent-2:focus { background-color: #FF6E40 !important; } .bg-deep-orange-accent-3 { background-color: #FF3D00 !important; } .bg-deep-orange-accent-3-10 { background: rgba(255, 61, 0, 0.1) !important; } .bg-deep-orange-accent-3-20 { background: rgba(255, 61, 0, 0.2) !important; } .bg-deep-orange-accent-3-30 { background: rgba(255, 61, 0, 0.3) !important; } .bg-deep-orange-accent-3-40 { background: rgba(255, 61, 0, 0.4) !important; } .bg-deep-orange-accent-3-50 { background: rgba(255, 61, 0, 0.5) !important; } .bg-deep-orange-accent-3-60 { background: rgba(255, 61, 0, 0.6) !important; } .bg-deep-orange-accent-3-70 { background: rgba(255, 61, 0, 0.7) !important; } .bg-deep-orange-accent-3-80 { background: rgba(255, 61, 0, 0.8) !important; } .bg-deep-orange-accent-3-90 { background: rgba(255, 61, 0, 0.9) !important; } .bg-deep-orange-accent-3:hover, a.bg-deep-orange-accent-3:hover, a.bg-deep-orange-accent-3:focus, button.bg-deep-orange-accent-3:hover, button.bg-deep-orange-accent-3:focus { background-color: #FF3D00 !important; } .bg-deep-orange-accent-4 { background-color: #DD2C00 !important; } .bg-deep-orange-accent-4-10 { background: rgba(221, 44, 0, 0.1) !important; } .bg-deep-orange-accent-4-20 { background: rgba(221, 44, 0, 0.2) !important; } .bg-deep-orange-accent-4-30 { background: rgba(221, 44, 0, 0.3) !important; } .bg-deep-orange-accent-4-40 { background: rgba(221, 44, 0, 0.4) !important; } .bg-deep-orange-accent-4-50 { background: rgba(221, 44, 0, 0.5) !important; } .bg-deep-orange-accent-4-60 { background: rgba(221, 44, 0, 0.6) !important; } .bg-deep-orange-accent-4-70 { background: rgba(221, 44, 0, 0.7) !important; } .bg-deep-orange-accent-4-80 { background: rgba(221, 44, 0, 0.8) !important; } .bg-deep-orange-accent-4-90 { background: rgba(221, 44, 0, 0.9) !important; } .bg-deep-orange-accent-4:hover, a.bg-deep-orange-accent-4:hover, a.bg-deep-orange-accent-4:focus, button.bg-deep-orange-accent-4:hover, button.bg-deep-orange-accent-4:focus { background-color: #DD2C00 !important; } .bg-brown { background-color: #795548 !important; } .bg-brown-10 { background: rgba(121, 85, 72, 0.1) !important; } .bg-brown-20 { background: rgba(121, 85, 72, 0.2) !important; } .bg-brown-30 { background: rgba(121, 85, 72, 0.3) !important; } .bg-brown-40 { background: rgba(121, 85, 72, 0.4) !important; } .bg-brown-50 { background: rgba(121, 85, 72, 0.5) !important; } .bg-brown-60 { background: rgba(121, 85, 72, 0.6) !important; } .bg-brown-70 { background: rgba(121, 85, 72, 0.7) !important; } .bg-brown-80 { background: rgba(121, 85, 72, 0.8) !important; } .bg-brown-90 { background: rgba(121, 85, 72, 0.9) !important; } .bg-brown:hover, a.bg-brown:hover, a.bg-brown:focus, button.bg-brown:hover, button.bg-brown:focus { background-color: #795548 !important; } .bg-brown-lighten-5 { background-color: #EFEBE9 !important; } .bg-brown-lighten-5-10 { background: rgba(239, 235, 233, 0.1) !important; } .bg-brown-lighten-5-20 { background: rgba(239, 235, 233, 0.2) !important; } .bg-brown-lighten-5-30 { background: rgba(239, 235, 233, 0.3) !important; } .bg-brown-lighten-5-40 { background: rgba(239, 235, 233, 0.4) !important; } .bg-brown-lighten-5-50 { background: rgba(239, 235, 233, 0.5) !important; } .bg-brown-lighten-5-60 { background: rgba(239, 235, 233, 0.6) !important; } .bg-brown-lighten-5-70 { background: rgba(239, 235, 233, 0.7) !important; } .bg-brown-lighten-5-80 { background: rgba(239, 235, 233, 0.8) !important; } .bg-brown-lighten-5-90 { background: rgba(239, 235, 233, 0.9) !important; } .bg-brown-lighten-5:hover, a.bg-brown-lighten-5:hover, a.bg-brown-lighten-5:focus, button.bg-brown-lighten-5:hover, button.bg-brown-lighten-5:focus { background-color: #EFEBE9 !important; } .bg-brown-lighten-4 { background-color: #D7CCC8 !important; } .bg-brown-lighten-4-10 { background: rgba(215, 204, 200, 0.1) !important; } .bg-brown-lighten-4-20 { background: rgba(215, 204, 200, 0.2) !important; } .bg-brown-lighten-4-30 { background: rgba(215, 204, 200, 0.3) !important; } .bg-brown-lighten-4-40 { background: rgba(215, 204, 200, 0.4) !important; } .bg-brown-lighten-4-50 { background: rgba(215, 204, 200, 0.5) !important; } .bg-brown-lighten-4-60 { background: rgba(215, 204, 200, 0.6) !important; } .bg-brown-lighten-4-70 { background: rgba(215, 204, 200, 0.7) !important; } .bg-brown-lighten-4-80 { background: rgba(215, 204, 200, 0.8) !important; } .bg-brown-lighten-4-90 { background: rgba(215, 204, 200, 0.9) !important; } .bg-brown-lighten-4:hover, a.bg-brown-lighten-4:hover, a.bg-brown-lighten-4:focus, button.bg-brown-lighten-4:hover, button.bg-brown-lighten-4:focus { background-color: #D7CCC8 !important; } .bg-brown-lighten-3 { background-color: #BCAAA4 !important; } .bg-brown-lighten-3-10 { background: rgba(188, 170, 164, 0.1) !important; } .bg-brown-lighten-3-20 { background: rgba(188, 170, 164, 0.2) !important; } .bg-brown-lighten-3-30 { background: rgba(188, 170, 164, 0.3) !important; } .bg-brown-lighten-3-40 { background: rgba(188, 170, 164, 0.4) !important; } .bg-brown-lighten-3-50 { background: rgba(188, 170, 164, 0.5) !important; } .bg-brown-lighten-3-60 { background: rgba(188, 170, 164, 0.6) !important; } .bg-brown-lighten-3-70 { background: rgba(188, 170, 164, 0.7) !important; } .bg-brown-lighten-3-80 { background: rgba(188, 170, 164, 0.8) !important; } .bg-brown-lighten-3-90 { background: rgba(188, 170, 164, 0.9) !important; } .bg-brown-lighten-3:hover, a.bg-brown-lighten-3:hover, a.bg-brown-lighten-3:focus, button.bg-brown-lighten-3:hover, button.bg-brown-lighten-3:focus { background-color: #BCAAA4 !important; } .bg-brown-lighten-2 { background-color: #A1887F !important; } .bg-brown-lighten-2-10 { background: rgba(161, 136, 127, 0.1) !important; } .bg-brown-lighten-2-20 { background: rgba(161, 136, 127, 0.2) !important; } .bg-brown-lighten-2-30 { background: rgba(161, 136, 127, 0.3) !important; } .bg-brown-lighten-2-40 { background: rgba(161, 136, 127, 0.4) !important; } .bg-brown-lighten-2-50 { background: rgba(161, 136, 127, 0.5) !important; } .bg-brown-lighten-2-60 { background: rgba(161, 136, 127, 0.6) !important; } .bg-brown-lighten-2-70 { background: rgba(161, 136, 127, 0.7) !important; } .bg-brown-lighten-2-80 { background: rgba(161, 136, 127, 0.8) !important; } .bg-brown-lighten-2-90 { background: rgba(161, 136, 127, 0.9) !important; } .bg-brown-lighten-2:hover, a.bg-brown-lighten-2:hover, a.bg-brown-lighten-2:focus, button.bg-brown-lighten-2:hover, button.bg-brown-lighten-2:focus { background-color: #A1887F !important; } .bg-brown-lighten-1 { background-color: #8D6E63 !important; } .bg-brown-lighten-1-10 { background: rgba(141, 110, 99, 0.1) !important; } .bg-brown-lighten-1-20 { background: rgba(141, 110, 99, 0.2) !important; } .bg-brown-lighten-1-30 { background: rgba(141, 110, 99, 0.3) !important; } .bg-brown-lighten-1-40 { background: rgba(141, 110, 99, 0.4) !important; } .bg-brown-lighten-1-50 { background: rgba(141, 110, 99, 0.5) !important; } .bg-brown-lighten-1-60 { background: rgba(141, 110, 99, 0.6) !important; } .bg-brown-lighten-1-70 { background: rgba(141, 110, 99, 0.7) !important; } .bg-brown-lighten-1-80 { background: rgba(141, 110, 99, 0.8) !important; } .bg-brown-lighten-1-90 { background: rgba(141, 110, 99, 0.9) !important; } .bg-brown-lighten-1:hover, a.bg-brown-lighten-1:hover, a.bg-brown-lighten-1:focus, button.bg-brown-lighten-1:hover, button.bg-brown-lighten-1:focus { background-color: #8D6E63 !important; } .bg-brown-darken-1 { background-color: #6D4C41 !important; } .bg-brown-darken-1-10 { background: rgba(109, 76, 65, 0.1) !important; } .bg-brown-darken-1-20 { background: rgba(109, 76, 65, 0.2) !important; } .bg-brown-darken-1-30 { background: rgba(109, 76, 65, 0.3) !important; } .bg-brown-darken-1-40 { background: rgba(109, 76, 65, 0.4) !important; } .bg-brown-darken-1-50 { background: rgba(109, 76, 65, 0.5) !important; } .bg-brown-darken-1-60 { background: rgba(109, 76, 65, 0.6) !important; } .bg-brown-darken-1-70 { background: rgba(109, 76, 65, 0.7) !important; } .bg-brown-darken-1-80 { background: rgba(109, 76, 65, 0.8) !important; } .bg-brown-darken-1-90 { background: rgba(109, 76, 65, 0.9) !important; } .bg-brown-darken-1:hover, a.bg-brown-darken-1:hover, a.bg-brown-darken-1:focus, button.bg-brown-darken-1:hover, button.bg-brown-darken-1:focus { background-color: #6D4C41 !important; } .bg-brown-darken-2 { background-color: #5D4037 !important; } .bg-brown-darken-2-10 { background: rgba(93, 64, 55, 0.1) !important; } .bg-brown-darken-2-20 { background: rgba(93, 64, 55, 0.2) !important; } .bg-brown-darken-2-30 { background: rgba(93, 64, 55, 0.3) !important; } .bg-brown-darken-2-40 { background: rgba(93, 64, 55, 0.4) !important; } .bg-brown-darken-2-50 { background: rgba(93, 64, 55, 0.5) !important; } .bg-brown-darken-2-60 { background: rgba(93, 64, 55, 0.6) !important; } .bg-brown-darken-2-70 { background: rgba(93, 64, 55, 0.7) !important; } .bg-brown-darken-2-80 { background: rgba(93, 64, 55, 0.8) !important; } .bg-brown-darken-2-90 { background: rgba(93, 64, 55, 0.9) !important; } .bg-brown-darken-2:hover, a.bg-brown-darken-2:hover, a.bg-brown-darken-2:focus, button.bg-brown-darken-2:hover, button.bg-brown-darken-2:focus { background-color: #5D4037 !important; } .bg-brown-darken-3 { background-color: #4E342E !important; } .bg-brown-darken-3-10 { background: rgba(78, 52, 46, 0.1) !important; } .bg-brown-darken-3-20 { background: rgba(78, 52, 46, 0.2) !important; } .bg-brown-darken-3-30 { background: rgba(78, 52, 46, 0.3) !important; } .bg-brown-darken-3-40 { background: rgba(78, 52, 46, 0.4) !important; } .bg-brown-darken-3-50 { background: rgba(78, 52, 46, 0.5) !important; } .bg-brown-darken-3-60 { background: rgba(78, 52, 46, 0.6) !important; } .bg-brown-darken-3-70 { background: rgba(78, 52, 46, 0.7) !important; } .bg-brown-darken-3-80 { background: rgba(78, 52, 46, 0.8) !important; } .bg-brown-darken-3-90 { background: rgba(78, 52, 46, 0.9) !important; } .bg-brown-darken-3:hover, a.bg-brown-darken-3:hover, a.bg-brown-darken-3:focus, button.bg-brown-darken-3:hover, button.bg-brown-darken-3:focus { background-color: #4E342E !important; } .bg-brown-darken-4 { background-color: #3E2723 !important; } .bg-brown-darken-4-10 { background: rgba(62, 39, 35, 0.1) !important; } .bg-brown-darken-4-20 { background: rgba(62, 39, 35, 0.2) !important; } .bg-brown-darken-4-30 { background: rgba(62, 39, 35, 0.3) !important; } .bg-brown-darken-4-40 { background: rgba(62, 39, 35, 0.4) !important; } .bg-brown-darken-4-50 { background: rgba(62, 39, 35, 0.5) !important; } .bg-brown-darken-4-60 { background: rgba(62, 39, 35, 0.6) !important; } .bg-brown-darken-4-70 { background: rgba(62, 39, 35, 0.7) !important; } .bg-brown-darken-4-80 { background: rgba(62, 39, 35, 0.8) !important; } .bg-brown-darken-4-90 { background: rgba(62, 39, 35, 0.9) !important; } .bg-brown-darken-4:hover, a.bg-brown-darken-4:hover, a.bg-brown-darken-4:focus, button.bg-brown-darken-4:hover, button.bg-brown-darken-4:focus { background-color: #3E2723 !important; } .bg-black-10 { background: rgba(0, 0, 0, 0.1) !important; } .bg-black-20 { background: rgba(0, 0, 0, 0.2) !important; } .bg-black-30 { background: rgba(0, 0, 0, 0.3) !important; } .bg-black-40 { background: rgba(0, 0, 0, 0.4) !important; } .bg-black-50 { background: rgba(0, 0, 0, 0.5) !important; } .bg-black-60 { background: rgba(0, 0, 0, 0.6) !important; } .bg-black-70 { background: rgba(0, 0, 0, 0.7) !important; } .bg-black-80 { background: rgba(0, 0, 0, 0.8) !important; } .bg-black-90 { background: rgba(0, 0, 0, 0.9) !important; } .bg-white-10 { background: rgba(255, 255, 255, 0.1) !important; } .bg-white-20 { background: rgba(255, 255, 255, 0.2) !important; } .bg-white-30 { background: rgba(255, 255, 255, 0.3) !important; } .bg-white-40 { background: rgba(255, 255, 255, 0.4) !important; } .bg-white-50 { background: rgba(255, 255, 255, 0.5) !important; } .bg-white-60 { background: rgba(255, 255, 255, 0.6) !important; } .bg-white-70 { background: rgba(255, 255, 255, 0.7) !important; } .bg-white-80 { background: rgba(255, 255, 255, 0.8) !important; } .bg-white-90 { background: rgba(255, 255, 255, 0.9) !important; } .bg-parallax { background-attachment: fixed; } .bg-local { background-attachment: local; } .bg-scroll { background-attachment: scroll; } .bg-origin-border { background-origin: border-box; } .bg-origin-padding { background-origin: padding-box; } .bg-origin-content { background-origin: content-box; } .bg-transparent { background: transparent !important; } .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center; } .bg-svg { background-size: cover; background-repeat: no-repeat; background-position: bottom 100% right 0px; opacity: 0.1; } .bg-position-t { background-position: top; } .bg-position-l { background-position: left; } .bg-position-r { background-position: right; } .bg-position-c { background-position: center; } .bg-position-b { background-position: bottom; } .bg-position-lb { background-position: left bottom; } .bg-position-lt { background-position: left top; } .bg-position-rb { background-position: right bottom; } .bg-position-rt { background-position: right top; } .bg-blur { background-color: rgba(70, 130, 180, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .bg-clip-border { background-clip: border-box; } .bg-clip-padding { background-clip: padding-box; } .bg-clip-content { background-clip: content-box; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-grid { background-image: linear-gradient(#EEEEEE 1px, transparent 1px), linear-gradient(to right, #EEEEEE 1px, transparent 1px); background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-dot { background-image: radial-gradient(#EEEEEE 1px, transparent 1px); background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-cross-dot { background-image: radial-gradient(#EEEEEE 1px, transparent 1px), radial-gradient(#EEEEEE 1px, transparent 1px); background-size: 10px 10px; background-position: 0 0, 5px 5px; background-color: rgba(245, 245, 245, 0); } .bg-checks { background-image: repeating-conic-gradient(#EEEEEE 0% 25%, rgba(245, 245, 245, 0) 0% 50%); background-position: 0 0, 10px 10px; background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-vertical-lines { background-image: repeating-linear-gradient(to right, #EEEEEE, #EEEEEE 1px, transparent 1px, transparent); background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-horizontal-lines { background-image: repeating-linear-gradient(0deg, #EEEEEE, #EEEEEE 1px, transparent 1px, transparent); background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-diagonal-lines { background-image: repeating-linear-gradient(45deg, #EEEEEE 0, #EEEEEE 1px, transparent 0, transparent 50%); background-size: 10px 10px; background-color: rgba(245, 245, 245, 0); } .bg-diagonal-stripes { background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #EEEEEE 5px, #EEEEEE 10px); background-color: rgba(245, 245, 245, 0); } .bg-zigzag { background: linear-gradient(135deg, #e0e0e0 25%, transparent 25%) -10px 0, linear-gradient(225deg, #e0e0e0 25%, transparent 25%) -10px 0, linear-gradient(315deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, #e0e0e0 25%, transparent 25%); background-size: 20px 20px; background-color: rgba(245, 245, 245, 0); } .blur-none { filter: blur(0) !important; } .blur-1 { filter: blur(1px) !important; } .blur-2 { filter: blur(2px) !important; } .blur-3 { filter: blur(3px) !important; } .blur-4 { filter: blur(4px) !important; } .blur-5 { filter: blur(5px) !important; } .blur-6 { filter: blur(6px) !important; } .blur-7 { filter: blur(7px) !important; } .blur-8 { filter: blur(8px) !important; } .blur-9 { filter: blur(9px) !important; } .blur-10 { filter: blur(10px) !important; } .brightness-0 { filter: brightness(0) !important; } .brightness-1 { filter: brightness(0.5) !important; } .brightness-2 { filter: brightness(1) !important; } .brightness-3 { filter: brightness(1.5) !important; } .brightness-4 { filter: brightness(2) !important; } .contrast-0 { filter: contrast(0) !important; } .contrast-1 { filter: contrast(0.5) !important; } .contrast-2 { filter: contrast(1) !important; } .contrast-3 { filter: contrast(1.5) !important; } .contrast-4 { filter: contrast(2) !important; } .grayscale-0 { filter: grayscale(0) !important; } .grayscale-1 { filter: grayscale(25%) !important; } .grayscale-2 { filter: grayscale(50%) !important; } .grayscale-3 { filter: grayscale(75%) !important; } .grayscale-4 { filter: grayscale(100%) !important; } .hue-rotate-0 { filter: hue-rotate(0deg) !important; } .hue-rotate-1 { filter: hue-rotate(30deg) !important; } .hue-rotate-2 { filter: hue-rotate(60deg) !important; } .hue-rotate-3 { filter: hue-rotate(90deg) !important; } .hue-rotate-4 { filter: hue-rotate(120deg) !important; } .hue-rotate-5 { filter: hue-rotate(150deg) !important; } .hue-rotate-6 { filter: hue-rotate(180deg) !important; } .invert-0 { filter: invert(0) !important; } .invert { filter: invert(100%) !important; } .saturate-0 { filter: saturate(0) !important; } .saturate-1 { filter: saturate(0.5) !important; } .saturate-2 { filter: saturate(1) !important; } .saturate-3 { filter: saturate(1.5) !important; } .saturate-4 { filter: saturate(2) !important; } .sepia-0 { filter: sepia(0) !important; } .sepia-1 { filter: sepia(25%) !important; } .sepia-2 { filter: sepia(50%) !important; } .sepia-3 { filter: sepia(75%) !important; } .sepia-4 { filter: sepia(100%) !important; } .backdrop-blur-none { -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important; } .backdrop-blur-1 { -webkit-backdrop-filter: blur(1px) !important; backdrop-filter: blur(1px) !important; } .backdrop-blur-2 { -webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; } .backdrop-blur-3 { -webkit-backdrop-filter: blur(3px) !important; backdrop-filter: blur(3px) !important; } .backdrop-blur-4 { -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; } .backdrop-blur-5 { -webkit-backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important; } .backdrop-blur-6 { -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; } .backdrop-blur-7 { -webkit-backdrop-filter: blur(7px) !important; backdrop-filter: blur(7px) !important; } .backdrop-blur-8 { -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } .backdrop-blur-9 { -webkit-backdrop-filter: blur(9px) !important; backdrop-filter: blur(9px) !important; } .backdrop-blur-10 { -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; } .backdrop-brightness-0 { -webkit-backdrop-filter: brightness(0) !important; backdrop-filter: brightness(0) !important; } .backdrop-brightness-1 { -webkit-backdrop-filter: brightness(0.5) !important; backdrop-filter: brightness(0.5) !important; } .backdrop-brightness-2 { -webkit-backdrop-filter: brightness(1) !important; backdrop-filter: brightness(1) !important; } .backdrop-brightness-3 { -webkit-backdrop-filter: brightness(1.5) !important; backdrop-filter: brightness(1.5) !important; } .backdrop-brightness-4 { -webkit-backdrop-filter: brightness(2) !important; backdrop-filter: brightness(2) !important; } .backdrop-contrast-0 { -webkit-backdrop-filter: contrast(0) !important; backdrop-filter: contrast(0) !important; } .backdrop-contrast-1 { -webkit-backdrop-filter: contrast(0.5) !important; backdrop-filter: contrast(0.5) !important; } .backdrop-contrast-2 { -webkit-backdrop-filter: contrast(1) !important; backdrop-filter: contrast(1) !important; } .backdrop-contrast-3 { -webkit-backdrop-filter: contrast(1.5) !important; backdrop-filter: contrast(1.5) !important; } .backdrop-contrast-4 { -webkit-backdrop-filter: contrast(2) !important; backdrop-filter: contrast(2) !important; } .backdrop-grayscale-0 { -webkit-backdrop-filter: grayscale(0) !important; backdrop-filter: grayscale(0) !important; } .backdrop-grayscale-1 { -webkit-backdrop-filter: grayscale(25%) !important; backdrop-filter: grayscale(25%) !important; } .backdrop-grayscale-2 { -webkit-backdrop-filter: grayscale(50%) !important; backdrop-filter: grayscale(50%) !important; } .backdrop-grayscale-3 { -webkit-backdrop-filter: grayscale(75%) !important; backdrop-filter: grayscale(75%) !important; } .backdrop-grayscale-4 { -webkit-backdrop-filter: grayscale(100%) !important; backdrop-filter: grayscale(100%) !important; } .backdrop-hue-rotate-0 { -webkit-backdrop-filter: hue-rotate(0deg) !important; backdrop-filter: hue-rotate(0deg) !important; } .backdrop-hue-rotate-1 { -webkit-backdrop-filter: hue-rotate(30deg) !important; backdrop-filter: hue-rotate(30deg) !important; } .backdrop-hue-rotate-2 { -webkit-backdrop-filter: hue-rotate(60deg) !important; backdrop-filter: hue-rotate(60deg) !important; } .backdrop-hue-rotate-3 { -webkit-backdrop-filter: hue-rotate(90deg) !important; backdrop-filter: hue-rotate(90deg) !important; } .backdrop-hue-rotate-4 { -webkit-backdrop-filter: hue-rotate(120deg) !important; backdrop-filter: hue-rotate(120deg) !important; } .backdrop-hue-rotate-5 { -webkit-backdrop-filter: hue-rotate(150deg) !important; backdrop-filter: hue-rotate(150deg) !important; } .backdrop-hue-rotate-6 { -webkit-backdrop-filter: hue-rotate(180deg) !important; backdrop-filter: hue-rotate(180deg) !important; } .backdrop-invert-0 { -webkit-backdrop-filter: invert(0) !important; backdrop-filter: invert(0) !important; } .backdrop-invert { -webkit-backdrop-filter: invert(100%) !important; backdrop-filter: invert(100%) !important; } .backdrop-saturate-0 { -webkit-backdrop-filter: saturate(0) !important; backdrop-filter: saturate(0) !important; } .backdrop-saturate-1 { -webkit-backdrop-filter: saturate(0.5) !important; backdrop-filter: saturate(0.5) !important; } .backdrop-saturate-2 { -webkit-backdrop-filter: saturate(1) !important; backdrop-filter: saturate(1) !important; } .backdrop-saturate-3 { -webkit-backdrop-filter: saturate(1.5) !important; backdrop-filter: saturate(1.5) !important; } .backdrop-saturate-4 { -webkit-backdrop-filter: saturate(2) !important; backdrop-filter: saturate(2) !important; } .backdrop-sepia-0 { -webkit-backdrop-filter: sepia(0) !important; backdrop-filter: sepia(0) !important; } .backdrop-sepia-1 { -webkit-backdrop-filter: sepia(25%) !important; backdrop-filter: sepia(25%) !important; } .backdrop-sepia-2 { -webkit-backdrop-filter: sepia(50%) !important; backdrop-filter: sepia(50%) !important; } .backdrop-sepia-3 { -webkit-backdrop-filter: sepia(75%) !important; backdrop-filter: sepia(75%) !important; } .backdrop-sepia-4 { -webkit-backdrop-filter: sepia(100%) !important; backdrop-filter: sepia(100%) !important; } .avatar { width: 50px; height: 50px; line-height: 1; border-radius: 50%; vertical-align: middle; -o-object-fit: cover !important; object-fit: cover !important; } .avatar-xs, .avatar-sm, .avatar-md, .avatar-lg, .avatar-xl, .avatar-xlp, .avatar-xxl { line-height: 1; border-radius: 50%; vertical-align: middle; -o-object-fit: cover !important; object-fit: cover !important; } .avatar-xs { width: 30px; height: 30px; } .avatar-sm { width: 50px; height: 50px; } .avatar-md { width: 80px; height: 80px; } .avatar-lg { width: 100px; height: 100px; } .avatar-xl { width: 130px; height: 130px; } .avatar-xlp { width: 150px; height: 150px; } .avatar-xxl { width: 200px; height: 200px; } .avatar-title { width: 50px; height: 50px; line-height: 1; vertical-align: middle; border-radius: 3%; -o-object-fit: cover !important; object-fit: cover !important; } .avatar-title-xs, .avatar-title-sm, .avatar-title-md, .avatar-title-lg, .avatar-title-xl, .avatar-title-xlp, .avatar-title-xxl { line-height: 1; border-radius: 3%; vertical-align: middle; -o-object-fit: cover !important; object-fit: cover !important; } .avatar-title-xs { width: 30px; height: 30px; } .avatar-title-sm { width: 50px; height: 50px; } .avatar-title-md { width: 80px; height: 80px; } .avatar-title-lg { width: 100px; height: 100px; } .avatar-title-xl { width: 130px; height: 130px; } .avatar-title-xlp { width: 150px; height: 150px; } .avatar-title-xxl { width: 200px; height: 200px; } .avatar-box-group { direction: rtl; text-align: left; list-style: none; display: inline-flex; flex-direction: row-reverse; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; list-style: none; } .avatar-box-group--item { line-height: 1; margin-top: 5px; } .avatar-box-group--item img { width: 30px; height: 30px; border-radius: 50%; position: relative; z-index: 1; -o-object-fit: cover !important; object-fit: cover !important; border: 2px solid #ffffff; } .avatar-box-group--item:first-child img { margin-left: 0 !important; } .size-xs .avatar-box-group--item img { width: 30px; height: 30px; border: 2px solid #ffffff; } .size-sm .avatar-box-group--item img { width: 50px; height: 50px; border: 2px solid #ffffff; } .size-md .avatar-box-group--item img { width: 80px; height: 80px; border: 3px solid #ffffff; } .size-lg .avatar-box-group--item img { width: 100px; height: 100px; border: 3px solid #ffffff; } .size-xl .avatar-box-group--item img { width: 130px; height: 130px; border: 4px solid #ffffff; } .size-xlp .avatar-box-group--item img { width: 150px; height: 150px; border: 4px solid #ffffff; } .size-xxl .avatar-box-group--item img { width: 200px; height: 200px; border: 5px solid #ffffff; } .overlap .avatar-box-group--item img { margin-left: -8px; } .avatar-box-group.overlap.size-xs .avatar-box-group--item img { margin-left: -6px; } .avatar-box-group.overlap.size-sm .avatar-box-group--item img { margin-left: -10px; } .avatar-box-group.overlap.size-md .avatar-box-group--item img { margin-left: -16px; } .avatar-box-group.overlap.size-lg .avatar-box-group--item img { margin-left: -20px; } .avatar-box-group.overlap.size-xl .avatar-box-group--item img { margin-left: -24px; } .avatar-box-group.overlap.size-xlp .avatar-box-group--item img { margin-left: -28px; } .avatar-box-group.overlap.size-xxl .avatar-box-group--item img { margin-left: -36px; } .avatar-group { display: flex; flex-direction: row; direction: ltr; max-width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; } .avatar-group .avatar-group-item { position: relative; z-index: 1; margin: 1px 0 1px -12px; display: inline-block; border-radius: 50%; border: 2px solid #ffffff; } .avatar-group .avatar-group-item:first-child { margin: 1px 0 1px 0; } .table { width: 100%; border: none; border-collapse: collapse; border-bottom: 4px solid #EEEEEE; background-color: #ffffff; } .table caption { padding: 5px; color: #757575; } .table caption.caption-top { padding: 5px; caption-side: top !important; } .table caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table thead th { height: 25px; background-color: #EEEEEE; font-weight: 500; color: #616161; } .table th { height: 25px; background-color: #F5F5F5; font-weight: 500; color: #616161; } .table tr { height: 25px; } .table tr td { padding: 3px 10px 3px 10px; } .table tfoot td { height: 25px; font-weight: 500; color: #616161; } .table.table-border-all th, .table.table-border-all td { border: 1px solid #EEEEEE !important; } .table-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #EEEEEE; background-color: #ffffff; } .table-bordered caption { padding: 5px; color: #757575; } .table-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-bordered thead th { height: 25px; background-color: #EEEEEE; font-weight: 500; color: #616161; } .table-bordered th { background-color: #FAFAFA; font-weight: 500; color: #616161; } .table-bordered tr { height: 25px; } .table-bordered tr td { padding: 3px 10px 3px 10px; } .table-bordered tfoot td { height: 25px; font-weight: 500; color: #616161; } .table-bordered.table-border-all th, .table-bordered.table-border-all td { border: 1px solid #EEEEEE !important; } .table-transparent { width: 100%; border-bottom: 1px solid #EEEEEE; border-collapse: collapse; } .table-transparent caption { padding: 5px; color: #757575; } .table-transparent caption.caption-top { padding: 5px; caption-side: top !important; } .table-transparent caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-transparent th { height: 25px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-weight: 500; } .table-transparent tr { height: 25px; } .table-transparent tr td { padding: 3px 10px 3px 10px; } .table-transparent tfoot td { height: 25px; font-weight: 500; color: #616161; } .table-transparent.table-border-all th, .table-transparent.table-border-all td { border: 1px solid #EEEEEE !important; } .table-transparent-bordered { width: 100%; border: 1px solid #EEEEEE; border-collapse: collapse; } .table-transparent-bordered caption { padding: 5px; color: #757575; } .table-transparent-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-transparent-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-transparent-bordered th { height: 25px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-weight: 500; } .table-transparent-bordered tr { height: 25px; } .table-transparent-bordered tr td { padding: 3px 10px 3px 10px; } .table-transparent-bordered tfoot td { height: 25px; font-weight: 500; color: #616161; } .table-transparent-bordered.table-border-all th, .table-transparent-bordered.table-border-all td { border: 1px solid #EEEEEE !important; } .table-primary { width: 100%; border-bottom: 4px solid #2196f3; border-collapse: collapse; background-color: #ffffff; } .table-primary caption { padding: 5px; color: #2196f3; } .table-primary caption.caption-top { padding: 5px; caption-side: top !important; } .table-primary caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-primary thead th { background-color: #2196f3; font-weight: 500; color: #ffffff; } .table-primary th { background-color: #e0f1ff; font-weight: 500; color: #ffffff; } .table-primary tr { height: 25px; } .table-primary tr td { padding: 3px 10px 3px 10px; } .table-primary tfoot td { height: 25px; font-weight: 500; color: #2196f3; } .table-primary.table-border-all th, .table-primary.table-border-all td { border: 1px solid #2196f3 !important; } .table-primary-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #2196f3; background-color: #ffffff; } .table-primary-bordered caption { padding: 5px; color: #2196f3; } .table-primary-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-primary-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-primary-bordered thead th { background-color: #2196f3; font-weight: 500; color: #ffffff; } .table-primary-bordered th { background-color: #2196f3; font-weight: 500; color: #ffffff; } .table-primary-bordered tr { height: 25px; } .table-primary-bordered tr td { padding: 3px 10px 3px 10px; } .table-primary-bordered tfoot td { height: 25px; font-weight: 500; color: #2196f3; } .table-primary-bordered.table-border-all th, .table-primary-bordered.table-border-all td { border: 1px solid #2196f3 !important; } .table-secondary { width: 100%; border-bottom: 4px solid #6c757d; border-collapse: collapse; background-color: #ffffff; } .table-secondary caption { padding: 5px; color: #6c757d; } .table-secondary caption.caption-top { padding: 5px; caption-side: top !important; } .table-secondary caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-secondary thead th { background-color: #6c757d; font-weight: 500; color: #ffffff; } .table-secondary th { background-color: #e1e1e1; font-weight: 500; color: #ffffff; } .table-secondary tr { height: 25px; } .table-secondary tr td { padding: 3px 10px 3px 10px; } .table-secondary tfoot td { height: 25px; font-weight: 500; color: #6c757d; } .table-secondary.table-border-all th, .table-secondary.table-border-all td { border: 1px solid #6c757d !important; } .table-secondary-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #6c757d; background-color: #ffffff; } .table-secondary-bordered caption { padding: 5px; color: #6c757d; } .table-secondary-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-secondary-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-secondary-bordered thead th { background-color: #6c757d; font-weight: 500; color: #ffffff; } .table-secondary-bordered th { background-color: #6c757d; font-weight: 500; color: #ffffff; } .table-secondary-bordered tr { height: 25px; } .table-secondary-bordered tr td { padding: 3px 10px 3px 10px; } .table-secondary-bordered tfoot td { height: 25px; font-weight: 500; color: #6c757d; } .table-secondary-bordered.table-border-all th, .table-secondary-bordered.table-border-all td { border: 1px solid #6c757d !important; } .table-success { width: 100%; border-bottom: 4px solid #20ad20; border-collapse: collapse; background-color: #ffffff; } .table-success caption { padding: 5px; color: #20ad20; } .table-success caption.caption-top { padding: 5px; caption-side: top !important; } .table-success caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-success thead th { background-color: #20ad20; font-weight: 500; color: #ffffff; } .table-success th { background-color: #e8fac7; font-weight: 500; color: #ffffff; } .table-success tr { height: 25px; } .table-success tr td { padding: 3px 10px 3px 10px; } .table-success tfoot td { height: 25px; font-weight: 500; color: #20ad20; } .table-success.table-border-all th, .table-success.table-border-all td { border: 1px solid #20ad20 !important; } .table-success-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #20ad20; background-color: #ffffff; } .table-success-bordered caption { padding: 5px; color: #20ad20; } .table-success-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-success-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-success-bordered thead th { background-color: #20ad20; font-weight: 500; color: #ffffff; } .table-success-bordered th { background-color: #20ad20; font-weight: 500; color: #ffffff; } .table-success-bordered tr { height: 25px; } .table-success-bordered tr td { padding: 3px 10px 3px 10px; } .table-success-bordered tfoot td { height: 25px; font-weight: 500; color: #20ad20; } .table-success-bordered.table-border-all th, .table-success-bordered.table-border-all td { border: 1px solid #20ad20 !important; } .table-info { width: 100%; border-bottom: 4px solid #4dd0e1; border-collapse: collapse; background-color: #ffffff; } .table-info caption { padding: 5px; color: #4dd0e1; } .table-info caption.caption-top { padding: 5px; caption-side: top !important; } .table-info caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-info thead th { background-color: #4dd0e1; font-weight: 500; color: #ffffff; } .table-info th { background-color: #d2f9ff; font-weight: 500; color: #ffffff; } .table-info tr { height: 25px; } .table-info tr td { padding: 3px 10px 3px 10px; } .table-info tfoot td { height: 25px; font-weight: 500; color: #4dd0e1; } .table-info.table-border-all th, .table-info.table-border-all td { border: 1px solid #4dd0e1 !important; } .table-info-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #4dd0e1; background-color: #ffffff; } .table-info-bordered caption { padding: 5px; color: #4dd0e1; } .table-info-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-info-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-info-bordered thead th { background-color: #4dd0e1; font-weight: 500; color: #ffffff; } .table-info-bordered th { background-color: #4dd0e1; font-weight: 500; color: #ffffff; } .table-info-bordered tr { height: 25px; } .table-info-bordered tr td { padding: 3px 10px 3px 10px; } .table-info-bordered tfoot td { height: 25px; font-weight: 500; color: #4dd0e1; } .table-info-bordered.table-border-all th, .table-info-bordered.table-border-all td { border: 1px solid #4dd0e1 !important; } .table-warning { width: 100%; border-bottom: 4px solid #f9cf48; border-collapse: collapse; background-color: #ffffff; } .table-warning caption { padding: 5px; color: #f9cf48; } .table-warning caption.caption-top { padding: 5px; caption-side: top !important; } .table-warning caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-warning thead th { background-color: #f9cf48; font-weight: 500; color: #ffffff; } .table-warning th { background-color: #fef6d9; font-weight: 500; color: #ffffff; } .table-warning tr { height: 25px; } .table-warning tr td { padding: 3px 10px 3px 10px; } .table-warning tfoot td { height: 25px; font-weight: 500; color: #f9cf48; } .table-warning.table-border-all th, .table-warning.table-border-all td { border: 1px solid #f9cf48 !important; } .table-warning-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #f9cf48; background-color: #ffffff; } .table-warning-bordered caption { padding: 5px; color: #f9cf48; } .table-warning-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-warning-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-warning-bordered thead th { background-color: #f9cf48; font-weight: 500; color: #ffffff; } .table-warning-bordered th { background-color: #f9cf48; font-weight: 500; color: #ffffff; } .table-warning-bordered tr { height: 25px; } .table-warning-bordered tr td { padding: 3px 10px 3px 10px; } .table-warning-bordered tfoot td { height: 25px; font-weight: 500; color: #f9cf48; } .table-warning-bordered.table-border-all th, .table-warning-bordered.table-border-all td { border: 1px solid #f9cf48 !important; } .table-danger { width: 100%; border-bottom: 4px solid #f23629; border-collapse: collapse; background-color: #ffffff; } .table-danger caption { padding: 5px; color: #f23629; } .table-danger caption.caption-top { padding: 5px; caption-side: top !important; } .table-danger caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-danger thead th { background-color: #f23629; font-weight: 500; color: #ffffff; } .table-danger th { background-color: #ffd4d1; font-weight: 500; color: #ffffff; } .table-danger tr { height: 25px; } .table-danger tr td { padding: 3px 10px 3px 10px; } .table-danger tfoot td { height: 25px; font-weight: 500; color: #f23629; } .table-danger.table-border-all th, .table-danger.table-border-all td { border: 1px solid #f23629 !important; } .table-danger-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #f23629; background-color: #ffffff; } .table-danger-bordered caption { padding: 5px; color: #f23629; } .table-danger-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-danger-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-danger-bordered thead th { background-color: #f23629; font-weight: 500; color: #ffffff; } .table-danger-bordered th { background-color: #f23629; font-weight: 500; color: #ffffff; } .table-danger-bordered tr { height: 25px; } .table-danger-bordered tr td { padding: 3px 10px 3px 10px; } .table-danger-bordered tfoot td { height: 25px; font-weight: 500; color: #f23629; } .table-danger-bordered.table-border-all th, .table-danger-bordered.table-border-all td { border: 1px solid #f23629 !important; } .table-alert { width: 100%; border-bottom: 4px solid #f57b1d; border-collapse: collapse; background-color: #ffffff; } .table-alert caption { padding: 5px; color: #f57b1d; } .table-alert caption.caption-top { padding: 5px; caption-side: top !important; } .table-alert caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-alert thead th { background-color: #f57b1d; font-weight: 500; color: #ffffff; } .table-alert th { background-color: #fad6ba; font-weight: 500; color: #ffffff; } .table-alert tr { height: 25px; } .table-alert tr td { padding: 3px 10px 3px 10px; } .table-alert tfoot td { height: 25px; font-weight: 500; color: #f57b1d; } .table-alert.table-border-all th, .table-alert.table-border-all td { border: 1px solid #f57b1d !important; } .table-alert-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #f57b1d; background-color: #ffffff; } .table-alert-bordered caption { padding: 5px; color: #f57b1d; } .table-alert-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-alert-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-alert-bordered thead th { background-color: #f57b1d; font-weight: 500; color: #ffffff; } .table-alert-bordered th { background-color: #f57b1d; font-weight: 500; color: #ffffff; } .table-alert-bordered tr { height: 25px; } .table-alert-bordered tr td { padding: 3px 10px 3px 10px; } .table-alert-bordered tfoot td { height: 25px; font-weight: 500; color: #f57b1d; } .table-alert-bordered.table-border-all th, .table-alert-bordered.table-border-all td { border: 1px solid #f57b1d !important; } .table-theme { width: 100%; border-bottom: 4px solid #356287; border-collapse: collapse; background-color: #ffffff; } .table-theme caption { padding: 5px; color: #356287; } .table-theme caption.caption-top { padding: 5px; caption-side: top !important; } .table-theme caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-theme thead th { background-color: #356287; font-weight: 500; color: #ffffff; } .table-theme th { background-color: #4682b4; font-weight: 500; color: #ffffff; } .table-theme tr { height: 25px; } .table-theme tr td { padding: 3px 10px 3px 10px; } .table-theme tfoot td { height: 25px; font-weight: 500; color: #356287; } .table-theme.table-border-all th, .table-theme.table-border-all td { border: 1px solid #356287 !important; } .table-theme-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #356287; background-color: #ffffff; } .table-theme-bordered caption { padding: 5px; color: #356287; } .table-theme-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-theme-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-theme-bordered thead th { background-color: #356287; font-weight: 500; color: #ffffff; } .table-theme-bordered th { background-color: #356287; font-weight: 500; color: #ffffff; } .table-theme-bordered tr { height: 25px; } .table-theme-bordered tr td { padding: 3px 10px 3px 10px; } .table-theme-bordered tfoot td { height: 25px; font-weight: 500; color: #356287; } .table-theme-bordered.table-border-all th, .table-theme-bordered.table-border-all td { border: 1px solid #356287 !important; } .table-white { width: 100%; border-bottom: 4px solid #ffffff; border-collapse: collapse; background-color: #ffffff; } .table-white caption { padding: 5px; color: #ffffff; } .table-white caption.caption-top { padding: 5px; caption-side: top !important; } .table-white caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-white thead th { background-color: #ffffff; font-weight: 500; color: #2C5171; } .table-white th { background-color: #F5F5F5; font-weight: 500; color: #2C5171; } .table-white tr { height: 25px; } .table-white tr td { padding: 3px 10px 3px 10px; } .table-white tfoot td { height: 25px; font-weight: 500; color: #ffffff; } .table-white.table-border-all th, .table-white.table-border-all td { border: 1px solid #ffffff !important; } .table-white-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #ffffff; background-color: #ffffff; } .table-white-bordered caption { padding: 5px; color: #ffffff; } .table-white-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-white-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-white-bordered thead th { background-color: #ffffff; font-weight: 500; color: #2C5171; } .table-white-bordered th { background-color: #ffffff; font-weight: 500; color: #2C5171; } .table-white-bordered tr { height: 25px; } .table-white-bordered tr td { padding: 3px 10px 3px 10px; } .table-white-bordered tfoot td { height: 25px; font-weight: 500; color: #ffffff; } .table-white-bordered.table-border-all th, .table-white-bordered.table-border-all td { border: 1px solid #ffffff !important; } .table-purple { width: 100%; border-bottom: 4px solid #6A1B9A; border-collapse: collapse; background-color: #ffffff; } .table-purple caption { padding: 5px; color: #6A1B9A; } .table-purple caption.caption-top { padding: 5px; caption-side: top !important; } .table-purple caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-purple thead th { background-color: #6A1B9A; font-weight: 500; color: #ffffff; } .table-purple th { background-color: #f5ebfc; font-weight: 500; color: #ffffff; } .table-purple tr { height: 25px; } .table-purple tr td { padding: 3px 10px 3px 10px; } .table-purple tfoot td { height: 25px; font-weight: 500; color: #6A1B9A; } .table-purple.table-border-all th, .table-purple.table-border-all td { border: 1px solid #6A1B9A !important; } .table-purple-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #6A1B9A; background-color: #ffffff; } .table-purple-bordered caption { padding: 5px; color: #6A1B9A; } .table-purple-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-purple-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-purple-bordered thead th { background-color: #6A1B9A; font-weight: 500; color: #ffffff; } .table-purple-bordered th { background-color: #6A1B9A; font-weight: 500; color: #ffffff; } .table-purple-bordered tr { height: 25px; } .table-purple-bordered tr td { padding: 3px 10px 3px 10px; } .table-purple-bordered tfoot td { height: 25px; font-weight: 500; color: #6A1B9A; } .table-purple-bordered.table-border-all th, .table-purple-bordered.table-border-all td { border: 1px solid #6A1B9A !important; } .table-primary-lighten { width: 100%; border-bottom: 4px solid #e0f1ff; border-collapse: collapse; background-color: #ffffff; } .table-primary-lighten caption { padding: 5px; color: #14619c; } .table-primary-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-primary-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-primary-lighten thead th { background-color: #e0f1ff; font-weight: 500; color: #14619c; } .table-primary-lighten th { background-color: #2196f3; font-weight: 500; color: #14619c; } .table-primary-lighten tr { height: 25px; } .table-primary-lighten tr td { padding: 3px 10px 3px 10px; } .table-primary-lighten tfoot td { height: 25px; font-weight: 500; color: #14619c; } .table-primary-lighten.table-border-all th, .table-primary-lighten.table-border-all td { border: 1px solid #e0f1ff !important; } .table-primary-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #e0f1ff; background-color: #ffffff; } .table-primary-lighten-bordered caption { padding: 5px; color: #14619c; } .table-primary-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-primary-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-primary-lighten-bordered thead th { background-color: #e0f1ff; font-weight: 500; color: #14619c; } .table-primary-lighten-bordered th { background-color: #e0f1ff; font-weight: 500; color: #14619c; } .table-primary-lighten-bordered tr { height: 25px; } .table-primary-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-primary-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #14619c; } .table-primary-lighten-bordered-bordered.table-border-all th, .table-primary-lighten-bordered-bordered.table-border-all td { border: 1px solid #e0f1ff !important; } .table-secondary-lighten { width: 100%; border-bottom: 4px solid #e1e1e1; border-collapse: collapse; background-color: #ffffff; } .table-secondary-lighten caption { padding: 5px; color: #4b5257; } .table-secondary-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-secondary-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-secondary-lighten thead th { background-color: #e1e1e1; font-weight: 500; color: #4b5257; } .table-secondary-lighten th { background-color: #6c757d; font-weight: 500; color: #4b5257; } .table-secondary-lighten tr { height: 25px; } .table-secondary-lighten tr td { padding: 3px 10px 3px 10px; } .table-secondary-lighten tfoot td { height: 25px; font-weight: 500; color: #4b5257; } .table-secondary-lighten.table-border-all th, .table-secondary-lighten.table-border-all td { border: 1px solid #e1e1e1 !important; } .table-secondary-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #e1e1e1; background-color: #ffffff; } .table-secondary-lighten-bordered caption { padding: 5px; color: #4b5257; } .table-secondary-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-secondary-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-secondary-lighten-bordered thead th { background-color: #e1e1e1; font-weight: 500; color: #4b5257; } .table-secondary-lighten-bordered th { background-color: #e1e1e1; font-weight: 500; color: #4b5257; } .table-secondary-lighten-bordered tr { height: 25px; } .table-secondary-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-secondary-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #4b5257; } .table-secondary-lighten-bordered-bordered.table-border-all th, .table-secondary-lighten-bordered-bordered.table-border-all td { border: 1px solid #e1e1e1 !important; } .table-success-lighten { width: 100%; border-bottom: 4px solid #e8fac7; border-collapse: collapse; background-color: #ffffff; } .table-success-lighten caption { padding: 5px; color: #079107; } .table-success-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-success-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-success-lighten thead th { background-color: #e8fac7; font-weight: 500; color: #079107; } .table-success-lighten th { background-color: #20ad20; font-weight: 500; color: #079107; } .table-success-lighten tr { height: 25px; } .table-success-lighten tr td { padding: 3px 10px 3px 10px; } .table-success-lighten tfoot td { height: 25px; font-weight: 500; color: #079107; } .table-success-lighten.table-border-all th, .table-success-lighten.table-border-all td { border: 1px solid #e8fac7 !important; } .table-success-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #e8fac7; background-color: #ffffff; } .table-success-lighten-bordered caption { padding: 5px; color: #079107; } .table-success-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-success-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-success-lighten-bordered thead th { background-color: #e8fac7; font-weight: 500; color: #079107; } .table-success-lighten-bordered th { background-color: #e8fac7; font-weight: 500; color: #079107; } .table-success-lighten-bordered tr { height: 25px; } .table-success-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-success-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #079107; } .table-success-lighten-bordered-bordered.table-border-all th, .table-success-lighten-bordered-bordered.table-border-all td { border: 1px solid #e8fac7 !important; } .table-info-lighten { width: 100%; border-bottom: 4px solid #d2f9ff; border-collapse: collapse; background-color: #ffffff; } .table-info-lighten caption { padding: 5px; color: #25a2b3; } .table-info-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-info-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-info-lighten thead th { background-color: #d2f9ff; font-weight: 500; color: #25a2b3; } .table-info-lighten th { background-color: #4dd0e1; font-weight: 500; color: #25a2b3; } .table-info-lighten tr { height: 25px; } .table-info-lighten tr td { padding: 3px 10px 3px 10px; } .table-info-lighten tfoot td { height: 25px; font-weight: 500; color: #25a2b3; } .table-info-lighten.table-border-all th, .table-info-lighten.table-border-all td { border: 1px solid #d2f9ff !important; } .table-info-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #d2f9ff; background-color: #ffffff; } .table-info-lighten-bordered caption { padding: 5px; color: #25a2b3; } .table-info-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-info-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-info-lighten-bordered thead th { background-color: #d2f9ff; font-weight: 500; color: #25a2b3; } .table-info-lighten-bordered th { background-color: #d2f9ff; font-weight: 500; color: #25a2b3; } .table-info-lighten-bordered tr { height: 25px; } .table-info-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-info-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #25a2b3; } .table-info-lighten-bordered-bordered.table-border-all th, .table-info-lighten-bordered-bordered.table-border-all td { border: 1px solid #d2f9ff !important; } .table-warning-lighten { width: 100%; border-bottom: 4px solid #fef6d9; border-collapse: collapse; background-color: #ffffff; } .table-warning-lighten caption { padding: 5px; color: #edbe00; } .table-warning-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-warning-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-warning-lighten thead th { background-color: #fef6d9; font-weight: 500; color: #edbe00; } .table-warning-lighten th { background-color: #f9cf48; font-weight: 500; color: #edbe00; } .table-warning-lighten tr { height: 25px; } .table-warning-lighten tr td { padding: 3px 10px 3px 10px; } .table-warning-lighten tfoot td { height: 25px; font-weight: 500; color: #edbe00; } .table-warning-lighten.table-border-all th, .table-warning-lighten.table-border-all td { border: 1px solid #fef6d9 !important; } .table-warning-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #fef6d9; background-color: #ffffff; } .table-warning-lighten-bordered caption { padding: 5px; color: #edbe00; } .table-warning-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-warning-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-warning-lighten-bordered thead th { background-color: #fef6d9; font-weight: 500; color: #edbe00; } .table-warning-lighten-bordered th { background-color: #fef6d9; font-weight: 500; color: #edbe00; } .table-warning-lighten-bordered tr { height: 25px; } .table-warning-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-warning-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #edbe00; } .table-warning-lighten-bordered-bordered.table-border-all th, .table-warning-lighten-bordered-bordered.table-border-all td { border: 1px solid #fef6d9 !important; } .table-danger-lighten { width: 100%; border-bottom: 4px solid #ffd4d1; border-collapse: collapse; background-color: #ffffff; } .table-danger-lighten caption { padding: 5px; color: #c23329; } .table-danger-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-danger-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-danger-lighten thead th { background-color: #ffd4d1; font-weight: 500; color: #c23329; } .table-danger-lighten th { background-color: #f23629; font-weight: 500; color: #c23329; } .table-danger-lighten tr { height: 25px; } .table-danger-lighten tr td { padding: 3px 10px 3px 10px; } .table-danger-lighten tfoot td { height: 25px; font-weight: 500; color: #c23329; } .table-danger-lighten.table-border-all th, .table-danger-lighten.table-border-all td { border: 1px solid #ffd4d1 !important; } .table-danger-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #ffd4d1; background-color: #ffffff; } .table-danger-lighten-bordered caption { padding: 5px; color: #c23329; } .table-danger-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-danger-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-danger-lighten-bordered thead th { background-color: #ffd4d1; font-weight: 500; color: #c23329; } .table-danger-lighten-bordered th { background-color: #ffd4d1; font-weight: 500; color: #c23329; } .table-danger-lighten-bordered tr { height: 25px; } .table-danger-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-danger-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #c23329; } .table-danger-lighten-bordered-bordered.table-border-all th, .table-danger-lighten-bordered-bordered.table-border-all td { border: 1px solid #ffd4d1 !important; } .table-alert-lighten { width: 100%; border-bottom: 4px solid #fad6ba; border-collapse: collapse; background-color: #ffffff; } .table-alert-lighten caption { padding: 5px; color: #d35f07; } .table-alert-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-alert-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-alert-lighten thead th { background-color: #fad6ba; font-weight: 500; color: #d35f07; } .table-alert-lighten th { background-color: #f57b1d; font-weight: 500; color: #d35f07; } .table-alert-lighten tr { height: 25px; } .table-alert-lighten tr td { padding: 3px 10px 3px 10px; } .table-alert-lighten tfoot td { height: 25px; font-weight: 500; color: #d35f07; } .table-alert-lighten.table-border-all th, .table-alert-lighten.table-border-all td { border: 1px solid #fad6ba !important; } .table-alert-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #fad6ba; background-color: #ffffff; } .table-alert-lighten-bordered caption { padding: 5px; color: #d35f07; } .table-alert-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-alert-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-alert-lighten-bordered thead th { background-color: #fad6ba; font-weight: 500; color: #d35f07; } .table-alert-lighten-bordered th { background-color: #fad6ba; font-weight: 500; color: #d35f07; } .table-alert-lighten-bordered tr { height: 25px; } .table-alert-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-alert-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #d35f07; } .table-alert-lighten-bordered-bordered.table-border-all th, .table-alert-lighten-bordered-bordered.table-border-all td { border: 1px solid #fad6ba !important; } .table-purple-lighten { width: 100%; border-bottom: 4px solid #f5ebfc; border-collapse: collapse; background-color: #ffffff; } .table-purple-lighten caption { padding: 5px; color: #4A148C; } .table-purple-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-purple-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-purple-lighten thead th { background-color: #f5ebfc; font-weight: 500; color: #4A148C; } .table-purple-lighten th { background-color: #6A1B9A; font-weight: 500; color: #4A148C; } .table-purple-lighten tr { height: 25px; } .table-purple-lighten tr td { padding: 3px 10px 3px 10px; } .table-purple-lighten tfoot td { height: 25px; font-weight: 500; color: #4A148C; } .table-purple-lighten.table-border-all th, .table-purple-lighten.table-border-all td { border: 1px solid #f5ebfc !important; } .table-purple-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #f5ebfc; background-color: #ffffff; } .table-purple-lighten-bordered caption { padding: 5px; color: #4A148C; } .table-purple-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-purple-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-purple-lighten-bordered thead th { background-color: #f5ebfc; font-weight: 500; color: #4A148C; } .table-purple-lighten-bordered th { background-color: #f5ebfc; font-weight: 500; color: #4A148C; } .table-purple-lighten-bordered tr { height: 25px; } .table-purple-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-purple-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #4A148C; } .table-purple-lighten-bordered-bordered.table-border-all th, .table-purple-lighten-bordered-bordered.table-border-all td { border: 1px solid #f5ebfc !important; } .table-theme-lighten { width: 100%; border-bottom: 4px solid #D1E0EC; border-collapse: collapse; background-color: #ffffff; } .table-theme-lighten caption { padding: 5px; color: #23415A; } .table-theme-lighten caption.caption-top { padding: 5px; caption-side: top !important; } .table-theme-lighten caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-theme-lighten thead th { background-color: #D1E0EC; font-weight: 500; color: #23415A; } .table-theme-lighten th { background-color: #3D729E; font-weight: 500; color: #23415A; } .table-theme-lighten tr { height: 25px; } .table-theme-lighten tr td { padding: 3px 10px 3px 10px; } .table-theme-lighten tfoot td { height: 25px; font-weight: 500; color: #23415A; } .table-theme-lighten.table-border-all th, .table-theme-lighten.table-border-all td { border: 1px solid #D1E0EC !important; } .table-theme-lighten-bordered { width: 100%; border: none; border-collapse: collapse; border: 1px solid #D1E0EC; background-color: #ffffff; } .table-theme-lighten-bordered caption { padding: 5px; color: #23415A; } .table-theme-lighten-bordered caption.caption-top { padding: 5px; caption-side: top !important; } .table-theme-lighten-bordered caption.caption-bottom { padding: 5px; caption-side: bottom !important; } .table-theme-lighten-bordered thead th { background-color: #D1E0EC; font-weight: 500; color: #23415A; } .table-theme-lighten-bordered th { background-color: #D1E0EC; font-weight: 500; color: #23415A; } .table-theme-lighten-bordered tr { height: 25px; } .table-theme-lighten-bordered tr td { padding: 3px 10px 3px 10px; } .table-theme-lighten-bordered tfoot td { height: 25px; font-weight: 500; color: #23415A; } .table-theme-lighten-bordered-bordered.table-border-all th, .table-theme-lighten-bordered-bordered.table-border-all td { border: 1px solid #D1E0EC !important; } .table-striped tr:nth-child(even) { background: rgba(245, 245, 245, 0.9); } .border-collapse { border-collapse: collapse !important; } .border-separate { border-collapse: separate !important; } .border-spacing-1 { border-spacing: 5px !important; } .border-spacing-2 { border-spacing: 10px !important; } .border-spacing-3 { border-spacing: 15px !important; } .border-spacing-4 { border-spacing: 20px !important; } .border-spacing-5 { border-spacing: 25px !important; } fieldset { padding: 10px 15px; border-radius: 5px; border: solid 1px #E0E0E0; height: auto; } .fieldset { border: solid 1px #EEEEEE; background-color: #FAFAFA; } .fieldset legend { background-color: #EEEEEE; color: #757575; border-radius: 5px; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline legend { color: #757575; border-radius: 5px; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-transparent legend { background-color: transparent; color: #BDBDBD; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-theme { border: solid 1px #4682b4; background-color: #F5F5F5; } .fieldset-theme legend { background-color: #4682b4; border-radius: 5px; color: #D1E0EC; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-primary { border: solid 1px #2196f3; background-color: #F5F5F5; } .fieldset-primary legend { background-color: #2196f3; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-primary { border: solid 1px #2196f3; height: auto; border-color: #2196f3; } .fieldset-outline-primary legend { border-radius: 5px; color: #2196f3; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-secondary { border: solid 1px #6c757d; background-color: #F5F5F5; } .fieldset-secondary legend { background-color: #6c757d; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-secondary { border: solid 1px #6c757d; height: auto; border-color: #6c757d; } .fieldset-outline-secondary legend { border-radius: 5px; color: #6c757d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-success { border: solid 1px #20ad20; background-color: #F5F5F5; } .fieldset-success legend { background-color: #20ad20; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-success { border: solid 1px #20ad20; height: auto; border-color: #20ad20; } .fieldset-outline-success legend { border-radius: 5px; color: #20ad20; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-info { border: solid 1px #4dd0e1; background-color: #F5F5F5; } .fieldset-info legend { background-color: #4dd0e1; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-info { border: solid 1px #4dd0e1; height: auto; border-color: #4dd0e1; } .fieldset-outline-info legend { border-radius: 5px; color: #4dd0e1; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-warning { border: solid 1px #f9cf48; background-color: #F5F5F5; } .fieldset-warning legend { background-color: #f9cf48; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-warning { border: solid 1px #f9cf48; height: auto; border-color: #f9cf48; } .fieldset-outline-warning legend { border-radius: 5px; color: #f9cf48; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-danger { border: solid 1px #f23629; background-color: #F5F5F5; } .fieldset-danger legend { background-color: #f23629; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-danger { border: solid 1px #f23629; height: auto; border-color: #f23629; } .fieldset-outline-danger legend { border-radius: 5px; color: #f23629; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-alert { border: solid 1px #f57b1d; background-color: #F5F5F5; } .fieldset-alert legend { background-color: #f57b1d; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-alert { border: solid 1px #f57b1d; height: auto; border-color: #f57b1d; } .fieldset-outline-alert legend { border-radius: 5px; color: #f57b1d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-theme { border: solid 1px #356287; background-color: #F5F5F5; } .fieldset-theme legend { background-color: #356287; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-theme { border: solid 1px #356287; height: auto; border-color: #356287; } .fieldset-outline-theme legend { border-radius: 5px; color: #356287; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-white { border: solid 1px #ffffff; background-color: #F5F5F5; } .fieldset-white legend { background-color: #ffffff; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-white { border: solid 1px #ffffff; height: auto; border-color: #ffffff; } .fieldset-outline-white legend { border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-purple { border: solid 1px #6A1B9A; background-color: #F5F5F5; } .fieldset-purple legend { background-color: #6A1B9A; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-purple { border: solid 1px #6A1B9A; height: auto; border-color: #6A1B9A; } .fieldset-outline-purple legend { border-radius: 5px; color: #6A1B9A; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-primary-lighten { border: solid 1px #e0f1ff; background-color: #FAFAFA; } .fieldset-primary-lighten legend { background-color: #e0f1ff; border-radius: 5px; color: #2196f3; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-primary-lighten { border: solid 1px #e0f1ff; height: auto; border-color: #e0f1ff; } .fieldset-outline-primary-lighten legend { border-radius: 5px; color: #2196f3; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-secondary-lighten { border: solid 1px #e1e1e1; background-color: #FAFAFA; } .fieldset-secondary-lighten legend { background-color: #e1e1e1; border-radius: 5px; color: #6c757d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-secondary-lighten { border: solid 1px #e1e1e1; height: auto; border-color: #e1e1e1; } .fieldset-outline-secondary-lighten legend { border-radius: 5px; color: #6c757d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-success-lighten { border: solid 1px #e8fac7; background-color: #FAFAFA; } .fieldset-success-lighten legend { background-color: #e8fac7; border-radius: 5px; color: #20ad20; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-success-lighten { border: solid 1px #e8fac7; height: auto; border-color: #e8fac7; } .fieldset-outline-success-lighten legend { border-radius: 5px; color: #20ad20; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-info-lighten { border: solid 1px #d2f9ff; background-color: #FAFAFA; } .fieldset-info-lighten legend { background-color: #d2f9ff; border-radius: 5px; color: #4dd0e1; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-info-lighten { border: solid 1px #d2f9ff; height: auto; border-color: #d2f9ff; } .fieldset-outline-info-lighten legend { border-radius: 5px; color: #4dd0e1; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-warning-lighten { border: solid 1px #fef6d9; background-color: #FAFAFA; } .fieldset-warning-lighten legend { background-color: #fef6d9; border-radius: 5px; color: #f9cf48; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-warning-lighten { border: solid 1px #fef6d9; height: auto; border-color: #fef6d9; } .fieldset-outline-warning-lighten legend { border-radius: 5px; color: #f9cf48; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-danger-lighten { border: solid 1px #ffd4d1; background-color: #FAFAFA; } .fieldset-danger-lighten legend { background-color: #ffd4d1; border-radius: 5px; color: #f23629; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-danger-lighten { border: solid 1px #ffd4d1; height: auto; border-color: #ffd4d1; } .fieldset-outline-danger-lighten legend { border-radius: 5px; color: #f23629; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-alert-lighten { border: solid 1px #fad6ba; background-color: #FAFAFA; } .fieldset-alert-lighten legend { background-color: #fad6ba; border-radius: 5px; color: #f57b1d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-alert-lighten { border: solid 1px #fad6ba; height: auto; border-color: #fad6ba; } .fieldset-outline-alert-lighten legend { border-radius: 5px; color: #f57b1d; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-purple-lighten { border: solid 1px #f5ebfc; background-color: #FAFAFA; } .fieldset-purple-lighten legend { background-color: #f5ebfc; border-radius: 5px; color: #6A1B9A; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-purple-lighten { border: solid 1px #f5ebfc; height: auto; border-color: #f5ebfc; } .fieldset-outline-purple-lighten legend { border-radius: 5px; color: #6A1B9A; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } .fieldset-theme-lighten { border: solid 1px #D1E0EC; background-color: #FAFAFA; } .fieldset-theme-lighten legend { background-color: #D1E0EC; border-radius: 5px; color: #3D729E; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; font-weight: 400; text-transform: capitalize; } .fieldset-outline-theme-lighten { border: solid 1px #D1E0EC; height: auto; border-color: #D1E0EC; } .fieldset-outline-theme-lighten legend { border-radius: 5px; color: #3D729E; font-size: 14px; padding: 5px 10px 5px 10px; text-align: left; padding-left: 5px; padding-right: 5px; width: auto; font-weight: 400; text-transform: capitalize; } :-ms-input-placeholder { color: gray !important; font-family: prompt, "Nunito Sans", sans-serif !important; font-style: italic; } ::-moz-placeholder { color: gray !important; font-family: prompt, "Nunito Sans", sans-serif !important; font-style: italic; } ::placeholder { color: gray !important; font-family: prompt, "Nunito Sans", sans-serif !important; font-style: italic; } form { display: block; margin-top: 0em; } .form-group { margin-bottom: 8px; align-items: center; } .form-control, .form-label { line-height: 20px; padding: 0px 10px 0px 10px; margin-top: 0px; margin-bottom: 0px; } .form-control { border-radius: 3px; border: solid 1px #E0E0E0; display: block; width: 100%; } .form-control:focus { outline: none; } .form-checkbox { display: flex; align-items: center; } .form-control, .form-text { font-size: 14px; min-height: 25px; line-height: 25px; padding: 5px 5px 5px 5px; margin-top: 0px; margin-bottom: 0px; } .form-error { border: 2px solid #f17e7e !important; border-radius: 3px !important; box-shadow: 0 0 5px #f17e7e; } .form-group label, form-check-label, .form-group form-check-label { font-size: 14px; } .form-check, .form-check label, .form-check input { font-size: 14px; } label { display: inline-block; cursor: pointer; } select { min-height: 30px; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; background-color: -internal-light-dark(white, #3b3b3b); cursor: default; margin: 0em; border-radius: 0px; border-width: 1px; border-style: solid; border-color: -internal-light-dark(#767676, #858585); -o-border-image: initial; border-image: initial; } input { min-height: 30px; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; background-color: -internal-light-dark(white, #3b3b3b); -webkit-rtl-ordering: logical; cursor: text; margin: 0em; padding: 1px 2px; border-width: 2px; border-style: inset; border-color: -internal-light-dark(#767676, #858585); -o-border-image: initial; border-image: initial; } input[type=radio] { min-height: 17px; cursor: pointer; } input[type=checkbox] { min-height: 20px; cursor: pointer; } .input-group .form-control { border: none; } /* -------------------------- Select group ------------------------- */ .select-group { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group .select-group-item { flex-grow: 1; position: relative; } .select-group .select-group-item + .select-group-item { margin-left: -1px; } .select-group .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group input[type=checkbox], .select-group input[type=radio] { box-sizing: border-box; padding: 0; } .select-group .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; font-weight: 400; text-transform: capitalize; } .select-group .select-group-button:hover { background-color: #EEEEEE; } .select-group .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group .select-group-button-icon i { font-size: 14px; } .select-group .select-group-input:focus + .select-group-button, .select-group .select-group-input:checked + .select-group-button { background-color: #757575; color: #ffffff; z-index: 1; } .select-group .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-primary { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-primary .select-group-item { flex-grow: 1; position: relative; } .select-group-primary .select-group-item + .select-group-item { margin-left: -1px; } .select-group-primary .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-primary .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-primary .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-primary input[type=checkbox], .select-group-primary input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-primary .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #14619c; font-weight: 400; text-transform: capitalize; } .select-group-primary .select-group-button:hover { background-color: #EEEEEE; } .select-group-primary .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-primary .select-group-button-icon i { font-size: 14px; } .select-group-primary .select-group-input:focus + .select-group-button, .select-group-primary .select-group-input:checked + .select-group-button { background-color: #14619c; color: #ffffff; z-index: 1; } .select-group-primary .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-primary .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-primary .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-secondary { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-secondary .select-group-item { flex-grow: 1; position: relative; } .select-group-secondary .select-group-item + .select-group-item { margin-left: -1px; } .select-group-secondary .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-secondary .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-secondary .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-secondary input[type=checkbox], .select-group-secondary input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-secondary .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #4b5257; font-weight: 400; text-transform: capitalize; } .select-group-secondary .select-group-button:hover { background-color: #EEEEEE; } .select-group-secondary .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-secondary .select-group-button-icon i { font-size: 14px; } .select-group-secondary .select-group-input:focus + .select-group-button, .select-group-secondary .select-group-input:checked + .select-group-button { background-color: #4b5257; color: #ffffff; z-index: 1; } .select-group-secondary .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-secondary .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-secondary .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-success { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-success .select-group-item { flex-grow: 1; position: relative; } .select-group-success .select-group-item + .select-group-item { margin-left: -1px; } .select-group-success .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-success .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-success .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-success input[type=checkbox], .select-group-success input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-success .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #079107; font-weight: 400; text-transform: capitalize; } .select-group-success .select-group-button:hover { background-color: #EEEEEE; } .select-group-success .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-success .select-group-button-icon i { font-size: 14px; } .select-group-success .select-group-input:focus + .select-group-button, .select-group-success .select-group-input:checked + .select-group-button { background-color: #079107; color: #ffffff; z-index: 1; } .select-group-success .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-success .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-success .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-info { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-info .select-group-item { flex-grow: 1; position: relative; } .select-group-info .select-group-item + .select-group-item { margin-left: -1px; } .select-group-info .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-info .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-info .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-info input[type=checkbox], .select-group-info input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-info .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #25a2b3; font-weight: 400; text-transform: capitalize; } .select-group-info .select-group-button:hover { background-color: #EEEEEE; } .select-group-info .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-info .select-group-button-icon i { font-size: 14px; } .select-group-info .select-group-input:focus + .select-group-button, .select-group-info .select-group-input:checked + .select-group-button { background-color: #25a2b3; color: #ffffff; z-index: 1; } .select-group-info .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-info .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-info .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-warning { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-warning .select-group-item { flex-grow: 1; position: relative; } .select-group-warning .select-group-item + .select-group-item { margin-left: -1px; } .select-group-warning .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-warning .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-warning .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-warning input[type=checkbox], .select-group-warning input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-warning .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #edbe00; font-weight: 400; text-transform: capitalize; } .select-group-warning .select-group-button:hover { background-color: #EEEEEE; } .select-group-warning .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-warning .select-group-button-icon i { font-size: 14px; } .select-group-warning .select-group-input:focus + .select-group-button, .select-group-warning .select-group-input:checked + .select-group-button { background-color: #edbe00; color: #ffffff; z-index: 1; } .select-group-warning .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-warning .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-warning .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-danger { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-danger .select-group-item { flex-grow: 1; position: relative; } .select-group-danger .select-group-item + .select-group-item { margin-left: -1px; } .select-group-danger .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-danger .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-danger .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-danger input[type=checkbox], .select-group-danger input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-danger .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #c23329; font-weight: 400; text-transform: capitalize; } .select-group-danger .select-group-button:hover { background-color: #EEEEEE; } .select-group-danger .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-danger .select-group-button-icon i { font-size: 14px; } .select-group-danger .select-group-input:focus + .select-group-button, .select-group-danger .select-group-input:checked + .select-group-button { background-color: #c23329; color: #ffffff; z-index: 1; } .select-group-danger .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-danger .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-danger .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-alert { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-alert .select-group-item { flex-grow: 1; position: relative; } .select-group-alert .select-group-item + .select-group-item { margin-left: -1px; } .select-group-alert .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-alert .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-alert .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-alert input[type=checkbox], .select-group-alert input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-alert .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #d35f07; font-weight: 400; text-transform: capitalize; } .select-group-alert .select-group-button:hover { background-color: #EEEEEE; } .select-group-alert .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-alert .select-group-button-icon i { font-size: 14px; } .select-group-alert .select-group-input:focus + .select-group-button, .select-group-alert .select-group-input:checked + .select-group-button { background-color: #d35f07; color: #ffffff; z-index: 1; } .select-group-alert .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-alert .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-alert .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-theme { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-theme .select-group-item { flex-grow: 1; position: relative; } .select-group-theme .select-group-item + .select-group-item { margin-left: -1px; } .select-group-theme .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-theme .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-theme .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-theme input[type=checkbox], .select-group-theme input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-theme .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #2C5171; font-weight: 400; text-transform: capitalize; } .select-group-theme .select-group-button:hover { background-color: #EEEEEE; } .select-group-theme .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-theme .select-group-button-icon i { font-size: 14px; } .select-group-theme .select-group-input:focus + .select-group-button, .select-group-theme .select-group-input:checked + .select-group-button { background-color: #2C5171; color: #ffffff; z-index: 1; } .select-group-theme .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-theme .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-theme .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-white { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-white .select-group-item { flex-grow: 1; position: relative; } .select-group-white .select-group-item + .select-group-item { margin-left: -1px; } .select-group-white .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-white .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-white .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-white input[type=checkbox], .select-group-white input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-white .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #EEEEEE; font-weight: 400; text-transform: capitalize; } .select-group-white .select-group-button:hover { background-color: #EEEEEE; } .select-group-white .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-white .select-group-button-icon i { font-size: 14px; } .select-group-white .select-group-input:focus + .select-group-button, .select-group-white .select-group-input:checked + .select-group-button { background-color: #EEEEEE; color: #ffffff; z-index: 1; } .select-group-white .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-white .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-white .select-group-pills .select-group-button { border-radius: 50px !important; } .select-group-purple { display: inline-flex; width: 100%; flex-wrap: wrap; } .select-group-purple .select-group-item { flex-grow: 1; position: relative; } .select-group-purple .select-group-item + .select-group-item { margin-left: -1px; } .select-group-purple .select-group-item:not(:first-child) .select-group-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .select-group-purple .select-group-item:not(:last-child) .select-group-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select-group-purple .select-group-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .select-group-purple input[type=checkbox], .select-group-purple input[type=radio] { box-sizing: border-box; padding: 0; } .select-group-purple .select-group-button { background-color: #F5F5F5; border-color: #ffffff; border-width: 1px; border-style: solid; display: block; text-align: left; padding: 0 1rem; /* height: 35px; */ position: relative; cursor: pointer; /* border-radius: 3px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; min-width: 2.375rem; line-height: 38px; color: #4A148C; font-weight: 400; text-transform: capitalize; } .select-group-purple .select-group-button:hover { background-color: #EEEEEE; } .select-group-purple .select-group-button-icon { padding-left: 0.5rem; padding-right: 0.5rem; } .select-group-purple .select-group-button-icon i { font-size: 14px; } .select-group-purple .select-group-input:focus + .select-group-button, .select-group-purple .select-group-input:checked + .select-group-button { background-color: #4A148C; color: #ffffff; z-index: 1; } .select-group-purple .select-group-pills { display: block; flex-wrap: wrap; align-items: flex-start; } .select-group-purple .select-group-pills .select-group-item { margin-right: 0.5rem; flex-grow: 0; } .select-group-purple .select-group-pills .select-group-button { border-radius: 50px !important; } .btn-group-vertical { width: 100%; flex-direction: column; align-items: flex-start; justify-content: center; display: inline-flex; vertical-align: middle; } .btn-group-vertical label.select-group-item { margin-bottom: 0; width: 100%; } .btn-group-vertical label.select-group-item .select-group-button { text-align: left; } .input-border-bottom { outline: none; border: none; border-bottom: 1px solid #BDBDBD; line-height: 30px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; } .required { border-left: 5px solid #23415A !important; border-right: 1px solid #E0E0E0; } /* --------------------------------- Button --------------------------------- */ .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none; user-select: none; border: 1px solid transparent; padding: 0.4rem 0.8rem; font-size: 0.9rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-lg { padding: 10px 16px; font-size: 16px !important; } .btn-xs { padding: 1px 5px !important; } .btn-sm { padding: 0.2rem 0.75rem !important; } .btn-block { display: inline-block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.6; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a { cursor: pointer; color: #616161; text-decoration: none; } a:hover { color: #2C5171; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; text-decoration: none !important; } .btn-text-bold { font-weight: 400; } .btn-text-bold:hover, .btn-text-bold.active { font-weight: 700 !important; } .hover-text-bold { font-weight: 400; } .hover-text-bold:hover, .hover-text-bold.active { font-weight: 700 !important; } .hover-bg-main-white { background-color: #fff; } .hover-color-main-white:hover, .hover-color-main-white.active { background-color: #4682b4; } /* ------------------- Button standard - custom new color ------------------- */ .btn-primary { color: #ffffff; background-color: #2196f3; border-color: #2196f3; } .btn-primary:hover, .btn-primary.active { color: #ffffff; background-color: #14619c; border-color: #14619c; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #2196f3; border-color: #2196f3; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-primary.disabled, .btn-primary:disabled { color: #2196f3; background-color: #e0f1ff; border-color: #e0f1ff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #ffffff; background-color: #14619c; border-color: #14619c; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-outline-primary { color: #2196f3; background-color: transparent; border-color: #2196f3; } .btn-outline-primary:hover, .btn-outline-primary.active { color: #ffffff; background-color: #2196f3; border-color: #14619c; } .btn-outline-primary:focus, .btn-outline-primary.focus { color: #2196f3; background-color: transparent; border-color: #2196f3; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #2196f3; background-color: transparent; border-color: #e0f1ff; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #2196f3; background-color: #2196f3; border-color: #14619c; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-white-primary { color: #2196f3; background-color: #ffffff; border-color: #ffffff; } .btn-white-primary:hover, .btn-white-primary.active { color: #ffffff; background-color: #2196f3; border-color: #2196f3; } .btn-white-primary:focus, .btn-white-primary.focus { color: #2196f3; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-primary.disabled, .btn-white-primary:disabled { color: #2196f3; background-color: #ffffff; border-color: #ffffff; } .btn-white-primary:not(:disabled):not(.disabled):active, .btn-white-primary:not(:disabled):not(.disabled).active, .show > .btn-white-primary.dropdown-toggle { color: #2196f3; background-color: #ffffff; border-color: #ffffff; } .btn-white-primary:not(:disabled):not(.disabled):active:focus, .btn-white-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-white-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-grey-primary { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-primary:hover, .btn-grey-primary.active { color: #ffffff; background-color: #2196f3; border-color: #2196f3; } .btn-grey-primary:focus, .btn-grey-primary.focus { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-primary.disabled, .btn-grey-primary:disabled { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-primary:not(:disabled):not(.disabled):active, .btn-grey-primary:not(:disabled):not(.disabled).active, .show > .btn-grey-primary.dropdown-toggle { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-primary:not(:disabled):not(.disabled):active:focus, .btn-grey-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-outline-text-bold-primary { color: #2196f3; background-color: transparent; border-color: #2196f3; } .btn-outline-text-bold-primary:hover, .btn-outline-text-bold-primary.active { color: #14619c; border-color: #2196f3; font-weight: 700; } .btn-outline-text-bold-primary:focus, .btn-outline-text-bold-primary.focus { color: #14619c; border-color: #14619c; font-weight: 700; box-shadow: 0 0 0 0.2rem #e0f1ff; } .btn-outline-text-bold-primary.disabled, .btn-outline-text-bold-primary:disabled { color: #2196f3; border-color: #2196f3; font-weight: 400; } .btn-outline-text-bold-primary:not(:disabled):not(.disabled):active, .btn-outline-text-bold-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-primary.dropdown-toggle { color: #14619c; border-color: #14619c; font-weight: 700; } .btn-outline-text-bold-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e0f1ff; } .btn-secondary { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover, .btn-secondary.active { color: #ffffff; background-color: #4b5257; border-color: #4b5257; } .btn-secondary:focus, .btn-secondary.focus { color: #ffffff; background-color: #6c757d; border-color: #6c757d; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-secondary.disabled, .btn-secondary:disabled { color: #6c757d; background-color: #e1e1e1; border-color: #e1e1e1; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #ffffff; background-color: #4b5257; border-color: #4b5257; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-outline-secondary { color: #6c757d; background-color: transparent; border-color: #6c757d; } .btn-outline-secondary:hover, .btn-outline-secondary.active { color: #ffffff; background-color: #6c757d; border-color: #4b5257; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #6c757d; background-color: transparent; border-color: #6c757d; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; border-color: #e1e1e1; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #6c757d; background-color: #6c757d; border-color: #4b5257; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-white-secondary { color: #6c757d; background-color: #ffffff; border-color: #ffffff; } .btn-white-secondary:hover, .btn-white-secondary.active { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-white-secondary:focus, .btn-white-secondary.focus { color: #6c757d; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-secondary.disabled, .btn-white-secondary:disabled { color: #6c757d; background-color: #ffffff; border-color: #ffffff; } .btn-white-secondary:not(:disabled):not(.disabled):active, .btn-white-secondary:not(:disabled):not(.disabled).active, .show > .btn-white-secondary.dropdown-toggle { color: #6c757d; background-color: #ffffff; border-color: #ffffff; } .btn-white-secondary:not(:disabled):not(.disabled):active:focus, .btn-white-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-white-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-grey-secondary { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-secondary:hover, .btn-grey-secondary.active { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-grey-secondary:focus, .btn-grey-secondary.focus { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-secondary.disabled, .btn-grey-secondary:disabled { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-secondary:not(:disabled):not(.disabled):active, .btn-grey-secondary:not(:disabled):not(.disabled).active, .show > .btn-grey-secondary.dropdown-toggle { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-secondary:not(:disabled):not(.disabled):active:focus, .btn-grey-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-outline-text-bold-secondary { color: #6c757d; background-color: transparent; border-color: #6c757d; } .btn-outline-text-bold-secondary:hover, .btn-outline-text-bold-secondary.active { color: #4b5257; border-color: #6c757d; font-weight: 700; } .btn-outline-text-bold-secondary:focus, .btn-outline-text-bold-secondary.focus { color: #4b5257; border-color: #4b5257; font-weight: 700; box-shadow: 0 0 0 0.2rem #e1e1e1; } .btn-outline-text-bold-secondary.disabled, .btn-outline-text-bold-secondary:disabled { color: #6c757d; border-color: #6c757d; font-weight: 400; } .btn-outline-text-bold-secondary:not(:disabled):not(.disabled):active, .btn-outline-text-bold-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-secondary.dropdown-toggle { color: #4b5257; border-color: #4b5257; font-weight: 700; } .btn-outline-text-bold-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e1e1e1; } .btn-success { color: #ffffff; background-color: #20ad20; border-color: #20ad20; } .btn-success:hover, .btn-success.active { color: #ffffff; background-color: #079107; border-color: #079107; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #20ad20; border-color: #20ad20; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-success.disabled, .btn-success:disabled { color: #20ad20; background-color: #e8fac7; border-color: #e8fac7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #079107; border-color: #079107; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-outline-success { color: #20ad20; background-color: transparent; border-color: #20ad20; } .btn-outline-success:hover, .btn-outline-success.active { color: #ffffff; background-color: #20ad20; border-color: #079107; } .btn-outline-success:focus, .btn-outline-success.focus { color: #20ad20; background-color: transparent; border-color: #20ad20; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #20ad20; background-color: transparent; border-color: #e8fac7; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #20ad20; background-color: #20ad20; border-color: #079107; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-white-success { color: #20ad20; background-color: #ffffff; border-color: #ffffff; } .btn-white-success:hover, .btn-white-success.active { color: #ffffff; background-color: #20ad20; border-color: #20ad20; } .btn-white-success:focus, .btn-white-success.focus { color: #20ad20; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-success.disabled, .btn-white-success:disabled { color: #20ad20; background-color: #ffffff; border-color: #ffffff; } .btn-white-success:not(:disabled):not(.disabled):active, .btn-white-success:not(:disabled):not(.disabled).active, .show > .btn-white-success.dropdown-toggle { color: #20ad20; background-color: #ffffff; border-color: #ffffff; } .btn-white-success:not(:disabled):not(.disabled):active:focus, .btn-white-success:not(:disabled):not(.disabled).active:focus, .show > .btn-white-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-grey-success { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-success:hover, .btn-grey-success.active { color: #ffffff; background-color: #20ad20; border-color: #20ad20; } .btn-grey-success:focus, .btn-grey-success.focus { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-success.disabled, .btn-grey-success:disabled { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-success:not(:disabled):not(.disabled):active, .btn-grey-success:not(:disabled):not(.disabled).active, .show > .btn-grey-success.dropdown-toggle { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-success:not(:disabled):not(.disabled):active:focus, .btn-grey-success:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-outline-text-bold-success { color: #20ad20; background-color: transparent; border-color: #20ad20; } .btn-outline-text-bold-success:hover, .btn-outline-text-bold-success.active { color: #079107; border-color: #20ad20; font-weight: 700; } .btn-outline-text-bold-success:focus, .btn-outline-text-bold-success.focus { color: #079107; border-color: #079107; font-weight: 700; box-shadow: 0 0 0 0.2rem #e8fac7; } .btn-outline-text-bold-success.disabled, .btn-outline-text-bold-success:disabled { color: #20ad20; border-color: #20ad20; font-weight: 400; } .btn-outline-text-bold-success:not(:disabled):not(.disabled):active, .btn-outline-text-bold-success:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-success.dropdown-toggle { color: #079107; border-color: #079107; font-weight: 700; } .btn-outline-text-bold-success:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e8fac7; } .btn-info { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-info:hover, .btn-info.active { color: #ffffff; background-color: #25a2b3; border-color: #25a2b3; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-info.disabled, .btn-info:disabled { color: #4dd0e1; background-color: #d2f9ff; border-color: #d2f9ff; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #ffffff; background-color: #25a2b3; border-color: #25a2b3; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-outline-info { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; } .btn-outline-info:hover, .btn-outline-info.active { color: #ffffff; background-color: #4dd0e1; border-color: #25a2b3; } .btn-outline-info:focus, .btn-outline-info.focus { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #4dd0e1; background-color: transparent; border-color: #d2f9ff; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #4dd0e1; background-color: #4dd0e1; border-color: #25a2b3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-white-info { color: #4dd0e1; background-color: #ffffff; border-color: #ffffff; } .btn-white-info:hover, .btn-white-info.active { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-white-info:focus, .btn-white-info.focus { color: #4dd0e1; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-info.disabled, .btn-white-info:disabled { color: #4dd0e1; background-color: #ffffff; border-color: #ffffff; } .btn-white-info:not(:disabled):not(.disabled):active, .btn-white-info:not(:disabled):not(.disabled).active, .show > .btn-white-info.dropdown-toggle { color: #4dd0e1; background-color: #ffffff; border-color: #ffffff; } .btn-white-info:not(:disabled):not(.disabled):active:focus, .btn-white-info:not(:disabled):not(.disabled).active:focus, .show > .btn-white-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-grey-info { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-info:hover, .btn-grey-info.active { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-grey-info:focus, .btn-grey-info.focus { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-info.disabled, .btn-grey-info:disabled { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-info:not(:disabled):not(.disabled):active, .btn-grey-info:not(:disabled):not(.disabled).active, .show > .btn-grey-info.dropdown-toggle { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-info:not(:disabled):not(.disabled):active:focus, .btn-grey-info:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-outline-text-bold-info { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; } .btn-outline-text-bold-info:hover, .btn-outline-text-bold-info.active { color: #25a2b3; border-color: #4dd0e1; font-weight: 700; } .btn-outline-text-bold-info:focus, .btn-outline-text-bold-info.focus { color: #25a2b3; border-color: #25a2b3; font-weight: 700; box-shadow: 0 0 0 0.2rem #d2f9ff; } .btn-outline-text-bold-info.disabled, .btn-outline-text-bold-info:disabled { color: #4dd0e1; border-color: #4dd0e1; font-weight: 400; } .btn-outline-text-bold-info:not(:disabled):not(.disabled):active, .btn-outline-text-bold-info:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-info.dropdown-toggle { color: #25a2b3; border-color: #25a2b3; font-weight: 700; } .btn-outline-text-bold-info:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #d2f9ff; } .btn-warning { color: #ffffff; background-color: #f9cf48; border-color: #f9cf48; } .btn-warning:hover, .btn-warning.active { color: #ffffff; background-color: #edbe00; border-color: #edbe00; } .btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #f9cf48; border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-warning.disabled, .btn-warning:disabled { color: #f9cf48; background-color: #fef6d9; border-color: #fef6d9; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #ffffff; background-color: #edbe00; border-color: #edbe00; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-outline-warning { color: #f9cf48; background-color: transparent; border-color: #f9cf48; } .btn-outline-warning:hover, .btn-outline-warning.active { color: #ffffff; background-color: #f9cf48; border-color: #edbe00; } .btn-outline-warning:focus, .btn-outline-warning.focus { color: #f9cf48; background-color: transparent; border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f9cf48; background-color: transparent; border-color: #fef6d9; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #f9cf48; background-color: #f9cf48; border-color: #edbe00; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-white-warning { color: #f9cf48; background-color: #ffffff; border-color: #ffffff; } .btn-white-warning:hover, .btn-white-warning.active { color: #ffffff; background-color: #f9cf48; border-color: #f9cf48; } .btn-white-warning:focus, .btn-white-warning.focus { color: #f9cf48; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-warning.disabled, .btn-white-warning:disabled { color: #f9cf48; background-color: #ffffff; border-color: #ffffff; } .btn-white-warning:not(:disabled):not(.disabled):active, .btn-white-warning:not(:disabled):not(.disabled).active, .show > .btn-white-warning.dropdown-toggle { color: #f9cf48; background-color: #ffffff; border-color: #ffffff; } .btn-white-warning:not(:disabled):not(.disabled):active:focus, .btn-white-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-white-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-grey-warning { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-warning:hover, .btn-grey-warning.active { color: #ffffff; background-color: #f9cf48; border-color: #f9cf48; } .btn-grey-warning:focus, .btn-grey-warning.focus { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-warning.disabled, .btn-grey-warning:disabled { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-warning:not(:disabled):not(.disabled):active, .btn-grey-warning:not(:disabled):not(.disabled).active, .show > .btn-grey-warning.dropdown-toggle { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-warning:not(:disabled):not(.disabled):active:focus, .btn-grey-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-outline-text-bold-warning { color: #f9cf48; background-color: transparent; border-color: #f9cf48; } .btn-outline-text-bold-warning:hover, .btn-outline-text-bold-warning.active { color: #edbe00; border-color: #f9cf48; font-weight: 700; } .btn-outline-text-bold-warning:focus, .btn-outline-text-bold-warning.focus { color: #edbe00; border-color: #edbe00; font-weight: 700; box-shadow: 0 0 0 0.2rem #fef6d9; } .btn-outline-text-bold-warning.disabled, .btn-outline-text-bold-warning:disabled { color: #f9cf48; border-color: #f9cf48; font-weight: 400; } .btn-outline-text-bold-warning:not(:disabled):not(.disabled):active, .btn-outline-text-bold-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-warning.dropdown-toggle { color: #edbe00; border-color: #edbe00; font-weight: 700; } .btn-outline-text-bold-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fef6d9; } .btn-danger { color: #ffffff; background-color: #f23629; border-color: #f23629; } .btn-danger:hover, .btn-danger.active { color: #ffffff; background-color: #c23329; border-color: #c23329; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #f23629; border-color: #f23629; box-shadow: 0 0 0 0.2rem #f23629; } .btn-danger.disabled, .btn-danger:disabled { color: #f23629; background-color: #ffd4d1; border-color: #ffd4d1; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #ffffff; background-color: #c23329; border-color: #c23329; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-outline-danger { color: #f23629; background-color: transparent; border-color: #f23629; } .btn-outline-danger:hover, .btn-outline-danger.active { color: #ffffff; background-color: #f23629; border-color: #c23329; } .btn-outline-danger:focus, .btn-outline-danger.focus { color: #f23629; background-color: transparent; border-color: #f23629; box-shadow: 0 0 0 0.2rem #f23629; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #f23629; background-color: transparent; border-color: #ffd4d1; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #f23629; background-color: #f23629; border-color: #c23329; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-white-danger { color: #f23629; background-color: #ffffff; border-color: #ffffff; } .btn-white-danger:hover, .btn-white-danger.active { color: #ffffff; background-color: #f23629; border-color: #f23629; } .btn-white-danger:focus, .btn-white-danger.focus { color: #f23629; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-danger.disabled, .btn-white-danger:disabled { color: #f23629; background-color: #ffffff; border-color: #ffffff; } .btn-white-danger:not(:disabled):not(.disabled):active, .btn-white-danger:not(:disabled):not(.disabled).active, .show > .btn-white-danger.dropdown-toggle { color: #f23629; background-color: #ffffff; border-color: #ffffff; } .btn-white-danger:not(:disabled):not(.disabled):active:focus, .btn-white-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-white-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-grey-danger { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-danger:hover, .btn-grey-danger.active { color: #ffffff; background-color: #f23629; border-color: #f23629; } .btn-grey-danger:focus, .btn-grey-danger.focus { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-danger.disabled, .btn-grey-danger:disabled { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-danger:not(:disabled):not(.disabled):active, .btn-grey-danger:not(:disabled):not(.disabled).active, .show > .btn-grey-danger.dropdown-toggle { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-danger:not(:disabled):not(.disabled):active:focus, .btn-grey-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-outline-text-bold-danger { color: #f23629; background-color: transparent; border-color: #f23629; } .btn-outline-text-bold-danger:hover, .btn-outline-text-bold-danger.active { color: #c23329; border-color: #f23629; font-weight: 700; } .btn-outline-text-bold-danger:focus, .btn-outline-text-bold-danger.focus { color: #c23329; border-color: #c23329; font-weight: 700; box-shadow: 0 0 0 0.2rem #ffd4d1; } .btn-outline-text-bold-danger.disabled, .btn-outline-text-bold-danger:disabled { color: #f23629; border-color: #f23629; font-weight: 400; } .btn-outline-text-bold-danger:not(:disabled):not(.disabled):active, .btn-outline-text-bold-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-danger.dropdown-toggle { color: #c23329; border-color: #c23329; font-weight: 700; } .btn-outline-text-bold-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffd4d1; } .btn-alert { color: #ffffff; background-color: #f57b1d; border-color: #f57b1d; } .btn-alert:hover, .btn-alert.active { color: #ffffff; background-color: #d35f07; border-color: #d35f07; } .btn-alert:focus, .btn-alert.focus { color: #ffffff; background-color: #f57b1d; border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-alert.disabled, .btn-alert:disabled { color: #f57b1d; background-color: #fad6ba; border-color: #fad6ba; } .btn-alert:not(:disabled):not(.disabled):active, .btn-alert:not(:disabled):not(.disabled).active, .show > .btn-alert.dropdown-toggle { color: #ffffff; background-color: #d35f07; border-color: #d35f07; } .btn-alert:not(:disabled):not(.disabled):active:focus, .btn-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-outline-alert { color: #f57b1d; background-color: transparent; border-color: #f57b1d; } .btn-outline-alert:hover, .btn-outline-alert.active { color: #ffffff; background-color: #f57b1d; border-color: #d35f07; } .btn-outline-alert:focus, .btn-outline-alert.focus { color: #f57b1d; background-color: transparent; border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-outline-alert.disabled, .btn-outline-alert:disabled { color: #f57b1d; background-color: transparent; border-color: #fad6ba; } .btn-outline-alert:not(:disabled):not(.disabled):active, .btn-outline-alert:not(:disabled):not(.disabled).active, .show > .btn-outline-alert.dropdown-toggle { color: #f57b1d; background-color: #f57b1d; border-color: #d35f07; } .btn-outline-alert:not(:disabled):not(.disabled):active:focus, .btn-outline-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-white-alert { color: #f57b1d; background-color: #ffffff; border-color: #ffffff; } .btn-white-alert:hover, .btn-white-alert.active { color: #ffffff; background-color: #f57b1d; border-color: #f57b1d; } .btn-white-alert:focus, .btn-white-alert.focus { color: #f57b1d; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-alert.disabled, .btn-white-alert:disabled { color: #f57b1d; background-color: #ffffff; border-color: #ffffff; } .btn-white-alert:not(:disabled):not(.disabled):active, .btn-white-alert:not(:disabled):not(.disabled).active, .show > .btn-white-alert.dropdown-toggle { color: #f57b1d; background-color: #ffffff; border-color: #ffffff; } .btn-white-alert:not(:disabled):not(.disabled):active:focus, .btn-white-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-white-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-grey-alert { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-alert:hover, .btn-grey-alert.active { color: #ffffff; background-color: #f57b1d; border-color: #f57b1d; } .btn-grey-alert:focus, .btn-grey-alert.focus { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-alert.disabled, .btn-grey-alert:disabled { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-alert:not(:disabled):not(.disabled):active, .btn-grey-alert:not(:disabled):not(.disabled).active, .show > .btn-grey-alert.dropdown-toggle { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-alert:not(:disabled):not(.disabled):active:focus, .btn-grey-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-outline-text-bold-alert { color: #f57b1d; background-color: transparent; border-color: #f57b1d; } .btn-outline-text-bold-alert:hover, .btn-outline-text-bold-alert.active { color: #d35f07; border-color: #f57b1d; font-weight: 700; } .btn-outline-text-bold-alert:focus, .btn-outline-text-bold-alert.focus { color: #d35f07; border-color: #d35f07; font-weight: 700; box-shadow: 0 0 0 0.2rem #fad6ba; } .btn-outline-text-bold-alert.disabled, .btn-outline-text-bold-alert:disabled { color: #f57b1d; border-color: #f57b1d; font-weight: 400; } .btn-outline-text-bold-alert:not(:disabled):not(.disabled):active, .btn-outline-text-bold-alert:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-alert.dropdown-toggle { color: #d35f07; border-color: #d35f07; font-weight: 700; } .btn-outline-text-bold-alert:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fad6ba; } .btn-theme { color: #ffffff; background-color: #356287; border-color: #356287; } .btn-theme:hover, .btn-theme.active { color: #ffffff; background-color: #2C5171; border-color: #2C5171; } .btn-theme:focus, .btn-theme.focus { color: #ffffff; background-color: #356287; border-color: #356287; box-shadow: 0 0 0 0.2rem #356287; } .btn-theme.disabled, .btn-theme:disabled { color: #356287; background-color: #4682b4; border-color: #4682b4; } .btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled).active, .show > .btn-theme.dropdown-toggle { color: #ffffff; background-color: #2C5171; border-color: #2C5171; } .btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-outline-theme { color: #356287; background-color: transparent; border-color: #356287; } .btn-outline-theme:hover, .btn-outline-theme.active { color: #ffffff; background-color: #356287; border-color: #2C5171; } .btn-outline-theme:focus, .btn-outline-theme.focus { color: #356287; background-color: transparent; border-color: #356287; box-shadow: 0 0 0 0.2rem #356287; } .btn-outline-theme.disabled, .btn-outline-theme:disabled { color: #356287; background-color: transparent; border-color: #4682b4; } .btn-outline-theme:not(:disabled):not(.disabled):active, .btn-outline-theme:not(:disabled):not(.disabled).active, .show > .btn-outline-theme.dropdown-toggle { color: #356287; background-color: #356287; border-color: #2C5171; } .btn-outline-theme:not(:disabled):not(.disabled):active:focus, .btn-outline-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-white-theme { color: #356287; background-color: #ffffff; border-color: #ffffff; } .btn-white-theme:hover, .btn-white-theme.active { color: #ffffff; background-color: #356287; border-color: #356287; } .btn-white-theme:focus, .btn-white-theme.focus { color: #356287; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-theme.disabled, .btn-white-theme:disabled { color: #356287; background-color: #ffffff; border-color: #ffffff; } .btn-white-theme:not(:disabled):not(.disabled):active, .btn-white-theme:not(:disabled):not(.disabled).active, .show > .btn-white-theme.dropdown-toggle { color: #356287; background-color: #ffffff; border-color: #ffffff; } .btn-white-theme:not(:disabled):not(.disabled):active:focus, .btn-white-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-white-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-grey-theme { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-theme:hover, .btn-grey-theme.active { color: #ffffff; background-color: #356287; border-color: #356287; } .btn-grey-theme:focus, .btn-grey-theme.focus { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-theme.disabled, .btn-grey-theme:disabled { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-theme:not(:disabled):not(.disabled):active, .btn-grey-theme:not(:disabled):not(.disabled).active, .show > .btn-grey-theme.dropdown-toggle { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-theme:not(:disabled):not(.disabled):active:focus, .btn-grey-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-outline-text-bold-theme { color: #356287; background-color: transparent; border-color: #356287; } .btn-outline-text-bold-theme:hover, .btn-outline-text-bold-theme.active { color: #2C5171; border-color: #356287; font-weight: 700; } .btn-outline-text-bold-theme:focus, .btn-outline-text-bold-theme.focus { color: #2C5171; border-color: #2C5171; font-weight: 700; box-shadow: 0 0 0 0.2rem #4682b4; } .btn-outline-text-bold-theme.disabled, .btn-outline-text-bold-theme:disabled { color: #356287; border-color: #356287; font-weight: 400; } .btn-outline-text-bold-theme:not(:disabled):not(.disabled):active, .btn-outline-text-bold-theme:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-theme.dropdown-toggle { color: #2C5171; border-color: #2C5171; font-weight: 700; } .btn-outline-text-bold-theme:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4682b4; } .btn-white { color: #2C5171; background-color: #ffffff; border-color: #ffffff; } .btn-white:hover, .btn-white.active { color: #2C5171; background-color: #EEEEEE; border-color: #EEEEEE; } .btn-white:focus, .btn-white.focus { color: #2C5171; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white.disabled, .btn-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #2C5171; background-color: #EEEEEE; border-color: #EEEEEE; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-outline-white { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-outline-white:hover, .btn-outline-white.active { color: #2C5171; background-color: #ffffff; border-color: #EEEEEE; } .btn-outline-white:focus, .btn-outline-white.focus { color: #ffffff; background-color: transparent; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #ffffff; background-color: transparent; border-color: #F5F5F5; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #ffffff; background-color: #ffffff; border-color: #EEEEEE; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-white { color: #ffffff; background-color: #ffffff; border-color: #ffffff; } .btn-white-white:hover, .btn-white-white.active { color: #ffffff; background-color: #ffffff; border-color: #ffffff; } .btn-white-white:focus, .btn-white-white.focus { color: #ffffff; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-white.disabled, .btn-white-white:disabled { color: #ffffff; background-color: #ffffff; border-color: #ffffff; } .btn-white-white:not(:disabled):not(.disabled):active, .btn-white-white:not(:disabled):not(.disabled).active, .show > .btn-white-white.dropdown-toggle { color: #ffffff; background-color: #ffffff; border-color: #ffffff; } .btn-white-white:not(:disabled):not(.disabled):active:focus, .btn-white-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-grey-white { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-white:hover, .btn-grey-white.active { color: #ffffff; background-color: #ffffff; border-color: #ffffff; } .btn-grey-white:focus, .btn-grey-white.focus { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-white.disabled, .btn-grey-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-white:not(:disabled):not(.disabled):active, .btn-grey-white:not(:disabled):not(.disabled).active, .show > .btn-grey-white.dropdown-toggle { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-white:not(:disabled):not(.disabled):active:focus, .btn-grey-white:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-outline-text-bold-white { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-outline-text-bold-white:hover, .btn-outline-text-bold-white.active { color: #EEEEEE; border-color: #ffffff; font-weight: 700; } .btn-outline-text-bold-white:focus, .btn-outline-text-bold-white.focus { color: #EEEEEE; border-color: #EEEEEE; font-weight: 700; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-outline-text-bold-white.disabled, .btn-outline-text-bold-white:disabled { color: #ffffff; border-color: #ffffff; font-weight: 400; } .btn-outline-text-bold-white:not(:disabled):not(.disabled):active, .btn-outline-text-bold-white:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-white.dropdown-toggle { color: #EEEEEE; border-color: #EEEEEE; font-weight: 700; } .btn-outline-text-bold-white:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-purple { color: #ffffff; background-color: #6A1B9A; border-color: #6A1B9A; } .btn-purple:hover, .btn-purple.active { color: #ffffff; background-color: #4A148C; border-color: #4A148C; } .btn-purple:focus, .btn-purple.focus { color: #ffffff; background-color: #6A1B9A; border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-purple.disabled, .btn-purple:disabled { color: #6A1B9A; background-color: #f5ebfc; border-color: #f5ebfc; } .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { color: #ffffff; background-color: #4A148C; border-color: #4A148C; } .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-outline-purple { color: #6A1B9A; background-color: transparent; border-color: #6A1B9A; } .btn-outline-purple:hover, .btn-outline-purple.active { color: #ffffff; background-color: #6A1B9A; border-color: #4A148C; } .btn-outline-purple:focus, .btn-outline-purple.focus { color: #6A1B9A; background-color: transparent; border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-outline-purple.disabled, .btn-outline-purple:disabled { color: #6A1B9A; background-color: transparent; border-color: #f5ebfc; } .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle { color: #6A1B9A; background-color: #6A1B9A; border-color: #4A148C; } .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-white-purple { color: #6A1B9A; background-color: #ffffff; border-color: #ffffff; } .btn-white-purple:hover, .btn-white-purple.active { color: #ffffff; background-color: #6A1B9A; border-color: #6A1B9A; } .btn-white-purple:focus, .btn-white-purple.focus { color: #6A1B9A; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-white-purple.disabled, .btn-white-purple:disabled { color: #6A1B9A; background-color: #ffffff; border-color: #ffffff; } .btn-white-purple:not(:disabled):not(.disabled):active, .btn-white-purple:not(:disabled):not(.disabled).active, .show > .btn-white-purple.dropdown-toggle { color: #6A1B9A; background-color: #ffffff; border-color: #ffffff; } .btn-white-purple:not(:disabled):not(.disabled):active:focus, .btn-white-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-white-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-grey-purple { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-purple:hover, .btn-grey-purple.active { color: #ffffff; background-color: #6A1B9A; border-color: #6A1B9A; } .btn-grey-purple:focus, .btn-grey-purple.focus { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; box-shadow: 0 0 0 0.2rem #F5F5F5; } .btn-grey-purple.disabled, .btn-grey-purple:disabled { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-purple:not(:disabled):not(.disabled):active, .btn-grey-purple:not(:disabled):not(.disabled).active, .show > .btn-grey-purple.dropdown-toggle { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-purple:not(:disabled):not(.disabled):active:focus, .btn-grey-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-outline-text-bold-purple { color: #6A1B9A; background-color: transparent; border-color: #6A1B9A; } .btn-outline-text-bold-purple:hover, .btn-outline-text-bold-purple.active { color: #4A148C; border-color: #6A1B9A; font-weight: 700; } .btn-outline-text-bold-purple:focus, .btn-outline-text-bold-purple.focus { color: #4A148C; border-color: #4A148C; font-weight: 700; box-shadow: 0 0 0 0.2rem #f5ebfc; } .btn-outline-text-bold-purple.disabled, .btn-outline-text-bold-purple:disabled { color: #6A1B9A; border-color: #6A1B9A; font-weight: 400; } .btn-outline-text-bold-purple:not(:disabled):not(.disabled):active, .btn-outline-text-bold-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-text-bold-purple.dropdown-toggle { color: #4A148C; border-color: #4A148C; font-weight: 700; } .btn-outline-text-bold-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-text-bold-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-text-bold-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f5ebfc; } .btn-primary-lighten { color: #14619c; background-color: #e0f1ff; border-color: #e0f1ff; } .btn-primary-lighten:hover { color: #e0f1ff; background-color: #2196f3; border-color: #2196f3; } .btn-primary-lighten:focus, .btn-primary-lighten.focus { color: #e0f1ff; background-color: #2196f3; border-color: #2196f3; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-primary-lighten.disabled, .btn-primary-lighten:disabled { color: #2196f3; background-color: #e0f1ff; border-color: #e0f1ff; } .btn-primary-lighten:not(:disabled):not(.disabled):active, .btn-primary-lighten:not(:disabled):not(.disabled).active, .show > .btn-primary-lighten.dropdown-toggle { color: #e0f1ff; background-color: #2196f3; border-color: #2196f3; } .btn-primary-lighten:not(:disabled):not(.disabled):active:focus, .btn-primary-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e0f1ff; } .btn-outline-primary-lighten { color: #2196f3; background-color: transparent; border-color: #e0f1ff; } .btn-outline-primary-lighten:hover, .btn-outline-primary-lighten.active { color: #2196f3; background-color: #e0f1ff; border-color: #2196f3; } .btn-outline-primary-lighten:focus, .btn-outline-primary-lighten.focus { color: #2196f3; background-color: transparent; border-color: #2196f3; box-shadow: 0 0 0 0.2rem #e0f1ff; } .btn-outline-primary-lighten.disabled, .btn-outline-primary-lighten:disabled { color: #e0f1ff; background-color: transparent; border-color: #e0f1ff; } .btn-outline-primary-lighten:not(:disabled):not(.disabled):active, .btn-outline-primary-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-lighten.dropdown-toggle { color: #2196f3; background-color: #e0f1ff; border-color: #2196f3; } .btn-outline-primary-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e0f1ff; } .btn-secondary-lighten { color: #4b5257; background-color: #e1e1e1; border-color: #e1e1e1; } .btn-secondary-lighten:hover { color: #e1e1e1; background-color: #6c757d; border-color: #6c757d; } .btn-secondary-lighten:focus, .btn-secondary-lighten.focus { color: #e1e1e1; background-color: #6c757d; border-color: #6c757d; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-secondary-lighten.disabled, .btn-secondary-lighten:disabled { color: #6c757d; background-color: #e1e1e1; border-color: #e1e1e1; } .btn-secondary-lighten:not(:disabled):not(.disabled):active, .btn-secondary-lighten:not(:disabled):not(.disabled).active, .show > .btn-secondary-lighten.dropdown-toggle { color: #e1e1e1; background-color: #6c757d; border-color: #6c757d; } .btn-secondary-lighten:not(:disabled):not(.disabled):active:focus, .btn-secondary-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e1e1e1; } .btn-outline-secondary-lighten { color: #6c757d; background-color: transparent; border-color: #e1e1e1; } .btn-outline-secondary-lighten:hover, .btn-outline-secondary-lighten.active { color: #6c757d; background-color: #e1e1e1; border-color: #6c757d; } .btn-outline-secondary-lighten:focus, .btn-outline-secondary-lighten.focus { color: #6c757d; background-color: transparent; border-color: #6c757d; box-shadow: 0 0 0 0.2rem #e1e1e1; } .btn-outline-secondary-lighten.disabled, .btn-outline-secondary-lighten:disabled { color: #e1e1e1; background-color: transparent; border-color: #e1e1e1; } .btn-outline-secondary-lighten:not(:disabled):not(.disabled):active, .btn-outline-secondary-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary-lighten.dropdown-toggle { color: #6c757d; background-color: #e1e1e1; border-color: #6c757d; } .btn-outline-secondary-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e1e1e1; } .btn-success-lighten { color: #079107; background-color: #e8fac7; border-color: #e8fac7; } .btn-success-lighten:hover { color: #e8fac7; background-color: #20ad20; border-color: #20ad20; } .btn-success-lighten:focus, .btn-success-lighten.focus { color: #e8fac7; background-color: #20ad20; border-color: #20ad20; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-success-lighten.disabled, .btn-success-lighten:disabled { color: #20ad20; background-color: #e8fac7; border-color: #e8fac7; } .btn-success-lighten:not(:disabled):not(.disabled):active, .btn-success-lighten:not(:disabled):not(.disabled).active, .show > .btn-success-lighten.dropdown-toggle { color: #e8fac7; background-color: #20ad20; border-color: #20ad20; } .btn-success-lighten:not(:disabled):not(.disabled):active:focus, .btn-success-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-success-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e8fac7; } .btn-outline-success-lighten { color: #20ad20; background-color: transparent; border-color: #e8fac7; } .btn-outline-success-lighten:hover, .btn-outline-success-lighten.active { color: #20ad20; background-color: #e8fac7; border-color: #20ad20; } .btn-outline-success-lighten:focus, .btn-outline-success-lighten.focus { color: #20ad20; background-color: transparent; border-color: #20ad20; box-shadow: 0 0 0 0.2rem #e8fac7; } .btn-outline-success-lighten.disabled, .btn-outline-success-lighten:disabled { color: #e8fac7; background-color: transparent; border-color: #e8fac7; } .btn-outline-success-lighten:not(:disabled):not(.disabled):active, .btn-outline-success-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-success-lighten.dropdown-toggle { color: #20ad20; background-color: #e8fac7; border-color: #20ad20; } .btn-outline-success-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-success-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #e8fac7; } .btn-info-lighten { color: #25a2b3; background-color: #d2f9ff; border-color: #d2f9ff; } .btn-info-lighten:hover { color: #d2f9ff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-info-lighten:focus, .btn-info-lighten.focus { color: #d2f9ff; background-color: #4dd0e1; border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-info-lighten.disabled, .btn-info-lighten:disabled { color: #4dd0e1; background-color: #d2f9ff; border-color: #d2f9ff; } .btn-info-lighten:not(:disabled):not(.disabled):active, .btn-info-lighten:not(:disabled):not(.disabled).active, .show > .btn-info-lighten.dropdown-toggle { color: #d2f9ff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-info-lighten:not(:disabled):not(.disabled):active:focus, .btn-info-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-info-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #d2f9ff; } .btn-outline-info-lighten { color: #4dd0e1; background-color: transparent; border-color: #d2f9ff; } .btn-outline-info-lighten:hover, .btn-outline-info-lighten.active { color: #4dd0e1; background-color: #d2f9ff; border-color: #4dd0e1; } .btn-outline-info-lighten:focus, .btn-outline-info-lighten.focus { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #d2f9ff; } .btn-outline-info-lighten.disabled, .btn-outline-info-lighten:disabled { color: #d2f9ff; background-color: transparent; border-color: #d2f9ff; } .btn-outline-info-lighten:not(:disabled):not(.disabled):active, .btn-outline-info-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-info-lighten.dropdown-toggle { color: #4dd0e1; background-color: #d2f9ff; border-color: #4dd0e1; } .btn-outline-info-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-info-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #d2f9ff; } .btn-warning-lighten { color: #edbe00; background-color: #fef6d9; border-color: #fef6d9; } .btn-warning-lighten:hover { color: #fef6d9; background-color: #f9cf48; border-color: #f9cf48; } .btn-warning-lighten:focus, .btn-warning-lighten.focus { color: #fef6d9; background-color: #f9cf48; border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-warning-lighten.disabled, .btn-warning-lighten:disabled { color: #f9cf48; background-color: #fef6d9; border-color: #fef6d9; } .btn-warning-lighten:not(:disabled):not(.disabled):active, .btn-warning-lighten:not(:disabled):not(.disabled).active, .show > .btn-warning-lighten.dropdown-toggle { color: #fef6d9; background-color: #f9cf48; border-color: #f9cf48; } .btn-warning-lighten:not(:disabled):not(.disabled):active:focus, .btn-warning-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-warning-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fef6d9; } .btn-outline-warning-lighten { color: #f9cf48; background-color: transparent; border-color: #fef6d9; } .btn-outline-warning-lighten:hover, .btn-outline-warning-lighten.active { color: #f9cf48; background-color: #fef6d9; border-color: #f9cf48; } .btn-outline-warning-lighten:focus, .btn-outline-warning-lighten.focus { color: #f9cf48; background-color: transparent; border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #fef6d9; } .btn-outline-warning-lighten.disabled, .btn-outline-warning-lighten:disabled { color: #fef6d9; background-color: transparent; border-color: #fef6d9; } .btn-outline-warning-lighten:not(:disabled):not(.disabled):active, .btn-outline-warning-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-warning-lighten.dropdown-toggle { color: #f9cf48; background-color: #fef6d9; border-color: #f9cf48; } .btn-outline-warning-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-warning-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fef6d9; } .btn-danger-lighten { color: #c23329; background-color: #ffd4d1; border-color: #ffd4d1; } .btn-danger-lighten:hover { color: #ffd4d1; background-color: #f23629; border-color: #f23629; } .btn-danger-lighten:focus, .btn-danger-lighten.focus { color: #ffd4d1; background-color: #f23629; border-color: #f23629; box-shadow: 0 0 0 0.2rem #f23629; } .btn-danger-lighten.disabled, .btn-danger-lighten:disabled { color: #f23629; background-color: #ffd4d1; border-color: #ffd4d1; } .btn-danger-lighten:not(:disabled):not(.disabled):active, .btn-danger-lighten:not(:disabled):not(.disabled).active, .show > .btn-danger-lighten.dropdown-toggle { color: #ffd4d1; background-color: #f23629; border-color: #f23629; } .btn-danger-lighten:not(:disabled):not(.disabled):active:focus, .btn-danger-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-danger-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffd4d1; } .btn-outline-danger-lighten { color: #f23629; background-color: transparent; border-color: #ffd4d1; } .btn-outline-danger-lighten:hover, .btn-outline-danger-lighten.active { color: #f23629; background-color: #ffd4d1; border-color: #f23629; } .btn-outline-danger-lighten:focus, .btn-outline-danger-lighten.focus { color: #f23629; background-color: transparent; border-color: #f23629; box-shadow: 0 0 0 0.2rem #ffd4d1; } .btn-outline-danger-lighten.disabled, .btn-outline-danger-lighten:disabled { color: #ffd4d1; background-color: transparent; border-color: #ffd4d1; } .btn-outline-danger-lighten:not(:disabled):not(.disabled):active, .btn-outline-danger-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-danger-lighten.dropdown-toggle { color: #f23629; background-color: #ffd4d1; border-color: #f23629; } .btn-outline-danger-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-danger-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffd4d1; } .btn-alert-lighten { color: #d35f07; background-color: #fad6ba; border-color: #fad6ba; } .btn-alert-lighten:hover { color: #fad6ba; background-color: #f57b1d; border-color: #f57b1d; } .btn-alert-lighten:focus, .btn-alert-lighten.focus { color: #fad6ba; background-color: #f57b1d; border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-alert-lighten.disabled, .btn-alert-lighten:disabled { color: #f57b1d; background-color: #fad6ba; border-color: #fad6ba; } .btn-alert-lighten:not(:disabled):not(.disabled):active, .btn-alert-lighten:not(:disabled):not(.disabled).active, .show > .btn-alert-lighten.dropdown-toggle { color: #fad6ba; background-color: #f57b1d; border-color: #f57b1d; } .btn-alert-lighten:not(:disabled):not(.disabled):active:focus, .btn-alert-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-alert-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fad6ba; } .btn-outline-alert-lighten { color: #f57b1d; background-color: transparent; border-color: #fad6ba; } .btn-outline-alert-lighten:hover, .btn-outline-alert-lighten.active { color: #f57b1d; background-color: #fad6ba; border-color: #f57b1d; } .btn-outline-alert-lighten:focus, .btn-outline-alert-lighten.focus { color: #f57b1d; background-color: transparent; border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #fad6ba; } .btn-outline-alert-lighten.disabled, .btn-outline-alert-lighten:disabled { color: #fad6ba; background-color: transparent; border-color: #fad6ba; } .btn-outline-alert-lighten:not(:disabled):not(.disabled):active, .btn-outline-alert-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-alert-lighten.dropdown-toggle { color: #f57b1d; background-color: #fad6ba; border-color: #f57b1d; } .btn-outline-alert-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-alert-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alert-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #fad6ba; } .btn-purple-lighten { color: #4A148C; background-color: #f5ebfc; border-color: #f5ebfc; } .btn-purple-lighten:hover { color: #f5ebfc; background-color: #6A1B9A; border-color: #6A1B9A; } .btn-purple-lighten:focus, .btn-purple-lighten.focus { color: #f5ebfc; background-color: #6A1B9A; border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-purple-lighten.disabled, .btn-purple-lighten:disabled { color: #6A1B9A; background-color: #f5ebfc; border-color: #f5ebfc; } .btn-purple-lighten:not(:disabled):not(.disabled):active, .btn-purple-lighten:not(:disabled):not(.disabled).active, .show > .btn-purple-lighten.dropdown-toggle { color: #f5ebfc; background-color: #6A1B9A; border-color: #6A1B9A; } .btn-purple-lighten:not(:disabled):not(.disabled):active:focus, .btn-purple-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-purple-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f5ebfc; } .btn-outline-purple-lighten { color: #6A1B9A; background-color: transparent; border-color: #f5ebfc; } .btn-outline-purple-lighten:hover, .btn-outline-purple-lighten.active { color: #6A1B9A; background-color: #f5ebfc; border-color: #6A1B9A; } .btn-outline-purple-lighten:focus, .btn-outline-purple-lighten.focus { color: #6A1B9A; background-color: transparent; border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #f5ebfc; } .btn-outline-purple-lighten.disabled, .btn-outline-purple-lighten:disabled { color: #f5ebfc; background-color: transparent; border-color: #f5ebfc; } .btn-outline-purple-lighten:not(:disabled):not(.disabled):active, .btn-outline-purple-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-purple-lighten.dropdown-toggle { color: #6A1B9A; background-color: #f5ebfc; border-color: #6A1B9A; } .btn-outline-purple-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-purple-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f5ebfc; } .btn-theme-lighten { color: #23415A; background-color: #D1E0EC; border-color: #D1E0EC; } .btn-theme-lighten:hover { color: #D1E0EC; background-color: #3D729E; border-color: #3D729E; } .btn-theme-lighten:focus, .btn-theme-lighten.focus { color: #D1E0EC; background-color: #3D729E; border-color: #3D729E; box-shadow: 0 0 0 0.2rem #3D729E; } .btn-theme-lighten.disabled, .btn-theme-lighten:disabled { color: #3D729E; background-color: #D1E0EC; border-color: #D1E0EC; } .btn-theme-lighten:not(:disabled):not(.disabled):active, .btn-theme-lighten:not(:disabled):not(.disabled).active, .show > .btn-theme-lighten.dropdown-toggle { color: #D1E0EC; background-color: #3D729E; border-color: #3D729E; } .btn-theme-lighten:not(:disabled):not(.disabled):active:focus, .btn-theme-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-theme-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #D1E0EC; } .btn-outline-theme-lighten { color: #3D729E; background-color: transparent; border-color: #D1E0EC; } .btn-outline-theme-lighten:hover, .btn-outline-theme-lighten.active { color: #3D729E; background-color: #D1E0EC; border-color: #3D729E; } .btn-outline-theme-lighten:focus, .btn-outline-theme-lighten.focus { color: #3D729E; background-color: transparent; border-color: #3D729E; box-shadow: 0 0 0 0.2rem #D1E0EC; } .btn-outline-theme-lighten.disabled, .btn-outline-theme-lighten:disabled { color: #D1E0EC; background-color: transparent; border-color: #D1E0EC; } .btn-outline-theme-lighten:not(:disabled):not(.disabled):active, .btn-outline-theme-lighten:not(:disabled):not(.disabled).active, .show > .btn-outline-theme-lighten.dropdown-toggle { color: #3D729E; background-color: #D1E0EC; border-color: #3D729E; } .btn-outline-theme-lighten:not(:disabled):not(.disabled):active:focus, .btn-outline-theme-lighten:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-theme-lighten.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #D1E0EC; } .badge { display: inline-block; padding: 0.4em 0.6em; font-size: 75%; font-weight: 400 !important; line-height: 0.9; border-radius: 0.25rem; /* border-radius: 1rem; */ margin-left: 5px; margin-right: 5px; } a.badge:hover, a.badge:focus { cursor: pointer; text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-theme { color: #ffffff; background-color: #4682b4; } a.badge-theme:hover, a.badge-theme:focus { color: #ffffff; background-color: #4682b4; } a.badge-theme:focus, a.badge-theme.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten-5 { color: #ffffff; background-color: #E8EFF6; } a.badge-theme-lighten-5:hover, a.badge-theme-lighten-5:focus { color: #ffffff; background-color: #E8EFF6; } a.badge-theme-lighten-5:focus, a.badge-theme-lighten-5.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten-4 { color: #ffffff; background-color: #D1E0EC; } a.badge-theme-lighten-4:hover, a.badge-theme-lighten-4:focus { color: #ffffff; background-color: #D1E0EC; } a.badge-theme-lighten-4:focus, a.badge-theme-lighten-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten-3 { color: #ffffff; background-color: #BAD0E3; } a.badge-theme-lighten-3:hover, a.badge-theme-lighten-3:focus { color: #ffffff; background-color: #BAD0E3; } a.badge-theme-lighten-3:focus, a.badge-theme-lighten-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten-2 { color: #ffffff; background-color: #A3C1DA; } a.badge-theme-lighten-2:hover, a.badge-theme-lighten-2:focus { color: #ffffff; background-color: #A3C1DA; } a.badge-theme-lighten-2:focus, a.badge-theme-lighten-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten-1 { color: #ffffff; background-color: #74A1C7; } a.badge-theme-lighten-1:hover, a.badge-theme-lighten-1:focus { color: #ffffff; background-color: #74A1C7; } a.badge-theme-lighten-1:focus, a.badge-theme-lighten-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-darken-1 { color: #ffffff; background-color: #3D729E; } a.badge-theme-darken-1:hover, a.badge-theme-darken-1:focus { color: #ffffff; background-color: #3D729E; } a.badge-theme-darken-1:focus, a.badge-theme-darken-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-darken-2 { color: #ffffff; background-color: #356287; } a.badge-theme-darken-2:hover, a.badge-theme-darken-2:focus { color: #ffffff; background-color: #356287; } a.badge-theme-darken-2:focus, a.badge-theme-darken-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-darken-3 { color: #ffffff; background-color: #2C5171; } a.badge-theme-darken-3:hover, a.badge-theme-darken-3:focus { color: #ffffff; background-color: #2C5171; } a.badge-theme-darken-3:focus, a.badge-theme-darken-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-darken-4 { color: #ffffff; background-color: #23415A; } a.badge-theme-darken-4:hover, a.badge-theme-darken-4:focus { color: #ffffff; background-color: #23415A; } a.badge-theme-darken-4:focus, a.badge-theme-darken-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-accent-1 { color: #ffffff; background-color: #7ba7cc; } a.badge-theme-accent-1:hover, a.badge-theme-accent-1:focus { color: #ffffff; background-color: #7ba7cc; } a.badge-theme-accent-1:focus, a.badge-theme-accent-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-accent-2 { color: #ffffff; background-color: #568ebd; } a.badge-theme-accent-2:hover, a.badge-theme-accent-2:focus { color: #ffffff; background-color: #568ebd; } a.badge-theme-accent-2:focus, a.badge-theme-accent-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-accent-3 { color: #ffffff; background-color: #3f75a2; } a.badge-theme-accent-3:hover, a.badge-theme-accent-3:focus { color: #ffffff; background-color: #3f75a2; } a.badge-theme-accent-3:focus, a.badge-theme-accent-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-accent-4 { color: #ffffff; background-color: #315a7d; } a.badge-theme-accent-4:hover, a.badge-theme-accent-4:focus { color: #ffffff; background-color: #315a7d; } a.badge-theme-accent-4:focus, a.badge-theme-accent-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-primary { color: #ffffff; background-color: #2196f3; } a.badge-primary:hover, a.badge-primary:focus { color: #ffffff !important; background-color: #14619c; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-secondary { color: #ffffff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #ffffff !important; background-color: #4b5257; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-success { color: #ffffff; background-color: #20ad20; } a.badge-success:hover, a.badge-success:focus { color: #ffffff !important; background-color: #079107; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-info { color: #ffffff; background-color: #4dd0e1; } a.badge-info:hover, a.badge-info:focus { color: #ffffff !important; background-color: #25a2b3; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-warning { color: #ffffff; background-color: #f9cf48; } a.badge-warning:hover, a.badge-warning:focus { color: #ffffff !important; background-color: #edbe00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-danger { color: #ffffff; background-color: #f23629; } a.badge-danger:hover, a.badge-danger:focus { color: #ffffff !important; background-color: #c23329; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-alert { color: #ffffff; background-color: #f57b1d; } a.badge-alert:hover, a.badge-alert:focus { color: #ffffff !important; background-color: #d35f07; } a.badge-alert:focus, a.badge-alert.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme { color: #ffffff; background-color: #356287; } a.badge-theme:hover, a.badge-theme:focus { color: #ffffff !important; background-color: #2C5171; } a.badge-theme:focus, a.badge-theme.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-white { color: #ffffff; background-color: #ffffff; } a.badge-white:hover, a.badge-white:focus { color: #2C5171 !important; background-color: #EEEEEE; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-purple { color: #ffffff; background-color: #6A1B9A; } a.badge-purple:hover, a.badge-purple:focus { color: #ffffff !important; background-color: #4A148C; } a.badge-purple:focus, a.badge-purple.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-primary-lighten { color: #14619c; background-color: #e0f1ff; } a.badge-primary-lighten:hover, a.badge-primary-lighten:focus { color: #e0f1ff !important; background-color: #2196f3; } a.badge-primary-lighten:focus, a.badge-primary-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-secondary-lighten { color: #4b5257; background-color: #e1e1e1; } a.badge-secondary-lighten:hover, a.badge-secondary-lighten:focus { color: #e1e1e1 !important; background-color: #6c757d; } a.badge-secondary-lighten:focus, a.badge-secondary-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-success-lighten { color: #079107; background-color: #e8fac7; } a.badge-success-lighten:hover, a.badge-success-lighten:focus { color: #e8fac7 !important; background-color: #20ad20; } a.badge-success-lighten:focus, a.badge-success-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-info-lighten { color: #25a2b3; background-color: #d2f9ff; } a.badge-info-lighten:hover, a.badge-info-lighten:focus { color: #d2f9ff !important; background-color: #4dd0e1; } a.badge-info-lighten:focus, a.badge-info-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-warning-lighten { color: #edbe00; background-color: #fef6d9; } a.badge-warning-lighten:hover, a.badge-warning-lighten:focus { color: #fef6d9 !important; background-color: #f9cf48; } a.badge-warning-lighten:focus, a.badge-warning-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-danger-lighten { color: #c23329; background-color: #ffd4d1; } a.badge-danger-lighten:hover, a.badge-danger-lighten:focus { color: #ffd4d1 !important; background-color: #f23629; } a.badge-danger-lighten:focus, a.badge-danger-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-alert-lighten { color: #d35f07; background-color: #fad6ba; } a.badge-alert-lighten:hover, a.badge-alert-lighten:focus { color: #fad6ba !important; background-color: #f57b1d; } a.badge-alert-lighten:focus, a.badge-alert-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-purple-lighten { color: #4A148C; background-color: #f5ebfc; } a.badge-purple-lighten:hover, a.badge-purple-lighten:focus { color: #f5ebfc !important; background-color: #6A1B9A; } a.badge-purple-lighten:focus, a.badge-purple-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-theme-lighten { color: #23415A; background-color: #D1E0EC; } a.badge-theme-lighten:hover, a.badge-theme-lighten:focus { color: #D1E0EC !important; background-color: #3D729E; } a.badge-theme-lighten:focus, a.badge-theme-lighten.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-white { color: #ffffff; background-color: #ffffff; } a.badge-white:hover, a.badge-white:focus { color: #ffffff; background-color: #ffffff; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-black { color: #ffffff; background-color: #000000; } a.badge-black:hover, a.badge-black:focus { color: #ffffff; background-color: #000000; } a.badge-black:focus, a.badge-black.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey { color: #ffffff; background-color: #9E9E9E; } a.badge-grey:hover, a.badge-grey:focus { color: #ffffff; background-color: #9E9E9E; } a.badge-grey:focus, a.badge-grey.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-lighten-5 { color: #ffffff; background-color: #FAFAFA; } a.badge-grey-lighten-5:hover, a.badge-grey-lighten-5:focus { color: #ffffff; background-color: #FAFAFA; } a.badge-grey-lighten-5:focus, a.badge-grey-lighten-5.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-lighten-4 { color: #ffffff; background-color: #F5F5F5; } a.badge-grey-lighten-4:hover, a.badge-grey-lighten-4:focus { color: #ffffff; background-color: #F5F5F5; } a.badge-grey-lighten-4:focus, a.badge-grey-lighten-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-lighten-3 { color: #ffffff; background-color: #EEEEEE; } a.badge-grey-lighten-3:hover, a.badge-grey-lighten-3:focus { color: #ffffff; background-color: #EEEEEE; } a.badge-grey-lighten-3:focus, a.badge-grey-lighten-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-lighten-2 { color: #ffffff; background-color: #E0E0E0; } a.badge-grey-lighten-2:hover, a.badge-grey-lighten-2:focus { color: #ffffff; background-color: #E0E0E0; } a.badge-grey-lighten-2:focus, a.badge-grey-lighten-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-lighten-1 { color: #ffffff; background-color: #BDBDBD; } a.badge-grey-lighten-1:hover, a.badge-grey-lighten-1:focus { color: #ffffff; background-color: #BDBDBD; } a.badge-grey-lighten-1:focus, a.badge-grey-lighten-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-darken-1 { color: #ffffff; background-color: #757575; } a.badge-grey-darken-1:hover, a.badge-grey-darken-1:focus { color: #ffffff; background-color: #757575; } a.badge-grey-darken-1:focus, a.badge-grey-darken-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-darken-2 { color: #ffffff; background-color: #616161; } a.badge-grey-darken-2:hover, a.badge-grey-darken-2:focus { color: #ffffff; background-color: #616161; } a.badge-grey-darken-2:focus, a.badge-grey-darken-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-darken-3 { color: #ffffff; background-color: #424242; } a.badge-grey-darken-3:hover, a.badge-grey-darken-3:focus { color: #ffffff; background-color: #424242; } a.badge-grey-darken-3:focus, a.badge-grey-darken-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-grey-darken-4 { color: #ffffff; background-color: #212121; } a.badge-grey-darken-4:hover, a.badge-grey-darken-4:focus { color: #ffffff; background-color: #212121; } a.badge-grey-darken-4:focus, a.badge-grey-darken-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey { color: #ffffff; background-color: #607D8B; } a.badge-blue-grey:hover, a.badge-blue-grey:focus { color: #ffffff; background-color: #607D8B; } a.badge-blue-grey:focus, a.badge-blue-grey.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-lighten-5 { color: #ffffff; background-color: #ECEFF1; } a.badge-blue-grey-lighten-5:hover, a.badge-blue-grey-lighten-5:focus { color: #ffffff; background-color: #ECEFF1; } a.badge-blue-grey-lighten-5:focus, a.badge-blue-grey-lighten-5.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-lighten-4 { color: #ffffff; background-color: #CFD8DC; } a.badge-blue-grey-lighten-4:hover, a.badge-blue-grey-lighten-4:focus { color: #ffffff; background-color: #CFD8DC; } a.badge-blue-grey-lighten-4:focus, a.badge-blue-grey-lighten-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-lighten-3 { color: #ffffff; background-color: #B0BEC5; } a.badge-blue-grey-lighten-3:hover, a.badge-blue-grey-lighten-3:focus { color: #ffffff; background-color: #B0BEC5; } a.badge-blue-grey-lighten-3:focus, a.badge-blue-grey-lighten-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-lighten-2 { color: #ffffff; background-color: #90A4AE; } a.badge-blue-grey-lighten-2:hover, a.badge-blue-grey-lighten-2:focus { color: #ffffff; background-color: #90A4AE; } a.badge-blue-grey-lighten-2:focus, a.badge-blue-grey-lighten-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-lighten-1 { color: #ffffff; background-color: #78909C; } a.badge-blue-grey-lighten-1:hover, a.badge-blue-grey-lighten-1:focus { color: #ffffff; background-color: #78909C; } a.badge-blue-grey-lighten-1:focus, a.badge-blue-grey-lighten-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-darken-1 { color: #ffffff; background-color: #546E7A; } a.badge-blue-grey-darken-1:hover, a.badge-blue-grey-darken-1:focus { color: #ffffff; background-color: #546E7A; } a.badge-blue-grey-darken-1:focus, a.badge-blue-grey-darken-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-darken-2 { color: #ffffff; background-color: #455A64; } a.badge-blue-grey-darken-2:hover, a.badge-blue-grey-darken-2:focus { color: #ffffff; background-color: #455A64; } a.badge-blue-grey-darken-2:focus, a.badge-blue-grey-darken-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-darken-3 { color: #ffffff; background-color: #37474F; } a.badge-blue-grey-darken-3:hover, a.badge-blue-grey-darken-3:focus { color: #ffffff; background-color: #37474F; } a.badge-blue-grey-darken-3:focus, a.badge-blue-grey-darken-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .badge-blue-grey-darken-4 { color: #ffffff; background-color: #263238; } a.badge-blue-grey-darken-4:hover, a.badge-blue-grey-darken-4:focus { color: #ffffff; background-color: #263238; } a.badge-blue-grey-darken-4:focus, a.badge-blue-grey-darken-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem #424242; } .card { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #ffffff; } .card .card-header { padding: 10px 10px 10px 10px; min-height: 25px; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card hr { border-top: 1px solid #EEEEEE; } .card .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card .card-body .card-title { margin-bottom: 10px; color: #616161; font-size: 14px; font-weight: 500; } .card .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #9E9E9E; } .card .card-body .text-muted { color: #BDBDBD !important; } .card .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; } .card .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(255, 255, 255, 0.8); } .card .card-img-overlay .card-title { margin-bottom: 10px; color: #616161; font-size: 14px; font-weight: 500; } .card .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #9E9E9E; } .card .card-img-overlay .text-muted { color: #E0E0E0 !important; } .card .card-img { position: absolute; border-radius: 5px; } .card .card-img, .card .card-img-top, .card .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card .card-img-left, .card .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-transparent { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background: transparent; } .card-transparent .card-header { padding: 10px 10px 10px 10px; min-height: 25px; border-radius: 5px 5px 0px 0px; background-color: transparent; font-weight: 500; } .card-transparent hr { border-top: 1px solid #EEEEEE; } .card-transparent .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-transparent .card-body .card-title { margin-bottom: 10px; color: #616161; font-size: 14px; font-weight: 500; } .card-transparent .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #9E9E9E; } .card-transparent .card-body .text-muted { color: #E0E0E0 !important; } .card-transparent .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; } .card-transparent .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); } .card-transparent .card-img-overlay .card-title { margin-bottom: 10px; color: #616161; font-size: 14px; font-weight: 500; } .card-transparent .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #9E9E9E; } .card-transparent .card-img-overlay .text-muted { color: #E0E0E0 !important; } .card-transparent .card-img { position: absolute; border-radius: 5px; } .card-transparent .card-img, .card-transparent .card-img-top, .card-transparent .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-transparent .card-img, .card-transparent .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-transparent .card-img, .card-transparent .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-transparent .card-img-left, .card-transparent .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-transparent .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-transparent .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-primary { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #2196f3; } .card-primary .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #2196f3; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-primary hr { border-top: 1px solid #e0f1ff; } .card-primary .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-primary .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-primary .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-primary .card-body .text-muted { color: #e0f1ff !important; } .card-primary .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-primary .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(33, 150, 243, 0.8); } .card-primary .card-img-overlay .card-header { background-color: transparent; } .card-primary .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-primary .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-primary .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-primary .card-img { position: absolute; border-radius: 5px; } .card-primary .card-img, .card-primary .card-img-top, .card-primary .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-primary .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-primary .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-primary .card-img-left, .card-primary .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-primary .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-primary .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-primary { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #e0f1ff; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-primary .card-body { padding: 0; } .card-set1-primary .card-body .card-img-top { border-left: 1px solid #e0f1ff; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-primary .card-body a:hover { text-decoration: none; } .card-set1-primary .card-body hr { border-top: 1px solid #e0f1ff; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-primary .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #e0f1ff; } .card-set1-primary .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-primary .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-primary .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-primary .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-primary .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-primary .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-primary .card-body .box-card-price { padding: 0.7rem; } .card-set1-primary .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-primary .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-primary .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-primary .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-primary { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #e0f1ff; border-right: 3px solid #e0f1ff; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-primary .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-primary .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-primary .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-primary .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-primary .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-primary .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-primary .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-primary .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-primary .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-primary .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-primary .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-primary .card-body .share-icons a:hover { color: #2196f3; } .card-secondary { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #6c757d; } .card-secondary .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #6c757d; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-secondary hr { border-top: 1px solid #e1e1e1; } .card-secondary .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-secondary .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-secondary .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-secondary .card-body .text-muted { color: #e1e1e1 !important; } .card-secondary .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-secondary .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(108, 117, 125, 0.8); } .card-secondary .card-img-overlay .card-header { background-color: transparent; } .card-secondary .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-secondary .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-secondary .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-secondary .card-img { position: absolute; border-radius: 5px; } .card-secondary .card-img, .card-secondary .card-img-top, .card-secondary .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-secondary .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-secondary .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-secondary .card-img-left, .card-secondary .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-secondary .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-secondary .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-secondary { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #e1e1e1; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-secondary .card-body { padding: 0; } .card-set1-secondary .card-body .card-img-top { border-left: 1px solid #e1e1e1; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-secondary .card-body a:hover { text-decoration: none; } .card-set1-secondary .card-body hr { border-top: 1px solid #e1e1e1; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-secondary .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #e1e1e1; } .card-set1-secondary .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-secondary .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-secondary .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-secondary .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-secondary .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-secondary .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-secondary .card-body .box-card-price { padding: 0.7rem; } .card-set1-secondary .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-secondary .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-secondary .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-secondary .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-secondary { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #e1e1e1; border-right: 3px solid #e1e1e1; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-secondary .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-secondary .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-secondary .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-secondary .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-secondary .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-secondary .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-secondary .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-secondary .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-secondary .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-secondary .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-secondary .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-secondary .card-body .share-icons a:hover { color: #6c757d; } .card-success { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #20ad20; } .card-success .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #20ad20; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-success hr { border-top: 1px solid #e8fac7; } .card-success .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-success .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-success .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-success .card-body .text-muted { color: #e8fac7 !important; } .card-success .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-success .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(32, 173, 32, 0.8); } .card-success .card-img-overlay .card-header { background-color: transparent; } .card-success .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-success .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-success .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-success .card-img { position: absolute; border-radius: 5px; } .card-success .card-img, .card-success .card-img-top, .card-success .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-success .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-success .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-success .card-img-left, .card-success .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-success .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-success .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-success { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #e8fac7; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-success .card-body { padding: 0; } .card-set1-success .card-body .card-img-top { border-left: 1px solid #e8fac7; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-success .card-body a:hover { text-decoration: none; } .card-set1-success .card-body hr { border-top: 1px solid #e8fac7; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-success .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #e8fac7; } .card-set1-success .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-success .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-success .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-success .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-success .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-success .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-success .card-body .box-card-price { padding: 0.7rem; } .card-set1-success .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-success .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-success .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-success .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-success { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #e8fac7; border-right: 3px solid #e8fac7; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-success .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-success .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-success .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-success .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-success .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-success .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-success .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-success .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-success .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-success .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-success .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-success .card-body .share-icons a:hover { color: #20ad20; } .card-info { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #4dd0e1; } .card-info .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #4dd0e1; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-info hr { border-top: 1px solid #d2f9ff; } .card-info .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-info .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-info .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-info .card-body .text-muted { color: #d2f9ff !important; } .card-info .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-info .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(77, 208, 225, 0.8); } .card-info .card-img-overlay .card-header { background-color: transparent; } .card-info .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-info .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-info .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-info .card-img { position: absolute; border-radius: 5px; } .card-info .card-img, .card-info .card-img-top, .card-info .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-info .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-info .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-info .card-img-left, .card-info .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-info .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-info .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-info { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #d2f9ff; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-info .card-body { padding: 0; } .card-set1-info .card-body .card-img-top { border-left: 1px solid #d2f9ff; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-info .card-body a:hover { text-decoration: none; } .card-set1-info .card-body hr { border-top: 1px solid #d2f9ff; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-info .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #d2f9ff; } .card-set1-info .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-info .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-info .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-info .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-info .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-info .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-info .card-body .box-card-price { padding: 0.7rem; } .card-set1-info .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-info .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-info .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-info .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-info { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #d2f9ff; border-right: 3px solid #d2f9ff; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-info .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-info .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-info .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-info .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-info .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-info .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-info .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-info .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-info .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-info .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-info .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-info .card-body .share-icons a:hover { color: #4dd0e1; } .card-warning { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #f9cf48; } .card-warning .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #f9cf48; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-warning hr { border-top: 1px solid #fef6d9; } .card-warning .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-warning .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-warning .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-warning .card-body .text-muted { color: #fef6d9 !important; } .card-warning .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-warning .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(249, 207, 72, 0.8); } .card-warning .card-img-overlay .card-header { background-color: transparent; } .card-warning .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-warning .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-warning .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-warning .card-img { position: absolute; border-radius: 5px; } .card-warning .card-img, .card-warning .card-img-top, .card-warning .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-warning .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-warning .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-warning .card-img-left, .card-warning .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-warning .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-warning .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-warning { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #fef6d9; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-warning .card-body { padding: 0; } .card-set1-warning .card-body .card-img-top { border-left: 1px solid #fef6d9; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-warning .card-body a:hover { text-decoration: none; } .card-set1-warning .card-body hr { border-top: 1px solid #fef6d9; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-warning .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #fef6d9; } .card-set1-warning .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-warning .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-warning .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-warning .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-warning .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-warning .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-warning .card-body .box-card-price { padding: 0.7rem; } .card-set1-warning .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-warning .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-warning .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-warning .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-warning { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #fef6d9; border-right: 3px solid #fef6d9; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-warning .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-warning .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-warning .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-warning .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-warning .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-warning .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-warning .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-warning .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-warning .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-warning .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-warning .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-warning .card-body .share-icons a:hover { color: #f9cf48; } .card-danger { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #f23629; } .card-danger .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #f23629; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-danger hr { border-top: 1px solid #ffd4d1; } .card-danger .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-danger .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-danger .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-danger .card-body .text-muted { color: #ffd4d1 !important; } .card-danger .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-danger .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(242, 54, 41, 0.8); } .card-danger .card-img-overlay .card-header { background-color: transparent; } .card-danger .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-danger .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-danger .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-danger .card-img { position: absolute; border-radius: 5px; } .card-danger .card-img, .card-danger .card-img-top, .card-danger .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-danger .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-danger .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-danger .card-img-left, .card-danger .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-danger .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-danger .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-danger { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #ffd4d1; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-danger .card-body { padding: 0; } .card-set1-danger .card-body .card-img-top { border-left: 1px solid #ffd4d1; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-danger .card-body a:hover { text-decoration: none; } .card-set1-danger .card-body hr { border-top: 1px solid #ffd4d1; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-danger .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #ffd4d1; } .card-set1-danger .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-danger .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-danger .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-danger .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-danger .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-danger .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-danger .card-body .box-card-price { padding: 0.7rem; } .card-set1-danger .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-danger .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-danger .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-danger .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-danger { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #ffd4d1; border-right: 3px solid #ffd4d1; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-danger .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-danger .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-danger .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-danger .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-danger .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-danger .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-danger .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-danger .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-danger .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-danger .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-danger .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-danger .card-body .share-icons a:hover { color: #f23629; } .card-alert { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #f57b1d; } .card-alert .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #f57b1d; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-alert hr { border-top: 1px solid #fad6ba; } .card-alert .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-alert .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-alert .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-alert .card-body .text-muted { color: #fad6ba !important; } .card-alert .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-alert .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(245, 123, 29, 0.8); } .card-alert .card-img-overlay .card-header { background-color: transparent; } .card-alert .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-alert .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-alert .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-alert .card-img { position: absolute; border-radius: 5px; } .card-alert .card-img, .card-alert .card-img-top, .card-alert .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-alert .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-alert .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-alert .card-img-left, .card-alert .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-alert .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-alert .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-alert { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #fad6ba; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-alert .card-body { padding: 0; } .card-set1-alert .card-body .card-img-top { border-left: 1px solid #fad6ba; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-alert .card-body a:hover { text-decoration: none; } .card-set1-alert .card-body hr { border-top: 1px solid #fad6ba; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-alert .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #fad6ba; } .card-set1-alert .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-alert .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-alert .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-alert .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-alert .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-alert .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-alert .card-body .box-card-price { padding: 0.7rem; } .card-set1-alert .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-alert .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-alert .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-alert .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-alert { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #fad6ba; border-right: 3px solid #fad6ba; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-alert .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-alert .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-alert .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-alert .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-alert .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-alert .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-alert .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-alert .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-alert .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-alert .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-alert .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-alert .card-body .share-icons a:hover { color: #f57b1d; } .card-theme { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #356287; } .card-theme .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #356287; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-theme hr { border-top: 1px solid #4682b4; } .card-theme .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-theme .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-theme .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-theme .card-body .text-muted { color: #4682b4 !important; } .card-theme .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-theme .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(53, 98, 135, 0.8); } .card-theme .card-img-overlay .card-header { background-color: transparent; } .card-theme .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-theme .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-theme .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-theme .card-img { position: absolute; border-radius: 5px; } .card-theme .card-img, .card-theme .card-img-top, .card-theme .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-theme .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-theme .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-theme .card-img-left, .card-theme .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-theme .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-theme .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-theme { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #4682b4; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-theme .card-body { padding: 0; } .card-set1-theme .card-body .card-img-top { border-left: 1px solid #4682b4; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-theme .card-body a:hover { text-decoration: none; } .card-set1-theme .card-body hr { border-top: 1px solid #4682b4; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-theme .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #4682b4; } .card-set1-theme .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-theme .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-theme .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-theme .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-theme .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-theme .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-theme .card-body .box-card-price { padding: 0.7rem; } .card-set1-theme .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-theme .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-theme .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-theme .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-theme { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #4682b4; border-right: 3px solid #4682b4; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-theme .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-theme .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-theme .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-theme .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-theme .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-theme .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-theme .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-theme .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-theme .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-theme .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-theme .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-theme .card-body .share-icons a:hover { color: #356287; } .card-white { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #ffffff; } .card-white .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #ffffff; color: #2C5171; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-white hr { border-top: 1px solid #F5F5F5; } .card-white .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-white .card-body .card-title { margin-bottom: 10px; color: #2C5171; font-size: 14px; font-weight: 500; } .card-white .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #2C5171; } .card-white .card-body .text-muted { color: #F5F5F5 !important; } .card-white .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #2C5171; } .card-white .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(255, 255, 255, 0.8); } .card-white .card-img-overlay .card-header { background-color: transparent; } .card-white .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-white .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-white .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-white .card-img { position: absolute; border-radius: 5px; } .card-white .card-img, .card-white .card-img-top, .card-white .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-white .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-white .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-white .card-img-left, .card-white .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-white .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-white .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-white { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #F5F5F5; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-white .card-body { padding: 0; } .card-set1-white .card-body .card-img-top { border-left: 1px solid #F5F5F5; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-white .card-body a:hover { text-decoration: none; } .card-set1-white .card-body hr { border-top: 1px solid #F5F5F5; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-white .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #F5F5F5; } .card-set1-white .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-white .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-white .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-white .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-white .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-white .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-white .card-body .box-card-price { padding: 0.7rem; } .card-set1-white .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-white .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-white .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-white .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-white { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #F5F5F5; border-right: 3px solid #F5F5F5; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-white .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-white .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-white .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-white .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-white .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-white .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-white .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-white .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-white .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-white .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-white .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-white .card-body .share-icons a:hover { color: #ffffff; } .card-purple { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #6A1B9A; } .card-purple .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #6A1B9A; color: #ffffff; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-purple hr { border-top: 1px solid #f5ebfc; } .card-purple .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-purple .card-body .card-title { margin-bottom: 10px; color: #ffffff; font-size: 14px; font-weight: 500; } .card-purple .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #ffffff; } .card-purple .card-body .text-muted { color: #f5ebfc !important; } .card-purple .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #ffffff; } .card-purple .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(106, 27, 154, 0.8); } .card-purple .card-img-overlay .card-header { background-color: transparent; } .card-purple .card-img-overlay .card-title { margin-bottom: 10px; color: #F5F5F5; font-size: 14px; font-weight: 500; } .card-purple .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #F5F5F5; } .card-purple .card-img-overlay .text-muted { color: #EEEEEE !important; } .card-purple .card-img { position: absolute; border-radius: 5px; } .card-purple .card-img, .card-purple .card-img-top, .card-purple .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-purple .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-purple .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-purple .card-img-left, .card-purple .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-purple .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-purple .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-set1-purple { width: 100%; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; margin-bottom: 10px !important; border: 1px solid rgba(0, 0, 0, 0.125); /* border-left: 4px solid #e8e8e8; */ /* border-left: 3px solid #4682b4; */ border-right: 3px solid #f5ebfc; border-top-left-radius: 1rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 1rem; padding-bottom: 10px; } .card-set1-purple .card-body { padding: 0; } .card-set1-purple .card-body .card-img-top { border-left: 1px solid #f5ebfc; border-top-left-radius: 0.8rem; height: 160px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .card-set1-purple .card-body a:hover { text-decoration: none; } .card-set1-purple .card-body hr { border-top: 1px solid #f5ebfc; margin: 0rem 0.5rem 0.5rem 0.5rem; } .card-set1-purple .card-body .box-card-title { height: 58px; padding: 0.5rem 0rem 0.5rem 0.7rem; border-left: 1px solid #f5ebfc; } .card-set1-purple .card-body .box-card-title .card-title { font-size: 18px !important; line-height: 1.3; font-weight: 500; margin-bottom: 0rem; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-purple .card-body .box-badge { padding: 0 0.8rem 0 0 !important; } .card-set1-purple .card-body .box-badge .badge { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-left: 0; } .card-set1-purple .card-body .box-badge .badge .badge-pill { padding: 0.6em 0.6em !important; font-size: 14px !important; font-weight: 400 !important; } .card-set1-purple .card-body .box-card-text { height: 78px; padding: 0.5rem; } .card-set1-purple .card-body .box-card-text .card-text { display: block; display: -webkit-box; font-size: 14px !important; line-height: 1.2; font-weight: 400 !important; max-width: 100%; color: #9E9E9E; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-purple .card-body .box-card-price { padding: 0.7rem; } .card-set1-purple .card-body .box-card-price .card-remark { font-size: 14px !important; margin-bottom: 0px; font-weight: 700 !important; color: #9E9E9E; } .card-set1-purple .card-body .box-card-price .card-price { font-size: 20px !important; line-height: 20px; font-weight: 700 !important; margin-bottom: 0px; color: #f23629; } .card-set1-purple .card-body .box-card-btn { padding: 0.5rem 0.5rem 0rem 0.5rem; } .card-set1-purple .card-body .box-card-btn .btn { font-weight: 400 !important; font-size: 12px !important; border-radius: 0rem !important; padding: 0.6rem 0.75rem; } .card-set1-detail-purple { background-color: #ffffff; box-shadow: 4px 4px 20px 1px rgba(40, 40, 40, 0.15); margin-bottom: 30px; border: 0px solid rgba(0, 0, 0, 0.125); border-left: 3px solid #f5ebfc; border-right: 3px solid #f5ebfc; border-top-left-radius: 1rem; border-bottom-right-radius: 1rem; } .card-set1-detail-purple .card-box-img { max-width: 100%; height: 170px; } .card-set1-detail-purple .card-box-title { padding: 1rem 0.5rem; margin-bottom: 10px; background-color: #F5F5F5; } .card-set1-detail-purple .card-box-title .card-title { font-weight: 700 !important; margin-bottom: 10px; color: #616161; } .card-set1-detail-purple .card-body { padding: 0rem 1.2rem 1.2rem 1.2rem; } .card-set1-detail-purple .card-body .card-box-text { padding: 0rem 0rem 0.5rem 0rem; height: 105px; } .card-set1-detail-purple .card-body .card-box-text .card-text { line-height: 1.4; font-weight: 400; color: #9E9E9E; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-set1-detail-purple .card-body hr { margin-top: 0; margin-bottom: 0; } .card-set1-detail-purple .card-body .box-badge { padding-right: 0.5rem; } .card-set1-detail-purple .card-body .box-badge .badge { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .card-set1-detail-purple .card-body .share-icons { display: flex; flex-wrap: wrap; margin-top: 5px; } .card-set1-detail-purple .card-body .share-icons a { margin-left: 5px; color: #9E9E9E; } .card-set1-detail-purple .card-body .share-icons a:hover { color: #6A1B9A; } .card-primary-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #e0f1ff; } .card-primary-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #e0f1ff; color: #14619c; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-primary-lighten hr { border-top: 1px solid #2196f3; } .card-primary-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-primary-lighten .card-body .card-title { margin-bottom: 10px; color: #14619c; font-size: 14px; font-weight: 500; } .card-primary-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #2196f3; } .card-primary-lighten .card-body .text-muted { color: #2196f3 !important; } .card-primary-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #14619c; } .card-primary-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(224, 241, 255, 0.8); } .card-primary-lighten .card-img-overlay .card-header { background-color: transparent; } .card-primary-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #14619c; font-size: 14px; font-weight: 500; } .card-primary-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-primary-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-primary-lighten .card-img { position: absolute; border-radius: 5px; } .card-primary-lighten .card-img, .card-primary-lighten .card-img-top, .card-primary-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-primary-lighten .card-img, .card-primary-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-primary-lighten .card-img, .card-primary-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-primary-lighten .card-img-left, .card-primary-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-primary-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-primary-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-secondary-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #e1e1e1; } .card-secondary-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #e1e1e1; color: #4b5257; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-secondary-lighten hr { border-top: 1px solid #6c757d; } .card-secondary-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-secondary-lighten .card-body .card-title { margin-bottom: 10px; color: #4b5257; font-size: 14px; font-weight: 500; } .card-secondary-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #6c757d; } .card-secondary-lighten .card-body .text-muted { color: #6c757d !important; } .card-secondary-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #4b5257; } .card-secondary-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(225, 225, 225, 0.8); } .card-secondary-lighten .card-img-overlay .card-header { background-color: transparent; } .card-secondary-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #4b5257; font-size: 14px; font-weight: 500; } .card-secondary-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-secondary-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-secondary-lighten .card-img { position: absolute; border-radius: 5px; } .card-secondary-lighten .card-img, .card-secondary-lighten .card-img-top, .card-secondary-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-secondary-lighten .card-img, .card-secondary-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-secondary-lighten .card-img, .card-secondary-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-secondary-lighten .card-img-left, .card-secondary-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-secondary-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-secondary-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-success-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #e8fac7; } .card-success-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #e8fac7; color: #079107; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-success-lighten hr { border-top: 1px solid #20ad20; } .card-success-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-success-lighten .card-body .card-title { margin-bottom: 10px; color: #079107; font-size: 14px; font-weight: 500; } .card-success-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #20ad20; } .card-success-lighten .card-body .text-muted { color: #20ad20 !important; } .card-success-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #079107; } .card-success-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(232, 250, 199, 0.8); } .card-success-lighten .card-img-overlay .card-header { background-color: transparent; } .card-success-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #079107; font-size: 14px; font-weight: 500; } .card-success-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-success-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-success-lighten .card-img { position: absolute; border-radius: 5px; } .card-success-lighten .card-img, .card-success-lighten .card-img-top, .card-success-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-success-lighten .card-img, .card-success-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-success-lighten .card-img, .card-success-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-success-lighten .card-img-left, .card-success-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-success-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-success-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-info-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #d2f9ff; } .card-info-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #d2f9ff; color: #25a2b3; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-info-lighten hr { border-top: 1px solid #4dd0e1; } .card-info-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-info-lighten .card-body .card-title { margin-bottom: 10px; color: #25a2b3; font-size: 14px; font-weight: 500; } .card-info-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #4dd0e1; } .card-info-lighten .card-body .text-muted { color: #4dd0e1 !important; } .card-info-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #25a2b3; } .card-info-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(210, 249, 255, 0.8); } .card-info-lighten .card-img-overlay .card-header { background-color: transparent; } .card-info-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #25a2b3; font-size: 14px; font-weight: 500; } .card-info-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-info-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-info-lighten .card-img { position: absolute; border-radius: 5px; } .card-info-lighten .card-img, .card-info-lighten .card-img-top, .card-info-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-info-lighten .card-img, .card-info-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-info-lighten .card-img, .card-info-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-info-lighten .card-img-left, .card-info-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-info-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-info-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-warning-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #fef6d9; } .card-warning-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #fef6d9; color: #edbe00; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-warning-lighten hr { border-top: 1px solid #f9cf48; } .card-warning-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-warning-lighten .card-body .card-title { margin-bottom: 10px; color: #edbe00; font-size: 14px; font-weight: 500; } .card-warning-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #f9cf48; } .card-warning-lighten .card-body .text-muted { color: #f9cf48 !important; } .card-warning-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #edbe00; } .card-warning-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(254, 246, 217, 0.8); } .card-warning-lighten .card-img-overlay .card-header { background-color: transparent; } .card-warning-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #edbe00; font-size: 14px; font-weight: 500; } .card-warning-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-warning-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-warning-lighten .card-img { position: absolute; border-radius: 5px; } .card-warning-lighten .card-img, .card-warning-lighten .card-img-top, .card-warning-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-warning-lighten .card-img, .card-warning-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-warning-lighten .card-img, .card-warning-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-warning-lighten .card-img-left, .card-warning-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-warning-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-warning-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-danger-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #ffd4d1; } .card-danger-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #ffd4d1; color: #c23329; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-danger-lighten hr { border-top: 1px solid #f23629; } .card-danger-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-danger-lighten .card-body .card-title { margin-bottom: 10px; color: #c23329; font-size: 14px; font-weight: 500; } .card-danger-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #f23629; } .card-danger-lighten .card-body .text-muted { color: #f23629 !important; } .card-danger-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #c23329; } .card-danger-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(255, 212, 209, 0.8); } .card-danger-lighten .card-img-overlay .card-header { background-color: transparent; } .card-danger-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #c23329; font-size: 14px; font-weight: 500; } .card-danger-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-danger-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-danger-lighten .card-img { position: absolute; border-radius: 5px; } .card-danger-lighten .card-img, .card-danger-lighten .card-img-top, .card-danger-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-danger-lighten .card-img, .card-danger-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-danger-lighten .card-img, .card-danger-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-danger-lighten .card-img-left, .card-danger-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-danger-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-danger-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-alert-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #fad6ba; } .card-alert-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #fad6ba; color: #d35f07; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-alert-lighten hr { border-top: 1px solid #f57b1d; } .card-alert-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-alert-lighten .card-body .card-title { margin-bottom: 10px; color: #d35f07; font-size: 14px; font-weight: 500; } .card-alert-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #f57b1d; } .card-alert-lighten .card-body .text-muted { color: #f57b1d !important; } .card-alert-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #d35f07; } .card-alert-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(250, 214, 186, 0.8); } .card-alert-lighten .card-img-overlay .card-header { background-color: transparent; } .card-alert-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #d35f07; font-size: 14px; font-weight: 500; } .card-alert-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-alert-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-alert-lighten .card-img { position: absolute; border-radius: 5px; } .card-alert-lighten .card-img, .card-alert-lighten .card-img-top, .card-alert-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-alert-lighten .card-img, .card-alert-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-alert-lighten .card-img, .card-alert-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-alert-lighten .card-img-left, .card-alert-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-alert-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-alert-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-purple-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #f5ebfc; } .card-purple-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #f5ebfc; color: #4A148C; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-purple-lighten hr { border-top: 1px solid #6A1B9A; } .card-purple-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-purple-lighten .card-body .card-title { margin-bottom: 10px; color: #4A148C; font-size: 14px; font-weight: 500; } .card-purple-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #6A1B9A; } .card-purple-lighten .card-body .text-muted { color: #6A1B9A !important; } .card-purple-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #4A148C; } .card-purple-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(245, 235, 252, 0.8); } .card-purple-lighten .card-img-overlay .card-header { background-color: transparent; } .card-purple-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #4A148C; font-size: 14px; font-weight: 500; } .card-purple-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-purple-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-purple-lighten .card-img { position: absolute; border-radius: 5px; } .card-purple-lighten .card-img, .card-purple-lighten .card-img-top, .card-purple-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-purple-lighten .card-img, .card-purple-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-purple-lighten .card-img, .card-purple-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-purple-lighten .card-img-left, .card-purple-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-purple-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-purple-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .card-theme-lighten { width: 100%; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border-radius: 5px; background-color: #D1E0EC; } .card-theme-lighten .card-header { padding: 10px 10px 10px 10px; min-height: 25px; background-color: #D1E0EC; color: #23415A; border-radius: 5px 5px 0px 0px; font-weight: 500; } .card-theme-lighten hr { border-top: 1px solid #3D729E; } .card-theme-lighten .card-body { min-height: 25px; padding: 10px 10px 10px 10px; } .card-theme-lighten .card-body .card-title { margin-bottom: 10px; color: #23415A; font-size: 14px; font-weight: 500; } .card-theme-lighten .card-body .card-text { margin-bottom: 10px; font-size: 13px; color: #3D729E; } .card-theme-lighten .card-body .text-muted { color: #3D729E !important; } .card-theme-lighten .card-footer { min-height: 25px; padding: 10px 10px 10px 10px; border-radius: 0px 0px 5px 5px; color: #23415A; } .card-theme-lighten .card-img-overlay { z-index: 2; min-height: 25px; border-radius: 5px; border-radius: calc(0.25rem - 1px); background: rgba(209, 224, 236, 0.8); } .card-theme-lighten .card-img-overlay .card-header { background-color: transparent; } .card-theme-lighten .card-img-overlay .card-title { margin-bottom: 10px; color: #23415A; font-size: 14px; font-weight: 500; } .card-theme-lighten .card-img-overlay .card-text { margin-bottom: 10px; font-size: 13px; color: #616161; } .card-theme-lighten .card-img-overlay .text-muted { color: #757575 !important; } .card-theme-lighten .card-img { position: absolute; border-radius: 5px; } .card-theme-lighten .card-img, .card-theme-lighten .card-img-top, .card-theme-lighten .card-img-bottom { flex-shrink: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-theme-lighten .card-img, .card-theme-lighten .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-theme-lighten .card-img, .card-theme-lighten .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-theme-lighten .card-img-left, .card-theme-lighten .card-img-right { flex-shrink: 1; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-theme-lighten .card-img-left { border-top-left-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-theme-lighten .card-img-right { border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .tabs ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #EEEEEE; } .tabs ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; font-weight: 300; margin-right: 2px; } .tabs ul.tabs-header > li span, .tabs ul.tabs-header > li p, .tabs ul.tabs-header > li div { font-weight: 300; } .tabs ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #E0E0E0; color: #424242; } .tabs ul.tabs-header > li.tab-selected span, .tabs ul.tabs-header > li.tab-selected p, .tabs ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-primary ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #2196f3; } .tabs-primary ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #2196f3; font-weight: 300; margin-right: 2px; } .tabs-primary ul.tabs-header > li span, .tabs-primary ul.tabs-header > li p, .tabs-primary ul.tabs-header > li div { font-weight: 300; } .tabs-primary ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #2196f3; color: #ffffff; } .tabs-primary ul.tabs-header > li.tab-selected span, .tabs-primary ul.tabs-header > li.tab-selected p, .tabs-primary ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-primary .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-secondary ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #6c757d; } .tabs-secondary ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #6c757d; font-weight: 300; margin-right: 2px; } .tabs-secondary ul.tabs-header > li span, .tabs-secondary ul.tabs-header > li p, .tabs-secondary ul.tabs-header > li div { font-weight: 300; } .tabs-secondary ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #6c757d; color: #ffffff; } .tabs-secondary ul.tabs-header > li.tab-selected span, .tabs-secondary ul.tabs-header > li.tab-selected p, .tabs-secondary ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-secondary .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-success ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #20ad20; } .tabs-success ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #20ad20; font-weight: 300; margin-right: 2px; } .tabs-success ul.tabs-header > li span, .tabs-success ul.tabs-header > li p, .tabs-success ul.tabs-header > li div { font-weight: 300; } .tabs-success ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #20ad20; color: #ffffff; } .tabs-success ul.tabs-header > li.tab-selected span, .tabs-success ul.tabs-header > li.tab-selected p, .tabs-success ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-success .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-info ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #4dd0e1; } .tabs-info ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #4dd0e1; font-weight: 300; margin-right: 2px; } .tabs-info ul.tabs-header > li span, .tabs-info ul.tabs-header > li p, .tabs-info ul.tabs-header > li div { font-weight: 300; } .tabs-info ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #4dd0e1; color: #ffffff; } .tabs-info ul.tabs-header > li.tab-selected span, .tabs-info ul.tabs-header > li.tab-selected p, .tabs-info ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-info .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-warning ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #f9cf48; } .tabs-warning ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f9cf48; font-weight: 300; margin-right: 2px; } .tabs-warning ul.tabs-header > li span, .tabs-warning ul.tabs-header > li p, .tabs-warning ul.tabs-header > li div { font-weight: 300; } .tabs-warning ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #f9cf48; color: #ffffff; } .tabs-warning ul.tabs-header > li.tab-selected span, .tabs-warning ul.tabs-header > li.tab-selected p, .tabs-warning ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-warning .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-danger ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #f23629; } .tabs-danger ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f23629; font-weight: 300; margin-right: 2px; } .tabs-danger ul.tabs-header > li span, .tabs-danger ul.tabs-header > li p, .tabs-danger ul.tabs-header > li div { font-weight: 300; } .tabs-danger ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #f23629; color: #ffffff; } .tabs-danger ul.tabs-header > li.tab-selected span, .tabs-danger ul.tabs-header > li.tab-selected p, .tabs-danger ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-danger .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-alert ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #f57b1d; } .tabs-alert ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f57b1d; font-weight: 300; margin-right: 2px; } .tabs-alert ul.tabs-header > li span, .tabs-alert ul.tabs-header > li p, .tabs-alert ul.tabs-header > li div { font-weight: 300; } .tabs-alert ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #f57b1d; color: #ffffff; } .tabs-alert ul.tabs-header > li.tab-selected span, .tabs-alert ul.tabs-header > li.tab-selected p, .tabs-alert ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-alert .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-theme ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #356287; } .tabs-theme ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #356287; font-weight: 300; margin-right: 2px; } .tabs-theme ul.tabs-header > li span, .tabs-theme ul.tabs-header > li p, .tabs-theme ul.tabs-header > li div { font-weight: 300; } .tabs-theme ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #356287; color: #ffffff; } .tabs-theme ul.tabs-header > li.tab-selected span, .tabs-theme ul.tabs-header > li.tab-selected p, .tabs-theme ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-theme .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-white ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #ffffff; } .tabs-white ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #ffffff; font-weight: 300; margin-right: 2px; } .tabs-white ul.tabs-header > li span, .tabs-white ul.tabs-header > li p, .tabs-white ul.tabs-header > li div { font-weight: 300; } .tabs-white ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #ffffff; color: #2C5171; } .tabs-white ul.tabs-header > li.tab-selected span, .tabs-white ul.tabs-header > li.tab-selected p, .tabs-white ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-white .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-purple ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #6A1B9A; } .tabs-purple ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #6A1B9A; font-weight: 300; margin-right: 2px; } .tabs-purple ul.tabs-header > li span, .tabs-purple ul.tabs-header > li p, .tabs-purple ul.tabs-header > li div { font-weight: 300; } .tabs-purple ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #6A1B9A; color: #ffffff; } .tabs-purple ul.tabs-header > li.tab-selected span, .tabs-purple ul.tabs-header > li.tab-selected p, .tabs-purple ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-purple .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-primary-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #e0f1ff; } .tabs-primary-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #2196f3; font-weight: 300; margin-right: 2px; } .tabs-primary-lighten ul.tabs-header > li span, .tabs-primary-lighten ul.tabs-header > li p, .tabs-primary-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-primary-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #e0f1ff; color: #2196f3; } .tabs-primary-lighten ul.tabs-header > li.tab-selected span, .tabs-primary-lighten ul.tabs-header > li.tab-selected p, .tabs-primary-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-primary-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-secondary-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #e1e1e1; } .tabs-secondary-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #6c757d; font-weight: 300; margin-right: 2px; } .tabs-secondary-lighten ul.tabs-header > li span, .tabs-secondary-lighten ul.tabs-header > li p, .tabs-secondary-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-secondary-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #e1e1e1; color: #6c757d; } .tabs-secondary-lighten ul.tabs-header > li.tab-selected span, .tabs-secondary-lighten ul.tabs-header > li.tab-selected p, .tabs-secondary-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-secondary-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-success-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #e8fac7; } .tabs-success-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #20ad20; font-weight: 300; margin-right: 2px; } .tabs-success-lighten ul.tabs-header > li span, .tabs-success-lighten ul.tabs-header > li p, .tabs-success-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-success-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #e8fac7; color: #20ad20; } .tabs-success-lighten ul.tabs-header > li.tab-selected span, .tabs-success-lighten ul.tabs-header > li.tab-selected p, .tabs-success-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-success-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-info-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #d2f9ff; } .tabs-info-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #4dd0e1; font-weight: 300; margin-right: 2px; } .tabs-info-lighten ul.tabs-header > li span, .tabs-info-lighten ul.tabs-header > li p, .tabs-info-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-info-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #d2f9ff; color: #4dd0e1; } .tabs-info-lighten ul.tabs-header > li.tab-selected span, .tabs-info-lighten ul.tabs-header > li.tab-selected p, .tabs-info-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-info-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-warning-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #fef6d9; } .tabs-warning-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f9cf48; font-weight: 300; margin-right: 2px; } .tabs-warning-lighten ul.tabs-header > li span, .tabs-warning-lighten ul.tabs-header > li p, .tabs-warning-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-warning-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #fef6d9; color: #f9cf48; } .tabs-warning-lighten ul.tabs-header > li.tab-selected span, .tabs-warning-lighten ul.tabs-header > li.tab-selected p, .tabs-warning-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-warning-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-danger-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #ffd4d1; } .tabs-danger-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f23629; font-weight: 300; margin-right: 2px; } .tabs-danger-lighten ul.tabs-header > li span, .tabs-danger-lighten ul.tabs-header > li p, .tabs-danger-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-danger-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #ffd4d1; color: #f23629; } .tabs-danger-lighten ul.tabs-header > li.tab-selected span, .tabs-danger-lighten ul.tabs-header > li.tab-selected p, .tabs-danger-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-danger-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-alert-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #fad6ba; } .tabs-alert-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #f57b1d; font-weight: 300; margin-right: 2px; } .tabs-alert-lighten ul.tabs-header > li span, .tabs-alert-lighten ul.tabs-header > li p, .tabs-alert-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-alert-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #fad6ba; color: #f57b1d; } .tabs-alert-lighten ul.tabs-header > li.tab-selected span, .tabs-alert-lighten ul.tabs-header > li.tab-selected p, .tabs-alert-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-alert-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-purple-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #f5ebfc; } .tabs-purple-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #6A1B9A; font-weight: 300; margin-right: 2px; } .tabs-purple-lighten ul.tabs-header > li span, .tabs-purple-lighten ul.tabs-header > li p, .tabs-purple-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-purple-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #f5ebfc; color: #6A1B9A; } .tabs-purple-lighten ul.tabs-header > li.tab-selected span, .tabs-purple-lighten ul.tabs-header > li.tab-selected p, .tabs-purple-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-purple-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .tabs-theme-lighten ul.tabs-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #D1E0EC; } .tabs-theme-lighten ul.tabs-header > li { padding: 5px 10px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; color: #3D729E; font-weight: 300; margin-right: 2px; } .tabs-theme-lighten ul.tabs-header > li span, .tabs-theme-lighten ul.tabs-header > li p, .tabs-theme-lighten ul.tabs-header > li div { font-weight: 300; } .tabs-theme-lighten ul.tabs-header > li.tab-selected { font-weight: 500; background-color: #D1E0EC; color: #3D729E; } .tabs-theme-lighten ul.tabs-header > li.tab-selected span, .tabs-theme-lighten ul.tabs-header > li.tab-selected p, .tabs-theme-lighten ul.tabs-header > li.tab-selected div { font-weight: 500; } .tabs-theme-lighten .tab { display: inline-block; width: 100%; min-height: 200px; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } .multi-level-dropdown { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown ul li { display: inline-block; width: auto; } .multi-level-dropdown .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; } .multi-level-dropdown .dropdown-parent a, .multi-level-dropdown .dropdown-parent span, .multi-level-dropdown .dropdown-parent div { font-weight: 400; } .multi-level-dropdown .dropdown-parent a:hover, .multi-level-dropdown .dropdown-parent span:hover, .multi-level-dropdown .dropdown-parent div:hover { text-decoration: none; font-weight: 500; } .multi-level-dropdown .dropdown-parent ul { display: none; } .multi-level-dropdown .dropdown-parent:hover { cursor: pointer; color: #356287; } .multi-level-dropdown .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; z-index: 5; } .multi-level-dropdown .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown .dropdown-parent:hover > .dropdown-child hr { border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; font-weight: 400; } .multi-level-dropdown .dropdown-child .dropdown-item:hover span, .multi-level-dropdown .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; font-weight: 400; } .multi-level-dropdown .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-primary { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-primary ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-primary ul li { display: inline-block; width: auto; } .multi-level-dropdown-primary .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #e0f1ff; color: #2196f3; } .multi-level-dropdown-primary .dropdown-parent a, .multi-level-dropdown-primary .dropdown-parent span, .multi-level-dropdown-primary .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-primary .dropdown-parent a:hover, .multi-level-dropdown-primary .dropdown-parent span:hover, .multi-level-dropdown-primary .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-primary .dropdown-parent ul { display: none; } .multi-level-dropdown-primary .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #2196f3; border-bottom: 2px solid #2196f3; } .multi-level-dropdown-primary .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-primary .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-primary .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-primary .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-primary .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #14619c; font-weight: 400; } .multi-level-dropdown-primary .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-primary .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-primary .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #2196f3; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-primary .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-primary .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-primary .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-primary .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-primary .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-primary .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-primary .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-primary .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-primary .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-primary .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-primary .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-primary .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #14619c; font-weight: 400; } .multi-level-dropdown-primary .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-primary .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-primary .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-primary .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-secondary { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-secondary ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-secondary ul li { display: inline-block; width: auto; } .multi-level-dropdown-secondary .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #e1e1e1; color: #6c757d; } .multi-level-dropdown-secondary .dropdown-parent a, .multi-level-dropdown-secondary .dropdown-parent span, .multi-level-dropdown-secondary .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-secondary .dropdown-parent a:hover, .multi-level-dropdown-secondary .dropdown-parent span:hover, .multi-level-dropdown-secondary .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-secondary .dropdown-parent ul { display: none; } .multi-level-dropdown-secondary .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #6c757d; border-bottom: 2px solid #6c757d; } .multi-level-dropdown-secondary .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-secondary .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-secondary .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-secondary .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-secondary .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #4b5257; font-weight: 400; } .multi-level-dropdown-secondary .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-secondary .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-secondary .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #6c757d; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-secondary .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-secondary .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-secondary .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-secondary .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-secondary .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-secondary .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-secondary .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-secondary .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-secondary .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-secondary .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-secondary .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-secondary .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #4b5257; font-weight: 400; } .multi-level-dropdown-secondary .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-secondary .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-secondary .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-secondary .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-success { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-success ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-success ul li { display: inline-block; width: auto; } .multi-level-dropdown-success .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #e8fac7; color: #20ad20; } .multi-level-dropdown-success .dropdown-parent a, .multi-level-dropdown-success .dropdown-parent span, .multi-level-dropdown-success .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-success .dropdown-parent a:hover, .multi-level-dropdown-success .dropdown-parent span:hover, .multi-level-dropdown-success .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-success .dropdown-parent ul { display: none; } .multi-level-dropdown-success .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #20ad20; border-bottom: 2px solid #20ad20; } .multi-level-dropdown-success .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-success .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-success .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-success .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-success .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #079107; font-weight: 400; } .multi-level-dropdown-success .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-success .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-success .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #20ad20; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-success .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-success .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-success .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-success .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-success .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-success .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-success .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-success .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-success .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-success .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-success .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-success .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #079107; font-weight: 400; } .multi-level-dropdown-success .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-success .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-success .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-success .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-info { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-info ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-info ul li { display: inline-block; width: auto; } .multi-level-dropdown-info .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #d2f9ff; color: #4dd0e1; } .multi-level-dropdown-info .dropdown-parent a, .multi-level-dropdown-info .dropdown-parent span, .multi-level-dropdown-info .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-info .dropdown-parent a:hover, .multi-level-dropdown-info .dropdown-parent span:hover, .multi-level-dropdown-info .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-info .dropdown-parent ul { display: none; } .multi-level-dropdown-info .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #4dd0e1; border-bottom: 2px solid #4dd0e1; } .multi-level-dropdown-info .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-info .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-info .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-info .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-info .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #25a2b3; font-weight: 400; } .multi-level-dropdown-info .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-info .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-info .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #4dd0e1; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-info .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-info .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-info .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-info .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-info .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-info .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-info .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-info .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-info .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-info .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-info .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-info .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #25a2b3; font-weight: 400; } .multi-level-dropdown-info .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-info .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-info .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-info .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-warning { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-warning ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-warning ul li { display: inline-block; width: auto; } .multi-level-dropdown-warning .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #fef6d9; color: #f9cf48; } .multi-level-dropdown-warning .dropdown-parent a, .multi-level-dropdown-warning .dropdown-parent span, .multi-level-dropdown-warning .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-warning .dropdown-parent a:hover, .multi-level-dropdown-warning .dropdown-parent span:hover, .multi-level-dropdown-warning .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-warning .dropdown-parent ul { display: none; } .multi-level-dropdown-warning .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #f9cf48; border-bottom: 2px solid #f9cf48; } .multi-level-dropdown-warning .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-warning .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-warning .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-warning .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-warning .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #edbe00; font-weight: 400; } .multi-level-dropdown-warning .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-warning .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-warning .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #f9cf48; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-warning .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-warning .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-warning .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-warning .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-warning .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-warning .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-warning .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-warning .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-warning .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-warning .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-warning .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-warning .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #edbe00; font-weight: 400; } .multi-level-dropdown-warning .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-warning .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-warning .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-warning .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-danger { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-danger ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-danger ul li { display: inline-block; width: auto; } .multi-level-dropdown-danger .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #ffd4d1; color: #f23629; } .multi-level-dropdown-danger .dropdown-parent a, .multi-level-dropdown-danger .dropdown-parent span, .multi-level-dropdown-danger .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-danger .dropdown-parent a:hover, .multi-level-dropdown-danger .dropdown-parent span:hover, .multi-level-dropdown-danger .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-danger .dropdown-parent ul { display: none; } .multi-level-dropdown-danger .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #f23629; border-bottom: 2px solid #f23629; } .multi-level-dropdown-danger .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-danger .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-danger .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-danger .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-danger .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #c23329; font-weight: 400; } .multi-level-dropdown-danger .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-danger .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-danger .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #f23629; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-danger .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-danger .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-danger .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-danger .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-danger .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-danger .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-danger .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-danger .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-danger .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-danger .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-danger .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-danger .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #c23329; font-weight: 400; } .multi-level-dropdown-danger .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-danger .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-danger .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-danger .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-alert { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-alert ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-alert ul li { display: inline-block; width: auto; } .multi-level-dropdown-alert .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #fad6ba; color: #f57b1d; } .multi-level-dropdown-alert .dropdown-parent a, .multi-level-dropdown-alert .dropdown-parent span, .multi-level-dropdown-alert .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-alert .dropdown-parent a:hover, .multi-level-dropdown-alert .dropdown-parent span:hover, .multi-level-dropdown-alert .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-alert .dropdown-parent ul { display: none; } .multi-level-dropdown-alert .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #f57b1d; border-bottom: 2px solid #f57b1d; } .multi-level-dropdown-alert .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-alert .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-alert .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-alert .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-alert .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #d35f07; font-weight: 400; } .multi-level-dropdown-alert .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-alert .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-alert .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #f57b1d; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-alert .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-alert .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-alert .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-alert .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-alert .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-alert .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-alert .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-alert .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-alert .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-alert .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-alert .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-alert .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #d35f07; font-weight: 400; } .multi-level-dropdown-alert .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-alert .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-alert .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-alert .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-theme { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-theme ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-theme ul li { display: inline-block; width: auto; } .multi-level-dropdown-theme .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #4682b4; color: #356287; } .multi-level-dropdown-theme .dropdown-parent a, .multi-level-dropdown-theme .dropdown-parent span, .multi-level-dropdown-theme .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-theme .dropdown-parent a:hover, .multi-level-dropdown-theme .dropdown-parent span:hover, .multi-level-dropdown-theme .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-theme .dropdown-parent ul { display: none; } .multi-level-dropdown-theme .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #356287; border-bottom: 2px solid #356287; } .multi-level-dropdown-theme .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-theme .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-theme .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-theme .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-theme .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #2C5171; font-weight: 400; } .multi-level-dropdown-theme .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-theme .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-theme .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #356287; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-theme .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-theme .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-theme .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-theme .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-theme .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-theme .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-theme .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-theme .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-theme .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-theme .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-theme .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-theme .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #2C5171; font-weight: 400; } .multi-level-dropdown-theme .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-theme .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-theme .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-theme .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-white { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-white ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-white ul li { display: inline-block; width: auto; } .multi-level-dropdown-white .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #F5F5F5; color: #ffffff; } .multi-level-dropdown-white .dropdown-parent a, .multi-level-dropdown-white .dropdown-parent span, .multi-level-dropdown-white .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-white .dropdown-parent a:hover, .multi-level-dropdown-white .dropdown-parent span:hover, .multi-level-dropdown-white .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-white .dropdown-parent ul { display: none; } .multi-level-dropdown-white .dropdown-parent:hover { cursor: pointer !important; color: #2C5171; background-color: #ffffff; border-bottom: 2px solid #ffffff; } .multi-level-dropdown-white .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-white .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-white .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-white .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-white .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #EEEEEE; font-weight: 400; } .multi-level-dropdown-white .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-white .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-white .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #ffffff; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-white .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-white .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-white .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-white .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-white .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-white .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-white .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-white .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-white .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-white .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-white .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-white .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #EEEEEE; font-weight: 400; } .multi-level-dropdown-white .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-white .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-white .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-white .dropdown-child-sub.right { left: 100% !important; } .multi-level-dropdown-purple { height: auto; width: auto; align-items: center; display: inline-block; } .multi-level-dropdown-purple ul { display: flex; list-style: none; margin: 0; padding: 0px; min-width: 20px; text-align: center; } .multi-level-dropdown-purple ul li { display: inline-block; width: auto; } .multi-level-dropdown-purple .dropdown-parent { display: block; position: relative; left: auto; min-width: 20px; text-align: center; width: auto; height: auto; z-index: 10; padding: 5px 10px 5px 10px; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 2px solid #f5ebfc; color: #6A1B9A; } .multi-level-dropdown-purple .dropdown-parent a, .multi-level-dropdown-purple .dropdown-parent span, .multi-level-dropdown-purple .dropdown-parent div { font-weight: 400; } .multi-level-dropdown-purple .dropdown-parent a:hover, .multi-level-dropdown-purple .dropdown-parent span:hover, .multi-level-dropdown-purple .dropdown-parent div:hover { text-decoration: none; } .multi-level-dropdown-purple .dropdown-parent ul { display: none; } .multi-level-dropdown-purple .dropdown-parent:hover { cursor: pointer !important; color: #ffffff; background-color: #6A1B9A; border-bottom: 2px solid #6A1B9A; } .multi-level-dropdown-purple .dropdown-parent:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 2px; z-index: 5; } .multi-level-dropdown-purple .dropdown-parent:hover > .dropdown-child li, .multi-level-dropdown-purple .dropdown-parent:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-purple .dropdown-parent:hover > .dropdown-child hr { width: 90%; border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-level-dropdown-purple .dropdown-child li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #4A148C; font-weight: 400; } .multi-level-dropdown-purple .dropdown-child .dropdown-item:hover span, .multi-level-dropdown-purple .dropdown-child li span:hover { font-weight: 400; } .multi-level-dropdown-purple .dropdown-child .dropdown-item.dropdown-parent:hover { cursor: pointer; background-color: #F5F5F5; color: #6A1B9A; box-shadow: 0px 0px 4px 0px gray; font-weight: 400; } .multi-level-dropdown-purple .dropdown-child.top { top: auto !important; bottom: 100% !important; } .multi-level-dropdown-purple .dropdown-child.left { left: 0 !important; right: auto !important; } .multi-level-dropdown-purple .dropdown-child.right { right: 0 !important; left: auto !important; } .multi-level-dropdown-purple .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-level-dropdown-purple .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .multi-level-dropdown-purple .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .multi-level-dropdown-purple .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .multi-level-dropdown-purple .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-level-dropdown-purple .dropdown-item:hover > .dropdown-child-sub li, .multi-level-dropdown-purple .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-level-dropdown-purple .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-level-dropdown-purple .dropdown-child-sub li:hover { box-shadow: 0px 0px 4px 0px gray; background-color: #F5F5F5; color: #4A148C; font-weight: 400; } .multi-level-dropdown-purple .dropdown-child-sub .dropdown-sub-item:hover span, .multi-level-dropdown-purple .dropdown-child-sub li span:hover { font-weight: 400; } .multi-level-dropdown-purple .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-level-dropdown-purple .dropdown-child-sub.right { left: 100% !important; } .multi-dropdown-button { height: auto; width: auto; } .multi-dropdown-button .btn-dropdown { display: flex; position: relative; left: auto; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; z-index: 10; font-size: 12px; cursor: pointer; text-align: left; } .multi-dropdown-button .btn-dropdown ul { display: none; } .multi-dropdown-button .btn-dropdown:hover { cursor: pointer; } .multi-dropdown-button .btn-dropdown:hover > .dropdown-child { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; top: 100%; left: 0; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: 1px; z-index: 5; } .multi-dropdown-button .btn-dropdown:hover > .dropdown-child li, .multi-dropdown-button .btn-dropdown:hover > .dropdown-child .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-dropdown-button .btn-dropdown:hover > .dropdown-child hr { border-color: #E0E0E0; z-index: 1; margin: 5px 10px 5px 10px !important; } .multi-dropdown-button .dropdown-child li:hover { background-color: #EEEEEE; font-weight: 400; } .multi-dropdown-button .dropdown-child .dropdown-item:hover span, .multi-dropdown-button .dropdown-child li span:hover { font-weight: 400; } .multi-dropdown-button .dropdown-child.top { top: auto !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-dropdown-button .dropdown-child.bottom { top: 100% !important; margin-top: 1px !important; } .multi-dropdown-button .dropdown-child.left { top: 0 !important; right: 100% !important; left: auto !important; margin-top: -1px !important; margin-right: 1px !important; } .multi-dropdown-button .dropdown-child.right { top: 0 !important; left: 100% !important; margin-top: -1px !important; margin-left: 1px !important; } .multi-dropdown-button .dropdown-child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-dropdown-button .dropdown-child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; margin-bottom: 1px !important; margin-left: -1px !important; } .multi-dropdown-button .dropdown-child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; margin-top: 1px !important; } .multi-dropdown-button .dropdown-child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; margin-top: 1px !important; } .multi-dropdown-button .dropdown-child-sub { display: none; } .multi-dropdown-button .dropdown-item:hover > .dropdown-child-sub { display: block; position: absolute; text-align: left; background-color: #FAFAFA; color: #616161; left: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; border-radius: 2px; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; margin-top: -7px; z-index: 5; } .multi-dropdown-button .dropdown-item:hover > .dropdown-child-sub li, .multi-dropdown-button .dropdown-item:hover > .dropdown-child-sub .list { display: flex; padding: 7px 10px 7px 10px; min-width: 150px; } .multi-dropdown-button .dropdown-item:hover > .dropdown-child-sub hr { border-color: #E0E0E0; margin: auto; } .multi-dropdown-button .dropdown-child-sub li:hover { background-color: #EEEEEE; font-weight: 400; } .multi-dropdown-button .dropdown-child-sub .dropdown-sub-item:hover span, .multi-dropdown-button .dropdown-child-sub li span:hover { font-weight: 400; } .multi-dropdown-button .dropdown-child-sub.left { right: 100% !important; left: auto !important; } .multi-dropdown-button .dropdown-child-sub.right { left: 100% !important; } .dropdown { position: relative; color: #ffffff; } .dropdown .dropdown-menu { display: block; position: absolute; left: auto; background-color: #EEEEEE; color: #FAFAFA !important; min-width: 200px; width: auto; border-radius: 2px; border: 1px solid f1f1f1; z-index: 50; padding: 5px 0px 5px 0px; font-size: 12px; cursor: pointer; text-align: left; } .dropdown .dropdown-menu hr { border-top: 1px solid #E0E0E0 !important; position: relative; z-index: 1; border-left: none; } .dropdown .dropdown-menu a, .dropdown .dropdown-menu span { text-decoration: none; color: #616161 !important; line-height: 30px; } .dropdown .dropdown-menu a:hover, .dropdown .dropdown-menu span:hover { text-decoration: none; color: #616161 !important; line-height: 30px; } .dropdown .dropdown-item { display: block; padding: 0px 10px 0px 10px; } .dropdown .dropdown-item:hover { display: block; background-color: #F5F5F5; padding: 0px 10px 0px 10px; } .dropdown:hover, .dropdown:focus, .dropdown:active { cursor: pointer; color: #23415A !important; background-color: transparent; } .img { width: 100%; height: 100%; max-width: 100% !important; } .img-fit { width: 100%; max-width: 100% !important; -o-object-fit: contain !important; object-fit: contain !important; } .img-fill { -o-object-fit: fill !important; object-fit: fill !important; } .img-cover { -o-object-fit: cover !important; object-fit: cover !important; } .img-contain { -o-object-fit: contain !important; object-fit: contain !important; } .img-none { -o-object-fit: none !important; object-fit: none !important; } .img-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .img-fix-small { width: 60px; height: 70px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h100 { height: 100px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h150 { height: 150px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h200 { height: 200px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h300 { height: 300px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h400 { height: 400px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h500 { height: 500px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h600 { height: 600px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h700 { height: 700px; -o-object-fit: cover !important; object-fit: cover !important; } .img-fix-h800 { height: 800px; -o-object-fit: cover !important; object-fit: cover !important; } .box-show-img { position: relative; min-height: 500px; height: 100% !important; min-width: 300px; width: 100% !important; border: #dadada 1px dashed; border-radius: 5px; padding: 10px; } .box-show-img .file-thumbnail-img-big { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .list-none { list-style-type: none; margin: 0; padding: 0; overflow: auto; } .list-inline li { display: inline-block; padding: 0rem 0.25rem 0rem 0.25rem; } .unstyle-li { list-style-type: none; margin: 0; padding: 0; overflow: auto; } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-circle li { list-style-type: circle; } .list-disc li { list-style-type: disc; } .list-square li { list-style-type: square; } .list-decimal li { list-style-type: decimal; } .list-decimal-zero li { list-style-type: decimal-leading-zero; } .list-lower-alpha li { list-style-type: lower-alpha; } .list-lower-latin li { list-style-type: lower-latin; } .list-lower-roman li { list-style-type: lower-roman; } .list-upper-alpha li { list-style-type: upper-alpha; } .list-upper-latin li { list-style-type: upper-latin; } .list-upper-roman li { list-style-type: upper-roman; } .border-child-y > *:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .border-child-x > *:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .box-border { box-sizing: border-box !important; } .box-content { box-sizing: content-box !important; } /* ------------------------------ Border ------------------------------ */ .border-solid { border-style: solid !important; } .border-dashed { border-style: dashed !important; } .border-dotted { border-style: dotted !important; } .border-double { border-style: double !important; } .border-hidden { border-style: hidden !important; } .border-none { border-style: none !important; } .border-w-1 { border-width: 1px !important; } .border-w-l-1 { border-left-width: 1px !important; } .border-w-r-1 { border-right-width: 1px !important; } .border-w-t-1 { border-top-width: 1px !important; } .border-w-b-1 { border-bottom-width: 1px !important; } .border-w-x-1 { border-left-width: 1px !important; border-right-width: 1px !important; } .border-w-y-1 { border-top-width: 1px !important; border-bottom-width: 1px !important; } .border-w-2 { border-width: 2px !important; } .border-w-l-2 { border-left-width: 2px !important; } .border-w-r-2 { border-right-width: 2px !important; } .border-w-t-2 { border-top-width: 2px !important; } .border-w-b-2 { border-bottom-width: 2px !important; } .border-w-x-2 { border-left-width: 2px !important; border-right-width: 2px !important; } .border-w-y-2 { border-top-width: 2px !important; border-bottom-width: 2px !important; } .border-w-3 { border-width: 3px !important; } .border-w-l-3 { border-left-width: 3px !important; } .border-w-r-3 { border-right-width: 3px !important; } .border-w-t-3 { border-top-width: 3px !important; } .border-w-b-3 { border-bottom-width: 3px !important; } .border-w-x-3 { border-left-width: 3px !important; border-right-width: 3px !important; } .border-w-y-3 { border-top-width: 3px !important; border-bottom-width: 3px !important; } .border-w-4 { border-width: 4px !important; } .border-w-l-4 { border-left-width: 4px !important; } .border-w-r-4 { border-right-width: 4px !important; } .border-w-t-4 { border-top-width: 4px !important; } .border-w-b-4 { border-bottom-width: 4px !important; } .border-w-x-4 { border-left-width: 4px !important; border-right-width: 4px !important; } .border-w-y-4 { border-top-width: 4px !important; border-bottom-width: 4px !important; } .border-w-5 { border-width: 5px !important; } .border-w-l-5 { border-left-width: 5px !important; } .border-w-r-5 { border-right-width: 5px !important; } .border-w-t-5 { border-top-width: 5px !important; } .border-w-b-5 { border-bottom-width: 5px !important; } .border-w-x-5 { border-left-width: 5px !important; border-right-width: 5px !important; } .border-w-y-5 { border-top-width: 5px !important; border-bottom-width: 5px !important; } .border-w-6 { border-width: 6px !important; } .border-w-l-6 { border-left-width: 6px !important; } .border-w-r-6 { border-right-width: 6px !important; } .border-w-t-6 { border-top-width: 6px !important; } .border-w-b-6 { border-bottom-width: 6px !important; } .border-w-x-6 { border-left-width: 6px !important; border-right-width: 6px !important; } .border-w-y-6 { border-top-width: 6px !important; border-bottom-width: 6px !important; } .border-w-7 { border-width: 7px !important; } .border-w-l-7 { border-left-width: 7px !important; } .border-w-r-7 { border-right-width: 7px !important; } .border-w-t-7 { border-top-width: 7px !important; } .border-w-b-7 { border-bottom-width: 7px !important; } .border-w-x-7 { border-left-width: 7px !important; border-right-width: 7px !important; } .border-w-y-7 { border-top-width: 7px !important; border-bottom-width: 7px !important; } .border-w-8 { border-width: 8px !important; } .border-w-l-8 { border-left-width: 8px !important; } .border-w-r-8 { border-right-width: 8px !important; } .border-w-t-8 { border-top-width: 8px !important; } .border-w-b-8 { border-bottom-width: 8px !important; } .border-w-x-8 { border-left-width: 8px !important; border-right-width: 8px !important; } .border-w-y-8 { border-top-width: 8px !important; border-bottom-width: 8px !important; } .border-w-9 { border-width: 9px !important; } .border-w-l-9 { border-left-width: 9px !important; } .border-w-r-9 { border-right-width: 9px !important; } .border-w-t-9 { border-top-width: 9px !important; } .border-w-b-9 { border-bottom-width: 9px !important; } .border-w-x-9 { border-left-width: 9px !important; border-right-width: 9px !important; } .border-w-y-9 { border-top-width: 9px !important; border-bottom-width: 9px !important; } .border-w-10 { border-width: 10px !important; } .border-w-l-10 { border-left-width: 10px !important; } .border-w-r-10 { border-right-width: 10px !important; } .border-w-t-10 { border-top-width: 10px !important; } .border-w-b-10 { border-bottom-width: 10px !important; } .border-w-x-10 { border-left-width: 10px !important; border-right-width: 10px !important; } .border-w-y-10 { border-top-width: 10px !important; border-bottom-width: 10px !important; } .border-w-11 { border-width: 11px !important; } .border-w-l-11 { border-left-width: 11px !important; } .border-w-r-11 { border-right-width: 11px !important; } .border-w-t-11 { border-top-width: 11px !important; } .border-w-b-11 { border-bottom-width: 11px !important; } .border-w-x-11 { border-left-width: 11px !important; border-right-width: 11px !important; } .border-w-y-11 { border-top-width: 11px !important; border-bottom-width: 11px !important; } .border-w-12 { border-width: 12px !important; } .border-w-l-12 { border-left-width: 12px !important; } .border-w-r-12 { border-right-width: 12px !important; } .border-w-t-12 { border-top-width: 12px !important; } .border-w-b-12 { border-bottom-width: 12px !important; } .border-w-x-12 { border-left-width: 12px !important; border-right-width: 12px !important; } .border-w-y-12 { border-top-width: 12px !important; border-bottom-width: 12px !important; } .border-w-13 { border-width: 13px !important; } .border-w-l-13 { border-left-width: 13px !important; } .border-w-r-13 { border-right-width: 13px !important; } .border-w-t-13 { border-top-width: 13px !important; } .border-w-b-13 { border-bottom-width: 13px !important; } .border-w-x-13 { border-left-width: 13px !important; border-right-width: 13px !important; } .border-w-y-13 { border-top-width: 13px !important; border-bottom-width: 13px !important; } .border-w-14 { border-width: 14px !important; } .border-w-l-14 { border-left-width: 14px !important; } .border-w-r-14 { border-right-width: 14px !important; } .border-w-t-14 { border-top-width: 14px !important; } .border-w-b-14 { border-bottom-width: 14px !important; } .border-w-x-14 { border-left-width: 14px !important; border-right-width: 14px !important; } .border-w-y-14 { border-top-width: 14px !important; border-bottom-width: 14px !important; } .border-w-15 { border-width: 15px !important; } .border-w-l-15 { border-left-width: 15px !important; } .border-w-r-15 { border-right-width: 15px !important; } .border-w-t-15 { border-top-width: 15px !important; } .border-w-b-15 { border-bottom-width: 15px !important; } .border-w-x-15 { border-left-width: 15px !important; border-right-width: 15px !important; } .border-w-y-15 { border-top-width: 15px !important; border-bottom-width: 15px !important; } .bc-theme { border-color: #4682b4 !important; } .bc-l-theme { border-left-color: #4682b4 !important; } .bc-r-theme { border-right-color: #4682b4 !important; } .bc-t-theme { border-top-color: #4682b4 !important; } .bc-b-theme { border-bottom-color: #4682b4 !important; } .bc-x-theme { border-left-color: #4682b4 !important; border-right-color: #4682b4 !important; } .bc-y-theme { border-top-color: #4682b4 !important; border-bottom-color: #4682b4 !important; } .bc-theme-lighten-5 { border-color: #E8EFF6 !important; } .bc-l-theme-lighten-5 { border-left-color: #E8EFF6 !important; } .bc-r-theme-lighten-5 { border-right-color: #E8EFF6 !important; } .bc-t-theme-lighten-5 { border-top-color: #E8EFF6 !important; } .bc-b-theme-lighten-5 { border-bottom-color: #E8EFF6 !important; } .bc-x-theme-lighten-5 { border-left-color: #E8EFF6 !important; border-right-color: #E8EFF6 !important; } .bc-y-theme-lighten-5 { border-top-color: #E8EFF6 !important; border-bottom-color: #E8EFF6 !important; } .bc-theme-lighten-4 { border-color: #D1E0EC !important; } .bc-l-theme-lighten-4 { border-left-color: #D1E0EC !important; } .bc-r-theme-lighten-4 { border-right-color: #D1E0EC !important; } .bc-t-theme-lighten-4 { border-top-color: #D1E0EC !important; } .bc-b-theme-lighten-4 { border-bottom-color: #D1E0EC !important; } .bc-x-theme-lighten-4 { border-left-color: #D1E0EC !important; border-right-color: #D1E0EC !important; } .bc-y-theme-lighten-4 { border-top-color: #D1E0EC !important; border-bottom-color: #D1E0EC !important; } .bc-theme-lighten-3 { border-color: #BAD0E3 !important; } .bc-l-theme-lighten-3 { border-left-color: #BAD0E3 !important; } .bc-r-theme-lighten-3 { border-right-color: #BAD0E3 !important; } .bc-t-theme-lighten-3 { border-top-color: #BAD0E3 !important; } .bc-b-theme-lighten-3 { border-bottom-color: #BAD0E3 !important; } .bc-x-theme-lighten-3 { border-left-color: #BAD0E3 !important; border-right-color: #BAD0E3 !important; } .bc-y-theme-lighten-3 { border-top-color: #BAD0E3 !important; border-bottom-color: #BAD0E3 !important; } .bc-theme-lighten-2 { border-color: #A3C1DA !important; } .bc-l-theme-lighten-2 { border-left-color: #A3C1DA !important; } .bc-r-theme-lighten-2 { border-right-color: #A3C1DA !important; } .bc-t-theme-lighten-2 { border-top-color: #A3C1DA !important; } .bc-b-theme-lighten-2 { border-bottom-color: #A3C1DA !important; } .bc-x-theme-lighten-2 { border-left-color: #A3C1DA !important; border-right-color: #A3C1DA !important; } .bc-y-theme-lighten-2 { border-top-color: #A3C1DA !important; border-bottom-color: #A3C1DA !important; } .bc-theme-lighten-1 { border-color: #74A1C7 !important; } .bc-l-theme-lighten-1 { border-left-color: #74A1C7 !important; } .bc-r-theme-lighten-1 { border-right-color: #74A1C7 !important; } .bc-t-theme-lighten-1 { border-top-color: #74A1C7 !important; } .bc-b-theme-lighten-1 { border-bottom-color: #74A1C7 !important; } .bc-x-theme-lighten-1 { border-left-color: #74A1C7 !important; border-right-color: #74A1C7 !important; } .bc-y-theme-lighten-1 { border-top-color: #74A1C7 !important; border-bottom-color: #74A1C7 !important; } .bc-theme-darken-1 { border-color: #3D729E !important; } .bc-l-theme-darken-1 { border-left-color: #3D729E !important; } .bc-r-theme-darken-1 { border-right-color: #3D729E !important; } .bc-t-theme-darken-1 { border-top-color: #3D729E !important; } .bc-b-theme-darken-1 { border-bottom-color: #3D729E !important; } .bc-x-theme-darken-1 { border-left-color: #3D729E !important; border-right-color: #3D729E !important; } .bc-y-theme-darken-1 { border-top-color: #3D729E !important; border-bottom-color: #3D729E !important; } .bc-theme-darken-2 { border-color: #356287 !important; } .bc-l-theme-darken-2 { border-left-color: #356287 !important; } .bc-r-theme-darken-2 { border-right-color: #356287 !important; } .bc-t-theme-darken-2 { border-top-color: #356287 !important; } .bc-b-theme-darken-2 { border-bottom-color: #356287 !important; } .bc-x-theme-darken-2 { border-left-color: #356287 !important; border-right-color: #356287 !important; } .bc-y-theme-darken-2 { border-top-color: #356287 !important; border-bottom-color: #356287 !important; } .bc-theme-darken-3 { border-color: #2C5171 !important; } .bc-l-theme-darken-3 { border-left-color: #2C5171 !important; } .bc-r-theme-darken-3 { border-right-color: #2C5171 !important; } .bc-t-theme-darken-3 { border-top-color: #2C5171 !important; } .bc-b-theme-darken-3 { border-bottom-color: #2C5171 !important; } .bc-x-theme-darken-3 { border-left-color: #2C5171 !important; border-right-color: #2C5171 !important; } .bc-y-theme-darken-3 { border-top-color: #2C5171 !important; border-bottom-color: #2C5171 !important; } .bc-theme-darken-4 { border-color: #23415A !important; } .bc-l-theme-darken-4 { border-left-color: #23415A !important; } .bc-r-theme-darken-4 { border-right-color: #23415A !important; } .bc-t-theme-darken-4 { border-top-color: #23415A !important; } .bc-b-theme-darken-4 { border-bottom-color: #23415A !important; } .bc-x-theme-darken-4 { border-left-color: #23415A !important; border-right-color: #23415A !important; } .bc-y-theme-darken-4 { border-top-color: #23415A !important; border-bottom-color: #23415A !important; } .bc-theme-accent-1 { border-color: #7ba7cc !important; } .bc-l-theme-accent-1 { border-left-color: #7ba7cc !important; } .bc-r-theme-accent-1 { border-right-color: #7ba7cc !important; } .bc-t-theme-accent-1 { border-top-color: #7ba7cc !important; } .bc-b-theme-accent-1 { border-bottom-color: #7ba7cc !important; } .bc-x-theme-accent-1 { border-left-color: #7ba7cc !important; border-right-color: #7ba7cc !important; } .bc-y-theme-accent-1 { border-top-color: #7ba7cc !important; border-bottom-color: #7ba7cc !important; } .bc-theme-accent-2 { border-color: #568ebd !important; } .bc-l-theme-accent-2 { border-left-color: #568ebd !important; } .bc-r-theme-accent-2 { border-right-color: #568ebd !important; } .bc-t-theme-accent-2 { border-top-color: #568ebd !important; } .bc-b-theme-accent-2 { border-bottom-color: #568ebd !important; } .bc-x-theme-accent-2 { border-left-color: #568ebd !important; border-right-color: #568ebd !important; } .bc-y-theme-accent-2 { border-top-color: #568ebd !important; border-bottom-color: #568ebd !important; } .bc-theme-accent-3 { border-color: #3f75a2 !important; } .bc-l-theme-accent-3 { border-left-color: #3f75a2 !important; } .bc-r-theme-accent-3 { border-right-color: #3f75a2 !important; } .bc-t-theme-accent-3 { border-top-color: #3f75a2 !important; } .bc-b-theme-accent-3 { border-bottom-color: #3f75a2 !important; } .bc-x-theme-accent-3 { border-left-color: #3f75a2 !important; border-right-color: #3f75a2 !important; } .bc-y-theme-accent-3 { border-top-color: #3f75a2 !important; border-bottom-color: #3f75a2 !important; } .bc-theme-accent-4 { border-color: #315a7d !important; } .bc-l-theme-accent-4 { border-left-color: #315a7d !important; } .bc-r-theme-accent-4 { border-right-color: #315a7d !important; } .bc-t-theme-accent-4 { border-top-color: #315a7d !important; } .bc-b-theme-accent-4 { border-bottom-color: #315a7d !important; } .bc-x-theme-accent-4 { border-left-color: #315a7d !important; border-right-color: #315a7d !important; } .bc-y-theme-accent-4 { border-top-color: #315a7d !important; border-bottom-color: #315a7d !important; } .bc-primary { border-color: #2196f3 !important; } .bc-l-primary { border-left-color: #2196f3 !important; } .bc-r-primary { border-right-color: #2196f3 !important; } .bc-t-primary { border-top-color: #2196f3 !important; } .bc-b-primary { border-bottom-color: #2196f3 !important; } .bc-x-primary { border-left-color: #2196f3 !important; border-right-color: #2196f3 !important; } .bc-y-primary { border-top-color: #2196f3 !important; border-bottom-color: #2196f3 !important; } .bc-secondary { border-color: #6c757d !important; } .bc-l-secondary { border-left-color: #6c757d !important; } .bc-r-secondary { border-right-color: #6c757d !important; } .bc-t-secondary { border-top-color: #6c757d !important; } .bc-b-secondary { border-bottom-color: #6c757d !important; } .bc-x-secondary { border-left-color: #6c757d !important; border-right-color: #6c757d !important; } .bc-y-secondary { border-top-color: #6c757d !important; border-bottom-color: #6c757d !important; } .bc-success { border-color: #20ad20 !important; } .bc-l-success { border-left-color: #20ad20 !important; } .bc-r-success { border-right-color: #20ad20 !important; } .bc-t-success { border-top-color: #20ad20 !important; } .bc-b-success { border-bottom-color: #20ad20 !important; } .bc-x-success { border-left-color: #20ad20 !important; border-right-color: #20ad20 !important; } .bc-y-success { border-top-color: #20ad20 !important; border-bottom-color: #20ad20 !important; } .bc-info { border-color: #4dd0e1 !important; } .bc-l-info { border-left-color: #4dd0e1 !important; } .bc-r-info { border-right-color: #4dd0e1 !important; } .bc-t-info { border-top-color: #4dd0e1 !important; } .bc-b-info { border-bottom-color: #4dd0e1 !important; } .bc-x-info { border-left-color: #4dd0e1 !important; border-right-color: #4dd0e1 !important; } .bc-y-info { border-top-color: #4dd0e1 !important; border-bottom-color: #4dd0e1 !important; } .bc-warning { border-color: #f9cf48 !important; } .bc-l-warning { border-left-color: #f9cf48 !important; } .bc-r-warning { border-right-color: #f9cf48 !important; } .bc-t-warning { border-top-color: #f9cf48 !important; } .bc-b-warning { border-bottom-color: #f9cf48 !important; } .bc-x-warning { border-left-color: #f9cf48 !important; border-right-color: #f9cf48 !important; } .bc-y-warning { border-top-color: #f9cf48 !important; border-bottom-color: #f9cf48 !important; } .bc-danger { border-color: #f23629 !important; } .bc-l-danger { border-left-color: #f23629 !important; } .bc-r-danger { border-right-color: #f23629 !important; } .bc-t-danger { border-top-color: #f23629 !important; } .bc-b-danger { border-bottom-color: #f23629 !important; } .bc-x-danger { border-left-color: #f23629 !important; border-right-color: #f23629 !important; } .bc-y-danger { border-top-color: #f23629 !important; border-bottom-color: #f23629 !important; } .bc-alert { border-color: #f57b1d !important; } .bc-l-alert { border-left-color: #f57b1d !important; } .bc-r-alert { border-right-color: #f57b1d !important; } .bc-t-alert { border-top-color: #f57b1d !important; } .bc-b-alert { border-bottom-color: #f57b1d !important; } .bc-x-alert { border-left-color: #f57b1d !important; border-right-color: #f57b1d !important; } .bc-y-alert { border-top-color: #f57b1d !important; border-bottom-color: #f57b1d !important; } .bc-theme { border-color: #356287 !important; } .bc-l-theme { border-left-color: #356287 !important; } .bc-r-theme { border-right-color: #356287 !important; } .bc-t-theme { border-top-color: #356287 !important; } .bc-b-theme { border-bottom-color: #356287 !important; } .bc-x-theme { border-left-color: #356287 !important; border-right-color: #356287 !important; } .bc-y-theme { border-top-color: #356287 !important; border-bottom-color: #356287 !important; } .bc-white { border-color: #ffffff !important; } .bc-l-white { border-left-color: #ffffff !important; } .bc-r-white { border-right-color: #ffffff !important; } .bc-t-white { border-top-color: #ffffff !important; } .bc-b-white { border-bottom-color: #ffffff !important; } .bc-x-white { border-left-color: #ffffff !important; border-right-color: #ffffff !important; } .bc-y-white { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; } .bc-purple { border-color: #6A1B9A !important; } .bc-l-purple { border-left-color: #6A1B9A !important; } .bc-r-purple { border-right-color: #6A1B9A !important; } .bc-t-purple { border-top-color: #6A1B9A !important; } .bc-b-purple { border-bottom-color: #6A1B9A !important; } .bc-x-purple { border-left-color: #6A1B9A !important; border-right-color: #6A1B9A !important; } .bc-y-purple { border-top-color: #6A1B9A !important; border-bottom-color: #6A1B9A !important; } .bc-primary-lighten { border-color: #e0f1ff !important; } .bc-l-primary-lighten { border-left-color: #e0f1ff !important; } .bc-r-primary-lighten { border-right-color: #e0f1ff !important; } .bc-t-primary-lighten { border-top-color: #e0f1ff !important; } .bc-b-primary-lighten { border-bottom-color: #e0f1ff !important; } .bc-x-primary-lighten { border-left-color: #e0f1ff !important; border-right-color: #e0f1ff !important; } .bc-y-primary-lighten { border-top-color: #e0f1ff !important; border-bottom-color: #e0f1ff !important; } .bc-secondary-lighten { border-color: #e1e1e1 !important; } .bc-l-secondary-lighten { border-left-color: #e1e1e1 !important; } .bc-r-secondary-lighten { border-right-color: #e1e1e1 !important; } .bc-t-secondary-lighten { border-top-color: #e1e1e1 !important; } .bc-b-secondary-lighten { border-bottom-color: #e1e1e1 !important; } .bc-x-secondary-lighten { border-left-color: #e1e1e1 !important; border-right-color: #e1e1e1 !important; } .bc-y-secondary-lighten { border-top-color: #e1e1e1 !important; border-bottom-color: #e1e1e1 !important; } .bc-success-lighten { border-color: #e8fac7 !important; } .bc-l-success-lighten { border-left-color: #e8fac7 !important; } .bc-r-success-lighten { border-right-color: #e8fac7 !important; } .bc-t-success-lighten { border-top-color: #e8fac7 !important; } .bc-b-success-lighten { border-bottom-color: #e8fac7 !important; } .bc-x-success-lighten { border-left-color: #e8fac7 !important; border-right-color: #e8fac7 !important; } .bc-y-success-lighten { border-top-color: #e8fac7 !important; border-bottom-color: #e8fac7 !important; } .bc-info-lighten { border-color: #d2f9ff !important; } .bc-l-info-lighten { border-left-color: #d2f9ff !important; } .bc-r-info-lighten { border-right-color: #d2f9ff !important; } .bc-t-info-lighten { border-top-color: #d2f9ff !important; } .bc-b-info-lighten { border-bottom-color: #d2f9ff !important; } .bc-x-info-lighten { border-left-color: #d2f9ff !important; border-right-color: #d2f9ff !important; } .bc-y-info-lighten { border-top-color: #d2f9ff !important; border-bottom-color: #d2f9ff !important; } .bc-warning-lighten { border-color: #fef6d9 !important; } .bc-l-warning-lighten { border-left-color: #fef6d9 !important; } .bc-r-warning-lighten { border-right-color: #fef6d9 !important; } .bc-t-warning-lighten { border-top-color: #fef6d9 !important; } .bc-b-warning-lighten { border-bottom-color: #fef6d9 !important; } .bc-x-warning-lighten { border-left-color: #fef6d9 !important; border-right-color: #fef6d9 !important; } .bc-y-warning-lighten { border-top-color: #fef6d9 !important; border-bottom-color: #fef6d9 !important; } .bc-danger-lighten { border-color: #ffd4d1 !important; } .bc-l-danger-lighten { border-left-color: #ffd4d1 !important; } .bc-r-danger-lighten { border-right-color: #ffd4d1 !important; } .bc-t-danger-lighten { border-top-color: #ffd4d1 !important; } .bc-b-danger-lighten { border-bottom-color: #ffd4d1 !important; } .bc-x-danger-lighten { border-left-color: #ffd4d1 !important; border-right-color: #ffd4d1 !important; } .bc-y-danger-lighten { border-top-color: #ffd4d1 !important; border-bottom-color: #ffd4d1 !important; } .bc-alert-lighten { border-color: #fad6ba !important; } .bc-l-alert-lighten { border-left-color: #fad6ba !important; } .bc-r-alert-lighten { border-right-color: #fad6ba !important; } .bc-t-alert-lighten { border-top-color: #fad6ba !important; } .bc-b-alert-lighten { border-bottom-color: #fad6ba !important; } .bc-x-alert-lighten { border-left-color: #fad6ba !important; border-right-color: #fad6ba !important; } .bc-y-alert-lighten { border-top-color: #fad6ba !important; border-bottom-color: #fad6ba !important; } .bc-purple-lighten { border-color: #f5ebfc !important; } .bc-l-purple-lighten { border-left-color: #f5ebfc !important; } .bc-r-purple-lighten { border-right-color: #f5ebfc !important; } .bc-t-purple-lighten { border-top-color: #f5ebfc !important; } .bc-b-purple-lighten { border-bottom-color: #f5ebfc !important; } .bc-x-purple-lighten { border-left-color: #f5ebfc !important; border-right-color: #f5ebfc !important; } .bc-y-purple-lighten { border-top-color: #f5ebfc !important; border-bottom-color: #f5ebfc !important; } .bc-theme-lighten { border-color: #D1E0EC !important; } .bc-l-theme-lighten { border-left-color: #D1E0EC !important; } .bc-r-theme-lighten { border-right-color: #D1E0EC !important; } .bc-t-theme-lighten { border-top-color: #D1E0EC !important; } .bc-b-theme-lighten { border-bottom-color: #D1E0EC !important; } .bc-x-theme-lighten { border-left-color: #D1E0EC !important; border-right-color: #D1E0EC !important; } .bc-y-theme-lighten { border-top-color: #D1E0EC !important; border-bottom-color: #D1E0EC !important; } .bc-app-line { border-color: #00B500 !important; } .bc-l-app-line { border-left-color: #00B500 !important; } .bc-r-app-line { border-right-color: #00B500 !important; } .bc-t-app-line { border-top-color: #00B500 !important; } .bc-b-app-line { border-bottom-color: #00B500 !important; } .bc-x-app-line { border-left-color: #00B500 !important; border-right-color: #00B500 !important; } .bc-y-app-line { border-top-color: #00B500 !important; border-bottom-color: #00B500 !important; } .bc-app-youtube { border-color: #cd201f !important; } .bc-l-app-youtube { border-left-color: #cd201f !important; } .bc-r-app-youtube { border-right-color: #cd201f !important; } .bc-t-app-youtube { border-top-color: #cd201f !important; } .bc-b-app-youtube { border-bottom-color: #cd201f !important; } .bc-x-app-youtube { border-left-color: #cd201f !important; border-right-color: #cd201f !important; } .bc-y-app-youtube { border-top-color: #cd201f !important; border-bottom-color: #cd201f !important; } .bc-app-twitter { border-color: #55acee !important; } .bc-l-app-twitter { border-left-color: #55acee !important; } .bc-r-app-twitter { border-right-color: #55acee !important; } .bc-t-app-twitter { border-top-color: #55acee !important; } .bc-b-app-twitter { border-bottom-color: #55acee !important; } .bc-x-app-twitter { border-left-color: #55acee !important; border-right-color: #55acee !important; } .bc-y-app-twitter { border-top-color: #55acee !important; border-bottom-color: #55acee !important; } .bc-app-facebook { border-color: #4267B2 !important; } .bc-l-app-facebook { border-left-color: #4267B2 !important; } .bc-r-app-facebook { border-right-color: #4267B2 !important; } .bc-t-app-facebook { border-top-color: #4267B2 !important; } .bc-b-app-facebook { border-bottom-color: #4267B2 !important; } .bc-x-app-facebook { border-left-color: #4267B2 !important; border-right-color: #4267B2 !important; } .bc-y-app-facebook { border-top-color: #4267B2 !important; border-bottom-color: #4267B2 !important; } .bc-app-instagram { border-color: #3f729b !important; } .bc-l-app-instagram { border-left-color: #3f729b !important; } .bc-r-app-instagram { border-right-color: #3f729b !important; } .bc-t-app-instagram { border-top-color: #3f729b !important; } .bc-b-app-instagram { border-bottom-color: #3f729b !important; } .bc-x-app-instagram { border-left-color: #3f729b !important; border-right-color: #3f729b !important; } .bc-y-app-instagram { border-top-color: #3f729b !important; border-bottom-color: #3f729b !important; } .bc-app-google-plus { border-color: #dc4e41 !important; } .bc-l-app-google-plus { border-left-color: #dc4e41 !important; } .bc-r-app-google-plus { border-right-color: #dc4e41 !important; } .bc-t-app-google-plus { border-top-color: #dc4e41 !important; } .bc-b-app-google-plus { border-bottom-color: #dc4e41 !important; } .bc-x-app-google-plus { border-left-color: #dc4e41 !important; border-right-color: #dc4e41 !important; } .bc-y-app-google-plus { border-top-color: #dc4e41 !important; border-bottom-color: #dc4e41 !important; } .bc-white { border-color: #ffffff !important; } .bc-l-white { border-left-color: #ffffff !important; } .bc-r-white { border-right-color: #ffffff !important; } .bc-t-white { border-top-color: #ffffff !important; } .bc-b-white { border-bottom-color: #ffffff !important; } .bc-x-white { border-left-color: #ffffff !important; border-right-color: #ffffff !important; } .bc-y-white { border-top-color: #ffffff !important; border-bottom-color: #ffffff !important; } .bc-black { border-color: #000000 !important; } .bc-l-black { border-left-color: #000000 !important; } .bc-r-black { border-right-color: #000000 !important; } .bc-t-black { border-top-color: #000000 !important; } .bc-b-black { border-bottom-color: #000000 !important; } .bc-x-black { border-left-color: #000000 !important; border-right-color: #000000 !important; } .bc-y-black { border-top-color: #000000 !important; border-bottom-color: #000000 !important; } .bc-grey { border-color: #9E9E9E !important; } .bc-l-grey { border-left-color: #9E9E9E !important; } .bc-r-grey { border-right-color: #9E9E9E !important; } .bc-t-grey { border-top-color: #9E9E9E !important; } .bc-b-grey { border-bottom-color: #9E9E9E !important; } .bc-x-grey { border-left-color: #9E9E9E !important; border-right-color: #9E9E9E !important; } .bc-y-grey { border-top-color: #9E9E9E !important; border-bottom-color: #9E9E9E !important; } .bc-grey-lighten-5 { border-color: #FAFAFA !important; } .bc-l-grey-lighten-5 { border-left-color: #FAFAFA !important; } .bc-r-grey-lighten-5 { border-right-color: #FAFAFA !important; } .bc-t-grey-lighten-5 { border-top-color: #FAFAFA !important; } .bc-b-grey-lighten-5 { border-bottom-color: #FAFAFA !important; } .bc-x-grey-lighten-5 { border-left-color: #FAFAFA !important; border-right-color: #FAFAFA !important; } .bc-y-grey-lighten-5 { border-top-color: #FAFAFA !important; border-bottom-color: #FAFAFA !important; } .bc-grey-lighten-4 { border-color: #F5F5F5 !important; } .bc-l-grey-lighten-4 { border-left-color: #F5F5F5 !important; } .bc-r-grey-lighten-4 { border-right-color: #F5F5F5 !important; } .bc-t-grey-lighten-4 { border-top-color: #F5F5F5 !important; } .bc-b-grey-lighten-4 { border-bottom-color: #F5F5F5 !important; } .bc-x-grey-lighten-4 { border-left-color: #F5F5F5 !important; border-right-color: #F5F5F5 !important; } .bc-y-grey-lighten-4 { border-top-color: #F5F5F5 !important; border-bottom-color: #F5F5F5 !important; } .bc-grey-lighten-3 { border-color: #EEEEEE !important; } .bc-l-grey-lighten-3 { border-left-color: #EEEEEE !important; } .bc-r-grey-lighten-3 { border-right-color: #EEEEEE !important; } .bc-t-grey-lighten-3 { border-top-color: #EEEEEE !important; } .bc-b-grey-lighten-3 { border-bottom-color: #EEEEEE !important; } .bc-x-grey-lighten-3 { border-left-color: #EEEEEE !important; border-right-color: #EEEEEE !important; } .bc-y-grey-lighten-3 { border-top-color: #EEEEEE !important; border-bottom-color: #EEEEEE !important; } .bc-grey-lighten-2 { border-color: #E0E0E0 !important; } .bc-l-grey-lighten-2 { border-left-color: #E0E0E0 !important; } .bc-r-grey-lighten-2 { border-right-color: #E0E0E0 !important; } .bc-t-grey-lighten-2 { border-top-color: #E0E0E0 !important; } .bc-b-grey-lighten-2 { border-bottom-color: #E0E0E0 !important; } .bc-x-grey-lighten-2 { border-left-color: #E0E0E0 !important; border-right-color: #E0E0E0 !important; } .bc-y-grey-lighten-2 { border-top-color: #E0E0E0 !important; border-bottom-color: #E0E0E0 !important; } .bc-grey-lighten-1 { border-color: #BDBDBD !important; } .bc-l-grey-lighten-1 { border-left-color: #BDBDBD !important; } .bc-r-grey-lighten-1 { border-right-color: #BDBDBD !important; } .bc-t-grey-lighten-1 { border-top-color: #BDBDBD !important; } .bc-b-grey-lighten-1 { border-bottom-color: #BDBDBD !important; } .bc-x-grey-lighten-1 { border-left-color: #BDBDBD !important; border-right-color: #BDBDBD !important; } .bc-y-grey-lighten-1 { border-top-color: #BDBDBD !important; border-bottom-color: #BDBDBD !important; } .bc-grey-darken-1 { border-color: #757575 !important; } .bc-l-grey-darken-1 { border-left-color: #757575 !important; } .bc-r-grey-darken-1 { border-right-color: #757575 !important; } .bc-t-grey-darken-1 { border-top-color: #757575 !important; } .bc-b-grey-darken-1 { border-bottom-color: #757575 !important; } .bc-x-grey-darken-1 { border-left-color: #757575 !important; border-right-color: #757575 !important; } .bc-y-grey-darken-1 { border-top-color: #757575 !important; border-bottom-color: #757575 !important; } .bc-grey-darken-2 { border-color: #616161 !important; } .bc-l-grey-darken-2 { border-left-color: #616161 !important; } .bc-r-grey-darken-2 { border-right-color: #616161 !important; } .bc-t-grey-darken-2 { border-top-color: #616161 !important; } .bc-b-grey-darken-2 { border-bottom-color: #616161 !important; } .bc-x-grey-darken-2 { border-left-color: #616161 !important; border-right-color: #616161 !important; } .bc-y-grey-darken-2 { border-top-color: #616161 !important; border-bottom-color: #616161 !important; } .bc-grey-darken-3 { border-color: #424242 !important; } .bc-l-grey-darken-3 { border-left-color: #424242 !important; } .bc-r-grey-darken-3 { border-right-color: #424242 !important; } .bc-t-grey-darken-3 { border-top-color: #424242 !important; } .bc-b-grey-darken-3 { border-bottom-color: #424242 !important; } .bc-x-grey-darken-3 { border-left-color: #424242 !important; border-right-color: #424242 !important; } .bc-y-grey-darken-3 { border-top-color: #424242 !important; border-bottom-color: #424242 !important; } .bc-grey-darken-4 { border-color: #212121 !important; } .bc-l-grey-darken-4 { border-left-color: #212121 !important; } .bc-r-grey-darken-4 { border-right-color: #212121 !important; } .bc-t-grey-darken-4 { border-top-color: #212121 !important; } .bc-b-grey-darken-4 { border-bottom-color: #212121 !important; } .bc-x-grey-darken-4 { border-left-color: #212121 !important; border-right-color: #212121 !important; } .bc-y-grey-darken-4 { border-top-color: #212121 !important; border-bottom-color: #212121 !important; } .bc-blue-grey { border-color: #607D8B !important; } .bc-l-blue-grey { border-left-color: #607D8B !important; } .bc-r-blue-grey { border-right-color: #607D8B !important; } .bc-t-blue-grey { border-top-color: #607D8B !important; } .bc-b-blue-grey { border-bottom-color: #607D8B !important; } .bc-x-blue-grey { border-left-color: #607D8B !important; border-right-color: #607D8B !important; } .bc-y-blue-grey { border-top-color: #607D8B !important; border-bottom-color: #607D8B !important; } .bc-blue-grey-lighten-5 { border-color: #ECEFF1 !important; } .bc-l-blue-grey-lighten-5 { border-left-color: #ECEFF1 !important; } .bc-r-blue-grey-lighten-5 { border-right-color: #ECEFF1 !important; } .bc-t-blue-grey-lighten-5 { border-top-color: #ECEFF1 !important; } .bc-b-blue-grey-lighten-5 { border-bottom-color: #ECEFF1 !important; } .bc-x-blue-grey-lighten-5 { border-left-color: #ECEFF1 !important; border-right-color: #ECEFF1 !important; } .bc-y-blue-grey-lighten-5 { border-top-color: #ECEFF1 !important; border-bottom-color: #ECEFF1 !important; } .bc-blue-grey-lighten-4 { border-color: #CFD8DC !important; } .bc-l-blue-grey-lighten-4 { border-left-color: #CFD8DC !important; } .bc-r-blue-grey-lighten-4 { border-right-color: #CFD8DC !important; } .bc-t-blue-grey-lighten-4 { border-top-color: #CFD8DC !important; } .bc-b-blue-grey-lighten-4 { border-bottom-color: #CFD8DC !important; } .bc-x-blue-grey-lighten-4 { border-left-color: #CFD8DC !important; border-right-color: #CFD8DC !important; } .bc-y-blue-grey-lighten-4 { border-top-color: #CFD8DC !important; border-bottom-color: #CFD8DC !important; } .bc-blue-grey-lighten-3 { border-color: #B0BEC5 !important; } .bc-l-blue-grey-lighten-3 { border-left-color: #B0BEC5 !important; } .bc-r-blue-grey-lighten-3 { border-right-color: #B0BEC5 !important; } .bc-t-blue-grey-lighten-3 { border-top-color: #B0BEC5 !important; } .bc-b-blue-grey-lighten-3 { border-bottom-color: #B0BEC5 !important; } .bc-x-blue-grey-lighten-3 { border-left-color: #B0BEC5 !important; border-right-color: #B0BEC5 !important; } .bc-y-blue-grey-lighten-3 { border-top-color: #B0BEC5 !important; border-bottom-color: #B0BEC5 !important; } .bc-blue-grey-lighten-2 { border-color: #90A4AE !important; } .bc-l-blue-grey-lighten-2 { border-left-color: #90A4AE !important; } .bc-r-blue-grey-lighten-2 { border-right-color: #90A4AE !important; } .bc-t-blue-grey-lighten-2 { border-top-color: #90A4AE !important; } .bc-b-blue-grey-lighten-2 { border-bottom-color: #90A4AE !important; } .bc-x-blue-grey-lighten-2 { border-left-color: #90A4AE !important; border-right-color: #90A4AE !important; } .bc-y-blue-grey-lighten-2 { border-top-color: #90A4AE !important; border-bottom-color: #90A4AE !important; } .bc-blue-grey-lighten-1 { border-color: #78909C !important; } .bc-l-blue-grey-lighten-1 { border-left-color: #78909C !important; } .bc-r-blue-grey-lighten-1 { border-right-color: #78909C !important; } .bc-t-blue-grey-lighten-1 { border-top-color: #78909C !important; } .bc-b-blue-grey-lighten-1 { border-bottom-color: #78909C !important; } .bc-x-blue-grey-lighten-1 { border-left-color: #78909C !important; border-right-color: #78909C !important; } .bc-y-blue-grey-lighten-1 { border-top-color: #78909C !important; border-bottom-color: #78909C !important; } .bc-blue-grey-darken-1 { border-color: #546E7A !important; } .bc-l-blue-grey-darken-1 { border-left-color: #546E7A !important; } .bc-r-blue-grey-darken-1 { border-right-color: #546E7A !important; } .bc-t-blue-grey-darken-1 { border-top-color: #546E7A !important; } .bc-b-blue-grey-darken-1 { border-bottom-color: #546E7A !important; } .bc-x-blue-grey-darken-1 { border-left-color: #546E7A !important; border-right-color: #546E7A !important; } .bc-y-blue-grey-darken-1 { border-top-color: #546E7A !important; border-bottom-color: #546E7A !important; } .bc-blue-grey-darken-2 { border-color: #455A64 !important; } .bc-l-blue-grey-darken-2 { border-left-color: #455A64 !important; } .bc-r-blue-grey-darken-2 { border-right-color: #455A64 !important; } .bc-t-blue-grey-darken-2 { border-top-color: #455A64 !important; } .bc-b-blue-grey-darken-2 { border-bottom-color: #455A64 !important; } .bc-x-blue-grey-darken-2 { border-left-color: #455A64 !important; border-right-color: #455A64 !important; } .bc-y-blue-grey-darken-2 { border-top-color: #455A64 !important; border-bottom-color: #455A64 !important; } .bc-blue-grey-darken-3 { border-color: #37474F !important; } .bc-l-blue-grey-darken-3 { border-left-color: #37474F !important; } .bc-r-blue-grey-darken-3 { border-right-color: #37474F !important; } .bc-t-blue-grey-darken-3 { border-top-color: #37474F !important; } .bc-b-blue-grey-darken-3 { border-bottom-color: #37474F !important; } .bc-x-blue-grey-darken-3 { border-left-color: #37474F !important; border-right-color: #37474F !important; } .bc-y-blue-grey-darken-3 { border-top-color: #37474F !important; border-bottom-color: #37474F !important; } .bc-blue-grey-darken-4 { border-color: #263238 !important; } .bc-l-blue-grey-darken-4 { border-left-color: #263238 !important; } .bc-r-blue-grey-darken-4 { border-right-color: #263238 !important; } .bc-t-blue-grey-darken-4 { border-top-color: #263238 !important; } .bc-b-blue-grey-darken-4 { border-bottom-color: #263238 !important; } .bc-x-blue-grey-darken-4 { border-left-color: #263238 !important; border-right-color: #263238 !important; } .bc-y-blue-grey-darken-4 { border-top-color: #263238 !important; border-bottom-color: #263238 !important; } .bc-red { border-color: #F44336 !important; } .bc-l-red { border-left-color: #F44336 !important; } .bc-r-red { border-right-color: #F44336 !important; } .bc-t-red { border-top-color: #F44336 !important; } .bc-b-red { border-bottom-color: #F44336 !important; } .bc-x-red { border-left-color: #F44336 !important; border-right-color: #F44336 !important; } .bc-y-red { border-top-color: #F44336 !important; border-bottom-color: #F44336 !important; } .bc-red-lighten-5 { border-color: #FFEBEE !important; } .bc-l-red-lighten-5 { border-left-color: #FFEBEE !important; } .bc-r-red-lighten-5 { border-right-color: #FFEBEE !important; } .bc-t-red-lighten-5 { border-top-color: #FFEBEE !important; } .bc-b-red-lighten-5 { border-bottom-color: #FFEBEE !important; } .bc-x-red-lighten-5 { border-left-color: #FFEBEE !important; border-right-color: #FFEBEE !important; } .bc-y-red-lighten-5 { border-top-color: #FFEBEE !important; border-bottom-color: #FFEBEE !important; } .bc-red-lighten-4 { border-color: #FFCDD2 !important; } .bc-l-red-lighten-4 { border-left-color: #FFCDD2 !important; } .bc-r-red-lighten-4 { border-right-color: #FFCDD2 !important; } .bc-t-red-lighten-4 { border-top-color: #FFCDD2 !important; } .bc-b-red-lighten-4 { border-bottom-color: #FFCDD2 !important; } .bc-x-red-lighten-4 { border-left-color: #FFCDD2 !important; border-right-color: #FFCDD2 !important; } .bc-y-red-lighten-4 { border-top-color: #FFCDD2 !important; border-bottom-color: #FFCDD2 !important; } .bc-red-lighten-3 { border-color: #EF9A9A !important; } .bc-l-red-lighten-3 { border-left-color: #EF9A9A !important; } .bc-r-red-lighten-3 { border-right-color: #EF9A9A !important; } .bc-t-red-lighten-3 { border-top-color: #EF9A9A !important; } .bc-b-red-lighten-3 { border-bottom-color: #EF9A9A !important; } .bc-x-red-lighten-3 { border-left-color: #EF9A9A !important; border-right-color: #EF9A9A !important; } .bc-y-red-lighten-3 { border-top-color: #EF9A9A !important; border-bottom-color: #EF9A9A !important; } .bc-red-lighten-2 { border-color: #E57373 !important; } .bc-l-red-lighten-2 { border-left-color: #E57373 !important; } .bc-r-red-lighten-2 { border-right-color: #E57373 !important; } .bc-t-red-lighten-2 { border-top-color: #E57373 !important; } .bc-b-red-lighten-2 { border-bottom-color: #E57373 !important; } .bc-x-red-lighten-2 { border-left-color: #E57373 !important; border-right-color: #E57373 !important; } .bc-y-red-lighten-2 { border-top-color: #E57373 !important; border-bottom-color: #E57373 !important; } .bc-red-lighten-1 { border-color: #EF5350 !important; } .bc-l-red-lighten-1 { border-left-color: #EF5350 !important; } .bc-r-red-lighten-1 { border-right-color: #EF5350 !important; } .bc-t-red-lighten-1 { border-top-color: #EF5350 !important; } .bc-b-red-lighten-1 { border-bottom-color: #EF5350 !important; } .bc-x-red-lighten-1 { border-left-color: #EF5350 !important; border-right-color: #EF5350 !important; } .bc-y-red-lighten-1 { border-top-color: #EF5350 !important; border-bottom-color: #EF5350 !important; } .bc-red-darken-1 { border-color: #E53935 !important; } .bc-l-red-darken-1 { border-left-color: #E53935 !important; } .bc-r-red-darken-1 { border-right-color: #E53935 !important; } .bc-t-red-darken-1 { border-top-color: #E53935 !important; } .bc-b-red-darken-1 { border-bottom-color: #E53935 !important; } .bc-x-red-darken-1 { border-left-color: #E53935 !important; border-right-color: #E53935 !important; } .bc-y-red-darken-1 { border-top-color: #E53935 !important; border-bottom-color: #E53935 !important; } .bc-red-darken-2 { border-color: #D32F2F !important; } .bc-l-red-darken-2 { border-left-color: #D32F2F !important; } .bc-r-red-darken-2 { border-right-color: #D32F2F !important; } .bc-t-red-darken-2 { border-top-color: #D32F2F !important; } .bc-b-red-darken-2 { border-bottom-color: #D32F2F !important; } .bc-x-red-darken-2 { border-left-color: #D32F2F !important; border-right-color: #D32F2F !important; } .bc-y-red-darken-2 { border-top-color: #D32F2F !important; border-bottom-color: #D32F2F !important; } .bc-red-darken-3 { border-color: #C62828 !important; } .bc-l-red-darken-3 { border-left-color: #C62828 !important; } .bc-r-red-darken-3 { border-right-color: #C62828 !important; } .bc-t-red-darken-3 { border-top-color: #C62828 !important; } .bc-b-red-darken-3 { border-bottom-color: #C62828 !important; } .bc-x-red-darken-3 { border-left-color: #C62828 !important; border-right-color: #C62828 !important; } .bc-y-red-darken-3 { border-top-color: #C62828 !important; border-bottom-color: #C62828 !important; } .bc-red-darken-4 { border-color: #B71C1C !important; } .bc-l-red-darken-4 { border-left-color: #B71C1C !important; } .bc-r-red-darken-4 { border-right-color: #B71C1C !important; } .bc-t-red-darken-4 { border-top-color: #B71C1C !important; } .bc-b-red-darken-4 { border-bottom-color: #B71C1C !important; } .bc-x-red-darken-4 { border-left-color: #B71C1C !important; border-right-color: #B71C1C !important; } .bc-y-red-darken-4 { border-top-color: #B71C1C !important; border-bottom-color: #B71C1C !important; } .bc-red-accent-1 { border-color: #FF8A80 !important; } .bc-l-red-accent-1 { border-left-color: #FF8A80 !important; } .bc-r-red-accent-1 { border-right-color: #FF8A80 !important; } .bc-t-red-accent-1 { border-top-color: #FF8A80 !important; } .bc-b-red-accent-1 { border-bottom-color: #FF8A80 !important; } .bc-x-red-accent-1 { border-left-color: #FF8A80 !important; border-right-color: #FF8A80 !important; } .bc-y-red-accent-1 { border-top-color: #FF8A80 !important; border-bottom-color: #FF8A80 !important; } .bc-red-accent-2 { border-color: #FF5252 !important; } .bc-l-red-accent-2 { border-left-color: #FF5252 !important; } .bc-r-red-accent-2 { border-right-color: #FF5252 !important; } .bc-t-red-accent-2 { border-top-color: #FF5252 !important; } .bc-b-red-accent-2 { border-bottom-color: #FF5252 !important; } .bc-x-red-accent-2 { border-left-color: #FF5252 !important; border-right-color: #FF5252 !important; } .bc-y-red-accent-2 { border-top-color: #FF5252 !important; border-bottom-color: #FF5252 !important; } .bc-red-accent-3 { border-color: #FF1744 !important; } .bc-l-red-accent-3 { border-left-color: #FF1744 !important; } .bc-r-red-accent-3 { border-right-color: #FF1744 !important; } .bc-t-red-accent-3 { border-top-color: #FF1744 !important; } .bc-b-red-accent-3 { border-bottom-color: #FF1744 !important; } .bc-x-red-accent-3 { border-left-color: #FF1744 !important; border-right-color: #FF1744 !important; } .bc-y-red-accent-3 { border-top-color: #FF1744 !important; border-bottom-color: #FF1744 !important; } .bc-red-accent-4 { border-color: #D50000 !important; } .bc-l-red-accent-4 { border-left-color: #D50000 !important; } .bc-r-red-accent-4 { border-right-color: #D50000 !important; } .bc-t-red-accent-4 { border-top-color: #D50000 !important; } .bc-b-red-accent-4 { border-bottom-color: #D50000 !important; } .bc-x-red-accent-4 { border-left-color: #D50000 !important; border-right-color: #D50000 !important; } .bc-y-red-accent-4 { border-top-color: #D50000 !important; border-bottom-color: #D50000 !important; } .bc-pink { border-color: #E91E63 !important; } .bc-l-pink { border-left-color: #E91E63 !important; } .bc-r-pink { border-right-color: #E91E63 !important; } .bc-t-pink { border-top-color: #E91E63 !important; } .bc-b-pink { border-bottom-color: #E91E63 !important; } .bc-x-pink { border-left-color: #E91E63 !important; border-right-color: #E91E63 !important; } .bc-y-pink { border-top-color: #E91E63 !important; border-bottom-color: #E91E63 !important; } .bc-pink-lighten-5 { border-color: #FCE4EC !important; } .bc-l-pink-lighten-5 { border-left-color: #FCE4EC !important; } .bc-r-pink-lighten-5 { border-right-color: #FCE4EC !important; } .bc-t-pink-lighten-5 { border-top-color: #FCE4EC !important; } .bc-b-pink-lighten-5 { border-bottom-color: #FCE4EC !important; } .bc-x-pink-lighten-5 { border-left-color: #FCE4EC !important; border-right-color: #FCE4EC !important; } .bc-y-pink-lighten-5 { border-top-color: #FCE4EC !important; border-bottom-color: #FCE4EC !important; } .bc-pink-lighten-4 { border-color: #F8BBD0 !important; } .bc-l-pink-lighten-4 { border-left-color: #F8BBD0 !important; } .bc-r-pink-lighten-4 { border-right-color: #F8BBD0 !important; } .bc-t-pink-lighten-4 { border-top-color: #F8BBD0 !important; } .bc-b-pink-lighten-4 { border-bottom-color: #F8BBD0 !important; } .bc-x-pink-lighten-4 { border-left-color: #F8BBD0 !important; border-right-color: #F8BBD0 !important; } .bc-y-pink-lighten-4 { border-top-color: #F8BBD0 !important; border-bottom-color: #F8BBD0 !important; } .bc-pink-lighten-3 { border-color: #F48FB1 !important; } .bc-l-pink-lighten-3 { border-left-color: #F48FB1 !important; } .bc-r-pink-lighten-3 { border-right-color: #F48FB1 !important; } .bc-t-pink-lighten-3 { border-top-color: #F48FB1 !important; } .bc-b-pink-lighten-3 { border-bottom-color: #F48FB1 !important; } .bc-x-pink-lighten-3 { border-left-color: #F48FB1 !important; border-right-color: #F48FB1 !important; } .bc-y-pink-lighten-3 { border-top-color: #F48FB1 !important; border-bottom-color: #F48FB1 !important; } .bc-pink-lighten-2 { border-color: #F06292 !important; } .bc-l-pink-lighten-2 { border-left-color: #F06292 !important; } .bc-r-pink-lighten-2 { border-right-color: #F06292 !important; } .bc-t-pink-lighten-2 { border-top-color: #F06292 !important; } .bc-b-pink-lighten-2 { border-bottom-color: #F06292 !important; } .bc-x-pink-lighten-2 { border-left-color: #F06292 !important; border-right-color: #F06292 !important; } .bc-y-pink-lighten-2 { border-top-color: #F06292 !important; border-bottom-color: #F06292 !important; } .bc-pink-lighten-1 { border-color: #EC407A !important; } .bc-l-pink-lighten-1 { border-left-color: #EC407A !important; } .bc-r-pink-lighten-1 { border-right-color: #EC407A !important; } .bc-t-pink-lighten-1 { border-top-color: #EC407A !important; } .bc-b-pink-lighten-1 { border-bottom-color: #EC407A !important; } .bc-x-pink-lighten-1 { border-left-color: #EC407A !important; border-right-color: #EC407A !important; } .bc-y-pink-lighten-1 { border-top-color: #EC407A !important; border-bottom-color: #EC407A !important; } .bc-pink-darken-1 { border-color: #D81B60 !important; } .bc-l-pink-darken-1 { border-left-color: #D81B60 !important; } .bc-r-pink-darken-1 { border-right-color: #D81B60 !important; } .bc-t-pink-darken-1 { border-top-color: #D81B60 !important; } .bc-b-pink-darken-1 { border-bottom-color: #D81B60 !important; } .bc-x-pink-darken-1 { border-left-color: #D81B60 !important; border-right-color: #D81B60 !important; } .bc-y-pink-darken-1 { border-top-color: #D81B60 !important; border-bottom-color: #D81B60 !important; } .bc-pink-darken-2 { border-color: #C2185B !important; } .bc-l-pink-darken-2 { border-left-color: #C2185B !important; } .bc-r-pink-darken-2 { border-right-color: #C2185B !important; } .bc-t-pink-darken-2 { border-top-color: #C2185B !important; } .bc-b-pink-darken-2 { border-bottom-color: #C2185B !important; } .bc-x-pink-darken-2 { border-left-color: #C2185B !important; border-right-color: #C2185B !important; } .bc-y-pink-darken-2 { border-top-color: #C2185B !important; border-bottom-color: #C2185B !important; } .bc-pink-darken-3 { border-color: #AD1457 !important; } .bc-l-pink-darken-3 { border-left-color: #AD1457 !important; } .bc-r-pink-darken-3 { border-right-color: #AD1457 !important; } .bc-t-pink-darken-3 { border-top-color: #AD1457 !important; } .bc-b-pink-darken-3 { border-bottom-color: #AD1457 !important; } .bc-x-pink-darken-3 { border-left-color: #AD1457 !important; border-right-color: #AD1457 !important; } .bc-y-pink-darken-3 { border-top-color: #AD1457 !important; border-bottom-color: #AD1457 !important; } .bc-pink-darken-4 { border-color: #880E4F !important; } .bc-l-pink-darken-4 { border-left-color: #880E4F !important; } .bc-r-pink-darken-4 { border-right-color: #880E4F !important; } .bc-t-pink-darken-4 { border-top-color: #880E4F !important; } .bc-b-pink-darken-4 { border-bottom-color: #880E4F !important; } .bc-x-pink-darken-4 { border-left-color: #880E4F !important; border-right-color: #880E4F !important; } .bc-y-pink-darken-4 { border-top-color: #880E4F !important; border-bottom-color: #880E4F !important; } .bc-pink-accent-1 { border-color: #FF80AB !important; } .bc-l-pink-accent-1 { border-left-color: #FF80AB !important; } .bc-r-pink-accent-1 { border-right-color: #FF80AB !important; } .bc-t-pink-accent-1 { border-top-color: #FF80AB !important; } .bc-b-pink-accent-1 { border-bottom-color: #FF80AB !important; } .bc-x-pink-accent-1 { border-left-color: #FF80AB !important; border-right-color: #FF80AB !important; } .bc-y-pink-accent-1 { border-top-color: #FF80AB !important; border-bottom-color: #FF80AB !important; } .bc-pink-accent-2 { border-color: #FF4081 !important; } .bc-l-pink-accent-2 { border-left-color: #FF4081 !important; } .bc-r-pink-accent-2 { border-right-color: #FF4081 !important; } .bc-t-pink-accent-2 { border-top-color: #FF4081 !important; } .bc-b-pink-accent-2 { border-bottom-color: #FF4081 !important; } .bc-x-pink-accent-2 { border-left-color: #FF4081 !important; border-right-color: #FF4081 !important; } .bc-y-pink-accent-2 { border-top-color: #FF4081 !important; border-bottom-color: #FF4081 !important; } .bc-pink-accent-3 { border-color: #F50057 !important; } .bc-l-pink-accent-3 { border-left-color: #F50057 !important; } .bc-r-pink-accent-3 { border-right-color: #F50057 !important; } .bc-t-pink-accent-3 { border-top-color: #F50057 !important; } .bc-b-pink-accent-3 { border-bottom-color: #F50057 !important; } .bc-x-pink-accent-3 { border-left-color: #F50057 !important; border-right-color: #F50057 !important; } .bc-y-pink-accent-3 { border-top-color: #F50057 !important; border-bottom-color: #F50057 !important; } .bc-pink-accent-4 { border-color: #C51162 !important; } .bc-l-pink-accent-4 { border-left-color: #C51162 !important; } .bc-r-pink-accent-4 { border-right-color: #C51162 !important; } .bc-t-pink-accent-4 { border-top-color: #C51162 !important; } .bc-b-pink-accent-4 { border-bottom-color: #C51162 !important; } .bc-x-pink-accent-4 { border-left-color: #C51162 !important; border-right-color: #C51162 !important; } .bc-y-pink-accent-4 { border-top-color: #C51162 !important; border-bottom-color: #C51162 !important; } .bc-purple { border-color: #9C27B0 !important; } .bc-l-purple { border-left-color: #9C27B0 !important; } .bc-r-purple { border-right-color: #9C27B0 !important; } .bc-t-purple { border-top-color: #9C27B0 !important; } .bc-b-purple { border-bottom-color: #9C27B0 !important; } .bc-x-purple { border-left-color: #9C27B0 !important; border-right-color: #9C27B0 !important; } .bc-y-purple { border-top-color: #9C27B0 !important; border-bottom-color: #9C27B0 !important; } .bc-purple-lighten-5 { border-color: #F3E5F5 !important; } .bc-l-purple-lighten-5 { border-left-color: #F3E5F5 !important; } .bc-r-purple-lighten-5 { border-right-color: #F3E5F5 !important; } .bc-t-purple-lighten-5 { border-top-color: #F3E5F5 !important; } .bc-b-purple-lighten-5 { border-bottom-color: #F3E5F5 !important; } .bc-x-purple-lighten-5 { border-left-color: #F3E5F5 !important; border-right-color: #F3E5F5 !important; } .bc-y-purple-lighten-5 { border-top-color: #F3E5F5 !important; border-bottom-color: #F3E5F5 !important; } .bc-purple-lighten-4 { border-color: #E1BEE7 !important; } .bc-l-purple-lighten-4 { border-left-color: #E1BEE7 !important; } .bc-r-purple-lighten-4 { border-right-color: #E1BEE7 !important; } .bc-t-purple-lighten-4 { border-top-color: #E1BEE7 !important; } .bc-b-purple-lighten-4 { border-bottom-color: #E1BEE7 !important; } .bc-x-purple-lighten-4 { border-left-color: #E1BEE7 !important; border-right-color: #E1BEE7 !important; } .bc-y-purple-lighten-4 { border-top-color: #E1BEE7 !important; border-bottom-color: #E1BEE7 !important; } .bc-purple-lighten-3 { border-color: #CE93D8 !important; } .bc-l-purple-lighten-3 { border-left-color: #CE93D8 !important; } .bc-r-purple-lighten-3 { border-right-color: #CE93D8 !important; } .bc-t-purple-lighten-3 { border-top-color: #CE93D8 !important; } .bc-b-purple-lighten-3 { border-bottom-color: #CE93D8 !important; } .bc-x-purple-lighten-3 { border-left-color: #CE93D8 !important; border-right-color: #CE93D8 !important; } .bc-y-purple-lighten-3 { border-top-color: #CE93D8 !important; border-bottom-color: #CE93D8 !important; } .bc-purple-lighten-2 { border-color: #BA68C8 !important; } .bc-l-purple-lighten-2 { border-left-color: #BA68C8 !important; } .bc-r-purple-lighten-2 { border-right-color: #BA68C8 !important; } .bc-t-purple-lighten-2 { border-top-color: #BA68C8 !important; } .bc-b-purple-lighten-2 { border-bottom-color: #BA68C8 !important; } .bc-x-purple-lighten-2 { border-left-color: #BA68C8 !important; border-right-color: #BA68C8 !important; } .bc-y-purple-lighten-2 { border-top-color: #BA68C8 !important; border-bottom-color: #BA68C8 !important; } .bc-purple-lighten-1 { border-color: #AB47BC !important; } .bc-l-purple-lighten-1 { border-left-color: #AB47BC !important; } .bc-r-purple-lighten-1 { border-right-color: #AB47BC !important; } .bc-t-purple-lighten-1 { border-top-color: #AB47BC !important; } .bc-b-purple-lighten-1 { border-bottom-color: #AB47BC !important; } .bc-x-purple-lighten-1 { border-left-color: #AB47BC !important; border-right-color: #AB47BC !important; } .bc-y-purple-lighten-1 { border-top-color: #AB47BC !important; border-bottom-color: #AB47BC !important; } .bc-purple-darken-1 { border-color: #8E24AA !important; } .bc-l-purple-darken-1 { border-left-color: #8E24AA !important; } .bc-r-purple-darken-1 { border-right-color: #8E24AA !important; } .bc-t-purple-darken-1 { border-top-color: #8E24AA !important; } .bc-b-purple-darken-1 { border-bottom-color: #8E24AA !important; } .bc-x-purple-darken-1 { border-left-color: #8E24AA !important; border-right-color: #8E24AA !important; } .bc-y-purple-darken-1 { border-top-color: #8E24AA !important; border-bottom-color: #8E24AA !important; } .bc-purple-darken-2 { border-color: #7B1FA2 !important; } .bc-l-purple-darken-2 { border-left-color: #7B1FA2 !important; } .bc-r-purple-darken-2 { border-right-color: #7B1FA2 !important; } .bc-t-purple-darken-2 { border-top-color: #7B1FA2 !important; } .bc-b-purple-darken-2 { border-bottom-color: #7B1FA2 !important; } .bc-x-purple-darken-2 { border-left-color: #7B1FA2 !important; border-right-color: #7B1FA2 !important; } .bc-y-purple-darken-2 { border-top-color: #7B1FA2 !important; border-bottom-color: #7B1FA2 !important; } .bc-purple-darken-3 { border-color: #6A1B9A !important; } .bc-l-purple-darken-3 { border-left-color: #6A1B9A !important; } .bc-r-purple-darken-3 { border-right-color: #6A1B9A !important; } .bc-t-purple-darken-3 { border-top-color: #6A1B9A !important; } .bc-b-purple-darken-3 { border-bottom-color: #6A1B9A !important; } .bc-x-purple-darken-3 { border-left-color: #6A1B9A !important; border-right-color: #6A1B9A !important; } .bc-y-purple-darken-3 { border-top-color: #6A1B9A !important; border-bottom-color: #6A1B9A !important; } .bc-purple-darken-4 { border-color: #4A148C !important; } .bc-l-purple-darken-4 { border-left-color: #4A148C !important; } .bc-r-purple-darken-4 { border-right-color: #4A148C !important; } .bc-t-purple-darken-4 { border-top-color: #4A148C !important; } .bc-b-purple-darken-4 { border-bottom-color: #4A148C !important; } .bc-x-purple-darken-4 { border-left-color: #4A148C !important; border-right-color: #4A148C !important; } .bc-y-purple-darken-4 { border-top-color: #4A148C !important; border-bottom-color: #4A148C !important; } .bc-purple-accent-1 { border-color: #EA80FC !important; } .bc-l-purple-accent-1 { border-left-color: #EA80FC !important; } .bc-r-purple-accent-1 { border-right-color: #EA80FC !important; } .bc-t-purple-accent-1 { border-top-color: #EA80FC !important; } .bc-b-purple-accent-1 { border-bottom-color: #EA80FC !important; } .bc-x-purple-accent-1 { border-left-color: #EA80FC !important; border-right-color: #EA80FC !important; } .bc-y-purple-accent-1 { border-top-color: #EA80FC !important; border-bottom-color: #EA80FC !important; } .bc-purple-accent-2 { border-color: #E040FB !important; } .bc-l-purple-accent-2 { border-left-color: #E040FB !important; } .bc-r-purple-accent-2 { border-right-color: #E040FB !important; } .bc-t-purple-accent-2 { border-top-color: #E040FB !important; } .bc-b-purple-accent-2 { border-bottom-color: #E040FB !important; } .bc-x-purple-accent-2 { border-left-color: #E040FB !important; border-right-color: #E040FB !important; } .bc-y-purple-accent-2 { border-top-color: #E040FB !important; border-bottom-color: #E040FB !important; } .bc-purple-accent-3 { border-color: #D500F9 !important; } .bc-l-purple-accent-3 { border-left-color: #D500F9 !important; } .bc-r-purple-accent-3 { border-right-color: #D500F9 !important; } .bc-t-purple-accent-3 { border-top-color: #D500F9 !important; } .bc-b-purple-accent-3 { border-bottom-color: #D500F9 !important; } .bc-x-purple-accent-3 { border-left-color: #D500F9 !important; border-right-color: #D500F9 !important; } .bc-y-purple-accent-3 { border-top-color: #D500F9 !important; border-bottom-color: #D500F9 !important; } .bc-purple-accent-4 { border-color: #AA00FF !important; } .bc-l-purple-accent-4 { border-left-color: #AA00FF !important; } .bc-r-purple-accent-4 { border-right-color: #AA00FF !important; } .bc-t-purple-accent-4 { border-top-color: #AA00FF !important; } .bc-b-purple-accent-4 { border-bottom-color: #AA00FF !important; } .bc-x-purple-accent-4 { border-left-color: #AA00FF !important; border-right-color: #AA00FF !important; } .bc-y-purple-accent-4 { border-top-color: #AA00FF !important; border-bottom-color: #AA00FF !important; } .bc-deep-purple { border-color: #673AB7 !important; } .bc-l-deep-purple { border-left-color: #673AB7 !important; } .bc-r-deep-purple { border-right-color: #673AB7 !important; } .bc-t-deep-purple { border-top-color: #673AB7 !important; } .bc-b-deep-purple { border-bottom-color: #673AB7 !important; } .bc-x-deep-purple { border-left-color: #673AB7 !important; border-right-color: #673AB7 !important; } .bc-y-deep-purple { border-top-color: #673AB7 !important; border-bottom-color: #673AB7 !important; } .bc-deep-purple-lighten-5 { border-color: #EDE7F6 !important; } .bc-l-deep-purple-lighten-5 { border-left-color: #EDE7F6 !important; } .bc-r-deep-purple-lighten-5 { border-right-color: #EDE7F6 !important; } .bc-t-deep-purple-lighten-5 { border-top-color: #EDE7F6 !important; } .bc-b-deep-purple-lighten-5 { border-bottom-color: #EDE7F6 !important; } .bc-x-deep-purple-lighten-5 { border-left-color: #EDE7F6 !important; border-right-color: #EDE7F6 !important; } .bc-y-deep-purple-lighten-5 { border-top-color: #EDE7F6 !important; border-bottom-color: #EDE7F6 !important; } .bc-deep-purple-lighten-4 { border-color: #D1C4E9 !important; } .bc-l-deep-purple-lighten-4 { border-left-color: #D1C4E9 !important; } .bc-r-deep-purple-lighten-4 { border-right-color: #D1C4E9 !important; } .bc-t-deep-purple-lighten-4 { border-top-color: #D1C4E9 !important; } .bc-b-deep-purple-lighten-4 { border-bottom-color: #D1C4E9 !important; } .bc-x-deep-purple-lighten-4 { border-left-color: #D1C4E9 !important; border-right-color: #D1C4E9 !important; } .bc-y-deep-purple-lighten-4 { border-top-color: #D1C4E9 !important; border-bottom-color: #D1C4E9 !important; } .bc-deep-purple-lighten-3 { border-color: #B39DDB !important; } .bc-l-deep-purple-lighten-3 { border-left-color: #B39DDB !important; } .bc-r-deep-purple-lighten-3 { border-right-color: #B39DDB !important; } .bc-t-deep-purple-lighten-3 { border-top-color: #B39DDB !important; } .bc-b-deep-purple-lighten-3 { border-bottom-color: #B39DDB !important; } .bc-x-deep-purple-lighten-3 { border-left-color: #B39DDB !important; border-right-color: #B39DDB !important; } .bc-y-deep-purple-lighten-3 { border-top-color: #B39DDB !important; border-bottom-color: #B39DDB !important; } .bc-deep-purple-lighten-2 { border-color: #9575CD !important; } .bc-l-deep-purple-lighten-2 { border-left-color: #9575CD !important; } .bc-r-deep-purple-lighten-2 { border-right-color: #9575CD !important; } .bc-t-deep-purple-lighten-2 { border-top-color: #9575CD !important; } .bc-b-deep-purple-lighten-2 { border-bottom-color: #9575CD !important; } .bc-x-deep-purple-lighten-2 { border-left-color: #9575CD !important; border-right-color: #9575CD !important; } .bc-y-deep-purple-lighten-2 { border-top-color: #9575CD !important; border-bottom-color: #9575CD !important; } .bc-deep-purple-lighten-1 { border-color: #7E57C2 !important; } .bc-l-deep-purple-lighten-1 { border-left-color: #7E57C2 !important; } .bc-r-deep-purple-lighten-1 { border-right-color: #7E57C2 !important; } .bc-t-deep-purple-lighten-1 { border-top-color: #7E57C2 !important; } .bc-b-deep-purple-lighten-1 { border-bottom-color: #7E57C2 !important; } .bc-x-deep-purple-lighten-1 { border-left-color: #7E57C2 !important; border-right-color: #7E57C2 !important; } .bc-y-deep-purple-lighten-1 { border-top-color: #7E57C2 !important; border-bottom-color: #7E57C2 !important; } .bc-deep-purple-darken-1 { border-color: #5E35B1 !important; } .bc-l-deep-purple-darken-1 { border-left-color: #5E35B1 !important; } .bc-r-deep-purple-darken-1 { border-right-color: #5E35B1 !important; } .bc-t-deep-purple-darken-1 { border-top-color: #5E35B1 !important; } .bc-b-deep-purple-darken-1 { border-bottom-color: #5E35B1 !important; } .bc-x-deep-purple-darken-1 { border-left-color: #5E35B1 !important; border-right-color: #5E35B1 !important; } .bc-y-deep-purple-darken-1 { border-top-color: #5E35B1 !important; border-bottom-color: #5E35B1 !important; } .bc-deep-purple-darken-2 { border-color: #512DA8 !important; } .bc-l-deep-purple-darken-2 { border-left-color: #512DA8 !important; } .bc-r-deep-purple-darken-2 { border-right-color: #512DA8 !important; } .bc-t-deep-purple-darken-2 { border-top-color: #512DA8 !important; } .bc-b-deep-purple-darken-2 { border-bottom-color: #512DA8 !important; } .bc-x-deep-purple-darken-2 { border-left-color: #512DA8 !important; border-right-color: #512DA8 !important; } .bc-y-deep-purple-darken-2 { border-top-color: #512DA8 !important; border-bottom-color: #512DA8 !important; } .bc-deep-purple-darken-3 { border-color: #4527A0 !important; } .bc-l-deep-purple-darken-3 { border-left-color: #4527A0 !important; } .bc-r-deep-purple-darken-3 { border-right-color: #4527A0 !important; } .bc-t-deep-purple-darken-3 { border-top-color: #4527A0 !important; } .bc-b-deep-purple-darken-3 { border-bottom-color: #4527A0 !important; } .bc-x-deep-purple-darken-3 { border-left-color: #4527A0 !important; border-right-color: #4527A0 !important; } .bc-y-deep-purple-darken-3 { border-top-color: #4527A0 !important; border-bottom-color: #4527A0 !important; } .bc-deep-purple-darken-4 { border-color: #311B92 !important; } .bc-l-deep-purple-darken-4 { border-left-color: #311B92 !important; } .bc-r-deep-purple-darken-4 { border-right-color: #311B92 !important; } .bc-t-deep-purple-darken-4 { border-top-color: #311B92 !important; } .bc-b-deep-purple-darken-4 { border-bottom-color: #311B92 !important; } .bc-x-deep-purple-darken-4 { border-left-color: #311B92 !important; border-right-color: #311B92 !important; } .bc-y-deep-purple-darken-4 { border-top-color: #311B92 !important; border-bottom-color: #311B92 !important; } .bc-deep-purple-accent-1 { border-color: #B388FF !important; } .bc-l-deep-purple-accent-1 { border-left-color: #B388FF !important; } .bc-r-deep-purple-accent-1 { border-right-color: #B388FF !important; } .bc-t-deep-purple-accent-1 { border-top-color: #B388FF !important; } .bc-b-deep-purple-accent-1 { border-bottom-color: #B388FF !important; } .bc-x-deep-purple-accent-1 { border-left-color: #B388FF !important; border-right-color: #B388FF !important; } .bc-y-deep-purple-accent-1 { border-top-color: #B388FF !important; border-bottom-color: #B388FF !important; } .bc-deep-purple-accent-2 { border-color: #7C4DFF !important; } .bc-l-deep-purple-accent-2 { border-left-color: #7C4DFF !important; } .bc-r-deep-purple-accent-2 { border-right-color: #7C4DFF !important; } .bc-t-deep-purple-accent-2 { border-top-color: #7C4DFF !important; } .bc-b-deep-purple-accent-2 { border-bottom-color: #7C4DFF !important; } .bc-x-deep-purple-accent-2 { border-left-color: #7C4DFF !important; border-right-color: #7C4DFF !important; } .bc-y-deep-purple-accent-2 { border-top-color: #7C4DFF !important; border-bottom-color: #7C4DFF !important; } .bc-deep-purple-accent-3 { border-color: #651FFF !important; } .bc-l-deep-purple-accent-3 { border-left-color: #651FFF !important; } .bc-r-deep-purple-accent-3 { border-right-color: #651FFF !important; } .bc-t-deep-purple-accent-3 { border-top-color: #651FFF !important; } .bc-b-deep-purple-accent-3 { border-bottom-color: #651FFF !important; } .bc-x-deep-purple-accent-3 { border-left-color: #651FFF !important; border-right-color: #651FFF !important; } .bc-y-deep-purple-accent-3 { border-top-color: #651FFF !important; border-bottom-color: #651FFF !important; } .bc-deep-purple-accent-4 { border-color: #6200EA !important; } .bc-l-deep-purple-accent-4 { border-left-color: #6200EA !important; } .bc-r-deep-purple-accent-4 { border-right-color: #6200EA !important; } .bc-t-deep-purple-accent-4 { border-top-color: #6200EA !important; } .bc-b-deep-purple-accent-4 { border-bottom-color: #6200EA !important; } .bc-x-deep-purple-accent-4 { border-left-color: #6200EA !important; border-right-color: #6200EA !important; } .bc-y-deep-purple-accent-4 { border-top-color: #6200EA !important; border-bottom-color: #6200EA !important; } .bc-indigo { border-color: #3F51B5 !important; } .bc-l-indigo { border-left-color: #3F51B5 !important; } .bc-r-indigo { border-right-color: #3F51B5 !important; } .bc-t-indigo { border-top-color: #3F51B5 !important; } .bc-b-indigo { border-bottom-color: #3F51B5 !important; } .bc-x-indigo { border-left-color: #3F51B5 !important; border-right-color: #3F51B5 !important; } .bc-y-indigo { border-top-color: #3F51B5 !important; border-bottom-color: #3F51B5 !important; } .bc-indigo-lighten-5 { border-color: #E8EAF6 !important; } .bc-l-indigo-lighten-5 { border-left-color: #E8EAF6 !important; } .bc-r-indigo-lighten-5 { border-right-color: #E8EAF6 !important; } .bc-t-indigo-lighten-5 { border-top-color: #E8EAF6 !important; } .bc-b-indigo-lighten-5 { border-bottom-color: #E8EAF6 !important; } .bc-x-indigo-lighten-5 { border-left-color: #E8EAF6 !important; border-right-color: #E8EAF6 !important; } .bc-y-indigo-lighten-5 { border-top-color: #E8EAF6 !important; border-bottom-color: #E8EAF6 !important; } .bc-indigo-lighten-4 { border-color: #C5CAE9 !important; } .bc-l-indigo-lighten-4 { border-left-color: #C5CAE9 !important; } .bc-r-indigo-lighten-4 { border-right-color: #C5CAE9 !important; } .bc-t-indigo-lighten-4 { border-top-color: #C5CAE9 !important; } .bc-b-indigo-lighten-4 { border-bottom-color: #C5CAE9 !important; } .bc-x-indigo-lighten-4 { border-left-color: #C5CAE9 !important; border-right-color: #C5CAE9 !important; } .bc-y-indigo-lighten-4 { border-top-color: #C5CAE9 !important; border-bottom-color: #C5CAE9 !important; } .bc-indigo-lighten-3 { border-color: #9FA8DA !important; } .bc-l-indigo-lighten-3 { border-left-color: #9FA8DA !important; } .bc-r-indigo-lighten-3 { border-right-color: #9FA8DA !important; } .bc-t-indigo-lighten-3 { border-top-color: #9FA8DA !important; } .bc-b-indigo-lighten-3 { border-bottom-color: #9FA8DA !important; } .bc-x-indigo-lighten-3 { border-left-color: #9FA8DA !important; border-right-color: #9FA8DA !important; } .bc-y-indigo-lighten-3 { border-top-color: #9FA8DA !important; border-bottom-color: #9FA8DA !important; } .bc-indigo-lighten-2 { border-color: #7986CB !important; } .bc-l-indigo-lighten-2 { border-left-color: #7986CB !important; } .bc-r-indigo-lighten-2 { border-right-color: #7986CB !important; } .bc-t-indigo-lighten-2 { border-top-color: #7986CB !important; } .bc-b-indigo-lighten-2 { border-bottom-color: #7986CB !important; } .bc-x-indigo-lighten-2 { border-left-color: #7986CB !important; border-right-color: #7986CB !important; } .bc-y-indigo-lighten-2 { border-top-color: #7986CB !important; border-bottom-color: #7986CB !important; } .bc-indigo-lighten-1 { border-color: #5C6BC0 !important; } .bc-l-indigo-lighten-1 { border-left-color: #5C6BC0 !important; } .bc-r-indigo-lighten-1 { border-right-color: #5C6BC0 !important; } .bc-t-indigo-lighten-1 { border-top-color: #5C6BC0 !important; } .bc-b-indigo-lighten-1 { border-bottom-color: #5C6BC0 !important; } .bc-x-indigo-lighten-1 { border-left-color: #5C6BC0 !important; border-right-color: #5C6BC0 !important; } .bc-y-indigo-lighten-1 { border-top-color: #5C6BC0 !important; border-bottom-color: #5C6BC0 !important; } .bc-indigo-darken-1 { border-color: #3949AB !important; } .bc-l-indigo-darken-1 { border-left-color: #3949AB !important; } .bc-r-indigo-darken-1 { border-right-color: #3949AB !important; } .bc-t-indigo-darken-1 { border-top-color: #3949AB !important; } .bc-b-indigo-darken-1 { border-bottom-color: #3949AB !important; } .bc-x-indigo-darken-1 { border-left-color: #3949AB !important; border-right-color: #3949AB !important; } .bc-y-indigo-darken-1 { border-top-color: #3949AB !important; border-bottom-color: #3949AB !important; } .bc-indigo-darken-2 { border-color: #303F9F !important; } .bc-l-indigo-darken-2 { border-left-color: #303F9F !important; } .bc-r-indigo-darken-2 { border-right-color: #303F9F !important; } .bc-t-indigo-darken-2 { border-top-color: #303F9F !important; } .bc-b-indigo-darken-2 { border-bottom-color: #303F9F !important; } .bc-x-indigo-darken-2 { border-left-color: #303F9F !important; border-right-color: #303F9F !important; } .bc-y-indigo-darken-2 { border-top-color: #303F9F !important; border-bottom-color: #303F9F !important; } .bc-indigo-darken-3 { border-color: #283593 !important; } .bc-l-indigo-darken-3 { border-left-color: #283593 !important; } .bc-r-indigo-darken-3 { border-right-color: #283593 !important; } .bc-t-indigo-darken-3 { border-top-color: #283593 !important; } .bc-b-indigo-darken-3 { border-bottom-color: #283593 !important; } .bc-x-indigo-darken-3 { border-left-color: #283593 !important; border-right-color: #283593 !important; } .bc-y-indigo-darken-3 { border-top-color: #283593 !important; border-bottom-color: #283593 !important; } .bc-indigo-darken-4 { border-color: #1A237E !important; } .bc-l-indigo-darken-4 { border-left-color: #1A237E !important; } .bc-r-indigo-darken-4 { border-right-color: #1A237E !important; } .bc-t-indigo-darken-4 { border-top-color: #1A237E !important; } .bc-b-indigo-darken-4 { border-bottom-color: #1A237E !important; } .bc-x-indigo-darken-4 { border-left-color: #1A237E !important; border-right-color: #1A237E !important; } .bc-y-indigo-darken-4 { border-top-color: #1A237E !important; border-bottom-color: #1A237E !important; } .bc-indigo-accent-1 { border-color: #8C9EFF !important; } .bc-l-indigo-accent-1 { border-left-color: #8C9EFF !important; } .bc-r-indigo-accent-1 { border-right-color: #8C9EFF !important; } .bc-t-indigo-accent-1 { border-top-color: #8C9EFF !important; } .bc-b-indigo-accent-1 { border-bottom-color: #8C9EFF !important; } .bc-x-indigo-accent-1 { border-left-color: #8C9EFF !important; border-right-color: #8C9EFF !important; } .bc-y-indigo-accent-1 { border-top-color: #8C9EFF !important; border-bottom-color: #8C9EFF !important; } .bc-indigo-accent-2 { border-color: #536DFE !important; } .bc-l-indigo-accent-2 { border-left-color: #536DFE !important; } .bc-r-indigo-accent-2 { border-right-color: #536DFE !important; } .bc-t-indigo-accent-2 { border-top-color: #536DFE !important; } .bc-b-indigo-accent-2 { border-bottom-color: #536DFE !important; } .bc-x-indigo-accent-2 { border-left-color: #536DFE !important; border-right-color: #536DFE !important; } .bc-y-indigo-accent-2 { border-top-color: #536DFE !important; border-bottom-color: #536DFE !important; } .bc-indigo-accent-3 { border-color: #3D5AFE !important; } .bc-l-indigo-accent-3 { border-left-color: #3D5AFE !important; } .bc-r-indigo-accent-3 { border-right-color: #3D5AFE !important; } .bc-t-indigo-accent-3 { border-top-color: #3D5AFE !important; } .bc-b-indigo-accent-3 { border-bottom-color: #3D5AFE !important; } .bc-x-indigo-accent-3 { border-left-color: #3D5AFE !important; border-right-color: #3D5AFE !important; } .bc-y-indigo-accent-3 { border-top-color: #3D5AFE !important; border-bottom-color: #3D5AFE !important; } .bc-indigo-accent-4 { border-color: #304FFE !important; } .bc-l-indigo-accent-4 { border-left-color: #304FFE !important; } .bc-r-indigo-accent-4 { border-right-color: #304FFE !important; } .bc-t-indigo-accent-4 { border-top-color: #304FFE !important; } .bc-b-indigo-accent-4 { border-bottom-color: #304FFE !important; } .bc-x-indigo-accent-4 { border-left-color: #304FFE !important; border-right-color: #304FFE !important; } .bc-y-indigo-accent-4 { border-top-color: #304FFE !important; border-bottom-color: #304FFE !important; } .bc-blue { border-color: #2196F3 !important; } .bc-l-blue { border-left-color: #2196F3 !important; } .bc-r-blue { border-right-color: #2196F3 !important; } .bc-t-blue { border-top-color: #2196F3 !important; } .bc-b-blue { border-bottom-color: #2196F3 !important; } .bc-x-blue { border-left-color: #2196F3 !important; border-right-color: #2196F3 !important; } .bc-y-blue { border-top-color: #2196F3 !important; border-bottom-color: #2196F3 !important; } .bc-blue-lighten-5 { border-color: #E3F2FD !important; } .bc-l-blue-lighten-5 { border-left-color: #E3F2FD !important; } .bc-r-blue-lighten-5 { border-right-color: #E3F2FD !important; } .bc-t-blue-lighten-5 { border-top-color: #E3F2FD !important; } .bc-b-blue-lighten-5 { border-bottom-color: #E3F2FD !important; } .bc-x-blue-lighten-5 { border-left-color: #E3F2FD !important; border-right-color: #E3F2FD !important; } .bc-y-blue-lighten-5 { border-top-color: #E3F2FD !important; border-bottom-color: #E3F2FD !important; } .bc-blue-lighten-4 { border-color: #BBDEFB !important; } .bc-l-blue-lighten-4 { border-left-color: #BBDEFB !important; } .bc-r-blue-lighten-4 { border-right-color: #BBDEFB !important; } .bc-t-blue-lighten-4 { border-top-color: #BBDEFB !important; } .bc-b-blue-lighten-4 { border-bottom-color: #BBDEFB !important; } .bc-x-blue-lighten-4 { border-left-color: #BBDEFB !important; border-right-color: #BBDEFB !important; } .bc-y-blue-lighten-4 { border-top-color: #BBDEFB !important; border-bottom-color: #BBDEFB !important; } .bc-blue-lighten-3 { border-color: #90CAF9 !important; } .bc-l-blue-lighten-3 { border-left-color: #90CAF9 !important; } .bc-r-blue-lighten-3 { border-right-color: #90CAF9 !important; } .bc-t-blue-lighten-3 { border-top-color: #90CAF9 !important; } .bc-b-blue-lighten-3 { border-bottom-color: #90CAF9 !important; } .bc-x-blue-lighten-3 { border-left-color: #90CAF9 !important; border-right-color: #90CAF9 !important; } .bc-y-blue-lighten-3 { border-top-color: #90CAF9 !important; border-bottom-color: #90CAF9 !important; } .bc-blue-lighten-2 { border-color: #64B5F6 !important; } .bc-l-blue-lighten-2 { border-left-color: #64B5F6 !important; } .bc-r-blue-lighten-2 { border-right-color: #64B5F6 !important; } .bc-t-blue-lighten-2 { border-top-color: #64B5F6 !important; } .bc-b-blue-lighten-2 { border-bottom-color: #64B5F6 !important; } .bc-x-blue-lighten-2 { border-left-color: #64B5F6 !important; border-right-color: #64B5F6 !important; } .bc-y-blue-lighten-2 { border-top-color: #64B5F6 !important; border-bottom-color: #64B5F6 !important; } .bc-blue-lighten-1 { border-color: #42A5F5 !important; } .bc-l-blue-lighten-1 { border-left-color: #42A5F5 !important; } .bc-r-blue-lighten-1 { border-right-color: #42A5F5 !important; } .bc-t-blue-lighten-1 { border-top-color: #42A5F5 !important; } .bc-b-blue-lighten-1 { border-bottom-color: #42A5F5 !important; } .bc-x-blue-lighten-1 { border-left-color: #42A5F5 !important; border-right-color: #42A5F5 !important; } .bc-y-blue-lighten-1 { border-top-color: #42A5F5 !important; border-bottom-color: #42A5F5 !important; } .bc-blue-darken-1 { border-color: #1E88E5 !important; } .bc-l-blue-darken-1 { border-left-color: #1E88E5 !important; } .bc-r-blue-darken-1 { border-right-color: #1E88E5 !important; } .bc-t-blue-darken-1 { border-top-color: #1E88E5 !important; } .bc-b-blue-darken-1 { border-bottom-color: #1E88E5 !important; } .bc-x-blue-darken-1 { border-left-color: #1E88E5 !important; border-right-color: #1E88E5 !important; } .bc-y-blue-darken-1 { border-top-color: #1E88E5 !important; border-bottom-color: #1E88E5 !important; } .bc-blue-darken-2 { border-color: #1976D2 !important; } .bc-l-blue-darken-2 { border-left-color: #1976D2 !important; } .bc-r-blue-darken-2 { border-right-color: #1976D2 !important; } .bc-t-blue-darken-2 { border-top-color: #1976D2 !important; } .bc-b-blue-darken-2 { border-bottom-color: #1976D2 !important; } .bc-x-blue-darken-2 { border-left-color: #1976D2 !important; border-right-color: #1976D2 !important; } .bc-y-blue-darken-2 { border-top-color: #1976D2 !important; border-bottom-color: #1976D2 !important; } .bc-blue-darken-3 { border-color: #1565C0 !important; } .bc-l-blue-darken-3 { border-left-color: #1565C0 !important; } .bc-r-blue-darken-3 { border-right-color: #1565C0 !important; } .bc-t-blue-darken-3 { border-top-color: #1565C0 !important; } .bc-b-blue-darken-3 { border-bottom-color: #1565C0 !important; } .bc-x-blue-darken-3 { border-left-color: #1565C0 !important; border-right-color: #1565C0 !important; } .bc-y-blue-darken-3 { border-top-color: #1565C0 !important; border-bottom-color: #1565C0 !important; } .bc-blue-darken-4 { border-color: #0D47A1 !important; } .bc-l-blue-darken-4 { border-left-color: #0D47A1 !important; } .bc-r-blue-darken-4 { border-right-color: #0D47A1 !important; } .bc-t-blue-darken-4 { border-top-color: #0D47A1 !important; } .bc-b-blue-darken-4 { border-bottom-color: #0D47A1 !important; } .bc-x-blue-darken-4 { border-left-color: #0D47A1 !important; border-right-color: #0D47A1 !important; } .bc-y-blue-darken-4 { border-top-color: #0D47A1 !important; border-bottom-color: #0D47A1 !important; } .bc-blue-accent-1 { border-color: #82B1FF !important; } .bc-l-blue-accent-1 { border-left-color: #82B1FF !important; } .bc-r-blue-accent-1 { border-right-color: #82B1FF !important; } .bc-t-blue-accent-1 { border-top-color: #82B1FF !important; } .bc-b-blue-accent-1 { border-bottom-color: #82B1FF !important; } .bc-x-blue-accent-1 { border-left-color: #82B1FF !important; border-right-color: #82B1FF !important; } .bc-y-blue-accent-1 { border-top-color: #82B1FF !important; border-bottom-color: #82B1FF !important; } .bc-blue-accent-2 { border-color: #448AFF !important; } .bc-l-blue-accent-2 { border-left-color: #448AFF !important; } .bc-r-blue-accent-2 { border-right-color: #448AFF !important; } .bc-t-blue-accent-2 { border-top-color: #448AFF !important; } .bc-b-blue-accent-2 { border-bottom-color: #448AFF !important; } .bc-x-blue-accent-2 { border-left-color: #448AFF !important; border-right-color: #448AFF !important; } .bc-y-blue-accent-2 { border-top-color: #448AFF !important; border-bottom-color: #448AFF !important; } .bc-blue-accent-3 { border-color: #2979FF !important; } .bc-l-blue-accent-3 { border-left-color: #2979FF !important; } .bc-r-blue-accent-3 { border-right-color: #2979FF !important; } .bc-t-blue-accent-3 { border-top-color: #2979FF !important; } .bc-b-blue-accent-3 { border-bottom-color: #2979FF !important; } .bc-x-blue-accent-3 { border-left-color: #2979FF !important; border-right-color: #2979FF !important; } .bc-y-blue-accent-3 { border-top-color: #2979FF !important; border-bottom-color: #2979FF !important; } .bc-blue-accent-4 { border-color: #2962FF !important; } .bc-l-blue-accent-4 { border-left-color: #2962FF !important; } .bc-r-blue-accent-4 { border-right-color: #2962FF !important; } .bc-t-blue-accent-4 { border-top-color: #2962FF !important; } .bc-b-blue-accent-4 { border-bottom-color: #2962FF !important; } .bc-x-blue-accent-4 { border-left-color: #2962FF !important; border-right-color: #2962FF !important; } .bc-y-blue-accent-4 { border-top-color: #2962FF !important; border-bottom-color: #2962FF !important; } .bc-light-blue { border-color: #03A9F4 !important; } .bc-l-light-blue { border-left-color: #03A9F4 !important; } .bc-r-light-blue { border-right-color: #03A9F4 !important; } .bc-t-light-blue { border-top-color: #03A9F4 !important; } .bc-b-light-blue { border-bottom-color: #03A9F4 !important; } .bc-x-light-blue { border-left-color: #03A9F4 !important; border-right-color: #03A9F4 !important; } .bc-y-light-blue { border-top-color: #03A9F4 !important; border-bottom-color: #03A9F4 !important; } .bc-light-blue-lighten-5 { border-color: #E1F5FE !important; } .bc-l-light-blue-lighten-5 { border-left-color: #E1F5FE !important; } .bc-r-light-blue-lighten-5 { border-right-color: #E1F5FE !important; } .bc-t-light-blue-lighten-5 { border-top-color: #E1F5FE !important; } .bc-b-light-blue-lighten-5 { border-bottom-color: #E1F5FE !important; } .bc-x-light-blue-lighten-5 { border-left-color: #E1F5FE !important; border-right-color: #E1F5FE !important; } .bc-y-light-blue-lighten-5 { border-top-color: #E1F5FE !important; border-bottom-color: #E1F5FE !important; } .bc-light-blue-lighten-4 { border-color: #B3E5FC !important; } .bc-l-light-blue-lighten-4 { border-left-color: #B3E5FC !important; } .bc-r-light-blue-lighten-4 { border-right-color: #B3E5FC !important; } .bc-t-light-blue-lighten-4 { border-top-color: #B3E5FC !important; } .bc-b-light-blue-lighten-4 { border-bottom-color: #B3E5FC !important; } .bc-x-light-blue-lighten-4 { border-left-color: #B3E5FC !important; border-right-color: #B3E5FC !important; } .bc-y-light-blue-lighten-4 { border-top-color: #B3E5FC !important; border-bottom-color: #B3E5FC !important; } .bc-light-blue-lighten-3 { border-color: #81D4FA !important; } .bc-l-light-blue-lighten-3 { border-left-color: #81D4FA !important; } .bc-r-light-blue-lighten-3 { border-right-color: #81D4FA !important; } .bc-t-light-blue-lighten-3 { border-top-color: #81D4FA !important; } .bc-b-light-blue-lighten-3 { border-bottom-color: #81D4FA !important; } .bc-x-light-blue-lighten-3 { border-left-color: #81D4FA !important; border-right-color: #81D4FA !important; } .bc-y-light-blue-lighten-3 { border-top-color: #81D4FA !important; border-bottom-color: #81D4FA !important; } .bc-light-blue-lighten-2 { border-color: #4FC3F7 !important; } .bc-l-light-blue-lighten-2 { border-left-color: #4FC3F7 !important; } .bc-r-light-blue-lighten-2 { border-right-color: #4FC3F7 !important; } .bc-t-light-blue-lighten-2 { border-top-color: #4FC3F7 !important; } .bc-b-light-blue-lighten-2 { border-bottom-color: #4FC3F7 !important; } .bc-x-light-blue-lighten-2 { border-left-color: #4FC3F7 !important; border-right-color: #4FC3F7 !important; } .bc-y-light-blue-lighten-2 { border-top-color: #4FC3F7 !important; border-bottom-color: #4FC3F7 !important; } .bc-light-blue-lighten-1 { border-color: #29B6F6 !important; } .bc-l-light-blue-lighten-1 { border-left-color: #29B6F6 !important; } .bc-r-light-blue-lighten-1 { border-right-color: #29B6F6 !important; } .bc-t-light-blue-lighten-1 { border-top-color: #29B6F6 !important; } .bc-b-light-blue-lighten-1 { border-bottom-color: #29B6F6 !important; } .bc-x-light-blue-lighten-1 { border-left-color: #29B6F6 !important; border-right-color: #29B6F6 !important; } .bc-y-light-blue-lighten-1 { border-top-color: #29B6F6 !important; border-bottom-color: #29B6F6 !important; } .bc-light-blue-darken-1 { border-color: #039BE5 !important; } .bc-l-light-blue-darken-1 { border-left-color: #039BE5 !important; } .bc-r-light-blue-darken-1 { border-right-color: #039BE5 !important; } .bc-t-light-blue-darken-1 { border-top-color: #039BE5 !important; } .bc-b-light-blue-darken-1 { border-bottom-color: #039BE5 !important; } .bc-x-light-blue-darken-1 { border-left-color: #039BE5 !important; border-right-color: #039BE5 !important; } .bc-y-light-blue-darken-1 { border-top-color: #039BE5 !important; border-bottom-color: #039BE5 !important; } .bc-light-blue-darken-2 { border-color: #0288D1 !important; } .bc-l-light-blue-darken-2 { border-left-color: #0288D1 !important; } .bc-r-light-blue-darken-2 { border-right-color: #0288D1 !important; } .bc-t-light-blue-darken-2 { border-top-color: #0288D1 !important; } .bc-b-light-blue-darken-2 { border-bottom-color: #0288D1 !important; } .bc-x-light-blue-darken-2 { border-left-color: #0288D1 !important; border-right-color: #0288D1 !important; } .bc-y-light-blue-darken-2 { border-top-color: #0288D1 !important; border-bottom-color: #0288D1 !important; } .bc-light-blue-darken-3 { border-color: #0277BD !important; } .bc-l-light-blue-darken-3 { border-left-color: #0277BD !important; } .bc-r-light-blue-darken-3 { border-right-color: #0277BD !important; } .bc-t-light-blue-darken-3 { border-top-color: #0277BD !important; } .bc-b-light-blue-darken-3 { border-bottom-color: #0277BD !important; } .bc-x-light-blue-darken-3 { border-left-color: #0277BD !important; border-right-color: #0277BD !important; } .bc-y-light-blue-darken-3 { border-top-color: #0277BD !important; border-bottom-color: #0277BD !important; } .bc-light-blue-darken-4 { border-color: #01579B !important; } .bc-l-light-blue-darken-4 { border-left-color: #01579B !important; } .bc-r-light-blue-darken-4 { border-right-color: #01579B !important; } .bc-t-light-blue-darken-4 { border-top-color: #01579B !important; } .bc-b-light-blue-darken-4 { border-bottom-color: #01579B !important; } .bc-x-light-blue-darken-4 { border-left-color: #01579B !important; border-right-color: #01579B !important; } .bc-y-light-blue-darken-4 { border-top-color: #01579B !important; border-bottom-color: #01579B !important; } .bc-light-blue-accent-1 { border-color: #80D8FF !important; } .bc-l-light-blue-accent-1 { border-left-color: #80D8FF !important; } .bc-r-light-blue-accent-1 { border-right-color: #80D8FF !important; } .bc-t-light-blue-accent-1 { border-top-color: #80D8FF !important; } .bc-b-light-blue-accent-1 { border-bottom-color: #80D8FF !important; } .bc-x-light-blue-accent-1 { border-left-color: #80D8FF !important; border-right-color: #80D8FF !important; } .bc-y-light-blue-accent-1 { border-top-color: #80D8FF !important; border-bottom-color: #80D8FF !important; } .bc-light-blue-accent-2 { border-color: #40C4FF !important; } .bc-l-light-blue-accent-2 { border-left-color: #40C4FF !important; } .bc-r-light-blue-accent-2 { border-right-color: #40C4FF !important; } .bc-t-light-blue-accent-2 { border-top-color: #40C4FF !important; } .bc-b-light-blue-accent-2 { border-bottom-color: #40C4FF !important; } .bc-x-light-blue-accent-2 { border-left-color: #40C4FF !important; border-right-color: #40C4FF !important; } .bc-y-light-blue-accent-2 { border-top-color: #40C4FF !important; border-bottom-color: #40C4FF !important; } .bc-light-blue-accent-3 { border-color: #00B0FF !important; } .bc-l-light-blue-accent-3 { border-left-color: #00B0FF !important; } .bc-r-light-blue-accent-3 { border-right-color: #00B0FF !important; } .bc-t-light-blue-accent-3 { border-top-color: #00B0FF !important; } .bc-b-light-blue-accent-3 { border-bottom-color: #00B0FF !important; } .bc-x-light-blue-accent-3 { border-left-color: #00B0FF !important; border-right-color: #00B0FF !important; } .bc-y-light-blue-accent-3 { border-top-color: #00B0FF !important; border-bottom-color: #00B0FF !important; } .bc-light-blue-accent-4 { border-color: #0091EA !important; } .bc-l-light-blue-accent-4 { border-left-color: #0091EA !important; } .bc-r-light-blue-accent-4 { border-right-color: #0091EA !important; } .bc-t-light-blue-accent-4 { border-top-color: #0091EA !important; } .bc-b-light-blue-accent-4 { border-bottom-color: #0091EA !important; } .bc-x-light-blue-accent-4 { border-left-color: #0091EA !important; border-right-color: #0091EA !important; } .bc-y-light-blue-accent-4 { border-top-color: #0091EA !important; border-bottom-color: #0091EA !important; } .bc-cyan { border-color: #00BCD4 !important; } .bc-l-cyan { border-left-color: #00BCD4 !important; } .bc-r-cyan { border-right-color: #00BCD4 !important; } .bc-t-cyan { border-top-color: #00BCD4 !important; } .bc-b-cyan { border-bottom-color: #00BCD4 !important; } .bc-x-cyan { border-left-color: #00BCD4 !important; border-right-color: #00BCD4 !important; } .bc-y-cyan { border-top-color: #00BCD4 !important; border-bottom-color: #00BCD4 !important; } .bc-cyan-lighten-5 { border-color: #E0F7FA !important; } .bc-l-cyan-lighten-5 { border-left-color: #E0F7FA !important; } .bc-r-cyan-lighten-5 { border-right-color: #E0F7FA !important; } .bc-t-cyan-lighten-5 { border-top-color: #E0F7FA !important; } .bc-b-cyan-lighten-5 { border-bottom-color: #E0F7FA !important; } .bc-x-cyan-lighten-5 { border-left-color: #E0F7FA !important; border-right-color: #E0F7FA !important; } .bc-y-cyan-lighten-5 { border-top-color: #E0F7FA !important; border-bottom-color: #E0F7FA !important; } .bc-cyan-lighten-4 { border-color: #B2EBF2 !important; } .bc-l-cyan-lighten-4 { border-left-color: #B2EBF2 !important; } .bc-r-cyan-lighten-4 { border-right-color: #B2EBF2 !important; } .bc-t-cyan-lighten-4 { border-top-color: #B2EBF2 !important; } .bc-b-cyan-lighten-4 { border-bottom-color: #B2EBF2 !important; } .bc-x-cyan-lighten-4 { border-left-color: #B2EBF2 !important; border-right-color: #B2EBF2 !important; } .bc-y-cyan-lighten-4 { border-top-color: #B2EBF2 !important; border-bottom-color: #B2EBF2 !important; } .bc-cyan-lighten-3 { border-color: #80DEEA !important; } .bc-l-cyan-lighten-3 { border-left-color: #80DEEA !important; } .bc-r-cyan-lighten-3 { border-right-color: #80DEEA !important; } .bc-t-cyan-lighten-3 { border-top-color: #80DEEA !important; } .bc-b-cyan-lighten-3 { border-bottom-color: #80DEEA !important; } .bc-x-cyan-lighten-3 { border-left-color: #80DEEA !important; border-right-color: #80DEEA !important; } .bc-y-cyan-lighten-3 { border-top-color: #80DEEA !important; border-bottom-color: #80DEEA !important; } .bc-cyan-lighten-2 { border-color: #4DD0E1 !important; } .bc-l-cyan-lighten-2 { border-left-color: #4DD0E1 !important; } .bc-r-cyan-lighten-2 { border-right-color: #4DD0E1 !important; } .bc-t-cyan-lighten-2 { border-top-color: #4DD0E1 !important; } .bc-b-cyan-lighten-2 { border-bottom-color: #4DD0E1 !important; } .bc-x-cyan-lighten-2 { border-left-color: #4DD0E1 !important; border-right-color: #4DD0E1 !important; } .bc-y-cyan-lighten-2 { border-top-color: #4DD0E1 !important; border-bottom-color: #4DD0E1 !important; } .bc-cyan-lighten-1 { border-color: #26C6DA !important; } .bc-l-cyan-lighten-1 { border-left-color: #26C6DA !important; } .bc-r-cyan-lighten-1 { border-right-color: #26C6DA !important; } .bc-t-cyan-lighten-1 { border-top-color: #26C6DA !important; } .bc-b-cyan-lighten-1 { border-bottom-color: #26C6DA !important; } .bc-x-cyan-lighten-1 { border-left-color: #26C6DA !important; border-right-color: #26C6DA !important; } .bc-y-cyan-lighten-1 { border-top-color: #26C6DA !important; border-bottom-color: #26C6DA !important; } .bc-cyan-darken-1 { border-color: #00ACC1 !important; } .bc-l-cyan-darken-1 { border-left-color: #00ACC1 !important; } .bc-r-cyan-darken-1 { border-right-color: #00ACC1 !important; } .bc-t-cyan-darken-1 { border-top-color: #00ACC1 !important; } .bc-b-cyan-darken-1 { border-bottom-color: #00ACC1 !important; } .bc-x-cyan-darken-1 { border-left-color: #00ACC1 !important; border-right-color: #00ACC1 !important; } .bc-y-cyan-darken-1 { border-top-color: #00ACC1 !important; border-bottom-color: #00ACC1 !important; } .bc-cyan-darken-2 { border-color: #0097A7 !important; } .bc-l-cyan-darken-2 { border-left-color: #0097A7 !important; } .bc-r-cyan-darken-2 { border-right-color: #0097A7 !important; } .bc-t-cyan-darken-2 { border-top-color: #0097A7 !important; } .bc-b-cyan-darken-2 { border-bottom-color: #0097A7 !important; } .bc-x-cyan-darken-2 { border-left-color: #0097A7 !important; border-right-color: #0097A7 !important; } .bc-y-cyan-darken-2 { border-top-color: #0097A7 !important; border-bottom-color: #0097A7 !important; } .bc-cyan-darken-3 { border-color: #00838F !important; } .bc-l-cyan-darken-3 { border-left-color: #00838F !important; } .bc-r-cyan-darken-3 { border-right-color: #00838F !important; } .bc-t-cyan-darken-3 { border-top-color: #00838F !important; } .bc-b-cyan-darken-3 { border-bottom-color: #00838F !important; } .bc-x-cyan-darken-3 { border-left-color: #00838F !important; border-right-color: #00838F !important; } .bc-y-cyan-darken-3 { border-top-color: #00838F !important; border-bottom-color: #00838F !important; } .bc-cyan-darken-4 { border-color: #006064 !important; } .bc-l-cyan-darken-4 { border-left-color: #006064 !important; } .bc-r-cyan-darken-4 { border-right-color: #006064 !important; } .bc-t-cyan-darken-4 { border-top-color: #006064 !important; } .bc-b-cyan-darken-4 { border-bottom-color: #006064 !important; } .bc-x-cyan-darken-4 { border-left-color: #006064 !important; border-right-color: #006064 !important; } .bc-y-cyan-darken-4 { border-top-color: #006064 !important; border-bottom-color: #006064 !important; } .bc-cyan-accent-1 { border-color: #84FFFF !important; } .bc-l-cyan-accent-1 { border-left-color: #84FFFF !important; } .bc-r-cyan-accent-1 { border-right-color: #84FFFF !important; } .bc-t-cyan-accent-1 { border-top-color: #84FFFF !important; } .bc-b-cyan-accent-1 { border-bottom-color: #84FFFF !important; } .bc-x-cyan-accent-1 { border-left-color: #84FFFF !important; border-right-color: #84FFFF !important; } .bc-y-cyan-accent-1 { border-top-color: #84FFFF !important; border-bottom-color: #84FFFF !important; } .bc-cyan-accent-2 { border-color: #18FFFF !important; } .bc-l-cyan-accent-2 { border-left-color: #18FFFF !important; } .bc-r-cyan-accent-2 { border-right-color: #18FFFF !important; } .bc-t-cyan-accent-2 { border-top-color: #18FFFF !important; } .bc-b-cyan-accent-2 { border-bottom-color: #18FFFF !important; } .bc-x-cyan-accent-2 { border-left-color: #18FFFF !important; border-right-color: #18FFFF !important; } .bc-y-cyan-accent-2 { border-top-color: #18FFFF !important; border-bottom-color: #18FFFF !important; } .bc-cyan-accent-3 { border-color: #00E5FF !important; } .bc-l-cyan-accent-3 { border-left-color: #00E5FF !important; } .bc-r-cyan-accent-3 { border-right-color: #00E5FF !important; } .bc-t-cyan-accent-3 { border-top-color: #00E5FF !important; } .bc-b-cyan-accent-3 { border-bottom-color: #00E5FF !important; } .bc-x-cyan-accent-3 { border-left-color: #00E5FF !important; border-right-color: #00E5FF !important; } .bc-y-cyan-accent-3 { border-top-color: #00E5FF !important; border-bottom-color: #00E5FF !important; } .bc-cyan-accent-4 { border-color: #00B8D4 !important; } .bc-l-cyan-accent-4 { border-left-color: #00B8D4 !important; } .bc-r-cyan-accent-4 { border-right-color: #00B8D4 !important; } .bc-t-cyan-accent-4 { border-top-color: #00B8D4 !important; } .bc-b-cyan-accent-4 { border-bottom-color: #00B8D4 !important; } .bc-x-cyan-accent-4 { border-left-color: #00B8D4 !important; border-right-color: #00B8D4 !important; } .bc-y-cyan-accent-4 { border-top-color: #00B8D4 !important; border-bottom-color: #00B8D4 !important; } .bc-teal { border-color: #009688 !important; } .bc-l-teal { border-left-color: #009688 !important; } .bc-r-teal { border-right-color: #009688 !important; } .bc-t-teal { border-top-color: #009688 !important; } .bc-b-teal { border-bottom-color: #009688 !important; } .bc-x-teal { border-left-color: #009688 !important; border-right-color: #009688 !important; } .bc-y-teal { border-top-color: #009688 !important; border-bottom-color: #009688 !important; } .bc-teal-lighten-5 { border-color: #E0F2F1 !important; } .bc-l-teal-lighten-5 { border-left-color: #E0F2F1 !important; } .bc-r-teal-lighten-5 { border-right-color: #E0F2F1 !important; } .bc-t-teal-lighten-5 { border-top-color: #E0F2F1 !important; } .bc-b-teal-lighten-5 { border-bottom-color: #E0F2F1 !important; } .bc-x-teal-lighten-5 { border-left-color: #E0F2F1 !important; border-right-color: #E0F2F1 !important; } .bc-y-teal-lighten-5 { border-top-color: #E0F2F1 !important; border-bottom-color: #E0F2F1 !important; } .bc-teal-lighten-4 { border-color: #B2DFDB !important; } .bc-l-teal-lighten-4 { border-left-color: #B2DFDB !important; } .bc-r-teal-lighten-4 { border-right-color: #B2DFDB !important; } .bc-t-teal-lighten-4 { border-top-color: #B2DFDB !important; } .bc-b-teal-lighten-4 { border-bottom-color: #B2DFDB !important; } .bc-x-teal-lighten-4 { border-left-color: #B2DFDB !important; border-right-color: #B2DFDB !important; } .bc-y-teal-lighten-4 { border-top-color: #B2DFDB !important; border-bottom-color: #B2DFDB !important; } .bc-teal-lighten-3 { border-color: #80CBC4 !important; } .bc-l-teal-lighten-3 { border-left-color: #80CBC4 !important; } .bc-r-teal-lighten-3 { border-right-color: #80CBC4 !important; } .bc-t-teal-lighten-3 { border-top-color: #80CBC4 !important; } .bc-b-teal-lighten-3 { border-bottom-color: #80CBC4 !important; } .bc-x-teal-lighten-3 { border-left-color: #80CBC4 !important; border-right-color: #80CBC4 !important; } .bc-y-teal-lighten-3 { border-top-color: #80CBC4 !important; border-bottom-color: #80CBC4 !important; } .bc-teal-lighten-2 { border-color: #4DB6AC !important; } .bc-l-teal-lighten-2 { border-left-color: #4DB6AC !important; } .bc-r-teal-lighten-2 { border-right-color: #4DB6AC !important; } .bc-t-teal-lighten-2 { border-top-color: #4DB6AC !important; } .bc-b-teal-lighten-2 { border-bottom-color: #4DB6AC !important; } .bc-x-teal-lighten-2 { border-left-color: #4DB6AC !important; border-right-color: #4DB6AC !important; } .bc-y-teal-lighten-2 { border-top-color: #4DB6AC !important; border-bottom-color: #4DB6AC !important; } .bc-teal-lighten-1 { border-color: #26A69A !important; } .bc-l-teal-lighten-1 { border-left-color: #26A69A !important; } .bc-r-teal-lighten-1 { border-right-color: #26A69A !important; } .bc-t-teal-lighten-1 { border-top-color: #26A69A !important; } .bc-b-teal-lighten-1 { border-bottom-color: #26A69A !important; } .bc-x-teal-lighten-1 { border-left-color: #26A69A !important; border-right-color: #26A69A !important; } .bc-y-teal-lighten-1 { border-top-color: #26A69A !important; border-bottom-color: #26A69A !important; } .bc-teal-darken-1 { border-color: #00897B !important; } .bc-l-teal-darken-1 { border-left-color: #00897B !important; } .bc-r-teal-darken-1 { border-right-color: #00897B !important; } .bc-t-teal-darken-1 { border-top-color: #00897B !important; } .bc-b-teal-darken-1 { border-bottom-color: #00897B !important; } .bc-x-teal-darken-1 { border-left-color: #00897B !important; border-right-color: #00897B !important; } .bc-y-teal-darken-1 { border-top-color: #00897B !important; border-bottom-color: #00897B !important; } .bc-teal-darken-2 { border-color: #00796B !important; } .bc-l-teal-darken-2 { border-left-color: #00796B !important; } .bc-r-teal-darken-2 { border-right-color: #00796B !important; } .bc-t-teal-darken-2 { border-top-color: #00796B !important; } .bc-b-teal-darken-2 { border-bottom-color: #00796B !important; } .bc-x-teal-darken-2 { border-left-color: #00796B !important; border-right-color: #00796B !important; } .bc-y-teal-darken-2 { border-top-color: #00796B !important; border-bottom-color: #00796B !important; } .bc-teal-darken-3 { border-color: #00695C !important; } .bc-l-teal-darken-3 { border-left-color: #00695C !important; } .bc-r-teal-darken-3 { border-right-color: #00695C !important; } .bc-t-teal-darken-3 { border-top-color: #00695C !important; } .bc-b-teal-darken-3 { border-bottom-color: #00695C !important; } .bc-x-teal-darken-3 { border-left-color: #00695C !important; border-right-color: #00695C !important; } .bc-y-teal-darken-3 { border-top-color: #00695C !important; border-bottom-color: #00695C !important; } .bc-teal-darken-4 { border-color: #004D40 !important; } .bc-l-teal-darken-4 { border-left-color: #004D40 !important; } .bc-r-teal-darken-4 { border-right-color: #004D40 !important; } .bc-t-teal-darken-4 { border-top-color: #004D40 !important; } .bc-b-teal-darken-4 { border-bottom-color: #004D40 !important; } .bc-x-teal-darken-4 { border-left-color: #004D40 !important; border-right-color: #004D40 !important; } .bc-y-teal-darken-4 { border-top-color: #004D40 !important; border-bottom-color: #004D40 !important; } .bc-teal-accent-1 { border-color: #A7FFEB !important; } .bc-l-teal-accent-1 { border-left-color: #A7FFEB !important; } .bc-r-teal-accent-1 { border-right-color: #A7FFEB !important; } .bc-t-teal-accent-1 { border-top-color: #A7FFEB !important; } .bc-b-teal-accent-1 { border-bottom-color: #A7FFEB !important; } .bc-x-teal-accent-1 { border-left-color: #A7FFEB !important; border-right-color: #A7FFEB !important; } .bc-y-teal-accent-1 { border-top-color: #A7FFEB !important; border-bottom-color: #A7FFEB !important; } .bc-teal-accent-2 { border-color: #64FFDA !important; } .bc-l-teal-accent-2 { border-left-color: #64FFDA !important; } .bc-r-teal-accent-2 { border-right-color: #64FFDA !important; } .bc-t-teal-accent-2 { border-top-color: #64FFDA !important; } .bc-b-teal-accent-2 { border-bottom-color: #64FFDA !important; } .bc-x-teal-accent-2 { border-left-color: #64FFDA !important; border-right-color: #64FFDA !important; } .bc-y-teal-accent-2 { border-top-color: #64FFDA !important; border-bottom-color: #64FFDA !important; } .bc-teal-accent-3 { border-color: #1DE9B6 !important; } .bc-l-teal-accent-3 { border-left-color: #1DE9B6 !important; } .bc-r-teal-accent-3 { border-right-color: #1DE9B6 !important; } .bc-t-teal-accent-3 { border-top-color: #1DE9B6 !important; } .bc-b-teal-accent-3 { border-bottom-color: #1DE9B6 !important; } .bc-x-teal-accent-3 { border-left-color: #1DE9B6 !important; border-right-color: #1DE9B6 !important; } .bc-y-teal-accent-3 { border-top-color: #1DE9B6 !important; border-bottom-color: #1DE9B6 !important; } .bc-teal-accent-4 { border-color: #00BFA5 !important; } .bc-l-teal-accent-4 { border-left-color: #00BFA5 !important; } .bc-r-teal-accent-4 { border-right-color: #00BFA5 !important; } .bc-t-teal-accent-4 { border-top-color: #00BFA5 !important; } .bc-b-teal-accent-4 { border-bottom-color: #00BFA5 !important; } .bc-x-teal-accent-4 { border-left-color: #00BFA5 !important; border-right-color: #00BFA5 !important; } .bc-y-teal-accent-4 { border-top-color: #00BFA5 !important; border-bottom-color: #00BFA5 !important; } .bc-green { border-color: #4CAF50 !important; } .bc-l-green { border-left-color: #4CAF50 !important; } .bc-r-green { border-right-color: #4CAF50 !important; } .bc-t-green { border-top-color: #4CAF50 !important; } .bc-b-green { border-bottom-color: #4CAF50 !important; } .bc-x-green { border-left-color: #4CAF50 !important; border-right-color: #4CAF50 !important; } .bc-y-green { border-top-color: #4CAF50 !important; border-bottom-color: #4CAF50 !important; } .bc-green-lighten-5 { border-color: #E8F5E9 !important; } .bc-l-green-lighten-5 { border-left-color: #E8F5E9 !important; } .bc-r-green-lighten-5 { border-right-color: #E8F5E9 !important; } .bc-t-green-lighten-5 { border-top-color: #E8F5E9 !important; } .bc-b-green-lighten-5 { border-bottom-color: #E8F5E9 !important; } .bc-x-green-lighten-5 { border-left-color: #E8F5E9 !important; border-right-color: #E8F5E9 !important; } .bc-y-green-lighten-5 { border-top-color: #E8F5E9 !important; border-bottom-color: #E8F5E9 !important; } .bc-green-lighten-4 { border-color: #C8E6C9 !important; } .bc-l-green-lighten-4 { border-left-color: #C8E6C9 !important; } .bc-r-green-lighten-4 { border-right-color: #C8E6C9 !important; } .bc-t-green-lighten-4 { border-top-color: #C8E6C9 !important; } .bc-b-green-lighten-4 { border-bottom-color: #C8E6C9 !important; } .bc-x-green-lighten-4 { border-left-color: #C8E6C9 !important; border-right-color: #C8E6C9 !important; } .bc-y-green-lighten-4 { border-top-color: #C8E6C9 !important; border-bottom-color: #C8E6C9 !important; } .bc-green-lighten-3 { border-color: #A5D6A7 !important; } .bc-l-green-lighten-3 { border-left-color: #A5D6A7 !important; } .bc-r-green-lighten-3 { border-right-color: #A5D6A7 !important; } .bc-t-green-lighten-3 { border-top-color: #A5D6A7 !important; } .bc-b-green-lighten-3 { border-bottom-color: #A5D6A7 !important; } .bc-x-green-lighten-3 { border-left-color: #A5D6A7 !important; border-right-color: #A5D6A7 !important; } .bc-y-green-lighten-3 { border-top-color: #A5D6A7 !important; border-bottom-color: #A5D6A7 !important; } .bc-green-lighten-2 { border-color: #81C784 !important; } .bc-l-green-lighten-2 { border-left-color: #81C784 !important; } .bc-r-green-lighten-2 { border-right-color: #81C784 !important; } .bc-t-green-lighten-2 { border-top-color: #81C784 !important; } .bc-b-green-lighten-2 { border-bottom-color: #81C784 !important; } .bc-x-green-lighten-2 { border-left-color: #81C784 !important; border-right-color: #81C784 !important; } .bc-y-green-lighten-2 { border-top-color: #81C784 !important; border-bottom-color: #81C784 !important; } .bc-green-lighten-1 { border-color: #66BB6A !important; } .bc-l-green-lighten-1 { border-left-color: #66BB6A !important; } .bc-r-green-lighten-1 { border-right-color: #66BB6A !important; } .bc-t-green-lighten-1 { border-top-color: #66BB6A !important; } .bc-b-green-lighten-1 { border-bottom-color: #66BB6A !important; } .bc-x-green-lighten-1 { border-left-color: #66BB6A !important; border-right-color: #66BB6A !important; } .bc-y-green-lighten-1 { border-top-color: #66BB6A !important; border-bottom-color: #66BB6A !important; } .bc-green-darken-1 { border-color: #43A047 !important; } .bc-l-green-darken-1 { border-left-color: #43A047 !important; } .bc-r-green-darken-1 { border-right-color: #43A047 !important; } .bc-t-green-darken-1 { border-top-color: #43A047 !important; } .bc-b-green-darken-1 { border-bottom-color: #43A047 !important; } .bc-x-green-darken-1 { border-left-color: #43A047 !important; border-right-color: #43A047 !important; } .bc-y-green-darken-1 { border-top-color: #43A047 !important; border-bottom-color: #43A047 !important; } .bc-green-darken-2 { border-color: #388E3C !important; } .bc-l-green-darken-2 { border-left-color: #388E3C !important; } .bc-r-green-darken-2 { border-right-color: #388E3C !important; } .bc-t-green-darken-2 { border-top-color: #388E3C !important; } .bc-b-green-darken-2 { border-bottom-color: #388E3C !important; } .bc-x-green-darken-2 { border-left-color: #388E3C !important; border-right-color: #388E3C !important; } .bc-y-green-darken-2 { border-top-color: #388E3C !important; border-bottom-color: #388E3C !important; } .bc-green-darken-3 { border-color: #2E7D32 !important; } .bc-l-green-darken-3 { border-left-color: #2E7D32 !important; } .bc-r-green-darken-3 { border-right-color: #2E7D32 !important; } .bc-t-green-darken-3 { border-top-color: #2E7D32 !important; } .bc-b-green-darken-3 { border-bottom-color: #2E7D32 !important; } .bc-x-green-darken-3 { border-left-color: #2E7D32 !important; border-right-color: #2E7D32 !important; } .bc-y-green-darken-3 { border-top-color: #2E7D32 !important; border-bottom-color: #2E7D32 !important; } .bc-green-darken-4 { border-color: #1B5E20 !important; } .bc-l-green-darken-4 { border-left-color: #1B5E20 !important; } .bc-r-green-darken-4 { border-right-color: #1B5E20 !important; } .bc-t-green-darken-4 { border-top-color: #1B5E20 !important; } .bc-b-green-darken-4 { border-bottom-color: #1B5E20 !important; } .bc-x-green-darken-4 { border-left-color: #1B5E20 !important; border-right-color: #1B5E20 !important; } .bc-y-green-darken-4 { border-top-color: #1B5E20 !important; border-bottom-color: #1B5E20 !important; } .bc-green-accent-1 { border-color: #B9F6CA !important; } .bc-l-green-accent-1 { border-left-color: #B9F6CA !important; } .bc-r-green-accent-1 { border-right-color: #B9F6CA !important; } .bc-t-green-accent-1 { border-top-color: #B9F6CA !important; } .bc-b-green-accent-1 { border-bottom-color: #B9F6CA !important; } .bc-x-green-accent-1 { border-left-color: #B9F6CA !important; border-right-color: #B9F6CA !important; } .bc-y-green-accent-1 { border-top-color: #B9F6CA !important; border-bottom-color: #B9F6CA !important; } .bc-green-accent-2 { border-color: #69F0AE !important; } .bc-l-green-accent-2 { border-left-color: #69F0AE !important; } .bc-r-green-accent-2 { border-right-color: #69F0AE !important; } .bc-t-green-accent-2 { border-top-color: #69F0AE !important; } .bc-b-green-accent-2 { border-bottom-color: #69F0AE !important; } .bc-x-green-accent-2 { border-left-color: #69F0AE !important; border-right-color: #69F0AE !important; } .bc-y-green-accent-2 { border-top-color: #69F0AE !important; border-bottom-color: #69F0AE !important; } .bc-green-accent-3 { border-color: #00E676 !important; } .bc-l-green-accent-3 { border-left-color: #00E676 !important; } .bc-r-green-accent-3 { border-right-color: #00E676 !important; } .bc-t-green-accent-3 { border-top-color: #00E676 !important; } .bc-b-green-accent-3 { border-bottom-color: #00E676 !important; } .bc-x-green-accent-3 { border-left-color: #00E676 !important; border-right-color: #00E676 !important; } .bc-y-green-accent-3 { border-top-color: #00E676 !important; border-bottom-color: #00E676 !important; } .bc-green-accent-4 { border-color: #00C853 !important; } .bc-l-green-accent-4 { border-left-color: #00C853 !important; } .bc-r-green-accent-4 { border-right-color: #00C853 !important; } .bc-t-green-accent-4 { border-top-color: #00C853 !important; } .bc-b-green-accent-4 { border-bottom-color: #00C853 !important; } .bc-x-green-accent-4 { border-left-color: #00C853 !important; border-right-color: #00C853 !important; } .bc-y-green-accent-4 { border-top-color: #00C853 !important; border-bottom-color: #00C853 !important; } .bc-light-green { border-color: #8BC34A !important; } .bc-l-light-green { border-left-color: #8BC34A !important; } .bc-r-light-green { border-right-color: #8BC34A !important; } .bc-t-light-green { border-top-color: #8BC34A !important; } .bc-b-light-green { border-bottom-color: #8BC34A !important; } .bc-x-light-green { border-left-color: #8BC34A !important; border-right-color: #8BC34A !important; } .bc-y-light-green { border-top-color: #8BC34A !important; border-bottom-color: #8BC34A !important; } .bc-light-green-lighten-5 { border-color: #F1F8E9 !important; } .bc-l-light-green-lighten-5 { border-left-color: #F1F8E9 !important; } .bc-r-light-green-lighten-5 { border-right-color: #F1F8E9 !important; } .bc-t-light-green-lighten-5 { border-top-color: #F1F8E9 !important; } .bc-b-light-green-lighten-5 { border-bottom-color: #F1F8E9 !important; } .bc-x-light-green-lighten-5 { border-left-color: #F1F8E9 !important; border-right-color: #F1F8E9 !important; } .bc-y-light-green-lighten-5 { border-top-color: #F1F8E9 !important; border-bottom-color: #F1F8E9 !important; } .bc-light-green-lighten-4 { border-color: #DCEDC8 !important; } .bc-l-light-green-lighten-4 { border-left-color: #DCEDC8 !important; } .bc-r-light-green-lighten-4 { border-right-color: #DCEDC8 !important; } .bc-t-light-green-lighten-4 { border-top-color: #DCEDC8 !important; } .bc-b-light-green-lighten-4 { border-bottom-color: #DCEDC8 !important; } .bc-x-light-green-lighten-4 { border-left-color: #DCEDC8 !important; border-right-color: #DCEDC8 !important; } .bc-y-light-green-lighten-4 { border-top-color: #DCEDC8 !important; border-bottom-color: #DCEDC8 !important; } .bc-light-green-lighten-3 { border-color: #C5E1A5 !important; } .bc-l-light-green-lighten-3 { border-left-color: #C5E1A5 !important; } .bc-r-light-green-lighten-3 { border-right-color: #C5E1A5 !important; } .bc-t-light-green-lighten-3 { border-top-color: #C5E1A5 !important; } .bc-b-light-green-lighten-3 { border-bottom-color: #C5E1A5 !important; } .bc-x-light-green-lighten-3 { border-left-color: #C5E1A5 !important; border-right-color: #C5E1A5 !important; } .bc-y-light-green-lighten-3 { border-top-color: #C5E1A5 !important; border-bottom-color: #C5E1A5 !important; } .bc-light-green-lighten-2 { border-color: #AED581 !important; } .bc-l-light-green-lighten-2 { border-left-color: #AED581 !important; } .bc-r-light-green-lighten-2 { border-right-color: #AED581 !important; } .bc-t-light-green-lighten-2 { border-top-color: #AED581 !important; } .bc-b-light-green-lighten-2 { border-bottom-color: #AED581 !important; } .bc-x-light-green-lighten-2 { border-left-color: #AED581 !important; border-right-color: #AED581 !important; } .bc-y-light-green-lighten-2 { border-top-color: #AED581 !important; border-bottom-color: #AED581 !important; } .bc-light-green-lighten-1 { border-color: #9CCC65 !important; } .bc-l-light-green-lighten-1 { border-left-color: #9CCC65 !important; } .bc-r-light-green-lighten-1 { border-right-color: #9CCC65 !important; } .bc-t-light-green-lighten-1 { border-top-color: #9CCC65 !important; } .bc-b-light-green-lighten-1 { border-bottom-color: #9CCC65 !important; } .bc-x-light-green-lighten-1 { border-left-color: #9CCC65 !important; border-right-color: #9CCC65 !important; } .bc-y-light-green-lighten-1 { border-top-color: #9CCC65 !important; border-bottom-color: #9CCC65 !important; } .bc-light-green-darken-1 { border-color: #7CB342 !important; } .bc-l-light-green-darken-1 { border-left-color: #7CB342 !important; } .bc-r-light-green-darken-1 { border-right-color: #7CB342 !important; } .bc-t-light-green-darken-1 { border-top-color: #7CB342 !important; } .bc-b-light-green-darken-1 { border-bottom-color: #7CB342 !important; } .bc-x-light-green-darken-1 { border-left-color: #7CB342 !important; border-right-color: #7CB342 !important; } .bc-y-light-green-darken-1 { border-top-color: #7CB342 !important; border-bottom-color: #7CB342 !important; } .bc-light-green-darken-2 { border-color: #689F38 !important; } .bc-l-light-green-darken-2 { border-left-color: #689F38 !important; } .bc-r-light-green-darken-2 { border-right-color: #689F38 !important; } .bc-t-light-green-darken-2 { border-top-color: #689F38 !important; } .bc-b-light-green-darken-2 { border-bottom-color: #689F38 !important; } .bc-x-light-green-darken-2 { border-left-color: #689F38 !important; border-right-color: #689F38 !important; } .bc-y-light-green-darken-2 { border-top-color: #689F38 !important; border-bottom-color: #689F38 !important; } .bc-light-green-darken-3 { border-color: #558B2F !important; } .bc-l-light-green-darken-3 { border-left-color: #558B2F !important; } .bc-r-light-green-darken-3 { border-right-color: #558B2F !important; } .bc-t-light-green-darken-3 { border-top-color: #558B2F !important; } .bc-b-light-green-darken-3 { border-bottom-color: #558B2F !important; } .bc-x-light-green-darken-3 { border-left-color: #558B2F !important; border-right-color: #558B2F !important; } .bc-y-light-green-darken-3 { border-top-color: #558B2F !important; border-bottom-color: #558B2F !important; } .bc-light-green-darken-4 { border-color: #33691E !important; } .bc-l-light-green-darken-4 { border-left-color: #33691E !important; } .bc-r-light-green-darken-4 { border-right-color: #33691E !important; } .bc-t-light-green-darken-4 { border-top-color: #33691E !important; } .bc-b-light-green-darken-4 { border-bottom-color: #33691E !important; } .bc-x-light-green-darken-4 { border-left-color: #33691E !important; border-right-color: #33691E !important; } .bc-y-light-green-darken-4 { border-top-color: #33691E !important; border-bottom-color: #33691E !important; } .bc-light-green-accent-1 { border-color: #CCFF90 !important; } .bc-l-light-green-accent-1 { border-left-color: #CCFF90 !important; } .bc-r-light-green-accent-1 { border-right-color: #CCFF90 !important; } .bc-t-light-green-accent-1 { border-top-color: #CCFF90 !important; } .bc-b-light-green-accent-1 { border-bottom-color: #CCFF90 !important; } .bc-x-light-green-accent-1 { border-left-color: #CCFF90 !important; border-right-color: #CCFF90 !important; } .bc-y-light-green-accent-1 { border-top-color: #CCFF90 !important; border-bottom-color: #CCFF90 !important; } .bc-light-green-accent-2 { border-color: #B2FF59 !important; } .bc-l-light-green-accent-2 { border-left-color: #B2FF59 !important; } .bc-r-light-green-accent-2 { border-right-color: #B2FF59 !important; } .bc-t-light-green-accent-2 { border-top-color: #B2FF59 !important; } .bc-b-light-green-accent-2 { border-bottom-color: #B2FF59 !important; } .bc-x-light-green-accent-2 { border-left-color: #B2FF59 !important; border-right-color: #B2FF59 !important; } .bc-y-light-green-accent-2 { border-top-color: #B2FF59 !important; border-bottom-color: #B2FF59 !important; } .bc-light-green-accent-3 { border-color: #76FF03 !important; } .bc-l-light-green-accent-3 { border-left-color: #76FF03 !important; } .bc-r-light-green-accent-3 { border-right-color: #76FF03 !important; } .bc-t-light-green-accent-3 { border-top-color: #76FF03 !important; } .bc-b-light-green-accent-3 { border-bottom-color: #76FF03 !important; } .bc-x-light-green-accent-3 { border-left-color: #76FF03 !important; border-right-color: #76FF03 !important; } .bc-y-light-green-accent-3 { border-top-color: #76FF03 !important; border-bottom-color: #76FF03 !important; } .bc-light-green-accent-4 { border-color: #64DD17 !important; } .bc-l-light-green-accent-4 { border-left-color: #64DD17 !important; } .bc-r-light-green-accent-4 { border-right-color: #64DD17 !important; } .bc-t-light-green-accent-4 { border-top-color: #64DD17 !important; } .bc-b-light-green-accent-4 { border-bottom-color: #64DD17 !important; } .bc-x-light-green-accent-4 { border-left-color: #64DD17 !important; border-right-color: #64DD17 !important; } .bc-y-light-green-accent-4 { border-top-color: #64DD17 !important; border-bottom-color: #64DD17 !important; } .bc-lime { border-color: #CDDC39 !important; } .bc-l-lime { border-left-color: #CDDC39 !important; } .bc-r-lime { border-right-color: #CDDC39 !important; } .bc-t-lime { border-top-color: #CDDC39 !important; } .bc-b-lime { border-bottom-color: #CDDC39 !important; } .bc-x-lime { border-left-color: #CDDC39 !important; border-right-color: #CDDC39 !important; } .bc-y-lime { border-top-color: #CDDC39 !important; border-bottom-color: #CDDC39 !important; } .bc-lime-lighten-5 { border-color: #F9FBE7 !important; } .bc-l-lime-lighten-5 { border-left-color: #F9FBE7 !important; } .bc-r-lime-lighten-5 { border-right-color: #F9FBE7 !important; } .bc-t-lime-lighten-5 { border-top-color: #F9FBE7 !important; } .bc-b-lime-lighten-5 { border-bottom-color: #F9FBE7 !important; } .bc-x-lime-lighten-5 { border-left-color: #F9FBE7 !important; border-right-color: #F9FBE7 !important; } .bc-y-lime-lighten-5 { border-top-color: #F9FBE7 !important; border-bottom-color: #F9FBE7 !important; } .bc-lime-lighten-4 { border-color: #F0F4C3 !important; } .bc-l-lime-lighten-4 { border-left-color: #F0F4C3 !important; } .bc-r-lime-lighten-4 { border-right-color: #F0F4C3 !important; } .bc-t-lime-lighten-4 { border-top-color: #F0F4C3 !important; } .bc-b-lime-lighten-4 { border-bottom-color: #F0F4C3 !important; } .bc-x-lime-lighten-4 { border-left-color: #F0F4C3 !important; border-right-color: #F0F4C3 !important; } .bc-y-lime-lighten-4 { border-top-color: #F0F4C3 !important; border-bottom-color: #F0F4C3 !important; } .bc-lime-lighten-3 { border-color: #E6EE9C !important; } .bc-l-lime-lighten-3 { border-left-color: #E6EE9C !important; } .bc-r-lime-lighten-3 { border-right-color: #E6EE9C !important; } .bc-t-lime-lighten-3 { border-top-color: #E6EE9C !important; } .bc-b-lime-lighten-3 { border-bottom-color: #E6EE9C !important; } .bc-x-lime-lighten-3 { border-left-color: #E6EE9C !important; border-right-color: #E6EE9C !important; } .bc-y-lime-lighten-3 { border-top-color: #E6EE9C !important; border-bottom-color: #E6EE9C !important; } .bc-lime-lighten-2 { border-color: #DCE775 !important; } .bc-l-lime-lighten-2 { border-left-color: #DCE775 !important; } .bc-r-lime-lighten-2 { border-right-color: #DCE775 !important; } .bc-t-lime-lighten-2 { border-top-color: #DCE775 !important; } .bc-b-lime-lighten-2 { border-bottom-color: #DCE775 !important; } .bc-x-lime-lighten-2 { border-left-color: #DCE775 !important; border-right-color: #DCE775 !important; } .bc-y-lime-lighten-2 { border-top-color: #DCE775 !important; border-bottom-color: #DCE775 !important; } .bc-lime-lighten-1 { border-color: #D4E157 !important; } .bc-l-lime-lighten-1 { border-left-color: #D4E157 !important; } .bc-r-lime-lighten-1 { border-right-color: #D4E157 !important; } .bc-t-lime-lighten-1 { border-top-color: #D4E157 !important; } .bc-b-lime-lighten-1 { border-bottom-color: #D4E157 !important; } .bc-x-lime-lighten-1 { border-left-color: #D4E157 !important; border-right-color: #D4E157 !important; } .bc-y-lime-lighten-1 { border-top-color: #D4E157 !important; border-bottom-color: #D4E157 !important; } .bc-lime-darken-1 { border-color: #C0CA33 !important; } .bc-l-lime-darken-1 { border-left-color: #C0CA33 !important; } .bc-r-lime-darken-1 { border-right-color: #C0CA33 !important; } .bc-t-lime-darken-1 { border-top-color: #C0CA33 !important; } .bc-b-lime-darken-1 { border-bottom-color: #C0CA33 !important; } .bc-x-lime-darken-1 { border-left-color: #C0CA33 !important; border-right-color: #C0CA33 !important; } .bc-y-lime-darken-1 { border-top-color: #C0CA33 !important; border-bottom-color: #C0CA33 !important; } .bc-lime-darken-2 { border-color: #AFB42B !important; } .bc-l-lime-darken-2 { border-left-color: #AFB42B !important; } .bc-r-lime-darken-2 { border-right-color: #AFB42B !important; } .bc-t-lime-darken-2 { border-top-color: #AFB42B !important; } .bc-b-lime-darken-2 { border-bottom-color: #AFB42B !important; } .bc-x-lime-darken-2 { border-left-color: #AFB42B !important; border-right-color: #AFB42B !important; } .bc-y-lime-darken-2 { border-top-color: #AFB42B !important; border-bottom-color: #AFB42B !important; } .bc-lime-darken-3 { border-color: #9E9D24 !important; } .bc-l-lime-darken-3 { border-left-color: #9E9D24 !important; } .bc-r-lime-darken-3 { border-right-color: #9E9D24 !important; } .bc-t-lime-darken-3 { border-top-color: #9E9D24 !important; } .bc-b-lime-darken-3 { border-bottom-color: #9E9D24 !important; } .bc-x-lime-darken-3 { border-left-color: #9E9D24 !important; border-right-color: #9E9D24 !important; } .bc-y-lime-darken-3 { border-top-color: #9E9D24 !important; border-bottom-color: #9E9D24 !important; } .bc-lime-darken-4 { border-color: #827717 !important; } .bc-l-lime-darken-4 { border-left-color: #827717 !important; } .bc-r-lime-darken-4 { border-right-color: #827717 !important; } .bc-t-lime-darken-4 { border-top-color: #827717 !important; } .bc-b-lime-darken-4 { border-bottom-color: #827717 !important; } .bc-x-lime-darken-4 { border-left-color: #827717 !important; border-right-color: #827717 !important; } .bc-y-lime-darken-4 { border-top-color: #827717 !important; border-bottom-color: #827717 !important; } .bc-lime-accent-1 { border-color: #F4FF81 !important; } .bc-l-lime-accent-1 { border-left-color: #F4FF81 !important; } .bc-r-lime-accent-1 { border-right-color: #F4FF81 !important; } .bc-t-lime-accent-1 { border-top-color: #F4FF81 !important; } .bc-b-lime-accent-1 { border-bottom-color: #F4FF81 !important; } .bc-x-lime-accent-1 { border-left-color: #F4FF81 !important; border-right-color: #F4FF81 !important; } .bc-y-lime-accent-1 { border-top-color: #F4FF81 !important; border-bottom-color: #F4FF81 !important; } .bc-lime-accent-2 { border-color: #EEFF41 !important; } .bc-l-lime-accent-2 { border-left-color: #EEFF41 !important; } .bc-r-lime-accent-2 { border-right-color: #EEFF41 !important; } .bc-t-lime-accent-2 { border-top-color: #EEFF41 !important; } .bc-b-lime-accent-2 { border-bottom-color: #EEFF41 !important; } .bc-x-lime-accent-2 { border-left-color: #EEFF41 !important; border-right-color: #EEFF41 !important; } .bc-y-lime-accent-2 { border-top-color: #EEFF41 !important; border-bottom-color: #EEFF41 !important; } .bc-lime-accent-3 { border-color: #C6FF00 !important; } .bc-l-lime-accent-3 { border-left-color: #C6FF00 !important; } .bc-r-lime-accent-3 { border-right-color: #C6FF00 !important; } .bc-t-lime-accent-3 { border-top-color: #C6FF00 !important; } .bc-b-lime-accent-3 { border-bottom-color: #C6FF00 !important; } .bc-x-lime-accent-3 { border-left-color: #C6FF00 !important; border-right-color: #C6FF00 !important; } .bc-y-lime-accent-3 { border-top-color: #C6FF00 !important; border-bottom-color: #C6FF00 !important; } .bc-lime-accent-4 { border-color: #AEEA00 !important; } .bc-l-lime-accent-4 { border-left-color: #AEEA00 !important; } .bc-r-lime-accent-4 { border-right-color: #AEEA00 !important; } .bc-t-lime-accent-4 { border-top-color: #AEEA00 !important; } .bc-b-lime-accent-4 { border-bottom-color: #AEEA00 !important; } .bc-x-lime-accent-4 { border-left-color: #AEEA00 !important; border-right-color: #AEEA00 !important; } .bc-y-lime-accent-4 { border-top-color: #AEEA00 !important; border-bottom-color: #AEEA00 !important; } .bc-yellow { border-color: #FFEB3B !important; } .bc-l-yellow { border-left-color: #FFEB3B !important; } .bc-r-yellow { border-right-color: #FFEB3B !important; } .bc-t-yellow { border-top-color: #FFEB3B !important; } .bc-b-yellow { border-bottom-color: #FFEB3B !important; } .bc-x-yellow { border-left-color: #FFEB3B !important; border-right-color: #FFEB3B !important; } .bc-y-yellow { border-top-color: #FFEB3B !important; border-bottom-color: #FFEB3B !important; } .bc-yellow-lighten-5 { border-color: #FFFDE7 !important; } .bc-l-yellow-lighten-5 { border-left-color: #FFFDE7 !important; } .bc-r-yellow-lighten-5 { border-right-color: #FFFDE7 !important; } .bc-t-yellow-lighten-5 { border-top-color: #FFFDE7 !important; } .bc-b-yellow-lighten-5 { border-bottom-color: #FFFDE7 !important; } .bc-x-yellow-lighten-5 { border-left-color: #FFFDE7 !important; border-right-color: #FFFDE7 !important; } .bc-y-yellow-lighten-5 { border-top-color: #FFFDE7 !important; border-bottom-color: #FFFDE7 !important; } .bc-yellow-lighten-4 { border-color: #FFF9C4 !important; } .bc-l-yellow-lighten-4 { border-left-color: #FFF9C4 !important; } .bc-r-yellow-lighten-4 { border-right-color: #FFF9C4 !important; } .bc-t-yellow-lighten-4 { border-top-color: #FFF9C4 !important; } .bc-b-yellow-lighten-4 { border-bottom-color: #FFF9C4 !important; } .bc-x-yellow-lighten-4 { border-left-color: #FFF9C4 !important; border-right-color: #FFF9C4 !important; } .bc-y-yellow-lighten-4 { border-top-color: #FFF9C4 !important; border-bottom-color: #FFF9C4 !important; } .bc-yellow-lighten-3 { border-color: #FFF59D !important; } .bc-l-yellow-lighten-3 { border-left-color: #FFF59D !important; } .bc-r-yellow-lighten-3 { border-right-color: #FFF59D !important; } .bc-t-yellow-lighten-3 { border-top-color: #FFF59D !important; } .bc-b-yellow-lighten-3 { border-bottom-color: #FFF59D !important; } .bc-x-yellow-lighten-3 { border-left-color: #FFF59D !important; border-right-color: #FFF59D !important; } .bc-y-yellow-lighten-3 { border-top-color: #FFF59D !important; border-bottom-color: #FFF59D !important; } .bc-yellow-lighten-2 { border-color: #FFF176 !important; } .bc-l-yellow-lighten-2 { border-left-color: #FFF176 !important; } .bc-r-yellow-lighten-2 { border-right-color: #FFF176 !important; } .bc-t-yellow-lighten-2 { border-top-color: #FFF176 !important; } .bc-b-yellow-lighten-2 { border-bottom-color: #FFF176 !important; } .bc-x-yellow-lighten-2 { border-left-color: #FFF176 !important; border-right-color: #FFF176 !important; } .bc-y-yellow-lighten-2 { border-top-color: #FFF176 !important; border-bottom-color: #FFF176 !important; } .bc-yellow-lighten-1 { border-color: #FFEE58 !important; } .bc-l-yellow-lighten-1 { border-left-color: #FFEE58 !important; } .bc-r-yellow-lighten-1 { border-right-color: #FFEE58 !important; } .bc-t-yellow-lighten-1 { border-top-color: #FFEE58 !important; } .bc-b-yellow-lighten-1 { border-bottom-color: #FFEE58 !important; } .bc-x-yellow-lighten-1 { border-left-color: #FFEE58 !important; border-right-color: #FFEE58 !important; } .bc-y-yellow-lighten-1 { border-top-color: #FFEE58 !important; border-bottom-color: #FFEE58 !important; } .bc-yellow-darken-1 { border-color: #FDD835 !important; } .bc-l-yellow-darken-1 { border-left-color: #FDD835 !important; } .bc-r-yellow-darken-1 { border-right-color: #FDD835 !important; } .bc-t-yellow-darken-1 { border-top-color: #FDD835 !important; } .bc-b-yellow-darken-1 { border-bottom-color: #FDD835 !important; } .bc-x-yellow-darken-1 { border-left-color: #FDD835 !important; border-right-color: #FDD835 !important; } .bc-y-yellow-darken-1 { border-top-color: #FDD835 !important; border-bottom-color: #FDD835 !important; } .bc-yellow-darken-2 { border-color: #FBC02D !important; } .bc-l-yellow-darken-2 { border-left-color: #FBC02D !important; } .bc-r-yellow-darken-2 { border-right-color: #FBC02D !important; } .bc-t-yellow-darken-2 { border-top-color: #FBC02D !important; } .bc-b-yellow-darken-2 { border-bottom-color: #FBC02D !important; } .bc-x-yellow-darken-2 { border-left-color: #FBC02D !important; border-right-color: #FBC02D !important; } .bc-y-yellow-darken-2 { border-top-color: #FBC02D !important; border-bottom-color: #FBC02D !important; } .bc-yellow-darken-3 { border-color: #F9A825 !important; } .bc-l-yellow-darken-3 { border-left-color: #F9A825 !important; } .bc-r-yellow-darken-3 { border-right-color: #F9A825 !important; } .bc-t-yellow-darken-3 { border-top-color: #F9A825 !important; } .bc-b-yellow-darken-3 { border-bottom-color: #F9A825 !important; } .bc-x-yellow-darken-3 { border-left-color: #F9A825 !important; border-right-color: #F9A825 !important; } .bc-y-yellow-darken-3 { border-top-color: #F9A825 !important; border-bottom-color: #F9A825 !important; } .bc-yellow-darken-4 { border-color: #F57F17 !important; } .bc-l-yellow-darken-4 { border-left-color: #F57F17 !important; } .bc-r-yellow-darken-4 { border-right-color: #F57F17 !important; } .bc-t-yellow-darken-4 { border-top-color: #F57F17 !important; } .bc-b-yellow-darken-4 { border-bottom-color: #F57F17 !important; } .bc-x-yellow-darken-4 { border-left-color: #F57F17 !important; border-right-color: #F57F17 !important; } .bc-y-yellow-darken-4 { border-top-color: #F57F17 !important; border-bottom-color: #F57F17 !important; } .bc-yellow-accent-1 { border-color: #FFFF8D !important; } .bc-l-yellow-accent-1 { border-left-color: #FFFF8D !important; } .bc-r-yellow-accent-1 { border-right-color: #FFFF8D !important; } .bc-t-yellow-accent-1 { border-top-color: #FFFF8D !important; } .bc-b-yellow-accent-1 { border-bottom-color: #FFFF8D !important; } .bc-x-yellow-accent-1 { border-left-color: #FFFF8D !important; border-right-color: #FFFF8D !important; } .bc-y-yellow-accent-1 { border-top-color: #FFFF8D !important; border-bottom-color: #FFFF8D !important; } .bc-yellow-accent-2 { border-color: #FFFF00 !important; } .bc-l-yellow-accent-2 { border-left-color: #FFFF00 !important; } .bc-r-yellow-accent-2 { border-right-color: #FFFF00 !important; } .bc-t-yellow-accent-2 { border-top-color: #FFFF00 !important; } .bc-b-yellow-accent-2 { border-bottom-color: #FFFF00 !important; } .bc-x-yellow-accent-2 { border-left-color: #FFFF00 !important; border-right-color: #FFFF00 !important; } .bc-y-yellow-accent-2 { border-top-color: #FFFF00 !important; border-bottom-color: #FFFF00 !important; } .bc-yellow-accent-3 { border-color: #FFEA00 !important; } .bc-l-yellow-accent-3 { border-left-color: #FFEA00 !important; } .bc-r-yellow-accent-3 { border-right-color: #FFEA00 !important; } .bc-t-yellow-accent-3 { border-top-color: #FFEA00 !important; } .bc-b-yellow-accent-3 { border-bottom-color: #FFEA00 !important; } .bc-x-yellow-accent-3 { border-left-color: #FFEA00 !important; border-right-color: #FFEA00 !important; } .bc-y-yellow-accent-3 { border-top-color: #FFEA00 !important; border-bottom-color: #FFEA00 !important; } .bc-yellow-accent-4 { border-color: #FFD600 !important; } .bc-l-yellow-accent-4 { border-left-color: #FFD600 !important; } .bc-r-yellow-accent-4 { border-right-color: #FFD600 !important; } .bc-t-yellow-accent-4 { border-top-color: #FFD600 !important; } .bc-b-yellow-accent-4 { border-bottom-color: #FFD600 !important; } .bc-x-yellow-accent-4 { border-left-color: #FFD600 !important; border-right-color: #FFD600 !important; } .bc-y-yellow-accent-4 { border-top-color: #FFD600 !important; border-bottom-color: #FFD600 !important; } .bc-amber { border-color: #FFC107 !important; } .bc-l-amber { border-left-color: #FFC107 !important; } .bc-r-amber { border-right-color: #FFC107 !important; } .bc-t-amber { border-top-color: #FFC107 !important; } .bc-b-amber { border-bottom-color: #FFC107 !important; } .bc-x-amber { border-left-color: #FFC107 !important; border-right-color: #FFC107 !important; } .bc-y-amber { border-top-color: #FFC107 !important; border-bottom-color: #FFC107 !important; } .bc-amber-lighten-5 { border-color: #FFF8E1 !important; } .bc-l-amber-lighten-5 { border-left-color: #FFF8E1 !important; } .bc-r-amber-lighten-5 { border-right-color: #FFF8E1 !important; } .bc-t-amber-lighten-5 { border-top-color: #FFF8E1 !important; } .bc-b-amber-lighten-5 { border-bottom-color: #FFF8E1 !important; } .bc-x-amber-lighten-5 { border-left-color: #FFF8E1 !important; border-right-color: #FFF8E1 !important; } .bc-y-amber-lighten-5 { border-top-color: #FFF8E1 !important; border-bottom-color: #FFF8E1 !important; } .bc-amber-lighten-4 { border-color: #FFECB3 !important; } .bc-l-amber-lighten-4 { border-left-color: #FFECB3 !important; } .bc-r-amber-lighten-4 { border-right-color: #FFECB3 !important; } .bc-t-amber-lighten-4 { border-top-color: #FFECB3 !important; } .bc-b-amber-lighten-4 { border-bottom-color: #FFECB3 !important; } .bc-x-amber-lighten-4 { border-left-color: #FFECB3 !important; border-right-color: #FFECB3 !important; } .bc-y-amber-lighten-4 { border-top-color: #FFECB3 !important; border-bottom-color: #FFECB3 !important; } .bc-amber-lighten-3 { border-color: #FFE082 !important; } .bc-l-amber-lighten-3 { border-left-color: #FFE082 !important; } .bc-r-amber-lighten-3 { border-right-color: #FFE082 !important; } .bc-t-amber-lighten-3 { border-top-color: #FFE082 !important; } .bc-b-amber-lighten-3 { border-bottom-color: #FFE082 !important; } .bc-x-amber-lighten-3 { border-left-color: #FFE082 !important; border-right-color: #FFE082 !important; } .bc-y-amber-lighten-3 { border-top-color: #FFE082 !important; border-bottom-color: #FFE082 !important; } .bc-amber-lighten-2 { border-color: #FFD54F !important; } .bc-l-amber-lighten-2 { border-left-color: #FFD54F !important; } .bc-r-amber-lighten-2 { border-right-color: #FFD54F !important; } .bc-t-amber-lighten-2 { border-top-color: #FFD54F !important; } .bc-b-amber-lighten-2 { border-bottom-color: #FFD54F !important; } .bc-x-amber-lighten-2 { border-left-color: #FFD54F !important; border-right-color: #FFD54F !important; } .bc-y-amber-lighten-2 { border-top-color: #FFD54F !important; border-bottom-color: #FFD54F !important; } .bc-amber-lighten-1 { border-color: #FFCA28 !important; } .bc-l-amber-lighten-1 { border-left-color: #FFCA28 !important; } .bc-r-amber-lighten-1 { border-right-color: #FFCA28 !important; } .bc-t-amber-lighten-1 { border-top-color: #FFCA28 !important; } .bc-b-amber-lighten-1 { border-bottom-color: #FFCA28 !important; } .bc-x-amber-lighten-1 { border-left-color: #FFCA28 !important; border-right-color: #FFCA28 !important; } .bc-y-amber-lighten-1 { border-top-color: #FFCA28 !important; border-bottom-color: #FFCA28 !important; } .bc-amber-darken-1 { border-color: #FFB300 !important; } .bc-l-amber-darken-1 { border-left-color: #FFB300 !important; } .bc-r-amber-darken-1 { border-right-color: #FFB300 !important; } .bc-t-amber-darken-1 { border-top-color: #FFB300 !important; } .bc-b-amber-darken-1 { border-bottom-color: #FFB300 !important; } .bc-x-amber-darken-1 { border-left-color: #FFB300 !important; border-right-color: #FFB300 !important; } .bc-y-amber-darken-1 { border-top-color: #FFB300 !important; border-bottom-color: #FFB300 !important; } .bc-amber-darken-2 { border-color: #FFA000 !important; } .bc-l-amber-darken-2 { border-left-color: #FFA000 !important; } .bc-r-amber-darken-2 { border-right-color: #FFA000 !important; } .bc-t-amber-darken-2 { border-top-color: #FFA000 !important; } .bc-b-amber-darken-2 { border-bottom-color: #FFA000 !important; } .bc-x-amber-darken-2 { border-left-color: #FFA000 !important; border-right-color: #FFA000 !important; } .bc-y-amber-darken-2 { border-top-color: #FFA000 !important; border-bottom-color: #FFA000 !important; } .bc-amber-darken-3 { border-color: #FF8F00 !important; } .bc-l-amber-darken-3 { border-left-color: #FF8F00 !important; } .bc-r-amber-darken-3 { border-right-color: #FF8F00 !important; } .bc-t-amber-darken-3 { border-top-color: #FF8F00 !important; } .bc-b-amber-darken-3 { border-bottom-color: #FF8F00 !important; } .bc-x-amber-darken-3 { border-left-color: #FF8F00 !important; border-right-color: #FF8F00 !important; } .bc-y-amber-darken-3 { border-top-color: #FF8F00 !important; border-bottom-color: #FF8F00 !important; } .bc-amber-darken-4 { border-color: #FF6F00 !important; } .bc-l-amber-darken-4 { border-left-color: #FF6F00 !important; } .bc-r-amber-darken-4 { border-right-color: #FF6F00 !important; } .bc-t-amber-darken-4 { border-top-color: #FF6F00 !important; } .bc-b-amber-darken-4 { border-bottom-color: #FF6F00 !important; } .bc-x-amber-darken-4 { border-left-color: #FF6F00 !important; border-right-color: #FF6F00 !important; } .bc-y-amber-darken-4 { border-top-color: #FF6F00 !important; border-bottom-color: #FF6F00 !important; } .bc-amber-accent-1 { border-color: #FFE57F !important; } .bc-l-amber-accent-1 { border-left-color: #FFE57F !important; } .bc-r-amber-accent-1 { border-right-color: #FFE57F !important; } .bc-t-amber-accent-1 { border-top-color: #FFE57F !important; } .bc-b-amber-accent-1 { border-bottom-color: #FFE57F !important; } .bc-x-amber-accent-1 { border-left-color: #FFE57F !important; border-right-color: #FFE57F !important; } .bc-y-amber-accent-1 { border-top-color: #FFE57F !important; border-bottom-color: #FFE57F !important; } .bc-amber-accent-2 { border-color: #FFD740 !important; } .bc-l-amber-accent-2 { border-left-color: #FFD740 !important; } .bc-r-amber-accent-2 { border-right-color: #FFD740 !important; } .bc-t-amber-accent-2 { border-top-color: #FFD740 !important; } .bc-b-amber-accent-2 { border-bottom-color: #FFD740 !important; } .bc-x-amber-accent-2 { border-left-color: #FFD740 !important; border-right-color: #FFD740 !important; } .bc-y-amber-accent-2 { border-top-color: #FFD740 !important; border-bottom-color: #FFD740 !important; } .bc-amber-accent-3 { border-color: #FFC400 !important; } .bc-l-amber-accent-3 { border-left-color: #FFC400 !important; } .bc-r-amber-accent-3 { border-right-color: #FFC400 !important; } .bc-t-amber-accent-3 { border-top-color: #FFC400 !important; } .bc-b-amber-accent-3 { border-bottom-color: #FFC400 !important; } .bc-x-amber-accent-3 { border-left-color: #FFC400 !important; border-right-color: #FFC400 !important; } .bc-y-amber-accent-3 { border-top-color: #FFC400 !important; border-bottom-color: #FFC400 !important; } .bc-amber-accent-4 { border-color: #FFAB00 !important; } .bc-l-amber-accent-4 { border-left-color: #FFAB00 !important; } .bc-r-amber-accent-4 { border-right-color: #FFAB00 !important; } .bc-t-amber-accent-4 { border-top-color: #FFAB00 !important; } .bc-b-amber-accent-4 { border-bottom-color: #FFAB00 !important; } .bc-x-amber-accent-4 { border-left-color: #FFAB00 !important; border-right-color: #FFAB00 !important; } .bc-y-amber-accent-4 { border-top-color: #FFAB00 !important; border-bottom-color: #FFAB00 !important; } .bc-orange { border-color: #FF9800 !important; } .bc-l-orange { border-left-color: #FF9800 !important; } .bc-r-orange { border-right-color: #FF9800 !important; } .bc-t-orange { border-top-color: #FF9800 !important; } .bc-b-orange { border-bottom-color: #FF9800 !important; } .bc-x-orange { border-left-color: #FF9800 !important; border-right-color: #FF9800 !important; } .bc-y-orange { border-top-color: #FF9800 !important; border-bottom-color: #FF9800 !important; } .bc-orange-lighten-5 { border-color: #FFF3E0 !important; } .bc-l-orange-lighten-5 { border-left-color: #FFF3E0 !important; } .bc-r-orange-lighten-5 { border-right-color: #FFF3E0 !important; } .bc-t-orange-lighten-5 { border-top-color: #FFF3E0 !important; } .bc-b-orange-lighten-5 { border-bottom-color: #FFF3E0 !important; } .bc-x-orange-lighten-5 { border-left-color: #FFF3E0 !important; border-right-color: #FFF3E0 !important; } .bc-y-orange-lighten-5 { border-top-color: #FFF3E0 !important; border-bottom-color: #FFF3E0 !important; } .bc-orange-lighten-4 { border-color: #FFE0B2 !important; } .bc-l-orange-lighten-4 { border-left-color: #FFE0B2 !important; } .bc-r-orange-lighten-4 { border-right-color: #FFE0B2 !important; } .bc-t-orange-lighten-4 { border-top-color: #FFE0B2 !important; } .bc-b-orange-lighten-4 { border-bottom-color: #FFE0B2 !important; } .bc-x-orange-lighten-4 { border-left-color: #FFE0B2 !important; border-right-color: #FFE0B2 !important; } .bc-y-orange-lighten-4 { border-top-color: #FFE0B2 !important; border-bottom-color: #FFE0B2 !important; } .bc-orange-lighten-3 { border-color: #FFCC80 !important; } .bc-l-orange-lighten-3 { border-left-color: #FFCC80 !important; } .bc-r-orange-lighten-3 { border-right-color: #FFCC80 !important; } .bc-t-orange-lighten-3 { border-top-color: #FFCC80 !important; } .bc-b-orange-lighten-3 { border-bottom-color: #FFCC80 !important; } .bc-x-orange-lighten-3 { border-left-color: #FFCC80 !important; border-right-color: #FFCC80 !important; } .bc-y-orange-lighten-3 { border-top-color: #FFCC80 !important; border-bottom-color: #FFCC80 !important; } .bc-orange-lighten-2 { border-color: #FFB74D !important; } .bc-l-orange-lighten-2 { border-left-color: #FFB74D !important; } .bc-r-orange-lighten-2 { border-right-color: #FFB74D !important; } .bc-t-orange-lighten-2 { border-top-color: #FFB74D !important; } .bc-b-orange-lighten-2 { border-bottom-color: #FFB74D !important; } .bc-x-orange-lighten-2 { border-left-color: #FFB74D !important; border-right-color: #FFB74D !important; } .bc-y-orange-lighten-2 { border-top-color: #FFB74D !important; border-bottom-color: #FFB74D !important; } .bc-orange-lighten-1 { border-color: #FFA726 !important; } .bc-l-orange-lighten-1 { border-left-color: #FFA726 !important; } .bc-r-orange-lighten-1 { border-right-color: #FFA726 !important; } .bc-t-orange-lighten-1 { border-top-color: #FFA726 !important; } .bc-b-orange-lighten-1 { border-bottom-color: #FFA726 !important; } .bc-x-orange-lighten-1 { border-left-color: #FFA726 !important; border-right-color: #FFA726 !important; } .bc-y-orange-lighten-1 { border-top-color: #FFA726 !important; border-bottom-color: #FFA726 !important; } .bc-orange-darken-1 { border-color: #FB8C00 !important; } .bc-l-orange-darken-1 { border-left-color: #FB8C00 !important; } .bc-r-orange-darken-1 { border-right-color: #FB8C00 !important; } .bc-t-orange-darken-1 { border-top-color: #FB8C00 !important; } .bc-b-orange-darken-1 { border-bottom-color: #FB8C00 !important; } .bc-x-orange-darken-1 { border-left-color: #FB8C00 !important; border-right-color: #FB8C00 !important; } .bc-y-orange-darken-1 { border-top-color: #FB8C00 !important; border-bottom-color: #FB8C00 !important; } .bc-orange-darken-2 { border-color: #F57C00 !important; } .bc-l-orange-darken-2 { border-left-color: #F57C00 !important; } .bc-r-orange-darken-2 { border-right-color: #F57C00 !important; } .bc-t-orange-darken-2 { border-top-color: #F57C00 !important; } .bc-b-orange-darken-2 { border-bottom-color: #F57C00 !important; } .bc-x-orange-darken-2 { border-left-color: #F57C00 !important; border-right-color: #F57C00 !important; } .bc-y-orange-darken-2 { border-top-color: #F57C00 !important; border-bottom-color: #F57C00 !important; } .bc-orange-darken-3 { border-color: #EF6C00 !important; } .bc-l-orange-darken-3 { border-left-color: #EF6C00 !important; } .bc-r-orange-darken-3 { border-right-color: #EF6C00 !important; } .bc-t-orange-darken-3 { border-top-color: #EF6C00 !important; } .bc-b-orange-darken-3 { border-bottom-color: #EF6C00 !important; } .bc-x-orange-darken-3 { border-left-color: #EF6C00 !important; border-right-color: #EF6C00 !important; } .bc-y-orange-darken-3 { border-top-color: #EF6C00 !important; border-bottom-color: #EF6C00 !important; } .bc-orange-darken-4 { border-color: #E65100 !important; } .bc-l-orange-darken-4 { border-left-color: #E65100 !important; } .bc-r-orange-darken-4 { border-right-color: #E65100 !important; } .bc-t-orange-darken-4 { border-top-color: #E65100 !important; } .bc-b-orange-darken-4 { border-bottom-color: #E65100 !important; } .bc-x-orange-darken-4 { border-left-color: #E65100 !important; border-right-color: #E65100 !important; } .bc-y-orange-darken-4 { border-top-color: #E65100 !important; border-bottom-color: #E65100 !important; } .bc-orange-accent-1 { border-color: #FFD180 !important; } .bc-l-orange-accent-1 { border-left-color: #FFD180 !important; } .bc-r-orange-accent-1 { border-right-color: #FFD180 !important; } .bc-t-orange-accent-1 { border-top-color: #FFD180 !important; } .bc-b-orange-accent-1 { border-bottom-color: #FFD180 !important; } .bc-x-orange-accent-1 { border-left-color: #FFD180 !important; border-right-color: #FFD180 !important; } .bc-y-orange-accent-1 { border-top-color: #FFD180 !important; border-bottom-color: #FFD180 !important; } .bc-orange-accent-2 { border-color: #FFAB40 !important; } .bc-l-orange-accent-2 { border-left-color: #FFAB40 !important; } .bc-r-orange-accent-2 { border-right-color: #FFAB40 !important; } .bc-t-orange-accent-2 { border-top-color: #FFAB40 !important; } .bc-b-orange-accent-2 { border-bottom-color: #FFAB40 !important; } .bc-x-orange-accent-2 { border-left-color: #FFAB40 !important; border-right-color: #FFAB40 !important; } .bc-y-orange-accent-2 { border-top-color: #FFAB40 !important; border-bottom-color: #FFAB40 !important; } .bc-orange-accent-3 { border-color: #FF9100 !important; } .bc-l-orange-accent-3 { border-left-color: #FF9100 !important; } .bc-r-orange-accent-3 { border-right-color: #FF9100 !important; } .bc-t-orange-accent-3 { border-top-color: #FF9100 !important; } .bc-b-orange-accent-3 { border-bottom-color: #FF9100 !important; } .bc-x-orange-accent-3 { border-left-color: #FF9100 !important; border-right-color: #FF9100 !important; } .bc-y-orange-accent-3 { border-top-color: #FF9100 !important; border-bottom-color: #FF9100 !important; } .bc-orange-accent-4 { border-color: #FF6D00 !important; } .bc-l-orange-accent-4 { border-left-color: #FF6D00 !important; } .bc-r-orange-accent-4 { border-right-color: #FF6D00 !important; } .bc-t-orange-accent-4 { border-top-color: #FF6D00 !important; } .bc-b-orange-accent-4 { border-bottom-color: #FF6D00 !important; } .bc-x-orange-accent-4 { border-left-color: #FF6D00 !important; border-right-color: #FF6D00 !important; } .bc-y-orange-accent-4 { border-top-color: #FF6D00 !important; border-bottom-color: #FF6D00 !important; } .bc-deep-orange { border-color: #FF5722 !important; } .bc-l-deep-orange { border-left-color: #FF5722 !important; } .bc-r-deep-orange { border-right-color: #FF5722 !important; } .bc-t-deep-orange { border-top-color: #FF5722 !important; } .bc-b-deep-orange { border-bottom-color: #FF5722 !important; } .bc-x-deep-orange { border-left-color: #FF5722 !important; border-right-color: #FF5722 !important; } .bc-y-deep-orange { border-top-color: #FF5722 !important; border-bottom-color: #FF5722 !important; } .bc-deep-orange-lighten-5 { border-color: #FBE9E7 !important; } .bc-l-deep-orange-lighten-5 { border-left-color: #FBE9E7 !important; } .bc-r-deep-orange-lighten-5 { border-right-color: #FBE9E7 !important; } .bc-t-deep-orange-lighten-5 { border-top-color: #FBE9E7 !important; } .bc-b-deep-orange-lighten-5 { border-bottom-color: #FBE9E7 !important; } .bc-x-deep-orange-lighten-5 { border-left-color: #FBE9E7 !important; border-right-color: #FBE9E7 !important; } .bc-y-deep-orange-lighten-5 { border-top-color: #FBE9E7 !important; border-bottom-color: #FBE9E7 !important; } .bc-deep-orange-lighten-4 { border-color: #FFCCBC !important; } .bc-l-deep-orange-lighten-4 { border-left-color: #FFCCBC !important; } .bc-r-deep-orange-lighten-4 { border-right-color: #FFCCBC !important; } .bc-t-deep-orange-lighten-4 { border-top-color: #FFCCBC !important; } .bc-b-deep-orange-lighten-4 { border-bottom-color: #FFCCBC !important; } .bc-x-deep-orange-lighten-4 { border-left-color: #FFCCBC !important; border-right-color: #FFCCBC !important; } .bc-y-deep-orange-lighten-4 { border-top-color: #FFCCBC !important; border-bottom-color: #FFCCBC !important; } .bc-deep-orange-lighten-3 { border-color: #FFAB91 !important; } .bc-l-deep-orange-lighten-3 { border-left-color: #FFAB91 !important; } .bc-r-deep-orange-lighten-3 { border-right-color: #FFAB91 !important; } .bc-t-deep-orange-lighten-3 { border-top-color: #FFAB91 !important; } .bc-b-deep-orange-lighten-3 { border-bottom-color: #FFAB91 !important; } .bc-x-deep-orange-lighten-3 { border-left-color: #FFAB91 !important; border-right-color: #FFAB91 !important; } .bc-y-deep-orange-lighten-3 { border-top-color: #FFAB91 !important; border-bottom-color: #FFAB91 !important; } .bc-deep-orange-lighten-2 { border-color: #FF8A65 !important; } .bc-l-deep-orange-lighten-2 { border-left-color: #FF8A65 !important; } .bc-r-deep-orange-lighten-2 { border-right-color: #FF8A65 !important; } .bc-t-deep-orange-lighten-2 { border-top-color: #FF8A65 !important; } .bc-b-deep-orange-lighten-2 { border-bottom-color: #FF8A65 !important; } .bc-x-deep-orange-lighten-2 { border-left-color: #FF8A65 !important; border-right-color: #FF8A65 !important; } .bc-y-deep-orange-lighten-2 { border-top-color: #FF8A65 !important; border-bottom-color: #FF8A65 !important; } .bc-deep-orange-lighten-1 { border-color: #FF7043 !important; } .bc-l-deep-orange-lighten-1 { border-left-color: #FF7043 !important; } .bc-r-deep-orange-lighten-1 { border-right-color: #FF7043 !important; } .bc-t-deep-orange-lighten-1 { border-top-color: #FF7043 !important; } .bc-b-deep-orange-lighten-1 { border-bottom-color: #FF7043 !important; } .bc-x-deep-orange-lighten-1 { border-left-color: #FF7043 !important; border-right-color: #FF7043 !important; } .bc-y-deep-orange-lighten-1 { border-top-color: #FF7043 !important; border-bottom-color: #FF7043 !important; } .bc-deep-orange-darken-1 { border-color: #F4511E !important; } .bc-l-deep-orange-darken-1 { border-left-color: #F4511E !important; } .bc-r-deep-orange-darken-1 { border-right-color: #F4511E !important; } .bc-t-deep-orange-darken-1 { border-top-color: #F4511E !important; } .bc-b-deep-orange-darken-1 { border-bottom-color: #F4511E !important; } .bc-x-deep-orange-darken-1 { border-left-color: #F4511E !important; border-right-color: #F4511E !important; } .bc-y-deep-orange-darken-1 { border-top-color: #F4511E !important; border-bottom-color: #F4511E !important; } .bc-deep-orange-darken-2 { border-color: #E64A19 !important; } .bc-l-deep-orange-darken-2 { border-left-color: #E64A19 !important; } .bc-r-deep-orange-darken-2 { border-right-color: #E64A19 !important; } .bc-t-deep-orange-darken-2 { border-top-color: #E64A19 !important; } .bc-b-deep-orange-darken-2 { border-bottom-color: #E64A19 !important; } .bc-x-deep-orange-darken-2 { border-left-color: #E64A19 !important; border-right-color: #E64A19 !important; } .bc-y-deep-orange-darken-2 { border-top-color: #E64A19 !important; border-bottom-color: #E64A19 !important; } .bc-deep-orange-darken-3 { border-color: #D84315 !important; } .bc-l-deep-orange-darken-3 { border-left-color: #D84315 !important; } .bc-r-deep-orange-darken-3 { border-right-color: #D84315 !important; } .bc-t-deep-orange-darken-3 { border-top-color: #D84315 !important; } .bc-b-deep-orange-darken-3 { border-bottom-color: #D84315 !important; } .bc-x-deep-orange-darken-3 { border-left-color: #D84315 !important; border-right-color: #D84315 !important; } .bc-y-deep-orange-darken-3 { border-top-color: #D84315 !important; border-bottom-color: #D84315 !important; } .bc-deep-orange-darken-4 { border-color: #BF360C !important; } .bc-l-deep-orange-darken-4 { border-left-color: #BF360C !important; } .bc-r-deep-orange-darken-4 { border-right-color: #BF360C !important; } .bc-t-deep-orange-darken-4 { border-top-color: #BF360C !important; } .bc-b-deep-orange-darken-4 { border-bottom-color: #BF360C !important; } .bc-x-deep-orange-darken-4 { border-left-color: #BF360C !important; border-right-color: #BF360C !important; } .bc-y-deep-orange-darken-4 { border-top-color: #BF360C !important; border-bottom-color: #BF360C !important; } .bc-deep-orange-accent-1 { border-color: #FF9E80 !important; } .bc-l-deep-orange-accent-1 { border-left-color: #FF9E80 !important; } .bc-r-deep-orange-accent-1 { border-right-color: #FF9E80 !important; } .bc-t-deep-orange-accent-1 { border-top-color: #FF9E80 !important; } .bc-b-deep-orange-accent-1 { border-bottom-color: #FF9E80 !important; } .bc-x-deep-orange-accent-1 { border-left-color: #FF9E80 !important; border-right-color: #FF9E80 !important; } .bc-y-deep-orange-accent-1 { border-top-color: #FF9E80 !important; border-bottom-color: #FF9E80 !important; } .bc-deep-orange-accent-2 { border-color: #FF6E40 !important; } .bc-l-deep-orange-accent-2 { border-left-color: #FF6E40 !important; } .bc-r-deep-orange-accent-2 { border-right-color: #FF6E40 !important; } .bc-t-deep-orange-accent-2 { border-top-color: #FF6E40 !important; } .bc-b-deep-orange-accent-2 { border-bottom-color: #FF6E40 !important; } .bc-x-deep-orange-accent-2 { border-left-color: #FF6E40 !important; border-right-color: #FF6E40 !important; } .bc-y-deep-orange-accent-2 { border-top-color: #FF6E40 !important; border-bottom-color: #FF6E40 !important; } .bc-deep-orange-accent-3 { border-color: #FF3D00 !important; } .bc-l-deep-orange-accent-3 { border-left-color: #FF3D00 !important; } .bc-r-deep-orange-accent-3 { border-right-color: #FF3D00 !important; } .bc-t-deep-orange-accent-3 { border-top-color: #FF3D00 !important; } .bc-b-deep-orange-accent-3 { border-bottom-color: #FF3D00 !important; } .bc-x-deep-orange-accent-3 { border-left-color: #FF3D00 !important; border-right-color: #FF3D00 !important; } .bc-y-deep-orange-accent-3 { border-top-color: #FF3D00 !important; border-bottom-color: #FF3D00 !important; } .bc-deep-orange-accent-4 { border-color: #DD2C00 !important; } .bc-l-deep-orange-accent-4 { border-left-color: #DD2C00 !important; } .bc-r-deep-orange-accent-4 { border-right-color: #DD2C00 !important; } .bc-t-deep-orange-accent-4 { border-top-color: #DD2C00 !important; } .bc-b-deep-orange-accent-4 { border-bottom-color: #DD2C00 !important; } .bc-x-deep-orange-accent-4 { border-left-color: #DD2C00 !important; border-right-color: #DD2C00 !important; } .bc-y-deep-orange-accent-4 { border-top-color: #DD2C00 !important; border-bottom-color: #DD2C00 !important; } .bc-brown { border-color: #795548 !important; } .bc-l-brown { border-left-color: #795548 !important; } .bc-r-brown { border-right-color: #795548 !important; } .bc-t-brown { border-top-color: #795548 !important; } .bc-b-brown { border-bottom-color: #795548 !important; } .bc-x-brown { border-left-color: #795548 !important; border-right-color: #795548 !important; } .bc-y-brown { border-top-color: #795548 !important; border-bottom-color: #795548 !important; } .bc-brown-lighten-5 { border-color: #EFEBE9 !important; } .bc-l-brown-lighten-5 { border-left-color: #EFEBE9 !important; } .bc-r-brown-lighten-5 { border-right-color: #EFEBE9 !important; } .bc-t-brown-lighten-5 { border-top-color: #EFEBE9 !important; } .bc-b-brown-lighten-5 { border-bottom-color: #EFEBE9 !important; } .bc-x-brown-lighten-5 { border-left-color: #EFEBE9 !important; border-right-color: #EFEBE9 !important; } .bc-y-brown-lighten-5 { border-top-color: #EFEBE9 !important; border-bottom-color: #EFEBE9 !important; } .bc-brown-lighten-4 { border-color: #D7CCC8 !important; } .bc-l-brown-lighten-4 { border-left-color: #D7CCC8 !important; } .bc-r-brown-lighten-4 { border-right-color: #D7CCC8 !important; } .bc-t-brown-lighten-4 { border-top-color: #D7CCC8 !important; } .bc-b-brown-lighten-4 { border-bottom-color: #D7CCC8 !important; } .bc-x-brown-lighten-4 { border-left-color: #D7CCC8 !important; border-right-color: #D7CCC8 !important; } .bc-y-brown-lighten-4 { border-top-color: #D7CCC8 !important; border-bottom-color: #D7CCC8 !important; } .bc-brown-lighten-3 { border-color: #BCAAA4 !important; } .bc-l-brown-lighten-3 { border-left-color: #BCAAA4 !important; } .bc-r-brown-lighten-3 { border-right-color: #BCAAA4 !important; } .bc-t-brown-lighten-3 { border-top-color: #BCAAA4 !important; } .bc-b-brown-lighten-3 { border-bottom-color: #BCAAA4 !important; } .bc-x-brown-lighten-3 { border-left-color: #BCAAA4 !important; border-right-color: #BCAAA4 !important; } .bc-y-brown-lighten-3 { border-top-color: #BCAAA4 !important; border-bottom-color: #BCAAA4 !important; } .bc-brown-lighten-2 { border-color: #A1887F !important; } .bc-l-brown-lighten-2 { border-left-color: #A1887F !important; } .bc-r-brown-lighten-2 { border-right-color: #A1887F !important; } .bc-t-brown-lighten-2 { border-top-color: #A1887F !important; } .bc-b-brown-lighten-2 { border-bottom-color: #A1887F !important; } .bc-x-brown-lighten-2 { border-left-color: #A1887F !important; border-right-color: #A1887F !important; } .bc-y-brown-lighten-2 { border-top-color: #A1887F !important; border-bottom-color: #A1887F !important; } .bc-brown-lighten-1 { border-color: #8D6E63 !important; } .bc-l-brown-lighten-1 { border-left-color: #8D6E63 !important; } .bc-r-brown-lighten-1 { border-right-color: #8D6E63 !important; } .bc-t-brown-lighten-1 { border-top-color: #8D6E63 !important; } .bc-b-brown-lighten-1 { border-bottom-color: #8D6E63 !important; } .bc-x-brown-lighten-1 { border-left-color: #8D6E63 !important; border-right-color: #8D6E63 !important; } .bc-y-brown-lighten-1 { border-top-color: #8D6E63 !important; border-bottom-color: #8D6E63 !important; } .bc-brown-darken-1 { border-color: #6D4C41 !important; } .bc-l-brown-darken-1 { border-left-color: #6D4C41 !important; } .bc-r-brown-darken-1 { border-right-color: #6D4C41 !important; } .bc-t-brown-darken-1 { border-top-color: #6D4C41 !important; } .bc-b-brown-darken-1 { border-bottom-color: #6D4C41 !important; } .bc-x-brown-darken-1 { border-left-color: #6D4C41 !important; border-right-color: #6D4C41 !important; } .bc-y-brown-darken-1 { border-top-color: #6D4C41 !important; border-bottom-color: #6D4C41 !important; } .bc-brown-darken-2 { border-color: #5D4037 !important; } .bc-l-brown-darken-2 { border-left-color: #5D4037 !important; } .bc-r-brown-darken-2 { border-right-color: #5D4037 !important; } .bc-t-brown-darken-2 { border-top-color: #5D4037 !important; } .bc-b-brown-darken-2 { border-bottom-color: #5D4037 !important; } .bc-x-brown-darken-2 { border-left-color: #5D4037 !important; border-right-color: #5D4037 !important; } .bc-y-brown-darken-2 { border-top-color: #5D4037 !important; border-bottom-color: #5D4037 !important; } .bc-brown-darken-3 { border-color: #4E342E !important; } .bc-l-brown-darken-3 { border-left-color: #4E342E !important; } .bc-r-brown-darken-3 { border-right-color: #4E342E !important; } .bc-t-brown-darken-3 { border-top-color: #4E342E !important; } .bc-b-brown-darken-3 { border-bottom-color: #4E342E !important; } .bc-x-brown-darken-3 { border-left-color: #4E342E !important; border-right-color: #4E342E !important; } .bc-y-brown-darken-3 { border-top-color: #4E342E !important; border-bottom-color: #4E342E !important; } .bc-brown-darken-4 { border-color: #3E2723 !important; } .bc-l-brown-darken-4 { border-left-color: #3E2723 !important; } .bc-r-brown-darken-4 { border-right-color: #3E2723 !important; } .bc-t-brown-darken-4 { border-top-color: #3E2723 !important; } .bc-b-brown-darken-4 { border-bottom-color: #3E2723 !important; } .bc-x-brown-darken-4 { border-left-color: #3E2723 !important; border-right-color: #3E2723 !important; } .bc-y-brown-darken-4 { border-top-color: #3E2723 !important; border-bottom-color: #3E2723 !important; } .border-inset-1 { box-shadow: inset 0px 0px 0px 1px #757575; } .border-inset-2 { box-shadow: inset 0px 0px 0px 2px #757575; } .border-inset-3 { box-shadow: inset 0px 0px 0px 3px #757575; } .border-inset-4 { box-shadow: inset 0px 0px 0px 4px #757575; } .border-inset-5 { box-shadow: inset 0px 0px 0px 5px #757575; } /* ------------------------------ Outline ------------------------------ */ .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline-dashed { outline-style: dashed !important; } .outline-dotted { outline-style: dotted !important; } .outline-double { outline-style: double !important; } .outline-hidden { outline-style: hidden !important; } .outline-w-1 { outline-width: 1px; } .outline-offset-1 { outline-offset: 1px; } .outline-w-2 { outline-width: 2px; } .outline-offset-2 { outline-offset: 2px; } .outline-w-3 { outline-width: 3px; } .outline-offset-3 { outline-offset: 3px; } .outline-w-4 { outline-width: 4px; } .outline-offset-4 { outline-offset: 4px; } .outline-w-5 { outline-width: 5px; } .outline-offset-5 { outline-offset: 5px; } .outline-w-6 { outline-width: 6px; } .outline-offset-6 { outline-offset: 6px; } .outline-w-7 { outline-width: 7px; } .outline-offset-7 { outline-offset: 7px; } .outline-w-8 { outline-width: 8px; } .outline-offset-8 { outline-offset: 8px; } .outline-w-9 { outline-width: 9px; } .outline-offset-9 { outline-offset: 9px; } .outline-w-10 { outline-width: 10px; } .outline-offset-10 { outline-offset: 10px; } .bc-outline-theme { outline-color: #4682b4 !important; } .bc-outline-theme-lighten-5 { outline-color: #E8EFF6 !important; } .bc-outline-theme-lighten-4 { outline-color: #D1E0EC !important; } .bc-outline-theme-lighten-3 { outline-color: #BAD0E3 !important; } .bc-outline-theme-lighten-2 { outline-color: #A3C1DA !important; } .bc-outline-theme-lighten-1 { outline-color: #74A1C7 !important; } .bc-outline-theme-darken-1 { outline-color: #3D729E !important; } .bc-outline-theme-darken-2 { outline-color: #356287 !important; } .bc-outline-theme-darken-3 { outline-color: #2C5171 !important; } .bc-outline-theme-darken-4 { outline-color: #23415A !important; } .bc-outline-theme-accent-1 { outline-color: #7ba7cc !important; } .bc-outline-theme-accent-2 { outline-color: #568ebd !important; } .bc-outline-theme-accent-3 { outline-color: #3f75a2 !important; } .bc-outline-theme-accent-4 { outline-color: #315a7d !important; } .bc-outline-primary { outline-color: #2196f3 !important; } .bc-outline-secondary { outline-color: #6c757d !important; } .bc-outline-success { outline-color: #20ad20 !important; } .bc-outline-info { outline-color: #4dd0e1 !important; } .bc-outline-warning { outline-color: #f9cf48 !important; } .bc-outline-danger { outline-color: #f23629 !important; } .bc-outline-alert { outline-color: #f57b1d !important; } .bc-outline-theme { outline-color: #356287 !important; } .bc-outline-white { outline-color: #ffffff !important; } .bc-outline-purple { outline-color: #6A1B9A !important; } .bc-outline-primary-lighten { outline-color: #e0f1ff !important; } .bc-outline-secondary-lighten { outline-color: #e1e1e1 !important; } .bc-outline-success-lighten { outline-color: #e8fac7 !important; } .bc-outline-info-lighten { outline-color: #d2f9ff !important; } .bc-outline-warning-lighten { outline-color: #fef6d9 !important; } .bc-outline-danger-lighten { outline-color: #ffd4d1 !important; } .bc-outline-alert-lighten { outline-color: #fad6ba !important; } .bc-outline-purple-lighten { outline-color: #f5ebfc !important; } .bc-outline-theme-lighten { outline-color: #D1E0EC !important; } .bc-outline-app-line { outline-color: #00B500 !important; } .bc-outline-app-youtube { outline-color: #cd201f !important; } .bc-outline-app-twitter { outline-color: #55acee !important; } .bc-outline-app-facebook { outline-color: #4267B2 !important; } .bc-outline-app-instagram { outline-color: #3f729b !important; } .bc-outline-app-google-plus { outline-color: #dc4e41 !important; } .bc-outline-white { outline-color: #ffffff !important; } .bc-outline-black { outline-color: #000000 !important; } .bc-outline-grey { outline-color: #9E9E9E !important; } .bc-outline-grey-lighten-5 { outline-color: #FAFAFA !important; } .bc-outline-grey-lighten-4 { outline-color: #F5F5F5 !important; } .bc-outline-grey-lighten-3 { outline-color: #EEEEEE !important; } .bc-outline-grey-lighten-2 { outline-color: #E0E0E0 !important; } .bc-outline-grey-lighten-1 { outline-color: #BDBDBD !important; } .bc-outline-grey-darken-1 { outline-color: #757575 !important; } .bc-outline-grey-darken-2 { outline-color: #616161 !important; } .bc-outline-grey-darken-3 { outline-color: #424242 !important; } .bc-outline-grey-darken-4 { outline-color: #212121 !important; } .bc-outline-blue-grey { outline-color: #607D8B !important; } .bc-outline-blue-grey-lighten-5 { outline-color: #ECEFF1 !important; } .bc-outline-blue-grey-lighten-4 { outline-color: #CFD8DC !important; } .bc-outline-blue-grey-lighten-3 { outline-color: #B0BEC5 !important; } .bc-outline-blue-grey-lighten-2 { outline-color: #90A4AE !important; } .bc-outline-blue-grey-lighten-1 { outline-color: #78909C !important; } .bc-outline-blue-grey-darken-1 { outline-color: #546E7A !important; } .bc-outline-blue-grey-darken-2 { outline-color: #455A64 !important; } .bc-outline-blue-grey-darken-3 { outline-color: #37474F !important; } .bc-outline-blue-grey-darken-4 { outline-color: #263238 !important; } .bc-outline-red { outline-color: #F44336 !important; } .bc-outline-red-lighten-5 { outline-color: #FFEBEE !important; } .bc-outline-red-lighten-4 { outline-color: #FFCDD2 !important; } .bc-outline-red-lighten-3 { outline-color: #EF9A9A !important; } .bc-outline-red-lighten-2 { outline-color: #E57373 !important; } .bc-outline-red-lighten-1 { outline-color: #EF5350 !important; } .bc-outline-red-darken-1 { outline-color: #E53935 !important; } .bc-outline-red-darken-2 { outline-color: #D32F2F !important; } .bc-outline-red-darken-3 { outline-color: #C62828 !important; } .bc-outline-red-darken-4 { outline-color: #B71C1C !important; } .bc-outline-red-accent-1 { outline-color: #FF8A80 !important; } .bc-outline-red-accent-2 { outline-color: #FF5252 !important; } .bc-outline-red-accent-3 { outline-color: #FF1744 !important; } .bc-outline-red-accent-4 { outline-color: #D50000 !important; } .bc-outline-pink { outline-color: #E91E63 !important; } .bc-outline-pink-lighten-5 { outline-color: #FCE4EC !important; } .bc-outline-pink-lighten-4 { outline-color: #F8BBD0 !important; } .bc-outline-pink-lighten-3 { outline-color: #F48FB1 !important; } .bc-outline-pink-lighten-2 { outline-color: #F06292 !important; } .bc-outline-pink-lighten-1 { outline-color: #EC407A !important; } .bc-outline-pink-darken-1 { outline-color: #D81B60 !important; } .bc-outline-pink-darken-2 { outline-color: #C2185B !important; } .bc-outline-pink-darken-3 { outline-color: #AD1457 !important; } .bc-outline-pink-darken-4 { outline-color: #880E4F !important; } .bc-outline-pink-accent-1 { outline-color: #FF80AB !important; } .bc-outline-pink-accent-2 { outline-color: #FF4081 !important; } .bc-outline-pink-accent-3 { outline-color: #F50057 !important; } .bc-outline-pink-accent-4 { outline-color: #C51162 !important; } .bc-outline-purple { outline-color: #9C27B0 !important; } .bc-outline-purple-lighten-5 { outline-color: #F3E5F5 !important; } .bc-outline-purple-lighten-4 { outline-color: #E1BEE7 !important; } .bc-outline-purple-lighten-3 { outline-color: #CE93D8 !important; } .bc-outline-purple-lighten-2 { outline-color: #BA68C8 !important; } .bc-outline-purple-lighten-1 { outline-color: #AB47BC !important; } .bc-outline-purple-darken-1 { outline-color: #8E24AA !important; } .bc-outline-purple-darken-2 { outline-color: #7B1FA2 !important; } .bc-outline-purple-darken-3 { outline-color: #6A1B9A !important; } .bc-outline-purple-darken-4 { outline-color: #4A148C !important; } .bc-outline-purple-accent-1 { outline-color: #EA80FC !important; } .bc-outline-purple-accent-2 { outline-color: #E040FB !important; } .bc-outline-purple-accent-3 { outline-color: #D500F9 !important; } .bc-outline-purple-accent-4 { outline-color: #AA00FF !important; } .bc-outline-deep-purple { outline-color: #673AB7 !important; } .bc-outline-deep-purple-lighten-5 { outline-color: #EDE7F6 !important; } .bc-outline-deep-purple-lighten-4 { outline-color: #D1C4E9 !important; } .bc-outline-deep-purple-lighten-3 { outline-color: #B39DDB !important; } .bc-outline-deep-purple-lighten-2 { outline-color: #9575CD !important; } .bc-outline-deep-purple-lighten-1 { outline-color: #7E57C2 !important; } .bc-outline-deep-purple-darken-1 { outline-color: #5E35B1 !important; } .bc-outline-deep-purple-darken-2 { outline-color: #512DA8 !important; } .bc-outline-deep-purple-darken-3 { outline-color: #4527A0 !important; } .bc-outline-deep-purple-darken-4 { outline-color: #311B92 !important; } .bc-outline-deep-purple-accent-1 { outline-color: #B388FF !important; } .bc-outline-deep-purple-accent-2 { outline-color: #7C4DFF !important; } .bc-outline-deep-purple-accent-3 { outline-color: #651FFF !important; } .bc-outline-deep-purple-accent-4 { outline-color: #6200EA !important; } .bc-outline-indigo { outline-color: #3F51B5 !important; } .bc-outline-indigo-lighten-5 { outline-color: #E8EAF6 !important; } .bc-outline-indigo-lighten-4 { outline-color: #C5CAE9 !important; } .bc-outline-indigo-lighten-3 { outline-color: #9FA8DA !important; } .bc-outline-indigo-lighten-2 { outline-color: #7986CB !important; } .bc-outline-indigo-lighten-1 { outline-color: #5C6BC0 !important; } .bc-outline-indigo-darken-1 { outline-color: #3949AB !important; } .bc-outline-indigo-darken-2 { outline-color: #303F9F !important; } .bc-outline-indigo-darken-3 { outline-color: #283593 !important; } .bc-outline-indigo-darken-4 { outline-color: #1A237E !important; } .bc-outline-indigo-accent-1 { outline-color: #8C9EFF !important; } .bc-outline-indigo-accent-2 { outline-color: #536DFE !important; } .bc-outline-indigo-accent-3 { outline-color: #3D5AFE !important; } .bc-outline-indigo-accent-4 { outline-color: #304FFE !important; } .bc-outline-blue { outline-color: #2196F3 !important; } .bc-outline-blue-lighten-5 { outline-color: #E3F2FD !important; } .bc-outline-blue-lighten-4 { outline-color: #BBDEFB !important; } .bc-outline-blue-lighten-3 { outline-color: #90CAF9 !important; } .bc-outline-blue-lighten-2 { outline-color: #64B5F6 !important; } .bc-outline-blue-lighten-1 { outline-color: #42A5F5 !important; } .bc-outline-blue-darken-1 { outline-color: #1E88E5 !important; } .bc-outline-blue-darken-2 { outline-color: #1976D2 !important; } .bc-outline-blue-darken-3 { outline-color: #1565C0 !important; } .bc-outline-blue-darken-4 { outline-color: #0D47A1 !important; } .bc-outline-blue-accent-1 { outline-color: #82B1FF !important; } .bc-outline-blue-accent-2 { outline-color: #448AFF !important; } .bc-outline-blue-accent-3 { outline-color: #2979FF !important; } .bc-outline-blue-accent-4 { outline-color: #2962FF !important; } .bc-outline-light-blue { outline-color: #03A9F4 !important; } .bc-outline-light-blue-lighten-5 { outline-color: #E1F5FE !important; } .bc-outline-light-blue-lighten-4 { outline-color: #B3E5FC !important; } .bc-outline-light-blue-lighten-3 { outline-color: #81D4FA !important; } .bc-outline-light-blue-lighten-2 { outline-color: #4FC3F7 !important; } .bc-outline-light-blue-lighten-1 { outline-color: #29B6F6 !important; } .bc-outline-light-blue-darken-1 { outline-color: #039BE5 !important; } .bc-outline-light-blue-darken-2 { outline-color: #0288D1 !important; } .bc-outline-light-blue-darken-3 { outline-color: #0277BD !important; } .bc-outline-light-blue-darken-4 { outline-color: #01579B !important; } .bc-outline-light-blue-accent-1 { outline-color: #80D8FF !important; } .bc-outline-light-blue-accent-2 { outline-color: #40C4FF !important; } .bc-outline-light-blue-accent-3 { outline-color: #00B0FF !important; } .bc-outline-light-blue-accent-4 { outline-color: #0091EA !important; } .bc-outline-cyan { outline-color: #00BCD4 !important; } .bc-outline-cyan-lighten-5 { outline-color: #E0F7FA !important; } .bc-outline-cyan-lighten-4 { outline-color: #B2EBF2 !important; } .bc-outline-cyan-lighten-3 { outline-color: #80DEEA !important; } .bc-outline-cyan-lighten-2 { outline-color: #4DD0E1 !important; } .bc-outline-cyan-lighten-1 { outline-color: #26C6DA !important; } .bc-outline-cyan-darken-1 { outline-color: #00ACC1 !important; } .bc-outline-cyan-darken-2 { outline-color: #0097A7 !important; } .bc-outline-cyan-darken-3 { outline-color: #00838F !important; } .bc-outline-cyan-darken-4 { outline-color: #006064 !important; } .bc-outline-cyan-accent-1 { outline-color: #84FFFF !important; } .bc-outline-cyan-accent-2 { outline-color: #18FFFF !important; } .bc-outline-cyan-accent-3 { outline-color: #00E5FF !important; } .bc-outline-cyan-accent-4 { outline-color: #00B8D4 !important; } .bc-outline-teal { outline-color: #009688 !important; } .bc-outline-teal-lighten-5 { outline-color: #E0F2F1 !important; } .bc-outline-teal-lighten-4 { outline-color: #B2DFDB !important; } .bc-outline-teal-lighten-3 { outline-color: #80CBC4 !important; } .bc-outline-teal-lighten-2 { outline-color: #4DB6AC !important; } .bc-outline-teal-lighten-1 { outline-color: #26A69A !important; } .bc-outline-teal-darken-1 { outline-color: #00897B !important; } .bc-outline-teal-darken-2 { outline-color: #00796B !important; } .bc-outline-teal-darken-3 { outline-color: #00695C !important; } .bc-outline-teal-darken-4 { outline-color: #004D40 !important; } .bc-outline-teal-accent-1 { outline-color: #A7FFEB !important; } .bc-outline-teal-accent-2 { outline-color: #64FFDA !important; } .bc-outline-teal-accent-3 { outline-color: #1DE9B6 !important; } .bc-outline-teal-accent-4 { outline-color: #00BFA5 !important; } .bc-outline-green { outline-color: #4CAF50 !important; } .bc-outline-green-lighten-5 { outline-color: #E8F5E9 !important; } .bc-outline-green-lighten-4 { outline-color: #C8E6C9 !important; } .bc-outline-green-lighten-3 { outline-color: #A5D6A7 !important; } .bc-outline-green-lighten-2 { outline-color: #81C784 !important; } .bc-outline-green-lighten-1 { outline-color: #66BB6A !important; } .bc-outline-green-darken-1 { outline-color: #43A047 !important; } .bc-outline-green-darken-2 { outline-color: #388E3C !important; } .bc-outline-green-darken-3 { outline-color: #2E7D32 !important; } .bc-outline-green-darken-4 { outline-color: #1B5E20 !important; } .bc-outline-green-accent-1 { outline-color: #B9F6CA !important; } .bc-outline-green-accent-2 { outline-color: #69F0AE !important; } .bc-outline-green-accent-3 { outline-color: #00E676 !important; } .bc-outline-green-accent-4 { outline-color: #00C853 !important; } .bc-outline-light-green { outline-color: #8BC34A !important; } .bc-outline-light-green-lighten-5 { outline-color: #F1F8E9 !important; } .bc-outline-light-green-lighten-4 { outline-color: #DCEDC8 !important; } .bc-outline-light-green-lighten-3 { outline-color: #C5E1A5 !important; } .bc-outline-light-green-lighten-2 { outline-color: #AED581 !important; } .bc-outline-light-green-lighten-1 { outline-color: #9CCC65 !important; } .bc-outline-light-green-darken-1 { outline-color: #7CB342 !important; } .bc-outline-light-green-darken-2 { outline-color: #689F38 !important; } .bc-outline-light-green-darken-3 { outline-color: #558B2F !important; } .bc-outline-light-green-darken-4 { outline-color: #33691E !important; } .bc-outline-light-green-accent-1 { outline-color: #CCFF90 !important; } .bc-outline-light-green-accent-2 { outline-color: #B2FF59 !important; } .bc-outline-light-green-accent-3 { outline-color: #76FF03 !important; } .bc-outline-light-green-accent-4 { outline-color: #64DD17 !important; } .bc-outline-lime { outline-color: #CDDC39 !important; } .bc-outline-lime-lighten-5 { outline-color: #F9FBE7 !important; } .bc-outline-lime-lighten-4 { outline-color: #F0F4C3 !important; } .bc-outline-lime-lighten-3 { outline-color: #E6EE9C !important; } .bc-outline-lime-lighten-2 { outline-color: #DCE775 !important; } .bc-outline-lime-lighten-1 { outline-color: #D4E157 !important; } .bc-outline-lime-darken-1 { outline-color: #C0CA33 !important; } .bc-outline-lime-darken-2 { outline-color: #AFB42B !important; } .bc-outline-lime-darken-3 { outline-color: #9E9D24 !important; } .bc-outline-lime-darken-4 { outline-color: #827717 !important; } .bc-outline-lime-accent-1 { outline-color: #F4FF81 !important; } .bc-outline-lime-accent-2 { outline-color: #EEFF41 !important; } .bc-outline-lime-accent-3 { outline-color: #C6FF00 !important; } .bc-outline-lime-accent-4 { outline-color: #AEEA00 !important; } .bc-outline-yellow { outline-color: #FFEB3B !important; } .bc-outline-yellow-lighten-5 { outline-color: #FFFDE7 !important; } .bc-outline-yellow-lighten-4 { outline-color: #FFF9C4 !important; } .bc-outline-yellow-lighten-3 { outline-color: #FFF59D !important; } .bc-outline-yellow-lighten-2 { outline-color: #FFF176 !important; } .bc-outline-yellow-lighten-1 { outline-color: #FFEE58 !important; } .bc-outline-yellow-darken-1 { outline-color: #FDD835 !important; } .bc-outline-yellow-darken-2 { outline-color: #FBC02D !important; } .bc-outline-yellow-darken-3 { outline-color: #F9A825 !important; } .bc-outline-yellow-darken-4 { outline-color: #F57F17 !important; } .bc-outline-yellow-accent-1 { outline-color: #FFFF8D !important; } .bc-outline-yellow-accent-2 { outline-color: #FFFF00 !important; } .bc-outline-yellow-accent-3 { outline-color: #FFEA00 !important; } .bc-outline-yellow-accent-4 { outline-color: #FFD600 !important; } .bc-outline-amber { outline-color: #FFC107 !important; } .bc-outline-amber-lighten-5 { outline-color: #FFF8E1 !important; } .bc-outline-amber-lighten-4 { outline-color: #FFECB3 !important; } .bc-outline-amber-lighten-3 { outline-color: #FFE082 !important; } .bc-outline-amber-lighten-2 { outline-color: #FFD54F !important; } .bc-outline-amber-lighten-1 { outline-color: #FFCA28 !important; } .bc-outline-amber-darken-1 { outline-color: #FFB300 !important; } .bc-outline-amber-darken-2 { outline-color: #FFA000 !important; } .bc-outline-amber-darken-3 { outline-color: #FF8F00 !important; } .bc-outline-amber-darken-4 { outline-color: #FF6F00 !important; } .bc-outline-amber-accent-1 { outline-color: #FFE57F !important; } .bc-outline-amber-accent-2 { outline-color: #FFD740 !important; } .bc-outline-amber-accent-3 { outline-color: #FFC400 !important; } .bc-outline-amber-accent-4 { outline-color: #FFAB00 !important; } .bc-outline-orange { outline-color: #FF9800 !important; } .bc-outline-orange-lighten-5 { outline-color: #FFF3E0 !important; } .bc-outline-orange-lighten-4 { outline-color: #FFE0B2 !important; } .bc-outline-orange-lighten-3 { outline-color: #FFCC80 !important; } .bc-outline-orange-lighten-2 { outline-color: #FFB74D !important; } .bc-outline-orange-lighten-1 { outline-color: #FFA726 !important; } .bc-outline-orange-darken-1 { outline-color: #FB8C00 !important; } .bc-outline-orange-darken-2 { outline-color: #F57C00 !important; } .bc-outline-orange-darken-3 { outline-color: #EF6C00 !important; } .bc-outline-orange-darken-4 { outline-color: #E65100 !important; } .bc-outline-orange-accent-1 { outline-color: #FFD180 !important; } .bc-outline-orange-accent-2 { outline-color: #FFAB40 !important; } .bc-outline-orange-accent-3 { outline-color: #FF9100 !important; } .bc-outline-orange-accent-4 { outline-color: #FF6D00 !important; } .bc-outline-deep-orange { outline-color: #FF5722 !important; } .bc-outline-deep-orange-lighten-5 { outline-color: #FBE9E7 !important; } .bc-outline-deep-orange-lighten-4 { outline-color: #FFCCBC !important; } .bc-outline-deep-orange-lighten-3 { outline-color: #FFAB91 !important; } .bc-outline-deep-orange-lighten-2 { outline-color: #FF8A65 !important; } .bc-outline-deep-orange-lighten-1 { outline-color: #FF7043 !important; } .bc-outline-deep-orange-darken-1 { outline-color: #F4511E !important; } .bc-outline-deep-orange-darken-2 { outline-color: #E64A19 !important; } .bc-outline-deep-orange-darken-3 { outline-color: #D84315 !important; } .bc-outline-deep-orange-darken-4 { outline-color: #BF360C !important; } .bc-outline-deep-orange-accent-1 { outline-color: #FF9E80 !important; } .bc-outline-deep-orange-accent-2 { outline-color: #FF6E40 !important; } .bc-outline-deep-orange-accent-3 { outline-color: #FF3D00 !important; } .bc-outline-deep-orange-accent-4 { outline-color: #DD2C00 !important; } .bc-outline-brown { outline-color: #795548 !important; } .bc-outline-brown-lighten-5 { outline-color: #EFEBE9 !important; } .bc-outline-brown-lighten-4 { outline-color: #D7CCC8 !important; } .bc-outline-brown-lighten-3 { outline-color: #BCAAA4 !important; } .bc-outline-brown-lighten-2 { outline-color: #A1887F !important; } .bc-outline-brown-lighten-1 { outline-color: #8D6E63 !important; } .bc-outline-brown-darken-1 { outline-color: #6D4C41 !important; } .bc-outline-brown-darken-2 { outline-color: #5D4037 !important; } .bc-outline-brown-darken-3 { outline-color: #4E342E !important; } .bc-outline-brown-darken-4 { outline-color: #3E2723 !important; } .border-1 { border: 1px solid #757575; } .border-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-2 { border: 2px solid #757575; } .border-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-3 { border: 3px solid #757575; } .border-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-4 { border: 4px solid #757575; } .border-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-5 { border: 5px solid #757575; } .border-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-0 { border: 0px !important; } @media screen and (min-width: 420px) { .border-sm-1 { border: 1px solid #757575; } .border-sm-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-sm-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-sm-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-sm-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-sm-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-sm-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-sm-2 { border: 2px solid #757575; } .border-sm-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-sm-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-sm-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-sm-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-sm-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-sm-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-sm-3 { border: 3px solid #757575; } .border-sm-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-sm-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-sm-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-sm-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-sm-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-sm-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-sm-4 { border: 4px solid #757575; } .border-sm-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-sm-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-sm-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-sm-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-sm-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-sm-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-sm-5 { border: 5px solid #757575; } .border-sm-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-sm-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-sm-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-sm-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-sm-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-sm-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-sm-0 { border: 0px !important; } } @media screen and (min-width: 768px) { .border-md-1 { border: 1px solid #757575; } .border-md-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-md-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-md-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-md-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-md-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-md-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-md-2 { border: 2px solid #757575; } .border-md-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-md-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-md-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-md-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-md-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-md-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-md-3 { border: 3px solid #757575; } .border-md-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-md-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-md-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-md-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-md-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-md-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-md-4 { border: 4px solid #757575; } .border-md-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-md-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-md-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-md-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-md-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-md-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-md-5 { border: 5px solid #757575; } .border-md-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-md-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-md-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-md-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-md-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-md-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-md-0 { border: 0px !important; } } @media screen and (min-width: 1024px) { .border-lg-1 { border: 1px solid #757575; } .border-lg-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-lg-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-lg-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-lg-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-lg-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-lg-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-lg-2 { border: 2px solid #757575; } .border-lg-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-lg-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-lg-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-lg-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-lg-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-lg-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-lg-3 { border: 3px solid #757575; } .border-lg-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-lg-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-lg-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-lg-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-lg-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-lg-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-lg-4 { border: 4px solid #757575; } .border-lg-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-lg-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-lg-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-lg-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-lg-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-lg-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-lg-5 { border: 5px solid #757575; } .border-lg-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-lg-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-lg-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-lg-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-lg-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-lg-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-lg-0 { border: 0px !important; } } @media screen and (min-width: 1224px) { .border-xl-1 { border: 1px solid #757575; } .border-xl-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-xl-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-xl-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-xl-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xl-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-xl-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xl-2 { border: 2px solid #757575; } .border-xl-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-xl-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-xl-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-xl-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xl-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-xl-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xl-3 { border: 3px solid #757575; } .border-xl-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-xl-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-xl-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-xl-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xl-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-xl-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xl-4 { border: 4px solid #757575; } .border-xl-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-xl-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-xl-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-xl-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xl-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-xl-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xl-5 { border: 5px solid #757575; } .border-xl-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-xl-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-xl-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-xl-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xl-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-xl-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xl-0 { border: 0px !important; } } @media screen and (min-width: 1587px) { .border-xlp-1 { border: 1px solid #757575; } .border-xlp-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-xlp-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-xlp-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-xlp-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xlp-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-xlp-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xlp-2 { border: 2px solid #757575; } .border-xlp-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-xlp-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-xlp-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-xlp-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xlp-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-xlp-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xlp-3 { border: 3px solid #757575; } .border-xlp-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-xlp-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-xlp-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-xlp-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xlp-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-xlp-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xlp-4 { border: 4px solid #757575; } .border-xlp-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-xlp-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-xlp-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-xlp-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xlp-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-xlp-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xlp-5 { border: 5px solid #757575; } .border-xlp-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-xlp-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-xlp-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-xlp-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xlp-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-xlp-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xlp-0 { border: 0px !important; } } @media screen and (min-width: 1907px) { .border-xxl-1 { border: 1px solid #757575; } .border-xxl-l-1 { border-left: 1px solid #757575; border-collapse: collapse; } .border-xxl-r-1 { border-right: 1px solid #757575; border-collapse: collapse; } .border-xxl-t-1 { border-top: 1px solid #757575; border-collapse: collapse; } .border-xxl-b-1 { border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xxl-x-1 { border-left: 1px solid #757575; border-collapse: collapse; border-right: 1px solid #757575; border-collapse: collapse; } .border-xxl-y-1 { border-top: 1px solid #757575; border-collapse: collapse; border-bottom: 1px solid #757575; border-collapse: collapse; } .border-xxl-2 { border: 2px solid #757575; } .border-xxl-l-2 { border-left: 2px solid #757575; border-collapse: collapse; } .border-xxl-r-2 { border-right: 2px solid #757575; border-collapse: collapse; } .border-xxl-t-2 { border-top: 2px solid #757575; border-collapse: collapse; } .border-xxl-b-2 { border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xxl-x-2 { border-left: 2px solid #757575; border-collapse: collapse; border-right: 2px solid #757575; border-collapse: collapse; } .border-xxl-y-2 { border-top: 2px solid #757575; border-collapse: collapse; border-bottom: 2px solid #757575; border-collapse: collapse; } .border-xxl-3 { border: 3px solid #757575; } .border-xxl-l-3 { border-left: 3px solid #757575; border-collapse: collapse; } .border-xxl-r-3 { border-right: 3px solid #757575; border-collapse: collapse; } .border-xxl-t-3 { border-top: 3px solid #757575; border-collapse: collapse; } .border-xxl-b-3 { border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xxl-x-3 { border-left: 3px solid #757575; border-collapse: collapse; border-right: 3px solid #757575; border-collapse: collapse; } .border-xxl-y-3 { border-top: 3px solid #757575; border-collapse: collapse; border-bottom: 3px solid #757575; border-collapse: collapse; } .border-xxl-4 { border: 4px solid #757575; } .border-xxl-l-4 { border-left: 4px solid #757575; border-collapse: collapse; } .border-xxl-r-4 { border-right: 4px solid #757575; border-collapse: collapse; } .border-xxl-t-4 { border-top: 4px solid #757575; border-collapse: collapse; } .border-xxl-b-4 { border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xxl-x-4 { border-left: 4px solid #757575; border-collapse: collapse; border-right: 4px solid #757575; border-collapse: collapse; } .border-xxl-y-4 { border-top: 4px solid #757575; border-collapse: collapse; border-bottom: 4px solid #757575; border-collapse: collapse; } .border-xxl-5 { border: 5px solid #757575; } .border-xxl-l-5 { border-left: 5px solid #757575; border-collapse: collapse; } .border-xxl-r-5 { border-right: 5px solid #757575; border-collapse: collapse; } .border-xxl-t-5 { border-top: 5px solid #757575; border-collapse: collapse; } .border-xxl-b-5 { border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xxl-x-5 { border-left: 5px solid #757575; border-collapse: collapse; border-right: 5px solid #757575; border-collapse: collapse; } .border-xxl-y-5 { border-top: 5px solid #757575; border-collapse: collapse; border-bottom: 5px solid #757575; border-collapse: collapse; } .border-xxl-0 { border: 0px !important; } } .outline-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-0 { outline-width: 0px !important; } .outline-offset-0 { outline-offset: 0px !important; } @media screen and (min-width: 420px) { .outline-sm-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-sm-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-sm-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-sm-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-sm-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-sm-0 { outline-width: 0px !important; } .outline-sm-offset-0 { outline-offset: 0px !important; } } @media screen and (min-width: 768px) { .outline-md-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-md-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-md-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-md-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-md-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-md-0 { outline-width: 0px !important; } .outline-md-offset-0 { outline-offset: 0px !important; } } @media screen and (min-width: 1024px) { .outline-lg-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-lg-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-lg-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-lg-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-lg-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-lg-0 { outline-width: 0px !important; } .outline-lg-offset-0 { outline-offset: 0px !important; } } @media screen and (min-width: 1224px) { .outline-xl-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-xl-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-xl-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-xl-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-xl-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-xl-0 { outline-width: 0px !important; } .outline-xl-offset-0 { outline-offset: 0px !important; } } @media screen and (min-width: 1587px) { .outline-xlp-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-xlp-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-xlp-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-xlp-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-xlp-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-xlp-0 { outline-width: 0px !important; } .outline-xlp-offset-0 { outline-offset: 0px !important; } } @media screen and (min-width: 1907px) { .outline-xxl-1 { outline: 1px solid #757575; outline-offset: 2px; } .outline-xxl-2 { outline: 2px solid #757575; outline-offset: 2px; } .outline-xxl-3 { outline: 3px solid #757575; outline-offset: 2px; } .outline-xxl-4 { outline: 4px solid #757575; outline-offset: 2px; } .outline-xxl-5 { outline: 5px solid #757575; outline-offset: 2px; } .outline-xxl-0 { outline-width: 0px !important; } .outline-xxl-offset-0 { outline-offset: 0px !important; } } /* --------------------------------- round -------------------------------- */ .round-0 { border-radius: 0px !important; } .round-1 { border-radius: 1px !important; } .round-2 { border-radius: 2px !important; } .round-3 { border-radius: 3px !important; } .round-4 { border-radius: 4px !important; } .round-5 { border-radius: 5px !important; } .round-6 { border-radius: 6px !important; } .round-7 { border-radius: 7px !important; } .round-8 { border-radius: 8px !important; } .round-9 { border-radius: 9px !important; } .round-10 { border-radius: 10px !important; } .round-11 { border-radius: 11px !important; } .round-12 { border-radius: 12px !important; } .round-13 { border-radius: 13px !important; } .round-14 { border-radius: 14px !important; } .round-15 { border-radius: 15px !important; } .round-16 { border-radius: 16px !important; } .round-17 { border-radius: 17px !important; } .round-18 { border-radius: 18px !important; } .round-19 { border-radius: 19px !important; } .round-20 { border-radius: 20px !important; } .round-21 { border-radius: 21px !important; } .round-22 { border-radius: 22px !important; } .round-23 { border-radius: 23px !important; } .round-24 { border-radius: 24px !important; } .round-25 { border-radius: 25px !important; } .round-26 { border-radius: 26px !important; } .round-27 { border-radius: 27px !important; } .round-28 { border-radius: 28px !important; } .round-29 { border-radius: 29px !important; } .round-30 { border-radius: 30px !important; } .round-t-0 { border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; } .round-t-1 { border-top-right-radius: 1px !important; border-top-left-radius: 1px !important; } .round-t-2 { border-top-right-radius: 2px !important; border-top-left-radius: 2px !important; } .round-t-3 { border-top-right-radius: 3px !important; border-top-left-radius: 3px !important; } .round-t-4 { border-top-right-radius: 4px !important; border-top-left-radius: 4px !important; } .round-t-5 { border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; } .round-t-6 { border-top-right-radius: 6px !important; border-top-left-radius: 6px !important; } .round-t-7 { border-top-right-radius: 7px !important; border-top-left-radius: 7px !important; } .round-t-8 { border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; } .round-t-9 { border-top-right-radius: 9px !important; border-top-left-radius: 9px !important; } .round-t-10 { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; } .round-t-11 { border-top-right-radius: 11px !important; border-top-left-radius: 11px !important; } .round-t-12 { border-top-right-radius: 12px !important; border-top-left-radius: 12px !important; } .round-t-13 { border-top-right-radius: 13px !important; border-top-left-radius: 13px !important; } .round-t-14 { border-top-right-radius: 14px !important; border-top-left-radius: 14px !important; } .round-t-15 { border-top-right-radius: 15px !important; border-top-left-radius: 15px !important; } .round-t-16 { border-top-right-radius: 16px !important; border-top-left-radius: 16px !important; } .round-t-17 { border-top-right-radius: 17px !important; border-top-left-radius: 17px !important; } .round-t-18 { border-top-right-radius: 18px !important; border-top-left-radius: 18px !important; } .round-t-19 { border-top-right-radius: 19px !important; border-top-left-radius: 19px !important; } .round-t-20 { border-top-right-radius: 20px !important; border-top-left-radius: 20px !important; } .round-t-21 { border-top-right-radius: 21px !important; border-top-left-radius: 21px !important; } .round-t-22 { border-top-right-radius: 22px !important; border-top-left-radius: 22px !important; } .round-t-23 { border-top-right-radius: 23px !important; border-top-left-radius: 23px !important; } .round-t-24 { border-top-right-radius: 24px !important; border-top-left-radius: 24px !important; } .round-t-25 { border-top-right-radius: 25px !important; border-top-left-radius: 25px !important; } .round-t-26 { border-top-right-radius: 26px !important; border-top-left-radius: 26px !important; } .round-t-27 { border-top-right-radius: 27px !important; border-top-left-radius: 27px !important; } .round-t-28 { border-top-right-radius: 28px !important; border-top-left-radius: 28px !important; } .round-t-29 { border-top-right-radius: 29px !important; border-top-left-radius: 29px !important; } .round-t-30 { border-top-right-radius: 30px !important; border-top-left-radius: 30px !important; } .round-tl-0 { border-top-left-radius: 0px !important; } .round-tl-1 { border-top-left-radius: 1px !important; } .round-tl-2 { border-top-left-radius: 2px !important; } .round-tl-3 { border-top-left-radius: 3px !important; } .round-tl-4 { border-top-left-radius: 4px !important; } .round-tl-5 { border-top-left-radius: 5px !important; } .round-tl-6 { border-top-left-radius: 6px !important; } .round-tl-7 { border-top-left-radius: 7px !important; } .round-tl-8 { border-top-left-radius: 8px !important; } .round-tl-9 { border-top-left-radius: 9px !important; } .round-tl-10 { border-top-left-radius: 10px !important; } .round-tl-11 { border-top-left-radius: 11px !important; } .round-tl-12 { border-top-left-radius: 12px !important; } .round-tl-13 { border-top-left-radius: 13px !important; } .round-tl-14 { border-top-left-radius: 14px !important; } .round-tl-15 { border-top-left-radius: 15px !important; } .round-tl-16 { border-top-left-radius: 16px !important; } .round-tl-17 { border-top-left-radius: 17px !important; } .round-tl-18 { border-top-left-radius: 18px !important; } .round-tl-19 { border-top-left-radius: 19px !important; } .round-tl-20 { border-top-left-radius: 20px !important; } .round-tl-21 { border-top-left-radius: 21px !important; } .round-tl-22 { border-top-left-radius: 22px !important; } .round-tl-23 { border-top-left-radius: 23px !important; } .round-tl-24 { border-top-left-radius: 24px !important; } .round-tl-25 { border-top-left-radius: 25px !important; } .round-tl-26 { border-top-left-radius: 26px !important; } .round-tl-27 { border-top-left-radius: 27px !important; } .round-tl-28 { border-top-left-radius: 28px !important; } .round-tl-29 { border-top-left-radius: 29px !important; } .round-tl-30 { border-top-left-radius: 30px !important; } .round-tr-0 { border-top-right-radius: 0px !important; } .round-tr-1 { border-top-right-radius: 1px !important; } .round-tr-2 { border-top-right-radius: 2px !important; } .round-tr-3 { border-top-right-radius: 3px !important; } .round-tr-4 { border-top-right-radius: 4px !important; } .round-tr-5 { border-top-right-radius: 5px !important; } .round-tr-6 { border-top-right-radius: 6px !important; } .round-tr-7 { border-top-right-radius: 7px !important; } .round-tr-8 { border-top-right-radius: 8px !important; } .round-tr-9 { border-top-right-radius: 9px !important; } .round-tr-10 { border-top-right-radius: 10px !important; } .round-tr-11 { border-top-right-radius: 11px !important; } .round-tr-12 { border-top-right-radius: 12px !important; } .round-tr-13 { border-top-right-radius: 13px !important; } .round-tr-14 { border-top-right-radius: 14px !important; } .round-tr-15 { border-top-right-radius: 15px !important; } .round-tr-16 { border-top-right-radius: 16px !important; } .round-tr-17 { border-top-right-radius: 17px !important; } .round-tr-18 { border-top-right-radius: 18px !important; } .round-tr-19 { border-top-right-radius: 19px !important; } .round-tr-20 { border-top-right-radius: 20px !important; } .round-tr-21 { border-top-right-radius: 21px !important; } .round-tr-22 { border-top-right-radius: 22px !important; } .round-tr-23 { border-top-right-radius: 23px !important; } .round-tr-24 { border-top-right-radius: 24px !important; } .round-tr-25 { border-top-right-radius: 25px !important; } .round-tr-26 { border-top-right-radius: 26px !important; } .round-tr-27 { border-top-right-radius: 27px !important; } .round-tr-28 { border-top-right-radius: 28px !important; } .round-tr-29 { border-top-right-radius: 29px !important; } .round-tr-30 { border-top-right-radius: 30px !important; } .round-b-0 { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .round-b-1 { border-bottom-right-radius: 1px !important; border-bottom-left-radius: 1px !important; } .round-b-2 { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .round-b-3 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } .round-b-4 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .round-b-5 { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; } .round-b-6 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } .round-b-7 { border-bottom-right-radius: 7px !important; border-bottom-left-radius: 7px !important; } .round-b-8 { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; } .round-b-9 { border-bottom-right-radius: 9px !important; border-bottom-left-radius: 9px !important; } .round-b-10 { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } .round-b-11 { border-bottom-right-radius: 11px !important; border-bottom-left-radius: 11px !important; } .round-b-12 { border-bottom-right-radius: 12px !important; border-bottom-left-radius: 12px !important; } .round-b-13 { border-bottom-right-radius: 13px !important; border-bottom-left-radius: 13px !important; } .round-b-14 { border-bottom-right-radius: 14px !important; border-bottom-left-radius: 14px !important; } .round-b-15 { border-bottom-right-radius: 15px !important; border-bottom-left-radius: 15px !important; } .round-b-16 { border-bottom-right-radius: 16px !important; border-bottom-left-radius: 16px !important; } .round-b-17 { border-bottom-right-radius: 17px !important; border-bottom-left-radius: 17px !important; } .round-b-18 { border-bottom-right-radius: 18px !important; border-bottom-left-radius: 18px !important; } .round-b-19 { border-bottom-right-radius: 19px !important; border-bottom-left-radius: 19px !important; } .round-b-20 { border-bottom-right-radius: 20px !important; border-bottom-left-radius: 20px !important; } .round-b-21 { border-bottom-right-radius: 21px !important; border-bottom-left-radius: 21px !important; } .round-b-22 { border-bottom-right-radius: 22px !important; border-bottom-left-radius: 22px !important; } .round-b-23 { border-bottom-right-radius: 23px !important; border-bottom-left-radius: 23px !important; } .round-b-24 { border-bottom-right-radius: 24px !important; border-bottom-left-radius: 24px !important; } .round-b-25 { border-bottom-right-radius: 25px !important; border-bottom-left-radius: 25px !important; } .round-b-26 { border-bottom-right-radius: 26px !important; border-bottom-left-radius: 26px !important; } .round-b-27 { border-bottom-right-radius: 27px !important; border-bottom-left-radius: 27px !important; } .round-b-28 { border-bottom-right-radius: 28px !important; border-bottom-left-radius: 28px !important; } .round-b-29 { border-bottom-right-radius: 29px !important; border-bottom-left-radius: 29px !important; } .round-b-30 { border-bottom-right-radius: 30px !important; border-bottom-left-radius: 30px !important; } .round-bl-0 { border-bottom-left-radius: 0px !important; } .round-bl-1 { border-bottom-left-radius: 1px !important; } .round-bl-2 { border-bottom-left-radius: 2px !important; } .round-bl-3 { border-bottom-left-radius: 3px !important; } .round-bl-4 { border-bottom-left-radius: 4px !important; } .round-bl-5 { border-bottom-left-radius: 5px !important; } .round-bl-6 { border-bottom-left-radius: 6px !important; } .round-bl-7 { border-bottom-left-radius: 7px !important; } .round-bl-8 { border-bottom-left-radius: 8px !important; } .round-bl-9 { border-bottom-left-radius: 9px !important; } .round-bl-10 { border-bottom-left-radius: 10px !important; } .round-bl-11 { border-bottom-left-radius: 11px !important; } .round-bl-12 { border-bottom-left-radius: 12px !important; } .round-bl-13 { border-bottom-left-radius: 13px !important; } .round-bl-14 { border-bottom-left-radius: 14px !important; } .round-bl-15 { border-bottom-left-radius: 15px !important; } .round-bl-16 { border-bottom-left-radius: 16px !important; } .round-bl-17 { border-bottom-left-radius: 17px !important; } .round-bl-18 { border-bottom-left-radius: 18px !important; } .round-bl-19 { border-bottom-left-radius: 19px !important; } .round-bl-20 { border-bottom-left-radius: 20px !important; } .round-bl-21 { border-bottom-left-radius: 21px !important; } .round-bl-22 { border-bottom-left-radius: 22px !important; } .round-bl-23 { border-bottom-left-radius: 23px !important; } .round-bl-24 { border-bottom-left-radius: 24px !important; } .round-bl-25 { border-bottom-left-radius: 25px !important; } .round-bl-26 { border-bottom-left-radius: 26px !important; } .round-bl-27 { border-bottom-left-radius: 27px !important; } .round-bl-28 { border-bottom-left-radius: 28px !important; } .round-bl-29 { border-bottom-left-radius: 29px !important; } .round-bl-30 { border-bottom-left-radius: 30px !important; } .round-br-0 { border-bottom-right-radius: 0px !important; } .round-br-1 { border-bottom-right-radius: 1px !important; } .round-br-2 { border-bottom-right-radius: 2px !important; } .round-br-3 { border-bottom-right-radius: 3px !important; } .round-br-4 { border-bottom-right-radius: 4px !important; } .round-br-5 { border-bottom-right-radius: 5px !important; } .round-br-6 { border-bottom-right-radius: 6px !important; } .round-br-7 { border-bottom-right-radius: 7px !important; } .round-br-8 { border-bottom-right-radius: 8px !important; } .round-br-9 { border-bottom-right-radius: 9px !important; } .round-br-10 { border-bottom-right-radius: 10px !important; } .round-br-11 { border-bottom-right-radius: 11px !important; } .round-br-12 { border-bottom-right-radius: 12px !important; } .round-br-13 { border-bottom-right-radius: 13px !important; } .round-br-14 { border-bottom-right-radius: 14px !important; } .round-br-15 { border-bottom-right-radius: 15px !important; } .round-br-16 { border-bottom-right-radius: 16px !important; } .round-br-17 { border-bottom-right-radius: 17px !important; } .round-br-18 { border-bottom-right-radius: 18px !important; } .round-br-19 { border-bottom-right-radius: 19px !important; } .round-br-20 { border-bottom-right-radius: 20px !important; } .round-br-21 { border-bottom-right-radius: 21px !important; } .round-br-22 { border-bottom-right-radius: 22px !important; } .round-br-23 { border-bottom-right-radius: 23px !important; } .round-br-24 { border-bottom-right-radius: 24px !important; } .round-br-25 { border-bottom-right-radius: 25px !important; } .round-br-26 { border-bottom-right-radius: 26px !important; } .round-br-27 { border-bottom-right-radius: 27px !important; } .round-br-28 { border-bottom-right-radius: 28px !important; } .round-br-29 { border-bottom-right-radius: 29px !important; } .round-br-30 { border-bottom-right-radius: 30px !important; } .round-l-0 { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .round-l-1 { border-top-left-radius: 1px !important; border-bottom-left-radius: 1px !important; } .round-l-2 { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } .round-l-3 { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .round-l-4 { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .round-l-5 { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .round-l-6 { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; } .round-l-7 { border-top-left-radius: 7px !important; border-bottom-left-radius: 7px !important; } .round-l-8 { border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } .round-l-9 { border-top-left-radius: 9px !important; border-bottom-left-radius: 9px !important; } .round-l-10 { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .round-l-11 { border-top-left-radius: 11px !important; border-bottom-left-radius: 11px !important; } .round-l-12 { border-top-left-radius: 12px !important; border-bottom-left-radius: 12px !important; } .round-l-13 { border-top-left-radius: 13px !important; border-bottom-left-radius: 13px !important; } .round-l-14 { border-top-left-radius: 14px !important; border-bottom-left-radius: 14px !important; } .round-l-15 { border-top-left-radius: 15px !important; border-bottom-left-radius: 15px !important; } .round-l-16 { border-top-left-radius: 16px !important; border-bottom-left-radius: 16px !important; } .round-l-17 { border-top-left-radius: 17px !important; border-bottom-left-radius: 17px !important; } .round-l-18 { border-top-left-radius: 18px !important; border-bottom-left-radius: 18px !important; } .round-l-19 { border-top-left-radius: 19px !important; border-bottom-left-radius: 19px !important; } .round-l-20 { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } .round-l-21 { border-top-left-radius: 21px !important; border-bottom-left-radius: 21px !important; } .round-l-22 { border-top-left-radius: 22px !important; border-bottom-left-radius: 22px !important; } .round-l-23 { border-top-left-radius: 23px !important; border-bottom-left-radius: 23px !important; } .round-l-24 { border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; } .round-l-25 { border-top-left-radius: 25px !important; border-bottom-left-radius: 25px !important; } .round-l-26 { border-top-left-radius: 26px !important; border-bottom-left-radius: 26px !important; } .round-l-27 { border-top-left-radius: 27px !important; border-bottom-left-radius: 27px !important; } .round-l-28 { border-top-left-radius: 28px !important; border-bottom-left-radius: 28px !important; } .round-l-29 { border-top-left-radius: 29px !important; border-bottom-left-radius: 29px !important; } .round-l-30 { border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; } .round-r-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .round-r-1 { border-top-right-radius: 1px !important; border-bottom-right-radius: 1px !important; } .round-r-2 { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .round-r-3 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .round-r-4 { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .round-r-5 { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .round-r-6 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } .round-r-7 { border-top-right-radius: 7px !important; border-bottom-right-radius: 7px !important; } .round-r-8 { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .round-r-9 { border-top-right-radius: 9px !important; border-bottom-right-radius: 9px !important; } .round-r-10 { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .round-r-11 { border-top-right-radius: 11px !important; border-bottom-right-radius: 11px !important; } .round-r-12 { border-top-right-radius: 12px !important; border-bottom-right-radius: 12px !important; } .round-r-13 { border-top-right-radius: 13px !important; border-bottom-right-radius: 13px !important; } .round-r-14 { border-top-right-radius: 14px !important; border-bottom-right-radius: 14px !important; } .round-r-15 { border-top-right-radius: 15px !important; border-bottom-right-radius: 15px !important; } .round-r-16 { border-top-right-radius: 16px !important; border-bottom-right-radius: 16px !important; } .round-r-17 { border-top-right-radius: 17px !important; border-bottom-right-radius: 17px !important; } .round-r-18 { border-top-right-radius: 18px !important; border-bottom-right-radius: 18px !important; } .round-r-19 { border-top-right-radius: 19px !important; border-bottom-right-radius: 19px !important; } .round-r-20 { border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; } .round-r-21 { border-top-right-radius: 21px !important; border-bottom-right-radius: 21px !important; } .round-r-22 { border-top-right-radius: 22px !important; border-bottom-right-radius: 22px !important; } .round-r-23 { border-top-right-radius: 23px !important; border-bottom-right-radius: 23px !important; } .round-r-24 { border-top-right-radius: 24px !important; border-bottom-right-radius: 24px !important; } .round-r-25 { border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important; } .round-r-26 { border-top-right-radius: 26px !important; border-bottom-right-radius: 26px !important; } .round-r-27 { border-top-right-radius: 27px !important; border-bottom-right-radius: 27px !important; } .round-r-28 { border-top-right-radius: 28px !important; border-bottom-right-radius: 28px !important; } .round-r-29 { border-top-right-radius: 29px !important; border-bottom-right-radius: 29px !important; } .round-r-30 { border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; } .circle-20px { border-radius: 50%; width: 20px !important; height: 20px !important; } .round-circle { border-radius: 50% !important; } /* ------------------------------- Box Shadow ------------------------------- */ .shadow-1 { box-shadow: 0px 0px 5px 1px #75757566 !important; } .shadow-2 { box-shadow: 0px 0px 6px 1px #75757566 !important; } .shadow-3 { box-shadow: 0px 0px 7px 1px #75757566 !important; } .shadow-4 { box-shadow: 0px 0px 8px 1px #75757566 !important; } .shadow-5 { box-shadow: 0px 0px 9px 1px #75757566 !important; } .shadow-6 { box-shadow: 0px 0px 10px 1px #75757566 !important; } .shadow-7 { box-shadow: 0px 0px 11px 1px #75757566 !important; } .shadow-8 { box-shadow: 0px 0px 12px 1px #75757566 !important; } .shadow-9 { box-shadow: 0px 0px 13px 1px #75757566 !important; } .shadow-10 { box-shadow: 0px 0px 14px 1px #75757566 !important; } .shadow-r-1 { box-shadow: 2px 0px 5px 0px #75757566 !important; } .shadow-r-2 { box-shadow: 3px 0px 6px 0px #75757566 !important; } .shadow-r-3 { box-shadow: 4px 0px 7px 0px #75757566 !important; } .shadow-r-4 { box-shadow: 5px 0px 8px 0px #75757566 !important; } .shadow-r-5 { box-shadow: 6px 0px 9px 0px #75757566 !important; } .shadow-r-6 { box-shadow: 7px 0px 10px 0px #75757566 !important; } .shadow-r-7 { box-shadow: 8px 0px 11px 0px #75757566 !important; } .shadow-r-8 { box-shadow: 9px 0px 12px 0px #75757566 !important; } .shadow-r-9 { box-shadow: 10px 0px 13px 0px #75757566 !important; } .shadow-r-10 { box-shadow: 11px 0px 14px 0px #75757566 !important; } .shadow-l-1 { box-shadow: -2px 0 5px 0px #75757566 !important; } .shadow-l-2 { box-shadow: -3px 0 6px 0px #75757566 !important; } .shadow-l-3 { box-shadow: -4px 0 7px 0px #75757566 !important; } .shadow-l-4 { box-shadow: -5px 0 8px 0px #75757566 !important; } .shadow-l-5 { box-shadow: -6px 0 9px 0px #75757566 !important; } .shadow-l-6 { box-shadow: -7px 0 10px 0px #75757566 !important; } .shadow-l-7 { box-shadow: -8px 0 11px 0px #75757566 !important; } .shadow-l-8 { box-shadow: -9px 0 12px 0px #75757566 !important; } .shadow-l-9 { box-shadow: -10px 0 13px 0px #75757566 !important; } .shadow-l-10 { box-shadow: -11px 0 14px 0px #75757566 !important; } .shadow-t-1 { box-shadow: 0px -2px 5px -1px #75757566 !important; } .shadow-t-2 { box-shadow: 0px -3px 6px -1px #75757566 !important; } .shadow-t-3 { box-shadow: 0px -4px 7px -1px #75757566 !important; } .shadow-t-4 { box-shadow: 0px -5px 8px -1px #75757566 !important; } .shadow-t-5 { box-shadow: 0px -6px 9px -1px #75757566 !important; } .shadow-t-6 { box-shadow: 0px -7px 10px -1px #75757566 !important; } .shadow-t-7 { box-shadow: 0px -8px 11px -1px #75757566 !important; } .shadow-t-8 { box-shadow: 0px -9px 12px -1px #75757566 !important; } .shadow-t-9 { box-shadow: 0px -10px 13px -1px #75757566 !important; } .shadow-t-10 { box-shadow: 0px -11px 14px -1px #75757566 !important; } .shadow-b-1 { box-shadow: 0px 2px 5px 0px #75757566 !important; } .shadow-b-2 { box-shadow: 0px 3px 6px 0px #75757566 !important; } .shadow-b-3 { box-shadow: 0px 4px 7px 0px #75757566 !important; } .shadow-b-4 { box-shadow: 0px 5px 8px 0px #75757566 !important; } .shadow-b-5 { box-shadow: 0px 6px 9px 0px #75757566 !important; } .shadow-b-6 { box-shadow: 0px 7px 10px 0px #75757566 !important; } .shadow-b-7 { box-shadow: 0px 8px 11px 0px #75757566 !important; } .shadow-b-8 { box-shadow: 0px 9px 12px 0px #75757566 !important; } .shadow-b-9 { box-shadow: 0px 10px 13px 0px #75757566 !important; } .shadow-b-10 { box-shadow: 0px 11px 14px 0px #75757566 !important; } .shadow-tl-1 { box-shadow: -2px -2px 5px 0 #75757566 !important; } .shadow-tl-2 { box-shadow: -3px -3px 6px 0 #75757566 !important; } .shadow-tl-3 { box-shadow: -4px -4px 7px 0 #75757566 !important; } .shadow-tl-4 { box-shadow: -5px -5px 8px 0 #75757566 !important; } .shadow-tl-5 { box-shadow: -6px -6px 9px 0 #75757566 !important; } .shadow-tl-6 { box-shadow: -7px -7px 10px 0 #75757566 !important; } .shadow-tl-7 { box-shadow: -8px -8px 11px 0 #75757566 !important; } .shadow-tl-8 { box-shadow: -9px -9px 12px 0 #75757566 !important; } .shadow-tl-9 { box-shadow: -10px -10px 13px 0 #75757566 !important; } .shadow-tl-10 { box-shadow: -11px -11px 14px 0 #75757566 !important; } .shadow-tr-1 { box-shadow: 2px -2px 5px 0px #75757566 !important; } .shadow-tr-2 { box-shadow: 3px -3px 6px 0px #75757566 !important; } .shadow-tr-3 { box-shadow: 4px -4px 7px 0px #75757566 !important; } .shadow-tr-4 { box-shadow: 5px -5px 8px 0px #75757566 !important; } .shadow-tr-5 { box-shadow: 6px -6px 9px 0px #75757566 !important; } .shadow-tr-6 { box-shadow: 7px -7px 10px 0px #75757566 !important; } .shadow-tr-7 { box-shadow: 8px -8px 11px 0px #75757566 !important; } .shadow-tr-8 { box-shadow: 9px -9px 12px 0px #75757566 !important; } .shadow-tr-9 { box-shadow: 10px -10px 13px 0px #75757566 !important; } .shadow-tr-10 { box-shadow: 11px -11px 14px 0px #75757566 !important; } .shadow-bl-1 { box-shadow: -2px 2px 5px 1px #75757566 !important; } .shadow-bl-2 { box-shadow: -3px 3px 6px 1px #75757566 !important; } .shadow-bl-3 { box-shadow: -4px 4px 7px 1px #75757566 !important; } .shadow-bl-4 { box-shadow: -5px 5px 8px 1px #75757566 !important; } .shadow-bl-5 { box-shadow: -6px 6px 9px 1px #75757566 !important; } .shadow-bl-6 { box-shadow: -7px 7px 10px 1px #75757566 !important; } .shadow-bl-7 { box-shadow: -8px 8px 11px 1px #75757566 !important; } .shadow-bl-8 { box-shadow: -9px 9px 12px 1px #75757566 !important; } .shadow-bl-9 { box-shadow: -10px 10px 13px 1px #75757566 !important; } .shadow-bl-10 { box-shadow: -11px 11px 14px 1px #75757566 !important; } .shadow-br-1 { box-shadow: 2px 2px 5px 1px #75757566 !important; } .shadow-br-2 { box-shadow: 3px 3px 6px 1px #75757566 !important; } .shadow-br-3 { box-shadow: 4px 4px 7px 1px #75757566 !important; } .shadow-br-4 { box-shadow: 5px 5px 8px 1px #75757566 !important; } .shadow-br-5 { box-shadow: 6px 6px 9px 1px #75757566 !important; } .shadow-br-6 { box-shadow: 7px 7px 10px 1px #75757566 !important; } .shadow-br-7 { box-shadow: 8px 8px 11px 1px #75757566 !important; } .shadow-br-8 { box-shadow: 9px 9px 12px 1px #75757566 !important; } .shadow-br-9 { box-shadow: 10px 10px 13px 1px #75757566 !important; } .shadow-br-10 { box-shadow: 11px 11px 14px 1px #75757566 !important; } .shadow-none { box-shadow: none !important; } .shadow-sm { box-shadow: 0 2px 4px -1px #75757566 !important; } .shadow { box-shadow: 0 3px 5px -1px #75757566 !important; } .shadow-md { box-shadow: 0 4px 6px -1px #75757566 !important; } .shadow-lg { box-shadow: 0 5px 7px -1px #75757566 !important; } .shadow-xl { box-shadow: 0 7px 7px -1px #75757566 !important; } .shadow-xxl { box-shadow: 0 10px 10px -1px #75757566 !important; } .shadow-inner { box-shadow: inset 0 2px 4px 0 #75757566 !important; } .shadow-type-0 { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .shadow-type-1 { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .shadow-type-2 { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; } .shadow-type-3 { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .shadow-type-4 { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .shadow-type-5 { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .shadow-type-6 { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .shadow-type-7 { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, #333333 0px 0px 0px 3px; } .shadow-type-8 { box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; } .shadow-type-9 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .shadow-type-10 { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } .shadow-type-11 { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .shadow-type-12 { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; } .shadow-type-13 { box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; } .shadow-type-14 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } .shadow-type-15 { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; } .shadow-type-16 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; } .shadow-type-17 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; } .shadow-type-18 { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } .shadow-type-19 { box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .shadow-type-20 { box-shadow: #26394d 0px 20px 30px -10px; } .shadow-type-21 { box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; } .shadow-type-22 { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .shadow-type-23 { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } .shadow-type-24 { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; } .shadow-type-25 { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; } .shadow-type-26 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; } .shadow-type-27 { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; } .shadow-type-28 { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } .shadow-type-29 { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; } .shadow-type-30 { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } .shadow-type-31 { box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; } .shadow-type-32 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .shadow-type-33 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .shadow-type-34 { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .shadow-type-35 { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; } .shadow-type-36 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; } .shadow-type-37 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .shadow-type-38 { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } .shadow-type-39 { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .shadow-type-40 { box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; } .shadow-type-41 { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; } .shadow-type-42 { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; } .shadow-type-43 { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; } .shadow-type-44 { box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; } .shadow-type-45 { box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; } .shadow-type-46 { box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; } .shadow-type-47 { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; } .shadow-type-48 { box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; } .shadow-type-49 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; } .shadow-type-51 { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .shadow-type-52 { box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; } .shadow-type-53 { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; } .shadow-type-54 { box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; } .shadow-type-55 { box-shadow: #ccdbe8 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; } .shadow-type-56 { box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; } .shadow-type-57 { box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; } .shadow-type-58 { box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; } .shadow-type-59 { box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } .shadow-type-60 { box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; } .shadow-type-61 { box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; } .shadow-type-62 { box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; } .shadow-type-63 { box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; } .shadow-type-64 { box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; } .shadow-type-65 { box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; } .shadow-type-66 { box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; } .shadow-type-67 { box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; } .shadow-type-68 { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; } .shadow-type-69 { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .shadow-type-70 { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .shadow-type-71 { box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; } .shadow-type-72 { box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; } .shadow-type-73 { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; } .shadow-type-74 { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; } .shadow-type-75 { box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; } .shadow-type-76 { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } .shadow-type-77 { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; } .shadow-type-78 { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, #d1d5db 0px 0px 0px 1px inset; } .shadow-type-79 { box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; } .shadow-type-80 { box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; } .shadow-type1 { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .shadow-type2 { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; } .shadow-type4 { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .shadow-type5 { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .shadow-type6 { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .shadow-type9 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } .shadow-type19 { box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .shadow-type22 { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .shadow-type27 { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; } .shadow-type28 { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } .shadow-type32 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .shadow-type33 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .shadow-type36 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; } .shadow-type37 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .shadow-type38 { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } .shadow-type39 { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } .shadow-type41 { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; } .shadow-type43 { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; } .shadow-type42 { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; } .shadow-type47 { box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; } .shadow-type59 { box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; } .shadow-type62 { box-shadow: #ccdbe8 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; } .shadow-type63 { box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; } .shadow-type64 { box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; } .shadow-type65 { box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; } .shadow-type66 { box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; } .shadow-type72 { box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; } .shadow-type73 { box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; } .shadow-type74 { box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; } .shadow-type75 { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; } .shadow-type76 { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; } .shadow-type77 { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .shadow-type78 { box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; } .shadow-type79 { box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; } .shadow-type85 { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; } .shadow-type86 { box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; } .shadow-type89 { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; } .shadow-type93 { box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; } .mockup-area { position: relative; width: 100%; height: 100%; } .mockup-area .now-loading { position: absolute !important; z-index: 2 !important; } .mockup-area .now-loading-table { position: absolute !important; z-index: 2 !important; } .mockup-area .spinner { position: absolute !important; z-index: 2 !important; } .now-loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: auto; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); background-image: url("/assets/images/ajax/ajax-loader.gif"); background-size: 50px; background-repeat: no-repeat; background-position: center; z-index: 999; opacity: 0.4; filter: alpha(opacity=40); } .now-loading-table { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; width: 100%; height: 100%; background-color: rgba(106, 106, 106, 0.2); background-image: url("/assets/images/ajax/ajax-loader.gif"); background-size: 50px; background-repeat: no-repeat; background-position: center; z-index: 999; opacity: 0.4; filter: alpha(opacity=40); } .spinner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; margin: auto; display: flex; flex-wrap: nowrap; align-items: center; flex-direction: row; align-content: center; justify-content: center; background-color: rgba(106, 106, 106, 0.3); } .spinner .spinner--item-1 { z-index: 2; width: 48px; height: 48px; border: 5px solid #ffffff; border-bottom-color: #4682b4; border-radius: 50%; display: inline-block; box-sizing: border-box; -webkit-animation: spinner-rotation 1s linear infinite; animation: spinner-rotation 1s linear infinite; } .spinner .spinner--item-2 { z-index: 2; width: 48px; height: 48px; border: 5px solid; border-color: #4682b4 transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; -webkit-animation: spinner-rotation 1s linear infinite; animation: spinner-rotation 1s linear infinite; } @-webkit-keyframes spinner-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinner-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* -------------------------------- animation ------------------------------- */ [animation=fadein-1s] { -webkit-animation: fadein 1s; animation: fadein 1s; } [animation=fadein-2s] { -webkit-animation: fadein 2s; animation: fadein 2s; } .fade-in-transition-1s { -webkit-animation: fadein 1s; animation: fadein 1s; } .fade-in-transition-2s { -webkit-animation: fadein 2s; animation: fadein 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .slide-left-30px { -webkit-animation: slide-left-30px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-left-30px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-left-40px { -webkit-animation: slide-left-40px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-left-40px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-left-65px { -webkit-animation: slide-left-65px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-left-65px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @-webkit-keyframes slide-left-30px { 0% { transform: translateX(30px); } 100% { transform: translateX(0px); } } @keyframes slide-left-30px { 0% { transform: translateX(30px); } 100% { transform: translateX(0px); } } @-webkit-keyframes slide-left-40px { 0% { transform: translateX(40px); } 100% { transform: translateX(0px); } } @keyframes slide-left-40px { 0% { transform: translateX(40px); } 100% { transform: translateX(0px); } } @-webkit-keyframes slide-left-65px { 0% { transform: translateX(65px); } 100% { transform: translateX(0px); } } @keyframes slide-left-65px { 0% { transform: translateX(65px); } 100% { transform: translateX(0px); } } .slide-right-30px { -webkit-animation: slide-right-30px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-right-30px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-right-40px { -webkit-animation: slide-right-40px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-right-40px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-right-65px { -webkit-animation: slide-right-65px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-right-65px 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } @-webkit-keyframes slide-right-30px { 0% { transform: translateX(0px); } 100% { transform: translateX(30px); } } @keyframes slide-right-30px { 0% { transform: translateX(0px); } 100% { transform: translateX(30px); } } @-webkit-keyframes slide-right-40px { 0% { transform: translateX(0px); } 100% { transform: translateX(40px); } } @keyframes slide-right-40px { 0% { transform: translateX(0px); } 100% { transform: translateX(40px); } } @-webkit-keyframes slide-right-65px { 0% { transform: translateX(0px); } 100% { transform: translateX(65px); } } @keyframes slide-right-65px { 0% { transform: translateX(0px); } 100% { transform: translateX(65px); } } .list-item { display: inline-block; margin-right: 10px; } .list-enter-active, .list-leave-active { transition: all 0.2s; } .list-enter, .list-leave-to { opacity: 0; transform: translateY(-30px); } .fade-enter-active, .fade-leave-active { transition: opacity 0.2s; } .fade-enter, .fade-leave-to { opacity: 0; } .slide-enter-active { transition: all 0.2s ease; } .slide-leave-active { transition: all 1s; } .slide-enter { transform: translateX(100px); opacity: 0; } .slide-leave-to { transform: translateX(-150px); opacity: 0; } .slide-up-enter-active { transition: all 0.2s ease; } .slide-up-leave-active { transition: all 0.2s; } .slide-up-enter, .slide-up-leave-to { transform: translateY(1000px); opacity: 0; } .slide-fade-up-enter-active { transition: all 0.5s ease; opacity: 1; } .slide-fade-up-leave-active { transition: all 0.5s; opacity: 1; } .slide-fade-up-enter, .slide-fade-up-leave-to { transform: translate3d(0, 100%, 0); opacity: 0; } .slide-fade-down-enter-active { transition: all 0.5s ease; opacity: 1; } .slide-fade-down-leave-active { transition: all 0.5s; opacity: 1; } .slide-fade-down-enter, .slide-fade-down-leave-to { transform: translate3d(0, -100%, 0); opacity: 0; } .slide-fade-right-enter-active { transition: all 0.5s ease; opacity: 1; } .slide-fade-right-leave-active { transition: all 0.5s; opacity: 1; } .slide-fade-right-enter, .slide-fade-right-leave-to { transform: translate3d(100%, 0, 0); opacity: 0; } .rotate-fade-right-enter-active { transition: all 0.5s ease; opacity: 1; } .rotate-fade-right-leave-active { transition: all 0.5s; opacity: 1; } .rotate-fade-right-enter, .rotate-fade-right-leave-to { transform: rotate3d(0, 0, 1, -180deg); opacity: 0; } .zoom { transition: transform 0.2s !important; } .zoom:hover { transform: scale(1.2) !important; cursor: pointer !important; } .zoom-apple { transition: transform 0.1s !important; } .zoom-apple:hover { transform: scale(1.2) !important; cursor: pointer !important; } .zoom-small { transition: transform 0.2s !important; } .zoom-small:hover { transform: scale(1.05) !important; cursor: pointer !important; z-index: 3; } .zoom-mini { transition: transform 0.2s !important; } .zoom-mini:hover { transform: scale(1.02) !important; z-index: 3; } .zoom-shadow-mini { transition: transform 0.2s !important; } .zoom-shadow-mini:hover { transform: scale(1.02) !important; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; z-index: 3; } .hover-zoom { display: inline-block; width: 100%; transform: scale(1, 1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out 0s; } .hover-zoom:hover { transform: scale(1.03, 1.03); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 5; } .hover-top { display: inline-block; width: 100%; display: block; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; } .hover-top:hover { position: relative; z-index: 1; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } /** fadeInRight **/ @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translatex(10px); } to { opacity: 1; transform: translatex(0); } } @keyframes fadeInRight { from { opacity: 0; transform: translatex(100px); } to { opacity: 1; transform: translatex(0); } } .in-left { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: -2s; animation-duration: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-duration: -2s; animation-delay: -2s; } .scroll-element { position: relative; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .scroll-element.scrolled { opacity: 1; -webkit-animation-name: bounceInForElement; animation-name: bounceInForElement; } .animated-element { position: relative; top: 100px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .animation { opacity: 1; -webkit-animation-name: bounceInForElement; animation-name: bounceInForElement; } @-webkit-keyframes bounceInForElement { 0% { top: 200px; opacity: 0; } 60% { top: -10px; } 100% { top: 0; opacity: 1; } } @keyframes bounceInForElement { 0% { top: 200px; opacity: 0; } 60% { top: -10px; } 100% { top: 0; opacity: 1; } } .trans-scale-p1 { transform: scale(0.1) !important; } .trans-scale-p2 { transform: scale(0.2) !important; } .trans-scale-p3 { transform: scale(0.3) !important; } .trans-scale-p4 { transform: scale(0.4) !important; } .trans-scale-p5 { transform: scale(0.5) !important; } .trans-scale-p6 { transform: scale(0.6) !important; } .trans-scale-p7 { transform: scale(0.7) !important; } .trans-scale-p8 { transform: scale(0.8) !important; } .trans-scale-p9 { transform: scale(0.9) !important; } .trans-scale-1 { transform: scale(1) !important; } .trans-scale-1p01 { transform: scale(1.01) !important; } .trans-scale-1p02 { transform: scale(1.02) !important; } .trans-scale-1p03 { transform: scale(1.03) !important; } .trans-scale-1p04 { transform: scale(1.04) !important; } .trans-scale-1p05 { transform: scale(1.05) !important; } .trans-scale-1p06 { transform: scale(1.06) !important; } .trans-scale-1p07 { transform: scale(1.07) !important; } .trans-scale-1p08 { transform: scale(1.08) !important; } .trans-scale-1p09 { transform: scale(1.09) !important; } .trans-scale-1p1 { transform: scale(1.1) !important; } .trans-scale-1p2 { transform: scale(1.2) !important; } .trans-scale-1p3 { transform: scale(1.3) !important; } .trans-scale-1p4 { transform: scale(1.4) !important; } .trans-scale-1p5 { transform: scale(1.5) !important; } .trans-scale-1p6 { transform: scale(1.6) !important; } .trans-scale-1p7 { transform: scale(1.7) !important; } .trans-scale-1p8 { transform: scale(1.8) !important; } .trans-scale-1p9 { transform: scale(1.9) !important; } .trans-scale-2 { transform: scale(2) !important; } .delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .delay-n1s { -webkit-animation-delay: -1s; animation-delay: -1s; } .delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .delay-n2s { -webkit-animation-delay: -2s; animation-delay: -2s; } .delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .delay-n3s { -webkit-animation-delay: -3s; animation-delay: -3s; } .delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .delay-n4s { -webkit-animation-delay: -4s; animation-delay: -4s; } .delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .delay-n5s { -webkit-animation-delay: -5s; animation-delay: -5s; } .delay-100ms { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .delay-n100ms { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .delay-200ms { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .delay-n200ms { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .delay-300ms { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .delay-n300ms { -webkit-animation-delay: -300ms; animation-delay: -300ms; } .delay-400ms { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .delay-n400ms { -webkit-animation-delay: -400ms; animation-delay: -400ms; } .delay-500ms { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay-n500ms { -webkit-animation-delay: -500ms; animation-delay: -500ms; } .delay-600ms { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .delay-n600ms { -webkit-animation-delay: -600ms; animation-delay: -600ms; } .delay-700ms { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .delay-n700ms { -webkit-animation-delay: -700ms; animation-delay: -700ms; } .delay-800ms { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .delay-n800ms { -webkit-animation-delay: -800ms; animation-delay: -800ms; } .delay-900ms { -webkit-animation-delay: 900ms; animation-delay: 900ms; } .delay-n900ms { -webkit-animation-delay: -900ms; animation-delay: -900ms; } .delay-1000ms { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay-n1000ms { -webkit-animation-delay: -1000ms; animation-delay: -1000ms; } .delay-1100ms { -webkit-animation-delay: 1100ms; animation-delay: 1100ms; } .delay-n1100ms { -webkit-animation-delay: -1100ms; animation-delay: -1100ms; } .delay-1200ms { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } .delay-n1200ms { -webkit-animation-delay: -1200ms; animation-delay: -1200ms; } .delay-1300ms { -webkit-animation-delay: 1300ms; animation-delay: 1300ms; } .delay-n1300ms { -webkit-animation-delay: -1300ms; animation-delay: -1300ms; } .delay-1400ms { -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } .delay-n1400ms { -webkit-animation-delay: -1400ms; animation-delay: -1400ms; } .delay-1500ms { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; } .delay-n1500ms { -webkit-animation-delay: -1500ms; animation-delay: -1500ms; } .delay-1600ms { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } .delay-n1600ms { -webkit-animation-delay: -1600ms; animation-delay: -1600ms; } .delay-1700ms { -webkit-animation-delay: 1700ms; animation-delay: 1700ms; } .delay-n1700ms { -webkit-animation-delay: -1700ms; animation-delay: -1700ms; } .delay-1800ms { -webkit-animation-delay: 1800ms; animation-delay: 1800ms; } .delay-n1800ms { -webkit-animation-delay: -1800ms; animation-delay: -1800ms; } .delay-1900ms { -webkit-animation-delay: 1900ms; animation-delay: 1900ms; } .delay-n1900ms { -webkit-animation-delay: -1900ms; animation-delay: -1900ms; } .delay-2000ms { -webkit-animation-delay: 2000ms; animation-delay: 2000ms; } .delay-n2000ms { -webkit-animation-delay: -2000ms; animation-delay: -2000ms; } .delay-0 { -webkit-animation-delay: 0s; animation-delay: 0s; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bounce-in { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } .bounce-in-u { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .bounce-in-l { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } .bounce-in-r { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } .bounce-in-d { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .bounce-out { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } .bounce-out-u { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } .bounce-out-l { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } .bounce-out-r { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } .bounce-out-d { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fade-in-u { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fade-in-l { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fade-in-r { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fade-in-d { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fade-out { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .fade-out-u { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .fade-out-l { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .fade-out-r { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .fade-out-d { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .rotate-in { -webkit-animation-name: rotateIn; animation-name: rotateIn; } .rotate-in-ul { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } .rotate-in-ur { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } .rotate-in-dl { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } .rotate-in-dr { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } .rotate-out { -webkit-animation-name: rotateOut; animation-name: rotateOut; } .rotate-out-ul { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } .rotate-out-ur { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } .rotate-out-dl { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } .rotate-out-dr { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .slide-in-u { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .slide-in-d { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .slide-in-l { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .slide-in-r { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .slide-out-u { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .slide-out-d { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } .slide-out-l { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .slide-out-r { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .zoom-in { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .zoom-in-d { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } .zoom-in-l { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } .zoom-in-r { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } .zoom-in-u { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } .zoom-out { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .zoom-out-d { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } .zoom-out-l { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } .zoom-out-r { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } .zoom-out-u { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .rotate-in-100-dr { -webkit-animation-name: rotateIn100; animation-name: rotateIn100; } .jack-in-the-box { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } .rotateIn100DownRight { -webkit-animation-name: rotateIn100; animation-name: rotateIn100; } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rotateIn100 { from { transform-origin: center; transform: rotate3d(0, 0, 1, -100deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn100 { from { transform-origin: center; transform: rotate3d(0, 0, 1, -100deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } /* --------------------------------- Cursor --------------------------------- */ .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .cursor-grab { cursor: -webkit-grab; cursor: grab; } .cursor-grabbing { cursor: -webkit-grabbing; cursor: grabbing; } .cursor-wait { cursor: wait; } .cursor-text { cursor: text; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-none { cursor: none; } .cursor-context-menu { cursor: context-menu; } .cursor-progress { cursor: progress; } .cursor-crosshair { cursor: crosshair; } .cursor-vertical-text { cursor: vertical-text; } .cursor-alias { cursor: alias; } .cursor-copy { cursor: copy; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .no-click { pointer-events: none; } .form-file-dropbox { position: relative; min-height: 150px; height: 100% !important; min-width: 300px; width: 100% !important; border: #dadada 1px dashed; border-radius: 5px; } .form-file-dropbox .text-no-file { color: #dadada !important; } .form-file-dropbox .text-with-file { color: #7d7d7d !important; } .form-file-remove { position: absolute; top: 5px; right: 5px; } .form-file-upload ul { list-style-type: none; margin: 0; padding: 0; overflow: auto; } .form-file-upload ul li { cursor: pointer; float: left; display: inline; width: 110px; height: 150px; } .form-file-upload ul li:hover { background: #cbcbcb !important; cursor: pointer; } .form-file-thumbnail { height: 100px; width: 100%; -o-object-fit: contain; object-fit: contain; } .form-file-thumbnail-img-big { height: 600px; width: 100%; -o-object-fit: contain; object-fit: contain; } .form-file-dropbox embed { min-height: 100px; height: 100%; max-height: 400px; min-width: 300px; width: 100%; max-width: 400px; margin-top: 10px; -o-object-fit: cover; object-fit: cover; } /* ------------------------------- Text Size and weight ------------------------------- */ b, strong { font-weight: 700 !important; } h1 { font-size: 48px !important; font-weight: 700 !important; } h2 { font-size: 36px !important; font-weight: 700 !important; } h3 { font-size: 24px !important; font-weight: 700 !important; } h4 { font-size: 20px !important; font-weight: 700 !important; } h5 { font-size: 18px !important; font-weight: 700 !important; } h6 { font-size: 14px !important; font-weight: 700 !important; } /* ------------------------------- Text Alignment ------------------------------- */ /* ------------------------------- Text color ------------------------------- */ /* ------------------------------- Text Transform ------------------------------- */ .text-capitalize { text-transform: capitalize !important; } .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-normalcase { text-transform: none !important; } /* ------------------------------- Line in text ------------------------------- */ .line-in-text-underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .line-in-text-overline { -webkit-text-decoration-line: overline; text-decoration-line: overline; } .line-in-text-through { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .line-in-text-none { -webkit-text-decoration-line: none; text-decoration-line: none; } .line-style-solid { -webkit-text-decoration-style: solid; text-decoration-style: solid; } .line-style-double { -webkit-text-decoration-style: double; text-decoration-style: double; } .line-style-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .line-style-dashed { -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } .line-style-wavy { -webkit-text-decoration-style: wavy; text-decoration-style: wavy; } .line-w-auto { text-decoration-thickness: auto; } .line-w-0 { text-decoration-thickness: 0; } .line-w-1px { text-decoration-thickness: 1px; } .line-w-2px { text-decoration-thickness: 2px; } .line-w-3px { text-decoration-thickness: 3px; } .line-w-4px { text-decoration-thickness: 4px; } .line-w-5px { text-decoration-thickness: 5px; } .line-w-6px { text-decoration-thickness: 6px; } .line-w-7px { text-decoration-thickness: 7px; } .line-w-8px { text-decoration-thickness: 8px; } .line-w-9px { text-decoration-thickness: 9px; } .line-w-10px { text-decoration-thickness: 10px; } .line-color-theme { -webkit-text-decoration-color: #4682b4 !important; text-decoration-color: #4682b4 !important; } .line-color-theme-lighten-5 { -webkit-text-decoration-color: #E8EFF6 !important; text-decoration-color: #E8EFF6 !important; } .line-color-theme-lighten-4 { -webkit-text-decoration-color: #D1E0EC !important; text-decoration-color: #D1E0EC !important; } .line-color-theme-lighten-3 { -webkit-text-decoration-color: #BAD0E3 !important; text-decoration-color: #BAD0E3 !important; } .line-color-theme-lighten-2 { -webkit-text-decoration-color: #A3C1DA !important; text-decoration-color: #A3C1DA !important; } .line-color-theme-lighten-1 { -webkit-text-decoration-color: #74A1C7 !important; text-decoration-color: #74A1C7 !important; } .line-color-theme-darken-1 { -webkit-text-decoration-color: #3D729E !important; text-decoration-color: #3D729E !important; } .line-color-theme-darken-2 { -webkit-text-decoration-color: #356287 !important; text-decoration-color: #356287 !important; } .line-color-theme-darken-3 { -webkit-text-decoration-color: #2C5171 !important; text-decoration-color: #2C5171 !important; } .line-color-theme-darken-4 { -webkit-text-decoration-color: #23415A !important; text-decoration-color: #23415A !important; } .line-color-theme-accent-1 { -webkit-text-decoration-color: #7ba7cc !important; text-decoration-color: #7ba7cc !important; } .line-color-theme-accent-2 { -webkit-text-decoration-color: #568ebd !important; text-decoration-color: #568ebd !important; } .line-color-theme-accent-3 { -webkit-text-decoration-color: #3f75a2 !important; text-decoration-color: #3f75a2 !important; } .line-color-theme-accent-4 { -webkit-text-decoration-color: #315a7d !important; text-decoration-color: #315a7d !important; } .line-color-primary { -webkit-text-decoration-color: #2196f3 !important; text-decoration-color: #2196f3 !important; } .line-color-secondary { -webkit-text-decoration-color: #6c757d !important; text-decoration-color: #6c757d !important; } .line-color-success { -webkit-text-decoration-color: #20ad20 !important; text-decoration-color: #20ad20 !important; } .line-color-info { -webkit-text-decoration-color: #4dd0e1 !important; text-decoration-color: #4dd0e1 !important; } .line-color-warning { -webkit-text-decoration-color: #f9cf48 !important; text-decoration-color: #f9cf48 !important; } .line-color-danger { -webkit-text-decoration-color: #f23629 !important; text-decoration-color: #f23629 !important; } .line-color-alert { -webkit-text-decoration-color: #f57b1d !important; text-decoration-color: #f57b1d !important; } .line-color-theme { -webkit-text-decoration-color: #356287 !important; text-decoration-color: #356287 !important; } .line-color-white { -webkit-text-decoration-color: #ffffff !important; text-decoration-color: #ffffff !important; } .line-color-purple { -webkit-text-decoration-color: #6A1B9A !important; text-decoration-color: #6A1B9A !important; } .line-color-primary-lighten { -webkit-text-decoration-color: #e0f1ff !important; text-decoration-color: #e0f1ff !important; } .line-color-secondary-lighten { -webkit-text-decoration-color: #e1e1e1 !important; text-decoration-color: #e1e1e1 !important; } .line-color-success-lighten { -webkit-text-decoration-color: #e8fac7 !important; text-decoration-color: #e8fac7 !important; } .line-color-info-lighten { -webkit-text-decoration-color: #d2f9ff !important; text-decoration-color: #d2f9ff !important; } .line-color-warning-lighten { -webkit-text-decoration-color: #fef6d9 !important; text-decoration-color: #fef6d9 !important; } .line-color-danger-lighten { -webkit-text-decoration-color: #ffd4d1 !important; text-decoration-color: #ffd4d1 !important; } .line-color-alert-lighten { -webkit-text-decoration-color: #fad6ba !important; text-decoration-color: #fad6ba !important; } .line-color-purple-lighten { -webkit-text-decoration-color: #f5ebfc !important; text-decoration-color: #f5ebfc !important; } .line-color-theme-lighten { -webkit-text-decoration-color: #D1E0EC !important; text-decoration-color: #D1E0EC !important; } .line-color-white { -webkit-text-decoration-color: #ffffff !important; text-decoration-color: #ffffff !important; } .line-color-black { -webkit-text-decoration-color: #000000 !important; text-decoration-color: #000000 !important; } .line-color-grey { -webkit-text-decoration-color: #9E9E9E !important; text-decoration-color: #9E9E9E !important; } .line-color-grey-lighten-5 { -webkit-text-decoration-color: #FAFAFA !important; text-decoration-color: #FAFAFA !important; } .line-color-grey-lighten-4 { -webkit-text-decoration-color: #F5F5F5 !important; text-decoration-color: #F5F5F5 !important; } .line-color-grey-lighten-3 { -webkit-text-decoration-color: #EEEEEE !important; text-decoration-color: #EEEEEE !important; } .line-color-grey-lighten-2 { -webkit-text-decoration-color: #E0E0E0 !important; text-decoration-color: #E0E0E0 !important; } .line-color-grey-lighten-1 { -webkit-text-decoration-color: #BDBDBD !important; text-decoration-color: #BDBDBD !important; } .line-color-grey-darken-1 { -webkit-text-decoration-color: #757575 !important; text-decoration-color: #757575 !important; } .line-color-grey-darken-2 { -webkit-text-decoration-color: #616161 !important; text-decoration-color: #616161 !important; } .line-color-grey-darken-3 { -webkit-text-decoration-color: #424242 !important; text-decoration-color: #424242 !important; } .line-color-grey-darken-4 { -webkit-text-decoration-color: #212121 !important; text-decoration-color: #212121 !important; } .line-color-blue-grey { -webkit-text-decoration-color: #607D8B !important; text-decoration-color: #607D8B !important; } .line-color-blue-grey-lighten-5 { -webkit-text-decoration-color: #ECEFF1 !important; text-decoration-color: #ECEFF1 !important; } .line-color-blue-grey-lighten-4 { -webkit-text-decoration-color: #CFD8DC !important; text-decoration-color: #CFD8DC !important; } .line-color-blue-grey-lighten-3 { -webkit-text-decoration-color: #B0BEC5 !important; text-decoration-color: #B0BEC5 !important; } .line-color-blue-grey-lighten-2 { -webkit-text-decoration-color: #90A4AE !important; text-decoration-color: #90A4AE !important; } .line-color-blue-grey-lighten-1 { -webkit-text-decoration-color: #78909C !important; text-decoration-color: #78909C !important; } .line-color-blue-grey-darken-1 { -webkit-text-decoration-color: #546E7A !important; text-decoration-color: #546E7A !important; } .line-color-blue-grey-darken-2 { -webkit-text-decoration-color: #455A64 !important; text-decoration-color: #455A64 !important; } .line-color-blue-grey-darken-3 { -webkit-text-decoration-color: #37474F !important; text-decoration-color: #37474F !important; } .line-color-blue-grey-darken-4 { -webkit-text-decoration-color: #263238 !important; text-decoration-color: #263238 !important; } /* ------------------------------- Text line limit ------------------------------- */ .text-overflow { overflow: hidden !important; white-space: nowrap !important; max-width: 100%; display: block !important; } .text-overflow-ellipsis { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; max-width: 100%; display: block !important; } .text-2line { line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; width: 100%; } .text-1line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-2line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-3line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-4line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-5line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-6line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-7line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-8line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-9line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .text-10line-h-auto { display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* ------------------------------- Text Transform ------------------------------- */ .text-line-none { display: block; max-width: 100%; -webkit-line-clamp: none !important; -webkit-box-orient: vertical !important; overflow: none !important; text-overflow: none !important; } .text-line-h-01 { line-height: 0.1; } .text-line-h-02 { line-height: 0.2; } .text-line-h-03 { line-height: 0.3; } .text-line-h-04 { line-height: 0.4; } .text-line-h-05 { line-height: 0.5; } .text-line-h-06 { line-height: 0.6; } .text-line-h-07 { line-height: 0.7; } .text-line-h-08 { line-height: 0.8; } .text-line-h-09 { line-height: 0.9; } .text-line-h-1 { line-height: 1; } .text-line-h-2 { line-height: 2; } .text-line-h-3 { line-height: 3; } .text-line-h-4 { line-height: 4; } .text-line-h-5 { line-height: 5; } .text-line-h-10px { line-height: 10px; } .text-line-h-20px { line-height: 20px; } .text-line-h-30px { line-height: 30px; } .text-line-h-40px { line-height: 40px; } .text-line-h-50px { line-height: 50px; } .remove_htag h1 { font-size: 14px !important; } .remove_htag h2 { font-size: 14px !important; } .remove_htag h3 { font-size: 14px !important; } .remove_htag h4 { font-size: 14px !important; } .remove_htag h5 { font-size: 14px !important; } .remove_htag h6 { font-size: 14px !important; } .remove_htag a, .remove_htag a:hover, .remove_htag a:focus, .remove_htag a:active { pointer-events: none; } .word-wrap-break-word { word-wrap: break-word !important; } .word-break-all { word-break: break-all; } .word-break-word { word-break: break-word; } .text-separator { display: flex; align-items: center; } .text-separator .separator-line { height: 3px; flex: 1; background-color: #9E9E9E; } .text-separator .separator-title { padding: 0 2rem; } .text-muted { color: #BDBDBD !important; } .letter-spacing-normal { letter-spacing: normal !important; } .letter-spacing-1px { letter-spacing: 1px; } .letter-spacing-2px { letter-spacing: 2px; } .letter-spacing-3px { letter-spacing: 3px; } .letter-spacing-4px { letter-spacing: 4px; } .letter-spacing-5px { letter-spacing: 5px; } .letter-spacing-6px { letter-spacing: 6px; } .letter-spacing-7px { letter-spacing: 7px; } .letter-spacing-8px { letter-spacing: 8px; } .letter-spacing-9px { letter-spacing: 9px; } .letter-spacing-10px { letter-spacing: 10px; } .letter-spacing-n1px { letter-spacing: -1px; } .letter-spacing-n2px { letter-spacing: -2px; } .letter-spacing-n3px { letter-spacing: -3px; } .letter-spacing-n4px { letter-spacing: -4px; } .letter-spacing-n5px { letter-spacing: -5px; } .word-spacing-normal { word-spacing: normal !important; } .word-spacing-1px { word-spacing: 1px; } .word-spacing-2px { word-spacing: 2px; } .word-spacing-3px { word-spacing: 3px; } .word-spacing-4px { word-spacing: 4px; } .word-spacing-5px { word-spacing: 5px; } .word-spacing-6px { word-spacing: 6px; } .word-spacing-7px { word-spacing: 7px; } .word-spacing-8px { word-spacing: 8px; } .word-spacing-9px { word-spacing: 9px; } .word-spacing-10px { word-spacing: 10px; } .word-spacing-n1px { word-spacing: -1px; } .word-spacing-n2px { word-spacing: -2px; } .word-spacing-n3px { word-spacing: -3px; } .word-spacing-n4px { word-spacing: -4px; } .word-spacing-n5px { word-spacing: -5px; } .text-5px { font-size: 5px !important; } .text-6px { font-size: 6px !important; } .text-7px { font-size: 7px !important; } .text-8px { font-size: 8px !important; } .text-9px { font-size: 9px !important; } .text-10px { font-size: 10px !important; } .text-11px { font-size: 11px !important; } .text-12px { font-size: 12px !important; } .text-13px { font-size: 13px !important; } .text-14px { font-size: 14px !important; } .text-15px { font-size: 15px !important; } .text-16px { font-size: 16px !important; } .text-17px { font-size: 17px !important; } .text-18px { font-size: 18px !important; } .text-19px { font-size: 19px !important; } .text-20px { font-size: 20px !important; } .text-22px { font-size: 22px !important; } .text-24px { font-size: 24px !important; } .text-26px { font-size: 26px !important; } .text-28px { font-size: 28px !important; } .text-30px { font-size: 30px !important; } .text-32px { font-size: 32px !important; } .text-34px { font-size: 34px !important; } .text-36px { font-size: 36px !important; } .text-38px { font-size: 38px !important; } .text-40px { font-size: 40px !important; } .text-42px { font-size: 42px !important; } .text-44px { font-size: 44px !important; } .text-46px { font-size: 46px !important; } .text-48px { font-size: 48px !important; } .text-50px { font-size: 50px !important; } .text-52px { font-size: 52px !important; } .text-55px { font-size: 55px !important; } .text-60px { font-size: 60px !important; } .text-62px { font-size: 62px !important; } .text-65px { font-size: 65px !important; } .text-70px { font-size: 70px !important; } .text-72px { font-size: 72px !important; } .text-75px { font-size: 75px !important; } @media screen and (min-width: 420px) { .text-sm-5px { font-size: 5px !important; } .text-sm-6px { font-size: 6px !important; } .text-sm-7px { font-size: 7px !important; } .text-sm-8px { font-size: 8px !important; } .text-sm-9px { font-size: 9px !important; } .text-sm-10px { font-size: 10px !important; } .text-sm-11px { font-size: 11px !important; } .text-sm-12px { font-size: 12px !important; } .text-sm-13px { font-size: 13px !important; } .text-sm-14px { font-size: 14px !important; } .text-sm-15px { font-size: 15px !important; } .text-sm-16px { font-size: 16px !important; } .text-sm-17px { font-size: 17px !important; } .text-sm-18px { font-size: 18px !important; } .text-sm-19px { font-size: 19px !important; } .text-sm-20px { font-size: 20px !important; } .text-sm-22px { font-size: 22px !important; } .text-sm-24px { font-size: 24px !important; } .text-sm-26px { font-size: 26px !important; } .text-sm-28px { font-size: 28px !important; } .text-sm-30px { font-size: 30px !important; } .text-sm-32px { font-size: 32px !important; } .text-sm-34px { font-size: 34px !important; } .text-sm-36px { font-size: 36px !important; } .text-sm-38px { font-size: 38px !important; } .text-sm-40px { font-size: 40px !important; } .text-sm-42px { font-size: 42px !important; } .text-sm-44px { font-size: 44px !important; } .text-sm-46px { font-size: 46px !important; } .text-sm-48px { font-size: 48px !important; } .text-sm-50px { font-size: 50px !important; } .text-sm-52px { font-size: 52px !important; } .text-sm-55px { font-size: 55px !important; } .text-sm-60px { font-size: 60px !important; } .text-sm-62px { font-size: 62px !important; } .text-sm-65px { font-size: 65px !important; } .text-sm-70px { font-size: 70px !important; } .text-sm-72px { font-size: 72px !important; } .text-sm-75px { font-size: 75px !important; } } @media screen and (min-width: 768px) { .text-md-5px { font-size: 5px !important; } .text-md-6px { font-size: 6px !important; } .text-md-7px { font-size: 7px !important; } .text-md-8px { font-size: 8px !important; } .text-md-9px { font-size: 9px !important; } .text-md-10px { font-size: 10px !important; } .text-md-11px { font-size: 11px !important; } .text-md-12px { font-size: 12px !important; } .text-md-13px { font-size: 13px !important; } .text-md-14px { font-size: 14px !important; } .text-md-15px { font-size: 15px !important; } .text-md-16px { font-size: 16px !important; } .text-md-17px { font-size: 17px !important; } .text-md-18px { font-size: 18px !important; } .text-md-19px { font-size: 19px !important; } .text-md-20px { font-size: 20px !important; } .text-md-22px { font-size: 22px !important; } .text-md-24px { font-size: 24px !important; } .text-md-26px { font-size: 26px !important; } .text-md-28px { font-size: 28px !important; } .text-md-30px { font-size: 30px !important; } .text-md-32px { font-size: 32px !important; } .text-md-34px { font-size: 34px !important; } .text-md-36px { font-size: 36px !important; } .text-md-38px { font-size: 38px !important; } .text-md-40px { font-size: 40px !important; } .text-md-42px { font-size: 42px !important; } .text-md-44px { font-size: 44px !important; } .text-md-46px { font-size: 46px !important; } .text-md-48px { font-size: 48px !important; } .text-md-50px { font-size: 50px !important; } .text-md-52px { font-size: 52px !important; } .text-md-55px { font-size: 55px !important; } .text-md-60px { font-size: 60px !important; } .text-md-62px { font-size: 62px !important; } .text-md-65px { font-size: 65px !important; } .text-md-70px { font-size: 70px !important; } .text-md-72px { font-size: 72px !important; } .text-md-75px { font-size: 75px !important; } } @media screen and (min-width: 1024px) { .text-lg-5px { font-size: 5px !important; } .text-lg-6px { font-size: 6px !important; } .text-lg-7px { font-size: 7px !important; } .text-lg-8px { font-size: 8px !important; } .text-lg-9px { font-size: 9px !important; } .text-lg-10px { font-size: 10px !important; } .text-lg-11px { font-size: 11px !important; } .text-lg-12px { font-size: 12px !important; } .text-lg-13px { font-size: 13px !important; } .text-lg-14px { font-size: 14px !important; } .text-lg-15px { font-size: 15px !important; } .text-lg-16px { font-size: 16px !important; } .text-lg-17px { font-size: 17px !important; } .text-lg-18px { font-size: 18px !important; } .text-lg-19px { font-size: 19px !important; } .text-lg-20px { font-size: 20px !important; } .text-lg-22px { font-size: 22px !important; } .text-lg-24px { font-size: 24px !important; } .text-lg-26px { font-size: 26px !important; } .text-lg-28px { font-size: 28px !important; } .text-lg-30px { font-size: 30px !important; } .text-lg-32px { font-size: 32px !important; } .text-lg-34px { font-size: 34px !important; } .text-lg-36px { font-size: 36px !important; } .text-lg-38px { font-size: 38px !important; } .text-lg-40px { font-size: 40px !important; } .text-lg-42px { font-size: 42px !important; } .text-lg-44px { font-size: 44px !important; } .text-lg-46px { font-size: 46px !important; } .text-lg-48px { font-size: 48px !important; } .text-lg-50px { font-size: 50px !important; } .text-lg-52px { font-size: 52px !important; } .text-lg-55px { font-size: 55px !important; } .text-lg-60px { font-size: 60px !important; } .text-lg-62px { font-size: 62px !important; } .text-lg-65px { font-size: 65px !important; } .text-lg-70px { font-size: 70px !important; } .text-lg-72px { font-size: 72px !important; } .text-lg-75px { font-size: 75px !important; } } @media screen and (min-width: 1224px) { .text-xl-5px { font-size: 5px !important; } .text-xl-6px { font-size: 6px !important; } .text-xl-7px { font-size: 7px !important; } .text-xl-8px { font-size: 8px !important; } .text-xl-9px { font-size: 9px !important; } .text-xl-10px { font-size: 10px !important; } .text-xl-11px { font-size: 11px !important; } .text-xl-12px { font-size: 12px !important; } .text-xl-13px { font-size: 13px !important; } .text-xl-14px { font-size: 14px !important; } .text-xl-15px { font-size: 15px !important; } .text-xl-16px { font-size: 16px !important; } .text-xl-17px { font-size: 17px !important; } .text-xl-18px { font-size: 18px !important; } .text-xl-19px { font-size: 19px !important; } .text-xl-20px { font-size: 20px !important; } .text-xl-22px { font-size: 22px !important; } .text-xl-24px { font-size: 24px !important; } .text-xl-26px { font-size: 26px !important; } .text-xl-28px { font-size: 28px !important; } .text-xl-30px { font-size: 30px !important; } .text-xl-32px { font-size: 32px !important; } .text-xl-34px { font-size: 34px !important; } .text-xl-36px { font-size: 36px !important; } .text-xl-38px { font-size: 38px !important; } .text-xl-40px { font-size: 40px !important; } .text-xl-42px { font-size: 42px !important; } .text-xl-44px { font-size: 44px !important; } .text-xl-46px { font-size: 46px !important; } .text-xl-48px { font-size: 48px !important; } .text-xl-50px { font-size: 50px !important; } .text-xl-52px { font-size: 52px !important; } .text-xl-55px { font-size: 55px !important; } .text-xl-60px { font-size: 60px !important; } .text-xl-62px { font-size: 62px !important; } .text-xl-65px { font-size: 65px !important; } .text-xl-70px { font-size: 70px !important; } .text-xl-72px { font-size: 72px !important; } .text-xl-75px { font-size: 75px !important; } } @media screen and (min-width: 1587px) { .text-xlp-5px { font-size: 5px !important; } .text-xlp-6px { font-size: 6px !important; } .text-xlp-7px { font-size: 7px !important; } .text-xlp-8px { font-size: 8px !important; } .text-xlp-9px { font-size: 9px !important; } .text-xlp-10px { font-size: 10px !important; } .text-xlp-11px { font-size: 11px !important; } .text-xlp-12px { font-size: 12px !important; } .text-xlp-13px { font-size: 13px !important; } .text-xlp-14px { font-size: 14px !important; } .text-xlp-15px { font-size: 15px !important; } .text-xlp-16px { font-size: 16px !important; } .text-xlp-17px { font-size: 17px !important; } .text-xlp-18px { font-size: 18px !important; } .text-xlp-19px { font-size: 19px !important; } .text-xlp-20px { font-size: 20px !important; } .text-xlp-22px { font-size: 22px !important; } .text-xlp-24px { font-size: 24px !important; } .text-xlp-26px { font-size: 26px !important; } .text-xlp-28px { font-size: 28px !important; } .text-xlp-30px { font-size: 30px !important; } .text-xlp-32px { font-size: 32px !important; } .text-xlp-34px { font-size: 34px !important; } .text-xlp-36px { font-size: 36px !important; } .text-xlp-38px { font-size: 38px !important; } .text-xlp-40px { font-size: 40px !important; } .text-xlp-42px { font-size: 42px !important; } .text-xlp-44px { font-size: 44px !important; } .text-xlp-46px { font-size: 46px !important; } .text-xlp-48px { font-size: 48px !important; } .text-xlp-50px { font-size: 50px !important; } .text-xlp-52px { font-size: 52px !important; } .text-xlp-55px { font-size: 55px !important; } .text-xlp-60px { font-size: 60px !important; } .text-xlp-62px { font-size: 62px !important; } .text-xlp-65px { font-size: 65px !important; } .text-xlp-70px { font-size: 70px !important; } .text-xlp-72px { font-size: 72px !important; } .text-xlp-75px { font-size: 75px !important; } } @media screen and (min-width: 1907px) { .text-xxl-5px { font-size: 5px !important; } .text-xxl-6px { font-size: 6px !important; } .text-xxl-7px { font-size: 7px !important; } .text-xxl-8px { font-size: 8px !important; } .text-xxl-9px { font-size: 9px !important; } .text-xxl-10px { font-size: 10px !important; } .text-xxl-11px { font-size: 11px !important; } .text-xxl-12px { font-size: 12px !important; } .text-xxl-13px { font-size: 13px !important; } .text-xxl-14px { font-size: 14px !important; } .text-xxl-15px { font-size: 15px !important; } .text-xxl-16px { font-size: 16px !important; } .text-xxl-17px { font-size: 17px !important; } .text-xxl-18px { font-size: 18px !important; } .text-xxl-19px { font-size: 19px !important; } .text-xxl-20px { font-size: 20px !important; } .text-xxl-22px { font-size: 22px !important; } .text-xxl-24px { font-size: 24px !important; } .text-xxl-26px { font-size: 26px !important; } .text-xxl-28px { font-size: 28px !important; } .text-xxl-30px { font-size: 30px !important; } .text-xxl-32px { font-size: 32px !important; } .text-xxl-34px { font-size: 34px !important; } .text-xxl-36px { font-size: 36px !important; } .text-xxl-38px { font-size: 38px !important; } .text-xxl-40px { font-size: 40px !important; } .text-xxl-42px { font-size: 42px !important; } .text-xxl-44px { font-size: 44px !important; } .text-xxl-46px { font-size: 46px !important; } .text-xxl-48px { font-size: 48px !important; } .text-xxl-50px { font-size: 50px !important; } .text-xxl-52px { font-size: 52px !important; } .text-xxl-55px { font-size: 55px !important; } .text-xxl-60px { font-size: 60px !important; } .text-xxl-62px { font-size: 62px !important; } .text-xxl-65px { font-size: 65px !important; } .text-xxl-70px { font-size: 70px !important; } .text-xxl-72px { font-size: 72px !important; } .text-xxl-75px { font-size: 75px !important; } } .text-thin { font-weight: 300 !important; } .text-normal { font-weight: 400 !important; } .text-medium { font-weight: 500 !important; } .text-strong, .text-bold { font-weight: 700 !important; } @media screen and (min-width: 420px) { .text-sm-thin { font-weight: 300 !important; } .text-sm-normal { font-weight: 400 !important; } .text-sm-medium { font-weight: 500 !important; } .text-sm-strong, .text-sm-bold { font-weight: 700 !important; } } @media screen and (min-width: 768px) { .text-md-thin { font-weight: 300 !important; } .text-md-normal { font-weight: 400 !important; } .text-md-medium { font-weight: 500 !important; } .text-md-strong, .text-md-bold { font-weight: 700 !important; } } @media screen and (min-width: 1024px) { .text-lg-thin { font-weight: 300 !important; } .text-lg-normal { font-weight: 400 !important; } .text-lg-medium { font-weight: 500 !important; } .text-lg-strong, .text-lg-bold { font-weight: 700 !important; } } @media screen and (min-width: 1224px) { .text-xl-thin { font-weight: 300 !important; } .text-xl-normal { font-weight: 400 !important; } .text-xl-medium { font-weight: 500 !important; } .text-xl-strong, .text-xl-bold { font-weight: 700 !important; } } @media screen and (min-width: 1587px) { .text-xlp-thin { font-weight: 300 !important; } .text-xlp-normal { font-weight: 400 !important; } .text-xlp-medium { font-weight: 500 !important; } .text-xlp-strong, .text-xlp-bold { font-weight: 700 !important; } } @media screen and (min-width: 1907px) { .text-xxl-thin { font-weight: 300 !important; } .text-xxl-normal { font-weight: 400 !important; } .text-xxl-medium { font-weight: 500 !important; } .text-xxl-strong, .text-xxl-bold { font-weight: 700 !important; } } .text-body { color: #464646 !important; } a.text-body:hover, a.text-body:focus, a.text-body:link, a.text-body:active { color: #464646 !important; text-decoration: none !important; } .text-theme { color: #4682b4 !important; } a.text-theme:hover, a.text-theme:focus, a.text-theme:link, a.text-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-theme-lighten-5 { color: #E8EFF6 !important; } a.text-theme-lighten-5:hover, a.text-theme-lighten-5:focus, a.text-theme-lighten-5:link, a.text-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-theme-lighten-4 { color: #D1E0EC !important; } a.text-theme-lighten-4:hover, a.text-theme-lighten-4:focus, a.text-theme-lighten-4:link, a.text-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-theme-lighten-3 { color: #BAD0E3 !important; } a.text-theme-lighten-3:hover, a.text-theme-lighten-3:focus, a.text-theme-lighten-3:link, a.text-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-theme-lighten-2 { color: #A3C1DA !important; } a.text-theme-lighten-2:hover, a.text-theme-lighten-2:focus, a.text-theme-lighten-2:link, a.text-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-theme-lighten-1 { color: #74A1C7 !important; } a.text-theme-lighten-1:hover, a.text-theme-lighten-1:focus, a.text-theme-lighten-1:link, a.text-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-theme-darken-1 { color: #3D729E !important; } a.text-theme-darken-1:hover, a.text-theme-darken-1:focus, a.text-theme-darken-1:link, a.text-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-theme-darken-2 { color: #356287 !important; } a.text-theme-darken-2:hover, a.text-theme-darken-2:focus, a.text-theme-darken-2:link, a.text-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-theme-darken-3 { color: #2C5171 !important; } a.text-theme-darken-3:hover, a.text-theme-darken-3:focus, a.text-theme-darken-3:link, a.text-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-theme-darken-4 { color: #23415A !important; } a.text-theme-darken-4:hover, a.text-theme-darken-4:focus, a.text-theme-darken-4:link, a.text-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-theme-accent-1 { color: #7ba7cc !important; } a.text-theme-accent-1:hover, a.text-theme-accent-1:focus, a.text-theme-accent-1:link, a.text-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-theme-accent-2 { color: #568ebd !important; } a.text-theme-accent-2:hover, a.text-theme-accent-2:focus, a.text-theme-accent-2:link, a.text-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-theme-accent-3 { color: #3f75a2 !important; } a.text-theme-accent-3:hover, a.text-theme-accent-3:focus, a.text-theme-accent-3:link, a.text-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-theme-accent-4 { color: #315a7d !important; } a.text-theme-accent-4:hover, a.text-theme-accent-4:focus, a.text-theme-accent-4:link, a.text-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-primary { color: #2196f3 !important; } a.text-primary:hover, a.text-primary:focus, a.text-primary:link, a.text-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus, a.text-secondary:link, a.text-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-success { color: #20ad20 !important; } a.text-success:hover, a.text-success:focus, a.text-success:link, a.text-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-info { color: #4dd0e1 !important; } a.text-info:hover, a.text-info:focus, a.text-info:link, a.text-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-warning { color: #f9cf48 !important; } a.text-warning:hover, a.text-warning:focus, a.text-warning:link, a.text-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-danger { color: #f23629 !important; } a.text-danger:hover, a.text-danger:focus, a.text-danger:link, a.text-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-alert { color: #f57b1d !important; } a.text-alert:hover, a.text-alert:focus, a.text-alert:link, a.text-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-theme { color: #356287 !important; } a.text-theme:hover, a.text-theme:focus, a.text-theme:link, a.text-theme:active { color: #356287 !important; text-decoration: none !important; } .text-white { color: #ffffff !important; } a.text-white:hover, a.text-white:focus, a.text-white:link, a.text-white:active { color: #ffffff !important; text-decoration: none !important; } .text-purple { color: #6A1B9A !important; } a.text-purple:hover, a.text-purple:focus, a.text-purple:link, a.text-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-primary-lighten { color: #e0f1ff !important; } a.text-primary-lighten:hover, a.text-primary-lighten:focus, a.text-primary-lighten:link, a.text-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-secondary-lighten { color: #e1e1e1 !important; } a.text-secondary-lighten:hover, a.text-secondary-lighten:focus, a.text-secondary-lighten:link, a.text-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-success-lighten { color: #e8fac7 !important; } a.text-success-lighten:hover, a.text-success-lighten:focus, a.text-success-lighten:link, a.text-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-info-lighten { color: #d2f9ff !important; } a.text-info-lighten:hover, a.text-info-lighten:focus, a.text-info-lighten:link, a.text-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-warning-lighten { color: #fef6d9 !important; } a.text-warning-lighten:hover, a.text-warning-lighten:focus, a.text-warning-lighten:link, a.text-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-danger-lighten { color: #ffd4d1 !important; } a.text-danger-lighten:hover, a.text-danger-lighten:focus, a.text-danger-lighten:link, a.text-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-alert-lighten { color: #fad6ba !important; } a.text-alert-lighten:hover, a.text-alert-lighten:focus, a.text-alert-lighten:link, a.text-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-purple-lighten { color: #f5ebfc !important; } a.text-purple-lighten:hover, a.text-purple-lighten:focus, a.text-purple-lighten:link, a.text-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-theme-lighten { color: #D1E0EC !important; } a.text-theme-lighten:hover, a.text-theme-lighten:focus, a.text-theme-lighten:link, a.text-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-app-line { color: #00B500 !important; } a.text-app-line:hover, a.text-app-line:focus, a.text-app-line:link, a.text-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-app-youtube { color: #cd201f !important; } a.text-app-youtube:hover, a.text-app-youtube:focus, a.text-app-youtube:link, a.text-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-app-twitter { color: #55acee !important; } a.text-app-twitter:hover, a.text-app-twitter:focus, a.text-app-twitter:link, a.text-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-app-facebook { color: #4267B2 !important; } a.text-app-facebook:hover, a.text-app-facebook:focus, a.text-app-facebook:link, a.text-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-app-instagram { color: #3f729b !important; } a.text-app-instagram:hover, a.text-app-instagram:focus, a.text-app-instagram:link, a.text-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-app-google-plus { color: #dc4e41 !important; } a.text-app-google-plus:hover, a.text-app-google-plus:focus, a.text-app-google-plus:link, a.text-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-white { color: #ffffff !important; } a.text-white:hover, a.text-white:focus, a.text-white:link, a.text-white:active { color: #ffffff !important; text-decoration: none !important; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus, a.text-black:link, a.text-black:active { color: #000000 !important; text-decoration: none !important; } .text-grey { color: #9E9E9E !important; } a.text-grey:hover, a.text-grey:focus, a.text-grey:link, a.text-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-grey-lighten-5 { color: #FAFAFA !important; } a.text-grey-lighten-5:hover, a.text-grey-lighten-5:focus, a.text-grey-lighten-5:link, a.text-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-grey-lighten-4 { color: #F5F5F5 !important; } a.text-grey-lighten-4:hover, a.text-grey-lighten-4:focus, a.text-grey-lighten-4:link, a.text-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-grey-lighten-3 { color: #EEEEEE !important; } a.text-grey-lighten-3:hover, a.text-grey-lighten-3:focus, a.text-grey-lighten-3:link, a.text-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-grey-lighten-2 { color: #E0E0E0 !important; } a.text-grey-lighten-2:hover, a.text-grey-lighten-2:focus, a.text-grey-lighten-2:link, a.text-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-grey-lighten-1 { color: #BDBDBD !important; } a.text-grey-lighten-1:hover, a.text-grey-lighten-1:focus, a.text-grey-lighten-1:link, a.text-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-grey-darken-1 { color: #757575 !important; } a.text-grey-darken-1:hover, a.text-grey-darken-1:focus, a.text-grey-darken-1:link, a.text-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-grey-darken-2 { color: #616161 !important; } a.text-grey-darken-2:hover, a.text-grey-darken-2:focus, a.text-grey-darken-2:link, a.text-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-grey-darken-3 { color: #424242 !important; } a.text-grey-darken-3:hover, a.text-grey-darken-3:focus, a.text-grey-darken-3:link, a.text-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-grey-darken-4 { color: #212121 !important; } a.text-grey-darken-4:hover, a.text-grey-darken-4:focus, a.text-grey-darken-4:link, a.text-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-blue-grey { color: #607D8B !important; } a.text-blue-grey:hover, a.text-blue-grey:focus, a.text-blue-grey:link, a.text-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-blue-grey-lighten-5:hover, a.text-blue-grey-lighten-5:focus, a.text-blue-grey-lighten-5:link, a.text-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-blue-grey-lighten-4:hover, a.text-blue-grey-lighten-4:focus, a.text-blue-grey-lighten-4:link, a.text-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-blue-grey-lighten-3:hover, a.text-blue-grey-lighten-3:focus, a.text-blue-grey-lighten-3:link, a.text-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-blue-grey-lighten-2:hover, a.text-blue-grey-lighten-2:focus, a.text-blue-grey-lighten-2:link, a.text-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-blue-grey-lighten-1 { color: #78909C !important; } a.text-blue-grey-lighten-1:hover, a.text-blue-grey-lighten-1:focus, a.text-blue-grey-lighten-1:link, a.text-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-blue-grey-darken-1 { color: #546E7A !important; } a.text-blue-grey-darken-1:hover, a.text-blue-grey-darken-1:focus, a.text-blue-grey-darken-1:link, a.text-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-blue-grey-darken-2 { color: #455A64 !important; } a.text-blue-grey-darken-2:hover, a.text-blue-grey-darken-2:focus, a.text-blue-grey-darken-2:link, a.text-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-blue-grey-darken-3 { color: #37474F !important; } a.text-blue-grey-darken-3:hover, a.text-blue-grey-darken-3:focus, a.text-blue-grey-darken-3:link, a.text-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-blue-grey-darken-4 { color: #263238 !important; } a.text-blue-grey-darken-4:hover, a.text-blue-grey-darken-4:focus, a.text-blue-grey-darken-4:link, a.text-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-red { color: #F44336 !important; } a.text-red:hover, a.text-red:focus, a.text-red:link, a.text-red:active { color: #F44336 !important; text-decoration: none !important; } .text-red-lighten-5 { color: #FFEBEE !important; } a.text-red-lighten-5:hover, a.text-red-lighten-5:focus, a.text-red-lighten-5:link, a.text-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-red-lighten-4 { color: #FFCDD2 !important; } a.text-red-lighten-4:hover, a.text-red-lighten-4:focus, a.text-red-lighten-4:link, a.text-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-red-lighten-3 { color: #EF9A9A !important; } a.text-red-lighten-3:hover, a.text-red-lighten-3:focus, a.text-red-lighten-3:link, a.text-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-red-lighten-2 { color: #E57373 !important; } a.text-red-lighten-2:hover, a.text-red-lighten-2:focus, a.text-red-lighten-2:link, a.text-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-red-lighten-1 { color: #EF5350 !important; } a.text-red-lighten-1:hover, a.text-red-lighten-1:focus, a.text-red-lighten-1:link, a.text-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-red-darken-1 { color: #E53935 !important; } a.text-red-darken-1:hover, a.text-red-darken-1:focus, a.text-red-darken-1:link, a.text-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-red-darken-2 { color: #D32F2F !important; } a.text-red-darken-2:hover, a.text-red-darken-2:focus, a.text-red-darken-2:link, a.text-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-red-darken-3 { color: #C62828 !important; } a.text-red-darken-3:hover, a.text-red-darken-3:focus, a.text-red-darken-3:link, a.text-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-red-darken-4 { color: #B71C1C !important; } a.text-red-darken-4:hover, a.text-red-darken-4:focus, a.text-red-darken-4:link, a.text-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-red-accent-1 { color: #FF8A80 !important; } a.text-red-accent-1:hover, a.text-red-accent-1:focus, a.text-red-accent-1:link, a.text-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-red-accent-2 { color: #FF5252 !important; } a.text-red-accent-2:hover, a.text-red-accent-2:focus, a.text-red-accent-2:link, a.text-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-red-accent-3 { color: #FF1744 !important; } a.text-red-accent-3:hover, a.text-red-accent-3:focus, a.text-red-accent-3:link, a.text-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-red-accent-4 { color: #D50000 !important; } a.text-red-accent-4:hover, a.text-red-accent-4:focus, a.text-red-accent-4:link, a.text-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-pink { color: #E91E63 !important; } a.text-pink:hover, a.text-pink:focus, a.text-pink:link, a.text-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-pink-lighten-5 { color: #FCE4EC !important; } a.text-pink-lighten-5:hover, a.text-pink-lighten-5:focus, a.text-pink-lighten-5:link, a.text-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-pink-lighten-4 { color: #F8BBD0 !important; } a.text-pink-lighten-4:hover, a.text-pink-lighten-4:focus, a.text-pink-lighten-4:link, a.text-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-pink-lighten-3 { color: #F48FB1 !important; } a.text-pink-lighten-3:hover, a.text-pink-lighten-3:focus, a.text-pink-lighten-3:link, a.text-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-pink-lighten-2 { color: #F06292 !important; } a.text-pink-lighten-2:hover, a.text-pink-lighten-2:focus, a.text-pink-lighten-2:link, a.text-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-pink-lighten-1 { color: #EC407A !important; } a.text-pink-lighten-1:hover, a.text-pink-lighten-1:focus, a.text-pink-lighten-1:link, a.text-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-pink-darken-1 { color: #D81B60 !important; } a.text-pink-darken-1:hover, a.text-pink-darken-1:focus, a.text-pink-darken-1:link, a.text-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-pink-darken-2 { color: #C2185B !important; } a.text-pink-darken-2:hover, a.text-pink-darken-2:focus, a.text-pink-darken-2:link, a.text-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-pink-darken-3 { color: #AD1457 !important; } a.text-pink-darken-3:hover, a.text-pink-darken-3:focus, a.text-pink-darken-3:link, a.text-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-pink-darken-4 { color: #880E4F !important; } a.text-pink-darken-4:hover, a.text-pink-darken-4:focus, a.text-pink-darken-4:link, a.text-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-pink-accent-1 { color: #FF80AB !important; } a.text-pink-accent-1:hover, a.text-pink-accent-1:focus, a.text-pink-accent-1:link, a.text-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-pink-accent-2 { color: #FF4081 !important; } a.text-pink-accent-2:hover, a.text-pink-accent-2:focus, a.text-pink-accent-2:link, a.text-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-pink-accent-3 { color: #F50057 !important; } a.text-pink-accent-3:hover, a.text-pink-accent-3:focus, a.text-pink-accent-3:link, a.text-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-pink-accent-4 { color: #C51162 !important; } a.text-pink-accent-4:hover, a.text-pink-accent-4:focus, a.text-pink-accent-4:link, a.text-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-purple { color: #9C27B0 !important; } a.text-purple:hover, a.text-purple:focus, a.text-purple:link, a.text-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-purple-lighten-5 { color: #F3E5F5 !important; } a.text-purple-lighten-5:hover, a.text-purple-lighten-5:focus, a.text-purple-lighten-5:link, a.text-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-purple-lighten-4 { color: #E1BEE7 !important; } a.text-purple-lighten-4:hover, a.text-purple-lighten-4:focus, a.text-purple-lighten-4:link, a.text-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-purple-lighten-3 { color: #CE93D8 !important; } a.text-purple-lighten-3:hover, a.text-purple-lighten-3:focus, a.text-purple-lighten-3:link, a.text-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-purple-lighten-2 { color: #BA68C8 !important; } a.text-purple-lighten-2:hover, a.text-purple-lighten-2:focus, a.text-purple-lighten-2:link, a.text-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-purple-lighten-1 { color: #AB47BC !important; } a.text-purple-lighten-1:hover, a.text-purple-lighten-1:focus, a.text-purple-lighten-1:link, a.text-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-purple-darken-1 { color: #8E24AA !important; } a.text-purple-darken-1:hover, a.text-purple-darken-1:focus, a.text-purple-darken-1:link, a.text-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-purple-darken-2 { color: #7B1FA2 !important; } a.text-purple-darken-2:hover, a.text-purple-darken-2:focus, a.text-purple-darken-2:link, a.text-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-purple-darken-3 { color: #6A1B9A !important; } a.text-purple-darken-3:hover, a.text-purple-darken-3:focus, a.text-purple-darken-3:link, a.text-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-purple-darken-4 { color: #4A148C !important; } a.text-purple-darken-4:hover, a.text-purple-darken-4:focus, a.text-purple-darken-4:link, a.text-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-purple-accent-1 { color: #EA80FC !important; } a.text-purple-accent-1:hover, a.text-purple-accent-1:focus, a.text-purple-accent-1:link, a.text-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-purple-accent-2 { color: #E040FB !important; } a.text-purple-accent-2:hover, a.text-purple-accent-2:focus, a.text-purple-accent-2:link, a.text-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-purple-accent-3 { color: #D500F9 !important; } a.text-purple-accent-3:hover, a.text-purple-accent-3:focus, a.text-purple-accent-3:link, a.text-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-purple-accent-4 { color: #AA00FF !important; } a.text-purple-accent-4:hover, a.text-purple-accent-4:focus, a.text-purple-accent-4:link, a.text-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-deep-purple { color: #673AB7 !important; } a.text-deep-purple:hover, a.text-deep-purple:focus, a.text-deep-purple:link, a.text-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-deep-purple-lighten-5:hover, a.text-deep-purple-lighten-5:focus, a.text-deep-purple-lighten-5:link, a.text-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-deep-purple-lighten-4:hover, a.text-deep-purple-lighten-4:focus, a.text-deep-purple-lighten-4:link, a.text-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-deep-purple-lighten-3:hover, a.text-deep-purple-lighten-3:focus, a.text-deep-purple-lighten-3:link, a.text-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-deep-purple-lighten-2 { color: #9575CD !important; } a.text-deep-purple-lighten-2:hover, a.text-deep-purple-lighten-2:focus, a.text-deep-purple-lighten-2:link, a.text-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-deep-purple-lighten-1:hover, a.text-deep-purple-lighten-1:focus, a.text-deep-purple-lighten-1:link, a.text-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-deep-purple-darken-1:hover, a.text-deep-purple-darken-1:focus, a.text-deep-purple-darken-1:link, a.text-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-deep-purple-darken-2 { color: #512DA8 !important; } a.text-deep-purple-darken-2:hover, a.text-deep-purple-darken-2:focus, a.text-deep-purple-darken-2:link, a.text-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-deep-purple-darken-3 { color: #4527A0 !important; } a.text-deep-purple-darken-3:hover, a.text-deep-purple-darken-3:focus, a.text-deep-purple-darken-3:link, a.text-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-deep-purple-darken-4 { color: #311B92 !important; } a.text-deep-purple-darken-4:hover, a.text-deep-purple-darken-4:focus, a.text-deep-purple-darken-4:link, a.text-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-deep-purple-accent-1 { color: #B388FF !important; } a.text-deep-purple-accent-1:hover, a.text-deep-purple-accent-1:focus, a.text-deep-purple-accent-1:link, a.text-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-deep-purple-accent-2:hover, a.text-deep-purple-accent-2:focus, a.text-deep-purple-accent-2:link, a.text-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-deep-purple-accent-3 { color: #651FFF !important; } a.text-deep-purple-accent-3:hover, a.text-deep-purple-accent-3:focus, a.text-deep-purple-accent-3:link, a.text-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-deep-purple-accent-4 { color: #6200EA !important; } a.text-deep-purple-accent-4:hover, a.text-deep-purple-accent-4:focus, a.text-deep-purple-accent-4:link, a.text-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-indigo { color: #3F51B5 !important; } a.text-indigo:hover, a.text-indigo:focus, a.text-indigo:link, a.text-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-indigo-lighten-5:hover, a.text-indigo-lighten-5:focus, a.text-indigo-lighten-5:link, a.text-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-indigo-lighten-4:hover, a.text-indigo-lighten-4:focus, a.text-indigo-lighten-4:link, a.text-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-indigo-lighten-3 { color: #9FA8DA !important; } a.text-indigo-lighten-3:hover, a.text-indigo-lighten-3:focus, a.text-indigo-lighten-3:link, a.text-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-indigo-lighten-2 { color: #7986CB !important; } a.text-indigo-lighten-2:hover, a.text-indigo-lighten-2:focus, a.text-indigo-lighten-2:link, a.text-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-indigo-lighten-1:hover, a.text-indigo-lighten-1:focus, a.text-indigo-lighten-1:link, a.text-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-indigo-darken-1 { color: #3949AB !important; } a.text-indigo-darken-1:hover, a.text-indigo-darken-1:focus, a.text-indigo-darken-1:link, a.text-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-indigo-darken-2 { color: #303F9F !important; } a.text-indigo-darken-2:hover, a.text-indigo-darken-2:focus, a.text-indigo-darken-2:link, a.text-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-indigo-darken-3 { color: #283593 !important; } a.text-indigo-darken-3:hover, a.text-indigo-darken-3:focus, a.text-indigo-darken-3:link, a.text-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-indigo-darken-4 { color: #1A237E !important; } a.text-indigo-darken-4:hover, a.text-indigo-darken-4:focus, a.text-indigo-darken-4:link, a.text-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-indigo-accent-1 { color: #8C9EFF !important; } a.text-indigo-accent-1:hover, a.text-indigo-accent-1:focus, a.text-indigo-accent-1:link, a.text-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-indigo-accent-2 { color: #536DFE !important; } a.text-indigo-accent-2:hover, a.text-indigo-accent-2:focus, a.text-indigo-accent-2:link, a.text-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-indigo-accent-3 { color: #3D5AFE !important; } a.text-indigo-accent-3:hover, a.text-indigo-accent-3:focus, a.text-indigo-accent-3:link, a.text-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-indigo-accent-4 { color: #304FFE !important; } a.text-indigo-accent-4:hover, a.text-indigo-accent-4:focus, a.text-indigo-accent-4:link, a.text-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-blue { color: #2196F3 !important; } a.text-blue:hover, a.text-blue:focus, a.text-blue:link, a.text-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-blue-lighten-5 { color: #E3F2FD !important; } a.text-blue-lighten-5:hover, a.text-blue-lighten-5:focus, a.text-blue-lighten-5:link, a.text-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-blue-lighten-4 { color: #BBDEFB !important; } a.text-blue-lighten-4:hover, a.text-blue-lighten-4:focus, a.text-blue-lighten-4:link, a.text-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-blue-lighten-3 { color: #90CAF9 !important; } a.text-blue-lighten-3:hover, a.text-blue-lighten-3:focus, a.text-blue-lighten-3:link, a.text-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-blue-lighten-2 { color: #64B5F6 !important; } a.text-blue-lighten-2:hover, a.text-blue-lighten-2:focus, a.text-blue-lighten-2:link, a.text-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-blue-lighten-1 { color: #42A5F5 !important; } a.text-blue-lighten-1:hover, a.text-blue-lighten-1:focus, a.text-blue-lighten-1:link, a.text-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-blue-darken-1 { color: #1E88E5 !important; } a.text-blue-darken-1:hover, a.text-blue-darken-1:focus, a.text-blue-darken-1:link, a.text-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-blue-darken-2 { color: #1976D2 !important; } a.text-blue-darken-2:hover, a.text-blue-darken-2:focus, a.text-blue-darken-2:link, a.text-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-blue-darken-3 { color: #1565C0 !important; } a.text-blue-darken-3:hover, a.text-blue-darken-3:focus, a.text-blue-darken-3:link, a.text-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-blue-darken-4 { color: #0D47A1 !important; } a.text-blue-darken-4:hover, a.text-blue-darken-4:focus, a.text-blue-darken-4:link, a.text-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-blue-accent-1 { color: #82B1FF !important; } a.text-blue-accent-1:hover, a.text-blue-accent-1:focus, a.text-blue-accent-1:link, a.text-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-blue-accent-2 { color: #448AFF !important; } a.text-blue-accent-2:hover, a.text-blue-accent-2:focus, a.text-blue-accent-2:link, a.text-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-blue-accent-3 { color: #2979FF !important; } a.text-blue-accent-3:hover, a.text-blue-accent-3:focus, a.text-blue-accent-3:link, a.text-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-blue-accent-4 { color: #2962FF !important; } a.text-blue-accent-4:hover, a.text-blue-accent-4:focus, a.text-blue-accent-4:link, a.text-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-light-blue { color: #03A9F4 !important; } a.text-light-blue:hover, a.text-light-blue:focus, a.text-light-blue:link, a.text-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-light-blue-lighten-5:hover, a.text-light-blue-lighten-5:focus, a.text-light-blue-lighten-5:link, a.text-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-light-blue-lighten-4:hover, a.text-light-blue-lighten-4:focus, a.text-light-blue-lighten-4:link, a.text-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-light-blue-lighten-3 { color: #81D4FA !important; } a.text-light-blue-lighten-3:hover, a.text-light-blue-lighten-3:focus, a.text-light-blue-lighten-3:link, a.text-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-light-blue-lighten-2:hover, a.text-light-blue-lighten-2:focus, a.text-light-blue-lighten-2:link, a.text-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-light-blue-lighten-1:hover, a.text-light-blue-lighten-1:focus, a.text-light-blue-lighten-1:link, a.text-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-light-blue-darken-1 { color: #039BE5 !important; } a.text-light-blue-darken-1:hover, a.text-light-blue-darken-1:focus, a.text-light-blue-darken-1:link, a.text-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-light-blue-darken-2 { color: #0288D1 !important; } a.text-light-blue-darken-2:hover, a.text-light-blue-darken-2:focus, a.text-light-blue-darken-2:link, a.text-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-light-blue-darken-3 { color: #0277BD !important; } a.text-light-blue-darken-3:hover, a.text-light-blue-darken-3:focus, a.text-light-blue-darken-3:link, a.text-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-light-blue-darken-4 { color: #01579B !important; } a.text-light-blue-darken-4:hover, a.text-light-blue-darken-4:focus, a.text-light-blue-darken-4:link, a.text-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-light-blue-accent-1 { color: #80D8FF !important; } a.text-light-blue-accent-1:hover, a.text-light-blue-accent-1:focus, a.text-light-blue-accent-1:link, a.text-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-light-blue-accent-2 { color: #40C4FF !important; } a.text-light-blue-accent-2:hover, a.text-light-blue-accent-2:focus, a.text-light-blue-accent-2:link, a.text-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-light-blue-accent-3 { color: #00B0FF !important; } a.text-light-blue-accent-3:hover, a.text-light-blue-accent-3:focus, a.text-light-blue-accent-3:link, a.text-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-light-blue-accent-4 { color: #0091EA !important; } a.text-light-blue-accent-4:hover, a.text-light-blue-accent-4:focus, a.text-light-blue-accent-4:link, a.text-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-cyan { color: #00BCD4 !important; } a.text-cyan:hover, a.text-cyan:focus, a.text-cyan:link, a.text-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-cyan-lighten-5 { color: #E0F7FA !important; } a.text-cyan-lighten-5:hover, a.text-cyan-lighten-5:focus, a.text-cyan-lighten-5:link, a.text-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-cyan-lighten-4:hover, a.text-cyan-lighten-4:focus, a.text-cyan-lighten-4:link, a.text-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-cyan-lighten-3 { color: #80DEEA !important; } a.text-cyan-lighten-3:hover, a.text-cyan-lighten-3:focus, a.text-cyan-lighten-3:link, a.text-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-cyan-lighten-2:hover, a.text-cyan-lighten-2:focus, a.text-cyan-lighten-2:link, a.text-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-cyan-lighten-1 { color: #26C6DA !important; } a.text-cyan-lighten-1:hover, a.text-cyan-lighten-1:focus, a.text-cyan-lighten-1:link, a.text-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-cyan-darken-1 { color: #00ACC1 !important; } a.text-cyan-darken-1:hover, a.text-cyan-darken-1:focus, a.text-cyan-darken-1:link, a.text-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-cyan-darken-2 { color: #0097A7 !important; } a.text-cyan-darken-2:hover, a.text-cyan-darken-2:focus, a.text-cyan-darken-2:link, a.text-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-cyan-darken-3 { color: #00838F !important; } a.text-cyan-darken-3:hover, a.text-cyan-darken-3:focus, a.text-cyan-darken-3:link, a.text-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-cyan-darken-4 { color: #006064 !important; } a.text-cyan-darken-4:hover, a.text-cyan-darken-4:focus, a.text-cyan-darken-4:link, a.text-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-cyan-accent-1 { color: #84FFFF !important; } a.text-cyan-accent-1:hover, a.text-cyan-accent-1:focus, a.text-cyan-accent-1:link, a.text-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-cyan-accent-2 { color: #18FFFF !important; } a.text-cyan-accent-2:hover, a.text-cyan-accent-2:focus, a.text-cyan-accent-2:link, a.text-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-cyan-accent-3 { color: #00E5FF !important; } a.text-cyan-accent-3:hover, a.text-cyan-accent-3:focus, a.text-cyan-accent-3:link, a.text-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-cyan-accent-4 { color: #00B8D4 !important; } a.text-cyan-accent-4:hover, a.text-cyan-accent-4:focus, a.text-cyan-accent-4:link, a.text-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-teal { color: #009688 !important; } a.text-teal:hover, a.text-teal:focus, a.text-teal:link, a.text-teal:active { color: #009688 !important; text-decoration: none !important; } .text-teal-lighten-5 { color: #E0F2F1 !important; } a.text-teal-lighten-5:hover, a.text-teal-lighten-5:focus, a.text-teal-lighten-5:link, a.text-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-teal-lighten-4 { color: #B2DFDB !important; } a.text-teal-lighten-4:hover, a.text-teal-lighten-4:focus, a.text-teal-lighten-4:link, a.text-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-teal-lighten-3 { color: #80CBC4 !important; } a.text-teal-lighten-3:hover, a.text-teal-lighten-3:focus, a.text-teal-lighten-3:link, a.text-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-teal-lighten-2 { color: #4DB6AC !important; } a.text-teal-lighten-2:hover, a.text-teal-lighten-2:focus, a.text-teal-lighten-2:link, a.text-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-teal-lighten-1 { color: #26A69A !important; } a.text-teal-lighten-1:hover, a.text-teal-lighten-1:focus, a.text-teal-lighten-1:link, a.text-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-teal-darken-1 { color: #00897B !important; } a.text-teal-darken-1:hover, a.text-teal-darken-1:focus, a.text-teal-darken-1:link, a.text-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-teal-darken-2 { color: #00796B !important; } a.text-teal-darken-2:hover, a.text-teal-darken-2:focus, a.text-teal-darken-2:link, a.text-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-teal-darken-3 { color: #00695C !important; } a.text-teal-darken-3:hover, a.text-teal-darken-3:focus, a.text-teal-darken-3:link, a.text-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-teal-darken-4 { color: #004D40 !important; } a.text-teal-darken-4:hover, a.text-teal-darken-4:focus, a.text-teal-darken-4:link, a.text-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-teal-accent-1 { color: #A7FFEB !important; } a.text-teal-accent-1:hover, a.text-teal-accent-1:focus, a.text-teal-accent-1:link, a.text-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-teal-accent-2 { color: #64FFDA !important; } a.text-teal-accent-2:hover, a.text-teal-accent-2:focus, a.text-teal-accent-2:link, a.text-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-teal-accent-3 { color: #1DE9B6 !important; } a.text-teal-accent-3:hover, a.text-teal-accent-3:focus, a.text-teal-accent-3:link, a.text-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-teal-accent-4 { color: #00BFA5 !important; } a.text-teal-accent-4:hover, a.text-teal-accent-4:focus, a.text-teal-accent-4:link, a.text-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-green { color: #4CAF50 !important; } a.text-green:hover, a.text-green:focus, a.text-green:link, a.text-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-green-lighten-5 { color: #E8F5E9 !important; } a.text-green-lighten-5:hover, a.text-green-lighten-5:focus, a.text-green-lighten-5:link, a.text-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-green-lighten-4 { color: #C8E6C9 !important; } a.text-green-lighten-4:hover, a.text-green-lighten-4:focus, a.text-green-lighten-4:link, a.text-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-green-lighten-3 { color: #A5D6A7 !important; } a.text-green-lighten-3:hover, a.text-green-lighten-3:focus, a.text-green-lighten-3:link, a.text-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-green-lighten-2 { color: #81C784 !important; } a.text-green-lighten-2:hover, a.text-green-lighten-2:focus, a.text-green-lighten-2:link, a.text-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-green-lighten-1 { color: #66BB6A !important; } a.text-green-lighten-1:hover, a.text-green-lighten-1:focus, a.text-green-lighten-1:link, a.text-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-green-darken-1 { color: #43A047 !important; } a.text-green-darken-1:hover, a.text-green-darken-1:focus, a.text-green-darken-1:link, a.text-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-green-darken-2 { color: #388E3C !important; } a.text-green-darken-2:hover, a.text-green-darken-2:focus, a.text-green-darken-2:link, a.text-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-green-darken-3 { color: #2E7D32 !important; } a.text-green-darken-3:hover, a.text-green-darken-3:focus, a.text-green-darken-3:link, a.text-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-green-darken-4 { color: #1B5E20 !important; } a.text-green-darken-4:hover, a.text-green-darken-4:focus, a.text-green-darken-4:link, a.text-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-green-accent-1 { color: #B9F6CA !important; } a.text-green-accent-1:hover, a.text-green-accent-1:focus, a.text-green-accent-1:link, a.text-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-green-accent-2 { color: #69F0AE !important; } a.text-green-accent-2:hover, a.text-green-accent-2:focus, a.text-green-accent-2:link, a.text-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-green-accent-3 { color: #00E676 !important; } a.text-green-accent-3:hover, a.text-green-accent-3:focus, a.text-green-accent-3:link, a.text-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-green-accent-4 { color: #00C853 !important; } a.text-green-accent-4:hover, a.text-green-accent-4:focus, a.text-green-accent-4:link, a.text-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-light-green { color: #8BC34A !important; } a.text-light-green:hover, a.text-light-green:focus, a.text-light-green:link, a.text-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-light-green-lighten-5:hover, a.text-light-green-lighten-5:focus, a.text-light-green-lighten-5:link, a.text-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-light-green-lighten-4:hover, a.text-light-green-lighten-4:focus, a.text-light-green-lighten-4:link, a.text-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-light-green-lighten-3:hover, a.text-light-green-lighten-3:focus, a.text-light-green-lighten-3:link, a.text-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-light-green-lighten-2 { color: #AED581 !important; } a.text-light-green-lighten-2:hover, a.text-light-green-lighten-2:focus, a.text-light-green-lighten-2:link, a.text-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-light-green-lighten-1 { color: #9CCC65 !important; } a.text-light-green-lighten-1:hover, a.text-light-green-lighten-1:focus, a.text-light-green-lighten-1:link, a.text-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-light-green-darken-1 { color: #7CB342 !important; } a.text-light-green-darken-1:hover, a.text-light-green-darken-1:focus, a.text-light-green-darken-1:link, a.text-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-light-green-darken-2 { color: #689F38 !important; } a.text-light-green-darken-2:hover, a.text-light-green-darken-2:focus, a.text-light-green-darken-2:link, a.text-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-light-green-darken-3 { color: #558B2F !important; } a.text-light-green-darken-3:hover, a.text-light-green-darken-3:focus, a.text-light-green-darken-3:link, a.text-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-light-green-darken-4 { color: #33691E !important; } a.text-light-green-darken-4:hover, a.text-light-green-darken-4:focus, a.text-light-green-darken-4:link, a.text-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-light-green-accent-1 { color: #CCFF90 !important; } a.text-light-green-accent-1:hover, a.text-light-green-accent-1:focus, a.text-light-green-accent-1:link, a.text-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-light-green-accent-2 { color: #B2FF59 !important; } a.text-light-green-accent-2:hover, a.text-light-green-accent-2:focus, a.text-light-green-accent-2:link, a.text-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-light-green-accent-3 { color: #76FF03 !important; } a.text-light-green-accent-3:hover, a.text-light-green-accent-3:focus, a.text-light-green-accent-3:link, a.text-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-light-green-accent-4 { color: #64DD17 !important; } a.text-light-green-accent-4:hover, a.text-light-green-accent-4:focus, a.text-light-green-accent-4:link, a.text-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-lime { color: #CDDC39 !important; } a.text-lime:hover, a.text-lime:focus, a.text-lime:link, a.text-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-lime-lighten-5 { color: #F9FBE7 !important; } a.text-lime-lighten-5:hover, a.text-lime-lighten-5:focus, a.text-lime-lighten-5:link, a.text-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-lime-lighten-4 { color: #F0F4C3 !important; } a.text-lime-lighten-4:hover, a.text-lime-lighten-4:focus, a.text-lime-lighten-4:link, a.text-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-lime-lighten-3 { color: #E6EE9C !important; } a.text-lime-lighten-3:hover, a.text-lime-lighten-3:focus, a.text-lime-lighten-3:link, a.text-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-lime-lighten-2 { color: #DCE775 !important; } a.text-lime-lighten-2:hover, a.text-lime-lighten-2:focus, a.text-lime-lighten-2:link, a.text-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-lime-lighten-1 { color: #D4E157 !important; } a.text-lime-lighten-1:hover, a.text-lime-lighten-1:focus, a.text-lime-lighten-1:link, a.text-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-lime-darken-1 { color: #C0CA33 !important; } a.text-lime-darken-1:hover, a.text-lime-darken-1:focus, a.text-lime-darken-1:link, a.text-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-lime-darken-2 { color: #AFB42B !important; } a.text-lime-darken-2:hover, a.text-lime-darken-2:focus, a.text-lime-darken-2:link, a.text-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-lime-darken-3 { color: #9E9D24 !important; } a.text-lime-darken-3:hover, a.text-lime-darken-3:focus, a.text-lime-darken-3:link, a.text-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-lime-darken-4 { color: #827717 !important; } a.text-lime-darken-4:hover, a.text-lime-darken-4:focus, a.text-lime-darken-4:link, a.text-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-lime-accent-1 { color: #F4FF81 !important; } a.text-lime-accent-1:hover, a.text-lime-accent-1:focus, a.text-lime-accent-1:link, a.text-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-lime-accent-2 { color: #EEFF41 !important; } a.text-lime-accent-2:hover, a.text-lime-accent-2:focus, a.text-lime-accent-2:link, a.text-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-lime-accent-3 { color: #C6FF00 !important; } a.text-lime-accent-3:hover, a.text-lime-accent-3:focus, a.text-lime-accent-3:link, a.text-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-lime-accent-4 { color: #AEEA00 !important; } a.text-lime-accent-4:hover, a.text-lime-accent-4:focus, a.text-lime-accent-4:link, a.text-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-yellow { color: #FFEB3B !important; } a.text-yellow:hover, a.text-yellow:focus, a.text-yellow:link, a.text-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-yellow-lighten-5:hover, a.text-yellow-lighten-5:focus, a.text-yellow-lighten-5:link, a.text-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-yellow-lighten-4:hover, a.text-yellow-lighten-4:focus, a.text-yellow-lighten-4:link, a.text-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-yellow-lighten-3 { color: #FFF59D !important; } a.text-yellow-lighten-3:hover, a.text-yellow-lighten-3:focus, a.text-yellow-lighten-3:link, a.text-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-yellow-lighten-2 { color: #FFF176 !important; } a.text-yellow-lighten-2:hover, a.text-yellow-lighten-2:focus, a.text-yellow-lighten-2:link, a.text-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-yellow-lighten-1 { color: #FFEE58 !important; } a.text-yellow-lighten-1:hover, a.text-yellow-lighten-1:focus, a.text-yellow-lighten-1:link, a.text-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-yellow-darken-1 { color: #FDD835 !important; } a.text-yellow-darken-1:hover, a.text-yellow-darken-1:focus, a.text-yellow-darken-1:link, a.text-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-yellow-darken-2 { color: #FBC02D !important; } a.text-yellow-darken-2:hover, a.text-yellow-darken-2:focus, a.text-yellow-darken-2:link, a.text-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-yellow-darken-3 { color: #F9A825 !important; } a.text-yellow-darken-3:hover, a.text-yellow-darken-3:focus, a.text-yellow-darken-3:link, a.text-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-yellow-darken-4 { color: #F57F17 !important; } a.text-yellow-darken-4:hover, a.text-yellow-darken-4:focus, a.text-yellow-darken-4:link, a.text-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-yellow-accent-1 { color: #FFFF8D !important; } a.text-yellow-accent-1:hover, a.text-yellow-accent-1:focus, a.text-yellow-accent-1:link, a.text-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-yellow-accent-2 { color: #FFFF00 !important; } a.text-yellow-accent-2:hover, a.text-yellow-accent-2:focus, a.text-yellow-accent-2:link, a.text-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-yellow-accent-3 { color: #FFEA00 !important; } a.text-yellow-accent-3:hover, a.text-yellow-accent-3:focus, a.text-yellow-accent-3:link, a.text-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-yellow-accent-4 { color: #FFD600 !important; } a.text-yellow-accent-4:hover, a.text-yellow-accent-4:focus, a.text-yellow-accent-4:link, a.text-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-amber { color: #FFC107 !important; } a.text-amber:hover, a.text-amber:focus, a.text-amber:link, a.text-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-amber-lighten-5 { color: #FFF8E1 !important; } a.text-amber-lighten-5:hover, a.text-amber-lighten-5:focus, a.text-amber-lighten-5:link, a.text-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-amber-lighten-4 { color: #FFECB3 !important; } a.text-amber-lighten-4:hover, a.text-amber-lighten-4:focus, a.text-amber-lighten-4:link, a.text-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-amber-lighten-3 { color: #FFE082 !important; } a.text-amber-lighten-3:hover, a.text-amber-lighten-3:focus, a.text-amber-lighten-3:link, a.text-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-amber-lighten-2 { color: #FFD54F !important; } a.text-amber-lighten-2:hover, a.text-amber-lighten-2:focus, a.text-amber-lighten-2:link, a.text-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-amber-lighten-1 { color: #FFCA28 !important; } a.text-amber-lighten-1:hover, a.text-amber-lighten-1:focus, a.text-amber-lighten-1:link, a.text-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-amber-darken-1 { color: #FFB300 !important; } a.text-amber-darken-1:hover, a.text-amber-darken-1:focus, a.text-amber-darken-1:link, a.text-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-amber-darken-2 { color: #FFA000 !important; } a.text-amber-darken-2:hover, a.text-amber-darken-2:focus, a.text-amber-darken-2:link, a.text-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-amber-darken-3 { color: #FF8F00 !important; } a.text-amber-darken-3:hover, a.text-amber-darken-3:focus, a.text-amber-darken-3:link, a.text-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-amber-darken-4 { color: #FF6F00 !important; } a.text-amber-darken-4:hover, a.text-amber-darken-4:focus, a.text-amber-darken-4:link, a.text-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-amber-accent-1 { color: #FFE57F !important; } a.text-amber-accent-1:hover, a.text-amber-accent-1:focus, a.text-amber-accent-1:link, a.text-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-amber-accent-2 { color: #FFD740 !important; } a.text-amber-accent-2:hover, a.text-amber-accent-2:focus, a.text-amber-accent-2:link, a.text-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-amber-accent-3 { color: #FFC400 !important; } a.text-amber-accent-3:hover, a.text-amber-accent-3:focus, a.text-amber-accent-3:link, a.text-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-amber-accent-4 { color: #FFAB00 !important; } a.text-amber-accent-4:hover, a.text-amber-accent-4:focus, a.text-amber-accent-4:link, a.text-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-orange { color: #FF9800 !important; } a.text-orange:hover, a.text-orange:focus, a.text-orange:link, a.text-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-orange-lighten-5 { color: #FFF3E0 !important; } a.text-orange-lighten-5:hover, a.text-orange-lighten-5:focus, a.text-orange-lighten-5:link, a.text-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-orange-lighten-4 { color: #FFE0B2 !important; } a.text-orange-lighten-4:hover, a.text-orange-lighten-4:focus, a.text-orange-lighten-4:link, a.text-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-orange-lighten-3 { color: #FFCC80 !important; } a.text-orange-lighten-3:hover, a.text-orange-lighten-3:focus, a.text-orange-lighten-3:link, a.text-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-orange-lighten-2 { color: #FFB74D !important; } a.text-orange-lighten-2:hover, a.text-orange-lighten-2:focus, a.text-orange-lighten-2:link, a.text-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-orange-lighten-1 { color: #FFA726 !important; } a.text-orange-lighten-1:hover, a.text-orange-lighten-1:focus, a.text-orange-lighten-1:link, a.text-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-orange-darken-1 { color: #FB8C00 !important; } a.text-orange-darken-1:hover, a.text-orange-darken-1:focus, a.text-orange-darken-1:link, a.text-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-orange-darken-2 { color: #F57C00 !important; } a.text-orange-darken-2:hover, a.text-orange-darken-2:focus, a.text-orange-darken-2:link, a.text-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-orange-darken-3 { color: #EF6C00 !important; } a.text-orange-darken-3:hover, a.text-orange-darken-3:focus, a.text-orange-darken-3:link, a.text-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-orange-darken-4 { color: #E65100 !important; } a.text-orange-darken-4:hover, a.text-orange-darken-4:focus, a.text-orange-darken-4:link, a.text-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-orange-accent-1 { color: #FFD180 !important; } a.text-orange-accent-1:hover, a.text-orange-accent-1:focus, a.text-orange-accent-1:link, a.text-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-orange-accent-2 { color: #FFAB40 !important; } a.text-orange-accent-2:hover, a.text-orange-accent-2:focus, a.text-orange-accent-2:link, a.text-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-orange-accent-3 { color: #FF9100 !important; } a.text-orange-accent-3:hover, a.text-orange-accent-3:focus, a.text-orange-accent-3:link, a.text-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-orange-accent-4 { color: #FF6D00 !important; } a.text-orange-accent-4:hover, a.text-orange-accent-4:focus, a.text-orange-accent-4:link, a.text-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-deep-orange { color: #FF5722 !important; } a.text-deep-orange:hover, a.text-deep-orange:focus, a.text-deep-orange:link, a.text-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-deep-orange-lighten-5:hover, a.text-deep-orange-lighten-5:focus, a.text-deep-orange-lighten-5:link, a.text-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-deep-orange-lighten-4:hover, a.text-deep-orange-lighten-4:focus, a.text-deep-orange-lighten-4:link, a.text-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-deep-orange-lighten-3:hover, a.text-deep-orange-lighten-3:focus, a.text-deep-orange-lighten-3:link, a.text-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-deep-orange-lighten-2:hover, a.text-deep-orange-lighten-2:focus, a.text-deep-orange-lighten-2:link, a.text-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-deep-orange-lighten-1:hover, a.text-deep-orange-lighten-1:focus, a.text-deep-orange-lighten-1:link, a.text-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-deep-orange-darken-1 { color: #F4511E !important; } a.text-deep-orange-darken-1:hover, a.text-deep-orange-darken-1:focus, a.text-deep-orange-darken-1:link, a.text-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-deep-orange-darken-2 { color: #E64A19 !important; } a.text-deep-orange-darken-2:hover, a.text-deep-orange-darken-2:focus, a.text-deep-orange-darken-2:link, a.text-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-deep-orange-darken-3 { color: #D84315 !important; } a.text-deep-orange-darken-3:hover, a.text-deep-orange-darken-3:focus, a.text-deep-orange-darken-3:link, a.text-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-deep-orange-darken-4 { color: #BF360C !important; } a.text-deep-orange-darken-4:hover, a.text-deep-orange-darken-4:focus, a.text-deep-orange-darken-4:link, a.text-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-deep-orange-accent-1:hover, a.text-deep-orange-accent-1:focus, a.text-deep-orange-accent-1:link, a.text-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-deep-orange-accent-2:hover, a.text-deep-orange-accent-2:focus, a.text-deep-orange-accent-2:link, a.text-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-deep-orange-accent-3:hover, a.text-deep-orange-accent-3:focus, a.text-deep-orange-accent-3:link, a.text-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-deep-orange-accent-4:hover, a.text-deep-orange-accent-4:focus, a.text-deep-orange-accent-4:link, a.text-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-brown { color: #795548 !important; } a.text-brown:hover, a.text-brown:focus, a.text-brown:link, a.text-brown:active { color: #795548 !important; text-decoration: none !important; } .text-brown-lighten-5 { color: #EFEBE9 !important; } a.text-brown-lighten-5:hover, a.text-brown-lighten-5:focus, a.text-brown-lighten-5:link, a.text-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-brown-lighten-4 { color: #D7CCC8 !important; } a.text-brown-lighten-4:hover, a.text-brown-lighten-4:focus, a.text-brown-lighten-4:link, a.text-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-brown-lighten-3 { color: #BCAAA4 !important; } a.text-brown-lighten-3:hover, a.text-brown-lighten-3:focus, a.text-brown-lighten-3:link, a.text-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-brown-lighten-2 { color: #A1887F !important; } a.text-brown-lighten-2:hover, a.text-brown-lighten-2:focus, a.text-brown-lighten-2:link, a.text-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-brown-lighten-1 { color: #8D6E63 !important; } a.text-brown-lighten-1:hover, a.text-brown-lighten-1:focus, a.text-brown-lighten-1:link, a.text-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-brown-darken-1 { color: #6D4C41 !important; } a.text-brown-darken-1:hover, a.text-brown-darken-1:focus, a.text-brown-darken-1:link, a.text-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-brown-darken-2 { color: #5D4037 !important; } a.text-brown-darken-2:hover, a.text-brown-darken-2:focus, a.text-brown-darken-2:link, a.text-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-brown-darken-3 { color: #4E342E !important; } a.text-brown-darken-3:hover, a.text-brown-darken-3:focus, a.text-brown-darken-3:link, a.text-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-brown-darken-4 { color: #3E2723 !important; } a.text-brown-darken-4:hover, a.text-brown-darken-4:focus, a.text-brown-darken-4:link, a.text-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } @media screen and (min-width: 420px) { .text-sm-body { color: #464646 !important; } a.text-sm-body:hover, a.text-sm-body:focus, a.text-sm-body:link, a.text-sm-body:active { color: #464646 !important; text-decoration: none !important; } .text-sm-theme { color: #4682b4 !important; } a.text-sm-theme:hover, a.text-sm-theme:focus, a.text-sm-theme:link, a.text-sm-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-sm-theme-lighten-5 { color: #E8EFF6 !important; } a.text-sm-theme-lighten-5:hover, a.text-sm-theme-lighten-5:focus, a.text-sm-theme-lighten-5:link, a.text-sm-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-sm-theme-lighten-4 { color: #D1E0EC !important; } a.text-sm-theme-lighten-4:hover, a.text-sm-theme-lighten-4:focus, a.text-sm-theme-lighten-4:link, a.text-sm-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-sm-theme-lighten-3 { color: #BAD0E3 !important; } a.text-sm-theme-lighten-3:hover, a.text-sm-theme-lighten-3:focus, a.text-sm-theme-lighten-3:link, a.text-sm-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-sm-theme-lighten-2 { color: #A3C1DA !important; } a.text-sm-theme-lighten-2:hover, a.text-sm-theme-lighten-2:focus, a.text-sm-theme-lighten-2:link, a.text-sm-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-sm-theme-lighten-1 { color: #74A1C7 !important; } a.text-sm-theme-lighten-1:hover, a.text-sm-theme-lighten-1:focus, a.text-sm-theme-lighten-1:link, a.text-sm-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-sm-theme-darken-1 { color: #3D729E !important; } a.text-sm-theme-darken-1:hover, a.text-sm-theme-darken-1:focus, a.text-sm-theme-darken-1:link, a.text-sm-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-sm-theme-darken-2 { color: #356287 !important; } a.text-sm-theme-darken-2:hover, a.text-sm-theme-darken-2:focus, a.text-sm-theme-darken-2:link, a.text-sm-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-sm-theme-darken-3 { color: #2C5171 !important; } a.text-sm-theme-darken-3:hover, a.text-sm-theme-darken-3:focus, a.text-sm-theme-darken-3:link, a.text-sm-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-sm-theme-darken-4 { color: #23415A !important; } a.text-sm-theme-darken-4:hover, a.text-sm-theme-darken-4:focus, a.text-sm-theme-darken-4:link, a.text-sm-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-sm-theme-accent-1 { color: #7ba7cc !important; } a.text-sm-theme-accent-1:hover, a.text-sm-theme-accent-1:focus, a.text-sm-theme-accent-1:link, a.text-sm-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-sm-theme-accent-2 { color: #568ebd !important; } a.text-sm-theme-accent-2:hover, a.text-sm-theme-accent-2:focus, a.text-sm-theme-accent-2:link, a.text-sm-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-sm-theme-accent-3 { color: #3f75a2 !important; } a.text-sm-theme-accent-3:hover, a.text-sm-theme-accent-3:focus, a.text-sm-theme-accent-3:link, a.text-sm-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-sm-theme-accent-4 { color: #315a7d !important; } a.text-sm-theme-accent-4:hover, a.text-sm-theme-accent-4:focus, a.text-sm-theme-accent-4:link, a.text-sm-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-sm-primary { color: #2196f3 !important; } a.text-sm-primary:hover, a.text-sm-primary:focus, a.text-sm-primary:link, a.text-sm-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-sm-secondary { color: #6c757d !important; } a.text-sm-secondary:hover, a.text-sm-secondary:focus, a.text-sm-secondary:link, a.text-sm-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-sm-success { color: #20ad20 !important; } a.text-sm-success:hover, a.text-sm-success:focus, a.text-sm-success:link, a.text-sm-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-sm-info { color: #4dd0e1 !important; } a.text-sm-info:hover, a.text-sm-info:focus, a.text-sm-info:link, a.text-sm-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-sm-warning { color: #f9cf48 !important; } a.text-sm-warning:hover, a.text-sm-warning:focus, a.text-sm-warning:link, a.text-sm-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-sm-danger { color: #f23629 !important; } a.text-sm-danger:hover, a.text-sm-danger:focus, a.text-sm-danger:link, a.text-sm-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-sm-alert { color: #f57b1d !important; } a.text-sm-alert:hover, a.text-sm-alert:focus, a.text-sm-alert:link, a.text-sm-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-sm-theme { color: #356287 !important; } a.text-sm-theme:hover, a.text-sm-theme:focus, a.text-sm-theme:link, a.text-sm-theme:active { color: #356287 !important; text-decoration: none !important; } .text-sm-white { color: #ffffff !important; } a.text-sm-white:hover, a.text-sm-white:focus, a.text-sm-white:link, a.text-sm-white:active { color: #ffffff !important; text-decoration: none !important; } .text-sm-purple { color: #6A1B9A !important; } a.text-sm-purple:hover, a.text-sm-purple:focus, a.text-sm-purple:link, a.text-sm-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-sm-primary-lighten { color: #e0f1ff !important; } a.text-sm-primary-lighten:hover, a.text-sm-primary-lighten:focus, a.text-sm-primary-lighten:link, a.text-sm-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-sm-secondary-lighten { color: #e1e1e1 !important; } a.text-sm-secondary-lighten:hover, a.text-sm-secondary-lighten:focus, a.text-sm-secondary-lighten:link, a.text-sm-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-sm-success-lighten { color: #e8fac7 !important; } a.text-sm-success-lighten:hover, a.text-sm-success-lighten:focus, a.text-sm-success-lighten:link, a.text-sm-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-sm-info-lighten { color: #d2f9ff !important; } a.text-sm-info-lighten:hover, a.text-sm-info-lighten:focus, a.text-sm-info-lighten:link, a.text-sm-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-sm-warning-lighten { color: #fef6d9 !important; } a.text-sm-warning-lighten:hover, a.text-sm-warning-lighten:focus, a.text-sm-warning-lighten:link, a.text-sm-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-sm-danger-lighten { color: #ffd4d1 !important; } a.text-sm-danger-lighten:hover, a.text-sm-danger-lighten:focus, a.text-sm-danger-lighten:link, a.text-sm-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-sm-alert-lighten { color: #fad6ba !important; } a.text-sm-alert-lighten:hover, a.text-sm-alert-lighten:focus, a.text-sm-alert-lighten:link, a.text-sm-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-sm-purple-lighten { color: #f5ebfc !important; } a.text-sm-purple-lighten:hover, a.text-sm-purple-lighten:focus, a.text-sm-purple-lighten:link, a.text-sm-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-sm-theme-lighten { color: #D1E0EC !important; } a.text-sm-theme-lighten:hover, a.text-sm-theme-lighten:focus, a.text-sm-theme-lighten:link, a.text-sm-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-sm-app-line { color: #00B500 !important; } a.text-sm-app-line:hover, a.text-sm-app-line:focus, a.text-sm-app-line:link, a.text-sm-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-sm-app-youtube { color: #cd201f !important; } a.text-sm-app-youtube:hover, a.text-sm-app-youtube:focus, a.text-sm-app-youtube:link, a.text-sm-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-sm-app-twitter { color: #55acee !important; } a.text-sm-app-twitter:hover, a.text-sm-app-twitter:focus, a.text-sm-app-twitter:link, a.text-sm-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-sm-app-facebook { color: #4267B2 !important; } a.text-sm-app-facebook:hover, a.text-sm-app-facebook:focus, a.text-sm-app-facebook:link, a.text-sm-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-sm-app-instagram { color: #3f729b !important; } a.text-sm-app-instagram:hover, a.text-sm-app-instagram:focus, a.text-sm-app-instagram:link, a.text-sm-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-sm-app-google-plus { color: #dc4e41 !important; } a.text-sm-app-google-plus:hover, a.text-sm-app-google-plus:focus, a.text-sm-app-google-plus:link, a.text-sm-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-sm-white { color: #ffffff !important; } a.text-sm-white:hover, a.text-sm-white:focus, a.text-sm-white:link, a.text-sm-white:active { color: #ffffff !important; text-decoration: none !important; } .text-sm-black { color: #000000 !important; } a.text-sm-black:hover, a.text-sm-black:focus, a.text-sm-black:link, a.text-sm-black:active { color: #000000 !important; text-decoration: none !important; } .text-sm-grey { color: #9E9E9E !important; } a.text-sm-grey:hover, a.text-sm-grey:focus, a.text-sm-grey:link, a.text-sm-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-sm-grey-lighten-5 { color: #FAFAFA !important; } a.text-sm-grey-lighten-5:hover, a.text-sm-grey-lighten-5:focus, a.text-sm-grey-lighten-5:link, a.text-sm-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-sm-grey-lighten-4 { color: #F5F5F5 !important; } a.text-sm-grey-lighten-4:hover, a.text-sm-grey-lighten-4:focus, a.text-sm-grey-lighten-4:link, a.text-sm-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-sm-grey-lighten-3 { color: #EEEEEE !important; } a.text-sm-grey-lighten-3:hover, a.text-sm-grey-lighten-3:focus, a.text-sm-grey-lighten-3:link, a.text-sm-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-sm-grey-lighten-2 { color: #E0E0E0 !important; } a.text-sm-grey-lighten-2:hover, a.text-sm-grey-lighten-2:focus, a.text-sm-grey-lighten-2:link, a.text-sm-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-sm-grey-lighten-1 { color: #BDBDBD !important; } a.text-sm-grey-lighten-1:hover, a.text-sm-grey-lighten-1:focus, a.text-sm-grey-lighten-1:link, a.text-sm-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-sm-grey-darken-1 { color: #757575 !important; } a.text-sm-grey-darken-1:hover, a.text-sm-grey-darken-1:focus, a.text-sm-grey-darken-1:link, a.text-sm-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-sm-grey-darken-2 { color: #616161 !important; } a.text-sm-grey-darken-2:hover, a.text-sm-grey-darken-2:focus, a.text-sm-grey-darken-2:link, a.text-sm-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-sm-grey-darken-3 { color: #424242 !important; } a.text-sm-grey-darken-3:hover, a.text-sm-grey-darken-3:focus, a.text-sm-grey-darken-3:link, a.text-sm-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-sm-grey-darken-4 { color: #212121 !important; } a.text-sm-grey-darken-4:hover, a.text-sm-grey-darken-4:focus, a.text-sm-grey-darken-4:link, a.text-sm-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-sm-blue-grey { color: #607D8B !important; } a.text-sm-blue-grey:hover, a.text-sm-blue-grey:focus, a.text-sm-blue-grey:link, a.text-sm-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-sm-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-sm-blue-grey-lighten-5:hover, a.text-sm-blue-grey-lighten-5:focus, a.text-sm-blue-grey-lighten-5:link, a.text-sm-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-sm-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-sm-blue-grey-lighten-4:hover, a.text-sm-blue-grey-lighten-4:focus, a.text-sm-blue-grey-lighten-4:link, a.text-sm-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-sm-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-sm-blue-grey-lighten-3:hover, a.text-sm-blue-grey-lighten-3:focus, a.text-sm-blue-grey-lighten-3:link, a.text-sm-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-sm-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-sm-blue-grey-lighten-2:hover, a.text-sm-blue-grey-lighten-2:focus, a.text-sm-blue-grey-lighten-2:link, a.text-sm-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-sm-blue-grey-lighten-1 { color: #78909C !important; } a.text-sm-blue-grey-lighten-1:hover, a.text-sm-blue-grey-lighten-1:focus, a.text-sm-blue-grey-lighten-1:link, a.text-sm-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-sm-blue-grey-darken-1 { color: #546E7A !important; } a.text-sm-blue-grey-darken-1:hover, a.text-sm-blue-grey-darken-1:focus, a.text-sm-blue-grey-darken-1:link, a.text-sm-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-sm-blue-grey-darken-2 { color: #455A64 !important; } a.text-sm-blue-grey-darken-2:hover, a.text-sm-blue-grey-darken-2:focus, a.text-sm-blue-grey-darken-2:link, a.text-sm-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-sm-blue-grey-darken-3 { color: #37474F !important; } a.text-sm-blue-grey-darken-3:hover, a.text-sm-blue-grey-darken-3:focus, a.text-sm-blue-grey-darken-3:link, a.text-sm-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-sm-blue-grey-darken-4 { color: #263238 !important; } a.text-sm-blue-grey-darken-4:hover, a.text-sm-blue-grey-darken-4:focus, a.text-sm-blue-grey-darken-4:link, a.text-sm-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-sm-red { color: #F44336 !important; } a.text-sm-red:hover, a.text-sm-red:focus, a.text-sm-red:link, a.text-sm-red:active { color: #F44336 !important; text-decoration: none !important; } .text-sm-red-lighten-5 { color: #FFEBEE !important; } a.text-sm-red-lighten-5:hover, a.text-sm-red-lighten-5:focus, a.text-sm-red-lighten-5:link, a.text-sm-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-sm-red-lighten-4 { color: #FFCDD2 !important; } a.text-sm-red-lighten-4:hover, a.text-sm-red-lighten-4:focus, a.text-sm-red-lighten-4:link, a.text-sm-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-sm-red-lighten-3 { color: #EF9A9A !important; } a.text-sm-red-lighten-3:hover, a.text-sm-red-lighten-3:focus, a.text-sm-red-lighten-3:link, a.text-sm-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-sm-red-lighten-2 { color: #E57373 !important; } a.text-sm-red-lighten-2:hover, a.text-sm-red-lighten-2:focus, a.text-sm-red-lighten-2:link, a.text-sm-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-sm-red-lighten-1 { color: #EF5350 !important; } a.text-sm-red-lighten-1:hover, a.text-sm-red-lighten-1:focus, a.text-sm-red-lighten-1:link, a.text-sm-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-sm-red-darken-1 { color: #E53935 !important; } a.text-sm-red-darken-1:hover, a.text-sm-red-darken-1:focus, a.text-sm-red-darken-1:link, a.text-sm-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-sm-red-darken-2 { color: #D32F2F !important; } a.text-sm-red-darken-2:hover, a.text-sm-red-darken-2:focus, a.text-sm-red-darken-2:link, a.text-sm-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-sm-red-darken-3 { color: #C62828 !important; } a.text-sm-red-darken-3:hover, a.text-sm-red-darken-3:focus, a.text-sm-red-darken-3:link, a.text-sm-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-sm-red-darken-4 { color: #B71C1C !important; } a.text-sm-red-darken-4:hover, a.text-sm-red-darken-4:focus, a.text-sm-red-darken-4:link, a.text-sm-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-sm-red-accent-1 { color: #FF8A80 !important; } a.text-sm-red-accent-1:hover, a.text-sm-red-accent-1:focus, a.text-sm-red-accent-1:link, a.text-sm-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-sm-red-accent-2 { color: #FF5252 !important; } a.text-sm-red-accent-2:hover, a.text-sm-red-accent-2:focus, a.text-sm-red-accent-2:link, a.text-sm-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-sm-red-accent-3 { color: #FF1744 !important; } a.text-sm-red-accent-3:hover, a.text-sm-red-accent-3:focus, a.text-sm-red-accent-3:link, a.text-sm-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-sm-red-accent-4 { color: #D50000 !important; } a.text-sm-red-accent-4:hover, a.text-sm-red-accent-4:focus, a.text-sm-red-accent-4:link, a.text-sm-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-sm-pink { color: #E91E63 !important; } a.text-sm-pink:hover, a.text-sm-pink:focus, a.text-sm-pink:link, a.text-sm-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-sm-pink-lighten-5 { color: #FCE4EC !important; } a.text-sm-pink-lighten-5:hover, a.text-sm-pink-lighten-5:focus, a.text-sm-pink-lighten-5:link, a.text-sm-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-sm-pink-lighten-4 { color: #F8BBD0 !important; } a.text-sm-pink-lighten-4:hover, a.text-sm-pink-lighten-4:focus, a.text-sm-pink-lighten-4:link, a.text-sm-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-sm-pink-lighten-3 { color: #F48FB1 !important; } a.text-sm-pink-lighten-3:hover, a.text-sm-pink-lighten-3:focus, a.text-sm-pink-lighten-3:link, a.text-sm-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-sm-pink-lighten-2 { color: #F06292 !important; } a.text-sm-pink-lighten-2:hover, a.text-sm-pink-lighten-2:focus, a.text-sm-pink-lighten-2:link, a.text-sm-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-sm-pink-lighten-1 { color: #EC407A !important; } a.text-sm-pink-lighten-1:hover, a.text-sm-pink-lighten-1:focus, a.text-sm-pink-lighten-1:link, a.text-sm-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-sm-pink-darken-1 { color: #D81B60 !important; } a.text-sm-pink-darken-1:hover, a.text-sm-pink-darken-1:focus, a.text-sm-pink-darken-1:link, a.text-sm-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-sm-pink-darken-2 { color: #C2185B !important; } a.text-sm-pink-darken-2:hover, a.text-sm-pink-darken-2:focus, a.text-sm-pink-darken-2:link, a.text-sm-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-sm-pink-darken-3 { color: #AD1457 !important; } a.text-sm-pink-darken-3:hover, a.text-sm-pink-darken-3:focus, a.text-sm-pink-darken-3:link, a.text-sm-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-sm-pink-darken-4 { color: #880E4F !important; } a.text-sm-pink-darken-4:hover, a.text-sm-pink-darken-4:focus, a.text-sm-pink-darken-4:link, a.text-sm-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-sm-pink-accent-1 { color: #FF80AB !important; } a.text-sm-pink-accent-1:hover, a.text-sm-pink-accent-1:focus, a.text-sm-pink-accent-1:link, a.text-sm-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-sm-pink-accent-2 { color: #FF4081 !important; } a.text-sm-pink-accent-2:hover, a.text-sm-pink-accent-2:focus, a.text-sm-pink-accent-2:link, a.text-sm-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-sm-pink-accent-3 { color: #F50057 !important; } a.text-sm-pink-accent-3:hover, a.text-sm-pink-accent-3:focus, a.text-sm-pink-accent-3:link, a.text-sm-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-sm-pink-accent-4 { color: #C51162 !important; } a.text-sm-pink-accent-4:hover, a.text-sm-pink-accent-4:focus, a.text-sm-pink-accent-4:link, a.text-sm-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-sm-purple { color: #9C27B0 !important; } a.text-sm-purple:hover, a.text-sm-purple:focus, a.text-sm-purple:link, a.text-sm-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-sm-purple-lighten-5 { color: #F3E5F5 !important; } a.text-sm-purple-lighten-5:hover, a.text-sm-purple-lighten-5:focus, a.text-sm-purple-lighten-5:link, a.text-sm-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-sm-purple-lighten-4 { color: #E1BEE7 !important; } a.text-sm-purple-lighten-4:hover, a.text-sm-purple-lighten-4:focus, a.text-sm-purple-lighten-4:link, a.text-sm-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-sm-purple-lighten-3 { color: #CE93D8 !important; } a.text-sm-purple-lighten-3:hover, a.text-sm-purple-lighten-3:focus, a.text-sm-purple-lighten-3:link, a.text-sm-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-sm-purple-lighten-2 { color: #BA68C8 !important; } a.text-sm-purple-lighten-2:hover, a.text-sm-purple-lighten-2:focus, a.text-sm-purple-lighten-2:link, a.text-sm-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-sm-purple-lighten-1 { color: #AB47BC !important; } a.text-sm-purple-lighten-1:hover, a.text-sm-purple-lighten-1:focus, a.text-sm-purple-lighten-1:link, a.text-sm-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-sm-purple-darken-1 { color: #8E24AA !important; } a.text-sm-purple-darken-1:hover, a.text-sm-purple-darken-1:focus, a.text-sm-purple-darken-1:link, a.text-sm-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-sm-purple-darken-2 { color: #7B1FA2 !important; } a.text-sm-purple-darken-2:hover, a.text-sm-purple-darken-2:focus, a.text-sm-purple-darken-2:link, a.text-sm-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-sm-purple-darken-3 { color: #6A1B9A !important; } a.text-sm-purple-darken-3:hover, a.text-sm-purple-darken-3:focus, a.text-sm-purple-darken-3:link, a.text-sm-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-sm-purple-darken-4 { color: #4A148C !important; } a.text-sm-purple-darken-4:hover, a.text-sm-purple-darken-4:focus, a.text-sm-purple-darken-4:link, a.text-sm-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-sm-purple-accent-1 { color: #EA80FC !important; } a.text-sm-purple-accent-1:hover, a.text-sm-purple-accent-1:focus, a.text-sm-purple-accent-1:link, a.text-sm-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-sm-purple-accent-2 { color: #E040FB !important; } a.text-sm-purple-accent-2:hover, a.text-sm-purple-accent-2:focus, a.text-sm-purple-accent-2:link, a.text-sm-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-sm-purple-accent-3 { color: #D500F9 !important; } a.text-sm-purple-accent-3:hover, a.text-sm-purple-accent-3:focus, a.text-sm-purple-accent-3:link, a.text-sm-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-sm-purple-accent-4 { color: #AA00FF !important; } a.text-sm-purple-accent-4:hover, a.text-sm-purple-accent-4:focus, a.text-sm-purple-accent-4:link, a.text-sm-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-sm-deep-purple { color: #673AB7 !important; } a.text-sm-deep-purple:hover, a.text-sm-deep-purple:focus, a.text-sm-deep-purple:link, a.text-sm-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-sm-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-sm-deep-purple-lighten-5:hover, a.text-sm-deep-purple-lighten-5:focus, a.text-sm-deep-purple-lighten-5:link, a.text-sm-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-sm-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-sm-deep-purple-lighten-4:hover, a.text-sm-deep-purple-lighten-4:focus, a.text-sm-deep-purple-lighten-4:link, a.text-sm-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-sm-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-sm-deep-purple-lighten-3:hover, a.text-sm-deep-purple-lighten-3:focus, a.text-sm-deep-purple-lighten-3:link, a.text-sm-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-sm-deep-purple-lighten-2 { color: #9575CD !important; } a.text-sm-deep-purple-lighten-2:hover, a.text-sm-deep-purple-lighten-2:focus, a.text-sm-deep-purple-lighten-2:link, a.text-sm-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-sm-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-sm-deep-purple-lighten-1:hover, a.text-sm-deep-purple-lighten-1:focus, a.text-sm-deep-purple-lighten-1:link, a.text-sm-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-sm-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-sm-deep-purple-darken-1:hover, a.text-sm-deep-purple-darken-1:focus, a.text-sm-deep-purple-darken-1:link, a.text-sm-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-sm-deep-purple-darken-2 { color: #512DA8 !important; } a.text-sm-deep-purple-darken-2:hover, a.text-sm-deep-purple-darken-2:focus, a.text-sm-deep-purple-darken-2:link, a.text-sm-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-sm-deep-purple-darken-3 { color: #4527A0 !important; } a.text-sm-deep-purple-darken-3:hover, a.text-sm-deep-purple-darken-3:focus, a.text-sm-deep-purple-darken-3:link, a.text-sm-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-sm-deep-purple-darken-4 { color: #311B92 !important; } a.text-sm-deep-purple-darken-4:hover, a.text-sm-deep-purple-darken-4:focus, a.text-sm-deep-purple-darken-4:link, a.text-sm-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-sm-deep-purple-accent-1 { color: #B388FF !important; } a.text-sm-deep-purple-accent-1:hover, a.text-sm-deep-purple-accent-1:focus, a.text-sm-deep-purple-accent-1:link, a.text-sm-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-sm-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-sm-deep-purple-accent-2:hover, a.text-sm-deep-purple-accent-2:focus, a.text-sm-deep-purple-accent-2:link, a.text-sm-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-sm-deep-purple-accent-3 { color: #651FFF !important; } a.text-sm-deep-purple-accent-3:hover, a.text-sm-deep-purple-accent-3:focus, a.text-sm-deep-purple-accent-3:link, a.text-sm-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-sm-deep-purple-accent-4 { color: #6200EA !important; } a.text-sm-deep-purple-accent-4:hover, a.text-sm-deep-purple-accent-4:focus, a.text-sm-deep-purple-accent-4:link, a.text-sm-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-sm-indigo { color: #3F51B5 !important; } a.text-sm-indigo:hover, a.text-sm-indigo:focus, a.text-sm-indigo:link, a.text-sm-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-sm-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-sm-indigo-lighten-5:hover, a.text-sm-indigo-lighten-5:focus, a.text-sm-indigo-lighten-5:link, a.text-sm-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-sm-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-sm-indigo-lighten-4:hover, a.text-sm-indigo-lighten-4:focus, a.text-sm-indigo-lighten-4:link, a.text-sm-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-sm-indigo-lighten-3 { color: #9FA8DA !important; } a.text-sm-indigo-lighten-3:hover, a.text-sm-indigo-lighten-3:focus, a.text-sm-indigo-lighten-3:link, a.text-sm-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-sm-indigo-lighten-2 { color: #7986CB !important; } a.text-sm-indigo-lighten-2:hover, a.text-sm-indigo-lighten-2:focus, a.text-sm-indigo-lighten-2:link, a.text-sm-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-sm-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-sm-indigo-lighten-1:hover, a.text-sm-indigo-lighten-1:focus, a.text-sm-indigo-lighten-1:link, a.text-sm-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-sm-indigo-darken-1 { color: #3949AB !important; } a.text-sm-indigo-darken-1:hover, a.text-sm-indigo-darken-1:focus, a.text-sm-indigo-darken-1:link, a.text-sm-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-sm-indigo-darken-2 { color: #303F9F !important; } a.text-sm-indigo-darken-2:hover, a.text-sm-indigo-darken-2:focus, a.text-sm-indigo-darken-2:link, a.text-sm-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-sm-indigo-darken-3 { color: #283593 !important; } a.text-sm-indigo-darken-3:hover, a.text-sm-indigo-darken-3:focus, a.text-sm-indigo-darken-3:link, a.text-sm-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-sm-indigo-darken-4 { color: #1A237E !important; } a.text-sm-indigo-darken-4:hover, a.text-sm-indigo-darken-4:focus, a.text-sm-indigo-darken-4:link, a.text-sm-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-sm-indigo-accent-1 { color: #8C9EFF !important; } a.text-sm-indigo-accent-1:hover, a.text-sm-indigo-accent-1:focus, a.text-sm-indigo-accent-1:link, a.text-sm-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-sm-indigo-accent-2 { color: #536DFE !important; } a.text-sm-indigo-accent-2:hover, a.text-sm-indigo-accent-2:focus, a.text-sm-indigo-accent-2:link, a.text-sm-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-sm-indigo-accent-3 { color: #3D5AFE !important; } a.text-sm-indigo-accent-3:hover, a.text-sm-indigo-accent-3:focus, a.text-sm-indigo-accent-3:link, a.text-sm-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-sm-indigo-accent-4 { color: #304FFE !important; } a.text-sm-indigo-accent-4:hover, a.text-sm-indigo-accent-4:focus, a.text-sm-indigo-accent-4:link, a.text-sm-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-sm-blue { color: #2196F3 !important; } a.text-sm-blue:hover, a.text-sm-blue:focus, a.text-sm-blue:link, a.text-sm-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-sm-blue-lighten-5 { color: #E3F2FD !important; } a.text-sm-blue-lighten-5:hover, a.text-sm-blue-lighten-5:focus, a.text-sm-blue-lighten-5:link, a.text-sm-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-sm-blue-lighten-4 { color: #BBDEFB !important; } a.text-sm-blue-lighten-4:hover, a.text-sm-blue-lighten-4:focus, a.text-sm-blue-lighten-4:link, a.text-sm-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-sm-blue-lighten-3 { color: #90CAF9 !important; } a.text-sm-blue-lighten-3:hover, a.text-sm-blue-lighten-3:focus, a.text-sm-blue-lighten-3:link, a.text-sm-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-sm-blue-lighten-2 { color: #64B5F6 !important; } a.text-sm-blue-lighten-2:hover, a.text-sm-blue-lighten-2:focus, a.text-sm-blue-lighten-2:link, a.text-sm-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-sm-blue-lighten-1 { color: #42A5F5 !important; } a.text-sm-blue-lighten-1:hover, a.text-sm-blue-lighten-1:focus, a.text-sm-blue-lighten-1:link, a.text-sm-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-sm-blue-darken-1 { color: #1E88E5 !important; } a.text-sm-blue-darken-1:hover, a.text-sm-blue-darken-1:focus, a.text-sm-blue-darken-1:link, a.text-sm-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-sm-blue-darken-2 { color: #1976D2 !important; } a.text-sm-blue-darken-2:hover, a.text-sm-blue-darken-2:focus, a.text-sm-blue-darken-2:link, a.text-sm-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-sm-blue-darken-3 { color: #1565C0 !important; } a.text-sm-blue-darken-3:hover, a.text-sm-blue-darken-3:focus, a.text-sm-blue-darken-3:link, a.text-sm-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-sm-blue-darken-4 { color: #0D47A1 !important; } a.text-sm-blue-darken-4:hover, a.text-sm-blue-darken-4:focus, a.text-sm-blue-darken-4:link, a.text-sm-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-sm-blue-accent-1 { color: #82B1FF !important; } a.text-sm-blue-accent-1:hover, a.text-sm-blue-accent-1:focus, a.text-sm-blue-accent-1:link, a.text-sm-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-sm-blue-accent-2 { color: #448AFF !important; } a.text-sm-blue-accent-2:hover, a.text-sm-blue-accent-2:focus, a.text-sm-blue-accent-2:link, a.text-sm-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-sm-blue-accent-3 { color: #2979FF !important; } a.text-sm-blue-accent-3:hover, a.text-sm-blue-accent-3:focus, a.text-sm-blue-accent-3:link, a.text-sm-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-sm-blue-accent-4 { color: #2962FF !important; } a.text-sm-blue-accent-4:hover, a.text-sm-blue-accent-4:focus, a.text-sm-blue-accent-4:link, a.text-sm-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-sm-light-blue { color: #03A9F4 !important; } a.text-sm-light-blue:hover, a.text-sm-light-blue:focus, a.text-sm-light-blue:link, a.text-sm-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-sm-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-sm-light-blue-lighten-5:hover, a.text-sm-light-blue-lighten-5:focus, a.text-sm-light-blue-lighten-5:link, a.text-sm-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-sm-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-sm-light-blue-lighten-4:hover, a.text-sm-light-blue-lighten-4:focus, a.text-sm-light-blue-lighten-4:link, a.text-sm-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-sm-light-blue-lighten-3 { color: #81D4FA !important; } a.text-sm-light-blue-lighten-3:hover, a.text-sm-light-blue-lighten-3:focus, a.text-sm-light-blue-lighten-3:link, a.text-sm-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-sm-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-sm-light-blue-lighten-2:hover, a.text-sm-light-blue-lighten-2:focus, a.text-sm-light-blue-lighten-2:link, a.text-sm-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-sm-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-sm-light-blue-lighten-1:hover, a.text-sm-light-blue-lighten-1:focus, a.text-sm-light-blue-lighten-1:link, a.text-sm-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-sm-light-blue-darken-1 { color: #039BE5 !important; } a.text-sm-light-blue-darken-1:hover, a.text-sm-light-blue-darken-1:focus, a.text-sm-light-blue-darken-1:link, a.text-sm-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-sm-light-blue-darken-2 { color: #0288D1 !important; } a.text-sm-light-blue-darken-2:hover, a.text-sm-light-blue-darken-2:focus, a.text-sm-light-blue-darken-2:link, a.text-sm-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-sm-light-blue-darken-3 { color: #0277BD !important; } a.text-sm-light-blue-darken-3:hover, a.text-sm-light-blue-darken-3:focus, a.text-sm-light-blue-darken-3:link, a.text-sm-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-sm-light-blue-darken-4 { color: #01579B !important; } a.text-sm-light-blue-darken-4:hover, a.text-sm-light-blue-darken-4:focus, a.text-sm-light-blue-darken-4:link, a.text-sm-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-sm-light-blue-accent-1 { color: #80D8FF !important; } a.text-sm-light-blue-accent-1:hover, a.text-sm-light-blue-accent-1:focus, a.text-sm-light-blue-accent-1:link, a.text-sm-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-sm-light-blue-accent-2 { color: #40C4FF !important; } a.text-sm-light-blue-accent-2:hover, a.text-sm-light-blue-accent-2:focus, a.text-sm-light-blue-accent-2:link, a.text-sm-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-sm-light-blue-accent-3 { color: #00B0FF !important; } a.text-sm-light-blue-accent-3:hover, a.text-sm-light-blue-accent-3:focus, a.text-sm-light-blue-accent-3:link, a.text-sm-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-sm-light-blue-accent-4 { color: #0091EA !important; } a.text-sm-light-blue-accent-4:hover, a.text-sm-light-blue-accent-4:focus, a.text-sm-light-blue-accent-4:link, a.text-sm-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-sm-cyan { color: #00BCD4 !important; } a.text-sm-cyan:hover, a.text-sm-cyan:focus, a.text-sm-cyan:link, a.text-sm-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-sm-cyan-lighten-5 { color: #E0F7FA !important; } a.text-sm-cyan-lighten-5:hover, a.text-sm-cyan-lighten-5:focus, a.text-sm-cyan-lighten-5:link, a.text-sm-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-sm-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-sm-cyan-lighten-4:hover, a.text-sm-cyan-lighten-4:focus, a.text-sm-cyan-lighten-4:link, a.text-sm-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-sm-cyan-lighten-3 { color: #80DEEA !important; } a.text-sm-cyan-lighten-3:hover, a.text-sm-cyan-lighten-3:focus, a.text-sm-cyan-lighten-3:link, a.text-sm-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-sm-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-sm-cyan-lighten-2:hover, a.text-sm-cyan-lighten-2:focus, a.text-sm-cyan-lighten-2:link, a.text-sm-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-sm-cyan-lighten-1 { color: #26C6DA !important; } a.text-sm-cyan-lighten-1:hover, a.text-sm-cyan-lighten-1:focus, a.text-sm-cyan-lighten-1:link, a.text-sm-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-sm-cyan-darken-1 { color: #00ACC1 !important; } a.text-sm-cyan-darken-1:hover, a.text-sm-cyan-darken-1:focus, a.text-sm-cyan-darken-1:link, a.text-sm-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-sm-cyan-darken-2 { color: #0097A7 !important; } a.text-sm-cyan-darken-2:hover, a.text-sm-cyan-darken-2:focus, a.text-sm-cyan-darken-2:link, a.text-sm-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-sm-cyan-darken-3 { color: #00838F !important; } a.text-sm-cyan-darken-3:hover, a.text-sm-cyan-darken-3:focus, a.text-sm-cyan-darken-3:link, a.text-sm-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-sm-cyan-darken-4 { color: #006064 !important; } a.text-sm-cyan-darken-4:hover, a.text-sm-cyan-darken-4:focus, a.text-sm-cyan-darken-4:link, a.text-sm-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-sm-cyan-accent-1 { color: #84FFFF !important; } a.text-sm-cyan-accent-1:hover, a.text-sm-cyan-accent-1:focus, a.text-sm-cyan-accent-1:link, a.text-sm-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-sm-cyan-accent-2 { color: #18FFFF !important; } a.text-sm-cyan-accent-2:hover, a.text-sm-cyan-accent-2:focus, a.text-sm-cyan-accent-2:link, a.text-sm-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-sm-cyan-accent-3 { color: #00E5FF !important; } a.text-sm-cyan-accent-3:hover, a.text-sm-cyan-accent-3:focus, a.text-sm-cyan-accent-3:link, a.text-sm-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-sm-cyan-accent-4 { color: #00B8D4 !important; } a.text-sm-cyan-accent-4:hover, a.text-sm-cyan-accent-4:focus, a.text-sm-cyan-accent-4:link, a.text-sm-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-sm-teal { color: #009688 !important; } a.text-sm-teal:hover, a.text-sm-teal:focus, a.text-sm-teal:link, a.text-sm-teal:active { color: #009688 !important; text-decoration: none !important; } .text-sm-teal-lighten-5 { color: #E0F2F1 !important; } a.text-sm-teal-lighten-5:hover, a.text-sm-teal-lighten-5:focus, a.text-sm-teal-lighten-5:link, a.text-sm-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-sm-teal-lighten-4 { color: #B2DFDB !important; } a.text-sm-teal-lighten-4:hover, a.text-sm-teal-lighten-4:focus, a.text-sm-teal-lighten-4:link, a.text-sm-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-sm-teal-lighten-3 { color: #80CBC4 !important; } a.text-sm-teal-lighten-3:hover, a.text-sm-teal-lighten-3:focus, a.text-sm-teal-lighten-3:link, a.text-sm-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-sm-teal-lighten-2 { color: #4DB6AC !important; } a.text-sm-teal-lighten-2:hover, a.text-sm-teal-lighten-2:focus, a.text-sm-teal-lighten-2:link, a.text-sm-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-sm-teal-lighten-1 { color: #26A69A !important; } a.text-sm-teal-lighten-1:hover, a.text-sm-teal-lighten-1:focus, a.text-sm-teal-lighten-1:link, a.text-sm-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-sm-teal-darken-1 { color: #00897B !important; } a.text-sm-teal-darken-1:hover, a.text-sm-teal-darken-1:focus, a.text-sm-teal-darken-1:link, a.text-sm-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-sm-teal-darken-2 { color: #00796B !important; } a.text-sm-teal-darken-2:hover, a.text-sm-teal-darken-2:focus, a.text-sm-teal-darken-2:link, a.text-sm-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-sm-teal-darken-3 { color: #00695C !important; } a.text-sm-teal-darken-3:hover, a.text-sm-teal-darken-3:focus, a.text-sm-teal-darken-3:link, a.text-sm-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-sm-teal-darken-4 { color: #004D40 !important; } a.text-sm-teal-darken-4:hover, a.text-sm-teal-darken-4:focus, a.text-sm-teal-darken-4:link, a.text-sm-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-sm-teal-accent-1 { color: #A7FFEB !important; } a.text-sm-teal-accent-1:hover, a.text-sm-teal-accent-1:focus, a.text-sm-teal-accent-1:link, a.text-sm-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-sm-teal-accent-2 { color: #64FFDA !important; } a.text-sm-teal-accent-2:hover, a.text-sm-teal-accent-2:focus, a.text-sm-teal-accent-2:link, a.text-sm-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-sm-teal-accent-3 { color: #1DE9B6 !important; } a.text-sm-teal-accent-3:hover, a.text-sm-teal-accent-3:focus, a.text-sm-teal-accent-3:link, a.text-sm-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-sm-teal-accent-4 { color: #00BFA5 !important; } a.text-sm-teal-accent-4:hover, a.text-sm-teal-accent-4:focus, a.text-sm-teal-accent-4:link, a.text-sm-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-sm-green { color: #4CAF50 !important; } a.text-sm-green:hover, a.text-sm-green:focus, a.text-sm-green:link, a.text-sm-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-sm-green-lighten-5 { color: #E8F5E9 !important; } a.text-sm-green-lighten-5:hover, a.text-sm-green-lighten-5:focus, a.text-sm-green-lighten-5:link, a.text-sm-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-sm-green-lighten-4 { color: #C8E6C9 !important; } a.text-sm-green-lighten-4:hover, a.text-sm-green-lighten-4:focus, a.text-sm-green-lighten-4:link, a.text-sm-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-sm-green-lighten-3 { color: #A5D6A7 !important; } a.text-sm-green-lighten-3:hover, a.text-sm-green-lighten-3:focus, a.text-sm-green-lighten-3:link, a.text-sm-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-sm-green-lighten-2 { color: #81C784 !important; } a.text-sm-green-lighten-2:hover, a.text-sm-green-lighten-2:focus, a.text-sm-green-lighten-2:link, a.text-sm-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-sm-green-lighten-1 { color: #66BB6A !important; } a.text-sm-green-lighten-1:hover, a.text-sm-green-lighten-1:focus, a.text-sm-green-lighten-1:link, a.text-sm-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-sm-green-darken-1 { color: #43A047 !important; } a.text-sm-green-darken-1:hover, a.text-sm-green-darken-1:focus, a.text-sm-green-darken-1:link, a.text-sm-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-sm-green-darken-2 { color: #388E3C !important; } a.text-sm-green-darken-2:hover, a.text-sm-green-darken-2:focus, a.text-sm-green-darken-2:link, a.text-sm-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-sm-green-darken-3 { color: #2E7D32 !important; } a.text-sm-green-darken-3:hover, a.text-sm-green-darken-3:focus, a.text-sm-green-darken-3:link, a.text-sm-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-sm-green-darken-4 { color: #1B5E20 !important; } a.text-sm-green-darken-4:hover, a.text-sm-green-darken-4:focus, a.text-sm-green-darken-4:link, a.text-sm-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-sm-green-accent-1 { color: #B9F6CA !important; } a.text-sm-green-accent-1:hover, a.text-sm-green-accent-1:focus, a.text-sm-green-accent-1:link, a.text-sm-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-sm-green-accent-2 { color: #69F0AE !important; } a.text-sm-green-accent-2:hover, a.text-sm-green-accent-2:focus, a.text-sm-green-accent-2:link, a.text-sm-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-sm-green-accent-3 { color: #00E676 !important; } a.text-sm-green-accent-3:hover, a.text-sm-green-accent-3:focus, a.text-sm-green-accent-3:link, a.text-sm-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-sm-green-accent-4 { color: #00C853 !important; } a.text-sm-green-accent-4:hover, a.text-sm-green-accent-4:focus, a.text-sm-green-accent-4:link, a.text-sm-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-sm-light-green { color: #8BC34A !important; } a.text-sm-light-green:hover, a.text-sm-light-green:focus, a.text-sm-light-green:link, a.text-sm-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-sm-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-sm-light-green-lighten-5:hover, a.text-sm-light-green-lighten-5:focus, a.text-sm-light-green-lighten-5:link, a.text-sm-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-sm-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-sm-light-green-lighten-4:hover, a.text-sm-light-green-lighten-4:focus, a.text-sm-light-green-lighten-4:link, a.text-sm-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-sm-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-sm-light-green-lighten-3:hover, a.text-sm-light-green-lighten-3:focus, a.text-sm-light-green-lighten-3:link, a.text-sm-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-sm-light-green-lighten-2 { color: #AED581 !important; } a.text-sm-light-green-lighten-2:hover, a.text-sm-light-green-lighten-2:focus, a.text-sm-light-green-lighten-2:link, a.text-sm-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-sm-light-green-lighten-1 { color: #9CCC65 !important; } a.text-sm-light-green-lighten-1:hover, a.text-sm-light-green-lighten-1:focus, a.text-sm-light-green-lighten-1:link, a.text-sm-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-sm-light-green-darken-1 { color: #7CB342 !important; } a.text-sm-light-green-darken-1:hover, a.text-sm-light-green-darken-1:focus, a.text-sm-light-green-darken-1:link, a.text-sm-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-sm-light-green-darken-2 { color: #689F38 !important; } a.text-sm-light-green-darken-2:hover, a.text-sm-light-green-darken-2:focus, a.text-sm-light-green-darken-2:link, a.text-sm-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-sm-light-green-darken-3 { color: #558B2F !important; } a.text-sm-light-green-darken-3:hover, a.text-sm-light-green-darken-3:focus, a.text-sm-light-green-darken-3:link, a.text-sm-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-sm-light-green-darken-4 { color: #33691E !important; } a.text-sm-light-green-darken-4:hover, a.text-sm-light-green-darken-4:focus, a.text-sm-light-green-darken-4:link, a.text-sm-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-sm-light-green-accent-1 { color: #CCFF90 !important; } a.text-sm-light-green-accent-1:hover, a.text-sm-light-green-accent-1:focus, a.text-sm-light-green-accent-1:link, a.text-sm-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-sm-light-green-accent-2 { color: #B2FF59 !important; } a.text-sm-light-green-accent-2:hover, a.text-sm-light-green-accent-2:focus, a.text-sm-light-green-accent-2:link, a.text-sm-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-sm-light-green-accent-3 { color: #76FF03 !important; } a.text-sm-light-green-accent-3:hover, a.text-sm-light-green-accent-3:focus, a.text-sm-light-green-accent-3:link, a.text-sm-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-sm-light-green-accent-4 { color: #64DD17 !important; } a.text-sm-light-green-accent-4:hover, a.text-sm-light-green-accent-4:focus, a.text-sm-light-green-accent-4:link, a.text-sm-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-sm-lime { color: #CDDC39 !important; } a.text-sm-lime:hover, a.text-sm-lime:focus, a.text-sm-lime:link, a.text-sm-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-sm-lime-lighten-5 { color: #F9FBE7 !important; } a.text-sm-lime-lighten-5:hover, a.text-sm-lime-lighten-5:focus, a.text-sm-lime-lighten-5:link, a.text-sm-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-sm-lime-lighten-4 { color: #F0F4C3 !important; } a.text-sm-lime-lighten-4:hover, a.text-sm-lime-lighten-4:focus, a.text-sm-lime-lighten-4:link, a.text-sm-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-sm-lime-lighten-3 { color: #E6EE9C !important; } a.text-sm-lime-lighten-3:hover, a.text-sm-lime-lighten-3:focus, a.text-sm-lime-lighten-3:link, a.text-sm-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-sm-lime-lighten-2 { color: #DCE775 !important; } a.text-sm-lime-lighten-2:hover, a.text-sm-lime-lighten-2:focus, a.text-sm-lime-lighten-2:link, a.text-sm-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-sm-lime-lighten-1 { color: #D4E157 !important; } a.text-sm-lime-lighten-1:hover, a.text-sm-lime-lighten-1:focus, a.text-sm-lime-lighten-1:link, a.text-sm-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-sm-lime-darken-1 { color: #C0CA33 !important; } a.text-sm-lime-darken-1:hover, a.text-sm-lime-darken-1:focus, a.text-sm-lime-darken-1:link, a.text-sm-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-sm-lime-darken-2 { color: #AFB42B !important; } a.text-sm-lime-darken-2:hover, a.text-sm-lime-darken-2:focus, a.text-sm-lime-darken-2:link, a.text-sm-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-sm-lime-darken-3 { color: #9E9D24 !important; } a.text-sm-lime-darken-3:hover, a.text-sm-lime-darken-3:focus, a.text-sm-lime-darken-3:link, a.text-sm-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-sm-lime-darken-4 { color: #827717 !important; } a.text-sm-lime-darken-4:hover, a.text-sm-lime-darken-4:focus, a.text-sm-lime-darken-4:link, a.text-sm-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-sm-lime-accent-1 { color: #F4FF81 !important; } a.text-sm-lime-accent-1:hover, a.text-sm-lime-accent-1:focus, a.text-sm-lime-accent-1:link, a.text-sm-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-sm-lime-accent-2 { color: #EEFF41 !important; } a.text-sm-lime-accent-2:hover, a.text-sm-lime-accent-2:focus, a.text-sm-lime-accent-2:link, a.text-sm-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-sm-lime-accent-3 { color: #C6FF00 !important; } a.text-sm-lime-accent-3:hover, a.text-sm-lime-accent-3:focus, a.text-sm-lime-accent-3:link, a.text-sm-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-sm-lime-accent-4 { color: #AEEA00 !important; } a.text-sm-lime-accent-4:hover, a.text-sm-lime-accent-4:focus, a.text-sm-lime-accent-4:link, a.text-sm-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-sm-yellow { color: #FFEB3B !important; } a.text-sm-yellow:hover, a.text-sm-yellow:focus, a.text-sm-yellow:link, a.text-sm-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-sm-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-sm-yellow-lighten-5:hover, a.text-sm-yellow-lighten-5:focus, a.text-sm-yellow-lighten-5:link, a.text-sm-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-sm-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-sm-yellow-lighten-4:hover, a.text-sm-yellow-lighten-4:focus, a.text-sm-yellow-lighten-4:link, a.text-sm-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-sm-yellow-lighten-3 { color: #FFF59D !important; } a.text-sm-yellow-lighten-3:hover, a.text-sm-yellow-lighten-3:focus, a.text-sm-yellow-lighten-3:link, a.text-sm-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-sm-yellow-lighten-2 { color: #FFF176 !important; } a.text-sm-yellow-lighten-2:hover, a.text-sm-yellow-lighten-2:focus, a.text-sm-yellow-lighten-2:link, a.text-sm-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-sm-yellow-lighten-1 { color: #FFEE58 !important; } a.text-sm-yellow-lighten-1:hover, a.text-sm-yellow-lighten-1:focus, a.text-sm-yellow-lighten-1:link, a.text-sm-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-sm-yellow-darken-1 { color: #FDD835 !important; } a.text-sm-yellow-darken-1:hover, a.text-sm-yellow-darken-1:focus, a.text-sm-yellow-darken-1:link, a.text-sm-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-sm-yellow-darken-2 { color: #FBC02D !important; } a.text-sm-yellow-darken-2:hover, a.text-sm-yellow-darken-2:focus, a.text-sm-yellow-darken-2:link, a.text-sm-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-sm-yellow-darken-3 { color: #F9A825 !important; } a.text-sm-yellow-darken-3:hover, a.text-sm-yellow-darken-3:focus, a.text-sm-yellow-darken-3:link, a.text-sm-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-sm-yellow-darken-4 { color: #F57F17 !important; } a.text-sm-yellow-darken-4:hover, a.text-sm-yellow-darken-4:focus, a.text-sm-yellow-darken-4:link, a.text-sm-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-sm-yellow-accent-1 { color: #FFFF8D !important; } a.text-sm-yellow-accent-1:hover, a.text-sm-yellow-accent-1:focus, a.text-sm-yellow-accent-1:link, a.text-sm-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-sm-yellow-accent-2 { color: #FFFF00 !important; } a.text-sm-yellow-accent-2:hover, a.text-sm-yellow-accent-2:focus, a.text-sm-yellow-accent-2:link, a.text-sm-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-sm-yellow-accent-3 { color: #FFEA00 !important; } a.text-sm-yellow-accent-3:hover, a.text-sm-yellow-accent-3:focus, a.text-sm-yellow-accent-3:link, a.text-sm-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-sm-yellow-accent-4 { color: #FFD600 !important; } a.text-sm-yellow-accent-4:hover, a.text-sm-yellow-accent-4:focus, a.text-sm-yellow-accent-4:link, a.text-sm-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-sm-amber { color: #FFC107 !important; } a.text-sm-amber:hover, a.text-sm-amber:focus, a.text-sm-amber:link, a.text-sm-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-sm-amber-lighten-5 { color: #FFF8E1 !important; } a.text-sm-amber-lighten-5:hover, a.text-sm-amber-lighten-5:focus, a.text-sm-amber-lighten-5:link, a.text-sm-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-sm-amber-lighten-4 { color: #FFECB3 !important; } a.text-sm-amber-lighten-4:hover, a.text-sm-amber-lighten-4:focus, a.text-sm-amber-lighten-4:link, a.text-sm-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-sm-amber-lighten-3 { color: #FFE082 !important; } a.text-sm-amber-lighten-3:hover, a.text-sm-amber-lighten-3:focus, a.text-sm-amber-lighten-3:link, a.text-sm-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-sm-amber-lighten-2 { color: #FFD54F !important; } a.text-sm-amber-lighten-2:hover, a.text-sm-amber-lighten-2:focus, a.text-sm-amber-lighten-2:link, a.text-sm-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-sm-amber-lighten-1 { color: #FFCA28 !important; } a.text-sm-amber-lighten-1:hover, a.text-sm-amber-lighten-1:focus, a.text-sm-amber-lighten-1:link, a.text-sm-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-sm-amber-darken-1 { color: #FFB300 !important; } a.text-sm-amber-darken-1:hover, a.text-sm-amber-darken-1:focus, a.text-sm-amber-darken-1:link, a.text-sm-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-sm-amber-darken-2 { color: #FFA000 !important; } a.text-sm-amber-darken-2:hover, a.text-sm-amber-darken-2:focus, a.text-sm-amber-darken-2:link, a.text-sm-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-sm-amber-darken-3 { color: #FF8F00 !important; } a.text-sm-amber-darken-3:hover, a.text-sm-amber-darken-3:focus, a.text-sm-amber-darken-3:link, a.text-sm-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-sm-amber-darken-4 { color: #FF6F00 !important; } a.text-sm-amber-darken-4:hover, a.text-sm-amber-darken-4:focus, a.text-sm-amber-darken-4:link, a.text-sm-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-sm-amber-accent-1 { color: #FFE57F !important; } a.text-sm-amber-accent-1:hover, a.text-sm-amber-accent-1:focus, a.text-sm-amber-accent-1:link, a.text-sm-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-sm-amber-accent-2 { color: #FFD740 !important; } a.text-sm-amber-accent-2:hover, a.text-sm-amber-accent-2:focus, a.text-sm-amber-accent-2:link, a.text-sm-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-sm-amber-accent-3 { color: #FFC400 !important; } a.text-sm-amber-accent-3:hover, a.text-sm-amber-accent-3:focus, a.text-sm-amber-accent-3:link, a.text-sm-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-sm-amber-accent-4 { color: #FFAB00 !important; } a.text-sm-amber-accent-4:hover, a.text-sm-amber-accent-4:focus, a.text-sm-amber-accent-4:link, a.text-sm-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-sm-orange { color: #FF9800 !important; } a.text-sm-orange:hover, a.text-sm-orange:focus, a.text-sm-orange:link, a.text-sm-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-sm-orange-lighten-5 { color: #FFF3E0 !important; } a.text-sm-orange-lighten-5:hover, a.text-sm-orange-lighten-5:focus, a.text-sm-orange-lighten-5:link, a.text-sm-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-sm-orange-lighten-4 { color: #FFE0B2 !important; } a.text-sm-orange-lighten-4:hover, a.text-sm-orange-lighten-4:focus, a.text-sm-orange-lighten-4:link, a.text-sm-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-sm-orange-lighten-3 { color: #FFCC80 !important; } a.text-sm-orange-lighten-3:hover, a.text-sm-orange-lighten-3:focus, a.text-sm-orange-lighten-3:link, a.text-sm-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-sm-orange-lighten-2 { color: #FFB74D !important; } a.text-sm-orange-lighten-2:hover, a.text-sm-orange-lighten-2:focus, a.text-sm-orange-lighten-2:link, a.text-sm-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-sm-orange-lighten-1 { color: #FFA726 !important; } a.text-sm-orange-lighten-1:hover, a.text-sm-orange-lighten-1:focus, a.text-sm-orange-lighten-1:link, a.text-sm-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-sm-orange-darken-1 { color: #FB8C00 !important; } a.text-sm-orange-darken-1:hover, a.text-sm-orange-darken-1:focus, a.text-sm-orange-darken-1:link, a.text-sm-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-sm-orange-darken-2 { color: #F57C00 !important; } a.text-sm-orange-darken-2:hover, a.text-sm-orange-darken-2:focus, a.text-sm-orange-darken-2:link, a.text-sm-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-sm-orange-darken-3 { color: #EF6C00 !important; } a.text-sm-orange-darken-3:hover, a.text-sm-orange-darken-3:focus, a.text-sm-orange-darken-3:link, a.text-sm-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-sm-orange-darken-4 { color: #E65100 !important; } a.text-sm-orange-darken-4:hover, a.text-sm-orange-darken-4:focus, a.text-sm-orange-darken-4:link, a.text-sm-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-sm-orange-accent-1 { color: #FFD180 !important; } a.text-sm-orange-accent-1:hover, a.text-sm-orange-accent-1:focus, a.text-sm-orange-accent-1:link, a.text-sm-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-sm-orange-accent-2 { color: #FFAB40 !important; } a.text-sm-orange-accent-2:hover, a.text-sm-orange-accent-2:focus, a.text-sm-orange-accent-2:link, a.text-sm-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-sm-orange-accent-3 { color: #FF9100 !important; } a.text-sm-orange-accent-3:hover, a.text-sm-orange-accent-3:focus, a.text-sm-orange-accent-3:link, a.text-sm-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-sm-orange-accent-4 { color: #FF6D00 !important; } a.text-sm-orange-accent-4:hover, a.text-sm-orange-accent-4:focus, a.text-sm-orange-accent-4:link, a.text-sm-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-sm-deep-orange { color: #FF5722 !important; } a.text-sm-deep-orange:hover, a.text-sm-deep-orange:focus, a.text-sm-deep-orange:link, a.text-sm-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-sm-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-sm-deep-orange-lighten-5:hover, a.text-sm-deep-orange-lighten-5:focus, a.text-sm-deep-orange-lighten-5:link, a.text-sm-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-sm-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-sm-deep-orange-lighten-4:hover, a.text-sm-deep-orange-lighten-4:focus, a.text-sm-deep-orange-lighten-4:link, a.text-sm-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-sm-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-sm-deep-orange-lighten-3:hover, a.text-sm-deep-orange-lighten-3:focus, a.text-sm-deep-orange-lighten-3:link, a.text-sm-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-sm-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-sm-deep-orange-lighten-2:hover, a.text-sm-deep-orange-lighten-2:focus, a.text-sm-deep-orange-lighten-2:link, a.text-sm-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-sm-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-sm-deep-orange-lighten-1:hover, a.text-sm-deep-orange-lighten-1:focus, a.text-sm-deep-orange-lighten-1:link, a.text-sm-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-sm-deep-orange-darken-1 { color: #F4511E !important; } a.text-sm-deep-orange-darken-1:hover, a.text-sm-deep-orange-darken-1:focus, a.text-sm-deep-orange-darken-1:link, a.text-sm-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-sm-deep-orange-darken-2 { color: #E64A19 !important; } a.text-sm-deep-orange-darken-2:hover, a.text-sm-deep-orange-darken-2:focus, a.text-sm-deep-orange-darken-2:link, a.text-sm-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-sm-deep-orange-darken-3 { color: #D84315 !important; } a.text-sm-deep-orange-darken-3:hover, a.text-sm-deep-orange-darken-3:focus, a.text-sm-deep-orange-darken-3:link, a.text-sm-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-sm-deep-orange-darken-4 { color: #BF360C !important; } a.text-sm-deep-orange-darken-4:hover, a.text-sm-deep-orange-darken-4:focus, a.text-sm-deep-orange-darken-4:link, a.text-sm-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-sm-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-sm-deep-orange-accent-1:hover, a.text-sm-deep-orange-accent-1:focus, a.text-sm-deep-orange-accent-1:link, a.text-sm-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-sm-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-sm-deep-orange-accent-2:hover, a.text-sm-deep-orange-accent-2:focus, a.text-sm-deep-orange-accent-2:link, a.text-sm-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-sm-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-sm-deep-orange-accent-3:hover, a.text-sm-deep-orange-accent-3:focus, a.text-sm-deep-orange-accent-3:link, a.text-sm-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-sm-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-sm-deep-orange-accent-4:hover, a.text-sm-deep-orange-accent-4:focus, a.text-sm-deep-orange-accent-4:link, a.text-sm-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-sm-brown { color: #795548 !important; } a.text-sm-brown:hover, a.text-sm-brown:focus, a.text-sm-brown:link, a.text-sm-brown:active { color: #795548 !important; text-decoration: none !important; } .text-sm-brown-lighten-5 { color: #EFEBE9 !important; } a.text-sm-brown-lighten-5:hover, a.text-sm-brown-lighten-5:focus, a.text-sm-brown-lighten-5:link, a.text-sm-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-sm-brown-lighten-4 { color: #D7CCC8 !important; } a.text-sm-brown-lighten-4:hover, a.text-sm-brown-lighten-4:focus, a.text-sm-brown-lighten-4:link, a.text-sm-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-sm-brown-lighten-3 { color: #BCAAA4 !important; } a.text-sm-brown-lighten-3:hover, a.text-sm-brown-lighten-3:focus, a.text-sm-brown-lighten-3:link, a.text-sm-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-sm-brown-lighten-2 { color: #A1887F !important; } a.text-sm-brown-lighten-2:hover, a.text-sm-brown-lighten-2:focus, a.text-sm-brown-lighten-2:link, a.text-sm-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-sm-brown-lighten-1 { color: #8D6E63 !important; } a.text-sm-brown-lighten-1:hover, a.text-sm-brown-lighten-1:focus, a.text-sm-brown-lighten-1:link, a.text-sm-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-sm-brown-darken-1 { color: #6D4C41 !important; } a.text-sm-brown-darken-1:hover, a.text-sm-brown-darken-1:focus, a.text-sm-brown-darken-1:link, a.text-sm-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-sm-brown-darken-2 { color: #5D4037 !important; } a.text-sm-brown-darken-2:hover, a.text-sm-brown-darken-2:focus, a.text-sm-brown-darken-2:link, a.text-sm-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-sm-brown-darken-3 { color: #4E342E !important; } a.text-sm-brown-darken-3:hover, a.text-sm-brown-darken-3:focus, a.text-sm-brown-darken-3:link, a.text-sm-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-sm-brown-darken-4 { color: #3E2723 !important; } a.text-sm-brown-darken-4:hover, a.text-sm-brown-darken-4:focus, a.text-sm-brown-darken-4:link, a.text-sm-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } @media screen and (min-width: 768px) { .text-md-body { color: #464646 !important; } a.text-md-body:hover, a.text-md-body:focus, a.text-md-body:link, a.text-md-body:active { color: #464646 !important; text-decoration: none !important; } .text-md-theme { color: #4682b4 !important; } a.text-md-theme:hover, a.text-md-theme:focus, a.text-md-theme:link, a.text-md-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-md-theme-lighten-5 { color: #E8EFF6 !important; } a.text-md-theme-lighten-5:hover, a.text-md-theme-lighten-5:focus, a.text-md-theme-lighten-5:link, a.text-md-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-md-theme-lighten-4 { color: #D1E0EC !important; } a.text-md-theme-lighten-4:hover, a.text-md-theme-lighten-4:focus, a.text-md-theme-lighten-4:link, a.text-md-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-md-theme-lighten-3 { color: #BAD0E3 !important; } a.text-md-theme-lighten-3:hover, a.text-md-theme-lighten-3:focus, a.text-md-theme-lighten-3:link, a.text-md-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-md-theme-lighten-2 { color: #A3C1DA !important; } a.text-md-theme-lighten-2:hover, a.text-md-theme-lighten-2:focus, a.text-md-theme-lighten-2:link, a.text-md-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-md-theme-lighten-1 { color: #74A1C7 !important; } a.text-md-theme-lighten-1:hover, a.text-md-theme-lighten-1:focus, a.text-md-theme-lighten-1:link, a.text-md-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-md-theme-darken-1 { color: #3D729E !important; } a.text-md-theme-darken-1:hover, a.text-md-theme-darken-1:focus, a.text-md-theme-darken-1:link, a.text-md-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-md-theme-darken-2 { color: #356287 !important; } a.text-md-theme-darken-2:hover, a.text-md-theme-darken-2:focus, a.text-md-theme-darken-2:link, a.text-md-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-md-theme-darken-3 { color: #2C5171 !important; } a.text-md-theme-darken-3:hover, a.text-md-theme-darken-3:focus, a.text-md-theme-darken-3:link, a.text-md-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-md-theme-darken-4 { color: #23415A !important; } a.text-md-theme-darken-4:hover, a.text-md-theme-darken-4:focus, a.text-md-theme-darken-4:link, a.text-md-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-md-theme-accent-1 { color: #7ba7cc !important; } a.text-md-theme-accent-1:hover, a.text-md-theme-accent-1:focus, a.text-md-theme-accent-1:link, a.text-md-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-md-theme-accent-2 { color: #568ebd !important; } a.text-md-theme-accent-2:hover, a.text-md-theme-accent-2:focus, a.text-md-theme-accent-2:link, a.text-md-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-md-theme-accent-3 { color: #3f75a2 !important; } a.text-md-theme-accent-3:hover, a.text-md-theme-accent-3:focus, a.text-md-theme-accent-3:link, a.text-md-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-md-theme-accent-4 { color: #315a7d !important; } a.text-md-theme-accent-4:hover, a.text-md-theme-accent-4:focus, a.text-md-theme-accent-4:link, a.text-md-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-md-primary { color: #2196f3 !important; } a.text-md-primary:hover, a.text-md-primary:focus, a.text-md-primary:link, a.text-md-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-md-secondary { color: #6c757d !important; } a.text-md-secondary:hover, a.text-md-secondary:focus, a.text-md-secondary:link, a.text-md-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-md-success { color: #20ad20 !important; } a.text-md-success:hover, a.text-md-success:focus, a.text-md-success:link, a.text-md-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-md-info { color: #4dd0e1 !important; } a.text-md-info:hover, a.text-md-info:focus, a.text-md-info:link, a.text-md-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-md-warning { color: #f9cf48 !important; } a.text-md-warning:hover, a.text-md-warning:focus, a.text-md-warning:link, a.text-md-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-md-danger { color: #f23629 !important; } a.text-md-danger:hover, a.text-md-danger:focus, a.text-md-danger:link, a.text-md-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-md-alert { color: #f57b1d !important; } a.text-md-alert:hover, a.text-md-alert:focus, a.text-md-alert:link, a.text-md-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-md-theme { color: #356287 !important; } a.text-md-theme:hover, a.text-md-theme:focus, a.text-md-theme:link, a.text-md-theme:active { color: #356287 !important; text-decoration: none !important; } .text-md-white { color: #ffffff !important; } a.text-md-white:hover, a.text-md-white:focus, a.text-md-white:link, a.text-md-white:active { color: #ffffff !important; text-decoration: none !important; } .text-md-purple { color: #6A1B9A !important; } a.text-md-purple:hover, a.text-md-purple:focus, a.text-md-purple:link, a.text-md-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-md-primary-lighten { color: #e0f1ff !important; } a.text-md-primary-lighten:hover, a.text-md-primary-lighten:focus, a.text-md-primary-lighten:link, a.text-md-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-md-secondary-lighten { color: #e1e1e1 !important; } a.text-md-secondary-lighten:hover, a.text-md-secondary-lighten:focus, a.text-md-secondary-lighten:link, a.text-md-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-md-success-lighten { color: #e8fac7 !important; } a.text-md-success-lighten:hover, a.text-md-success-lighten:focus, a.text-md-success-lighten:link, a.text-md-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-md-info-lighten { color: #d2f9ff !important; } a.text-md-info-lighten:hover, a.text-md-info-lighten:focus, a.text-md-info-lighten:link, a.text-md-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-md-warning-lighten { color: #fef6d9 !important; } a.text-md-warning-lighten:hover, a.text-md-warning-lighten:focus, a.text-md-warning-lighten:link, a.text-md-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-md-danger-lighten { color: #ffd4d1 !important; } a.text-md-danger-lighten:hover, a.text-md-danger-lighten:focus, a.text-md-danger-lighten:link, a.text-md-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-md-alert-lighten { color: #fad6ba !important; } a.text-md-alert-lighten:hover, a.text-md-alert-lighten:focus, a.text-md-alert-lighten:link, a.text-md-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-md-purple-lighten { color: #f5ebfc !important; } a.text-md-purple-lighten:hover, a.text-md-purple-lighten:focus, a.text-md-purple-lighten:link, a.text-md-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-md-theme-lighten { color: #D1E0EC !important; } a.text-md-theme-lighten:hover, a.text-md-theme-lighten:focus, a.text-md-theme-lighten:link, a.text-md-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-md-app-line { color: #00B500 !important; } a.text-md-app-line:hover, a.text-md-app-line:focus, a.text-md-app-line:link, a.text-md-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-md-app-youtube { color: #cd201f !important; } a.text-md-app-youtube:hover, a.text-md-app-youtube:focus, a.text-md-app-youtube:link, a.text-md-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-md-app-twitter { color: #55acee !important; } a.text-md-app-twitter:hover, a.text-md-app-twitter:focus, a.text-md-app-twitter:link, a.text-md-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-md-app-facebook { color: #4267B2 !important; } a.text-md-app-facebook:hover, a.text-md-app-facebook:focus, a.text-md-app-facebook:link, a.text-md-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-md-app-instagram { color: #3f729b !important; } a.text-md-app-instagram:hover, a.text-md-app-instagram:focus, a.text-md-app-instagram:link, a.text-md-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-md-app-google-plus { color: #dc4e41 !important; } a.text-md-app-google-plus:hover, a.text-md-app-google-plus:focus, a.text-md-app-google-plus:link, a.text-md-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-md-white { color: #ffffff !important; } a.text-md-white:hover, a.text-md-white:focus, a.text-md-white:link, a.text-md-white:active { color: #ffffff !important; text-decoration: none !important; } .text-md-black { color: #000000 !important; } a.text-md-black:hover, a.text-md-black:focus, a.text-md-black:link, a.text-md-black:active { color: #000000 !important; text-decoration: none !important; } .text-md-grey { color: #9E9E9E !important; } a.text-md-grey:hover, a.text-md-grey:focus, a.text-md-grey:link, a.text-md-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-md-grey-lighten-5 { color: #FAFAFA !important; } a.text-md-grey-lighten-5:hover, a.text-md-grey-lighten-5:focus, a.text-md-grey-lighten-5:link, a.text-md-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-md-grey-lighten-4 { color: #F5F5F5 !important; } a.text-md-grey-lighten-4:hover, a.text-md-grey-lighten-4:focus, a.text-md-grey-lighten-4:link, a.text-md-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-md-grey-lighten-3 { color: #EEEEEE !important; } a.text-md-grey-lighten-3:hover, a.text-md-grey-lighten-3:focus, a.text-md-grey-lighten-3:link, a.text-md-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-md-grey-lighten-2 { color: #E0E0E0 !important; } a.text-md-grey-lighten-2:hover, a.text-md-grey-lighten-2:focus, a.text-md-grey-lighten-2:link, a.text-md-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-md-grey-lighten-1 { color: #BDBDBD !important; } a.text-md-grey-lighten-1:hover, a.text-md-grey-lighten-1:focus, a.text-md-grey-lighten-1:link, a.text-md-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-md-grey-darken-1 { color: #757575 !important; } a.text-md-grey-darken-1:hover, a.text-md-grey-darken-1:focus, a.text-md-grey-darken-1:link, a.text-md-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-md-grey-darken-2 { color: #616161 !important; } a.text-md-grey-darken-2:hover, a.text-md-grey-darken-2:focus, a.text-md-grey-darken-2:link, a.text-md-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-md-grey-darken-3 { color: #424242 !important; } a.text-md-grey-darken-3:hover, a.text-md-grey-darken-3:focus, a.text-md-grey-darken-3:link, a.text-md-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-md-grey-darken-4 { color: #212121 !important; } a.text-md-grey-darken-4:hover, a.text-md-grey-darken-4:focus, a.text-md-grey-darken-4:link, a.text-md-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-md-blue-grey { color: #607D8B !important; } a.text-md-blue-grey:hover, a.text-md-blue-grey:focus, a.text-md-blue-grey:link, a.text-md-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-md-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-md-blue-grey-lighten-5:hover, a.text-md-blue-grey-lighten-5:focus, a.text-md-blue-grey-lighten-5:link, a.text-md-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-md-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-md-blue-grey-lighten-4:hover, a.text-md-blue-grey-lighten-4:focus, a.text-md-blue-grey-lighten-4:link, a.text-md-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-md-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-md-blue-grey-lighten-3:hover, a.text-md-blue-grey-lighten-3:focus, a.text-md-blue-grey-lighten-3:link, a.text-md-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-md-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-md-blue-grey-lighten-2:hover, a.text-md-blue-grey-lighten-2:focus, a.text-md-blue-grey-lighten-2:link, a.text-md-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-md-blue-grey-lighten-1 { color: #78909C !important; } a.text-md-blue-grey-lighten-1:hover, a.text-md-blue-grey-lighten-1:focus, a.text-md-blue-grey-lighten-1:link, a.text-md-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-md-blue-grey-darken-1 { color: #546E7A !important; } a.text-md-blue-grey-darken-1:hover, a.text-md-blue-grey-darken-1:focus, a.text-md-blue-grey-darken-1:link, a.text-md-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-md-blue-grey-darken-2 { color: #455A64 !important; } a.text-md-blue-grey-darken-2:hover, a.text-md-blue-grey-darken-2:focus, a.text-md-blue-grey-darken-2:link, a.text-md-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-md-blue-grey-darken-3 { color: #37474F !important; } a.text-md-blue-grey-darken-3:hover, a.text-md-blue-grey-darken-3:focus, a.text-md-blue-grey-darken-3:link, a.text-md-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-md-blue-grey-darken-4 { color: #263238 !important; } a.text-md-blue-grey-darken-4:hover, a.text-md-blue-grey-darken-4:focus, a.text-md-blue-grey-darken-4:link, a.text-md-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-md-red { color: #F44336 !important; } a.text-md-red:hover, a.text-md-red:focus, a.text-md-red:link, a.text-md-red:active { color: #F44336 !important; text-decoration: none !important; } .text-md-red-lighten-5 { color: #FFEBEE !important; } a.text-md-red-lighten-5:hover, a.text-md-red-lighten-5:focus, a.text-md-red-lighten-5:link, a.text-md-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-md-red-lighten-4 { color: #FFCDD2 !important; } a.text-md-red-lighten-4:hover, a.text-md-red-lighten-4:focus, a.text-md-red-lighten-4:link, a.text-md-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-md-red-lighten-3 { color: #EF9A9A !important; } a.text-md-red-lighten-3:hover, a.text-md-red-lighten-3:focus, a.text-md-red-lighten-3:link, a.text-md-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-md-red-lighten-2 { color: #E57373 !important; } a.text-md-red-lighten-2:hover, a.text-md-red-lighten-2:focus, a.text-md-red-lighten-2:link, a.text-md-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-md-red-lighten-1 { color: #EF5350 !important; } a.text-md-red-lighten-1:hover, a.text-md-red-lighten-1:focus, a.text-md-red-lighten-1:link, a.text-md-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-md-red-darken-1 { color: #E53935 !important; } a.text-md-red-darken-1:hover, a.text-md-red-darken-1:focus, a.text-md-red-darken-1:link, a.text-md-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-md-red-darken-2 { color: #D32F2F !important; } a.text-md-red-darken-2:hover, a.text-md-red-darken-2:focus, a.text-md-red-darken-2:link, a.text-md-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-md-red-darken-3 { color: #C62828 !important; } a.text-md-red-darken-3:hover, a.text-md-red-darken-3:focus, a.text-md-red-darken-3:link, a.text-md-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-md-red-darken-4 { color: #B71C1C !important; } a.text-md-red-darken-4:hover, a.text-md-red-darken-4:focus, a.text-md-red-darken-4:link, a.text-md-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-md-red-accent-1 { color: #FF8A80 !important; } a.text-md-red-accent-1:hover, a.text-md-red-accent-1:focus, a.text-md-red-accent-1:link, a.text-md-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-md-red-accent-2 { color: #FF5252 !important; } a.text-md-red-accent-2:hover, a.text-md-red-accent-2:focus, a.text-md-red-accent-2:link, a.text-md-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-md-red-accent-3 { color: #FF1744 !important; } a.text-md-red-accent-3:hover, a.text-md-red-accent-3:focus, a.text-md-red-accent-3:link, a.text-md-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-md-red-accent-4 { color: #D50000 !important; } a.text-md-red-accent-4:hover, a.text-md-red-accent-4:focus, a.text-md-red-accent-4:link, a.text-md-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-md-pink { color: #E91E63 !important; } a.text-md-pink:hover, a.text-md-pink:focus, a.text-md-pink:link, a.text-md-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-md-pink-lighten-5 { color: #FCE4EC !important; } a.text-md-pink-lighten-5:hover, a.text-md-pink-lighten-5:focus, a.text-md-pink-lighten-5:link, a.text-md-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-md-pink-lighten-4 { color: #F8BBD0 !important; } a.text-md-pink-lighten-4:hover, a.text-md-pink-lighten-4:focus, a.text-md-pink-lighten-4:link, a.text-md-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-md-pink-lighten-3 { color: #F48FB1 !important; } a.text-md-pink-lighten-3:hover, a.text-md-pink-lighten-3:focus, a.text-md-pink-lighten-3:link, a.text-md-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-md-pink-lighten-2 { color: #F06292 !important; } a.text-md-pink-lighten-2:hover, a.text-md-pink-lighten-2:focus, a.text-md-pink-lighten-2:link, a.text-md-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-md-pink-lighten-1 { color: #EC407A !important; } a.text-md-pink-lighten-1:hover, a.text-md-pink-lighten-1:focus, a.text-md-pink-lighten-1:link, a.text-md-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-md-pink-darken-1 { color: #D81B60 !important; } a.text-md-pink-darken-1:hover, a.text-md-pink-darken-1:focus, a.text-md-pink-darken-1:link, a.text-md-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-md-pink-darken-2 { color: #C2185B !important; } a.text-md-pink-darken-2:hover, a.text-md-pink-darken-2:focus, a.text-md-pink-darken-2:link, a.text-md-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-md-pink-darken-3 { color: #AD1457 !important; } a.text-md-pink-darken-3:hover, a.text-md-pink-darken-3:focus, a.text-md-pink-darken-3:link, a.text-md-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-md-pink-darken-4 { color: #880E4F !important; } a.text-md-pink-darken-4:hover, a.text-md-pink-darken-4:focus, a.text-md-pink-darken-4:link, a.text-md-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-md-pink-accent-1 { color: #FF80AB !important; } a.text-md-pink-accent-1:hover, a.text-md-pink-accent-1:focus, a.text-md-pink-accent-1:link, a.text-md-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-md-pink-accent-2 { color: #FF4081 !important; } a.text-md-pink-accent-2:hover, a.text-md-pink-accent-2:focus, a.text-md-pink-accent-2:link, a.text-md-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-md-pink-accent-3 { color: #F50057 !important; } a.text-md-pink-accent-3:hover, a.text-md-pink-accent-3:focus, a.text-md-pink-accent-3:link, a.text-md-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-md-pink-accent-4 { color: #C51162 !important; } a.text-md-pink-accent-4:hover, a.text-md-pink-accent-4:focus, a.text-md-pink-accent-4:link, a.text-md-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-md-purple { color: #9C27B0 !important; } a.text-md-purple:hover, a.text-md-purple:focus, a.text-md-purple:link, a.text-md-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-md-purple-lighten-5 { color: #F3E5F5 !important; } a.text-md-purple-lighten-5:hover, a.text-md-purple-lighten-5:focus, a.text-md-purple-lighten-5:link, a.text-md-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-md-purple-lighten-4 { color: #E1BEE7 !important; } a.text-md-purple-lighten-4:hover, a.text-md-purple-lighten-4:focus, a.text-md-purple-lighten-4:link, a.text-md-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-md-purple-lighten-3 { color: #CE93D8 !important; } a.text-md-purple-lighten-3:hover, a.text-md-purple-lighten-3:focus, a.text-md-purple-lighten-3:link, a.text-md-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-md-purple-lighten-2 { color: #BA68C8 !important; } a.text-md-purple-lighten-2:hover, a.text-md-purple-lighten-2:focus, a.text-md-purple-lighten-2:link, a.text-md-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-md-purple-lighten-1 { color: #AB47BC !important; } a.text-md-purple-lighten-1:hover, a.text-md-purple-lighten-1:focus, a.text-md-purple-lighten-1:link, a.text-md-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-md-purple-darken-1 { color: #8E24AA !important; } a.text-md-purple-darken-1:hover, a.text-md-purple-darken-1:focus, a.text-md-purple-darken-1:link, a.text-md-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-md-purple-darken-2 { color: #7B1FA2 !important; } a.text-md-purple-darken-2:hover, a.text-md-purple-darken-2:focus, a.text-md-purple-darken-2:link, a.text-md-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-md-purple-darken-3 { color: #6A1B9A !important; } a.text-md-purple-darken-3:hover, a.text-md-purple-darken-3:focus, a.text-md-purple-darken-3:link, a.text-md-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-md-purple-darken-4 { color: #4A148C !important; } a.text-md-purple-darken-4:hover, a.text-md-purple-darken-4:focus, a.text-md-purple-darken-4:link, a.text-md-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-md-purple-accent-1 { color: #EA80FC !important; } a.text-md-purple-accent-1:hover, a.text-md-purple-accent-1:focus, a.text-md-purple-accent-1:link, a.text-md-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-md-purple-accent-2 { color: #E040FB !important; } a.text-md-purple-accent-2:hover, a.text-md-purple-accent-2:focus, a.text-md-purple-accent-2:link, a.text-md-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-md-purple-accent-3 { color: #D500F9 !important; } a.text-md-purple-accent-3:hover, a.text-md-purple-accent-3:focus, a.text-md-purple-accent-3:link, a.text-md-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-md-purple-accent-4 { color: #AA00FF !important; } a.text-md-purple-accent-4:hover, a.text-md-purple-accent-4:focus, a.text-md-purple-accent-4:link, a.text-md-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-md-deep-purple { color: #673AB7 !important; } a.text-md-deep-purple:hover, a.text-md-deep-purple:focus, a.text-md-deep-purple:link, a.text-md-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-md-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-md-deep-purple-lighten-5:hover, a.text-md-deep-purple-lighten-5:focus, a.text-md-deep-purple-lighten-5:link, a.text-md-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-md-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-md-deep-purple-lighten-4:hover, a.text-md-deep-purple-lighten-4:focus, a.text-md-deep-purple-lighten-4:link, a.text-md-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-md-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-md-deep-purple-lighten-3:hover, a.text-md-deep-purple-lighten-3:focus, a.text-md-deep-purple-lighten-3:link, a.text-md-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-md-deep-purple-lighten-2 { color: #9575CD !important; } a.text-md-deep-purple-lighten-2:hover, a.text-md-deep-purple-lighten-2:focus, a.text-md-deep-purple-lighten-2:link, a.text-md-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-md-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-md-deep-purple-lighten-1:hover, a.text-md-deep-purple-lighten-1:focus, a.text-md-deep-purple-lighten-1:link, a.text-md-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-md-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-md-deep-purple-darken-1:hover, a.text-md-deep-purple-darken-1:focus, a.text-md-deep-purple-darken-1:link, a.text-md-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-md-deep-purple-darken-2 { color: #512DA8 !important; } a.text-md-deep-purple-darken-2:hover, a.text-md-deep-purple-darken-2:focus, a.text-md-deep-purple-darken-2:link, a.text-md-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-md-deep-purple-darken-3 { color: #4527A0 !important; } a.text-md-deep-purple-darken-3:hover, a.text-md-deep-purple-darken-3:focus, a.text-md-deep-purple-darken-3:link, a.text-md-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-md-deep-purple-darken-4 { color: #311B92 !important; } a.text-md-deep-purple-darken-4:hover, a.text-md-deep-purple-darken-4:focus, a.text-md-deep-purple-darken-4:link, a.text-md-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-md-deep-purple-accent-1 { color: #B388FF !important; } a.text-md-deep-purple-accent-1:hover, a.text-md-deep-purple-accent-1:focus, a.text-md-deep-purple-accent-1:link, a.text-md-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-md-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-md-deep-purple-accent-2:hover, a.text-md-deep-purple-accent-2:focus, a.text-md-deep-purple-accent-2:link, a.text-md-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-md-deep-purple-accent-3 { color: #651FFF !important; } a.text-md-deep-purple-accent-3:hover, a.text-md-deep-purple-accent-3:focus, a.text-md-deep-purple-accent-3:link, a.text-md-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-md-deep-purple-accent-4 { color: #6200EA !important; } a.text-md-deep-purple-accent-4:hover, a.text-md-deep-purple-accent-4:focus, a.text-md-deep-purple-accent-4:link, a.text-md-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-md-indigo { color: #3F51B5 !important; } a.text-md-indigo:hover, a.text-md-indigo:focus, a.text-md-indigo:link, a.text-md-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-md-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-md-indigo-lighten-5:hover, a.text-md-indigo-lighten-5:focus, a.text-md-indigo-lighten-5:link, a.text-md-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-md-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-md-indigo-lighten-4:hover, a.text-md-indigo-lighten-4:focus, a.text-md-indigo-lighten-4:link, a.text-md-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-md-indigo-lighten-3 { color: #9FA8DA !important; } a.text-md-indigo-lighten-3:hover, a.text-md-indigo-lighten-3:focus, a.text-md-indigo-lighten-3:link, a.text-md-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-md-indigo-lighten-2 { color: #7986CB !important; } a.text-md-indigo-lighten-2:hover, a.text-md-indigo-lighten-2:focus, a.text-md-indigo-lighten-2:link, a.text-md-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-md-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-md-indigo-lighten-1:hover, a.text-md-indigo-lighten-1:focus, a.text-md-indigo-lighten-1:link, a.text-md-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-md-indigo-darken-1 { color: #3949AB !important; } a.text-md-indigo-darken-1:hover, a.text-md-indigo-darken-1:focus, a.text-md-indigo-darken-1:link, a.text-md-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-md-indigo-darken-2 { color: #303F9F !important; } a.text-md-indigo-darken-2:hover, a.text-md-indigo-darken-2:focus, a.text-md-indigo-darken-2:link, a.text-md-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-md-indigo-darken-3 { color: #283593 !important; } a.text-md-indigo-darken-3:hover, a.text-md-indigo-darken-3:focus, a.text-md-indigo-darken-3:link, a.text-md-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-md-indigo-darken-4 { color: #1A237E !important; } a.text-md-indigo-darken-4:hover, a.text-md-indigo-darken-4:focus, a.text-md-indigo-darken-4:link, a.text-md-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-md-indigo-accent-1 { color: #8C9EFF !important; } a.text-md-indigo-accent-1:hover, a.text-md-indigo-accent-1:focus, a.text-md-indigo-accent-1:link, a.text-md-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-md-indigo-accent-2 { color: #536DFE !important; } a.text-md-indigo-accent-2:hover, a.text-md-indigo-accent-2:focus, a.text-md-indigo-accent-2:link, a.text-md-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-md-indigo-accent-3 { color: #3D5AFE !important; } a.text-md-indigo-accent-3:hover, a.text-md-indigo-accent-3:focus, a.text-md-indigo-accent-3:link, a.text-md-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-md-indigo-accent-4 { color: #304FFE !important; } a.text-md-indigo-accent-4:hover, a.text-md-indigo-accent-4:focus, a.text-md-indigo-accent-4:link, a.text-md-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-md-blue { color: #2196F3 !important; } a.text-md-blue:hover, a.text-md-blue:focus, a.text-md-blue:link, a.text-md-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-md-blue-lighten-5 { color: #E3F2FD !important; } a.text-md-blue-lighten-5:hover, a.text-md-blue-lighten-5:focus, a.text-md-blue-lighten-5:link, a.text-md-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-md-blue-lighten-4 { color: #BBDEFB !important; } a.text-md-blue-lighten-4:hover, a.text-md-blue-lighten-4:focus, a.text-md-blue-lighten-4:link, a.text-md-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-md-blue-lighten-3 { color: #90CAF9 !important; } a.text-md-blue-lighten-3:hover, a.text-md-blue-lighten-3:focus, a.text-md-blue-lighten-3:link, a.text-md-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-md-blue-lighten-2 { color: #64B5F6 !important; } a.text-md-blue-lighten-2:hover, a.text-md-blue-lighten-2:focus, a.text-md-blue-lighten-2:link, a.text-md-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-md-blue-lighten-1 { color: #42A5F5 !important; } a.text-md-blue-lighten-1:hover, a.text-md-blue-lighten-1:focus, a.text-md-blue-lighten-1:link, a.text-md-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-md-blue-darken-1 { color: #1E88E5 !important; } a.text-md-blue-darken-1:hover, a.text-md-blue-darken-1:focus, a.text-md-blue-darken-1:link, a.text-md-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-md-blue-darken-2 { color: #1976D2 !important; } a.text-md-blue-darken-2:hover, a.text-md-blue-darken-2:focus, a.text-md-blue-darken-2:link, a.text-md-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-md-blue-darken-3 { color: #1565C0 !important; } a.text-md-blue-darken-3:hover, a.text-md-blue-darken-3:focus, a.text-md-blue-darken-3:link, a.text-md-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-md-blue-darken-4 { color: #0D47A1 !important; } a.text-md-blue-darken-4:hover, a.text-md-blue-darken-4:focus, a.text-md-blue-darken-4:link, a.text-md-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-md-blue-accent-1 { color: #82B1FF !important; } a.text-md-blue-accent-1:hover, a.text-md-blue-accent-1:focus, a.text-md-blue-accent-1:link, a.text-md-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-md-blue-accent-2 { color: #448AFF !important; } a.text-md-blue-accent-2:hover, a.text-md-blue-accent-2:focus, a.text-md-blue-accent-2:link, a.text-md-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-md-blue-accent-3 { color: #2979FF !important; } a.text-md-blue-accent-3:hover, a.text-md-blue-accent-3:focus, a.text-md-blue-accent-3:link, a.text-md-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-md-blue-accent-4 { color: #2962FF !important; } a.text-md-blue-accent-4:hover, a.text-md-blue-accent-4:focus, a.text-md-blue-accent-4:link, a.text-md-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-md-light-blue { color: #03A9F4 !important; } a.text-md-light-blue:hover, a.text-md-light-blue:focus, a.text-md-light-blue:link, a.text-md-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-md-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-md-light-blue-lighten-5:hover, a.text-md-light-blue-lighten-5:focus, a.text-md-light-blue-lighten-5:link, a.text-md-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-md-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-md-light-blue-lighten-4:hover, a.text-md-light-blue-lighten-4:focus, a.text-md-light-blue-lighten-4:link, a.text-md-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-md-light-blue-lighten-3 { color: #81D4FA !important; } a.text-md-light-blue-lighten-3:hover, a.text-md-light-blue-lighten-3:focus, a.text-md-light-blue-lighten-3:link, a.text-md-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-md-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-md-light-blue-lighten-2:hover, a.text-md-light-blue-lighten-2:focus, a.text-md-light-blue-lighten-2:link, a.text-md-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-md-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-md-light-blue-lighten-1:hover, a.text-md-light-blue-lighten-1:focus, a.text-md-light-blue-lighten-1:link, a.text-md-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-md-light-blue-darken-1 { color: #039BE5 !important; } a.text-md-light-blue-darken-1:hover, a.text-md-light-blue-darken-1:focus, a.text-md-light-blue-darken-1:link, a.text-md-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-md-light-blue-darken-2 { color: #0288D1 !important; } a.text-md-light-blue-darken-2:hover, a.text-md-light-blue-darken-2:focus, a.text-md-light-blue-darken-2:link, a.text-md-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-md-light-blue-darken-3 { color: #0277BD !important; } a.text-md-light-blue-darken-3:hover, a.text-md-light-blue-darken-3:focus, a.text-md-light-blue-darken-3:link, a.text-md-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-md-light-blue-darken-4 { color: #01579B !important; } a.text-md-light-blue-darken-4:hover, a.text-md-light-blue-darken-4:focus, a.text-md-light-blue-darken-4:link, a.text-md-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-md-light-blue-accent-1 { color: #80D8FF !important; } a.text-md-light-blue-accent-1:hover, a.text-md-light-blue-accent-1:focus, a.text-md-light-blue-accent-1:link, a.text-md-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-md-light-blue-accent-2 { color: #40C4FF !important; } a.text-md-light-blue-accent-2:hover, a.text-md-light-blue-accent-2:focus, a.text-md-light-blue-accent-2:link, a.text-md-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-md-light-blue-accent-3 { color: #00B0FF !important; } a.text-md-light-blue-accent-3:hover, a.text-md-light-blue-accent-3:focus, a.text-md-light-blue-accent-3:link, a.text-md-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-md-light-blue-accent-4 { color: #0091EA !important; } a.text-md-light-blue-accent-4:hover, a.text-md-light-blue-accent-4:focus, a.text-md-light-blue-accent-4:link, a.text-md-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-md-cyan { color: #00BCD4 !important; } a.text-md-cyan:hover, a.text-md-cyan:focus, a.text-md-cyan:link, a.text-md-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-md-cyan-lighten-5 { color: #E0F7FA !important; } a.text-md-cyan-lighten-5:hover, a.text-md-cyan-lighten-5:focus, a.text-md-cyan-lighten-5:link, a.text-md-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-md-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-md-cyan-lighten-4:hover, a.text-md-cyan-lighten-4:focus, a.text-md-cyan-lighten-4:link, a.text-md-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-md-cyan-lighten-3 { color: #80DEEA !important; } a.text-md-cyan-lighten-3:hover, a.text-md-cyan-lighten-3:focus, a.text-md-cyan-lighten-3:link, a.text-md-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-md-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-md-cyan-lighten-2:hover, a.text-md-cyan-lighten-2:focus, a.text-md-cyan-lighten-2:link, a.text-md-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-md-cyan-lighten-1 { color: #26C6DA !important; } a.text-md-cyan-lighten-1:hover, a.text-md-cyan-lighten-1:focus, a.text-md-cyan-lighten-1:link, a.text-md-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-md-cyan-darken-1 { color: #00ACC1 !important; } a.text-md-cyan-darken-1:hover, a.text-md-cyan-darken-1:focus, a.text-md-cyan-darken-1:link, a.text-md-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-md-cyan-darken-2 { color: #0097A7 !important; } a.text-md-cyan-darken-2:hover, a.text-md-cyan-darken-2:focus, a.text-md-cyan-darken-2:link, a.text-md-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-md-cyan-darken-3 { color: #00838F !important; } a.text-md-cyan-darken-3:hover, a.text-md-cyan-darken-3:focus, a.text-md-cyan-darken-3:link, a.text-md-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-md-cyan-darken-4 { color: #006064 !important; } a.text-md-cyan-darken-4:hover, a.text-md-cyan-darken-4:focus, a.text-md-cyan-darken-4:link, a.text-md-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-md-cyan-accent-1 { color: #84FFFF !important; } a.text-md-cyan-accent-1:hover, a.text-md-cyan-accent-1:focus, a.text-md-cyan-accent-1:link, a.text-md-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-md-cyan-accent-2 { color: #18FFFF !important; } a.text-md-cyan-accent-2:hover, a.text-md-cyan-accent-2:focus, a.text-md-cyan-accent-2:link, a.text-md-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-md-cyan-accent-3 { color: #00E5FF !important; } a.text-md-cyan-accent-3:hover, a.text-md-cyan-accent-3:focus, a.text-md-cyan-accent-3:link, a.text-md-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-md-cyan-accent-4 { color: #00B8D4 !important; } a.text-md-cyan-accent-4:hover, a.text-md-cyan-accent-4:focus, a.text-md-cyan-accent-4:link, a.text-md-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-md-teal { color: #009688 !important; } a.text-md-teal:hover, a.text-md-teal:focus, a.text-md-teal:link, a.text-md-teal:active { color: #009688 !important; text-decoration: none !important; } .text-md-teal-lighten-5 { color: #E0F2F1 !important; } a.text-md-teal-lighten-5:hover, a.text-md-teal-lighten-5:focus, a.text-md-teal-lighten-5:link, a.text-md-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-md-teal-lighten-4 { color: #B2DFDB !important; } a.text-md-teal-lighten-4:hover, a.text-md-teal-lighten-4:focus, a.text-md-teal-lighten-4:link, a.text-md-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-md-teal-lighten-3 { color: #80CBC4 !important; } a.text-md-teal-lighten-3:hover, a.text-md-teal-lighten-3:focus, a.text-md-teal-lighten-3:link, a.text-md-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-md-teal-lighten-2 { color: #4DB6AC !important; } a.text-md-teal-lighten-2:hover, a.text-md-teal-lighten-2:focus, a.text-md-teal-lighten-2:link, a.text-md-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-md-teal-lighten-1 { color: #26A69A !important; } a.text-md-teal-lighten-1:hover, a.text-md-teal-lighten-1:focus, a.text-md-teal-lighten-1:link, a.text-md-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-md-teal-darken-1 { color: #00897B !important; } a.text-md-teal-darken-1:hover, a.text-md-teal-darken-1:focus, a.text-md-teal-darken-1:link, a.text-md-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-md-teal-darken-2 { color: #00796B !important; } a.text-md-teal-darken-2:hover, a.text-md-teal-darken-2:focus, a.text-md-teal-darken-2:link, a.text-md-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-md-teal-darken-3 { color: #00695C !important; } a.text-md-teal-darken-3:hover, a.text-md-teal-darken-3:focus, a.text-md-teal-darken-3:link, a.text-md-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-md-teal-darken-4 { color: #004D40 !important; } a.text-md-teal-darken-4:hover, a.text-md-teal-darken-4:focus, a.text-md-teal-darken-4:link, a.text-md-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-md-teal-accent-1 { color: #A7FFEB !important; } a.text-md-teal-accent-1:hover, a.text-md-teal-accent-1:focus, a.text-md-teal-accent-1:link, a.text-md-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-md-teal-accent-2 { color: #64FFDA !important; } a.text-md-teal-accent-2:hover, a.text-md-teal-accent-2:focus, a.text-md-teal-accent-2:link, a.text-md-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-md-teal-accent-3 { color: #1DE9B6 !important; } a.text-md-teal-accent-3:hover, a.text-md-teal-accent-3:focus, a.text-md-teal-accent-3:link, a.text-md-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-md-teal-accent-4 { color: #00BFA5 !important; } a.text-md-teal-accent-4:hover, a.text-md-teal-accent-4:focus, a.text-md-teal-accent-4:link, a.text-md-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-md-green { color: #4CAF50 !important; } a.text-md-green:hover, a.text-md-green:focus, a.text-md-green:link, a.text-md-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-md-green-lighten-5 { color: #E8F5E9 !important; } a.text-md-green-lighten-5:hover, a.text-md-green-lighten-5:focus, a.text-md-green-lighten-5:link, a.text-md-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-md-green-lighten-4 { color: #C8E6C9 !important; } a.text-md-green-lighten-4:hover, a.text-md-green-lighten-4:focus, a.text-md-green-lighten-4:link, a.text-md-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-md-green-lighten-3 { color: #A5D6A7 !important; } a.text-md-green-lighten-3:hover, a.text-md-green-lighten-3:focus, a.text-md-green-lighten-3:link, a.text-md-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-md-green-lighten-2 { color: #81C784 !important; } a.text-md-green-lighten-2:hover, a.text-md-green-lighten-2:focus, a.text-md-green-lighten-2:link, a.text-md-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-md-green-lighten-1 { color: #66BB6A !important; } a.text-md-green-lighten-1:hover, a.text-md-green-lighten-1:focus, a.text-md-green-lighten-1:link, a.text-md-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-md-green-darken-1 { color: #43A047 !important; } a.text-md-green-darken-1:hover, a.text-md-green-darken-1:focus, a.text-md-green-darken-1:link, a.text-md-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-md-green-darken-2 { color: #388E3C !important; } a.text-md-green-darken-2:hover, a.text-md-green-darken-2:focus, a.text-md-green-darken-2:link, a.text-md-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-md-green-darken-3 { color: #2E7D32 !important; } a.text-md-green-darken-3:hover, a.text-md-green-darken-3:focus, a.text-md-green-darken-3:link, a.text-md-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-md-green-darken-4 { color: #1B5E20 !important; } a.text-md-green-darken-4:hover, a.text-md-green-darken-4:focus, a.text-md-green-darken-4:link, a.text-md-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-md-green-accent-1 { color: #B9F6CA !important; } a.text-md-green-accent-1:hover, a.text-md-green-accent-1:focus, a.text-md-green-accent-1:link, a.text-md-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-md-green-accent-2 { color: #69F0AE !important; } a.text-md-green-accent-2:hover, a.text-md-green-accent-2:focus, a.text-md-green-accent-2:link, a.text-md-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-md-green-accent-3 { color: #00E676 !important; } a.text-md-green-accent-3:hover, a.text-md-green-accent-3:focus, a.text-md-green-accent-3:link, a.text-md-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-md-green-accent-4 { color: #00C853 !important; } a.text-md-green-accent-4:hover, a.text-md-green-accent-4:focus, a.text-md-green-accent-4:link, a.text-md-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-md-light-green { color: #8BC34A !important; } a.text-md-light-green:hover, a.text-md-light-green:focus, a.text-md-light-green:link, a.text-md-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-md-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-md-light-green-lighten-5:hover, a.text-md-light-green-lighten-5:focus, a.text-md-light-green-lighten-5:link, a.text-md-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-md-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-md-light-green-lighten-4:hover, a.text-md-light-green-lighten-4:focus, a.text-md-light-green-lighten-4:link, a.text-md-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-md-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-md-light-green-lighten-3:hover, a.text-md-light-green-lighten-3:focus, a.text-md-light-green-lighten-3:link, a.text-md-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-md-light-green-lighten-2 { color: #AED581 !important; } a.text-md-light-green-lighten-2:hover, a.text-md-light-green-lighten-2:focus, a.text-md-light-green-lighten-2:link, a.text-md-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-md-light-green-lighten-1 { color: #9CCC65 !important; } a.text-md-light-green-lighten-1:hover, a.text-md-light-green-lighten-1:focus, a.text-md-light-green-lighten-1:link, a.text-md-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-md-light-green-darken-1 { color: #7CB342 !important; } a.text-md-light-green-darken-1:hover, a.text-md-light-green-darken-1:focus, a.text-md-light-green-darken-1:link, a.text-md-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-md-light-green-darken-2 { color: #689F38 !important; } a.text-md-light-green-darken-2:hover, a.text-md-light-green-darken-2:focus, a.text-md-light-green-darken-2:link, a.text-md-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-md-light-green-darken-3 { color: #558B2F !important; } a.text-md-light-green-darken-3:hover, a.text-md-light-green-darken-3:focus, a.text-md-light-green-darken-3:link, a.text-md-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-md-light-green-darken-4 { color: #33691E !important; } a.text-md-light-green-darken-4:hover, a.text-md-light-green-darken-4:focus, a.text-md-light-green-darken-4:link, a.text-md-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-md-light-green-accent-1 { color: #CCFF90 !important; } a.text-md-light-green-accent-1:hover, a.text-md-light-green-accent-1:focus, a.text-md-light-green-accent-1:link, a.text-md-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-md-light-green-accent-2 { color: #B2FF59 !important; } a.text-md-light-green-accent-2:hover, a.text-md-light-green-accent-2:focus, a.text-md-light-green-accent-2:link, a.text-md-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-md-light-green-accent-3 { color: #76FF03 !important; } a.text-md-light-green-accent-3:hover, a.text-md-light-green-accent-3:focus, a.text-md-light-green-accent-3:link, a.text-md-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-md-light-green-accent-4 { color: #64DD17 !important; } a.text-md-light-green-accent-4:hover, a.text-md-light-green-accent-4:focus, a.text-md-light-green-accent-4:link, a.text-md-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-md-lime { color: #CDDC39 !important; } a.text-md-lime:hover, a.text-md-lime:focus, a.text-md-lime:link, a.text-md-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-md-lime-lighten-5 { color: #F9FBE7 !important; } a.text-md-lime-lighten-5:hover, a.text-md-lime-lighten-5:focus, a.text-md-lime-lighten-5:link, a.text-md-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-md-lime-lighten-4 { color: #F0F4C3 !important; } a.text-md-lime-lighten-4:hover, a.text-md-lime-lighten-4:focus, a.text-md-lime-lighten-4:link, a.text-md-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-md-lime-lighten-3 { color: #E6EE9C !important; } a.text-md-lime-lighten-3:hover, a.text-md-lime-lighten-3:focus, a.text-md-lime-lighten-3:link, a.text-md-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-md-lime-lighten-2 { color: #DCE775 !important; } a.text-md-lime-lighten-2:hover, a.text-md-lime-lighten-2:focus, a.text-md-lime-lighten-2:link, a.text-md-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-md-lime-lighten-1 { color: #D4E157 !important; } a.text-md-lime-lighten-1:hover, a.text-md-lime-lighten-1:focus, a.text-md-lime-lighten-1:link, a.text-md-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-md-lime-darken-1 { color: #C0CA33 !important; } a.text-md-lime-darken-1:hover, a.text-md-lime-darken-1:focus, a.text-md-lime-darken-1:link, a.text-md-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-md-lime-darken-2 { color: #AFB42B !important; } a.text-md-lime-darken-2:hover, a.text-md-lime-darken-2:focus, a.text-md-lime-darken-2:link, a.text-md-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-md-lime-darken-3 { color: #9E9D24 !important; } a.text-md-lime-darken-3:hover, a.text-md-lime-darken-3:focus, a.text-md-lime-darken-3:link, a.text-md-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-md-lime-darken-4 { color: #827717 !important; } a.text-md-lime-darken-4:hover, a.text-md-lime-darken-4:focus, a.text-md-lime-darken-4:link, a.text-md-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-md-lime-accent-1 { color: #F4FF81 !important; } a.text-md-lime-accent-1:hover, a.text-md-lime-accent-1:focus, a.text-md-lime-accent-1:link, a.text-md-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-md-lime-accent-2 { color: #EEFF41 !important; } a.text-md-lime-accent-2:hover, a.text-md-lime-accent-2:focus, a.text-md-lime-accent-2:link, a.text-md-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-md-lime-accent-3 { color: #C6FF00 !important; } a.text-md-lime-accent-3:hover, a.text-md-lime-accent-3:focus, a.text-md-lime-accent-3:link, a.text-md-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-md-lime-accent-4 { color: #AEEA00 !important; } a.text-md-lime-accent-4:hover, a.text-md-lime-accent-4:focus, a.text-md-lime-accent-4:link, a.text-md-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-md-yellow { color: #FFEB3B !important; } a.text-md-yellow:hover, a.text-md-yellow:focus, a.text-md-yellow:link, a.text-md-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-md-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-md-yellow-lighten-5:hover, a.text-md-yellow-lighten-5:focus, a.text-md-yellow-lighten-5:link, a.text-md-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-md-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-md-yellow-lighten-4:hover, a.text-md-yellow-lighten-4:focus, a.text-md-yellow-lighten-4:link, a.text-md-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-md-yellow-lighten-3 { color: #FFF59D !important; } a.text-md-yellow-lighten-3:hover, a.text-md-yellow-lighten-3:focus, a.text-md-yellow-lighten-3:link, a.text-md-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-md-yellow-lighten-2 { color: #FFF176 !important; } a.text-md-yellow-lighten-2:hover, a.text-md-yellow-lighten-2:focus, a.text-md-yellow-lighten-2:link, a.text-md-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-md-yellow-lighten-1 { color: #FFEE58 !important; } a.text-md-yellow-lighten-1:hover, a.text-md-yellow-lighten-1:focus, a.text-md-yellow-lighten-1:link, a.text-md-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-md-yellow-darken-1 { color: #FDD835 !important; } a.text-md-yellow-darken-1:hover, a.text-md-yellow-darken-1:focus, a.text-md-yellow-darken-1:link, a.text-md-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-md-yellow-darken-2 { color: #FBC02D !important; } a.text-md-yellow-darken-2:hover, a.text-md-yellow-darken-2:focus, a.text-md-yellow-darken-2:link, a.text-md-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-md-yellow-darken-3 { color: #F9A825 !important; } a.text-md-yellow-darken-3:hover, a.text-md-yellow-darken-3:focus, a.text-md-yellow-darken-3:link, a.text-md-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-md-yellow-darken-4 { color: #F57F17 !important; } a.text-md-yellow-darken-4:hover, a.text-md-yellow-darken-4:focus, a.text-md-yellow-darken-4:link, a.text-md-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-md-yellow-accent-1 { color: #FFFF8D !important; } a.text-md-yellow-accent-1:hover, a.text-md-yellow-accent-1:focus, a.text-md-yellow-accent-1:link, a.text-md-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-md-yellow-accent-2 { color: #FFFF00 !important; } a.text-md-yellow-accent-2:hover, a.text-md-yellow-accent-2:focus, a.text-md-yellow-accent-2:link, a.text-md-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-md-yellow-accent-3 { color: #FFEA00 !important; } a.text-md-yellow-accent-3:hover, a.text-md-yellow-accent-3:focus, a.text-md-yellow-accent-3:link, a.text-md-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-md-yellow-accent-4 { color: #FFD600 !important; } a.text-md-yellow-accent-4:hover, a.text-md-yellow-accent-4:focus, a.text-md-yellow-accent-4:link, a.text-md-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-md-amber { color: #FFC107 !important; } a.text-md-amber:hover, a.text-md-amber:focus, a.text-md-amber:link, a.text-md-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-md-amber-lighten-5 { color: #FFF8E1 !important; } a.text-md-amber-lighten-5:hover, a.text-md-amber-lighten-5:focus, a.text-md-amber-lighten-5:link, a.text-md-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-md-amber-lighten-4 { color: #FFECB3 !important; } a.text-md-amber-lighten-4:hover, a.text-md-amber-lighten-4:focus, a.text-md-amber-lighten-4:link, a.text-md-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-md-amber-lighten-3 { color: #FFE082 !important; } a.text-md-amber-lighten-3:hover, a.text-md-amber-lighten-3:focus, a.text-md-amber-lighten-3:link, a.text-md-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-md-amber-lighten-2 { color: #FFD54F !important; } a.text-md-amber-lighten-2:hover, a.text-md-amber-lighten-2:focus, a.text-md-amber-lighten-2:link, a.text-md-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-md-amber-lighten-1 { color: #FFCA28 !important; } a.text-md-amber-lighten-1:hover, a.text-md-amber-lighten-1:focus, a.text-md-amber-lighten-1:link, a.text-md-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-md-amber-darken-1 { color: #FFB300 !important; } a.text-md-amber-darken-1:hover, a.text-md-amber-darken-1:focus, a.text-md-amber-darken-1:link, a.text-md-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-md-amber-darken-2 { color: #FFA000 !important; } a.text-md-amber-darken-2:hover, a.text-md-amber-darken-2:focus, a.text-md-amber-darken-2:link, a.text-md-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-md-amber-darken-3 { color: #FF8F00 !important; } a.text-md-amber-darken-3:hover, a.text-md-amber-darken-3:focus, a.text-md-amber-darken-3:link, a.text-md-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-md-amber-darken-4 { color: #FF6F00 !important; } a.text-md-amber-darken-4:hover, a.text-md-amber-darken-4:focus, a.text-md-amber-darken-4:link, a.text-md-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-md-amber-accent-1 { color: #FFE57F !important; } a.text-md-amber-accent-1:hover, a.text-md-amber-accent-1:focus, a.text-md-amber-accent-1:link, a.text-md-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-md-amber-accent-2 { color: #FFD740 !important; } a.text-md-amber-accent-2:hover, a.text-md-amber-accent-2:focus, a.text-md-amber-accent-2:link, a.text-md-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-md-amber-accent-3 { color: #FFC400 !important; } a.text-md-amber-accent-3:hover, a.text-md-amber-accent-3:focus, a.text-md-amber-accent-3:link, a.text-md-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-md-amber-accent-4 { color: #FFAB00 !important; } a.text-md-amber-accent-4:hover, a.text-md-amber-accent-4:focus, a.text-md-amber-accent-4:link, a.text-md-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-md-orange { color: #FF9800 !important; } a.text-md-orange:hover, a.text-md-orange:focus, a.text-md-orange:link, a.text-md-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-md-orange-lighten-5 { color: #FFF3E0 !important; } a.text-md-orange-lighten-5:hover, a.text-md-orange-lighten-5:focus, a.text-md-orange-lighten-5:link, a.text-md-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-md-orange-lighten-4 { color: #FFE0B2 !important; } a.text-md-orange-lighten-4:hover, a.text-md-orange-lighten-4:focus, a.text-md-orange-lighten-4:link, a.text-md-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-md-orange-lighten-3 { color: #FFCC80 !important; } a.text-md-orange-lighten-3:hover, a.text-md-orange-lighten-3:focus, a.text-md-orange-lighten-3:link, a.text-md-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-md-orange-lighten-2 { color: #FFB74D !important; } a.text-md-orange-lighten-2:hover, a.text-md-orange-lighten-2:focus, a.text-md-orange-lighten-2:link, a.text-md-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-md-orange-lighten-1 { color: #FFA726 !important; } a.text-md-orange-lighten-1:hover, a.text-md-orange-lighten-1:focus, a.text-md-orange-lighten-1:link, a.text-md-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-md-orange-darken-1 { color: #FB8C00 !important; } a.text-md-orange-darken-1:hover, a.text-md-orange-darken-1:focus, a.text-md-orange-darken-1:link, a.text-md-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-md-orange-darken-2 { color: #F57C00 !important; } a.text-md-orange-darken-2:hover, a.text-md-orange-darken-2:focus, a.text-md-orange-darken-2:link, a.text-md-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-md-orange-darken-3 { color: #EF6C00 !important; } a.text-md-orange-darken-3:hover, a.text-md-orange-darken-3:focus, a.text-md-orange-darken-3:link, a.text-md-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-md-orange-darken-4 { color: #E65100 !important; } a.text-md-orange-darken-4:hover, a.text-md-orange-darken-4:focus, a.text-md-orange-darken-4:link, a.text-md-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-md-orange-accent-1 { color: #FFD180 !important; } a.text-md-orange-accent-1:hover, a.text-md-orange-accent-1:focus, a.text-md-orange-accent-1:link, a.text-md-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-md-orange-accent-2 { color: #FFAB40 !important; } a.text-md-orange-accent-2:hover, a.text-md-orange-accent-2:focus, a.text-md-orange-accent-2:link, a.text-md-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-md-orange-accent-3 { color: #FF9100 !important; } a.text-md-orange-accent-3:hover, a.text-md-orange-accent-3:focus, a.text-md-orange-accent-3:link, a.text-md-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-md-orange-accent-4 { color: #FF6D00 !important; } a.text-md-orange-accent-4:hover, a.text-md-orange-accent-4:focus, a.text-md-orange-accent-4:link, a.text-md-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-md-deep-orange { color: #FF5722 !important; } a.text-md-deep-orange:hover, a.text-md-deep-orange:focus, a.text-md-deep-orange:link, a.text-md-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-md-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-md-deep-orange-lighten-5:hover, a.text-md-deep-orange-lighten-5:focus, a.text-md-deep-orange-lighten-5:link, a.text-md-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-md-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-md-deep-orange-lighten-4:hover, a.text-md-deep-orange-lighten-4:focus, a.text-md-deep-orange-lighten-4:link, a.text-md-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-md-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-md-deep-orange-lighten-3:hover, a.text-md-deep-orange-lighten-3:focus, a.text-md-deep-orange-lighten-3:link, a.text-md-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-md-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-md-deep-orange-lighten-2:hover, a.text-md-deep-orange-lighten-2:focus, a.text-md-deep-orange-lighten-2:link, a.text-md-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-md-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-md-deep-orange-lighten-1:hover, a.text-md-deep-orange-lighten-1:focus, a.text-md-deep-orange-lighten-1:link, a.text-md-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-md-deep-orange-darken-1 { color: #F4511E !important; } a.text-md-deep-orange-darken-1:hover, a.text-md-deep-orange-darken-1:focus, a.text-md-deep-orange-darken-1:link, a.text-md-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-md-deep-orange-darken-2 { color: #E64A19 !important; } a.text-md-deep-orange-darken-2:hover, a.text-md-deep-orange-darken-2:focus, a.text-md-deep-orange-darken-2:link, a.text-md-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-md-deep-orange-darken-3 { color: #D84315 !important; } a.text-md-deep-orange-darken-3:hover, a.text-md-deep-orange-darken-3:focus, a.text-md-deep-orange-darken-3:link, a.text-md-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-md-deep-orange-darken-4 { color: #BF360C !important; } a.text-md-deep-orange-darken-4:hover, a.text-md-deep-orange-darken-4:focus, a.text-md-deep-orange-darken-4:link, a.text-md-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-md-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-md-deep-orange-accent-1:hover, a.text-md-deep-orange-accent-1:focus, a.text-md-deep-orange-accent-1:link, a.text-md-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-md-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-md-deep-orange-accent-2:hover, a.text-md-deep-orange-accent-2:focus, a.text-md-deep-orange-accent-2:link, a.text-md-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-md-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-md-deep-orange-accent-3:hover, a.text-md-deep-orange-accent-3:focus, a.text-md-deep-orange-accent-3:link, a.text-md-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-md-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-md-deep-orange-accent-4:hover, a.text-md-deep-orange-accent-4:focus, a.text-md-deep-orange-accent-4:link, a.text-md-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-md-brown { color: #795548 !important; } a.text-md-brown:hover, a.text-md-brown:focus, a.text-md-brown:link, a.text-md-brown:active { color: #795548 !important; text-decoration: none !important; } .text-md-brown-lighten-5 { color: #EFEBE9 !important; } a.text-md-brown-lighten-5:hover, a.text-md-brown-lighten-5:focus, a.text-md-brown-lighten-5:link, a.text-md-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-md-brown-lighten-4 { color: #D7CCC8 !important; } a.text-md-brown-lighten-4:hover, a.text-md-brown-lighten-4:focus, a.text-md-brown-lighten-4:link, a.text-md-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-md-brown-lighten-3 { color: #BCAAA4 !important; } a.text-md-brown-lighten-3:hover, a.text-md-brown-lighten-3:focus, a.text-md-brown-lighten-3:link, a.text-md-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-md-brown-lighten-2 { color: #A1887F !important; } a.text-md-brown-lighten-2:hover, a.text-md-brown-lighten-2:focus, a.text-md-brown-lighten-2:link, a.text-md-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-md-brown-lighten-1 { color: #8D6E63 !important; } a.text-md-brown-lighten-1:hover, a.text-md-brown-lighten-1:focus, a.text-md-brown-lighten-1:link, a.text-md-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-md-brown-darken-1 { color: #6D4C41 !important; } a.text-md-brown-darken-1:hover, a.text-md-brown-darken-1:focus, a.text-md-brown-darken-1:link, a.text-md-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-md-brown-darken-2 { color: #5D4037 !important; } a.text-md-brown-darken-2:hover, a.text-md-brown-darken-2:focus, a.text-md-brown-darken-2:link, a.text-md-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-md-brown-darken-3 { color: #4E342E !important; } a.text-md-brown-darken-3:hover, a.text-md-brown-darken-3:focus, a.text-md-brown-darken-3:link, a.text-md-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-md-brown-darken-4 { color: #3E2723 !important; } a.text-md-brown-darken-4:hover, a.text-md-brown-darken-4:focus, a.text-md-brown-darken-4:link, a.text-md-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } @media screen and (min-width: 1024px) { .text-lg-body { color: #464646 !important; } a.text-lg-body:hover, a.text-lg-body:focus, a.text-lg-body:link, a.text-lg-body:active { color: #464646 !important; text-decoration: none !important; } .text-lg-theme { color: #4682b4 !important; } a.text-lg-theme:hover, a.text-lg-theme:focus, a.text-lg-theme:link, a.text-lg-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-lg-theme-lighten-5 { color: #E8EFF6 !important; } a.text-lg-theme-lighten-5:hover, a.text-lg-theme-lighten-5:focus, a.text-lg-theme-lighten-5:link, a.text-lg-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-lg-theme-lighten-4 { color: #D1E0EC !important; } a.text-lg-theme-lighten-4:hover, a.text-lg-theme-lighten-4:focus, a.text-lg-theme-lighten-4:link, a.text-lg-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-lg-theme-lighten-3 { color: #BAD0E3 !important; } a.text-lg-theme-lighten-3:hover, a.text-lg-theme-lighten-3:focus, a.text-lg-theme-lighten-3:link, a.text-lg-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-lg-theme-lighten-2 { color: #A3C1DA !important; } a.text-lg-theme-lighten-2:hover, a.text-lg-theme-lighten-2:focus, a.text-lg-theme-lighten-2:link, a.text-lg-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-lg-theme-lighten-1 { color: #74A1C7 !important; } a.text-lg-theme-lighten-1:hover, a.text-lg-theme-lighten-1:focus, a.text-lg-theme-lighten-1:link, a.text-lg-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-lg-theme-darken-1 { color: #3D729E !important; } a.text-lg-theme-darken-1:hover, a.text-lg-theme-darken-1:focus, a.text-lg-theme-darken-1:link, a.text-lg-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-lg-theme-darken-2 { color: #356287 !important; } a.text-lg-theme-darken-2:hover, a.text-lg-theme-darken-2:focus, a.text-lg-theme-darken-2:link, a.text-lg-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-lg-theme-darken-3 { color: #2C5171 !important; } a.text-lg-theme-darken-3:hover, a.text-lg-theme-darken-3:focus, a.text-lg-theme-darken-3:link, a.text-lg-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-lg-theme-darken-4 { color: #23415A !important; } a.text-lg-theme-darken-4:hover, a.text-lg-theme-darken-4:focus, a.text-lg-theme-darken-4:link, a.text-lg-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-lg-theme-accent-1 { color: #7ba7cc !important; } a.text-lg-theme-accent-1:hover, a.text-lg-theme-accent-1:focus, a.text-lg-theme-accent-1:link, a.text-lg-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-lg-theme-accent-2 { color: #568ebd !important; } a.text-lg-theme-accent-2:hover, a.text-lg-theme-accent-2:focus, a.text-lg-theme-accent-2:link, a.text-lg-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-lg-theme-accent-3 { color: #3f75a2 !important; } a.text-lg-theme-accent-3:hover, a.text-lg-theme-accent-3:focus, a.text-lg-theme-accent-3:link, a.text-lg-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-lg-theme-accent-4 { color: #315a7d !important; } a.text-lg-theme-accent-4:hover, a.text-lg-theme-accent-4:focus, a.text-lg-theme-accent-4:link, a.text-lg-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-lg-primary { color: #2196f3 !important; } a.text-lg-primary:hover, a.text-lg-primary:focus, a.text-lg-primary:link, a.text-lg-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-lg-secondary { color: #6c757d !important; } a.text-lg-secondary:hover, a.text-lg-secondary:focus, a.text-lg-secondary:link, a.text-lg-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-lg-success { color: #20ad20 !important; } a.text-lg-success:hover, a.text-lg-success:focus, a.text-lg-success:link, a.text-lg-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-lg-info { color: #4dd0e1 !important; } a.text-lg-info:hover, a.text-lg-info:focus, a.text-lg-info:link, a.text-lg-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-lg-warning { color: #f9cf48 !important; } a.text-lg-warning:hover, a.text-lg-warning:focus, a.text-lg-warning:link, a.text-lg-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-lg-danger { color: #f23629 !important; } a.text-lg-danger:hover, a.text-lg-danger:focus, a.text-lg-danger:link, a.text-lg-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-lg-alert { color: #f57b1d !important; } a.text-lg-alert:hover, a.text-lg-alert:focus, a.text-lg-alert:link, a.text-lg-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-lg-theme { color: #356287 !important; } a.text-lg-theme:hover, a.text-lg-theme:focus, a.text-lg-theme:link, a.text-lg-theme:active { color: #356287 !important; text-decoration: none !important; } .text-lg-white { color: #ffffff !important; } a.text-lg-white:hover, a.text-lg-white:focus, a.text-lg-white:link, a.text-lg-white:active { color: #ffffff !important; text-decoration: none !important; } .text-lg-purple { color: #6A1B9A !important; } a.text-lg-purple:hover, a.text-lg-purple:focus, a.text-lg-purple:link, a.text-lg-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-lg-primary-lighten { color: #e0f1ff !important; } a.text-lg-primary-lighten:hover, a.text-lg-primary-lighten:focus, a.text-lg-primary-lighten:link, a.text-lg-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-lg-secondary-lighten { color: #e1e1e1 !important; } a.text-lg-secondary-lighten:hover, a.text-lg-secondary-lighten:focus, a.text-lg-secondary-lighten:link, a.text-lg-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-lg-success-lighten { color: #e8fac7 !important; } a.text-lg-success-lighten:hover, a.text-lg-success-lighten:focus, a.text-lg-success-lighten:link, a.text-lg-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-lg-info-lighten { color: #d2f9ff !important; } a.text-lg-info-lighten:hover, a.text-lg-info-lighten:focus, a.text-lg-info-lighten:link, a.text-lg-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-lg-warning-lighten { color: #fef6d9 !important; } a.text-lg-warning-lighten:hover, a.text-lg-warning-lighten:focus, a.text-lg-warning-lighten:link, a.text-lg-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-lg-danger-lighten { color: #ffd4d1 !important; } a.text-lg-danger-lighten:hover, a.text-lg-danger-lighten:focus, a.text-lg-danger-lighten:link, a.text-lg-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-lg-alert-lighten { color: #fad6ba !important; } a.text-lg-alert-lighten:hover, a.text-lg-alert-lighten:focus, a.text-lg-alert-lighten:link, a.text-lg-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-lg-purple-lighten { color: #f5ebfc !important; } a.text-lg-purple-lighten:hover, a.text-lg-purple-lighten:focus, a.text-lg-purple-lighten:link, a.text-lg-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-lg-theme-lighten { color: #D1E0EC !important; } a.text-lg-theme-lighten:hover, a.text-lg-theme-lighten:focus, a.text-lg-theme-lighten:link, a.text-lg-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-lg-app-line { color: #00B500 !important; } a.text-lg-app-line:hover, a.text-lg-app-line:focus, a.text-lg-app-line:link, a.text-lg-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-lg-app-youtube { color: #cd201f !important; } a.text-lg-app-youtube:hover, a.text-lg-app-youtube:focus, a.text-lg-app-youtube:link, a.text-lg-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-lg-app-twitter { color: #55acee !important; } a.text-lg-app-twitter:hover, a.text-lg-app-twitter:focus, a.text-lg-app-twitter:link, a.text-lg-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-lg-app-facebook { color: #4267B2 !important; } a.text-lg-app-facebook:hover, a.text-lg-app-facebook:focus, a.text-lg-app-facebook:link, a.text-lg-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-lg-app-instagram { color: #3f729b !important; } a.text-lg-app-instagram:hover, a.text-lg-app-instagram:focus, a.text-lg-app-instagram:link, a.text-lg-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-lg-app-google-plus { color: #dc4e41 !important; } a.text-lg-app-google-plus:hover, a.text-lg-app-google-plus:focus, a.text-lg-app-google-plus:link, a.text-lg-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-lg-white { color: #ffffff !important; } a.text-lg-white:hover, a.text-lg-white:focus, a.text-lg-white:link, a.text-lg-white:active { color: #ffffff !important; text-decoration: none !important; } .text-lg-black { color: #000000 !important; } a.text-lg-black:hover, a.text-lg-black:focus, a.text-lg-black:link, a.text-lg-black:active { color: #000000 !important; text-decoration: none !important; } .text-lg-grey { color: #9E9E9E !important; } a.text-lg-grey:hover, a.text-lg-grey:focus, a.text-lg-grey:link, a.text-lg-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-lg-grey-lighten-5 { color: #FAFAFA !important; } a.text-lg-grey-lighten-5:hover, a.text-lg-grey-lighten-5:focus, a.text-lg-grey-lighten-5:link, a.text-lg-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-lg-grey-lighten-4 { color: #F5F5F5 !important; } a.text-lg-grey-lighten-4:hover, a.text-lg-grey-lighten-4:focus, a.text-lg-grey-lighten-4:link, a.text-lg-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-lg-grey-lighten-3 { color: #EEEEEE !important; } a.text-lg-grey-lighten-3:hover, a.text-lg-grey-lighten-3:focus, a.text-lg-grey-lighten-3:link, a.text-lg-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-lg-grey-lighten-2 { color: #E0E0E0 !important; } a.text-lg-grey-lighten-2:hover, a.text-lg-grey-lighten-2:focus, a.text-lg-grey-lighten-2:link, a.text-lg-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-lg-grey-lighten-1 { color: #BDBDBD !important; } a.text-lg-grey-lighten-1:hover, a.text-lg-grey-lighten-1:focus, a.text-lg-grey-lighten-1:link, a.text-lg-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-lg-grey-darken-1 { color: #757575 !important; } a.text-lg-grey-darken-1:hover, a.text-lg-grey-darken-1:focus, a.text-lg-grey-darken-1:link, a.text-lg-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-lg-grey-darken-2 { color: #616161 !important; } a.text-lg-grey-darken-2:hover, a.text-lg-grey-darken-2:focus, a.text-lg-grey-darken-2:link, a.text-lg-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-lg-grey-darken-3 { color: #424242 !important; } a.text-lg-grey-darken-3:hover, a.text-lg-grey-darken-3:focus, a.text-lg-grey-darken-3:link, a.text-lg-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-lg-grey-darken-4 { color: #212121 !important; } a.text-lg-grey-darken-4:hover, a.text-lg-grey-darken-4:focus, a.text-lg-grey-darken-4:link, a.text-lg-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-lg-blue-grey { color: #607D8B !important; } a.text-lg-blue-grey:hover, a.text-lg-blue-grey:focus, a.text-lg-blue-grey:link, a.text-lg-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-lg-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-lg-blue-grey-lighten-5:hover, a.text-lg-blue-grey-lighten-5:focus, a.text-lg-blue-grey-lighten-5:link, a.text-lg-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-lg-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-lg-blue-grey-lighten-4:hover, a.text-lg-blue-grey-lighten-4:focus, a.text-lg-blue-grey-lighten-4:link, a.text-lg-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-lg-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-lg-blue-grey-lighten-3:hover, a.text-lg-blue-grey-lighten-3:focus, a.text-lg-blue-grey-lighten-3:link, a.text-lg-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-lg-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-lg-blue-grey-lighten-2:hover, a.text-lg-blue-grey-lighten-2:focus, a.text-lg-blue-grey-lighten-2:link, a.text-lg-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-lg-blue-grey-lighten-1 { color: #78909C !important; } a.text-lg-blue-grey-lighten-1:hover, a.text-lg-blue-grey-lighten-1:focus, a.text-lg-blue-grey-lighten-1:link, a.text-lg-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-lg-blue-grey-darken-1 { color: #546E7A !important; } a.text-lg-blue-grey-darken-1:hover, a.text-lg-blue-grey-darken-1:focus, a.text-lg-blue-grey-darken-1:link, a.text-lg-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-lg-blue-grey-darken-2 { color: #455A64 !important; } a.text-lg-blue-grey-darken-2:hover, a.text-lg-blue-grey-darken-2:focus, a.text-lg-blue-grey-darken-2:link, a.text-lg-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-lg-blue-grey-darken-3 { color: #37474F !important; } a.text-lg-blue-grey-darken-3:hover, a.text-lg-blue-grey-darken-3:focus, a.text-lg-blue-grey-darken-3:link, a.text-lg-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-lg-blue-grey-darken-4 { color: #263238 !important; } a.text-lg-blue-grey-darken-4:hover, a.text-lg-blue-grey-darken-4:focus, a.text-lg-blue-grey-darken-4:link, a.text-lg-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-lg-red { color: #F44336 !important; } a.text-lg-red:hover, a.text-lg-red:focus, a.text-lg-red:link, a.text-lg-red:active { color: #F44336 !important; text-decoration: none !important; } .text-lg-red-lighten-5 { color: #FFEBEE !important; } a.text-lg-red-lighten-5:hover, a.text-lg-red-lighten-5:focus, a.text-lg-red-lighten-5:link, a.text-lg-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-lg-red-lighten-4 { color: #FFCDD2 !important; } a.text-lg-red-lighten-4:hover, a.text-lg-red-lighten-4:focus, a.text-lg-red-lighten-4:link, a.text-lg-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-lg-red-lighten-3 { color: #EF9A9A !important; } a.text-lg-red-lighten-3:hover, a.text-lg-red-lighten-3:focus, a.text-lg-red-lighten-3:link, a.text-lg-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-lg-red-lighten-2 { color: #E57373 !important; } a.text-lg-red-lighten-2:hover, a.text-lg-red-lighten-2:focus, a.text-lg-red-lighten-2:link, a.text-lg-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-lg-red-lighten-1 { color: #EF5350 !important; } a.text-lg-red-lighten-1:hover, a.text-lg-red-lighten-1:focus, a.text-lg-red-lighten-1:link, a.text-lg-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-lg-red-darken-1 { color: #E53935 !important; } a.text-lg-red-darken-1:hover, a.text-lg-red-darken-1:focus, a.text-lg-red-darken-1:link, a.text-lg-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-lg-red-darken-2 { color: #D32F2F !important; } a.text-lg-red-darken-2:hover, a.text-lg-red-darken-2:focus, a.text-lg-red-darken-2:link, a.text-lg-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-lg-red-darken-3 { color: #C62828 !important; } a.text-lg-red-darken-3:hover, a.text-lg-red-darken-3:focus, a.text-lg-red-darken-3:link, a.text-lg-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-lg-red-darken-4 { color: #B71C1C !important; } a.text-lg-red-darken-4:hover, a.text-lg-red-darken-4:focus, a.text-lg-red-darken-4:link, a.text-lg-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-lg-red-accent-1 { color: #FF8A80 !important; } a.text-lg-red-accent-1:hover, a.text-lg-red-accent-1:focus, a.text-lg-red-accent-1:link, a.text-lg-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-lg-red-accent-2 { color: #FF5252 !important; } a.text-lg-red-accent-2:hover, a.text-lg-red-accent-2:focus, a.text-lg-red-accent-2:link, a.text-lg-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-lg-red-accent-3 { color: #FF1744 !important; } a.text-lg-red-accent-3:hover, a.text-lg-red-accent-3:focus, a.text-lg-red-accent-3:link, a.text-lg-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-lg-red-accent-4 { color: #D50000 !important; } a.text-lg-red-accent-4:hover, a.text-lg-red-accent-4:focus, a.text-lg-red-accent-4:link, a.text-lg-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-lg-pink { color: #E91E63 !important; } a.text-lg-pink:hover, a.text-lg-pink:focus, a.text-lg-pink:link, a.text-lg-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-lg-pink-lighten-5 { color: #FCE4EC !important; } a.text-lg-pink-lighten-5:hover, a.text-lg-pink-lighten-5:focus, a.text-lg-pink-lighten-5:link, a.text-lg-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-lg-pink-lighten-4 { color: #F8BBD0 !important; } a.text-lg-pink-lighten-4:hover, a.text-lg-pink-lighten-4:focus, a.text-lg-pink-lighten-4:link, a.text-lg-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-lg-pink-lighten-3 { color: #F48FB1 !important; } a.text-lg-pink-lighten-3:hover, a.text-lg-pink-lighten-3:focus, a.text-lg-pink-lighten-3:link, a.text-lg-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-lg-pink-lighten-2 { color: #F06292 !important; } a.text-lg-pink-lighten-2:hover, a.text-lg-pink-lighten-2:focus, a.text-lg-pink-lighten-2:link, a.text-lg-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-lg-pink-lighten-1 { color: #EC407A !important; } a.text-lg-pink-lighten-1:hover, a.text-lg-pink-lighten-1:focus, a.text-lg-pink-lighten-1:link, a.text-lg-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-lg-pink-darken-1 { color: #D81B60 !important; } a.text-lg-pink-darken-1:hover, a.text-lg-pink-darken-1:focus, a.text-lg-pink-darken-1:link, a.text-lg-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-lg-pink-darken-2 { color: #C2185B !important; } a.text-lg-pink-darken-2:hover, a.text-lg-pink-darken-2:focus, a.text-lg-pink-darken-2:link, a.text-lg-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-lg-pink-darken-3 { color: #AD1457 !important; } a.text-lg-pink-darken-3:hover, a.text-lg-pink-darken-3:focus, a.text-lg-pink-darken-3:link, a.text-lg-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-lg-pink-darken-4 { color: #880E4F !important; } a.text-lg-pink-darken-4:hover, a.text-lg-pink-darken-4:focus, a.text-lg-pink-darken-4:link, a.text-lg-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-lg-pink-accent-1 { color: #FF80AB !important; } a.text-lg-pink-accent-1:hover, a.text-lg-pink-accent-1:focus, a.text-lg-pink-accent-1:link, a.text-lg-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-lg-pink-accent-2 { color: #FF4081 !important; } a.text-lg-pink-accent-2:hover, a.text-lg-pink-accent-2:focus, a.text-lg-pink-accent-2:link, a.text-lg-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-lg-pink-accent-3 { color: #F50057 !important; } a.text-lg-pink-accent-3:hover, a.text-lg-pink-accent-3:focus, a.text-lg-pink-accent-3:link, a.text-lg-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-lg-pink-accent-4 { color: #C51162 !important; } a.text-lg-pink-accent-4:hover, a.text-lg-pink-accent-4:focus, a.text-lg-pink-accent-4:link, a.text-lg-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-lg-purple { color: #9C27B0 !important; } a.text-lg-purple:hover, a.text-lg-purple:focus, a.text-lg-purple:link, a.text-lg-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-lg-purple-lighten-5 { color: #F3E5F5 !important; } a.text-lg-purple-lighten-5:hover, a.text-lg-purple-lighten-5:focus, a.text-lg-purple-lighten-5:link, a.text-lg-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-lg-purple-lighten-4 { color: #E1BEE7 !important; } a.text-lg-purple-lighten-4:hover, a.text-lg-purple-lighten-4:focus, a.text-lg-purple-lighten-4:link, a.text-lg-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-lg-purple-lighten-3 { color: #CE93D8 !important; } a.text-lg-purple-lighten-3:hover, a.text-lg-purple-lighten-3:focus, a.text-lg-purple-lighten-3:link, a.text-lg-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-lg-purple-lighten-2 { color: #BA68C8 !important; } a.text-lg-purple-lighten-2:hover, a.text-lg-purple-lighten-2:focus, a.text-lg-purple-lighten-2:link, a.text-lg-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-lg-purple-lighten-1 { color: #AB47BC !important; } a.text-lg-purple-lighten-1:hover, a.text-lg-purple-lighten-1:focus, a.text-lg-purple-lighten-1:link, a.text-lg-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-lg-purple-darken-1 { color: #8E24AA !important; } a.text-lg-purple-darken-1:hover, a.text-lg-purple-darken-1:focus, a.text-lg-purple-darken-1:link, a.text-lg-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-lg-purple-darken-2 { color: #7B1FA2 !important; } a.text-lg-purple-darken-2:hover, a.text-lg-purple-darken-2:focus, a.text-lg-purple-darken-2:link, a.text-lg-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-lg-purple-darken-3 { color: #6A1B9A !important; } a.text-lg-purple-darken-3:hover, a.text-lg-purple-darken-3:focus, a.text-lg-purple-darken-3:link, a.text-lg-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-lg-purple-darken-4 { color: #4A148C !important; } a.text-lg-purple-darken-4:hover, a.text-lg-purple-darken-4:focus, a.text-lg-purple-darken-4:link, a.text-lg-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-lg-purple-accent-1 { color: #EA80FC !important; } a.text-lg-purple-accent-1:hover, a.text-lg-purple-accent-1:focus, a.text-lg-purple-accent-1:link, a.text-lg-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-lg-purple-accent-2 { color: #E040FB !important; } a.text-lg-purple-accent-2:hover, a.text-lg-purple-accent-2:focus, a.text-lg-purple-accent-2:link, a.text-lg-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-lg-purple-accent-3 { color: #D500F9 !important; } a.text-lg-purple-accent-3:hover, a.text-lg-purple-accent-3:focus, a.text-lg-purple-accent-3:link, a.text-lg-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-lg-purple-accent-4 { color: #AA00FF !important; } a.text-lg-purple-accent-4:hover, a.text-lg-purple-accent-4:focus, a.text-lg-purple-accent-4:link, a.text-lg-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-lg-deep-purple { color: #673AB7 !important; } a.text-lg-deep-purple:hover, a.text-lg-deep-purple:focus, a.text-lg-deep-purple:link, a.text-lg-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-lg-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-lg-deep-purple-lighten-5:hover, a.text-lg-deep-purple-lighten-5:focus, a.text-lg-deep-purple-lighten-5:link, a.text-lg-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-lg-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-lg-deep-purple-lighten-4:hover, a.text-lg-deep-purple-lighten-4:focus, a.text-lg-deep-purple-lighten-4:link, a.text-lg-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-lg-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-lg-deep-purple-lighten-3:hover, a.text-lg-deep-purple-lighten-3:focus, a.text-lg-deep-purple-lighten-3:link, a.text-lg-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-lg-deep-purple-lighten-2 { color: #9575CD !important; } a.text-lg-deep-purple-lighten-2:hover, a.text-lg-deep-purple-lighten-2:focus, a.text-lg-deep-purple-lighten-2:link, a.text-lg-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-lg-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-lg-deep-purple-lighten-1:hover, a.text-lg-deep-purple-lighten-1:focus, a.text-lg-deep-purple-lighten-1:link, a.text-lg-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-lg-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-lg-deep-purple-darken-1:hover, a.text-lg-deep-purple-darken-1:focus, a.text-lg-deep-purple-darken-1:link, a.text-lg-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-lg-deep-purple-darken-2 { color: #512DA8 !important; } a.text-lg-deep-purple-darken-2:hover, a.text-lg-deep-purple-darken-2:focus, a.text-lg-deep-purple-darken-2:link, a.text-lg-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-lg-deep-purple-darken-3 { color: #4527A0 !important; } a.text-lg-deep-purple-darken-3:hover, a.text-lg-deep-purple-darken-3:focus, a.text-lg-deep-purple-darken-3:link, a.text-lg-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-lg-deep-purple-darken-4 { color: #311B92 !important; } a.text-lg-deep-purple-darken-4:hover, a.text-lg-deep-purple-darken-4:focus, a.text-lg-deep-purple-darken-4:link, a.text-lg-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-lg-deep-purple-accent-1 { color: #B388FF !important; } a.text-lg-deep-purple-accent-1:hover, a.text-lg-deep-purple-accent-1:focus, a.text-lg-deep-purple-accent-1:link, a.text-lg-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-lg-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-lg-deep-purple-accent-2:hover, a.text-lg-deep-purple-accent-2:focus, a.text-lg-deep-purple-accent-2:link, a.text-lg-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-lg-deep-purple-accent-3 { color: #651FFF !important; } a.text-lg-deep-purple-accent-3:hover, a.text-lg-deep-purple-accent-3:focus, a.text-lg-deep-purple-accent-3:link, a.text-lg-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-lg-deep-purple-accent-4 { color: #6200EA !important; } a.text-lg-deep-purple-accent-4:hover, a.text-lg-deep-purple-accent-4:focus, a.text-lg-deep-purple-accent-4:link, a.text-lg-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-lg-indigo { color: #3F51B5 !important; } a.text-lg-indigo:hover, a.text-lg-indigo:focus, a.text-lg-indigo:link, a.text-lg-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-lg-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-lg-indigo-lighten-5:hover, a.text-lg-indigo-lighten-5:focus, a.text-lg-indigo-lighten-5:link, a.text-lg-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-lg-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-lg-indigo-lighten-4:hover, a.text-lg-indigo-lighten-4:focus, a.text-lg-indigo-lighten-4:link, a.text-lg-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-lg-indigo-lighten-3 { color: #9FA8DA !important; } a.text-lg-indigo-lighten-3:hover, a.text-lg-indigo-lighten-3:focus, a.text-lg-indigo-lighten-3:link, a.text-lg-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-lg-indigo-lighten-2 { color: #7986CB !important; } a.text-lg-indigo-lighten-2:hover, a.text-lg-indigo-lighten-2:focus, a.text-lg-indigo-lighten-2:link, a.text-lg-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-lg-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-lg-indigo-lighten-1:hover, a.text-lg-indigo-lighten-1:focus, a.text-lg-indigo-lighten-1:link, a.text-lg-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-lg-indigo-darken-1 { color: #3949AB !important; } a.text-lg-indigo-darken-1:hover, a.text-lg-indigo-darken-1:focus, a.text-lg-indigo-darken-1:link, a.text-lg-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-lg-indigo-darken-2 { color: #303F9F !important; } a.text-lg-indigo-darken-2:hover, a.text-lg-indigo-darken-2:focus, a.text-lg-indigo-darken-2:link, a.text-lg-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-lg-indigo-darken-3 { color: #283593 !important; } a.text-lg-indigo-darken-3:hover, a.text-lg-indigo-darken-3:focus, a.text-lg-indigo-darken-3:link, a.text-lg-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-lg-indigo-darken-4 { color: #1A237E !important; } a.text-lg-indigo-darken-4:hover, a.text-lg-indigo-darken-4:focus, a.text-lg-indigo-darken-4:link, a.text-lg-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-lg-indigo-accent-1 { color: #8C9EFF !important; } a.text-lg-indigo-accent-1:hover, a.text-lg-indigo-accent-1:focus, a.text-lg-indigo-accent-1:link, a.text-lg-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-lg-indigo-accent-2 { color: #536DFE !important; } a.text-lg-indigo-accent-2:hover, a.text-lg-indigo-accent-2:focus, a.text-lg-indigo-accent-2:link, a.text-lg-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-lg-indigo-accent-3 { color: #3D5AFE !important; } a.text-lg-indigo-accent-3:hover, a.text-lg-indigo-accent-3:focus, a.text-lg-indigo-accent-3:link, a.text-lg-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-lg-indigo-accent-4 { color: #304FFE !important; } a.text-lg-indigo-accent-4:hover, a.text-lg-indigo-accent-4:focus, a.text-lg-indigo-accent-4:link, a.text-lg-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-lg-blue { color: #2196F3 !important; } a.text-lg-blue:hover, a.text-lg-blue:focus, a.text-lg-blue:link, a.text-lg-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-lg-blue-lighten-5 { color: #E3F2FD !important; } a.text-lg-blue-lighten-5:hover, a.text-lg-blue-lighten-5:focus, a.text-lg-blue-lighten-5:link, a.text-lg-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-lg-blue-lighten-4 { color: #BBDEFB !important; } a.text-lg-blue-lighten-4:hover, a.text-lg-blue-lighten-4:focus, a.text-lg-blue-lighten-4:link, a.text-lg-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-lg-blue-lighten-3 { color: #90CAF9 !important; } a.text-lg-blue-lighten-3:hover, a.text-lg-blue-lighten-3:focus, a.text-lg-blue-lighten-3:link, a.text-lg-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-lg-blue-lighten-2 { color: #64B5F6 !important; } a.text-lg-blue-lighten-2:hover, a.text-lg-blue-lighten-2:focus, a.text-lg-blue-lighten-2:link, a.text-lg-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-lg-blue-lighten-1 { color: #42A5F5 !important; } a.text-lg-blue-lighten-1:hover, a.text-lg-blue-lighten-1:focus, a.text-lg-blue-lighten-1:link, a.text-lg-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-lg-blue-darken-1 { color: #1E88E5 !important; } a.text-lg-blue-darken-1:hover, a.text-lg-blue-darken-1:focus, a.text-lg-blue-darken-1:link, a.text-lg-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-lg-blue-darken-2 { color: #1976D2 !important; } a.text-lg-blue-darken-2:hover, a.text-lg-blue-darken-2:focus, a.text-lg-blue-darken-2:link, a.text-lg-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-lg-blue-darken-3 { color: #1565C0 !important; } a.text-lg-blue-darken-3:hover, a.text-lg-blue-darken-3:focus, a.text-lg-blue-darken-3:link, a.text-lg-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-lg-blue-darken-4 { color: #0D47A1 !important; } a.text-lg-blue-darken-4:hover, a.text-lg-blue-darken-4:focus, a.text-lg-blue-darken-4:link, a.text-lg-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-lg-blue-accent-1 { color: #82B1FF !important; } a.text-lg-blue-accent-1:hover, a.text-lg-blue-accent-1:focus, a.text-lg-blue-accent-1:link, a.text-lg-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-lg-blue-accent-2 { color: #448AFF !important; } a.text-lg-blue-accent-2:hover, a.text-lg-blue-accent-2:focus, a.text-lg-blue-accent-2:link, a.text-lg-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-lg-blue-accent-3 { color: #2979FF !important; } a.text-lg-blue-accent-3:hover, a.text-lg-blue-accent-3:focus, a.text-lg-blue-accent-3:link, a.text-lg-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-lg-blue-accent-4 { color: #2962FF !important; } a.text-lg-blue-accent-4:hover, a.text-lg-blue-accent-4:focus, a.text-lg-blue-accent-4:link, a.text-lg-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-lg-light-blue { color: #03A9F4 !important; } a.text-lg-light-blue:hover, a.text-lg-light-blue:focus, a.text-lg-light-blue:link, a.text-lg-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-lg-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-lg-light-blue-lighten-5:hover, a.text-lg-light-blue-lighten-5:focus, a.text-lg-light-blue-lighten-5:link, a.text-lg-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-lg-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-lg-light-blue-lighten-4:hover, a.text-lg-light-blue-lighten-4:focus, a.text-lg-light-blue-lighten-4:link, a.text-lg-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-lg-light-blue-lighten-3 { color: #81D4FA !important; } a.text-lg-light-blue-lighten-3:hover, a.text-lg-light-blue-lighten-3:focus, a.text-lg-light-blue-lighten-3:link, a.text-lg-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-lg-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-lg-light-blue-lighten-2:hover, a.text-lg-light-blue-lighten-2:focus, a.text-lg-light-blue-lighten-2:link, a.text-lg-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-lg-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-lg-light-blue-lighten-1:hover, a.text-lg-light-blue-lighten-1:focus, a.text-lg-light-blue-lighten-1:link, a.text-lg-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-lg-light-blue-darken-1 { color: #039BE5 !important; } a.text-lg-light-blue-darken-1:hover, a.text-lg-light-blue-darken-1:focus, a.text-lg-light-blue-darken-1:link, a.text-lg-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-lg-light-blue-darken-2 { color: #0288D1 !important; } a.text-lg-light-blue-darken-2:hover, a.text-lg-light-blue-darken-2:focus, a.text-lg-light-blue-darken-2:link, a.text-lg-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-lg-light-blue-darken-3 { color: #0277BD !important; } a.text-lg-light-blue-darken-3:hover, a.text-lg-light-blue-darken-3:focus, a.text-lg-light-blue-darken-3:link, a.text-lg-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-lg-light-blue-darken-4 { color: #01579B !important; } a.text-lg-light-blue-darken-4:hover, a.text-lg-light-blue-darken-4:focus, a.text-lg-light-blue-darken-4:link, a.text-lg-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-lg-light-blue-accent-1 { color: #80D8FF !important; } a.text-lg-light-blue-accent-1:hover, a.text-lg-light-blue-accent-1:focus, a.text-lg-light-blue-accent-1:link, a.text-lg-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-lg-light-blue-accent-2 { color: #40C4FF !important; } a.text-lg-light-blue-accent-2:hover, a.text-lg-light-blue-accent-2:focus, a.text-lg-light-blue-accent-2:link, a.text-lg-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-lg-light-blue-accent-3 { color: #00B0FF !important; } a.text-lg-light-blue-accent-3:hover, a.text-lg-light-blue-accent-3:focus, a.text-lg-light-blue-accent-3:link, a.text-lg-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-lg-light-blue-accent-4 { color: #0091EA !important; } a.text-lg-light-blue-accent-4:hover, a.text-lg-light-blue-accent-4:focus, a.text-lg-light-blue-accent-4:link, a.text-lg-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-lg-cyan { color: #00BCD4 !important; } a.text-lg-cyan:hover, a.text-lg-cyan:focus, a.text-lg-cyan:link, a.text-lg-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-lg-cyan-lighten-5 { color: #E0F7FA !important; } a.text-lg-cyan-lighten-5:hover, a.text-lg-cyan-lighten-5:focus, a.text-lg-cyan-lighten-5:link, a.text-lg-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-lg-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-lg-cyan-lighten-4:hover, a.text-lg-cyan-lighten-4:focus, a.text-lg-cyan-lighten-4:link, a.text-lg-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-lg-cyan-lighten-3 { color: #80DEEA !important; } a.text-lg-cyan-lighten-3:hover, a.text-lg-cyan-lighten-3:focus, a.text-lg-cyan-lighten-3:link, a.text-lg-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-lg-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-lg-cyan-lighten-2:hover, a.text-lg-cyan-lighten-2:focus, a.text-lg-cyan-lighten-2:link, a.text-lg-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-lg-cyan-lighten-1 { color: #26C6DA !important; } a.text-lg-cyan-lighten-1:hover, a.text-lg-cyan-lighten-1:focus, a.text-lg-cyan-lighten-1:link, a.text-lg-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-lg-cyan-darken-1 { color: #00ACC1 !important; } a.text-lg-cyan-darken-1:hover, a.text-lg-cyan-darken-1:focus, a.text-lg-cyan-darken-1:link, a.text-lg-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-lg-cyan-darken-2 { color: #0097A7 !important; } a.text-lg-cyan-darken-2:hover, a.text-lg-cyan-darken-2:focus, a.text-lg-cyan-darken-2:link, a.text-lg-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-lg-cyan-darken-3 { color: #00838F !important; } a.text-lg-cyan-darken-3:hover, a.text-lg-cyan-darken-3:focus, a.text-lg-cyan-darken-3:link, a.text-lg-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-lg-cyan-darken-4 { color: #006064 !important; } a.text-lg-cyan-darken-4:hover, a.text-lg-cyan-darken-4:focus, a.text-lg-cyan-darken-4:link, a.text-lg-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-lg-cyan-accent-1 { color: #84FFFF !important; } a.text-lg-cyan-accent-1:hover, a.text-lg-cyan-accent-1:focus, a.text-lg-cyan-accent-1:link, a.text-lg-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-lg-cyan-accent-2 { color: #18FFFF !important; } a.text-lg-cyan-accent-2:hover, a.text-lg-cyan-accent-2:focus, a.text-lg-cyan-accent-2:link, a.text-lg-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-lg-cyan-accent-3 { color: #00E5FF !important; } a.text-lg-cyan-accent-3:hover, a.text-lg-cyan-accent-3:focus, a.text-lg-cyan-accent-3:link, a.text-lg-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-lg-cyan-accent-4 { color: #00B8D4 !important; } a.text-lg-cyan-accent-4:hover, a.text-lg-cyan-accent-4:focus, a.text-lg-cyan-accent-4:link, a.text-lg-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-lg-teal { color: #009688 !important; } a.text-lg-teal:hover, a.text-lg-teal:focus, a.text-lg-teal:link, a.text-lg-teal:active { color: #009688 !important; text-decoration: none !important; } .text-lg-teal-lighten-5 { color: #E0F2F1 !important; } a.text-lg-teal-lighten-5:hover, a.text-lg-teal-lighten-5:focus, a.text-lg-teal-lighten-5:link, a.text-lg-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-lg-teal-lighten-4 { color: #B2DFDB !important; } a.text-lg-teal-lighten-4:hover, a.text-lg-teal-lighten-4:focus, a.text-lg-teal-lighten-4:link, a.text-lg-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-lg-teal-lighten-3 { color: #80CBC4 !important; } a.text-lg-teal-lighten-3:hover, a.text-lg-teal-lighten-3:focus, a.text-lg-teal-lighten-3:link, a.text-lg-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-lg-teal-lighten-2 { color: #4DB6AC !important; } a.text-lg-teal-lighten-2:hover, a.text-lg-teal-lighten-2:focus, a.text-lg-teal-lighten-2:link, a.text-lg-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-lg-teal-lighten-1 { color: #26A69A !important; } a.text-lg-teal-lighten-1:hover, a.text-lg-teal-lighten-1:focus, a.text-lg-teal-lighten-1:link, a.text-lg-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-lg-teal-darken-1 { color: #00897B !important; } a.text-lg-teal-darken-1:hover, a.text-lg-teal-darken-1:focus, a.text-lg-teal-darken-1:link, a.text-lg-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-lg-teal-darken-2 { color: #00796B !important; } a.text-lg-teal-darken-2:hover, a.text-lg-teal-darken-2:focus, a.text-lg-teal-darken-2:link, a.text-lg-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-lg-teal-darken-3 { color: #00695C !important; } a.text-lg-teal-darken-3:hover, a.text-lg-teal-darken-3:focus, a.text-lg-teal-darken-3:link, a.text-lg-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-lg-teal-darken-4 { color: #004D40 !important; } a.text-lg-teal-darken-4:hover, a.text-lg-teal-darken-4:focus, a.text-lg-teal-darken-4:link, a.text-lg-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-lg-teal-accent-1 { color: #A7FFEB !important; } a.text-lg-teal-accent-1:hover, a.text-lg-teal-accent-1:focus, a.text-lg-teal-accent-1:link, a.text-lg-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-lg-teal-accent-2 { color: #64FFDA !important; } a.text-lg-teal-accent-2:hover, a.text-lg-teal-accent-2:focus, a.text-lg-teal-accent-2:link, a.text-lg-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-lg-teal-accent-3 { color: #1DE9B6 !important; } a.text-lg-teal-accent-3:hover, a.text-lg-teal-accent-3:focus, a.text-lg-teal-accent-3:link, a.text-lg-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-lg-teal-accent-4 { color: #00BFA5 !important; } a.text-lg-teal-accent-4:hover, a.text-lg-teal-accent-4:focus, a.text-lg-teal-accent-4:link, a.text-lg-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-lg-green { color: #4CAF50 !important; } a.text-lg-green:hover, a.text-lg-green:focus, a.text-lg-green:link, a.text-lg-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-lg-green-lighten-5 { color: #E8F5E9 !important; } a.text-lg-green-lighten-5:hover, a.text-lg-green-lighten-5:focus, a.text-lg-green-lighten-5:link, a.text-lg-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-lg-green-lighten-4 { color: #C8E6C9 !important; } a.text-lg-green-lighten-4:hover, a.text-lg-green-lighten-4:focus, a.text-lg-green-lighten-4:link, a.text-lg-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-lg-green-lighten-3 { color: #A5D6A7 !important; } a.text-lg-green-lighten-3:hover, a.text-lg-green-lighten-3:focus, a.text-lg-green-lighten-3:link, a.text-lg-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-lg-green-lighten-2 { color: #81C784 !important; } a.text-lg-green-lighten-2:hover, a.text-lg-green-lighten-2:focus, a.text-lg-green-lighten-2:link, a.text-lg-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-lg-green-lighten-1 { color: #66BB6A !important; } a.text-lg-green-lighten-1:hover, a.text-lg-green-lighten-1:focus, a.text-lg-green-lighten-1:link, a.text-lg-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-lg-green-darken-1 { color: #43A047 !important; } a.text-lg-green-darken-1:hover, a.text-lg-green-darken-1:focus, a.text-lg-green-darken-1:link, a.text-lg-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-lg-green-darken-2 { color: #388E3C !important; } a.text-lg-green-darken-2:hover, a.text-lg-green-darken-2:focus, a.text-lg-green-darken-2:link, a.text-lg-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-lg-green-darken-3 { color: #2E7D32 !important; } a.text-lg-green-darken-3:hover, a.text-lg-green-darken-3:focus, a.text-lg-green-darken-3:link, a.text-lg-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-lg-green-darken-4 { color: #1B5E20 !important; } a.text-lg-green-darken-4:hover, a.text-lg-green-darken-4:focus, a.text-lg-green-darken-4:link, a.text-lg-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-lg-green-accent-1 { color: #B9F6CA !important; } a.text-lg-green-accent-1:hover, a.text-lg-green-accent-1:focus, a.text-lg-green-accent-1:link, a.text-lg-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-lg-green-accent-2 { color: #69F0AE !important; } a.text-lg-green-accent-2:hover, a.text-lg-green-accent-2:focus, a.text-lg-green-accent-2:link, a.text-lg-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-lg-green-accent-3 { color: #00E676 !important; } a.text-lg-green-accent-3:hover, a.text-lg-green-accent-3:focus, a.text-lg-green-accent-3:link, a.text-lg-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-lg-green-accent-4 { color: #00C853 !important; } a.text-lg-green-accent-4:hover, a.text-lg-green-accent-4:focus, a.text-lg-green-accent-4:link, a.text-lg-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-lg-light-green { color: #8BC34A !important; } a.text-lg-light-green:hover, a.text-lg-light-green:focus, a.text-lg-light-green:link, a.text-lg-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-lg-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-lg-light-green-lighten-5:hover, a.text-lg-light-green-lighten-5:focus, a.text-lg-light-green-lighten-5:link, a.text-lg-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-lg-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-lg-light-green-lighten-4:hover, a.text-lg-light-green-lighten-4:focus, a.text-lg-light-green-lighten-4:link, a.text-lg-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-lg-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-lg-light-green-lighten-3:hover, a.text-lg-light-green-lighten-3:focus, a.text-lg-light-green-lighten-3:link, a.text-lg-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-lg-light-green-lighten-2 { color: #AED581 !important; } a.text-lg-light-green-lighten-2:hover, a.text-lg-light-green-lighten-2:focus, a.text-lg-light-green-lighten-2:link, a.text-lg-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-lg-light-green-lighten-1 { color: #9CCC65 !important; } a.text-lg-light-green-lighten-1:hover, a.text-lg-light-green-lighten-1:focus, a.text-lg-light-green-lighten-1:link, a.text-lg-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-lg-light-green-darken-1 { color: #7CB342 !important; } a.text-lg-light-green-darken-1:hover, a.text-lg-light-green-darken-1:focus, a.text-lg-light-green-darken-1:link, a.text-lg-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-lg-light-green-darken-2 { color: #689F38 !important; } a.text-lg-light-green-darken-2:hover, a.text-lg-light-green-darken-2:focus, a.text-lg-light-green-darken-2:link, a.text-lg-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-lg-light-green-darken-3 { color: #558B2F !important; } a.text-lg-light-green-darken-3:hover, a.text-lg-light-green-darken-3:focus, a.text-lg-light-green-darken-3:link, a.text-lg-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-lg-light-green-darken-4 { color: #33691E !important; } a.text-lg-light-green-darken-4:hover, a.text-lg-light-green-darken-4:focus, a.text-lg-light-green-darken-4:link, a.text-lg-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-lg-light-green-accent-1 { color: #CCFF90 !important; } a.text-lg-light-green-accent-1:hover, a.text-lg-light-green-accent-1:focus, a.text-lg-light-green-accent-1:link, a.text-lg-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-lg-light-green-accent-2 { color: #B2FF59 !important; } a.text-lg-light-green-accent-2:hover, a.text-lg-light-green-accent-2:focus, a.text-lg-light-green-accent-2:link, a.text-lg-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-lg-light-green-accent-3 { color: #76FF03 !important; } a.text-lg-light-green-accent-3:hover, a.text-lg-light-green-accent-3:focus, a.text-lg-light-green-accent-3:link, a.text-lg-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-lg-light-green-accent-4 { color: #64DD17 !important; } a.text-lg-light-green-accent-4:hover, a.text-lg-light-green-accent-4:focus, a.text-lg-light-green-accent-4:link, a.text-lg-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-lg-lime { color: #CDDC39 !important; } a.text-lg-lime:hover, a.text-lg-lime:focus, a.text-lg-lime:link, a.text-lg-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-lg-lime-lighten-5 { color: #F9FBE7 !important; } a.text-lg-lime-lighten-5:hover, a.text-lg-lime-lighten-5:focus, a.text-lg-lime-lighten-5:link, a.text-lg-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-lg-lime-lighten-4 { color: #F0F4C3 !important; } a.text-lg-lime-lighten-4:hover, a.text-lg-lime-lighten-4:focus, a.text-lg-lime-lighten-4:link, a.text-lg-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-lg-lime-lighten-3 { color: #E6EE9C !important; } a.text-lg-lime-lighten-3:hover, a.text-lg-lime-lighten-3:focus, a.text-lg-lime-lighten-3:link, a.text-lg-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-lg-lime-lighten-2 { color: #DCE775 !important; } a.text-lg-lime-lighten-2:hover, a.text-lg-lime-lighten-2:focus, a.text-lg-lime-lighten-2:link, a.text-lg-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-lg-lime-lighten-1 { color: #D4E157 !important; } a.text-lg-lime-lighten-1:hover, a.text-lg-lime-lighten-1:focus, a.text-lg-lime-lighten-1:link, a.text-lg-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-lg-lime-darken-1 { color: #C0CA33 !important; } a.text-lg-lime-darken-1:hover, a.text-lg-lime-darken-1:focus, a.text-lg-lime-darken-1:link, a.text-lg-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-lg-lime-darken-2 { color: #AFB42B !important; } a.text-lg-lime-darken-2:hover, a.text-lg-lime-darken-2:focus, a.text-lg-lime-darken-2:link, a.text-lg-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-lg-lime-darken-3 { color: #9E9D24 !important; } a.text-lg-lime-darken-3:hover, a.text-lg-lime-darken-3:focus, a.text-lg-lime-darken-3:link, a.text-lg-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-lg-lime-darken-4 { color: #827717 !important; } a.text-lg-lime-darken-4:hover, a.text-lg-lime-darken-4:focus, a.text-lg-lime-darken-4:link, a.text-lg-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-lg-lime-accent-1 { color: #F4FF81 !important; } a.text-lg-lime-accent-1:hover, a.text-lg-lime-accent-1:focus, a.text-lg-lime-accent-1:link, a.text-lg-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-lg-lime-accent-2 { color: #EEFF41 !important; } a.text-lg-lime-accent-2:hover, a.text-lg-lime-accent-2:focus, a.text-lg-lime-accent-2:link, a.text-lg-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-lg-lime-accent-3 { color: #C6FF00 !important; } a.text-lg-lime-accent-3:hover, a.text-lg-lime-accent-3:focus, a.text-lg-lime-accent-3:link, a.text-lg-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-lg-lime-accent-4 { color: #AEEA00 !important; } a.text-lg-lime-accent-4:hover, a.text-lg-lime-accent-4:focus, a.text-lg-lime-accent-4:link, a.text-lg-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-lg-yellow { color: #FFEB3B !important; } a.text-lg-yellow:hover, a.text-lg-yellow:focus, a.text-lg-yellow:link, a.text-lg-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-lg-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-lg-yellow-lighten-5:hover, a.text-lg-yellow-lighten-5:focus, a.text-lg-yellow-lighten-5:link, a.text-lg-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-lg-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-lg-yellow-lighten-4:hover, a.text-lg-yellow-lighten-4:focus, a.text-lg-yellow-lighten-4:link, a.text-lg-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-lg-yellow-lighten-3 { color: #FFF59D !important; } a.text-lg-yellow-lighten-3:hover, a.text-lg-yellow-lighten-3:focus, a.text-lg-yellow-lighten-3:link, a.text-lg-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-lg-yellow-lighten-2 { color: #FFF176 !important; } a.text-lg-yellow-lighten-2:hover, a.text-lg-yellow-lighten-2:focus, a.text-lg-yellow-lighten-2:link, a.text-lg-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-lg-yellow-lighten-1 { color: #FFEE58 !important; } a.text-lg-yellow-lighten-1:hover, a.text-lg-yellow-lighten-1:focus, a.text-lg-yellow-lighten-1:link, a.text-lg-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-lg-yellow-darken-1 { color: #FDD835 !important; } a.text-lg-yellow-darken-1:hover, a.text-lg-yellow-darken-1:focus, a.text-lg-yellow-darken-1:link, a.text-lg-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-lg-yellow-darken-2 { color: #FBC02D !important; } a.text-lg-yellow-darken-2:hover, a.text-lg-yellow-darken-2:focus, a.text-lg-yellow-darken-2:link, a.text-lg-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-lg-yellow-darken-3 { color: #F9A825 !important; } a.text-lg-yellow-darken-3:hover, a.text-lg-yellow-darken-3:focus, a.text-lg-yellow-darken-3:link, a.text-lg-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-lg-yellow-darken-4 { color: #F57F17 !important; } a.text-lg-yellow-darken-4:hover, a.text-lg-yellow-darken-4:focus, a.text-lg-yellow-darken-4:link, a.text-lg-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-lg-yellow-accent-1 { color: #FFFF8D !important; } a.text-lg-yellow-accent-1:hover, a.text-lg-yellow-accent-1:focus, a.text-lg-yellow-accent-1:link, a.text-lg-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-lg-yellow-accent-2 { color: #FFFF00 !important; } a.text-lg-yellow-accent-2:hover, a.text-lg-yellow-accent-2:focus, a.text-lg-yellow-accent-2:link, a.text-lg-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-lg-yellow-accent-3 { color: #FFEA00 !important; } a.text-lg-yellow-accent-3:hover, a.text-lg-yellow-accent-3:focus, a.text-lg-yellow-accent-3:link, a.text-lg-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-lg-yellow-accent-4 { color: #FFD600 !important; } a.text-lg-yellow-accent-4:hover, a.text-lg-yellow-accent-4:focus, a.text-lg-yellow-accent-4:link, a.text-lg-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-lg-amber { color: #FFC107 !important; } a.text-lg-amber:hover, a.text-lg-amber:focus, a.text-lg-amber:link, a.text-lg-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-lg-amber-lighten-5 { color: #FFF8E1 !important; } a.text-lg-amber-lighten-5:hover, a.text-lg-amber-lighten-5:focus, a.text-lg-amber-lighten-5:link, a.text-lg-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-lg-amber-lighten-4 { color: #FFECB3 !important; } a.text-lg-amber-lighten-4:hover, a.text-lg-amber-lighten-4:focus, a.text-lg-amber-lighten-4:link, a.text-lg-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-lg-amber-lighten-3 { color: #FFE082 !important; } a.text-lg-amber-lighten-3:hover, a.text-lg-amber-lighten-3:focus, a.text-lg-amber-lighten-3:link, a.text-lg-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-lg-amber-lighten-2 { color: #FFD54F !important; } a.text-lg-amber-lighten-2:hover, a.text-lg-amber-lighten-2:focus, a.text-lg-amber-lighten-2:link, a.text-lg-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-lg-amber-lighten-1 { color: #FFCA28 !important; } a.text-lg-amber-lighten-1:hover, a.text-lg-amber-lighten-1:focus, a.text-lg-amber-lighten-1:link, a.text-lg-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-lg-amber-darken-1 { color: #FFB300 !important; } a.text-lg-amber-darken-1:hover, a.text-lg-amber-darken-1:focus, a.text-lg-amber-darken-1:link, a.text-lg-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-lg-amber-darken-2 { color: #FFA000 !important; } a.text-lg-amber-darken-2:hover, a.text-lg-amber-darken-2:focus, a.text-lg-amber-darken-2:link, a.text-lg-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-lg-amber-darken-3 { color: #FF8F00 !important; } a.text-lg-amber-darken-3:hover, a.text-lg-amber-darken-3:focus, a.text-lg-amber-darken-3:link, a.text-lg-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-lg-amber-darken-4 { color: #FF6F00 !important; } a.text-lg-amber-darken-4:hover, a.text-lg-amber-darken-4:focus, a.text-lg-amber-darken-4:link, a.text-lg-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-lg-amber-accent-1 { color: #FFE57F !important; } a.text-lg-amber-accent-1:hover, a.text-lg-amber-accent-1:focus, a.text-lg-amber-accent-1:link, a.text-lg-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-lg-amber-accent-2 { color: #FFD740 !important; } a.text-lg-amber-accent-2:hover, a.text-lg-amber-accent-2:focus, a.text-lg-amber-accent-2:link, a.text-lg-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-lg-amber-accent-3 { color: #FFC400 !important; } a.text-lg-amber-accent-3:hover, a.text-lg-amber-accent-3:focus, a.text-lg-amber-accent-3:link, a.text-lg-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-lg-amber-accent-4 { color: #FFAB00 !important; } a.text-lg-amber-accent-4:hover, a.text-lg-amber-accent-4:focus, a.text-lg-amber-accent-4:link, a.text-lg-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-lg-orange { color: #FF9800 !important; } a.text-lg-orange:hover, a.text-lg-orange:focus, a.text-lg-orange:link, a.text-lg-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-lg-orange-lighten-5 { color: #FFF3E0 !important; } a.text-lg-orange-lighten-5:hover, a.text-lg-orange-lighten-5:focus, a.text-lg-orange-lighten-5:link, a.text-lg-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-lg-orange-lighten-4 { color: #FFE0B2 !important; } a.text-lg-orange-lighten-4:hover, a.text-lg-orange-lighten-4:focus, a.text-lg-orange-lighten-4:link, a.text-lg-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-lg-orange-lighten-3 { color: #FFCC80 !important; } a.text-lg-orange-lighten-3:hover, a.text-lg-orange-lighten-3:focus, a.text-lg-orange-lighten-3:link, a.text-lg-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-lg-orange-lighten-2 { color: #FFB74D !important; } a.text-lg-orange-lighten-2:hover, a.text-lg-orange-lighten-2:focus, a.text-lg-orange-lighten-2:link, a.text-lg-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-lg-orange-lighten-1 { color: #FFA726 !important; } a.text-lg-orange-lighten-1:hover, a.text-lg-orange-lighten-1:focus, a.text-lg-orange-lighten-1:link, a.text-lg-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-lg-orange-darken-1 { color: #FB8C00 !important; } a.text-lg-orange-darken-1:hover, a.text-lg-orange-darken-1:focus, a.text-lg-orange-darken-1:link, a.text-lg-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-lg-orange-darken-2 { color: #F57C00 !important; } a.text-lg-orange-darken-2:hover, a.text-lg-orange-darken-2:focus, a.text-lg-orange-darken-2:link, a.text-lg-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-lg-orange-darken-3 { color: #EF6C00 !important; } a.text-lg-orange-darken-3:hover, a.text-lg-orange-darken-3:focus, a.text-lg-orange-darken-3:link, a.text-lg-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-lg-orange-darken-4 { color: #E65100 !important; } a.text-lg-orange-darken-4:hover, a.text-lg-orange-darken-4:focus, a.text-lg-orange-darken-4:link, a.text-lg-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-lg-orange-accent-1 { color: #FFD180 !important; } a.text-lg-orange-accent-1:hover, a.text-lg-orange-accent-1:focus, a.text-lg-orange-accent-1:link, a.text-lg-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-lg-orange-accent-2 { color: #FFAB40 !important; } a.text-lg-orange-accent-2:hover, a.text-lg-orange-accent-2:focus, a.text-lg-orange-accent-2:link, a.text-lg-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-lg-orange-accent-3 { color: #FF9100 !important; } a.text-lg-orange-accent-3:hover, a.text-lg-orange-accent-3:focus, a.text-lg-orange-accent-3:link, a.text-lg-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-lg-orange-accent-4 { color: #FF6D00 !important; } a.text-lg-orange-accent-4:hover, a.text-lg-orange-accent-4:focus, a.text-lg-orange-accent-4:link, a.text-lg-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-lg-deep-orange { color: #FF5722 !important; } a.text-lg-deep-orange:hover, a.text-lg-deep-orange:focus, a.text-lg-deep-orange:link, a.text-lg-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-lg-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-lg-deep-orange-lighten-5:hover, a.text-lg-deep-orange-lighten-5:focus, a.text-lg-deep-orange-lighten-5:link, a.text-lg-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-lg-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-lg-deep-orange-lighten-4:hover, a.text-lg-deep-orange-lighten-4:focus, a.text-lg-deep-orange-lighten-4:link, a.text-lg-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-lg-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-lg-deep-orange-lighten-3:hover, a.text-lg-deep-orange-lighten-3:focus, a.text-lg-deep-orange-lighten-3:link, a.text-lg-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-lg-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-lg-deep-orange-lighten-2:hover, a.text-lg-deep-orange-lighten-2:focus, a.text-lg-deep-orange-lighten-2:link, a.text-lg-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-lg-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-lg-deep-orange-lighten-1:hover, a.text-lg-deep-orange-lighten-1:focus, a.text-lg-deep-orange-lighten-1:link, a.text-lg-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-lg-deep-orange-darken-1 { color: #F4511E !important; } a.text-lg-deep-orange-darken-1:hover, a.text-lg-deep-orange-darken-1:focus, a.text-lg-deep-orange-darken-1:link, a.text-lg-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-lg-deep-orange-darken-2 { color: #E64A19 !important; } a.text-lg-deep-orange-darken-2:hover, a.text-lg-deep-orange-darken-2:focus, a.text-lg-deep-orange-darken-2:link, a.text-lg-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-lg-deep-orange-darken-3 { color: #D84315 !important; } a.text-lg-deep-orange-darken-3:hover, a.text-lg-deep-orange-darken-3:focus, a.text-lg-deep-orange-darken-3:link, a.text-lg-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-lg-deep-orange-darken-4 { color: #BF360C !important; } a.text-lg-deep-orange-darken-4:hover, a.text-lg-deep-orange-darken-4:focus, a.text-lg-deep-orange-darken-4:link, a.text-lg-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-lg-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-lg-deep-orange-accent-1:hover, a.text-lg-deep-orange-accent-1:focus, a.text-lg-deep-orange-accent-1:link, a.text-lg-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-lg-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-lg-deep-orange-accent-2:hover, a.text-lg-deep-orange-accent-2:focus, a.text-lg-deep-orange-accent-2:link, a.text-lg-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-lg-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-lg-deep-orange-accent-3:hover, a.text-lg-deep-orange-accent-3:focus, a.text-lg-deep-orange-accent-3:link, a.text-lg-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-lg-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-lg-deep-orange-accent-4:hover, a.text-lg-deep-orange-accent-4:focus, a.text-lg-deep-orange-accent-4:link, a.text-lg-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-lg-brown { color: #795548 !important; } a.text-lg-brown:hover, a.text-lg-brown:focus, a.text-lg-brown:link, a.text-lg-brown:active { color: #795548 !important; text-decoration: none !important; } .text-lg-brown-lighten-5 { color: #EFEBE9 !important; } a.text-lg-brown-lighten-5:hover, a.text-lg-brown-lighten-5:focus, a.text-lg-brown-lighten-5:link, a.text-lg-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-lg-brown-lighten-4 { color: #D7CCC8 !important; } a.text-lg-brown-lighten-4:hover, a.text-lg-brown-lighten-4:focus, a.text-lg-brown-lighten-4:link, a.text-lg-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-lg-brown-lighten-3 { color: #BCAAA4 !important; } a.text-lg-brown-lighten-3:hover, a.text-lg-brown-lighten-3:focus, a.text-lg-brown-lighten-3:link, a.text-lg-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-lg-brown-lighten-2 { color: #A1887F !important; } a.text-lg-brown-lighten-2:hover, a.text-lg-brown-lighten-2:focus, a.text-lg-brown-lighten-2:link, a.text-lg-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-lg-brown-lighten-1 { color: #8D6E63 !important; } a.text-lg-brown-lighten-1:hover, a.text-lg-brown-lighten-1:focus, a.text-lg-brown-lighten-1:link, a.text-lg-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-lg-brown-darken-1 { color: #6D4C41 !important; } a.text-lg-brown-darken-1:hover, a.text-lg-brown-darken-1:focus, a.text-lg-brown-darken-1:link, a.text-lg-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-lg-brown-darken-2 { color: #5D4037 !important; } a.text-lg-brown-darken-2:hover, a.text-lg-brown-darken-2:focus, a.text-lg-brown-darken-2:link, a.text-lg-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-lg-brown-darken-3 { color: #4E342E !important; } a.text-lg-brown-darken-3:hover, a.text-lg-brown-darken-3:focus, a.text-lg-brown-darken-3:link, a.text-lg-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-lg-brown-darken-4 { color: #3E2723 !important; } a.text-lg-brown-darken-4:hover, a.text-lg-brown-darken-4:focus, a.text-lg-brown-darken-4:link, a.text-lg-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } @media screen and (min-width: 1224px) { .text-xl-body { color: #464646 !important; } a.text-xl-body:hover, a.text-xl-body:focus, a.text-xl-body:link, a.text-xl-body:active { color: #464646 !important; text-decoration: none !important; } .text-xl-theme { color: #4682b4 !important; } a.text-xl-theme:hover, a.text-xl-theme:focus, a.text-xl-theme:link, a.text-xl-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-xl-theme-lighten-5 { color: #E8EFF6 !important; } a.text-xl-theme-lighten-5:hover, a.text-xl-theme-lighten-5:focus, a.text-xl-theme-lighten-5:link, a.text-xl-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-xl-theme-lighten-4 { color: #D1E0EC !important; } a.text-xl-theme-lighten-4:hover, a.text-xl-theme-lighten-4:focus, a.text-xl-theme-lighten-4:link, a.text-xl-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xl-theme-lighten-3 { color: #BAD0E3 !important; } a.text-xl-theme-lighten-3:hover, a.text-xl-theme-lighten-3:focus, a.text-xl-theme-lighten-3:link, a.text-xl-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-xl-theme-lighten-2 { color: #A3C1DA !important; } a.text-xl-theme-lighten-2:hover, a.text-xl-theme-lighten-2:focus, a.text-xl-theme-lighten-2:link, a.text-xl-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-xl-theme-lighten-1 { color: #74A1C7 !important; } a.text-xl-theme-lighten-1:hover, a.text-xl-theme-lighten-1:focus, a.text-xl-theme-lighten-1:link, a.text-xl-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-xl-theme-darken-1 { color: #3D729E !important; } a.text-xl-theme-darken-1:hover, a.text-xl-theme-darken-1:focus, a.text-xl-theme-darken-1:link, a.text-xl-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-xl-theme-darken-2 { color: #356287 !important; } a.text-xl-theme-darken-2:hover, a.text-xl-theme-darken-2:focus, a.text-xl-theme-darken-2:link, a.text-xl-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-xl-theme-darken-3 { color: #2C5171 !important; } a.text-xl-theme-darken-3:hover, a.text-xl-theme-darken-3:focus, a.text-xl-theme-darken-3:link, a.text-xl-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-xl-theme-darken-4 { color: #23415A !important; } a.text-xl-theme-darken-4:hover, a.text-xl-theme-darken-4:focus, a.text-xl-theme-darken-4:link, a.text-xl-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-xl-theme-accent-1 { color: #7ba7cc !important; } a.text-xl-theme-accent-1:hover, a.text-xl-theme-accent-1:focus, a.text-xl-theme-accent-1:link, a.text-xl-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-xl-theme-accent-2 { color: #568ebd !important; } a.text-xl-theme-accent-2:hover, a.text-xl-theme-accent-2:focus, a.text-xl-theme-accent-2:link, a.text-xl-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-xl-theme-accent-3 { color: #3f75a2 !important; } a.text-xl-theme-accent-3:hover, a.text-xl-theme-accent-3:focus, a.text-xl-theme-accent-3:link, a.text-xl-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-xl-theme-accent-4 { color: #315a7d !important; } a.text-xl-theme-accent-4:hover, a.text-xl-theme-accent-4:focus, a.text-xl-theme-accent-4:link, a.text-xl-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-xl-primary { color: #2196f3 !important; } a.text-xl-primary:hover, a.text-xl-primary:focus, a.text-xl-primary:link, a.text-xl-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-xl-secondary { color: #6c757d !important; } a.text-xl-secondary:hover, a.text-xl-secondary:focus, a.text-xl-secondary:link, a.text-xl-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-xl-success { color: #20ad20 !important; } a.text-xl-success:hover, a.text-xl-success:focus, a.text-xl-success:link, a.text-xl-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-xl-info { color: #4dd0e1 !important; } a.text-xl-info:hover, a.text-xl-info:focus, a.text-xl-info:link, a.text-xl-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-xl-warning { color: #f9cf48 !important; } a.text-xl-warning:hover, a.text-xl-warning:focus, a.text-xl-warning:link, a.text-xl-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-xl-danger { color: #f23629 !important; } a.text-xl-danger:hover, a.text-xl-danger:focus, a.text-xl-danger:link, a.text-xl-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-xl-alert { color: #f57b1d !important; } a.text-xl-alert:hover, a.text-xl-alert:focus, a.text-xl-alert:link, a.text-xl-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-xl-theme { color: #356287 !important; } a.text-xl-theme:hover, a.text-xl-theme:focus, a.text-xl-theme:link, a.text-xl-theme:active { color: #356287 !important; text-decoration: none !important; } .text-xl-white { color: #ffffff !important; } a.text-xl-white:hover, a.text-xl-white:focus, a.text-xl-white:link, a.text-xl-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xl-purple { color: #6A1B9A !important; } a.text-xl-purple:hover, a.text-xl-purple:focus, a.text-xl-purple:link, a.text-xl-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xl-primary-lighten { color: #e0f1ff !important; } a.text-xl-primary-lighten:hover, a.text-xl-primary-lighten:focus, a.text-xl-primary-lighten:link, a.text-xl-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-xl-secondary-lighten { color: #e1e1e1 !important; } a.text-xl-secondary-lighten:hover, a.text-xl-secondary-lighten:focus, a.text-xl-secondary-lighten:link, a.text-xl-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-xl-success-lighten { color: #e8fac7 !important; } a.text-xl-success-lighten:hover, a.text-xl-success-lighten:focus, a.text-xl-success-lighten:link, a.text-xl-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-xl-info-lighten { color: #d2f9ff !important; } a.text-xl-info-lighten:hover, a.text-xl-info-lighten:focus, a.text-xl-info-lighten:link, a.text-xl-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-xl-warning-lighten { color: #fef6d9 !important; } a.text-xl-warning-lighten:hover, a.text-xl-warning-lighten:focus, a.text-xl-warning-lighten:link, a.text-xl-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-xl-danger-lighten { color: #ffd4d1 !important; } a.text-xl-danger-lighten:hover, a.text-xl-danger-lighten:focus, a.text-xl-danger-lighten:link, a.text-xl-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-xl-alert-lighten { color: #fad6ba !important; } a.text-xl-alert-lighten:hover, a.text-xl-alert-lighten:focus, a.text-xl-alert-lighten:link, a.text-xl-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-xl-purple-lighten { color: #f5ebfc !important; } a.text-xl-purple-lighten:hover, a.text-xl-purple-lighten:focus, a.text-xl-purple-lighten:link, a.text-xl-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-xl-theme-lighten { color: #D1E0EC !important; } a.text-xl-theme-lighten:hover, a.text-xl-theme-lighten:focus, a.text-xl-theme-lighten:link, a.text-xl-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xl-app-line { color: #00B500 !important; } a.text-xl-app-line:hover, a.text-xl-app-line:focus, a.text-xl-app-line:link, a.text-xl-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-xl-app-youtube { color: #cd201f !important; } a.text-xl-app-youtube:hover, a.text-xl-app-youtube:focus, a.text-xl-app-youtube:link, a.text-xl-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-xl-app-twitter { color: #55acee !important; } a.text-xl-app-twitter:hover, a.text-xl-app-twitter:focus, a.text-xl-app-twitter:link, a.text-xl-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-xl-app-facebook { color: #4267B2 !important; } a.text-xl-app-facebook:hover, a.text-xl-app-facebook:focus, a.text-xl-app-facebook:link, a.text-xl-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-xl-app-instagram { color: #3f729b !important; } a.text-xl-app-instagram:hover, a.text-xl-app-instagram:focus, a.text-xl-app-instagram:link, a.text-xl-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-xl-app-google-plus { color: #dc4e41 !important; } a.text-xl-app-google-plus:hover, a.text-xl-app-google-plus:focus, a.text-xl-app-google-plus:link, a.text-xl-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-xl-white { color: #ffffff !important; } a.text-xl-white:hover, a.text-xl-white:focus, a.text-xl-white:link, a.text-xl-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xl-black { color: #000000 !important; } a.text-xl-black:hover, a.text-xl-black:focus, a.text-xl-black:link, a.text-xl-black:active { color: #000000 !important; text-decoration: none !important; } .text-xl-grey { color: #9E9E9E !important; } a.text-xl-grey:hover, a.text-xl-grey:focus, a.text-xl-grey:link, a.text-xl-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-xl-grey-lighten-5 { color: #FAFAFA !important; } a.text-xl-grey-lighten-5:hover, a.text-xl-grey-lighten-5:focus, a.text-xl-grey-lighten-5:link, a.text-xl-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-xl-grey-lighten-4 { color: #F5F5F5 !important; } a.text-xl-grey-lighten-4:hover, a.text-xl-grey-lighten-4:focus, a.text-xl-grey-lighten-4:link, a.text-xl-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-xl-grey-lighten-3 { color: #EEEEEE !important; } a.text-xl-grey-lighten-3:hover, a.text-xl-grey-lighten-3:focus, a.text-xl-grey-lighten-3:link, a.text-xl-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-xl-grey-lighten-2 { color: #E0E0E0 !important; } a.text-xl-grey-lighten-2:hover, a.text-xl-grey-lighten-2:focus, a.text-xl-grey-lighten-2:link, a.text-xl-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-xl-grey-lighten-1 { color: #BDBDBD !important; } a.text-xl-grey-lighten-1:hover, a.text-xl-grey-lighten-1:focus, a.text-xl-grey-lighten-1:link, a.text-xl-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-xl-grey-darken-1 { color: #757575 !important; } a.text-xl-grey-darken-1:hover, a.text-xl-grey-darken-1:focus, a.text-xl-grey-darken-1:link, a.text-xl-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-xl-grey-darken-2 { color: #616161 !important; } a.text-xl-grey-darken-2:hover, a.text-xl-grey-darken-2:focus, a.text-xl-grey-darken-2:link, a.text-xl-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-xl-grey-darken-3 { color: #424242 !important; } a.text-xl-grey-darken-3:hover, a.text-xl-grey-darken-3:focus, a.text-xl-grey-darken-3:link, a.text-xl-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-xl-grey-darken-4 { color: #212121 !important; } a.text-xl-grey-darken-4:hover, a.text-xl-grey-darken-4:focus, a.text-xl-grey-darken-4:link, a.text-xl-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-xl-blue-grey { color: #607D8B !important; } a.text-xl-blue-grey:hover, a.text-xl-blue-grey:focus, a.text-xl-blue-grey:link, a.text-xl-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-xl-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-xl-blue-grey-lighten-5:hover, a.text-xl-blue-grey-lighten-5:focus, a.text-xl-blue-grey-lighten-5:link, a.text-xl-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-xl-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-xl-blue-grey-lighten-4:hover, a.text-xl-blue-grey-lighten-4:focus, a.text-xl-blue-grey-lighten-4:link, a.text-xl-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-xl-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-xl-blue-grey-lighten-3:hover, a.text-xl-blue-grey-lighten-3:focus, a.text-xl-blue-grey-lighten-3:link, a.text-xl-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-xl-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-xl-blue-grey-lighten-2:hover, a.text-xl-blue-grey-lighten-2:focus, a.text-xl-blue-grey-lighten-2:link, a.text-xl-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-xl-blue-grey-lighten-1 { color: #78909C !important; } a.text-xl-blue-grey-lighten-1:hover, a.text-xl-blue-grey-lighten-1:focus, a.text-xl-blue-grey-lighten-1:link, a.text-xl-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-xl-blue-grey-darken-1 { color: #546E7A !important; } a.text-xl-blue-grey-darken-1:hover, a.text-xl-blue-grey-darken-1:focus, a.text-xl-blue-grey-darken-1:link, a.text-xl-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-xl-blue-grey-darken-2 { color: #455A64 !important; } a.text-xl-blue-grey-darken-2:hover, a.text-xl-blue-grey-darken-2:focus, a.text-xl-blue-grey-darken-2:link, a.text-xl-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-xl-blue-grey-darken-3 { color: #37474F !important; } a.text-xl-blue-grey-darken-3:hover, a.text-xl-blue-grey-darken-3:focus, a.text-xl-blue-grey-darken-3:link, a.text-xl-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-xl-blue-grey-darken-4 { color: #263238 !important; } a.text-xl-blue-grey-darken-4:hover, a.text-xl-blue-grey-darken-4:focus, a.text-xl-blue-grey-darken-4:link, a.text-xl-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-xl-red { color: #F44336 !important; } a.text-xl-red:hover, a.text-xl-red:focus, a.text-xl-red:link, a.text-xl-red:active { color: #F44336 !important; text-decoration: none !important; } .text-xl-red-lighten-5 { color: #FFEBEE !important; } a.text-xl-red-lighten-5:hover, a.text-xl-red-lighten-5:focus, a.text-xl-red-lighten-5:link, a.text-xl-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-xl-red-lighten-4 { color: #FFCDD2 !important; } a.text-xl-red-lighten-4:hover, a.text-xl-red-lighten-4:focus, a.text-xl-red-lighten-4:link, a.text-xl-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-xl-red-lighten-3 { color: #EF9A9A !important; } a.text-xl-red-lighten-3:hover, a.text-xl-red-lighten-3:focus, a.text-xl-red-lighten-3:link, a.text-xl-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-xl-red-lighten-2 { color: #E57373 !important; } a.text-xl-red-lighten-2:hover, a.text-xl-red-lighten-2:focus, a.text-xl-red-lighten-2:link, a.text-xl-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-xl-red-lighten-1 { color: #EF5350 !important; } a.text-xl-red-lighten-1:hover, a.text-xl-red-lighten-1:focus, a.text-xl-red-lighten-1:link, a.text-xl-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-xl-red-darken-1 { color: #E53935 !important; } a.text-xl-red-darken-1:hover, a.text-xl-red-darken-1:focus, a.text-xl-red-darken-1:link, a.text-xl-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-xl-red-darken-2 { color: #D32F2F !important; } a.text-xl-red-darken-2:hover, a.text-xl-red-darken-2:focus, a.text-xl-red-darken-2:link, a.text-xl-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-xl-red-darken-3 { color: #C62828 !important; } a.text-xl-red-darken-3:hover, a.text-xl-red-darken-3:focus, a.text-xl-red-darken-3:link, a.text-xl-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-xl-red-darken-4 { color: #B71C1C !important; } a.text-xl-red-darken-4:hover, a.text-xl-red-darken-4:focus, a.text-xl-red-darken-4:link, a.text-xl-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-xl-red-accent-1 { color: #FF8A80 !important; } a.text-xl-red-accent-1:hover, a.text-xl-red-accent-1:focus, a.text-xl-red-accent-1:link, a.text-xl-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-xl-red-accent-2 { color: #FF5252 !important; } a.text-xl-red-accent-2:hover, a.text-xl-red-accent-2:focus, a.text-xl-red-accent-2:link, a.text-xl-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-xl-red-accent-3 { color: #FF1744 !important; } a.text-xl-red-accent-3:hover, a.text-xl-red-accent-3:focus, a.text-xl-red-accent-3:link, a.text-xl-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-xl-red-accent-4 { color: #D50000 !important; } a.text-xl-red-accent-4:hover, a.text-xl-red-accent-4:focus, a.text-xl-red-accent-4:link, a.text-xl-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-xl-pink { color: #E91E63 !important; } a.text-xl-pink:hover, a.text-xl-pink:focus, a.text-xl-pink:link, a.text-xl-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-xl-pink-lighten-5 { color: #FCE4EC !important; } a.text-xl-pink-lighten-5:hover, a.text-xl-pink-lighten-5:focus, a.text-xl-pink-lighten-5:link, a.text-xl-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-xl-pink-lighten-4 { color: #F8BBD0 !important; } a.text-xl-pink-lighten-4:hover, a.text-xl-pink-lighten-4:focus, a.text-xl-pink-lighten-4:link, a.text-xl-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-xl-pink-lighten-3 { color: #F48FB1 !important; } a.text-xl-pink-lighten-3:hover, a.text-xl-pink-lighten-3:focus, a.text-xl-pink-lighten-3:link, a.text-xl-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-xl-pink-lighten-2 { color: #F06292 !important; } a.text-xl-pink-lighten-2:hover, a.text-xl-pink-lighten-2:focus, a.text-xl-pink-lighten-2:link, a.text-xl-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-xl-pink-lighten-1 { color: #EC407A !important; } a.text-xl-pink-lighten-1:hover, a.text-xl-pink-lighten-1:focus, a.text-xl-pink-lighten-1:link, a.text-xl-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-xl-pink-darken-1 { color: #D81B60 !important; } a.text-xl-pink-darken-1:hover, a.text-xl-pink-darken-1:focus, a.text-xl-pink-darken-1:link, a.text-xl-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-xl-pink-darken-2 { color: #C2185B !important; } a.text-xl-pink-darken-2:hover, a.text-xl-pink-darken-2:focus, a.text-xl-pink-darken-2:link, a.text-xl-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-xl-pink-darken-3 { color: #AD1457 !important; } a.text-xl-pink-darken-3:hover, a.text-xl-pink-darken-3:focus, a.text-xl-pink-darken-3:link, a.text-xl-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-xl-pink-darken-4 { color: #880E4F !important; } a.text-xl-pink-darken-4:hover, a.text-xl-pink-darken-4:focus, a.text-xl-pink-darken-4:link, a.text-xl-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-xl-pink-accent-1 { color: #FF80AB !important; } a.text-xl-pink-accent-1:hover, a.text-xl-pink-accent-1:focus, a.text-xl-pink-accent-1:link, a.text-xl-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-xl-pink-accent-2 { color: #FF4081 !important; } a.text-xl-pink-accent-2:hover, a.text-xl-pink-accent-2:focus, a.text-xl-pink-accent-2:link, a.text-xl-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-xl-pink-accent-3 { color: #F50057 !important; } a.text-xl-pink-accent-3:hover, a.text-xl-pink-accent-3:focus, a.text-xl-pink-accent-3:link, a.text-xl-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-xl-pink-accent-4 { color: #C51162 !important; } a.text-xl-pink-accent-4:hover, a.text-xl-pink-accent-4:focus, a.text-xl-pink-accent-4:link, a.text-xl-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-xl-purple { color: #9C27B0 !important; } a.text-xl-purple:hover, a.text-xl-purple:focus, a.text-xl-purple:link, a.text-xl-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-xl-purple-lighten-5 { color: #F3E5F5 !important; } a.text-xl-purple-lighten-5:hover, a.text-xl-purple-lighten-5:focus, a.text-xl-purple-lighten-5:link, a.text-xl-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-xl-purple-lighten-4 { color: #E1BEE7 !important; } a.text-xl-purple-lighten-4:hover, a.text-xl-purple-lighten-4:focus, a.text-xl-purple-lighten-4:link, a.text-xl-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-xl-purple-lighten-3 { color: #CE93D8 !important; } a.text-xl-purple-lighten-3:hover, a.text-xl-purple-lighten-3:focus, a.text-xl-purple-lighten-3:link, a.text-xl-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-xl-purple-lighten-2 { color: #BA68C8 !important; } a.text-xl-purple-lighten-2:hover, a.text-xl-purple-lighten-2:focus, a.text-xl-purple-lighten-2:link, a.text-xl-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-xl-purple-lighten-1 { color: #AB47BC !important; } a.text-xl-purple-lighten-1:hover, a.text-xl-purple-lighten-1:focus, a.text-xl-purple-lighten-1:link, a.text-xl-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-xl-purple-darken-1 { color: #8E24AA !important; } a.text-xl-purple-darken-1:hover, a.text-xl-purple-darken-1:focus, a.text-xl-purple-darken-1:link, a.text-xl-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-xl-purple-darken-2 { color: #7B1FA2 !important; } a.text-xl-purple-darken-2:hover, a.text-xl-purple-darken-2:focus, a.text-xl-purple-darken-2:link, a.text-xl-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-xl-purple-darken-3 { color: #6A1B9A !important; } a.text-xl-purple-darken-3:hover, a.text-xl-purple-darken-3:focus, a.text-xl-purple-darken-3:link, a.text-xl-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xl-purple-darken-4 { color: #4A148C !important; } a.text-xl-purple-darken-4:hover, a.text-xl-purple-darken-4:focus, a.text-xl-purple-darken-4:link, a.text-xl-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-xl-purple-accent-1 { color: #EA80FC !important; } a.text-xl-purple-accent-1:hover, a.text-xl-purple-accent-1:focus, a.text-xl-purple-accent-1:link, a.text-xl-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-xl-purple-accent-2 { color: #E040FB !important; } a.text-xl-purple-accent-2:hover, a.text-xl-purple-accent-2:focus, a.text-xl-purple-accent-2:link, a.text-xl-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-xl-purple-accent-3 { color: #D500F9 !important; } a.text-xl-purple-accent-3:hover, a.text-xl-purple-accent-3:focus, a.text-xl-purple-accent-3:link, a.text-xl-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-xl-purple-accent-4 { color: #AA00FF !important; } a.text-xl-purple-accent-4:hover, a.text-xl-purple-accent-4:focus, a.text-xl-purple-accent-4:link, a.text-xl-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-xl-deep-purple { color: #673AB7 !important; } a.text-xl-deep-purple:hover, a.text-xl-deep-purple:focus, a.text-xl-deep-purple:link, a.text-xl-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-xl-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-xl-deep-purple-lighten-5:hover, a.text-xl-deep-purple-lighten-5:focus, a.text-xl-deep-purple-lighten-5:link, a.text-xl-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-xl-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-xl-deep-purple-lighten-4:hover, a.text-xl-deep-purple-lighten-4:focus, a.text-xl-deep-purple-lighten-4:link, a.text-xl-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-xl-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-xl-deep-purple-lighten-3:hover, a.text-xl-deep-purple-lighten-3:focus, a.text-xl-deep-purple-lighten-3:link, a.text-xl-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-xl-deep-purple-lighten-2 { color: #9575CD !important; } a.text-xl-deep-purple-lighten-2:hover, a.text-xl-deep-purple-lighten-2:focus, a.text-xl-deep-purple-lighten-2:link, a.text-xl-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-xl-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-xl-deep-purple-lighten-1:hover, a.text-xl-deep-purple-lighten-1:focus, a.text-xl-deep-purple-lighten-1:link, a.text-xl-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-xl-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-xl-deep-purple-darken-1:hover, a.text-xl-deep-purple-darken-1:focus, a.text-xl-deep-purple-darken-1:link, a.text-xl-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-xl-deep-purple-darken-2 { color: #512DA8 !important; } a.text-xl-deep-purple-darken-2:hover, a.text-xl-deep-purple-darken-2:focus, a.text-xl-deep-purple-darken-2:link, a.text-xl-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-xl-deep-purple-darken-3 { color: #4527A0 !important; } a.text-xl-deep-purple-darken-3:hover, a.text-xl-deep-purple-darken-3:focus, a.text-xl-deep-purple-darken-3:link, a.text-xl-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-xl-deep-purple-darken-4 { color: #311B92 !important; } a.text-xl-deep-purple-darken-4:hover, a.text-xl-deep-purple-darken-4:focus, a.text-xl-deep-purple-darken-4:link, a.text-xl-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-xl-deep-purple-accent-1 { color: #B388FF !important; } a.text-xl-deep-purple-accent-1:hover, a.text-xl-deep-purple-accent-1:focus, a.text-xl-deep-purple-accent-1:link, a.text-xl-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-xl-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-xl-deep-purple-accent-2:hover, a.text-xl-deep-purple-accent-2:focus, a.text-xl-deep-purple-accent-2:link, a.text-xl-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-xl-deep-purple-accent-3 { color: #651FFF !important; } a.text-xl-deep-purple-accent-3:hover, a.text-xl-deep-purple-accent-3:focus, a.text-xl-deep-purple-accent-3:link, a.text-xl-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-xl-deep-purple-accent-4 { color: #6200EA !important; } a.text-xl-deep-purple-accent-4:hover, a.text-xl-deep-purple-accent-4:focus, a.text-xl-deep-purple-accent-4:link, a.text-xl-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-xl-indigo { color: #3F51B5 !important; } a.text-xl-indigo:hover, a.text-xl-indigo:focus, a.text-xl-indigo:link, a.text-xl-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-xl-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-xl-indigo-lighten-5:hover, a.text-xl-indigo-lighten-5:focus, a.text-xl-indigo-lighten-5:link, a.text-xl-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-xl-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-xl-indigo-lighten-4:hover, a.text-xl-indigo-lighten-4:focus, a.text-xl-indigo-lighten-4:link, a.text-xl-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-xl-indigo-lighten-3 { color: #9FA8DA !important; } a.text-xl-indigo-lighten-3:hover, a.text-xl-indigo-lighten-3:focus, a.text-xl-indigo-lighten-3:link, a.text-xl-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-xl-indigo-lighten-2 { color: #7986CB !important; } a.text-xl-indigo-lighten-2:hover, a.text-xl-indigo-lighten-2:focus, a.text-xl-indigo-lighten-2:link, a.text-xl-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-xl-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-xl-indigo-lighten-1:hover, a.text-xl-indigo-lighten-1:focus, a.text-xl-indigo-lighten-1:link, a.text-xl-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-xl-indigo-darken-1 { color: #3949AB !important; } a.text-xl-indigo-darken-1:hover, a.text-xl-indigo-darken-1:focus, a.text-xl-indigo-darken-1:link, a.text-xl-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-xl-indigo-darken-2 { color: #303F9F !important; } a.text-xl-indigo-darken-2:hover, a.text-xl-indigo-darken-2:focus, a.text-xl-indigo-darken-2:link, a.text-xl-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-xl-indigo-darken-3 { color: #283593 !important; } a.text-xl-indigo-darken-3:hover, a.text-xl-indigo-darken-3:focus, a.text-xl-indigo-darken-3:link, a.text-xl-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-xl-indigo-darken-4 { color: #1A237E !important; } a.text-xl-indigo-darken-4:hover, a.text-xl-indigo-darken-4:focus, a.text-xl-indigo-darken-4:link, a.text-xl-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-xl-indigo-accent-1 { color: #8C9EFF !important; } a.text-xl-indigo-accent-1:hover, a.text-xl-indigo-accent-1:focus, a.text-xl-indigo-accent-1:link, a.text-xl-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-xl-indigo-accent-2 { color: #536DFE !important; } a.text-xl-indigo-accent-2:hover, a.text-xl-indigo-accent-2:focus, a.text-xl-indigo-accent-2:link, a.text-xl-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-xl-indigo-accent-3 { color: #3D5AFE !important; } a.text-xl-indigo-accent-3:hover, a.text-xl-indigo-accent-3:focus, a.text-xl-indigo-accent-3:link, a.text-xl-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-xl-indigo-accent-4 { color: #304FFE !important; } a.text-xl-indigo-accent-4:hover, a.text-xl-indigo-accent-4:focus, a.text-xl-indigo-accent-4:link, a.text-xl-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-xl-blue { color: #2196F3 !important; } a.text-xl-blue:hover, a.text-xl-blue:focus, a.text-xl-blue:link, a.text-xl-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-xl-blue-lighten-5 { color: #E3F2FD !important; } a.text-xl-blue-lighten-5:hover, a.text-xl-blue-lighten-5:focus, a.text-xl-blue-lighten-5:link, a.text-xl-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-xl-blue-lighten-4 { color: #BBDEFB !important; } a.text-xl-blue-lighten-4:hover, a.text-xl-blue-lighten-4:focus, a.text-xl-blue-lighten-4:link, a.text-xl-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-xl-blue-lighten-3 { color: #90CAF9 !important; } a.text-xl-blue-lighten-3:hover, a.text-xl-blue-lighten-3:focus, a.text-xl-blue-lighten-3:link, a.text-xl-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-xl-blue-lighten-2 { color: #64B5F6 !important; } a.text-xl-blue-lighten-2:hover, a.text-xl-blue-lighten-2:focus, a.text-xl-blue-lighten-2:link, a.text-xl-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-xl-blue-lighten-1 { color: #42A5F5 !important; } a.text-xl-blue-lighten-1:hover, a.text-xl-blue-lighten-1:focus, a.text-xl-blue-lighten-1:link, a.text-xl-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-xl-blue-darken-1 { color: #1E88E5 !important; } a.text-xl-blue-darken-1:hover, a.text-xl-blue-darken-1:focus, a.text-xl-blue-darken-1:link, a.text-xl-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-xl-blue-darken-2 { color: #1976D2 !important; } a.text-xl-blue-darken-2:hover, a.text-xl-blue-darken-2:focus, a.text-xl-blue-darken-2:link, a.text-xl-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-xl-blue-darken-3 { color: #1565C0 !important; } a.text-xl-blue-darken-3:hover, a.text-xl-blue-darken-3:focus, a.text-xl-blue-darken-3:link, a.text-xl-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-xl-blue-darken-4 { color: #0D47A1 !important; } a.text-xl-blue-darken-4:hover, a.text-xl-blue-darken-4:focus, a.text-xl-blue-darken-4:link, a.text-xl-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-xl-blue-accent-1 { color: #82B1FF !important; } a.text-xl-blue-accent-1:hover, a.text-xl-blue-accent-1:focus, a.text-xl-blue-accent-1:link, a.text-xl-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-xl-blue-accent-2 { color: #448AFF !important; } a.text-xl-blue-accent-2:hover, a.text-xl-blue-accent-2:focus, a.text-xl-blue-accent-2:link, a.text-xl-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-xl-blue-accent-3 { color: #2979FF !important; } a.text-xl-blue-accent-3:hover, a.text-xl-blue-accent-3:focus, a.text-xl-blue-accent-3:link, a.text-xl-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-xl-blue-accent-4 { color: #2962FF !important; } a.text-xl-blue-accent-4:hover, a.text-xl-blue-accent-4:focus, a.text-xl-blue-accent-4:link, a.text-xl-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-xl-light-blue { color: #03A9F4 !important; } a.text-xl-light-blue:hover, a.text-xl-light-blue:focus, a.text-xl-light-blue:link, a.text-xl-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-xl-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-xl-light-blue-lighten-5:hover, a.text-xl-light-blue-lighten-5:focus, a.text-xl-light-blue-lighten-5:link, a.text-xl-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-xl-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-xl-light-blue-lighten-4:hover, a.text-xl-light-blue-lighten-4:focus, a.text-xl-light-blue-lighten-4:link, a.text-xl-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-xl-light-blue-lighten-3 { color: #81D4FA !important; } a.text-xl-light-blue-lighten-3:hover, a.text-xl-light-blue-lighten-3:focus, a.text-xl-light-blue-lighten-3:link, a.text-xl-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-xl-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-xl-light-blue-lighten-2:hover, a.text-xl-light-blue-lighten-2:focus, a.text-xl-light-blue-lighten-2:link, a.text-xl-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-xl-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-xl-light-blue-lighten-1:hover, a.text-xl-light-blue-lighten-1:focus, a.text-xl-light-blue-lighten-1:link, a.text-xl-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-xl-light-blue-darken-1 { color: #039BE5 !important; } a.text-xl-light-blue-darken-1:hover, a.text-xl-light-blue-darken-1:focus, a.text-xl-light-blue-darken-1:link, a.text-xl-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-xl-light-blue-darken-2 { color: #0288D1 !important; } a.text-xl-light-blue-darken-2:hover, a.text-xl-light-blue-darken-2:focus, a.text-xl-light-blue-darken-2:link, a.text-xl-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-xl-light-blue-darken-3 { color: #0277BD !important; } a.text-xl-light-blue-darken-3:hover, a.text-xl-light-blue-darken-3:focus, a.text-xl-light-blue-darken-3:link, a.text-xl-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-xl-light-blue-darken-4 { color: #01579B !important; } a.text-xl-light-blue-darken-4:hover, a.text-xl-light-blue-darken-4:focus, a.text-xl-light-blue-darken-4:link, a.text-xl-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-xl-light-blue-accent-1 { color: #80D8FF !important; } a.text-xl-light-blue-accent-1:hover, a.text-xl-light-blue-accent-1:focus, a.text-xl-light-blue-accent-1:link, a.text-xl-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-xl-light-blue-accent-2 { color: #40C4FF !important; } a.text-xl-light-blue-accent-2:hover, a.text-xl-light-blue-accent-2:focus, a.text-xl-light-blue-accent-2:link, a.text-xl-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-xl-light-blue-accent-3 { color: #00B0FF !important; } a.text-xl-light-blue-accent-3:hover, a.text-xl-light-blue-accent-3:focus, a.text-xl-light-blue-accent-3:link, a.text-xl-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-xl-light-blue-accent-4 { color: #0091EA !important; } a.text-xl-light-blue-accent-4:hover, a.text-xl-light-blue-accent-4:focus, a.text-xl-light-blue-accent-4:link, a.text-xl-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-xl-cyan { color: #00BCD4 !important; } a.text-xl-cyan:hover, a.text-xl-cyan:focus, a.text-xl-cyan:link, a.text-xl-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-xl-cyan-lighten-5 { color: #E0F7FA !important; } a.text-xl-cyan-lighten-5:hover, a.text-xl-cyan-lighten-5:focus, a.text-xl-cyan-lighten-5:link, a.text-xl-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-xl-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-xl-cyan-lighten-4:hover, a.text-xl-cyan-lighten-4:focus, a.text-xl-cyan-lighten-4:link, a.text-xl-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-xl-cyan-lighten-3 { color: #80DEEA !important; } a.text-xl-cyan-lighten-3:hover, a.text-xl-cyan-lighten-3:focus, a.text-xl-cyan-lighten-3:link, a.text-xl-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-xl-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-xl-cyan-lighten-2:hover, a.text-xl-cyan-lighten-2:focus, a.text-xl-cyan-lighten-2:link, a.text-xl-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-xl-cyan-lighten-1 { color: #26C6DA !important; } a.text-xl-cyan-lighten-1:hover, a.text-xl-cyan-lighten-1:focus, a.text-xl-cyan-lighten-1:link, a.text-xl-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-xl-cyan-darken-1 { color: #00ACC1 !important; } a.text-xl-cyan-darken-1:hover, a.text-xl-cyan-darken-1:focus, a.text-xl-cyan-darken-1:link, a.text-xl-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-xl-cyan-darken-2 { color: #0097A7 !important; } a.text-xl-cyan-darken-2:hover, a.text-xl-cyan-darken-2:focus, a.text-xl-cyan-darken-2:link, a.text-xl-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-xl-cyan-darken-3 { color: #00838F !important; } a.text-xl-cyan-darken-3:hover, a.text-xl-cyan-darken-3:focus, a.text-xl-cyan-darken-3:link, a.text-xl-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-xl-cyan-darken-4 { color: #006064 !important; } a.text-xl-cyan-darken-4:hover, a.text-xl-cyan-darken-4:focus, a.text-xl-cyan-darken-4:link, a.text-xl-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-xl-cyan-accent-1 { color: #84FFFF !important; } a.text-xl-cyan-accent-1:hover, a.text-xl-cyan-accent-1:focus, a.text-xl-cyan-accent-1:link, a.text-xl-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-xl-cyan-accent-2 { color: #18FFFF !important; } a.text-xl-cyan-accent-2:hover, a.text-xl-cyan-accent-2:focus, a.text-xl-cyan-accent-2:link, a.text-xl-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-xl-cyan-accent-3 { color: #00E5FF !important; } a.text-xl-cyan-accent-3:hover, a.text-xl-cyan-accent-3:focus, a.text-xl-cyan-accent-3:link, a.text-xl-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-xl-cyan-accent-4 { color: #00B8D4 !important; } a.text-xl-cyan-accent-4:hover, a.text-xl-cyan-accent-4:focus, a.text-xl-cyan-accent-4:link, a.text-xl-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-xl-teal { color: #009688 !important; } a.text-xl-teal:hover, a.text-xl-teal:focus, a.text-xl-teal:link, a.text-xl-teal:active { color: #009688 !important; text-decoration: none !important; } .text-xl-teal-lighten-5 { color: #E0F2F1 !important; } a.text-xl-teal-lighten-5:hover, a.text-xl-teal-lighten-5:focus, a.text-xl-teal-lighten-5:link, a.text-xl-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-xl-teal-lighten-4 { color: #B2DFDB !important; } a.text-xl-teal-lighten-4:hover, a.text-xl-teal-lighten-4:focus, a.text-xl-teal-lighten-4:link, a.text-xl-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-xl-teal-lighten-3 { color: #80CBC4 !important; } a.text-xl-teal-lighten-3:hover, a.text-xl-teal-lighten-3:focus, a.text-xl-teal-lighten-3:link, a.text-xl-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-xl-teal-lighten-2 { color: #4DB6AC !important; } a.text-xl-teal-lighten-2:hover, a.text-xl-teal-lighten-2:focus, a.text-xl-teal-lighten-2:link, a.text-xl-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-xl-teal-lighten-1 { color: #26A69A !important; } a.text-xl-teal-lighten-1:hover, a.text-xl-teal-lighten-1:focus, a.text-xl-teal-lighten-1:link, a.text-xl-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-xl-teal-darken-1 { color: #00897B !important; } a.text-xl-teal-darken-1:hover, a.text-xl-teal-darken-1:focus, a.text-xl-teal-darken-1:link, a.text-xl-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-xl-teal-darken-2 { color: #00796B !important; } a.text-xl-teal-darken-2:hover, a.text-xl-teal-darken-2:focus, a.text-xl-teal-darken-2:link, a.text-xl-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-xl-teal-darken-3 { color: #00695C !important; } a.text-xl-teal-darken-3:hover, a.text-xl-teal-darken-3:focus, a.text-xl-teal-darken-3:link, a.text-xl-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-xl-teal-darken-4 { color: #004D40 !important; } a.text-xl-teal-darken-4:hover, a.text-xl-teal-darken-4:focus, a.text-xl-teal-darken-4:link, a.text-xl-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-xl-teal-accent-1 { color: #A7FFEB !important; } a.text-xl-teal-accent-1:hover, a.text-xl-teal-accent-1:focus, a.text-xl-teal-accent-1:link, a.text-xl-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-xl-teal-accent-2 { color: #64FFDA !important; } a.text-xl-teal-accent-2:hover, a.text-xl-teal-accent-2:focus, a.text-xl-teal-accent-2:link, a.text-xl-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-xl-teal-accent-3 { color: #1DE9B6 !important; } a.text-xl-teal-accent-3:hover, a.text-xl-teal-accent-3:focus, a.text-xl-teal-accent-3:link, a.text-xl-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-xl-teal-accent-4 { color: #00BFA5 !important; } a.text-xl-teal-accent-4:hover, a.text-xl-teal-accent-4:focus, a.text-xl-teal-accent-4:link, a.text-xl-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-xl-green { color: #4CAF50 !important; } a.text-xl-green:hover, a.text-xl-green:focus, a.text-xl-green:link, a.text-xl-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-xl-green-lighten-5 { color: #E8F5E9 !important; } a.text-xl-green-lighten-5:hover, a.text-xl-green-lighten-5:focus, a.text-xl-green-lighten-5:link, a.text-xl-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-xl-green-lighten-4 { color: #C8E6C9 !important; } a.text-xl-green-lighten-4:hover, a.text-xl-green-lighten-4:focus, a.text-xl-green-lighten-4:link, a.text-xl-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-xl-green-lighten-3 { color: #A5D6A7 !important; } a.text-xl-green-lighten-3:hover, a.text-xl-green-lighten-3:focus, a.text-xl-green-lighten-3:link, a.text-xl-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-xl-green-lighten-2 { color: #81C784 !important; } a.text-xl-green-lighten-2:hover, a.text-xl-green-lighten-2:focus, a.text-xl-green-lighten-2:link, a.text-xl-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-xl-green-lighten-1 { color: #66BB6A !important; } a.text-xl-green-lighten-1:hover, a.text-xl-green-lighten-1:focus, a.text-xl-green-lighten-1:link, a.text-xl-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-xl-green-darken-1 { color: #43A047 !important; } a.text-xl-green-darken-1:hover, a.text-xl-green-darken-1:focus, a.text-xl-green-darken-1:link, a.text-xl-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-xl-green-darken-2 { color: #388E3C !important; } a.text-xl-green-darken-2:hover, a.text-xl-green-darken-2:focus, a.text-xl-green-darken-2:link, a.text-xl-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-xl-green-darken-3 { color: #2E7D32 !important; } a.text-xl-green-darken-3:hover, a.text-xl-green-darken-3:focus, a.text-xl-green-darken-3:link, a.text-xl-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-xl-green-darken-4 { color: #1B5E20 !important; } a.text-xl-green-darken-4:hover, a.text-xl-green-darken-4:focus, a.text-xl-green-darken-4:link, a.text-xl-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-xl-green-accent-1 { color: #B9F6CA !important; } a.text-xl-green-accent-1:hover, a.text-xl-green-accent-1:focus, a.text-xl-green-accent-1:link, a.text-xl-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-xl-green-accent-2 { color: #69F0AE !important; } a.text-xl-green-accent-2:hover, a.text-xl-green-accent-2:focus, a.text-xl-green-accent-2:link, a.text-xl-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-xl-green-accent-3 { color: #00E676 !important; } a.text-xl-green-accent-3:hover, a.text-xl-green-accent-3:focus, a.text-xl-green-accent-3:link, a.text-xl-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-xl-green-accent-4 { color: #00C853 !important; } a.text-xl-green-accent-4:hover, a.text-xl-green-accent-4:focus, a.text-xl-green-accent-4:link, a.text-xl-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-xl-light-green { color: #8BC34A !important; } a.text-xl-light-green:hover, a.text-xl-light-green:focus, a.text-xl-light-green:link, a.text-xl-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-xl-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-xl-light-green-lighten-5:hover, a.text-xl-light-green-lighten-5:focus, a.text-xl-light-green-lighten-5:link, a.text-xl-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-xl-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-xl-light-green-lighten-4:hover, a.text-xl-light-green-lighten-4:focus, a.text-xl-light-green-lighten-4:link, a.text-xl-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-xl-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-xl-light-green-lighten-3:hover, a.text-xl-light-green-lighten-3:focus, a.text-xl-light-green-lighten-3:link, a.text-xl-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-xl-light-green-lighten-2 { color: #AED581 !important; } a.text-xl-light-green-lighten-2:hover, a.text-xl-light-green-lighten-2:focus, a.text-xl-light-green-lighten-2:link, a.text-xl-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-xl-light-green-lighten-1 { color: #9CCC65 !important; } a.text-xl-light-green-lighten-1:hover, a.text-xl-light-green-lighten-1:focus, a.text-xl-light-green-lighten-1:link, a.text-xl-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-xl-light-green-darken-1 { color: #7CB342 !important; } a.text-xl-light-green-darken-1:hover, a.text-xl-light-green-darken-1:focus, a.text-xl-light-green-darken-1:link, a.text-xl-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-xl-light-green-darken-2 { color: #689F38 !important; } a.text-xl-light-green-darken-2:hover, a.text-xl-light-green-darken-2:focus, a.text-xl-light-green-darken-2:link, a.text-xl-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-xl-light-green-darken-3 { color: #558B2F !important; } a.text-xl-light-green-darken-3:hover, a.text-xl-light-green-darken-3:focus, a.text-xl-light-green-darken-3:link, a.text-xl-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-xl-light-green-darken-4 { color: #33691E !important; } a.text-xl-light-green-darken-4:hover, a.text-xl-light-green-darken-4:focus, a.text-xl-light-green-darken-4:link, a.text-xl-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-xl-light-green-accent-1 { color: #CCFF90 !important; } a.text-xl-light-green-accent-1:hover, a.text-xl-light-green-accent-1:focus, a.text-xl-light-green-accent-1:link, a.text-xl-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-xl-light-green-accent-2 { color: #B2FF59 !important; } a.text-xl-light-green-accent-2:hover, a.text-xl-light-green-accent-2:focus, a.text-xl-light-green-accent-2:link, a.text-xl-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-xl-light-green-accent-3 { color: #76FF03 !important; } a.text-xl-light-green-accent-3:hover, a.text-xl-light-green-accent-3:focus, a.text-xl-light-green-accent-3:link, a.text-xl-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-xl-light-green-accent-4 { color: #64DD17 !important; } a.text-xl-light-green-accent-4:hover, a.text-xl-light-green-accent-4:focus, a.text-xl-light-green-accent-4:link, a.text-xl-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-xl-lime { color: #CDDC39 !important; } a.text-xl-lime:hover, a.text-xl-lime:focus, a.text-xl-lime:link, a.text-xl-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-xl-lime-lighten-5 { color: #F9FBE7 !important; } a.text-xl-lime-lighten-5:hover, a.text-xl-lime-lighten-5:focus, a.text-xl-lime-lighten-5:link, a.text-xl-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-xl-lime-lighten-4 { color: #F0F4C3 !important; } a.text-xl-lime-lighten-4:hover, a.text-xl-lime-lighten-4:focus, a.text-xl-lime-lighten-4:link, a.text-xl-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-xl-lime-lighten-3 { color: #E6EE9C !important; } a.text-xl-lime-lighten-3:hover, a.text-xl-lime-lighten-3:focus, a.text-xl-lime-lighten-3:link, a.text-xl-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-xl-lime-lighten-2 { color: #DCE775 !important; } a.text-xl-lime-lighten-2:hover, a.text-xl-lime-lighten-2:focus, a.text-xl-lime-lighten-2:link, a.text-xl-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-xl-lime-lighten-1 { color: #D4E157 !important; } a.text-xl-lime-lighten-1:hover, a.text-xl-lime-lighten-1:focus, a.text-xl-lime-lighten-1:link, a.text-xl-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-xl-lime-darken-1 { color: #C0CA33 !important; } a.text-xl-lime-darken-1:hover, a.text-xl-lime-darken-1:focus, a.text-xl-lime-darken-1:link, a.text-xl-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-xl-lime-darken-2 { color: #AFB42B !important; } a.text-xl-lime-darken-2:hover, a.text-xl-lime-darken-2:focus, a.text-xl-lime-darken-2:link, a.text-xl-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-xl-lime-darken-3 { color: #9E9D24 !important; } a.text-xl-lime-darken-3:hover, a.text-xl-lime-darken-3:focus, a.text-xl-lime-darken-3:link, a.text-xl-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-xl-lime-darken-4 { color: #827717 !important; } a.text-xl-lime-darken-4:hover, a.text-xl-lime-darken-4:focus, a.text-xl-lime-darken-4:link, a.text-xl-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-xl-lime-accent-1 { color: #F4FF81 !important; } a.text-xl-lime-accent-1:hover, a.text-xl-lime-accent-1:focus, a.text-xl-lime-accent-1:link, a.text-xl-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-xl-lime-accent-2 { color: #EEFF41 !important; } a.text-xl-lime-accent-2:hover, a.text-xl-lime-accent-2:focus, a.text-xl-lime-accent-2:link, a.text-xl-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-xl-lime-accent-3 { color: #C6FF00 !important; } a.text-xl-lime-accent-3:hover, a.text-xl-lime-accent-3:focus, a.text-xl-lime-accent-3:link, a.text-xl-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-xl-lime-accent-4 { color: #AEEA00 !important; } a.text-xl-lime-accent-4:hover, a.text-xl-lime-accent-4:focus, a.text-xl-lime-accent-4:link, a.text-xl-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-xl-yellow { color: #FFEB3B !important; } a.text-xl-yellow:hover, a.text-xl-yellow:focus, a.text-xl-yellow:link, a.text-xl-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-xl-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-xl-yellow-lighten-5:hover, a.text-xl-yellow-lighten-5:focus, a.text-xl-yellow-lighten-5:link, a.text-xl-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-xl-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-xl-yellow-lighten-4:hover, a.text-xl-yellow-lighten-4:focus, a.text-xl-yellow-lighten-4:link, a.text-xl-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-xl-yellow-lighten-3 { color: #FFF59D !important; } a.text-xl-yellow-lighten-3:hover, a.text-xl-yellow-lighten-3:focus, a.text-xl-yellow-lighten-3:link, a.text-xl-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-xl-yellow-lighten-2 { color: #FFF176 !important; } a.text-xl-yellow-lighten-2:hover, a.text-xl-yellow-lighten-2:focus, a.text-xl-yellow-lighten-2:link, a.text-xl-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-xl-yellow-lighten-1 { color: #FFEE58 !important; } a.text-xl-yellow-lighten-1:hover, a.text-xl-yellow-lighten-1:focus, a.text-xl-yellow-lighten-1:link, a.text-xl-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-xl-yellow-darken-1 { color: #FDD835 !important; } a.text-xl-yellow-darken-1:hover, a.text-xl-yellow-darken-1:focus, a.text-xl-yellow-darken-1:link, a.text-xl-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-xl-yellow-darken-2 { color: #FBC02D !important; } a.text-xl-yellow-darken-2:hover, a.text-xl-yellow-darken-2:focus, a.text-xl-yellow-darken-2:link, a.text-xl-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-xl-yellow-darken-3 { color: #F9A825 !important; } a.text-xl-yellow-darken-3:hover, a.text-xl-yellow-darken-3:focus, a.text-xl-yellow-darken-3:link, a.text-xl-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-xl-yellow-darken-4 { color: #F57F17 !important; } a.text-xl-yellow-darken-4:hover, a.text-xl-yellow-darken-4:focus, a.text-xl-yellow-darken-4:link, a.text-xl-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-xl-yellow-accent-1 { color: #FFFF8D !important; } a.text-xl-yellow-accent-1:hover, a.text-xl-yellow-accent-1:focus, a.text-xl-yellow-accent-1:link, a.text-xl-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-xl-yellow-accent-2 { color: #FFFF00 !important; } a.text-xl-yellow-accent-2:hover, a.text-xl-yellow-accent-2:focus, a.text-xl-yellow-accent-2:link, a.text-xl-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-xl-yellow-accent-3 { color: #FFEA00 !important; } a.text-xl-yellow-accent-3:hover, a.text-xl-yellow-accent-3:focus, a.text-xl-yellow-accent-3:link, a.text-xl-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-xl-yellow-accent-4 { color: #FFD600 !important; } a.text-xl-yellow-accent-4:hover, a.text-xl-yellow-accent-4:focus, a.text-xl-yellow-accent-4:link, a.text-xl-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-xl-amber { color: #FFC107 !important; } a.text-xl-amber:hover, a.text-xl-amber:focus, a.text-xl-amber:link, a.text-xl-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-xl-amber-lighten-5 { color: #FFF8E1 !important; } a.text-xl-amber-lighten-5:hover, a.text-xl-amber-lighten-5:focus, a.text-xl-amber-lighten-5:link, a.text-xl-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-xl-amber-lighten-4 { color: #FFECB3 !important; } a.text-xl-amber-lighten-4:hover, a.text-xl-amber-lighten-4:focus, a.text-xl-amber-lighten-4:link, a.text-xl-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-xl-amber-lighten-3 { color: #FFE082 !important; } a.text-xl-amber-lighten-3:hover, a.text-xl-amber-lighten-3:focus, a.text-xl-amber-lighten-3:link, a.text-xl-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-xl-amber-lighten-2 { color: #FFD54F !important; } a.text-xl-amber-lighten-2:hover, a.text-xl-amber-lighten-2:focus, a.text-xl-amber-lighten-2:link, a.text-xl-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-xl-amber-lighten-1 { color: #FFCA28 !important; } a.text-xl-amber-lighten-1:hover, a.text-xl-amber-lighten-1:focus, a.text-xl-amber-lighten-1:link, a.text-xl-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-xl-amber-darken-1 { color: #FFB300 !important; } a.text-xl-amber-darken-1:hover, a.text-xl-amber-darken-1:focus, a.text-xl-amber-darken-1:link, a.text-xl-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-xl-amber-darken-2 { color: #FFA000 !important; } a.text-xl-amber-darken-2:hover, a.text-xl-amber-darken-2:focus, a.text-xl-amber-darken-2:link, a.text-xl-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-xl-amber-darken-3 { color: #FF8F00 !important; } a.text-xl-amber-darken-3:hover, a.text-xl-amber-darken-3:focus, a.text-xl-amber-darken-3:link, a.text-xl-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-xl-amber-darken-4 { color: #FF6F00 !important; } a.text-xl-amber-darken-4:hover, a.text-xl-amber-darken-4:focus, a.text-xl-amber-darken-4:link, a.text-xl-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-xl-amber-accent-1 { color: #FFE57F !important; } a.text-xl-amber-accent-1:hover, a.text-xl-amber-accent-1:focus, a.text-xl-amber-accent-1:link, a.text-xl-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-xl-amber-accent-2 { color: #FFD740 !important; } a.text-xl-amber-accent-2:hover, a.text-xl-amber-accent-2:focus, a.text-xl-amber-accent-2:link, a.text-xl-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-xl-amber-accent-3 { color: #FFC400 !important; } a.text-xl-amber-accent-3:hover, a.text-xl-amber-accent-3:focus, a.text-xl-amber-accent-3:link, a.text-xl-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-xl-amber-accent-4 { color: #FFAB00 !important; } a.text-xl-amber-accent-4:hover, a.text-xl-amber-accent-4:focus, a.text-xl-amber-accent-4:link, a.text-xl-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-xl-orange { color: #FF9800 !important; } a.text-xl-orange:hover, a.text-xl-orange:focus, a.text-xl-orange:link, a.text-xl-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-xl-orange-lighten-5 { color: #FFF3E0 !important; } a.text-xl-orange-lighten-5:hover, a.text-xl-orange-lighten-5:focus, a.text-xl-orange-lighten-5:link, a.text-xl-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-xl-orange-lighten-4 { color: #FFE0B2 !important; } a.text-xl-orange-lighten-4:hover, a.text-xl-orange-lighten-4:focus, a.text-xl-orange-lighten-4:link, a.text-xl-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-xl-orange-lighten-3 { color: #FFCC80 !important; } a.text-xl-orange-lighten-3:hover, a.text-xl-orange-lighten-3:focus, a.text-xl-orange-lighten-3:link, a.text-xl-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-xl-orange-lighten-2 { color: #FFB74D !important; } a.text-xl-orange-lighten-2:hover, a.text-xl-orange-lighten-2:focus, a.text-xl-orange-lighten-2:link, a.text-xl-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-xl-orange-lighten-1 { color: #FFA726 !important; } a.text-xl-orange-lighten-1:hover, a.text-xl-orange-lighten-1:focus, a.text-xl-orange-lighten-1:link, a.text-xl-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-xl-orange-darken-1 { color: #FB8C00 !important; } a.text-xl-orange-darken-1:hover, a.text-xl-orange-darken-1:focus, a.text-xl-orange-darken-1:link, a.text-xl-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-xl-orange-darken-2 { color: #F57C00 !important; } a.text-xl-orange-darken-2:hover, a.text-xl-orange-darken-2:focus, a.text-xl-orange-darken-2:link, a.text-xl-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-xl-orange-darken-3 { color: #EF6C00 !important; } a.text-xl-orange-darken-3:hover, a.text-xl-orange-darken-3:focus, a.text-xl-orange-darken-3:link, a.text-xl-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-xl-orange-darken-4 { color: #E65100 !important; } a.text-xl-orange-darken-4:hover, a.text-xl-orange-darken-4:focus, a.text-xl-orange-darken-4:link, a.text-xl-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-xl-orange-accent-1 { color: #FFD180 !important; } a.text-xl-orange-accent-1:hover, a.text-xl-orange-accent-1:focus, a.text-xl-orange-accent-1:link, a.text-xl-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-xl-orange-accent-2 { color: #FFAB40 !important; } a.text-xl-orange-accent-2:hover, a.text-xl-orange-accent-2:focus, a.text-xl-orange-accent-2:link, a.text-xl-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-xl-orange-accent-3 { color: #FF9100 !important; } a.text-xl-orange-accent-3:hover, a.text-xl-orange-accent-3:focus, a.text-xl-orange-accent-3:link, a.text-xl-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-xl-orange-accent-4 { color: #FF6D00 !important; } a.text-xl-orange-accent-4:hover, a.text-xl-orange-accent-4:focus, a.text-xl-orange-accent-4:link, a.text-xl-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-xl-deep-orange { color: #FF5722 !important; } a.text-xl-deep-orange:hover, a.text-xl-deep-orange:focus, a.text-xl-deep-orange:link, a.text-xl-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-xl-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-xl-deep-orange-lighten-5:hover, a.text-xl-deep-orange-lighten-5:focus, a.text-xl-deep-orange-lighten-5:link, a.text-xl-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-xl-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-xl-deep-orange-lighten-4:hover, a.text-xl-deep-orange-lighten-4:focus, a.text-xl-deep-orange-lighten-4:link, a.text-xl-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-xl-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-xl-deep-orange-lighten-3:hover, a.text-xl-deep-orange-lighten-3:focus, a.text-xl-deep-orange-lighten-3:link, a.text-xl-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-xl-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-xl-deep-orange-lighten-2:hover, a.text-xl-deep-orange-lighten-2:focus, a.text-xl-deep-orange-lighten-2:link, a.text-xl-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-xl-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-xl-deep-orange-lighten-1:hover, a.text-xl-deep-orange-lighten-1:focus, a.text-xl-deep-orange-lighten-1:link, a.text-xl-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-xl-deep-orange-darken-1 { color: #F4511E !important; } a.text-xl-deep-orange-darken-1:hover, a.text-xl-deep-orange-darken-1:focus, a.text-xl-deep-orange-darken-1:link, a.text-xl-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-xl-deep-orange-darken-2 { color: #E64A19 !important; } a.text-xl-deep-orange-darken-2:hover, a.text-xl-deep-orange-darken-2:focus, a.text-xl-deep-orange-darken-2:link, a.text-xl-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-xl-deep-orange-darken-3 { color: #D84315 !important; } a.text-xl-deep-orange-darken-3:hover, a.text-xl-deep-orange-darken-3:focus, a.text-xl-deep-orange-darken-3:link, a.text-xl-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-xl-deep-orange-darken-4 { color: #BF360C !important; } a.text-xl-deep-orange-darken-4:hover, a.text-xl-deep-orange-darken-4:focus, a.text-xl-deep-orange-darken-4:link, a.text-xl-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-xl-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-xl-deep-orange-accent-1:hover, a.text-xl-deep-orange-accent-1:focus, a.text-xl-deep-orange-accent-1:link, a.text-xl-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-xl-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-xl-deep-orange-accent-2:hover, a.text-xl-deep-orange-accent-2:focus, a.text-xl-deep-orange-accent-2:link, a.text-xl-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-xl-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-xl-deep-orange-accent-3:hover, a.text-xl-deep-orange-accent-3:focus, a.text-xl-deep-orange-accent-3:link, a.text-xl-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-xl-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-xl-deep-orange-accent-4:hover, a.text-xl-deep-orange-accent-4:focus, a.text-xl-deep-orange-accent-4:link, a.text-xl-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-xl-brown { color: #795548 !important; } a.text-xl-brown:hover, a.text-xl-brown:focus, a.text-xl-brown:link, a.text-xl-brown:active { color: #795548 !important; text-decoration: none !important; } .text-xl-brown-lighten-5 { color: #EFEBE9 !important; } a.text-xl-brown-lighten-5:hover, a.text-xl-brown-lighten-5:focus, a.text-xl-brown-lighten-5:link, a.text-xl-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-xl-brown-lighten-4 { color: #D7CCC8 !important; } a.text-xl-brown-lighten-4:hover, a.text-xl-brown-lighten-4:focus, a.text-xl-brown-lighten-4:link, a.text-xl-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-xl-brown-lighten-3 { color: #BCAAA4 !important; } a.text-xl-brown-lighten-3:hover, a.text-xl-brown-lighten-3:focus, a.text-xl-brown-lighten-3:link, a.text-xl-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-xl-brown-lighten-2 { color: #A1887F !important; } a.text-xl-brown-lighten-2:hover, a.text-xl-brown-lighten-2:focus, a.text-xl-brown-lighten-2:link, a.text-xl-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-xl-brown-lighten-1 { color: #8D6E63 !important; } a.text-xl-brown-lighten-1:hover, a.text-xl-brown-lighten-1:focus, a.text-xl-brown-lighten-1:link, a.text-xl-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-xl-brown-darken-1 { color: #6D4C41 !important; } a.text-xl-brown-darken-1:hover, a.text-xl-brown-darken-1:focus, a.text-xl-brown-darken-1:link, a.text-xl-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-xl-brown-darken-2 { color: #5D4037 !important; } a.text-xl-brown-darken-2:hover, a.text-xl-brown-darken-2:focus, a.text-xl-brown-darken-2:link, a.text-xl-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-xl-brown-darken-3 { color: #4E342E !important; } a.text-xl-brown-darken-3:hover, a.text-xl-brown-darken-3:focus, a.text-xl-brown-darken-3:link, a.text-xl-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-xl-brown-darken-4 { color: #3E2723 !important; } a.text-xl-brown-darken-4:hover, a.text-xl-brown-darken-4:focus, a.text-xl-brown-darken-4:link, a.text-xl-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } @media screen and (min-width: 1587px) { .text-xlp-body { color: #464646 !important; } a.text-xlp-body:hover, a.text-xlp-body:focus, a.text-xlp-body:link, a.text-xlp-body:active { color: #464646 !important; text-decoration: none !important; } .text-xlp-theme { color: #4682b4 !important; } a.text-xlp-theme:hover, a.text-xlp-theme:focus, a.text-xlp-theme:link, a.text-xlp-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-xlp-theme-lighten-5 { color: #E8EFF6 !important; } a.text-xlp-theme-lighten-5:hover, a.text-xlp-theme-lighten-5:focus, a.text-xlp-theme-lighten-5:link, a.text-xlp-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-xlp-theme-lighten-4 { color: #D1E0EC !important; } a.text-xlp-theme-lighten-4:hover, a.text-xlp-theme-lighten-4:focus, a.text-xlp-theme-lighten-4:link, a.text-xlp-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xlp-theme-lighten-3 { color: #BAD0E3 !important; } a.text-xlp-theme-lighten-3:hover, a.text-xlp-theme-lighten-3:focus, a.text-xlp-theme-lighten-3:link, a.text-xlp-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-xlp-theme-lighten-2 { color: #A3C1DA !important; } a.text-xlp-theme-lighten-2:hover, a.text-xlp-theme-lighten-2:focus, a.text-xlp-theme-lighten-2:link, a.text-xlp-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-xlp-theme-lighten-1 { color: #74A1C7 !important; } a.text-xlp-theme-lighten-1:hover, a.text-xlp-theme-lighten-1:focus, a.text-xlp-theme-lighten-1:link, a.text-xlp-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-xlp-theme-darken-1 { color: #3D729E !important; } a.text-xlp-theme-darken-1:hover, a.text-xlp-theme-darken-1:focus, a.text-xlp-theme-darken-1:link, a.text-xlp-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-xlp-theme-darken-2 { color: #356287 !important; } a.text-xlp-theme-darken-2:hover, a.text-xlp-theme-darken-2:focus, a.text-xlp-theme-darken-2:link, a.text-xlp-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-xlp-theme-darken-3 { color: #2C5171 !important; } a.text-xlp-theme-darken-3:hover, a.text-xlp-theme-darken-3:focus, a.text-xlp-theme-darken-3:link, a.text-xlp-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-xlp-theme-darken-4 { color: #23415A !important; } a.text-xlp-theme-darken-4:hover, a.text-xlp-theme-darken-4:focus, a.text-xlp-theme-darken-4:link, a.text-xlp-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-xlp-theme-accent-1 { color: #7ba7cc !important; } a.text-xlp-theme-accent-1:hover, a.text-xlp-theme-accent-1:focus, a.text-xlp-theme-accent-1:link, a.text-xlp-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-xlp-theme-accent-2 { color: #568ebd !important; } a.text-xlp-theme-accent-2:hover, a.text-xlp-theme-accent-2:focus, a.text-xlp-theme-accent-2:link, a.text-xlp-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-xlp-theme-accent-3 { color: #3f75a2 !important; } a.text-xlp-theme-accent-3:hover, a.text-xlp-theme-accent-3:focus, a.text-xlp-theme-accent-3:link, a.text-xlp-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-xlp-theme-accent-4 { color: #315a7d !important; } a.text-xlp-theme-accent-4:hover, a.text-xlp-theme-accent-4:focus, a.text-xlp-theme-accent-4:link, a.text-xlp-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-xlp-primary { color: #2196f3 !important; } a.text-xlp-primary:hover, a.text-xlp-primary:focus, a.text-xlp-primary:link, a.text-xlp-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-xlp-secondary { color: #6c757d !important; } a.text-xlp-secondary:hover, a.text-xlp-secondary:focus, a.text-xlp-secondary:link, a.text-xlp-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-xlp-success { color: #20ad20 !important; } a.text-xlp-success:hover, a.text-xlp-success:focus, a.text-xlp-success:link, a.text-xlp-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-xlp-info { color: #4dd0e1 !important; } a.text-xlp-info:hover, a.text-xlp-info:focus, a.text-xlp-info:link, a.text-xlp-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-xlp-warning { color: #f9cf48 !important; } a.text-xlp-warning:hover, a.text-xlp-warning:focus, a.text-xlp-warning:link, a.text-xlp-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-xlp-danger { color: #f23629 !important; } a.text-xlp-danger:hover, a.text-xlp-danger:focus, a.text-xlp-danger:link, a.text-xlp-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-xlp-alert { color: #f57b1d !important; } a.text-xlp-alert:hover, a.text-xlp-alert:focus, a.text-xlp-alert:link, a.text-xlp-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-xlp-theme { color: #356287 !important; } a.text-xlp-theme:hover, a.text-xlp-theme:focus, a.text-xlp-theme:link, a.text-xlp-theme:active { color: #356287 !important; text-decoration: none !important; } .text-xlp-white { color: #ffffff !important; } a.text-xlp-white:hover, a.text-xlp-white:focus, a.text-xlp-white:link, a.text-xlp-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xlp-purple { color: #6A1B9A !important; } a.text-xlp-purple:hover, a.text-xlp-purple:focus, a.text-xlp-purple:link, a.text-xlp-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xlp-primary-lighten { color: #e0f1ff !important; } a.text-xlp-primary-lighten:hover, a.text-xlp-primary-lighten:focus, a.text-xlp-primary-lighten:link, a.text-xlp-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-xlp-secondary-lighten { color: #e1e1e1 !important; } a.text-xlp-secondary-lighten:hover, a.text-xlp-secondary-lighten:focus, a.text-xlp-secondary-lighten:link, a.text-xlp-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-xlp-success-lighten { color: #e8fac7 !important; } a.text-xlp-success-lighten:hover, a.text-xlp-success-lighten:focus, a.text-xlp-success-lighten:link, a.text-xlp-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-xlp-info-lighten { color: #d2f9ff !important; } a.text-xlp-info-lighten:hover, a.text-xlp-info-lighten:focus, a.text-xlp-info-lighten:link, a.text-xlp-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-xlp-warning-lighten { color: #fef6d9 !important; } a.text-xlp-warning-lighten:hover, a.text-xlp-warning-lighten:focus, a.text-xlp-warning-lighten:link, a.text-xlp-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-xlp-danger-lighten { color: #ffd4d1 !important; } a.text-xlp-danger-lighten:hover, a.text-xlp-danger-lighten:focus, a.text-xlp-danger-lighten:link, a.text-xlp-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-xlp-alert-lighten { color: #fad6ba !important; } a.text-xlp-alert-lighten:hover, a.text-xlp-alert-lighten:focus, a.text-xlp-alert-lighten:link, a.text-xlp-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-xlp-purple-lighten { color: #f5ebfc !important; } a.text-xlp-purple-lighten:hover, a.text-xlp-purple-lighten:focus, a.text-xlp-purple-lighten:link, a.text-xlp-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-xlp-theme-lighten { color: #D1E0EC !important; } a.text-xlp-theme-lighten:hover, a.text-xlp-theme-lighten:focus, a.text-xlp-theme-lighten:link, a.text-xlp-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xlp-app-line { color: #00B500 !important; } a.text-xlp-app-line:hover, a.text-xlp-app-line:focus, a.text-xlp-app-line:link, a.text-xlp-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-xlp-app-youtube { color: #cd201f !important; } a.text-xlp-app-youtube:hover, a.text-xlp-app-youtube:focus, a.text-xlp-app-youtube:link, a.text-xlp-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-xlp-app-twitter { color: #55acee !important; } a.text-xlp-app-twitter:hover, a.text-xlp-app-twitter:focus, a.text-xlp-app-twitter:link, a.text-xlp-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-xlp-app-facebook { color: #4267B2 !important; } a.text-xlp-app-facebook:hover, a.text-xlp-app-facebook:focus, a.text-xlp-app-facebook:link, a.text-xlp-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-xlp-app-instagram { color: #3f729b !important; } a.text-xlp-app-instagram:hover, a.text-xlp-app-instagram:focus, a.text-xlp-app-instagram:link, a.text-xlp-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-xlp-app-google-plus { color: #dc4e41 !important; } a.text-xlp-app-google-plus:hover, a.text-xlp-app-google-plus:focus, a.text-xlp-app-google-plus:link, a.text-xlp-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-xlp-white { color: #ffffff !important; } a.text-xlp-white:hover, a.text-xlp-white:focus, a.text-xlp-white:link, a.text-xlp-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xlp-black { color: #000000 !important; } a.text-xlp-black:hover, a.text-xlp-black:focus, a.text-xlp-black:link, a.text-xlp-black:active { color: #000000 !important; text-decoration: none !important; } .text-xlp-grey { color: #9E9E9E !important; } a.text-xlp-grey:hover, a.text-xlp-grey:focus, a.text-xlp-grey:link, a.text-xlp-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-xlp-grey-lighten-5 { color: #FAFAFA !important; } a.text-xlp-grey-lighten-5:hover, a.text-xlp-grey-lighten-5:focus, a.text-xlp-grey-lighten-5:link, a.text-xlp-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-xlp-grey-lighten-4 { color: #F5F5F5 !important; } a.text-xlp-grey-lighten-4:hover, a.text-xlp-grey-lighten-4:focus, a.text-xlp-grey-lighten-4:link, a.text-xlp-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-xlp-grey-lighten-3 { color: #EEEEEE !important; } a.text-xlp-grey-lighten-3:hover, a.text-xlp-grey-lighten-3:focus, a.text-xlp-grey-lighten-3:link, a.text-xlp-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-xlp-grey-lighten-2 { color: #E0E0E0 !important; } a.text-xlp-grey-lighten-2:hover, a.text-xlp-grey-lighten-2:focus, a.text-xlp-grey-lighten-2:link, a.text-xlp-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-xlp-grey-lighten-1 { color: #BDBDBD !important; } a.text-xlp-grey-lighten-1:hover, a.text-xlp-grey-lighten-1:focus, a.text-xlp-grey-lighten-1:link, a.text-xlp-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-xlp-grey-darken-1 { color: #757575 !important; } a.text-xlp-grey-darken-1:hover, a.text-xlp-grey-darken-1:focus, a.text-xlp-grey-darken-1:link, a.text-xlp-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-xlp-grey-darken-2 { color: #616161 !important; } a.text-xlp-grey-darken-2:hover, a.text-xlp-grey-darken-2:focus, a.text-xlp-grey-darken-2:link, a.text-xlp-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-xlp-grey-darken-3 { color: #424242 !important; } a.text-xlp-grey-darken-3:hover, a.text-xlp-grey-darken-3:focus, a.text-xlp-grey-darken-3:link, a.text-xlp-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-xlp-grey-darken-4 { color: #212121 !important; } a.text-xlp-grey-darken-4:hover, a.text-xlp-grey-darken-4:focus, a.text-xlp-grey-darken-4:link, a.text-xlp-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-xlp-blue-grey { color: #607D8B !important; } a.text-xlp-blue-grey:hover, a.text-xlp-blue-grey:focus, a.text-xlp-blue-grey:link, a.text-xlp-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-xlp-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-xlp-blue-grey-lighten-5:hover, a.text-xlp-blue-grey-lighten-5:focus, a.text-xlp-blue-grey-lighten-5:link, a.text-xlp-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-xlp-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-xlp-blue-grey-lighten-4:hover, a.text-xlp-blue-grey-lighten-4:focus, a.text-xlp-blue-grey-lighten-4:link, a.text-xlp-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-xlp-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-xlp-blue-grey-lighten-3:hover, a.text-xlp-blue-grey-lighten-3:focus, a.text-xlp-blue-grey-lighten-3:link, a.text-xlp-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-xlp-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-xlp-blue-grey-lighten-2:hover, a.text-xlp-blue-grey-lighten-2:focus, a.text-xlp-blue-grey-lighten-2:link, a.text-xlp-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-xlp-blue-grey-lighten-1 { color: #78909C !important; } a.text-xlp-blue-grey-lighten-1:hover, a.text-xlp-blue-grey-lighten-1:focus, a.text-xlp-blue-grey-lighten-1:link, a.text-xlp-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-xlp-blue-grey-darken-1 { color: #546E7A !important; } a.text-xlp-blue-grey-darken-1:hover, a.text-xlp-blue-grey-darken-1:focus, a.text-xlp-blue-grey-darken-1:link, a.text-xlp-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-xlp-blue-grey-darken-2 { color: #455A64 !important; } a.text-xlp-blue-grey-darken-2:hover, a.text-xlp-blue-grey-darken-2:focus, a.text-xlp-blue-grey-darken-2:link, a.text-xlp-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-xlp-blue-grey-darken-3 { color: #37474F !important; } a.text-xlp-blue-grey-darken-3:hover, a.text-xlp-blue-grey-darken-3:focus, a.text-xlp-blue-grey-darken-3:link, a.text-xlp-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-xlp-blue-grey-darken-4 { color: #263238 !important; } a.text-xlp-blue-grey-darken-4:hover, a.text-xlp-blue-grey-darken-4:focus, a.text-xlp-blue-grey-darken-4:link, a.text-xlp-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-xlp-red { color: #F44336 !important; } a.text-xlp-red:hover, a.text-xlp-red:focus, a.text-xlp-red:link, a.text-xlp-red:active { color: #F44336 !important; text-decoration: none !important; } .text-xlp-red-lighten-5 { color: #FFEBEE !important; } a.text-xlp-red-lighten-5:hover, a.text-xlp-red-lighten-5:focus, a.text-xlp-red-lighten-5:link, a.text-xlp-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-xlp-red-lighten-4 { color: #FFCDD2 !important; } a.text-xlp-red-lighten-4:hover, a.text-xlp-red-lighten-4:focus, a.text-xlp-red-lighten-4:link, a.text-xlp-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-xlp-red-lighten-3 { color: #EF9A9A !important; } a.text-xlp-red-lighten-3:hover, a.text-xlp-red-lighten-3:focus, a.text-xlp-red-lighten-3:link, a.text-xlp-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-xlp-red-lighten-2 { color: #E57373 !important; } a.text-xlp-red-lighten-2:hover, a.text-xlp-red-lighten-2:focus, a.text-xlp-red-lighten-2:link, a.text-xlp-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-xlp-red-lighten-1 { color: #EF5350 !important; } a.text-xlp-red-lighten-1:hover, a.text-xlp-red-lighten-1:focus, a.text-xlp-red-lighten-1:link, a.text-xlp-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-xlp-red-darken-1 { color: #E53935 !important; } a.text-xlp-red-darken-1:hover, a.text-xlp-red-darken-1:focus, a.text-xlp-red-darken-1:link, a.text-xlp-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-xlp-red-darken-2 { color: #D32F2F !important; } a.text-xlp-red-darken-2:hover, a.text-xlp-red-darken-2:focus, a.text-xlp-red-darken-2:link, a.text-xlp-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-xlp-red-darken-3 { color: #C62828 !important; } a.text-xlp-red-darken-3:hover, a.text-xlp-red-darken-3:focus, a.text-xlp-red-darken-3:link, a.text-xlp-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-xlp-red-darken-4 { color: #B71C1C !important; } a.text-xlp-red-darken-4:hover, a.text-xlp-red-darken-4:focus, a.text-xlp-red-darken-4:link, a.text-xlp-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-xlp-red-accent-1 { color: #FF8A80 !important; } a.text-xlp-red-accent-1:hover, a.text-xlp-red-accent-1:focus, a.text-xlp-red-accent-1:link, a.text-xlp-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-xlp-red-accent-2 { color: #FF5252 !important; } a.text-xlp-red-accent-2:hover, a.text-xlp-red-accent-2:focus, a.text-xlp-red-accent-2:link, a.text-xlp-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-xlp-red-accent-3 { color: #FF1744 !important; } a.text-xlp-red-accent-3:hover, a.text-xlp-red-accent-3:focus, a.text-xlp-red-accent-3:link, a.text-xlp-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-xlp-red-accent-4 { color: #D50000 !important; } a.text-xlp-red-accent-4:hover, a.text-xlp-red-accent-4:focus, a.text-xlp-red-accent-4:link, a.text-xlp-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-xlp-pink { color: #E91E63 !important; } a.text-xlp-pink:hover, a.text-xlp-pink:focus, a.text-xlp-pink:link, a.text-xlp-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-xlp-pink-lighten-5 { color: #FCE4EC !important; } a.text-xlp-pink-lighten-5:hover, a.text-xlp-pink-lighten-5:focus, a.text-xlp-pink-lighten-5:link, a.text-xlp-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-xlp-pink-lighten-4 { color: #F8BBD0 !important; } a.text-xlp-pink-lighten-4:hover, a.text-xlp-pink-lighten-4:focus, a.text-xlp-pink-lighten-4:link, a.text-xlp-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-xlp-pink-lighten-3 { color: #F48FB1 !important; } a.text-xlp-pink-lighten-3:hover, a.text-xlp-pink-lighten-3:focus, a.text-xlp-pink-lighten-3:link, a.text-xlp-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-xlp-pink-lighten-2 { color: #F06292 !important; } a.text-xlp-pink-lighten-2:hover, a.text-xlp-pink-lighten-2:focus, a.text-xlp-pink-lighten-2:link, a.text-xlp-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-xlp-pink-lighten-1 { color: #EC407A !important; } a.text-xlp-pink-lighten-1:hover, a.text-xlp-pink-lighten-1:focus, a.text-xlp-pink-lighten-1:link, a.text-xlp-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-xlp-pink-darken-1 { color: #D81B60 !important; } a.text-xlp-pink-darken-1:hover, a.text-xlp-pink-darken-1:focus, a.text-xlp-pink-darken-1:link, a.text-xlp-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-xlp-pink-darken-2 { color: #C2185B !important; } a.text-xlp-pink-darken-2:hover, a.text-xlp-pink-darken-2:focus, a.text-xlp-pink-darken-2:link, a.text-xlp-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-xlp-pink-darken-3 { color: #AD1457 !important; } a.text-xlp-pink-darken-3:hover, a.text-xlp-pink-darken-3:focus, a.text-xlp-pink-darken-3:link, a.text-xlp-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-xlp-pink-darken-4 { color: #880E4F !important; } a.text-xlp-pink-darken-4:hover, a.text-xlp-pink-darken-4:focus, a.text-xlp-pink-darken-4:link, a.text-xlp-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-xlp-pink-accent-1 { color: #FF80AB !important; } a.text-xlp-pink-accent-1:hover, a.text-xlp-pink-accent-1:focus, a.text-xlp-pink-accent-1:link, a.text-xlp-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-xlp-pink-accent-2 { color: #FF4081 !important; } a.text-xlp-pink-accent-2:hover, a.text-xlp-pink-accent-2:focus, a.text-xlp-pink-accent-2:link, a.text-xlp-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-xlp-pink-accent-3 { color: #F50057 !important; } a.text-xlp-pink-accent-3:hover, a.text-xlp-pink-accent-3:focus, a.text-xlp-pink-accent-3:link, a.text-xlp-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-xlp-pink-accent-4 { color: #C51162 !important; } a.text-xlp-pink-accent-4:hover, a.text-xlp-pink-accent-4:focus, a.text-xlp-pink-accent-4:link, a.text-xlp-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-xlp-purple { color: #9C27B0 !important; } a.text-xlp-purple:hover, a.text-xlp-purple:focus, a.text-xlp-purple:link, a.text-xlp-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-xlp-purple-lighten-5 { color: #F3E5F5 !important; } a.text-xlp-purple-lighten-5:hover, a.text-xlp-purple-lighten-5:focus, a.text-xlp-purple-lighten-5:link, a.text-xlp-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-xlp-purple-lighten-4 { color: #E1BEE7 !important; } a.text-xlp-purple-lighten-4:hover, a.text-xlp-purple-lighten-4:focus, a.text-xlp-purple-lighten-4:link, a.text-xlp-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-xlp-purple-lighten-3 { color: #CE93D8 !important; } a.text-xlp-purple-lighten-3:hover, a.text-xlp-purple-lighten-3:focus, a.text-xlp-purple-lighten-3:link, a.text-xlp-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-xlp-purple-lighten-2 { color: #BA68C8 !important; } a.text-xlp-purple-lighten-2:hover, a.text-xlp-purple-lighten-2:focus, a.text-xlp-purple-lighten-2:link, a.text-xlp-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-xlp-purple-lighten-1 { color: #AB47BC !important; } a.text-xlp-purple-lighten-1:hover, a.text-xlp-purple-lighten-1:focus, a.text-xlp-purple-lighten-1:link, a.text-xlp-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-xlp-purple-darken-1 { color: #8E24AA !important; } a.text-xlp-purple-darken-1:hover, a.text-xlp-purple-darken-1:focus, a.text-xlp-purple-darken-1:link, a.text-xlp-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-xlp-purple-darken-2 { color: #7B1FA2 !important; } a.text-xlp-purple-darken-2:hover, a.text-xlp-purple-darken-2:focus, a.text-xlp-purple-darken-2:link, a.text-xlp-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-xlp-purple-darken-3 { color: #6A1B9A !important; } a.text-xlp-purple-darken-3:hover, a.text-xlp-purple-darken-3:focus, a.text-xlp-purple-darken-3:link, a.text-xlp-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xlp-purple-darken-4 { color: #4A148C !important; } a.text-xlp-purple-darken-4:hover, a.text-xlp-purple-darken-4:focus, a.text-xlp-purple-darken-4:link, a.text-xlp-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-xlp-purple-accent-1 { color: #EA80FC !important; } a.text-xlp-purple-accent-1:hover, a.text-xlp-purple-accent-1:focus, a.text-xlp-purple-accent-1:link, a.text-xlp-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-xlp-purple-accent-2 { color: #E040FB !important; } a.text-xlp-purple-accent-2:hover, a.text-xlp-purple-accent-2:focus, a.text-xlp-purple-accent-2:link, a.text-xlp-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-xlp-purple-accent-3 { color: #D500F9 !important; } a.text-xlp-purple-accent-3:hover, a.text-xlp-purple-accent-3:focus, a.text-xlp-purple-accent-3:link, a.text-xlp-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-xlp-purple-accent-4 { color: #AA00FF !important; } a.text-xlp-purple-accent-4:hover, a.text-xlp-purple-accent-4:focus, a.text-xlp-purple-accent-4:link, a.text-xlp-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-xlp-deep-purple { color: #673AB7 !important; } a.text-xlp-deep-purple:hover, a.text-xlp-deep-purple:focus, a.text-xlp-deep-purple:link, a.text-xlp-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-xlp-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-xlp-deep-purple-lighten-5:hover, a.text-xlp-deep-purple-lighten-5:focus, a.text-xlp-deep-purple-lighten-5:link, a.text-xlp-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-xlp-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-xlp-deep-purple-lighten-4:hover, a.text-xlp-deep-purple-lighten-4:focus, a.text-xlp-deep-purple-lighten-4:link, a.text-xlp-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-xlp-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-xlp-deep-purple-lighten-3:hover, a.text-xlp-deep-purple-lighten-3:focus, a.text-xlp-deep-purple-lighten-3:link, a.text-xlp-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-xlp-deep-purple-lighten-2 { color: #9575CD !important; } a.text-xlp-deep-purple-lighten-2:hover, a.text-xlp-deep-purple-lighten-2:focus, a.text-xlp-deep-purple-lighten-2:link, a.text-xlp-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-xlp-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-xlp-deep-purple-lighten-1:hover, a.text-xlp-deep-purple-lighten-1:focus, a.text-xlp-deep-purple-lighten-1:link, a.text-xlp-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-xlp-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-xlp-deep-purple-darken-1:hover, a.text-xlp-deep-purple-darken-1:focus, a.text-xlp-deep-purple-darken-1:link, a.text-xlp-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-xlp-deep-purple-darken-2 { color: #512DA8 !important; } a.text-xlp-deep-purple-darken-2:hover, a.text-xlp-deep-purple-darken-2:focus, a.text-xlp-deep-purple-darken-2:link, a.text-xlp-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-xlp-deep-purple-darken-3 { color: #4527A0 !important; } a.text-xlp-deep-purple-darken-3:hover, a.text-xlp-deep-purple-darken-3:focus, a.text-xlp-deep-purple-darken-3:link, a.text-xlp-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-xlp-deep-purple-darken-4 { color: #311B92 !important; } a.text-xlp-deep-purple-darken-4:hover, a.text-xlp-deep-purple-darken-4:focus, a.text-xlp-deep-purple-darken-4:link, a.text-xlp-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-xlp-deep-purple-accent-1 { color: #B388FF !important; } a.text-xlp-deep-purple-accent-1:hover, a.text-xlp-deep-purple-accent-1:focus, a.text-xlp-deep-purple-accent-1:link, a.text-xlp-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-xlp-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-xlp-deep-purple-accent-2:hover, a.text-xlp-deep-purple-accent-2:focus, a.text-xlp-deep-purple-accent-2:link, a.text-xlp-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-xlp-deep-purple-accent-3 { color: #651FFF !important; } a.text-xlp-deep-purple-accent-3:hover, a.text-xlp-deep-purple-accent-3:focus, a.text-xlp-deep-purple-accent-3:link, a.text-xlp-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-xlp-deep-purple-accent-4 { color: #6200EA !important; } a.text-xlp-deep-purple-accent-4:hover, a.text-xlp-deep-purple-accent-4:focus, a.text-xlp-deep-purple-accent-4:link, a.text-xlp-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-xlp-indigo { color: #3F51B5 !important; } a.text-xlp-indigo:hover, a.text-xlp-indigo:focus, a.text-xlp-indigo:link, a.text-xlp-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-xlp-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-xlp-indigo-lighten-5:hover, a.text-xlp-indigo-lighten-5:focus, a.text-xlp-indigo-lighten-5:link, a.text-xlp-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-xlp-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-xlp-indigo-lighten-4:hover, a.text-xlp-indigo-lighten-4:focus, a.text-xlp-indigo-lighten-4:link, a.text-xlp-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-xlp-indigo-lighten-3 { color: #9FA8DA !important; } a.text-xlp-indigo-lighten-3:hover, a.text-xlp-indigo-lighten-3:focus, a.text-xlp-indigo-lighten-3:link, a.text-xlp-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-xlp-indigo-lighten-2 { color: #7986CB !important; } a.text-xlp-indigo-lighten-2:hover, a.text-xlp-indigo-lighten-2:focus, a.text-xlp-indigo-lighten-2:link, a.text-xlp-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-xlp-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-xlp-indigo-lighten-1:hover, a.text-xlp-indigo-lighten-1:focus, a.text-xlp-indigo-lighten-1:link, a.text-xlp-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-xlp-indigo-darken-1 { color: #3949AB !important; } a.text-xlp-indigo-darken-1:hover, a.text-xlp-indigo-darken-1:focus, a.text-xlp-indigo-darken-1:link, a.text-xlp-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-xlp-indigo-darken-2 { color: #303F9F !important; } a.text-xlp-indigo-darken-2:hover, a.text-xlp-indigo-darken-2:focus, a.text-xlp-indigo-darken-2:link, a.text-xlp-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-xlp-indigo-darken-3 { color: #283593 !important; } a.text-xlp-indigo-darken-3:hover, a.text-xlp-indigo-darken-3:focus, a.text-xlp-indigo-darken-3:link, a.text-xlp-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-xlp-indigo-darken-4 { color: #1A237E !important; } a.text-xlp-indigo-darken-4:hover, a.text-xlp-indigo-darken-4:focus, a.text-xlp-indigo-darken-4:link, a.text-xlp-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-xlp-indigo-accent-1 { color: #8C9EFF !important; } a.text-xlp-indigo-accent-1:hover, a.text-xlp-indigo-accent-1:focus, a.text-xlp-indigo-accent-1:link, a.text-xlp-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-xlp-indigo-accent-2 { color: #536DFE !important; } a.text-xlp-indigo-accent-2:hover, a.text-xlp-indigo-accent-2:focus, a.text-xlp-indigo-accent-2:link, a.text-xlp-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-xlp-indigo-accent-3 { color: #3D5AFE !important; } a.text-xlp-indigo-accent-3:hover, a.text-xlp-indigo-accent-3:focus, a.text-xlp-indigo-accent-3:link, a.text-xlp-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-xlp-indigo-accent-4 { color: #304FFE !important; } a.text-xlp-indigo-accent-4:hover, a.text-xlp-indigo-accent-4:focus, a.text-xlp-indigo-accent-4:link, a.text-xlp-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-xlp-blue { color: #2196F3 !important; } a.text-xlp-blue:hover, a.text-xlp-blue:focus, a.text-xlp-blue:link, a.text-xlp-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-xlp-blue-lighten-5 { color: #E3F2FD !important; } a.text-xlp-blue-lighten-5:hover, a.text-xlp-blue-lighten-5:focus, a.text-xlp-blue-lighten-5:link, a.text-xlp-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-xlp-blue-lighten-4 { color: #BBDEFB !important; } a.text-xlp-blue-lighten-4:hover, a.text-xlp-blue-lighten-4:focus, a.text-xlp-blue-lighten-4:link, a.text-xlp-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-xlp-blue-lighten-3 { color: #90CAF9 !important; } a.text-xlp-blue-lighten-3:hover, a.text-xlp-blue-lighten-3:focus, a.text-xlp-blue-lighten-3:link, a.text-xlp-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-xlp-blue-lighten-2 { color: #64B5F6 !important; } a.text-xlp-blue-lighten-2:hover, a.text-xlp-blue-lighten-2:focus, a.text-xlp-blue-lighten-2:link, a.text-xlp-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-xlp-blue-lighten-1 { color: #42A5F5 !important; } a.text-xlp-blue-lighten-1:hover, a.text-xlp-blue-lighten-1:focus, a.text-xlp-blue-lighten-1:link, a.text-xlp-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-xlp-blue-darken-1 { color: #1E88E5 !important; } a.text-xlp-blue-darken-1:hover, a.text-xlp-blue-darken-1:focus, a.text-xlp-blue-darken-1:link, a.text-xlp-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-xlp-blue-darken-2 { color: #1976D2 !important; } a.text-xlp-blue-darken-2:hover, a.text-xlp-blue-darken-2:focus, a.text-xlp-blue-darken-2:link, a.text-xlp-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-xlp-blue-darken-3 { color: #1565C0 !important; } a.text-xlp-blue-darken-3:hover, a.text-xlp-blue-darken-3:focus, a.text-xlp-blue-darken-3:link, a.text-xlp-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-xlp-blue-darken-4 { color: #0D47A1 !important; } a.text-xlp-blue-darken-4:hover, a.text-xlp-blue-darken-4:focus, a.text-xlp-blue-darken-4:link, a.text-xlp-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-xlp-blue-accent-1 { color: #82B1FF !important; } a.text-xlp-blue-accent-1:hover, a.text-xlp-blue-accent-1:focus, a.text-xlp-blue-accent-1:link, a.text-xlp-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-xlp-blue-accent-2 { color: #448AFF !important; } a.text-xlp-blue-accent-2:hover, a.text-xlp-blue-accent-2:focus, a.text-xlp-blue-accent-2:link, a.text-xlp-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-xlp-blue-accent-3 { color: #2979FF !important; } a.text-xlp-blue-accent-3:hover, a.text-xlp-blue-accent-3:focus, a.text-xlp-blue-accent-3:link, a.text-xlp-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-xlp-blue-accent-4 { color: #2962FF !important; } a.text-xlp-blue-accent-4:hover, a.text-xlp-blue-accent-4:focus, a.text-xlp-blue-accent-4:link, a.text-xlp-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-xlp-light-blue { color: #03A9F4 !important; } a.text-xlp-light-blue:hover, a.text-xlp-light-blue:focus, a.text-xlp-light-blue:link, a.text-xlp-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-xlp-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-xlp-light-blue-lighten-5:hover, a.text-xlp-light-blue-lighten-5:focus, a.text-xlp-light-blue-lighten-5:link, a.text-xlp-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-xlp-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-xlp-light-blue-lighten-4:hover, a.text-xlp-light-blue-lighten-4:focus, a.text-xlp-light-blue-lighten-4:link, a.text-xlp-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-xlp-light-blue-lighten-3 { color: #81D4FA !important; } a.text-xlp-light-blue-lighten-3:hover, a.text-xlp-light-blue-lighten-3:focus, a.text-xlp-light-blue-lighten-3:link, a.text-xlp-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-xlp-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-xlp-light-blue-lighten-2:hover, a.text-xlp-light-blue-lighten-2:focus, a.text-xlp-light-blue-lighten-2:link, a.text-xlp-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-xlp-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-xlp-light-blue-lighten-1:hover, a.text-xlp-light-blue-lighten-1:focus, a.text-xlp-light-blue-lighten-1:link, a.text-xlp-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-xlp-light-blue-darken-1 { color: #039BE5 !important; } a.text-xlp-light-blue-darken-1:hover, a.text-xlp-light-blue-darken-1:focus, a.text-xlp-light-blue-darken-1:link, a.text-xlp-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-xlp-light-blue-darken-2 { color: #0288D1 !important; } a.text-xlp-light-blue-darken-2:hover, a.text-xlp-light-blue-darken-2:focus, a.text-xlp-light-blue-darken-2:link, a.text-xlp-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-xlp-light-blue-darken-3 { color: #0277BD !important; } a.text-xlp-light-blue-darken-3:hover, a.text-xlp-light-blue-darken-3:focus, a.text-xlp-light-blue-darken-3:link, a.text-xlp-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-xlp-light-blue-darken-4 { color: #01579B !important; } a.text-xlp-light-blue-darken-4:hover, a.text-xlp-light-blue-darken-4:focus, a.text-xlp-light-blue-darken-4:link, a.text-xlp-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-xlp-light-blue-accent-1 { color: #80D8FF !important; } a.text-xlp-light-blue-accent-1:hover, a.text-xlp-light-blue-accent-1:focus, a.text-xlp-light-blue-accent-1:link, a.text-xlp-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-xlp-light-blue-accent-2 { color: #40C4FF !important; } a.text-xlp-light-blue-accent-2:hover, a.text-xlp-light-blue-accent-2:focus, a.text-xlp-light-blue-accent-2:link, a.text-xlp-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-xlp-light-blue-accent-3 { color: #00B0FF !important; } a.text-xlp-light-blue-accent-3:hover, a.text-xlp-light-blue-accent-3:focus, a.text-xlp-light-blue-accent-3:link, a.text-xlp-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-xlp-light-blue-accent-4 { color: #0091EA !important; } a.text-xlp-light-blue-accent-4:hover, a.text-xlp-light-blue-accent-4:focus, a.text-xlp-light-blue-accent-4:link, a.text-xlp-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-xlp-cyan { color: #00BCD4 !important; } a.text-xlp-cyan:hover, a.text-xlp-cyan:focus, a.text-xlp-cyan:link, a.text-xlp-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-xlp-cyan-lighten-5 { color: #E0F7FA !important; } a.text-xlp-cyan-lighten-5:hover, a.text-xlp-cyan-lighten-5:focus, a.text-xlp-cyan-lighten-5:link, a.text-xlp-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-xlp-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-xlp-cyan-lighten-4:hover, a.text-xlp-cyan-lighten-4:focus, a.text-xlp-cyan-lighten-4:link, a.text-xlp-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-xlp-cyan-lighten-3 { color: #80DEEA !important; } a.text-xlp-cyan-lighten-3:hover, a.text-xlp-cyan-lighten-3:focus, a.text-xlp-cyan-lighten-3:link, a.text-xlp-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-xlp-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-xlp-cyan-lighten-2:hover, a.text-xlp-cyan-lighten-2:focus, a.text-xlp-cyan-lighten-2:link, a.text-xlp-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-xlp-cyan-lighten-1 { color: #26C6DA !important; } a.text-xlp-cyan-lighten-1:hover, a.text-xlp-cyan-lighten-1:focus, a.text-xlp-cyan-lighten-1:link, a.text-xlp-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-xlp-cyan-darken-1 { color: #00ACC1 !important; } a.text-xlp-cyan-darken-1:hover, a.text-xlp-cyan-darken-1:focus, a.text-xlp-cyan-darken-1:link, a.text-xlp-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-xlp-cyan-darken-2 { color: #0097A7 !important; } a.text-xlp-cyan-darken-2:hover, a.text-xlp-cyan-darken-2:focus, a.text-xlp-cyan-darken-2:link, a.text-xlp-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-xlp-cyan-darken-3 { color: #00838F !important; } a.text-xlp-cyan-darken-3:hover, a.text-xlp-cyan-darken-3:focus, a.text-xlp-cyan-darken-3:link, a.text-xlp-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-xlp-cyan-darken-4 { color: #006064 !important; } a.text-xlp-cyan-darken-4:hover, a.text-xlp-cyan-darken-4:focus, a.text-xlp-cyan-darken-4:link, a.text-xlp-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-xlp-cyan-accent-1 { color: #84FFFF !important; } a.text-xlp-cyan-accent-1:hover, a.text-xlp-cyan-accent-1:focus, a.text-xlp-cyan-accent-1:link, a.text-xlp-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-xlp-cyan-accent-2 { color: #18FFFF !important; } a.text-xlp-cyan-accent-2:hover, a.text-xlp-cyan-accent-2:focus, a.text-xlp-cyan-accent-2:link, a.text-xlp-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-xlp-cyan-accent-3 { color: #00E5FF !important; } a.text-xlp-cyan-accent-3:hover, a.text-xlp-cyan-accent-3:focus, a.text-xlp-cyan-accent-3:link, a.text-xlp-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-xlp-cyan-accent-4 { color: #00B8D4 !important; } a.text-xlp-cyan-accent-4:hover, a.text-xlp-cyan-accent-4:focus, a.text-xlp-cyan-accent-4:link, a.text-xlp-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-xlp-teal { color: #009688 !important; } a.text-xlp-teal:hover, a.text-xlp-teal:focus, a.text-xlp-teal:link, a.text-xlp-teal:active { color: #009688 !important; text-decoration: none !important; } .text-xlp-teal-lighten-5 { color: #E0F2F1 !important; } a.text-xlp-teal-lighten-5:hover, a.text-xlp-teal-lighten-5:focus, a.text-xlp-teal-lighten-5:link, a.text-xlp-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-xlp-teal-lighten-4 { color: #B2DFDB !important; } a.text-xlp-teal-lighten-4:hover, a.text-xlp-teal-lighten-4:focus, a.text-xlp-teal-lighten-4:link, a.text-xlp-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-xlp-teal-lighten-3 { color: #80CBC4 !important; } a.text-xlp-teal-lighten-3:hover, a.text-xlp-teal-lighten-3:focus, a.text-xlp-teal-lighten-3:link, a.text-xlp-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-xlp-teal-lighten-2 { color: #4DB6AC !important; } a.text-xlp-teal-lighten-2:hover, a.text-xlp-teal-lighten-2:focus, a.text-xlp-teal-lighten-2:link, a.text-xlp-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-xlp-teal-lighten-1 { color: #26A69A !important; } a.text-xlp-teal-lighten-1:hover, a.text-xlp-teal-lighten-1:focus, a.text-xlp-teal-lighten-1:link, a.text-xlp-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-xlp-teal-darken-1 { color: #00897B !important; } a.text-xlp-teal-darken-1:hover, a.text-xlp-teal-darken-1:focus, a.text-xlp-teal-darken-1:link, a.text-xlp-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-xlp-teal-darken-2 { color: #00796B !important; } a.text-xlp-teal-darken-2:hover, a.text-xlp-teal-darken-2:focus, a.text-xlp-teal-darken-2:link, a.text-xlp-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-xlp-teal-darken-3 { color: #00695C !important; } a.text-xlp-teal-darken-3:hover, a.text-xlp-teal-darken-3:focus, a.text-xlp-teal-darken-3:link, a.text-xlp-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-xlp-teal-darken-4 { color: #004D40 !important; } a.text-xlp-teal-darken-4:hover, a.text-xlp-teal-darken-4:focus, a.text-xlp-teal-darken-4:link, a.text-xlp-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-xlp-teal-accent-1 { color: #A7FFEB !important; } a.text-xlp-teal-accent-1:hover, a.text-xlp-teal-accent-1:focus, a.text-xlp-teal-accent-1:link, a.text-xlp-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-xlp-teal-accent-2 { color: #64FFDA !important; } a.text-xlp-teal-accent-2:hover, a.text-xlp-teal-accent-2:focus, a.text-xlp-teal-accent-2:link, a.text-xlp-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-xlp-teal-accent-3 { color: #1DE9B6 !important; } a.text-xlp-teal-accent-3:hover, a.text-xlp-teal-accent-3:focus, a.text-xlp-teal-accent-3:link, a.text-xlp-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-xlp-teal-accent-4 { color: #00BFA5 !important; } a.text-xlp-teal-accent-4:hover, a.text-xlp-teal-accent-4:focus, a.text-xlp-teal-accent-4:link, a.text-xlp-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-xlp-green { color: #4CAF50 !important; } a.text-xlp-green:hover, a.text-xlp-green:focus, a.text-xlp-green:link, a.text-xlp-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-xlp-green-lighten-5 { color: #E8F5E9 !important; } a.text-xlp-green-lighten-5:hover, a.text-xlp-green-lighten-5:focus, a.text-xlp-green-lighten-5:link, a.text-xlp-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-xlp-green-lighten-4 { color: #C8E6C9 !important; } a.text-xlp-green-lighten-4:hover, a.text-xlp-green-lighten-4:focus, a.text-xlp-green-lighten-4:link, a.text-xlp-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-xlp-green-lighten-3 { color: #A5D6A7 !important; } a.text-xlp-green-lighten-3:hover, a.text-xlp-green-lighten-3:focus, a.text-xlp-green-lighten-3:link, a.text-xlp-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-xlp-green-lighten-2 { color: #81C784 !important; } a.text-xlp-green-lighten-2:hover, a.text-xlp-green-lighten-2:focus, a.text-xlp-green-lighten-2:link, a.text-xlp-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-xlp-green-lighten-1 { color: #66BB6A !important; } a.text-xlp-green-lighten-1:hover, a.text-xlp-green-lighten-1:focus, a.text-xlp-green-lighten-1:link, a.text-xlp-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-xlp-green-darken-1 { color: #43A047 !important; } a.text-xlp-green-darken-1:hover, a.text-xlp-green-darken-1:focus, a.text-xlp-green-darken-1:link, a.text-xlp-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-xlp-green-darken-2 { color: #388E3C !important; } a.text-xlp-green-darken-2:hover, a.text-xlp-green-darken-2:focus, a.text-xlp-green-darken-2:link, a.text-xlp-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-xlp-green-darken-3 { color: #2E7D32 !important; } a.text-xlp-green-darken-3:hover, a.text-xlp-green-darken-3:focus, a.text-xlp-green-darken-3:link, a.text-xlp-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-xlp-green-darken-4 { color: #1B5E20 !important; } a.text-xlp-green-darken-4:hover, a.text-xlp-green-darken-4:focus, a.text-xlp-green-darken-4:link, a.text-xlp-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-xlp-green-accent-1 { color: #B9F6CA !important; } a.text-xlp-green-accent-1:hover, a.text-xlp-green-accent-1:focus, a.text-xlp-green-accent-1:link, a.text-xlp-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-xlp-green-accent-2 { color: #69F0AE !important; } a.text-xlp-green-accent-2:hover, a.text-xlp-green-accent-2:focus, a.text-xlp-green-accent-2:link, a.text-xlp-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-xlp-green-accent-3 { color: #00E676 !important; } a.text-xlp-green-accent-3:hover, a.text-xlp-green-accent-3:focus, a.text-xlp-green-accent-3:link, a.text-xlp-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-xlp-green-accent-4 { color: #00C853 !important; } a.text-xlp-green-accent-4:hover, a.text-xlp-green-accent-4:focus, a.text-xlp-green-accent-4:link, a.text-xlp-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-xlp-light-green { color: #8BC34A !important; } a.text-xlp-light-green:hover, a.text-xlp-light-green:focus, a.text-xlp-light-green:link, a.text-xlp-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-xlp-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-xlp-light-green-lighten-5:hover, a.text-xlp-light-green-lighten-5:focus, a.text-xlp-light-green-lighten-5:link, a.text-xlp-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-xlp-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-xlp-light-green-lighten-4:hover, a.text-xlp-light-green-lighten-4:focus, a.text-xlp-light-green-lighten-4:link, a.text-xlp-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-xlp-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-xlp-light-green-lighten-3:hover, a.text-xlp-light-green-lighten-3:focus, a.text-xlp-light-green-lighten-3:link, a.text-xlp-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-xlp-light-green-lighten-2 { color: #AED581 !important; } a.text-xlp-light-green-lighten-2:hover, a.text-xlp-light-green-lighten-2:focus, a.text-xlp-light-green-lighten-2:link, a.text-xlp-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-xlp-light-green-lighten-1 { color: #9CCC65 !important; } a.text-xlp-light-green-lighten-1:hover, a.text-xlp-light-green-lighten-1:focus, a.text-xlp-light-green-lighten-1:link, a.text-xlp-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-xlp-light-green-darken-1 { color: #7CB342 !important; } a.text-xlp-light-green-darken-1:hover, a.text-xlp-light-green-darken-1:focus, a.text-xlp-light-green-darken-1:link, a.text-xlp-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-xlp-light-green-darken-2 { color: #689F38 !important; } a.text-xlp-light-green-darken-2:hover, a.text-xlp-light-green-darken-2:focus, a.text-xlp-light-green-darken-2:link, a.text-xlp-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-xlp-light-green-darken-3 { color: #558B2F !important; } a.text-xlp-light-green-darken-3:hover, a.text-xlp-light-green-darken-3:focus, a.text-xlp-light-green-darken-3:link, a.text-xlp-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-xlp-light-green-darken-4 { color: #33691E !important; } a.text-xlp-light-green-darken-4:hover, a.text-xlp-light-green-darken-4:focus, a.text-xlp-light-green-darken-4:link, a.text-xlp-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-xlp-light-green-accent-1 { color: #CCFF90 !important; } a.text-xlp-light-green-accent-1:hover, a.text-xlp-light-green-accent-1:focus, a.text-xlp-light-green-accent-1:link, a.text-xlp-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-xlp-light-green-accent-2 { color: #B2FF59 !important; } a.text-xlp-light-green-accent-2:hover, a.text-xlp-light-green-accent-2:focus, a.text-xlp-light-green-accent-2:link, a.text-xlp-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-xlp-light-green-accent-3 { color: #76FF03 !important; } a.text-xlp-light-green-accent-3:hover, a.text-xlp-light-green-accent-3:focus, a.text-xlp-light-green-accent-3:link, a.text-xlp-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-xlp-light-green-accent-4 { color: #64DD17 !important; } a.text-xlp-light-green-accent-4:hover, a.text-xlp-light-green-accent-4:focus, a.text-xlp-light-green-accent-4:link, a.text-xlp-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-xlp-lime { color: #CDDC39 !important; } a.text-xlp-lime:hover, a.text-xlp-lime:focus, a.text-xlp-lime:link, a.text-xlp-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-xlp-lime-lighten-5 { color: #F9FBE7 !important; } a.text-xlp-lime-lighten-5:hover, a.text-xlp-lime-lighten-5:focus, a.text-xlp-lime-lighten-5:link, a.text-xlp-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-xlp-lime-lighten-4 { color: #F0F4C3 !important; } a.text-xlp-lime-lighten-4:hover, a.text-xlp-lime-lighten-4:focus, a.text-xlp-lime-lighten-4:link, a.text-xlp-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-xlp-lime-lighten-3 { color: #E6EE9C !important; } a.text-xlp-lime-lighten-3:hover, a.text-xlp-lime-lighten-3:focus, a.text-xlp-lime-lighten-3:link, a.text-xlp-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-xlp-lime-lighten-2 { color: #DCE775 !important; } a.text-xlp-lime-lighten-2:hover, a.text-xlp-lime-lighten-2:focus, a.text-xlp-lime-lighten-2:link, a.text-xlp-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-xlp-lime-lighten-1 { color: #D4E157 !important; } a.text-xlp-lime-lighten-1:hover, a.text-xlp-lime-lighten-1:focus, a.text-xlp-lime-lighten-1:link, a.text-xlp-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-xlp-lime-darken-1 { color: #C0CA33 !important; } a.text-xlp-lime-darken-1:hover, a.text-xlp-lime-darken-1:focus, a.text-xlp-lime-darken-1:link, a.text-xlp-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-xlp-lime-darken-2 { color: #AFB42B !important; } a.text-xlp-lime-darken-2:hover, a.text-xlp-lime-darken-2:focus, a.text-xlp-lime-darken-2:link, a.text-xlp-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-xlp-lime-darken-3 { color: #9E9D24 !important; } a.text-xlp-lime-darken-3:hover, a.text-xlp-lime-darken-3:focus, a.text-xlp-lime-darken-3:link, a.text-xlp-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-xlp-lime-darken-4 { color: #827717 !important; } a.text-xlp-lime-darken-4:hover, a.text-xlp-lime-darken-4:focus, a.text-xlp-lime-darken-4:link, a.text-xlp-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-xlp-lime-accent-1 { color: #F4FF81 !important; } a.text-xlp-lime-accent-1:hover, a.text-xlp-lime-accent-1:focus, a.text-xlp-lime-accent-1:link, a.text-xlp-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-xlp-lime-accent-2 { color: #EEFF41 !important; } a.text-xlp-lime-accent-2:hover, a.text-xlp-lime-accent-2:focus, a.text-xlp-lime-accent-2:link, a.text-xlp-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-xlp-lime-accent-3 { color: #C6FF00 !important; } a.text-xlp-lime-accent-3:hover, a.text-xlp-lime-accent-3:focus, a.text-xlp-lime-accent-3:link, a.text-xlp-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-xlp-lime-accent-4 { color: #AEEA00 !important; } a.text-xlp-lime-accent-4:hover, a.text-xlp-lime-accent-4:focus, a.text-xlp-lime-accent-4:link, a.text-xlp-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-xlp-yellow { color: #FFEB3B !important; } a.text-xlp-yellow:hover, a.text-xlp-yellow:focus, a.text-xlp-yellow:link, a.text-xlp-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-xlp-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-xlp-yellow-lighten-5:hover, a.text-xlp-yellow-lighten-5:focus, a.text-xlp-yellow-lighten-5:link, a.text-xlp-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-xlp-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-xlp-yellow-lighten-4:hover, a.text-xlp-yellow-lighten-4:focus, a.text-xlp-yellow-lighten-4:link, a.text-xlp-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-xlp-yellow-lighten-3 { color: #FFF59D !important; } a.text-xlp-yellow-lighten-3:hover, a.text-xlp-yellow-lighten-3:focus, a.text-xlp-yellow-lighten-3:link, a.text-xlp-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-xlp-yellow-lighten-2 { color: #FFF176 !important; } a.text-xlp-yellow-lighten-2:hover, a.text-xlp-yellow-lighten-2:focus, a.text-xlp-yellow-lighten-2:link, a.text-xlp-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-xlp-yellow-lighten-1 { color: #FFEE58 !important; } a.text-xlp-yellow-lighten-1:hover, a.text-xlp-yellow-lighten-1:focus, a.text-xlp-yellow-lighten-1:link, a.text-xlp-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-xlp-yellow-darken-1 { color: #FDD835 !important; } a.text-xlp-yellow-darken-1:hover, a.text-xlp-yellow-darken-1:focus, a.text-xlp-yellow-darken-1:link, a.text-xlp-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-xlp-yellow-darken-2 { color: #FBC02D !important; } a.text-xlp-yellow-darken-2:hover, a.text-xlp-yellow-darken-2:focus, a.text-xlp-yellow-darken-2:link, a.text-xlp-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-xlp-yellow-darken-3 { color: #F9A825 !important; } a.text-xlp-yellow-darken-3:hover, a.text-xlp-yellow-darken-3:focus, a.text-xlp-yellow-darken-3:link, a.text-xlp-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-xlp-yellow-darken-4 { color: #F57F17 !important; } a.text-xlp-yellow-darken-4:hover, a.text-xlp-yellow-darken-4:focus, a.text-xlp-yellow-darken-4:link, a.text-xlp-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-xlp-yellow-accent-1 { color: #FFFF8D !important; } a.text-xlp-yellow-accent-1:hover, a.text-xlp-yellow-accent-1:focus, a.text-xlp-yellow-accent-1:link, a.text-xlp-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-xlp-yellow-accent-2 { color: #FFFF00 !important; } a.text-xlp-yellow-accent-2:hover, a.text-xlp-yellow-accent-2:focus, a.text-xlp-yellow-accent-2:link, a.text-xlp-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-xlp-yellow-accent-3 { color: #FFEA00 !important; } a.text-xlp-yellow-accent-3:hover, a.text-xlp-yellow-accent-3:focus, a.text-xlp-yellow-accent-3:link, a.text-xlp-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-xlp-yellow-accent-4 { color: #FFD600 !important; } a.text-xlp-yellow-accent-4:hover, a.text-xlp-yellow-accent-4:focus, a.text-xlp-yellow-accent-4:link, a.text-xlp-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-xlp-amber { color: #FFC107 !important; } a.text-xlp-amber:hover, a.text-xlp-amber:focus, a.text-xlp-amber:link, a.text-xlp-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-xlp-amber-lighten-5 { color: #FFF8E1 !important; } a.text-xlp-amber-lighten-5:hover, a.text-xlp-amber-lighten-5:focus, a.text-xlp-amber-lighten-5:link, a.text-xlp-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-xlp-amber-lighten-4 { color: #FFECB3 !important; } a.text-xlp-amber-lighten-4:hover, a.text-xlp-amber-lighten-4:focus, a.text-xlp-amber-lighten-4:link, a.text-xlp-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-xlp-amber-lighten-3 { color: #FFE082 !important; } a.text-xlp-amber-lighten-3:hover, a.text-xlp-amber-lighten-3:focus, a.text-xlp-amber-lighten-3:link, a.text-xlp-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-xlp-amber-lighten-2 { color: #FFD54F !important; } a.text-xlp-amber-lighten-2:hover, a.text-xlp-amber-lighten-2:focus, a.text-xlp-amber-lighten-2:link, a.text-xlp-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-xlp-amber-lighten-1 { color: #FFCA28 !important; } a.text-xlp-amber-lighten-1:hover, a.text-xlp-amber-lighten-1:focus, a.text-xlp-amber-lighten-1:link, a.text-xlp-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-xlp-amber-darken-1 { color: #FFB300 !important; } a.text-xlp-amber-darken-1:hover, a.text-xlp-amber-darken-1:focus, a.text-xlp-amber-darken-1:link, a.text-xlp-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-xlp-amber-darken-2 { color: #FFA000 !important; } a.text-xlp-amber-darken-2:hover, a.text-xlp-amber-darken-2:focus, a.text-xlp-amber-darken-2:link, a.text-xlp-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-xlp-amber-darken-3 { color: #FF8F00 !important; } a.text-xlp-amber-darken-3:hover, a.text-xlp-amber-darken-3:focus, a.text-xlp-amber-darken-3:link, a.text-xlp-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-xlp-amber-darken-4 { color: #FF6F00 !important; } a.text-xlp-amber-darken-4:hover, a.text-xlp-amber-darken-4:focus, a.text-xlp-amber-darken-4:link, a.text-xlp-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-xlp-amber-accent-1 { color: #FFE57F !important; } a.text-xlp-amber-accent-1:hover, a.text-xlp-amber-accent-1:focus, a.text-xlp-amber-accent-1:link, a.text-xlp-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-xlp-amber-accent-2 { color: #FFD740 !important; } a.text-xlp-amber-accent-2:hover, a.text-xlp-amber-accent-2:focus, a.text-xlp-amber-accent-2:link, a.text-xlp-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-xlp-amber-accent-3 { color: #FFC400 !important; } a.text-xlp-amber-accent-3:hover, a.text-xlp-amber-accent-3:focus, a.text-xlp-amber-accent-3:link, a.text-xlp-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-xlp-amber-accent-4 { color: #FFAB00 !important; } a.text-xlp-amber-accent-4:hover, a.text-xlp-amber-accent-4:focus, a.text-xlp-amber-accent-4:link, a.text-xlp-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-xlp-orange { color: #FF9800 !important; } a.text-xlp-orange:hover, a.text-xlp-orange:focus, a.text-xlp-orange:link, a.text-xlp-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-xlp-orange-lighten-5 { color: #FFF3E0 !important; } a.text-xlp-orange-lighten-5:hover, a.text-xlp-orange-lighten-5:focus, a.text-xlp-orange-lighten-5:link, a.text-xlp-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-xlp-orange-lighten-4 { color: #FFE0B2 !important; } a.text-xlp-orange-lighten-4:hover, a.text-xlp-orange-lighten-4:focus, a.text-xlp-orange-lighten-4:link, a.text-xlp-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-xlp-orange-lighten-3 { color: #FFCC80 !important; } a.text-xlp-orange-lighten-3:hover, a.text-xlp-orange-lighten-3:focus, a.text-xlp-orange-lighten-3:link, a.text-xlp-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-xlp-orange-lighten-2 { color: #FFB74D !important; } a.text-xlp-orange-lighten-2:hover, a.text-xlp-orange-lighten-2:focus, a.text-xlp-orange-lighten-2:link, a.text-xlp-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-xlp-orange-lighten-1 { color: #FFA726 !important; } a.text-xlp-orange-lighten-1:hover, a.text-xlp-orange-lighten-1:focus, a.text-xlp-orange-lighten-1:link, a.text-xlp-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-xlp-orange-darken-1 { color: #FB8C00 !important; } a.text-xlp-orange-darken-1:hover, a.text-xlp-orange-darken-1:focus, a.text-xlp-orange-darken-1:link, a.text-xlp-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-xlp-orange-darken-2 { color: #F57C00 !important; } a.text-xlp-orange-darken-2:hover, a.text-xlp-orange-darken-2:focus, a.text-xlp-orange-darken-2:link, a.text-xlp-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-xlp-orange-darken-3 { color: #EF6C00 !important; } a.text-xlp-orange-darken-3:hover, a.text-xlp-orange-darken-3:focus, a.text-xlp-orange-darken-3:link, a.text-xlp-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-xlp-orange-darken-4 { color: #E65100 !important; } a.text-xlp-orange-darken-4:hover, a.text-xlp-orange-darken-4:focus, a.text-xlp-orange-darken-4:link, a.text-xlp-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-xlp-orange-accent-1 { color: #FFD180 !important; } a.text-xlp-orange-accent-1:hover, a.text-xlp-orange-accent-1:focus, a.text-xlp-orange-accent-1:link, a.text-xlp-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-xlp-orange-accent-2 { color: #FFAB40 !important; } a.text-xlp-orange-accent-2:hover, a.text-xlp-orange-accent-2:focus, a.text-xlp-orange-accent-2:link, a.text-xlp-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-xlp-orange-accent-3 { color: #FF9100 !important; } a.text-xlp-orange-accent-3:hover, a.text-xlp-orange-accent-3:focus, a.text-xlp-orange-accent-3:link, a.text-xlp-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-xlp-orange-accent-4 { color: #FF6D00 !important; } a.text-xlp-orange-accent-4:hover, a.text-xlp-orange-accent-4:focus, a.text-xlp-orange-accent-4:link, a.text-xlp-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-xlp-deep-orange { color: #FF5722 !important; } a.text-xlp-deep-orange:hover, a.text-xlp-deep-orange:focus, a.text-xlp-deep-orange:link, a.text-xlp-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-xlp-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-xlp-deep-orange-lighten-5:hover, a.text-xlp-deep-orange-lighten-5:focus, a.text-xlp-deep-orange-lighten-5:link, a.text-xlp-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-xlp-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-xlp-deep-orange-lighten-4:hover, a.text-xlp-deep-orange-lighten-4:focus, a.text-xlp-deep-orange-lighten-4:link, a.text-xlp-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-xlp-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-xlp-deep-orange-lighten-3:hover, a.text-xlp-deep-orange-lighten-3:focus, a.text-xlp-deep-orange-lighten-3:link, a.text-xlp-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-xlp-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-xlp-deep-orange-lighten-2:hover, a.text-xlp-deep-orange-lighten-2:focus, a.text-xlp-deep-orange-lighten-2:link, a.text-xlp-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-xlp-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-xlp-deep-orange-lighten-1:hover, a.text-xlp-deep-orange-lighten-1:focus, a.text-xlp-deep-orange-lighten-1:link, a.text-xlp-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-xlp-deep-orange-darken-1 { color: #F4511E !important; } a.text-xlp-deep-orange-darken-1:hover, a.text-xlp-deep-orange-darken-1:focus, a.text-xlp-deep-orange-darken-1:link, a.text-xlp-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-xlp-deep-orange-darken-2 { color: #E64A19 !important; } a.text-xlp-deep-orange-darken-2:hover, a.text-xlp-deep-orange-darken-2:focus, a.text-xlp-deep-orange-darken-2:link, a.text-xlp-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-xlp-deep-orange-darken-3 { color: #D84315 !important; } a.text-xlp-deep-orange-darken-3:hover, a.text-xlp-deep-orange-darken-3:focus, a.text-xlp-deep-orange-darken-3:link, a.text-xlp-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-xlp-deep-orange-darken-4 { color: #BF360C !important; } a.text-xlp-deep-orange-darken-4:hover, a.text-xlp-deep-orange-darken-4:focus, a.text-xlp-deep-orange-darken-4:link, a.text-xlp-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-xlp-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-xlp-deep-orange-accent-1:hover, a.text-xlp-deep-orange-accent-1:focus, a.text-xlp-deep-orange-accent-1:link, a.text-xlp-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-xlp-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-xlp-deep-orange-accent-2:hover, a.text-xlp-deep-orange-accent-2:focus, a.text-xlp-deep-orange-accent-2:link, a.text-xlp-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-xlp-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-xlp-deep-orange-accent-3:hover, a.text-xlp-deep-orange-accent-3:focus, a.text-xlp-deep-orange-accent-3:link, a.text-xlp-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-xlp-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-xlp-deep-orange-accent-4:hover, a.text-xlp-deep-orange-accent-4:focus, a.text-xlp-deep-orange-accent-4:link, a.text-xlp-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-xlp-brown { color: #795548 !important; } a.text-xlp-brown:hover, a.text-xlp-brown:focus, a.text-xlp-brown:link, a.text-xlp-brown:active { color: #795548 !important; text-decoration: none !important; } .text-xlp-brown-lighten-5 { color: #EFEBE9 !important; } a.text-xlp-brown-lighten-5:hover, a.text-xlp-brown-lighten-5:focus, a.text-xlp-brown-lighten-5:link, a.text-xlp-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-xlp-brown-lighten-4 { color: #D7CCC8 !important; } a.text-xlp-brown-lighten-4:hover, a.text-xlp-brown-lighten-4:focus, a.text-xlp-brown-lighten-4:link, a.text-xlp-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-xlp-brown-lighten-3 { color: #BCAAA4 !important; } a.text-xlp-brown-lighten-3:hover, a.text-xlp-brown-lighten-3:focus, a.text-xlp-brown-lighten-3:link, a.text-xlp-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-xlp-brown-lighten-2 { color: #A1887F !important; } a.text-xlp-brown-lighten-2:hover, a.text-xlp-brown-lighten-2:focus, a.text-xlp-brown-lighten-2:link, a.text-xlp-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-xlp-brown-lighten-1 { color: #8D6E63 !important; } a.text-xlp-brown-lighten-1:hover, a.text-xlp-brown-lighten-1:focus, a.text-xlp-brown-lighten-1:link, a.text-xlp-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-xlp-brown-darken-1 { color: #6D4C41 !important; } a.text-xlp-brown-darken-1:hover, a.text-xlp-brown-darken-1:focus, a.text-xlp-brown-darken-1:link, a.text-xlp-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-xlp-brown-darken-2 { color: #5D4037 !important; } a.text-xlp-brown-darken-2:hover, a.text-xlp-brown-darken-2:focus, a.text-xlp-brown-darken-2:link, a.text-xlp-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-xlp-brown-darken-3 { color: #4E342E !important; } a.text-xlp-brown-darken-3:hover, a.text-xlp-brown-darken-3:focus, a.text-xlp-brown-darken-3:link, a.text-xlp-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-xlp-brown-darken-4 { color: #3E2723 !important; } a.text-xlp-brown-darken-4:hover, a.text-xlp-brown-darken-4:focus, a.text-xlp-brown-darken-4:link, a.text-xlp-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } @media screen and (min-width: 1907px) { .text-xxl-body { color: #464646 !important; } a.text-xxl-body:hover, a.text-xxl-body:focus, a.text-xxl-body:link, a.text-xxl-body:active { color: #464646 !important; text-decoration: none !important; } .text-xxl-theme { color: #4682b4 !important; } a.text-xxl-theme:hover, a.text-xxl-theme:focus, a.text-xxl-theme:link, a.text-xxl-theme:active { color: #4682b4 !important; text-decoration: none !important; } .text-xxl-theme-lighten-5 { color: #E8EFF6 !important; } a.text-xxl-theme-lighten-5:hover, a.text-xxl-theme-lighten-5:focus, a.text-xxl-theme-lighten-5:link, a.text-xxl-theme-lighten-5:active { color: #E8EFF6 !important; text-decoration: none !important; } .text-xxl-theme-lighten-4 { color: #D1E0EC !important; } a.text-xxl-theme-lighten-4:hover, a.text-xxl-theme-lighten-4:focus, a.text-xxl-theme-lighten-4:link, a.text-xxl-theme-lighten-4:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xxl-theme-lighten-3 { color: #BAD0E3 !important; } a.text-xxl-theme-lighten-3:hover, a.text-xxl-theme-lighten-3:focus, a.text-xxl-theme-lighten-3:link, a.text-xxl-theme-lighten-3:active { color: #BAD0E3 !important; text-decoration: none !important; } .text-xxl-theme-lighten-2 { color: #A3C1DA !important; } a.text-xxl-theme-lighten-2:hover, a.text-xxl-theme-lighten-2:focus, a.text-xxl-theme-lighten-2:link, a.text-xxl-theme-lighten-2:active { color: #A3C1DA !important; text-decoration: none !important; } .text-xxl-theme-lighten-1 { color: #74A1C7 !important; } a.text-xxl-theme-lighten-1:hover, a.text-xxl-theme-lighten-1:focus, a.text-xxl-theme-lighten-1:link, a.text-xxl-theme-lighten-1:active { color: #74A1C7 !important; text-decoration: none !important; } .text-xxl-theme-darken-1 { color: #3D729E !important; } a.text-xxl-theme-darken-1:hover, a.text-xxl-theme-darken-1:focus, a.text-xxl-theme-darken-1:link, a.text-xxl-theme-darken-1:active { color: #3D729E !important; text-decoration: none !important; } .text-xxl-theme-darken-2 { color: #356287 !important; } a.text-xxl-theme-darken-2:hover, a.text-xxl-theme-darken-2:focus, a.text-xxl-theme-darken-2:link, a.text-xxl-theme-darken-2:active { color: #356287 !important; text-decoration: none !important; } .text-xxl-theme-darken-3 { color: #2C5171 !important; } a.text-xxl-theme-darken-3:hover, a.text-xxl-theme-darken-3:focus, a.text-xxl-theme-darken-3:link, a.text-xxl-theme-darken-3:active { color: #2C5171 !important; text-decoration: none !important; } .text-xxl-theme-darken-4 { color: #23415A !important; } a.text-xxl-theme-darken-4:hover, a.text-xxl-theme-darken-4:focus, a.text-xxl-theme-darken-4:link, a.text-xxl-theme-darken-4:active { color: #23415A !important; text-decoration: none !important; } .text-xxl-theme-accent-1 { color: #7ba7cc !important; } a.text-xxl-theme-accent-1:hover, a.text-xxl-theme-accent-1:focus, a.text-xxl-theme-accent-1:link, a.text-xxl-theme-accent-1:active { color: #7ba7cc !important; text-decoration: none !important; } .text-xxl-theme-accent-2 { color: #568ebd !important; } a.text-xxl-theme-accent-2:hover, a.text-xxl-theme-accent-2:focus, a.text-xxl-theme-accent-2:link, a.text-xxl-theme-accent-2:active { color: #568ebd !important; text-decoration: none !important; } .text-xxl-theme-accent-3 { color: #3f75a2 !important; } a.text-xxl-theme-accent-3:hover, a.text-xxl-theme-accent-3:focus, a.text-xxl-theme-accent-3:link, a.text-xxl-theme-accent-3:active { color: #3f75a2 !important; text-decoration: none !important; } .text-xxl-theme-accent-4 { color: #315a7d !important; } a.text-xxl-theme-accent-4:hover, a.text-xxl-theme-accent-4:focus, a.text-xxl-theme-accent-4:link, a.text-xxl-theme-accent-4:active { color: #315a7d !important; text-decoration: none !important; } .text-xxl-primary { color: #2196f3 !important; } a.text-xxl-primary:hover, a.text-xxl-primary:focus, a.text-xxl-primary:link, a.text-xxl-primary:active { color: #2196f3 !important; text-decoration: none !important; } .text-xxl-secondary { color: #6c757d !important; } a.text-xxl-secondary:hover, a.text-xxl-secondary:focus, a.text-xxl-secondary:link, a.text-xxl-secondary:active { color: #6c757d !important; text-decoration: none !important; } .text-xxl-success { color: #20ad20 !important; } a.text-xxl-success:hover, a.text-xxl-success:focus, a.text-xxl-success:link, a.text-xxl-success:active { color: #20ad20 !important; text-decoration: none !important; } .text-xxl-info { color: #4dd0e1 !important; } a.text-xxl-info:hover, a.text-xxl-info:focus, a.text-xxl-info:link, a.text-xxl-info:active { color: #4dd0e1 !important; text-decoration: none !important; } .text-xxl-warning { color: #f9cf48 !important; } a.text-xxl-warning:hover, a.text-xxl-warning:focus, a.text-xxl-warning:link, a.text-xxl-warning:active { color: #f9cf48 !important; text-decoration: none !important; } .text-xxl-danger { color: #f23629 !important; } a.text-xxl-danger:hover, a.text-xxl-danger:focus, a.text-xxl-danger:link, a.text-xxl-danger:active { color: #f23629 !important; text-decoration: none !important; } .text-xxl-alert { color: #f57b1d !important; } a.text-xxl-alert:hover, a.text-xxl-alert:focus, a.text-xxl-alert:link, a.text-xxl-alert:active { color: #f57b1d !important; text-decoration: none !important; } .text-xxl-theme { color: #356287 !important; } a.text-xxl-theme:hover, a.text-xxl-theme:focus, a.text-xxl-theme:link, a.text-xxl-theme:active { color: #356287 !important; text-decoration: none !important; } .text-xxl-white { color: #ffffff !important; } a.text-xxl-white:hover, a.text-xxl-white:focus, a.text-xxl-white:link, a.text-xxl-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xxl-purple { color: #6A1B9A !important; } a.text-xxl-purple:hover, a.text-xxl-purple:focus, a.text-xxl-purple:link, a.text-xxl-purple:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xxl-primary-lighten { color: #e0f1ff !important; } a.text-xxl-primary-lighten:hover, a.text-xxl-primary-lighten:focus, a.text-xxl-primary-lighten:link, a.text-xxl-primary-lighten:active { color: #e0f1ff !important; text-decoration: none !important; } .text-xxl-secondary-lighten { color: #e1e1e1 !important; } a.text-xxl-secondary-lighten:hover, a.text-xxl-secondary-lighten:focus, a.text-xxl-secondary-lighten:link, a.text-xxl-secondary-lighten:active { color: #e1e1e1 !important; text-decoration: none !important; } .text-xxl-success-lighten { color: #e8fac7 !important; } a.text-xxl-success-lighten:hover, a.text-xxl-success-lighten:focus, a.text-xxl-success-lighten:link, a.text-xxl-success-lighten:active { color: #e8fac7 !important; text-decoration: none !important; } .text-xxl-info-lighten { color: #d2f9ff !important; } a.text-xxl-info-lighten:hover, a.text-xxl-info-lighten:focus, a.text-xxl-info-lighten:link, a.text-xxl-info-lighten:active { color: #d2f9ff !important; text-decoration: none !important; } .text-xxl-warning-lighten { color: #fef6d9 !important; } a.text-xxl-warning-lighten:hover, a.text-xxl-warning-lighten:focus, a.text-xxl-warning-lighten:link, a.text-xxl-warning-lighten:active { color: #fef6d9 !important; text-decoration: none !important; } .text-xxl-danger-lighten { color: #ffd4d1 !important; } a.text-xxl-danger-lighten:hover, a.text-xxl-danger-lighten:focus, a.text-xxl-danger-lighten:link, a.text-xxl-danger-lighten:active { color: #ffd4d1 !important; text-decoration: none !important; } .text-xxl-alert-lighten { color: #fad6ba !important; } a.text-xxl-alert-lighten:hover, a.text-xxl-alert-lighten:focus, a.text-xxl-alert-lighten:link, a.text-xxl-alert-lighten:active { color: #fad6ba !important; text-decoration: none !important; } .text-xxl-purple-lighten { color: #f5ebfc !important; } a.text-xxl-purple-lighten:hover, a.text-xxl-purple-lighten:focus, a.text-xxl-purple-lighten:link, a.text-xxl-purple-lighten:active { color: #f5ebfc !important; text-decoration: none !important; } .text-xxl-theme-lighten { color: #D1E0EC !important; } a.text-xxl-theme-lighten:hover, a.text-xxl-theme-lighten:focus, a.text-xxl-theme-lighten:link, a.text-xxl-theme-lighten:active { color: #D1E0EC !important; text-decoration: none !important; } .text-xxl-app-line { color: #00B500 !important; } a.text-xxl-app-line:hover, a.text-xxl-app-line:focus, a.text-xxl-app-line:link, a.text-xxl-app-line:active { color: #00B500 !important; text-decoration: none !important; } .text-xxl-app-youtube { color: #cd201f !important; } a.text-xxl-app-youtube:hover, a.text-xxl-app-youtube:focus, a.text-xxl-app-youtube:link, a.text-xxl-app-youtube:active { color: #cd201f !important; text-decoration: none !important; } .text-xxl-app-twitter { color: #55acee !important; } a.text-xxl-app-twitter:hover, a.text-xxl-app-twitter:focus, a.text-xxl-app-twitter:link, a.text-xxl-app-twitter:active { color: #55acee !important; text-decoration: none !important; } .text-xxl-app-facebook { color: #4267B2 !important; } a.text-xxl-app-facebook:hover, a.text-xxl-app-facebook:focus, a.text-xxl-app-facebook:link, a.text-xxl-app-facebook:active { color: #4267B2 !important; text-decoration: none !important; } .text-xxl-app-instagram { color: #3f729b !important; } a.text-xxl-app-instagram:hover, a.text-xxl-app-instagram:focus, a.text-xxl-app-instagram:link, a.text-xxl-app-instagram:active { color: #3f729b !important; text-decoration: none !important; } .text-xxl-app-google-plus { color: #dc4e41 !important; } a.text-xxl-app-google-plus:hover, a.text-xxl-app-google-plus:focus, a.text-xxl-app-google-plus:link, a.text-xxl-app-google-plus:active { color: #dc4e41 !important; text-decoration: none !important; } .text-xxl-white { color: #ffffff !important; } a.text-xxl-white:hover, a.text-xxl-white:focus, a.text-xxl-white:link, a.text-xxl-white:active { color: #ffffff !important; text-decoration: none !important; } .text-xxl-black { color: #000000 !important; } a.text-xxl-black:hover, a.text-xxl-black:focus, a.text-xxl-black:link, a.text-xxl-black:active { color: #000000 !important; text-decoration: none !important; } .text-xxl-grey { color: #9E9E9E !important; } a.text-xxl-grey:hover, a.text-xxl-grey:focus, a.text-xxl-grey:link, a.text-xxl-grey:active { color: #9E9E9E !important; text-decoration: none !important; } .text-xxl-grey-lighten-5 { color: #FAFAFA !important; } a.text-xxl-grey-lighten-5:hover, a.text-xxl-grey-lighten-5:focus, a.text-xxl-grey-lighten-5:link, a.text-xxl-grey-lighten-5:active { color: #FAFAFA !important; text-decoration: none !important; } .text-xxl-grey-lighten-4 { color: #F5F5F5 !important; } a.text-xxl-grey-lighten-4:hover, a.text-xxl-grey-lighten-4:focus, a.text-xxl-grey-lighten-4:link, a.text-xxl-grey-lighten-4:active { color: #F5F5F5 !important; text-decoration: none !important; } .text-xxl-grey-lighten-3 { color: #EEEEEE !important; } a.text-xxl-grey-lighten-3:hover, a.text-xxl-grey-lighten-3:focus, a.text-xxl-grey-lighten-3:link, a.text-xxl-grey-lighten-3:active { color: #EEEEEE !important; text-decoration: none !important; } .text-xxl-grey-lighten-2 { color: #E0E0E0 !important; } a.text-xxl-grey-lighten-2:hover, a.text-xxl-grey-lighten-2:focus, a.text-xxl-grey-lighten-2:link, a.text-xxl-grey-lighten-2:active { color: #E0E0E0 !important; text-decoration: none !important; } .text-xxl-grey-lighten-1 { color: #BDBDBD !important; } a.text-xxl-grey-lighten-1:hover, a.text-xxl-grey-lighten-1:focus, a.text-xxl-grey-lighten-1:link, a.text-xxl-grey-lighten-1:active { color: #BDBDBD !important; text-decoration: none !important; } .text-xxl-grey-darken-1 { color: #757575 !important; } a.text-xxl-grey-darken-1:hover, a.text-xxl-grey-darken-1:focus, a.text-xxl-grey-darken-1:link, a.text-xxl-grey-darken-1:active { color: #757575 !important; text-decoration: none !important; } .text-xxl-grey-darken-2 { color: #616161 !important; } a.text-xxl-grey-darken-2:hover, a.text-xxl-grey-darken-2:focus, a.text-xxl-grey-darken-2:link, a.text-xxl-grey-darken-2:active { color: #616161 !important; text-decoration: none !important; } .text-xxl-grey-darken-3 { color: #424242 !important; } a.text-xxl-grey-darken-3:hover, a.text-xxl-grey-darken-3:focus, a.text-xxl-grey-darken-3:link, a.text-xxl-grey-darken-3:active { color: #424242 !important; text-decoration: none !important; } .text-xxl-grey-darken-4 { color: #212121 !important; } a.text-xxl-grey-darken-4:hover, a.text-xxl-grey-darken-4:focus, a.text-xxl-grey-darken-4:link, a.text-xxl-grey-darken-4:active { color: #212121 !important; text-decoration: none !important; } .text-xxl-blue-grey { color: #607D8B !important; } a.text-xxl-blue-grey:hover, a.text-xxl-blue-grey:focus, a.text-xxl-blue-grey:link, a.text-xxl-blue-grey:active { color: #607D8B !important; text-decoration: none !important; } .text-xxl-blue-grey-lighten-5 { color: #ECEFF1 !important; } a.text-xxl-blue-grey-lighten-5:hover, a.text-xxl-blue-grey-lighten-5:focus, a.text-xxl-blue-grey-lighten-5:link, a.text-xxl-blue-grey-lighten-5:active { color: #ECEFF1 !important; text-decoration: none !important; } .text-xxl-blue-grey-lighten-4 { color: #CFD8DC !important; } a.text-xxl-blue-grey-lighten-4:hover, a.text-xxl-blue-grey-lighten-4:focus, a.text-xxl-blue-grey-lighten-4:link, a.text-xxl-blue-grey-lighten-4:active { color: #CFD8DC !important; text-decoration: none !important; } .text-xxl-blue-grey-lighten-3 { color: #B0BEC5 !important; } a.text-xxl-blue-grey-lighten-3:hover, a.text-xxl-blue-grey-lighten-3:focus, a.text-xxl-blue-grey-lighten-3:link, a.text-xxl-blue-grey-lighten-3:active { color: #B0BEC5 !important; text-decoration: none !important; } .text-xxl-blue-grey-lighten-2 { color: #90A4AE !important; } a.text-xxl-blue-grey-lighten-2:hover, a.text-xxl-blue-grey-lighten-2:focus, a.text-xxl-blue-grey-lighten-2:link, a.text-xxl-blue-grey-lighten-2:active { color: #90A4AE !important; text-decoration: none !important; } .text-xxl-blue-grey-lighten-1 { color: #78909C !important; } a.text-xxl-blue-grey-lighten-1:hover, a.text-xxl-blue-grey-lighten-1:focus, a.text-xxl-blue-grey-lighten-1:link, a.text-xxl-blue-grey-lighten-1:active { color: #78909C !important; text-decoration: none !important; } .text-xxl-blue-grey-darken-1 { color: #546E7A !important; } a.text-xxl-blue-grey-darken-1:hover, a.text-xxl-blue-grey-darken-1:focus, a.text-xxl-blue-grey-darken-1:link, a.text-xxl-blue-grey-darken-1:active { color: #546E7A !important; text-decoration: none !important; } .text-xxl-blue-grey-darken-2 { color: #455A64 !important; } a.text-xxl-blue-grey-darken-2:hover, a.text-xxl-blue-grey-darken-2:focus, a.text-xxl-blue-grey-darken-2:link, a.text-xxl-blue-grey-darken-2:active { color: #455A64 !important; text-decoration: none !important; } .text-xxl-blue-grey-darken-3 { color: #37474F !important; } a.text-xxl-blue-grey-darken-3:hover, a.text-xxl-blue-grey-darken-3:focus, a.text-xxl-blue-grey-darken-3:link, a.text-xxl-blue-grey-darken-3:active { color: #37474F !important; text-decoration: none !important; } .text-xxl-blue-grey-darken-4 { color: #263238 !important; } a.text-xxl-blue-grey-darken-4:hover, a.text-xxl-blue-grey-darken-4:focus, a.text-xxl-blue-grey-darken-4:link, a.text-xxl-blue-grey-darken-4:active { color: #263238 !important; text-decoration: none !important; } .text-xxl-red { color: #F44336 !important; } a.text-xxl-red:hover, a.text-xxl-red:focus, a.text-xxl-red:link, a.text-xxl-red:active { color: #F44336 !important; text-decoration: none !important; } .text-xxl-red-lighten-5 { color: #FFEBEE !important; } a.text-xxl-red-lighten-5:hover, a.text-xxl-red-lighten-5:focus, a.text-xxl-red-lighten-5:link, a.text-xxl-red-lighten-5:active { color: #FFEBEE !important; text-decoration: none !important; } .text-xxl-red-lighten-4 { color: #FFCDD2 !important; } a.text-xxl-red-lighten-4:hover, a.text-xxl-red-lighten-4:focus, a.text-xxl-red-lighten-4:link, a.text-xxl-red-lighten-4:active { color: #FFCDD2 !important; text-decoration: none !important; } .text-xxl-red-lighten-3 { color: #EF9A9A !important; } a.text-xxl-red-lighten-3:hover, a.text-xxl-red-lighten-3:focus, a.text-xxl-red-lighten-3:link, a.text-xxl-red-lighten-3:active { color: #EF9A9A !important; text-decoration: none !important; } .text-xxl-red-lighten-2 { color: #E57373 !important; } a.text-xxl-red-lighten-2:hover, a.text-xxl-red-lighten-2:focus, a.text-xxl-red-lighten-2:link, a.text-xxl-red-lighten-2:active { color: #E57373 !important; text-decoration: none !important; } .text-xxl-red-lighten-1 { color: #EF5350 !important; } a.text-xxl-red-lighten-1:hover, a.text-xxl-red-lighten-1:focus, a.text-xxl-red-lighten-1:link, a.text-xxl-red-lighten-1:active { color: #EF5350 !important; text-decoration: none !important; } .text-xxl-red-darken-1 { color: #E53935 !important; } a.text-xxl-red-darken-1:hover, a.text-xxl-red-darken-1:focus, a.text-xxl-red-darken-1:link, a.text-xxl-red-darken-1:active { color: #E53935 !important; text-decoration: none !important; } .text-xxl-red-darken-2 { color: #D32F2F !important; } a.text-xxl-red-darken-2:hover, a.text-xxl-red-darken-2:focus, a.text-xxl-red-darken-2:link, a.text-xxl-red-darken-2:active { color: #D32F2F !important; text-decoration: none !important; } .text-xxl-red-darken-3 { color: #C62828 !important; } a.text-xxl-red-darken-3:hover, a.text-xxl-red-darken-3:focus, a.text-xxl-red-darken-3:link, a.text-xxl-red-darken-3:active { color: #C62828 !important; text-decoration: none !important; } .text-xxl-red-darken-4 { color: #B71C1C !important; } a.text-xxl-red-darken-4:hover, a.text-xxl-red-darken-4:focus, a.text-xxl-red-darken-4:link, a.text-xxl-red-darken-4:active { color: #B71C1C !important; text-decoration: none !important; } .text-xxl-red-accent-1 { color: #FF8A80 !important; } a.text-xxl-red-accent-1:hover, a.text-xxl-red-accent-1:focus, a.text-xxl-red-accent-1:link, a.text-xxl-red-accent-1:active { color: #FF8A80 !important; text-decoration: none !important; } .text-xxl-red-accent-2 { color: #FF5252 !important; } a.text-xxl-red-accent-2:hover, a.text-xxl-red-accent-2:focus, a.text-xxl-red-accent-2:link, a.text-xxl-red-accent-2:active { color: #FF5252 !important; text-decoration: none !important; } .text-xxl-red-accent-3 { color: #FF1744 !important; } a.text-xxl-red-accent-3:hover, a.text-xxl-red-accent-3:focus, a.text-xxl-red-accent-3:link, a.text-xxl-red-accent-3:active { color: #FF1744 !important; text-decoration: none !important; } .text-xxl-red-accent-4 { color: #D50000 !important; } a.text-xxl-red-accent-4:hover, a.text-xxl-red-accent-4:focus, a.text-xxl-red-accent-4:link, a.text-xxl-red-accent-4:active { color: #D50000 !important; text-decoration: none !important; } .text-xxl-pink { color: #E91E63 !important; } a.text-xxl-pink:hover, a.text-xxl-pink:focus, a.text-xxl-pink:link, a.text-xxl-pink:active { color: #E91E63 !important; text-decoration: none !important; } .text-xxl-pink-lighten-5 { color: #FCE4EC !important; } a.text-xxl-pink-lighten-5:hover, a.text-xxl-pink-lighten-5:focus, a.text-xxl-pink-lighten-5:link, a.text-xxl-pink-lighten-5:active { color: #FCE4EC !important; text-decoration: none !important; } .text-xxl-pink-lighten-4 { color: #F8BBD0 !important; } a.text-xxl-pink-lighten-4:hover, a.text-xxl-pink-lighten-4:focus, a.text-xxl-pink-lighten-4:link, a.text-xxl-pink-lighten-4:active { color: #F8BBD0 !important; text-decoration: none !important; } .text-xxl-pink-lighten-3 { color: #F48FB1 !important; } a.text-xxl-pink-lighten-3:hover, a.text-xxl-pink-lighten-3:focus, a.text-xxl-pink-lighten-3:link, a.text-xxl-pink-lighten-3:active { color: #F48FB1 !important; text-decoration: none !important; } .text-xxl-pink-lighten-2 { color: #F06292 !important; } a.text-xxl-pink-lighten-2:hover, a.text-xxl-pink-lighten-2:focus, a.text-xxl-pink-lighten-2:link, a.text-xxl-pink-lighten-2:active { color: #F06292 !important; text-decoration: none !important; } .text-xxl-pink-lighten-1 { color: #EC407A !important; } a.text-xxl-pink-lighten-1:hover, a.text-xxl-pink-lighten-1:focus, a.text-xxl-pink-lighten-1:link, a.text-xxl-pink-lighten-1:active { color: #EC407A !important; text-decoration: none !important; } .text-xxl-pink-darken-1 { color: #D81B60 !important; } a.text-xxl-pink-darken-1:hover, a.text-xxl-pink-darken-1:focus, a.text-xxl-pink-darken-1:link, a.text-xxl-pink-darken-1:active { color: #D81B60 !important; text-decoration: none !important; } .text-xxl-pink-darken-2 { color: #C2185B !important; } a.text-xxl-pink-darken-2:hover, a.text-xxl-pink-darken-2:focus, a.text-xxl-pink-darken-2:link, a.text-xxl-pink-darken-2:active { color: #C2185B !important; text-decoration: none !important; } .text-xxl-pink-darken-3 { color: #AD1457 !important; } a.text-xxl-pink-darken-3:hover, a.text-xxl-pink-darken-3:focus, a.text-xxl-pink-darken-3:link, a.text-xxl-pink-darken-3:active { color: #AD1457 !important; text-decoration: none !important; } .text-xxl-pink-darken-4 { color: #880E4F !important; } a.text-xxl-pink-darken-4:hover, a.text-xxl-pink-darken-4:focus, a.text-xxl-pink-darken-4:link, a.text-xxl-pink-darken-4:active { color: #880E4F !important; text-decoration: none !important; } .text-xxl-pink-accent-1 { color: #FF80AB !important; } a.text-xxl-pink-accent-1:hover, a.text-xxl-pink-accent-1:focus, a.text-xxl-pink-accent-1:link, a.text-xxl-pink-accent-1:active { color: #FF80AB !important; text-decoration: none !important; } .text-xxl-pink-accent-2 { color: #FF4081 !important; } a.text-xxl-pink-accent-2:hover, a.text-xxl-pink-accent-2:focus, a.text-xxl-pink-accent-2:link, a.text-xxl-pink-accent-2:active { color: #FF4081 !important; text-decoration: none !important; } .text-xxl-pink-accent-3 { color: #F50057 !important; } a.text-xxl-pink-accent-3:hover, a.text-xxl-pink-accent-3:focus, a.text-xxl-pink-accent-3:link, a.text-xxl-pink-accent-3:active { color: #F50057 !important; text-decoration: none !important; } .text-xxl-pink-accent-4 { color: #C51162 !important; } a.text-xxl-pink-accent-4:hover, a.text-xxl-pink-accent-4:focus, a.text-xxl-pink-accent-4:link, a.text-xxl-pink-accent-4:active { color: #C51162 !important; text-decoration: none !important; } .text-xxl-purple { color: #9C27B0 !important; } a.text-xxl-purple:hover, a.text-xxl-purple:focus, a.text-xxl-purple:link, a.text-xxl-purple:active { color: #9C27B0 !important; text-decoration: none !important; } .text-xxl-purple-lighten-5 { color: #F3E5F5 !important; } a.text-xxl-purple-lighten-5:hover, a.text-xxl-purple-lighten-5:focus, a.text-xxl-purple-lighten-5:link, a.text-xxl-purple-lighten-5:active { color: #F3E5F5 !important; text-decoration: none !important; } .text-xxl-purple-lighten-4 { color: #E1BEE7 !important; } a.text-xxl-purple-lighten-4:hover, a.text-xxl-purple-lighten-4:focus, a.text-xxl-purple-lighten-4:link, a.text-xxl-purple-lighten-4:active { color: #E1BEE7 !important; text-decoration: none !important; } .text-xxl-purple-lighten-3 { color: #CE93D8 !important; } a.text-xxl-purple-lighten-3:hover, a.text-xxl-purple-lighten-3:focus, a.text-xxl-purple-lighten-3:link, a.text-xxl-purple-lighten-3:active { color: #CE93D8 !important; text-decoration: none !important; } .text-xxl-purple-lighten-2 { color: #BA68C8 !important; } a.text-xxl-purple-lighten-2:hover, a.text-xxl-purple-lighten-2:focus, a.text-xxl-purple-lighten-2:link, a.text-xxl-purple-lighten-2:active { color: #BA68C8 !important; text-decoration: none !important; } .text-xxl-purple-lighten-1 { color: #AB47BC !important; } a.text-xxl-purple-lighten-1:hover, a.text-xxl-purple-lighten-1:focus, a.text-xxl-purple-lighten-1:link, a.text-xxl-purple-lighten-1:active { color: #AB47BC !important; text-decoration: none !important; } .text-xxl-purple-darken-1 { color: #8E24AA !important; } a.text-xxl-purple-darken-1:hover, a.text-xxl-purple-darken-1:focus, a.text-xxl-purple-darken-1:link, a.text-xxl-purple-darken-1:active { color: #8E24AA !important; text-decoration: none !important; } .text-xxl-purple-darken-2 { color: #7B1FA2 !important; } a.text-xxl-purple-darken-2:hover, a.text-xxl-purple-darken-2:focus, a.text-xxl-purple-darken-2:link, a.text-xxl-purple-darken-2:active { color: #7B1FA2 !important; text-decoration: none !important; } .text-xxl-purple-darken-3 { color: #6A1B9A !important; } a.text-xxl-purple-darken-3:hover, a.text-xxl-purple-darken-3:focus, a.text-xxl-purple-darken-3:link, a.text-xxl-purple-darken-3:active { color: #6A1B9A !important; text-decoration: none !important; } .text-xxl-purple-darken-4 { color: #4A148C !important; } a.text-xxl-purple-darken-4:hover, a.text-xxl-purple-darken-4:focus, a.text-xxl-purple-darken-4:link, a.text-xxl-purple-darken-4:active { color: #4A148C !important; text-decoration: none !important; } .text-xxl-purple-accent-1 { color: #EA80FC !important; } a.text-xxl-purple-accent-1:hover, a.text-xxl-purple-accent-1:focus, a.text-xxl-purple-accent-1:link, a.text-xxl-purple-accent-1:active { color: #EA80FC !important; text-decoration: none !important; } .text-xxl-purple-accent-2 { color: #E040FB !important; } a.text-xxl-purple-accent-2:hover, a.text-xxl-purple-accent-2:focus, a.text-xxl-purple-accent-2:link, a.text-xxl-purple-accent-2:active { color: #E040FB !important; text-decoration: none !important; } .text-xxl-purple-accent-3 { color: #D500F9 !important; } a.text-xxl-purple-accent-3:hover, a.text-xxl-purple-accent-3:focus, a.text-xxl-purple-accent-3:link, a.text-xxl-purple-accent-3:active { color: #D500F9 !important; text-decoration: none !important; } .text-xxl-purple-accent-4 { color: #AA00FF !important; } a.text-xxl-purple-accent-4:hover, a.text-xxl-purple-accent-4:focus, a.text-xxl-purple-accent-4:link, a.text-xxl-purple-accent-4:active { color: #AA00FF !important; text-decoration: none !important; } .text-xxl-deep-purple { color: #673AB7 !important; } a.text-xxl-deep-purple:hover, a.text-xxl-deep-purple:focus, a.text-xxl-deep-purple:link, a.text-xxl-deep-purple:active { color: #673AB7 !important; text-decoration: none !important; } .text-xxl-deep-purple-lighten-5 { color: #EDE7F6 !important; } a.text-xxl-deep-purple-lighten-5:hover, a.text-xxl-deep-purple-lighten-5:focus, a.text-xxl-deep-purple-lighten-5:link, a.text-xxl-deep-purple-lighten-5:active { color: #EDE7F6 !important; text-decoration: none !important; } .text-xxl-deep-purple-lighten-4 { color: #D1C4E9 !important; } a.text-xxl-deep-purple-lighten-4:hover, a.text-xxl-deep-purple-lighten-4:focus, a.text-xxl-deep-purple-lighten-4:link, a.text-xxl-deep-purple-lighten-4:active { color: #D1C4E9 !important; text-decoration: none !important; } .text-xxl-deep-purple-lighten-3 { color: #B39DDB !important; } a.text-xxl-deep-purple-lighten-3:hover, a.text-xxl-deep-purple-lighten-3:focus, a.text-xxl-deep-purple-lighten-3:link, a.text-xxl-deep-purple-lighten-3:active { color: #B39DDB !important; text-decoration: none !important; } .text-xxl-deep-purple-lighten-2 { color: #9575CD !important; } a.text-xxl-deep-purple-lighten-2:hover, a.text-xxl-deep-purple-lighten-2:focus, a.text-xxl-deep-purple-lighten-2:link, a.text-xxl-deep-purple-lighten-2:active { color: #9575CD !important; text-decoration: none !important; } .text-xxl-deep-purple-lighten-1 { color: #7E57C2 !important; } a.text-xxl-deep-purple-lighten-1:hover, a.text-xxl-deep-purple-lighten-1:focus, a.text-xxl-deep-purple-lighten-1:link, a.text-xxl-deep-purple-lighten-1:active { color: #7E57C2 !important; text-decoration: none !important; } .text-xxl-deep-purple-darken-1 { color: #5E35B1 !important; } a.text-xxl-deep-purple-darken-1:hover, a.text-xxl-deep-purple-darken-1:focus, a.text-xxl-deep-purple-darken-1:link, a.text-xxl-deep-purple-darken-1:active { color: #5E35B1 !important; text-decoration: none !important; } .text-xxl-deep-purple-darken-2 { color: #512DA8 !important; } a.text-xxl-deep-purple-darken-2:hover, a.text-xxl-deep-purple-darken-2:focus, a.text-xxl-deep-purple-darken-2:link, a.text-xxl-deep-purple-darken-2:active { color: #512DA8 !important; text-decoration: none !important; } .text-xxl-deep-purple-darken-3 { color: #4527A0 !important; } a.text-xxl-deep-purple-darken-3:hover, a.text-xxl-deep-purple-darken-3:focus, a.text-xxl-deep-purple-darken-3:link, a.text-xxl-deep-purple-darken-3:active { color: #4527A0 !important; text-decoration: none !important; } .text-xxl-deep-purple-darken-4 { color: #311B92 !important; } a.text-xxl-deep-purple-darken-4:hover, a.text-xxl-deep-purple-darken-4:focus, a.text-xxl-deep-purple-darken-4:link, a.text-xxl-deep-purple-darken-4:active { color: #311B92 !important; text-decoration: none !important; } .text-xxl-deep-purple-accent-1 { color: #B388FF !important; } a.text-xxl-deep-purple-accent-1:hover, a.text-xxl-deep-purple-accent-1:focus, a.text-xxl-deep-purple-accent-1:link, a.text-xxl-deep-purple-accent-1:active { color: #B388FF !important; text-decoration: none !important; } .text-xxl-deep-purple-accent-2 { color: #7C4DFF !important; } a.text-xxl-deep-purple-accent-2:hover, a.text-xxl-deep-purple-accent-2:focus, a.text-xxl-deep-purple-accent-2:link, a.text-xxl-deep-purple-accent-2:active { color: #7C4DFF !important; text-decoration: none !important; } .text-xxl-deep-purple-accent-3 { color: #651FFF !important; } a.text-xxl-deep-purple-accent-3:hover, a.text-xxl-deep-purple-accent-3:focus, a.text-xxl-deep-purple-accent-3:link, a.text-xxl-deep-purple-accent-3:active { color: #651FFF !important; text-decoration: none !important; } .text-xxl-deep-purple-accent-4 { color: #6200EA !important; } a.text-xxl-deep-purple-accent-4:hover, a.text-xxl-deep-purple-accent-4:focus, a.text-xxl-deep-purple-accent-4:link, a.text-xxl-deep-purple-accent-4:active { color: #6200EA !important; text-decoration: none !important; } .text-xxl-indigo { color: #3F51B5 !important; } a.text-xxl-indigo:hover, a.text-xxl-indigo:focus, a.text-xxl-indigo:link, a.text-xxl-indigo:active { color: #3F51B5 !important; text-decoration: none !important; } .text-xxl-indigo-lighten-5 { color: #E8EAF6 !important; } a.text-xxl-indigo-lighten-5:hover, a.text-xxl-indigo-lighten-5:focus, a.text-xxl-indigo-lighten-5:link, a.text-xxl-indigo-lighten-5:active { color: #E8EAF6 !important; text-decoration: none !important; } .text-xxl-indigo-lighten-4 { color: #C5CAE9 !important; } a.text-xxl-indigo-lighten-4:hover, a.text-xxl-indigo-lighten-4:focus, a.text-xxl-indigo-lighten-4:link, a.text-xxl-indigo-lighten-4:active { color: #C5CAE9 !important; text-decoration: none !important; } .text-xxl-indigo-lighten-3 { color: #9FA8DA !important; } a.text-xxl-indigo-lighten-3:hover, a.text-xxl-indigo-lighten-3:focus, a.text-xxl-indigo-lighten-3:link, a.text-xxl-indigo-lighten-3:active { color: #9FA8DA !important; text-decoration: none !important; } .text-xxl-indigo-lighten-2 { color: #7986CB !important; } a.text-xxl-indigo-lighten-2:hover, a.text-xxl-indigo-lighten-2:focus, a.text-xxl-indigo-lighten-2:link, a.text-xxl-indigo-lighten-2:active { color: #7986CB !important; text-decoration: none !important; } .text-xxl-indigo-lighten-1 { color: #5C6BC0 !important; } a.text-xxl-indigo-lighten-1:hover, a.text-xxl-indigo-lighten-1:focus, a.text-xxl-indigo-lighten-1:link, a.text-xxl-indigo-lighten-1:active { color: #5C6BC0 !important; text-decoration: none !important; } .text-xxl-indigo-darken-1 { color: #3949AB !important; } a.text-xxl-indigo-darken-1:hover, a.text-xxl-indigo-darken-1:focus, a.text-xxl-indigo-darken-1:link, a.text-xxl-indigo-darken-1:active { color: #3949AB !important; text-decoration: none !important; } .text-xxl-indigo-darken-2 { color: #303F9F !important; } a.text-xxl-indigo-darken-2:hover, a.text-xxl-indigo-darken-2:focus, a.text-xxl-indigo-darken-2:link, a.text-xxl-indigo-darken-2:active { color: #303F9F !important; text-decoration: none !important; } .text-xxl-indigo-darken-3 { color: #283593 !important; } a.text-xxl-indigo-darken-3:hover, a.text-xxl-indigo-darken-3:focus, a.text-xxl-indigo-darken-3:link, a.text-xxl-indigo-darken-3:active { color: #283593 !important; text-decoration: none !important; } .text-xxl-indigo-darken-4 { color: #1A237E !important; } a.text-xxl-indigo-darken-4:hover, a.text-xxl-indigo-darken-4:focus, a.text-xxl-indigo-darken-4:link, a.text-xxl-indigo-darken-4:active { color: #1A237E !important; text-decoration: none !important; } .text-xxl-indigo-accent-1 { color: #8C9EFF !important; } a.text-xxl-indigo-accent-1:hover, a.text-xxl-indigo-accent-1:focus, a.text-xxl-indigo-accent-1:link, a.text-xxl-indigo-accent-1:active { color: #8C9EFF !important; text-decoration: none !important; } .text-xxl-indigo-accent-2 { color: #536DFE !important; } a.text-xxl-indigo-accent-2:hover, a.text-xxl-indigo-accent-2:focus, a.text-xxl-indigo-accent-2:link, a.text-xxl-indigo-accent-2:active { color: #536DFE !important; text-decoration: none !important; } .text-xxl-indigo-accent-3 { color: #3D5AFE !important; } a.text-xxl-indigo-accent-3:hover, a.text-xxl-indigo-accent-3:focus, a.text-xxl-indigo-accent-3:link, a.text-xxl-indigo-accent-3:active { color: #3D5AFE !important; text-decoration: none !important; } .text-xxl-indigo-accent-4 { color: #304FFE !important; } a.text-xxl-indigo-accent-4:hover, a.text-xxl-indigo-accent-4:focus, a.text-xxl-indigo-accent-4:link, a.text-xxl-indigo-accent-4:active { color: #304FFE !important; text-decoration: none !important; } .text-xxl-blue { color: #2196F3 !important; } a.text-xxl-blue:hover, a.text-xxl-blue:focus, a.text-xxl-blue:link, a.text-xxl-blue:active { color: #2196F3 !important; text-decoration: none !important; } .text-xxl-blue-lighten-5 { color: #E3F2FD !important; } a.text-xxl-blue-lighten-5:hover, a.text-xxl-blue-lighten-5:focus, a.text-xxl-blue-lighten-5:link, a.text-xxl-blue-lighten-5:active { color: #E3F2FD !important; text-decoration: none !important; } .text-xxl-blue-lighten-4 { color: #BBDEFB !important; } a.text-xxl-blue-lighten-4:hover, a.text-xxl-blue-lighten-4:focus, a.text-xxl-blue-lighten-4:link, a.text-xxl-blue-lighten-4:active { color: #BBDEFB !important; text-decoration: none !important; } .text-xxl-blue-lighten-3 { color: #90CAF9 !important; } a.text-xxl-blue-lighten-3:hover, a.text-xxl-blue-lighten-3:focus, a.text-xxl-blue-lighten-3:link, a.text-xxl-blue-lighten-3:active { color: #90CAF9 !important; text-decoration: none !important; } .text-xxl-blue-lighten-2 { color: #64B5F6 !important; } a.text-xxl-blue-lighten-2:hover, a.text-xxl-blue-lighten-2:focus, a.text-xxl-blue-lighten-2:link, a.text-xxl-blue-lighten-2:active { color: #64B5F6 !important; text-decoration: none !important; } .text-xxl-blue-lighten-1 { color: #42A5F5 !important; } a.text-xxl-blue-lighten-1:hover, a.text-xxl-blue-lighten-1:focus, a.text-xxl-blue-lighten-1:link, a.text-xxl-blue-lighten-1:active { color: #42A5F5 !important; text-decoration: none !important; } .text-xxl-blue-darken-1 { color: #1E88E5 !important; } a.text-xxl-blue-darken-1:hover, a.text-xxl-blue-darken-1:focus, a.text-xxl-blue-darken-1:link, a.text-xxl-blue-darken-1:active { color: #1E88E5 !important; text-decoration: none !important; } .text-xxl-blue-darken-2 { color: #1976D2 !important; } a.text-xxl-blue-darken-2:hover, a.text-xxl-blue-darken-2:focus, a.text-xxl-blue-darken-2:link, a.text-xxl-blue-darken-2:active { color: #1976D2 !important; text-decoration: none !important; } .text-xxl-blue-darken-3 { color: #1565C0 !important; } a.text-xxl-blue-darken-3:hover, a.text-xxl-blue-darken-3:focus, a.text-xxl-blue-darken-3:link, a.text-xxl-blue-darken-3:active { color: #1565C0 !important; text-decoration: none !important; } .text-xxl-blue-darken-4 { color: #0D47A1 !important; } a.text-xxl-blue-darken-4:hover, a.text-xxl-blue-darken-4:focus, a.text-xxl-blue-darken-4:link, a.text-xxl-blue-darken-4:active { color: #0D47A1 !important; text-decoration: none !important; } .text-xxl-blue-accent-1 { color: #82B1FF !important; } a.text-xxl-blue-accent-1:hover, a.text-xxl-blue-accent-1:focus, a.text-xxl-blue-accent-1:link, a.text-xxl-blue-accent-1:active { color: #82B1FF !important; text-decoration: none !important; } .text-xxl-blue-accent-2 { color: #448AFF !important; } a.text-xxl-blue-accent-2:hover, a.text-xxl-blue-accent-2:focus, a.text-xxl-blue-accent-2:link, a.text-xxl-blue-accent-2:active { color: #448AFF !important; text-decoration: none !important; } .text-xxl-blue-accent-3 { color: #2979FF !important; } a.text-xxl-blue-accent-3:hover, a.text-xxl-blue-accent-3:focus, a.text-xxl-blue-accent-3:link, a.text-xxl-blue-accent-3:active { color: #2979FF !important; text-decoration: none !important; } .text-xxl-blue-accent-4 { color: #2962FF !important; } a.text-xxl-blue-accent-4:hover, a.text-xxl-blue-accent-4:focus, a.text-xxl-blue-accent-4:link, a.text-xxl-blue-accent-4:active { color: #2962FF !important; text-decoration: none !important; } .text-xxl-light-blue { color: #03A9F4 !important; } a.text-xxl-light-blue:hover, a.text-xxl-light-blue:focus, a.text-xxl-light-blue:link, a.text-xxl-light-blue:active { color: #03A9F4 !important; text-decoration: none !important; } .text-xxl-light-blue-lighten-5 { color: #E1F5FE !important; } a.text-xxl-light-blue-lighten-5:hover, a.text-xxl-light-blue-lighten-5:focus, a.text-xxl-light-blue-lighten-5:link, a.text-xxl-light-blue-lighten-5:active { color: #E1F5FE !important; text-decoration: none !important; } .text-xxl-light-blue-lighten-4 { color: #B3E5FC !important; } a.text-xxl-light-blue-lighten-4:hover, a.text-xxl-light-blue-lighten-4:focus, a.text-xxl-light-blue-lighten-4:link, a.text-xxl-light-blue-lighten-4:active { color: #B3E5FC !important; text-decoration: none !important; } .text-xxl-light-blue-lighten-3 { color: #81D4FA !important; } a.text-xxl-light-blue-lighten-3:hover, a.text-xxl-light-blue-lighten-3:focus, a.text-xxl-light-blue-lighten-3:link, a.text-xxl-light-blue-lighten-3:active { color: #81D4FA !important; text-decoration: none !important; } .text-xxl-light-blue-lighten-2 { color: #4FC3F7 !important; } a.text-xxl-light-blue-lighten-2:hover, a.text-xxl-light-blue-lighten-2:focus, a.text-xxl-light-blue-lighten-2:link, a.text-xxl-light-blue-lighten-2:active { color: #4FC3F7 !important; text-decoration: none !important; } .text-xxl-light-blue-lighten-1 { color: #29B6F6 !important; } a.text-xxl-light-blue-lighten-1:hover, a.text-xxl-light-blue-lighten-1:focus, a.text-xxl-light-blue-lighten-1:link, a.text-xxl-light-blue-lighten-1:active { color: #29B6F6 !important; text-decoration: none !important; } .text-xxl-light-blue-darken-1 { color: #039BE5 !important; } a.text-xxl-light-blue-darken-1:hover, a.text-xxl-light-blue-darken-1:focus, a.text-xxl-light-blue-darken-1:link, a.text-xxl-light-blue-darken-1:active { color: #039BE5 !important; text-decoration: none !important; } .text-xxl-light-blue-darken-2 { color: #0288D1 !important; } a.text-xxl-light-blue-darken-2:hover, a.text-xxl-light-blue-darken-2:focus, a.text-xxl-light-blue-darken-2:link, a.text-xxl-light-blue-darken-2:active { color: #0288D1 !important; text-decoration: none !important; } .text-xxl-light-blue-darken-3 { color: #0277BD !important; } a.text-xxl-light-blue-darken-3:hover, a.text-xxl-light-blue-darken-3:focus, a.text-xxl-light-blue-darken-3:link, a.text-xxl-light-blue-darken-3:active { color: #0277BD !important; text-decoration: none !important; } .text-xxl-light-blue-darken-4 { color: #01579B !important; } a.text-xxl-light-blue-darken-4:hover, a.text-xxl-light-blue-darken-4:focus, a.text-xxl-light-blue-darken-4:link, a.text-xxl-light-blue-darken-4:active { color: #01579B !important; text-decoration: none !important; } .text-xxl-light-blue-accent-1 { color: #80D8FF !important; } a.text-xxl-light-blue-accent-1:hover, a.text-xxl-light-blue-accent-1:focus, a.text-xxl-light-blue-accent-1:link, a.text-xxl-light-blue-accent-1:active { color: #80D8FF !important; text-decoration: none !important; } .text-xxl-light-blue-accent-2 { color: #40C4FF !important; } a.text-xxl-light-blue-accent-2:hover, a.text-xxl-light-blue-accent-2:focus, a.text-xxl-light-blue-accent-2:link, a.text-xxl-light-blue-accent-2:active { color: #40C4FF !important; text-decoration: none !important; } .text-xxl-light-blue-accent-3 { color: #00B0FF !important; } a.text-xxl-light-blue-accent-3:hover, a.text-xxl-light-blue-accent-3:focus, a.text-xxl-light-blue-accent-3:link, a.text-xxl-light-blue-accent-3:active { color: #00B0FF !important; text-decoration: none !important; } .text-xxl-light-blue-accent-4 { color: #0091EA !important; } a.text-xxl-light-blue-accent-4:hover, a.text-xxl-light-blue-accent-4:focus, a.text-xxl-light-blue-accent-4:link, a.text-xxl-light-blue-accent-4:active { color: #0091EA !important; text-decoration: none !important; } .text-xxl-cyan { color: #00BCD4 !important; } a.text-xxl-cyan:hover, a.text-xxl-cyan:focus, a.text-xxl-cyan:link, a.text-xxl-cyan:active { color: #00BCD4 !important; text-decoration: none !important; } .text-xxl-cyan-lighten-5 { color: #E0F7FA !important; } a.text-xxl-cyan-lighten-5:hover, a.text-xxl-cyan-lighten-5:focus, a.text-xxl-cyan-lighten-5:link, a.text-xxl-cyan-lighten-5:active { color: #E0F7FA !important; text-decoration: none !important; } .text-xxl-cyan-lighten-4 { color: #B2EBF2 !important; } a.text-xxl-cyan-lighten-4:hover, a.text-xxl-cyan-lighten-4:focus, a.text-xxl-cyan-lighten-4:link, a.text-xxl-cyan-lighten-4:active { color: #B2EBF2 !important; text-decoration: none !important; } .text-xxl-cyan-lighten-3 { color: #80DEEA !important; } a.text-xxl-cyan-lighten-3:hover, a.text-xxl-cyan-lighten-3:focus, a.text-xxl-cyan-lighten-3:link, a.text-xxl-cyan-lighten-3:active { color: #80DEEA !important; text-decoration: none !important; } .text-xxl-cyan-lighten-2 { color: #4DD0E1 !important; } a.text-xxl-cyan-lighten-2:hover, a.text-xxl-cyan-lighten-2:focus, a.text-xxl-cyan-lighten-2:link, a.text-xxl-cyan-lighten-2:active { color: #4DD0E1 !important; text-decoration: none !important; } .text-xxl-cyan-lighten-1 { color: #26C6DA !important; } a.text-xxl-cyan-lighten-1:hover, a.text-xxl-cyan-lighten-1:focus, a.text-xxl-cyan-lighten-1:link, a.text-xxl-cyan-lighten-1:active { color: #26C6DA !important; text-decoration: none !important; } .text-xxl-cyan-darken-1 { color: #00ACC1 !important; } a.text-xxl-cyan-darken-1:hover, a.text-xxl-cyan-darken-1:focus, a.text-xxl-cyan-darken-1:link, a.text-xxl-cyan-darken-1:active { color: #00ACC1 !important; text-decoration: none !important; } .text-xxl-cyan-darken-2 { color: #0097A7 !important; } a.text-xxl-cyan-darken-2:hover, a.text-xxl-cyan-darken-2:focus, a.text-xxl-cyan-darken-2:link, a.text-xxl-cyan-darken-2:active { color: #0097A7 !important; text-decoration: none !important; } .text-xxl-cyan-darken-3 { color: #00838F !important; } a.text-xxl-cyan-darken-3:hover, a.text-xxl-cyan-darken-3:focus, a.text-xxl-cyan-darken-3:link, a.text-xxl-cyan-darken-3:active { color: #00838F !important; text-decoration: none !important; } .text-xxl-cyan-darken-4 { color: #006064 !important; } a.text-xxl-cyan-darken-4:hover, a.text-xxl-cyan-darken-4:focus, a.text-xxl-cyan-darken-4:link, a.text-xxl-cyan-darken-4:active { color: #006064 !important; text-decoration: none !important; } .text-xxl-cyan-accent-1 { color: #84FFFF !important; } a.text-xxl-cyan-accent-1:hover, a.text-xxl-cyan-accent-1:focus, a.text-xxl-cyan-accent-1:link, a.text-xxl-cyan-accent-1:active { color: #84FFFF !important; text-decoration: none !important; } .text-xxl-cyan-accent-2 { color: #18FFFF !important; } a.text-xxl-cyan-accent-2:hover, a.text-xxl-cyan-accent-2:focus, a.text-xxl-cyan-accent-2:link, a.text-xxl-cyan-accent-2:active { color: #18FFFF !important; text-decoration: none !important; } .text-xxl-cyan-accent-3 { color: #00E5FF !important; } a.text-xxl-cyan-accent-3:hover, a.text-xxl-cyan-accent-3:focus, a.text-xxl-cyan-accent-3:link, a.text-xxl-cyan-accent-3:active { color: #00E5FF !important; text-decoration: none !important; } .text-xxl-cyan-accent-4 { color: #00B8D4 !important; } a.text-xxl-cyan-accent-4:hover, a.text-xxl-cyan-accent-4:focus, a.text-xxl-cyan-accent-4:link, a.text-xxl-cyan-accent-4:active { color: #00B8D4 !important; text-decoration: none !important; } .text-xxl-teal { color: #009688 !important; } a.text-xxl-teal:hover, a.text-xxl-teal:focus, a.text-xxl-teal:link, a.text-xxl-teal:active { color: #009688 !important; text-decoration: none !important; } .text-xxl-teal-lighten-5 { color: #E0F2F1 !important; } a.text-xxl-teal-lighten-5:hover, a.text-xxl-teal-lighten-5:focus, a.text-xxl-teal-lighten-5:link, a.text-xxl-teal-lighten-5:active { color: #E0F2F1 !important; text-decoration: none !important; } .text-xxl-teal-lighten-4 { color: #B2DFDB !important; } a.text-xxl-teal-lighten-4:hover, a.text-xxl-teal-lighten-4:focus, a.text-xxl-teal-lighten-4:link, a.text-xxl-teal-lighten-4:active { color: #B2DFDB !important; text-decoration: none !important; } .text-xxl-teal-lighten-3 { color: #80CBC4 !important; } a.text-xxl-teal-lighten-3:hover, a.text-xxl-teal-lighten-3:focus, a.text-xxl-teal-lighten-3:link, a.text-xxl-teal-lighten-3:active { color: #80CBC4 !important; text-decoration: none !important; } .text-xxl-teal-lighten-2 { color: #4DB6AC !important; } a.text-xxl-teal-lighten-2:hover, a.text-xxl-teal-lighten-2:focus, a.text-xxl-teal-lighten-2:link, a.text-xxl-teal-lighten-2:active { color: #4DB6AC !important; text-decoration: none !important; } .text-xxl-teal-lighten-1 { color: #26A69A !important; } a.text-xxl-teal-lighten-1:hover, a.text-xxl-teal-lighten-1:focus, a.text-xxl-teal-lighten-1:link, a.text-xxl-teal-lighten-1:active { color: #26A69A !important; text-decoration: none !important; } .text-xxl-teal-darken-1 { color: #00897B !important; } a.text-xxl-teal-darken-1:hover, a.text-xxl-teal-darken-1:focus, a.text-xxl-teal-darken-1:link, a.text-xxl-teal-darken-1:active { color: #00897B !important; text-decoration: none !important; } .text-xxl-teal-darken-2 { color: #00796B !important; } a.text-xxl-teal-darken-2:hover, a.text-xxl-teal-darken-2:focus, a.text-xxl-teal-darken-2:link, a.text-xxl-teal-darken-2:active { color: #00796B !important; text-decoration: none !important; } .text-xxl-teal-darken-3 { color: #00695C !important; } a.text-xxl-teal-darken-3:hover, a.text-xxl-teal-darken-3:focus, a.text-xxl-teal-darken-3:link, a.text-xxl-teal-darken-3:active { color: #00695C !important; text-decoration: none !important; } .text-xxl-teal-darken-4 { color: #004D40 !important; } a.text-xxl-teal-darken-4:hover, a.text-xxl-teal-darken-4:focus, a.text-xxl-teal-darken-4:link, a.text-xxl-teal-darken-4:active { color: #004D40 !important; text-decoration: none !important; } .text-xxl-teal-accent-1 { color: #A7FFEB !important; } a.text-xxl-teal-accent-1:hover, a.text-xxl-teal-accent-1:focus, a.text-xxl-teal-accent-1:link, a.text-xxl-teal-accent-1:active { color: #A7FFEB !important; text-decoration: none !important; } .text-xxl-teal-accent-2 { color: #64FFDA !important; } a.text-xxl-teal-accent-2:hover, a.text-xxl-teal-accent-2:focus, a.text-xxl-teal-accent-2:link, a.text-xxl-teal-accent-2:active { color: #64FFDA !important; text-decoration: none !important; } .text-xxl-teal-accent-3 { color: #1DE9B6 !important; } a.text-xxl-teal-accent-3:hover, a.text-xxl-teal-accent-3:focus, a.text-xxl-teal-accent-3:link, a.text-xxl-teal-accent-3:active { color: #1DE9B6 !important; text-decoration: none !important; } .text-xxl-teal-accent-4 { color: #00BFA5 !important; } a.text-xxl-teal-accent-4:hover, a.text-xxl-teal-accent-4:focus, a.text-xxl-teal-accent-4:link, a.text-xxl-teal-accent-4:active { color: #00BFA5 !important; text-decoration: none !important; } .text-xxl-green { color: #4CAF50 !important; } a.text-xxl-green:hover, a.text-xxl-green:focus, a.text-xxl-green:link, a.text-xxl-green:active { color: #4CAF50 !important; text-decoration: none !important; } .text-xxl-green-lighten-5 { color: #E8F5E9 !important; } a.text-xxl-green-lighten-5:hover, a.text-xxl-green-lighten-5:focus, a.text-xxl-green-lighten-5:link, a.text-xxl-green-lighten-5:active { color: #E8F5E9 !important; text-decoration: none !important; } .text-xxl-green-lighten-4 { color: #C8E6C9 !important; } a.text-xxl-green-lighten-4:hover, a.text-xxl-green-lighten-4:focus, a.text-xxl-green-lighten-4:link, a.text-xxl-green-lighten-4:active { color: #C8E6C9 !important; text-decoration: none !important; } .text-xxl-green-lighten-3 { color: #A5D6A7 !important; } a.text-xxl-green-lighten-3:hover, a.text-xxl-green-lighten-3:focus, a.text-xxl-green-lighten-3:link, a.text-xxl-green-lighten-3:active { color: #A5D6A7 !important; text-decoration: none !important; } .text-xxl-green-lighten-2 { color: #81C784 !important; } a.text-xxl-green-lighten-2:hover, a.text-xxl-green-lighten-2:focus, a.text-xxl-green-lighten-2:link, a.text-xxl-green-lighten-2:active { color: #81C784 !important; text-decoration: none !important; } .text-xxl-green-lighten-1 { color: #66BB6A !important; } a.text-xxl-green-lighten-1:hover, a.text-xxl-green-lighten-1:focus, a.text-xxl-green-lighten-1:link, a.text-xxl-green-lighten-1:active { color: #66BB6A !important; text-decoration: none !important; } .text-xxl-green-darken-1 { color: #43A047 !important; } a.text-xxl-green-darken-1:hover, a.text-xxl-green-darken-1:focus, a.text-xxl-green-darken-1:link, a.text-xxl-green-darken-1:active { color: #43A047 !important; text-decoration: none !important; } .text-xxl-green-darken-2 { color: #388E3C !important; } a.text-xxl-green-darken-2:hover, a.text-xxl-green-darken-2:focus, a.text-xxl-green-darken-2:link, a.text-xxl-green-darken-2:active { color: #388E3C !important; text-decoration: none !important; } .text-xxl-green-darken-3 { color: #2E7D32 !important; } a.text-xxl-green-darken-3:hover, a.text-xxl-green-darken-3:focus, a.text-xxl-green-darken-3:link, a.text-xxl-green-darken-3:active { color: #2E7D32 !important; text-decoration: none !important; } .text-xxl-green-darken-4 { color: #1B5E20 !important; } a.text-xxl-green-darken-4:hover, a.text-xxl-green-darken-4:focus, a.text-xxl-green-darken-4:link, a.text-xxl-green-darken-4:active { color: #1B5E20 !important; text-decoration: none !important; } .text-xxl-green-accent-1 { color: #B9F6CA !important; } a.text-xxl-green-accent-1:hover, a.text-xxl-green-accent-1:focus, a.text-xxl-green-accent-1:link, a.text-xxl-green-accent-1:active { color: #B9F6CA !important; text-decoration: none !important; } .text-xxl-green-accent-2 { color: #69F0AE !important; } a.text-xxl-green-accent-2:hover, a.text-xxl-green-accent-2:focus, a.text-xxl-green-accent-2:link, a.text-xxl-green-accent-2:active { color: #69F0AE !important; text-decoration: none !important; } .text-xxl-green-accent-3 { color: #00E676 !important; } a.text-xxl-green-accent-3:hover, a.text-xxl-green-accent-3:focus, a.text-xxl-green-accent-3:link, a.text-xxl-green-accent-3:active { color: #00E676 !important; text-decoration: none !important; } .text-xxl-green-accent-4 { color: #00C853 !important; } a.text-xxl-green-accent-4:hover, a.text-xxl-green-accent-4:focus, a.text-xxl-green-accent-4:link, a.text-xxl-green-accent-4:active { color: #00C853 !important; text-decoration: none !important; } .text-xxl-light-green { color: #8BC34A !important; } a.text-xxl-light-green:hover, a.text-xxl-light-green:focus, a.text-xxl-light-green:link, a.text-xxl-light-green:active { color: #8BC34A !important; text-decoration: none !important; } .text-xxl-light-green-lighten-5 { color: #F1F8E9 !important; } a.text-xxl-light-green-lighten-5:hover, a.text-xxl-light-green-lighten-5:focus, a.text-xxl-light-green-lighten-5:link, a.text-xxl-light-green-lighten-5:active { color: #F1F8E9 !important; text-decoration: none !important; } .text-xxl-light-green-lighten-4 { color: #DCEDC8 !important; } a.text-xxl-light-green-lighten-4:hover, a.text-xxl-light-green-lighten-4:focus, a.text-xxl-light-green-lighten-4:link, a.text-xxl-light-green-lighten-4:active { color: #DCEDC8 !important; text-decoration: none !important; } .text-xxl-light-green-lighten-3 { color: #C5E1A5 !important; } a.text-xxl-light-green-lighten-3:hover, a.text-xxl-light-green-lighten-3:focus, a.text-xxl-light-green-lighten-3:link, a.text-xxl-light-green-lighten-3:active { color: #C5E1A5 !important; text-decoration: none !important; } .text-xxl-light-green-lighten-2 { color: #AED581 !important; } a.text-xxl-light-green-lighten-2:hover, a.text-xxl-light-green-lighten-2:focus, a.text-xxl-light-green-lighten-2:link, a.text-xxl-light-green-lighten-2:active { color: #AED581 !important; text-decoration: none !important; } .text-xxl-light-green-lighten-1 { color: #9CCC65 !important; } a.text-xxl-light-green-lighten-1:hover, a.text-xxl-light-green-lighten-1:focus, a.text-xxl-light-green-lighten-1:link, a.text-xxl-light-green-lighten-1:active { color: #9CCC65 !important; text-decoration: none !important; } .text-xxl-light-green-darken-1 { color: #7CB342 !important; } a.text-xxl-light-green-darken-1:hover, a.text-xxl-light-green-darken-1:focus, a.text-xxl-light-green-darken-1:link, a.text-xxl-light-green-darken-1:active { color: #7CB342 !important; text-decoration: none !important; } .text-xxl-light-green-darken-2 { color: #689F38 !important; } a.text-xxl-light-green-darken-2:hover, a.text-xxl-light-green-darken-2:focus, a.text-xxl-light-green-darken-2:link, a.text-xxl-light-green-darken-2:active { color: #689F38 !important; text-decoration: none !important; } .text-xxl-light-green-darken-3 { color: #558B2F !important; } a.text-xxl-light-green-darken-3:hover, a.text-xxl-light-green-darken-3:focus, a.text-xxl-light-green-darken-3:link, a.text-xxl-light-green-darken-3:active { color: #558B2F !important; text-decoration: none !important; } .text-xxl-light-green-darken-4 { color: #33691E !important; } a.text-xxl-light-green-darken-4:hover, a.text-xxl-light-green-darken-4:focus, a.text-xxl-light-green-darken-4:link, a.text-xxl-light-green-darken-4:active { color: #33691E !important; text-decoration: none !important; } .text-xxl-light-green-accent-1 { color: #CCFF90 !important; } a.text-xxl-light-green-accent-1:hover, a.text-xxl-light-green-accent-1:focus, a.text-xxl-light-green-accent-1:link, a.text-xxl-light-green-accent-1:active { color: #CCFF90 !important; text-decoration: none !important; } .text-xxl-light-green-accent-2 { color: #B2FF59 !important; } a.text-xxl-light-green-accent-2:hover, a.text-xxl-light-green-accent-2:focus, a.text-xxl-light-green-accent-2:link, a.text-xxl-light-green-accent-2:active { color: #B2FF59 !important; text-decoration: none !important; } .text-xxl-light-green-accent-3 { color: #76FF03 !important; } a.text-xxl-light-green-accent-3:hover, a.text-xxl-light-green-accent-3:focus, a.text-xxl-light-green-accent-3:link, a.text-xxl-light-green-accent-3:active { color: #76FF03 !important; text-decoration: none !important; } .text-xxl-light-green-accent-4 { color: #64DD17 !important; } a.text-xxl-light-green-accent-4:hover, a.text-xxl-light-green-accent-4:focus, a.text-xxl-light-green-accent-4:link, a.text-xxl-light-green-accent-4:active { color: #64DD17 !important; text-decoration: none !important; } .text-xxl-lime { color: #CDDC39 !important; } a.text-xxl-lime:hover, a.text-xxl-lime:focus, a.text-xxl-lime:link, a.text-xxl-lime:active { color: #CDDC39 !important; text-decoration: none !important; } .text-xxl-lime-lighten-5 { color: #F9FBE7 !important; } a.text-xxl-lime-lighten-5:hover, a.text-xxl-lime-lighten-5:focus, a.text-xxl-lime-lighten-5:link, a.text-xxl-lime-lighten-5:active { color: #F9FBE7 !important; text-decoration: none !important; } .text-xxl-lime-lighten-4 { color: #F0F4C3 !important; } a.text-xxl-lime-lighten-4:hover, a.text-xxl-lime-lighten-4:focus, a.text-xxl-lime-lighten-4:link, a.text-xxl-lime-lighten-4:active { color: #F0F4C3 !important; text-decoration: none !important; } .text-xxl-lime-lighten-3 { color: #E6EE9C !important; } a.text-xxl-lime-lighten-3:hover, a.text-xxl-lime-lighten-3:focus, a.text-xxl-lime-lighten-3:link, a.text-xxl-lime-lighten-3:active { color: #E6EE9C !important; text-decoration: none !important; } .text-xxl-lime-lighten-2 { color: #DCE775 !important; } a.text-xxl-lime-lighten-2:hover, a.text-xxl-lime-lighten-2:focus, a.text-xxl-lime-lighten-2:link, a.text-xxl-lime-lighten-2:active { color: #DCE775 !important; text-decoration: none !important; } .text-xxl-lime-lighten-1 { color: #D4E157 !important; } a.text-xxl-lime-lighten-1:hover, a.text-xxl-lime-lighten-1:focus, a.text-xxl-lime-lighten-1:link, a.text-xxl-lime-lighten-1:active { color: #D4E157 !important; text-decoration: none !important; } .text-xxl-lime-darken-1 { color: #C0CA33 !important; } a.text-xxl-lime-darken-1:hover, a.text-xxl-lime-darken-1:focus, a.text-xxl-lime-darken-1:link, a.text-xxl-lime-darken-1:active { color: #C0CA33 !important; text-decoration: none !important; } .text-xxl-lime-darken-2 { color: #AFB42B !important; } a.text-xxl-lime-darken-2:hover, a.text-xxl-lime-darken-2:focus, a.text-xxl-lime-darken-2:link, a.text-xxl-lime-darken-2:active { color: #AFB42B !important; text-decoration: none !important; } .text-xxl-lime-darken-3 { color: #9E9D24 !important; } a.text-xxl-lime-darken-3:hover, a.text-xxl-lime-darken-3:focus, a.text-xxl-lime-darken-3:link, a.text-xxl-lime-darken-3:active { color: #9E9D24 !important; text-decoration: none !important; } .text-xxl-lime-darken-4 { color: #827717 !important; } a.text-xxl-lime-darken-4:hover, a.text-xxl-lime-darken-4:focus, a.text-xxl-lime-darken-4:link, a.text-xxl-lime-darken-4:active { color: #827717 !important; text-decoration: none !important; } .text-xxl-lime-accent-1 { color: #F4FF81 !important; } a.text-xxl-lime-accent-1:hover, a.text-xxl-lime-accent-1:focus, a.text-xxl-lime-accent-1:link, a.text-xxl-lime-accent-1:active { color: #F4FF81 !important; text-decoration: none !important; } .text-xxl-lime-accent-2 { color: #EEFF41 !important; } a.text-xxl-lime-accent-2:hover, a.text-xxl-lime-accent-2:focus, a.text-xxl-lime-accent-2:link, a.text-xxl-lime-accent-2:active { color: #EEFF41 !important; text-decoration: none !important; } .text-xxl-lime-accent-3 { color: #C6FF00 !important; } a.text-xxl-lime-accent-3:hover, a.text-xxl-lime-accent-3:focus, a.text-xxl-lime-accent-3:link, a.text-xxl-lime-accent-3:active { color: #C6FF00 !important; text-decoration: none !important; } .text-xxl-lime-accent-4 { color: #AEEA00 !important; } a.text-xxl-lime-accent-4:hover, a.text-xxl-lime-accent-4:focus, a.text-xxl-lime-accent-4:link, a.text-xxl-lime-accent-4:active { color: #AEEA00 !important; text-decoration: none !important; } .text-xxl-yellow { color: #FFEB3B !important; } a.text-xxl-yellow:hover, a.text-xxl-yellow:focus, a.text-xxl-yellow:link, a.text-xxl-yellow:active { color: #FFEB3B !important; text-decoration: none !important; } .text-xxl-yellow-lighten-5 { color: #FFFDE7 !important; } a.text-xxl-yellow-lighten-5:hover, a.text-xxl-yellow-lighten-5:focus, a.text-xxl-yellow-lighten-5:link, a.text-xxl-yellow-lighten-5:active { color: #FFFDE7 !important; text-decoration: none !important; } .text-xxl-yellow-lighten-4 { color: #FFF9C4 !important; } a.text-xxl-yellow-lighten-4:hover, a.text-xxl-yellow-lighten-4:focus, a.text-xxl-yellow-lighten-4:link, a.text-xxl-yellow-lighten-4:active { color: #FFF9C4 !important; text-decoration: none !important; } .text-xxl-yellow-lighten-3 { color: #FFF59D !important; } a.text-xxl-yellow-lighten-3:hover, a.text-xxl-yellow-lighten-3:focus, a.text-xxl-yellow-lighten-3:link, a.text-xxl-yellow-lighten-3:active { color: #FFF59D !important; text-decoration: none !important; } .text-xxl-yellow-lighten-2 { color: #FFF176 !important; } a.text-xxl-yellow-lighten-2:hover, a.text-xxl-yellow-lighten-2:focus, a.text-xxl-yellow-lighten-2:link, a.text-xxl-yellow-lighten-2:active { color: #FFF176 !important; text-decoration: none !important; } .text-xxl-yellow-lighten-1 { color: #FFEE58 !important; } a.text-xxl-yellow-lighten-1:hover, a.text-xxl-yellow-lighten-1:focus, a.text-xxl-yellow-lighten-1:link, a.text-xxl-yellow-lighten-1:active { color: #FFEE58 !important; text-decoration: none !important; } .text-xxl-yellow-darken-1 { color: #FDD835 !important; } a.text-xxl-yellow-darken-1:hover, a.text-xxl-yellow-darken-1:focus, a.text-xxl-yellow-darken-1:link, a.text-xxl-yellow-darken-1:active { color: #FDD835 !important; text-decoration: none !important; } .text-xxl-yellow-darken-2 { color: #FBC02D !important; } a.text-xxl-yellow-darken-2:hover, a.text-xxl-yellow-darken-2:focus, a.text-xxl-yellow-darken-2:link, a.text-xxl-yellow-darken-2:active { color: #FBC02D !important; text-decoration: none !important; } .text-xxl-yellow-darken-3 { color: #F9A825 !important; } a.text-xxl-yellow-darken-3:hover, a.text-xxl-yellow-darken-3:focus, a.text-xxl-yellow-darken-3:link, a.text-xxl-yellow-darken-3:active { color: #F9A825 !important; text-decoration: none !important; } .text-xxl-yellow-darken-4 { color: #F57F17 !important; } a.text-xxl-yellow-darken-4:hover, a.text-xxl-yellow-darken-4:focus, a.text-xxl-yellow-darken-4:link, a.text-xxl-yellow-darken-4:active { color: #F57F17 !important; text-decoration: none !important; } .text-xxl-yellow-accent-1 { color: #FFFF8D !important; } a.text-xxl-yellow-accent-1:hover, a.text-xxl-yellow-accent-1:focus, a.text-xxl-yellow-accent-1:link, a.text-xxl-yellow-accent-1:active { color: #FFFF8D !important; text-decoration: none !important; } .text-xxl-yellow-accent-2 { color: #FFFF00 !important; } a.text-xxl-yellow-accent-2:hover, a.text-xxl-yellow-accent-2:focus, a.text-xxl-yellow-accent-2:link, a.text-xxl-yellow-accent-2:active { color: #FFFF00 !important; text-decoration: none !important; } .text-xxl-yellow-accent-3 { color: #FFEA00 !important; } a.text-xxl-yellow-accent-3:hover, a.text-xxl-yellow-accent-3:focus, a.text-xxl-yellow-accent-3:link, a.text-xxl-yellow-accent-3:active { color: #FFEA00 !important; text-decoration: none !important; } .text-xxl-yellow-accent-4 { color: #FFD600 !important; } a.text-xxl-yellow-accent-4:hover, a.text-xxl-yellow-accent-4:focus, a.text-xxl-yellow-accent-4:link, a.text-xxl-yellow-accent-4:active { color: #FFD600 !important; text-decoration: none !important; } .text-xxl-amber { color: #FFC107 !important; } a.text-xxl-amber:hover, a.text-xxl-amber:focus, a.text-xxl-amber:link, a.text-xxl-amber:active { color: #FFC107 !important; text-decoration: none !important; } .text-xxl-amber-lighten-5 { color: #FFF8E1 !important; } a.text-xxl-amber-lighten-5:hover, a.text-xxl-amber-lighten-5:focus, a.text-xxl-amber-lighten-5:link, a.text-xxl-amber-lighten-5:active { color: #FFF8E1 !important; text-decoration: none !important; } .text-xxl-amber-lighten-4 { color: #FFECB3 !important; } a.text-xxl-amber-lighten-4:hover, a.text-xxl-amber-lighten-4:focus, a.text-xxl-amber-lighten-4:link, a.text-xxl-amber-lighten-4:active { color: #FFECB3 !important; text-decoration: none !important; } .text-xxl-amber-lighten-3 { color: #FFE082 !important; } a.text-xxl-amber-lighten-3:hover, a.text-xxl-amber-lighten-3:focus, a.text-xxl-amber-lighten-3:link, a.text-xxl-amber-lighten-3:active { color: #FFE082 !important; text-decoration: none !important; } .text-xxl-amber-lighten-2 { color: #FFD54F !important; } a.text-xxl-amber-lighten-2:hover, a.text-xxl-amber-lighten-2:focus, a.text-xxl-amber-lighten-2:link, a.text-xxl-amber-lighten-2:active { color: #FFD54F !important; text-decoration: none !important; } .text-xxl-amber-lighten-1 { color: #FFCA28 !important; } a.text-xxl-amber-lighten-1:hover, a.text-xxl-amber-lighten-1:focus, a.text-xxl-amber-lighten-1:link, a.text-xxl-amber-lighten-1:active { color: #FFCA28 !important; text-decoration: none !important; } .text-xxl-amber-darken-1 { color: #FFB300 !important; } a.text-xxl-amber-darken-1:hover, a.text-xxl-amber-darken-1:focus, a.text-xxl-amber-darken-1:link, a.text-xxl-amber-darken-1:active { color: #FFB300 !important; text-decoration: none !important; } .text-xxl-amber-darken-2 { color: #FFA000 !important; } a.text-xxl-amber-darken-2:hover, a.text-xxl-amber-darken-2:focus, a.text-xxl-amber-darken-2:link, a.text-xxl-amber-darken-2:active { color: #FFA000 !important; text-decoration: none !important; } .text-xxl-amber-darken-3 { color: #FF8F00 !important; } a.text-xxl-amber-darken-3:hover, a.text-xxl-amber-darken-3:focus, a.text-xxl-amber-darken-3:link, a.text-xxl-amber-darken-3:active { color: #FF8F00 !important; text-decoration: none !important; } .text-xxl-amber-darken-4 { color: #FF6F00 !important; } a.text-xxl-amber-darken-4:hover, a.text-xxl-amber-darken-4:focus, a.text-xxl-amber-darken-4:link, a.text-xxl-amber-darken-4:active { color: #FF6F00 !important; text-decoration: none !important; } .text-xxl-amber-accent-1 { color: #FFE57F !important; } a.text-xxl-amber-accent-1:hover, a.text-xxl-amber-accent-1:focus, a.text-xxl-amber-accent-1:link, a.text-xxl-amber-accent-1:active { color: #FFE57F !important; text-decoration: none !important; } .text-xxl-amber-accent-2 { color: #FFD740 !important; } a.text-xxl-amber-accent-2:hover, a.text-xxl-amber-accent-2:focus, a.text-xxl-amber-accent-2:link, a.text-xxl-amber-accent-2:active { color: #FFD740 !important; text-decoration: none !important; } .text-xxl-amber-accent-3 { color: #FFC400 !important; } a.text-xxl-amber-accent-3:hover, a.text-xxl-amber-accent-3:focus, a.text-xxl-amber-accent-3:link, a.text-xxl-amber-accent-3:active { color: #FFC400 !important; text-decoration: none !important; } .text-xxl-amber-accent-4 { color: #FFAB00 !important; } a.text-xxl-amber-accent-4:hover, a.text-xxl-amber-accent-4:focus, a.text-xxl-amber-accent-4:link, a.text-xxl-amber-accent-4:active { color: #FFAB00 !important; text-decoration: none !important; } .text-xxl-orange { color: #FF9800 !important; } a.text-xxl-orange:hover, a.text-xxl-orange:focus, a.text-xxl-orange:link, a.text-xxl-orange:active { color: #FF9800 !important; text-decoration: none !important; } .text-xxl-orange-lighten-5 { color: #FFF3E0 !important; } a.text-xxl-orange-lighten-5:hover, a.text-xxl-orange-lighten-5:focus, a.text-xxl-orange-lighten-5:link, a.text-xxl-orange-lighten-5:active { color: #FFF3E0 !important; text-decoration: none !important; } .text-xxl-orange-lighten-4 { color: #FFE0B2 !important; } a.text-xxl-orange-lighten-4:hover, a.text-xxl-orange-lighten-4:focus, a.text-xxl-orange-lighten-4:link, a.text-xxl-orange-lighten-4:active { color: #FFE0B2 !important; text-decoration: none !important; } .text-xxl-orange-lighten-3 { color: #FFCC80 !important; } a.text-xxl-orange-lighten-3:hover, a.text-xxl-orange-lighten-3:focus, a.text-xxl-orange-lighten-3:link, a.text-xxl-orange-lighten-3:active { color: #FFCC80 !important; text-decoration: none !important; } .text-xxl-orange-lighten-2 { color: #FFB74D !important; } a.text-xxl-orange-lighten-2:hover, a.text-xxl-orange-lighten-2:focus, a.text-xxl-orange-lighten-2:link, a.text-xxl-orange-lighten-2:active { color: #FFB74D !important; text-decoration: none !important; } .text-xxl-orange-lighten-1 { color: #FFA726 !important; } a.text-xxl-orange-lighten-1:hover, a.text-xxl-orange-lighten-1:focus, a.text-xxl-orange-lighten-1:link, a.text-xxl-orange-lighten-1:active { color: #FFA726 !important; text-decoration: none !important; } .text-xxl-orange-darken-1 { color: #FB8C00 !important; } a.text-xxl-orange-darken-1:hover, a.text-xxl-orange-darken-1:focus, a.text-xxl-orange-darken-1:link, a.text-xxl-orange-darken-1:active { color: #FB8C00 !important; text-decoration: none !important; } .text-xxl-orange-darken-2 { color: #F57C00 !important; } a.text-xxl-orange-darken-2:hover, a.text-xxl-orange-darken-2:focus, a.text-xxl-orange-darken-2:link, a.text-xxl-orange-darken-2:active { color: #F57C00 !important; text-decoration: none !important; } .text-xxl-orange-darken-3 { color: #EF6C00 !important; } a.text-xxl-orange-darken-3:hover, a.text-xxl-orange-darken-3:focus, a.text-xxl-orange-darken-3:link, a.text-xxl-orange-darken-3:active { color: #EF6C00 !important; text-decoration: none !important; } .text-xxl-orange-darken-4 { color: #E65100 !important; } a.text-xxl-orange-darken-4:hover, a.text-xxl-orange-darken-4:focus, a.text-xxl-orange-darken-4:link, a.text-xxl-orange-darken-4:active { color: #E65100 !important; text-decoration: none !important; } .text-xxl-orange-accent-1 { color: #FFD180 !important; } a.text-xxl-orange-accent-1:hover, a.text-xxl-orange-accent-1:focus, a.text-xxl-orange-accent-1:link, a.text-xxl-orange-accent-1:active { color: #FFD180 !important; text-decoration: none !important; } .text-xxl-orange-accent-2 { color: #FFAB40 !important; } a.text-xxl-orange-accent-2:hover, a.text-xxl-orange-accent-2:focus, a.text-xxl-orange-accent-2:link, a.text-xxl-orange-accent-2:active { color: #FFAB40 !important; text-decoration: none !important; } .text-xxl-orange-accent-3 { color: #FF9100 !important; } a.text-xxl-orange-accent-3:hover, a.text-xxl-orange-accent-3:focus, a.text-xxl-orange-accent-3:link, a.text-xxl-orange-accent-3:active { color: #FF9100 !important; text-decoration: none !important; } .text-xxl-orange-accent-4 { color: #FF6D00 !important; } a.text-xxl-orange-accent-4:hover, a.text-xxl-orange-accent-4:focus, a.text-xxl-orange-accent-4:link, a.text-xxl-orange-accent-4:active { color: #FF6D00 !important; text-decoration: none !important; } .text-xxl-deep-orange { color: #FF5722 !important; } a.text-xxl-deep-orange:hover, a.text-xxl-deep-orange:focus, a.text-xxl-deep-orange:link, a.text-xxl-deep-orange:active { color: #FF5722 !important; text-decoration: none !important; } .text-xxl-deep-orange-lighten-5 { color: #FBE9E7 !important; } a.text-xxl-deep-orange-lighten-5:hover, a.text-xxl-deep-orange-lighten-5:focus, a.text-xxl-deep-orange-lighten-5:link, a.text-xxl-deep-orange-lighten-5:active { color: #FBE9E7 !important; text-decoration: none !important; } .text-xxl-deep-orange-lighten-4 { color: #FFCCBC !important; } a.text-xxl-deep-orange-lighten-4:hover, a.text-xxl-deep-orange-lighten-4:focus, a.text-xxl-deep-orange-lighten-4:link, a.text-xxl-deep-orange-lighten-4:active { color: #FFCCBC !important; text-decoration: none !important; } .text-xxl-deep-orange-lighten-3 { color: #FFAB91 !important; } a.text-xxl-deep-orange-lighten-3:hover, a.text-xxl-deep-orange-lighten-3:focus, a.text-xxl-deep-orange-lighten-3:link, a.text-xxl-deep-orange-lighten-3:active { color: #FFAB91 !important; text-decoration: none !important; } .text-xxl-deep-orange-lighten-2 { color: #FF8A65 !important; } a.text-xxl-deep-orange-lighten-2:hover, a.text-xxl-deep-orange-lighten-2:focus, a.text-xxl-deep-orange-lighten-2:link, a.text-xxl-deep-orange-lighten-2:active { color: #FF8A65 !important; text-decoration: none !important; } .text-xxl-deep-orange-lighten-1 { color: #FF7043 !important; } a.text-xxl-deep-orange-lighten-1:hover, a.text-xxl-deep-orange-lighten-1:focus, a.text-xxl-deep-orange-lighten-1:link, a.text-xxl-deep-orange-lighten-1:active { color: #FF7043 !important; text-decoration: none !important; } .text-xxl-deep-orange-darken-1 { color: #F4511E !important; } a.text-xxl-deep-orange-darken-1:hover, a.text-xxl-deep-orange-darken-1:focus, a.text-xxl-deep-orange-darken-1:link, a.text-xxl-deep-orange-darken-1:active { color: #F4511E !important; text-decoration: none !important; } .text-xxl-deep-orange-darken-2 { color: #E64A19 !important; } a.text-xxl-deep-orange-darken-2:hover, a.text-xxl-deep-orange-darken-2:focus, a.text-xxl-deep-orange-darken-2:link, a.text-xxl-deep-orange-darken-2:active { color: #E64A19 !important; text-decoration: none !important; } .text-xxl-deep-orange-darken-3 { color: #D84315 !important; } a.text-xxl-deep-orange-darken-3:hover, a.text-xxl-deep-orange-darken-3:focus, a.text-xxl-deep-orange-darken-3:link, a.text-xxl-deep-orange-darken-3:active { color: #D84315 !important; text-decoration: none !important; } .text-xxl-deep-orange-darken-4 { color: #BF360C !important; } a.text-xxl-deep-orange-darken-4:hover, a.text-xxl-deep-orange-darken-4:focus, a.text-xxl-deep-orange-darken-4:link, a.text-xxl-deep-orange-darken-4:active { color: #BF360C !important; text-decoration: none !important; } .text-xxl-deep-orange-accent-1 { color: #FF9E80 !important; } a.text-xxl-deep-orange-accent-1:hover, a.text-xxl-deep-orange-accent-1:focus, a.text-xxl-deep-orange-accent-1:link, a.text-xxl-deep-orange-accent-1:active { color: #FF9E80 !important; text-decoration: none !important; } .text-xxl-deep-orange-accent-2 { color: #FF6E40 !important; } a.text-xxl-deep-orange-accent-2:hover, a.text-xxl-deep-orange-accent-2:focus, a.text-xxl-deep-orange-accent-2:link, a.text-xxl-deep-orange-accent-2:active { color: #FF6E40 !important; text-decoration: none !important; } .text-xxl-deep-orange-accent-3 { color: #FF3D00 !important; } a.text-xxl-deep-orange-accent-3:hover, a.text-xxl-deep-orange-accent-3:focus, a.text-xxl-deep-orange-accent-3:link, a.text-xxl-deep-orange-accent-3:active { color: #FF3D00 !important; text-decoration: none !important; } .text-xxl-deep-orange-accent-4 { color: #DD2C00 !important; } a.text-xxl-deep-orange-accent-4:hover, a.text-xxl-deep-orange-accent-4:focus, a.text-xxl-deep-orange-accent-4:link, a.text-xxl-deep-orange-accent-4:active { color: #DD2C00 !important; text-decoration: none !important; } .text-xxl-brown { color: #795548 !important; } a.text-xxl-brown:hover, a.text-xxl-brown:focus, a.text-xxl-brown:link, a.text-xxl-brown:active { color: #795548 !important; text-decoration: none !important; } .text-xxl-brown-lighten-5 { color: #EFEBE9 !important; } a.text-xxl-brown-lighten-5:hover, a.text-xxl-brown-lighten-5:focus, a.text-xxl-brown-lighten-5:link, a.text-xxl-brown-lighten-5:active { color: #EFEBE9 !important; text-decoration: none !important; } .text-xxl-brown-lighten-4 { color: #D7CCC8 !important; } a.text-xxl-brown-lighten-4:hover, a.text-xxl-brown-lighten-4:focus, a.text-xxl-brown-lighten-4:link, a.text-xxl-brown-lighten-4:active { color: #D7CCC8 !important; text-decoration: none !important; } .text-xxl-brown-lighten-3 { color: #BCAAA4 !important; } a.text-xxl-brown-lighten-3:hover, a.text-xxl-brown-lighten-3:focus, a.text-xxl-brown-lighten-3:link, a.text-xxl-brown-lighten-3:active { color: #BCAAA4 !important; text-decoration: none !important; } .text-xxl-brown-lighten-2 { color: #A1887F !important; } a.text-xxl-brown-lighten-2:hover, a.text-xxl-brown-lighten-2:focus, a.text-xxl-brown-lighten-2:link, a.text-xxl-brown-lighten-2:active { color: #A1887F !important; text-decoration: none !important; } .text-xxl-brown-lighten-1 { color: #8D6E63 !important; } a.text-xxl-brown-lighten-1:hover, a.text-xxl-brown-lighten-1:focus, a.text-xxl-brown-lighten-1:link, a.text-xxl-brown-lighten-1:active { color: #8D6E63 !important; text-decoration: none !important; } .text-xxl-brown-darken-1 { color: #6D4C41 !important; } a.text-xxl-brown-darken-1:hover, a.text-xxl-brown-darken-1:focus, a.text-xxl-brown-darken-1:link, a.text-xxl-brown-darken-1:active { color: #6D4C41 !important; text-decoration: none !important; } .text-xxl-brown-darken-2 { color: #5D4037 !important; } a.text-xxl-brown-darken-2:hover, a.text-xxl-brown-darken-2:focus, a.text-xxl-brown-darken-2:link, a.text-xxl-brown-darken-2:active { color: #5D4037 !important; text-decoration: none !important; } .text-xxl-brown-darken-3 { color: #4E342E !important; } a.text-xxl-brown-darken-3:hover, a.text-xxl-brown-darken-3:focus, a.text-xxl-brown-darken-3:link, a.text-xxl-brown-darken-3:active { color: #4E342E !important; text-decoration: none !important; } .text-xxl-brown-darken-4 { color: #3E2723 !important; } a.text-xxl-brown-darken-4:hover, a.text-xxl-brown-darken-4:focus, a.text-xxl-brown-darken-4:link, a.text-xxl-brown-darken-4:active { color: #3E2723 !important; text-decoration: none !important; } } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } .text-italic { font-style: italic !important; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .clear-none { clear: none; } @media screen and (min-width: 420px) { .text-sm-center { text-align: center !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-justify { text-align: justify !important; } .text-sm-italic { font-style: italic !important; } .clear-sm-left { clear: left; } .clear-sm-right { clear: right; } .clear-sm-both { clear: both; } .clear-sm-none { clear: none; } } @media screen and (min-width: 768px) { .text-md-center { text-align: center !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-justify { text-align: justify !important; } .text-md-italic { font-style: italic !important; } .clear-md-left { clear: left; } .clear-md-right { clear: right; } .clear-md-both { clear: both; } .clear-md-none { clear: none; } } @media screen and (min-width: 1024px) { .text-lg-center { text-align: center !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-justify { text-align: justify !important; } .text-lg-italic { font-style: italic !important; } .clear-lg-left { clear: left; } .clear-lg-right { clear: right; } .clear-lg-both { clear: both; } .clear-lg-none { clear: none; } } @media screen and (min-width: 1224px) { .text-xl-center { text-align: center !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-justify { text-align: justify !important; } .text-xl-italic { font-style: italic !important; } .clear-xl-left { clear: left; } .clear-xl-right { clear: right; } .clear-xl-both { clear: both; } .clear-xl-none { clear: none; } } @media screen and (min-width: 1587px) { .text-xlp-center { text-align: center !important; } .text-xlp-left { text-align: left !important; } .text-xlp-right { text-align: right !important; } .text-xlp-justify { text-align: justify !important; } .text-xlp-italic { font-style: italic !important; } .clear-xlp-left { clear: left; } .clear-xlp-right { clear: right; } .clear-xlp-both { clear: both; } .clear-xlp-none { clear: none; } } @media screen and (min-width: 1907px) { .text-xxl-center { text-align: center !important; } .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-justify { text-align: justify !important; } .text-xxl-italic { font-style: italic !important; } .clear-xxl-left { clear: left; } .clear-xxl-right { clear: right; } .clear-xxl-both { clear: both; } .clear-xxl-none { clear: none; } } .text-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } @media screen and (min-width: 420px) { .text-sm-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-sm-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-sm-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-sm-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } @media screen and (min-width: 768px) { .text-md-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-md-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-md-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-md-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } @media screen and (min-width: 1024px) { .text-lg-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-lg-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-lg-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-lg-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } @media screen and (min-width: 1224px) { .text-xl-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-xl-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-xl-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-xl-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } @media screen and (min-width: 1587px) { .text-xlp-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-xlp-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-xlp-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-xlp-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } @media screen and (min-width: 1907px) { .text-xxl-vertical-rt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .text-xxl-vertical-bt { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } .text-xxl-vertical-lt { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); } .text-xxl-vertical-lb { -ms-writing-mode: tb-lr; writing-mode: vertical-lr; transform: rotate(180deg); } } .navbar--theme { display: block; height: 50px; background-color: #356287; text-align: right; width: 100%; position: fixed; top: 0px; z-index: 99; padding-left: 5px; padding-right: 5px; } .navbar--theme .nav-logo { display: block; height: 100%; padding-top: 3px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px; height: 50px; } .navbar--theme .nav-logo img { height: 100%; width: auto; } .navbar--theme .nav-item-group { width: auto; } .navbar--theme .nav-item-group li { display: inline-block; } .navbar--theme .nav-item-group li a, .navbar--theme .nav-item-group li a:focus, .navbar--theme .nav-item-group li a:link, .navbar--theme .nav-item-group li a:visited { text-decoration: none; color: #E8EFF6; } .navbar--theme .nav-item-group li a:hover { color: #23415A; position: relative; z-index: 2; } .navbar--theme .nav-item-group .nav-item { display: inline-block; height: 50px; line-height: 50px; color: #E8EFF6; padding: 0px 10px 0px 10px; cursor: pointer; } .navbar--theme .nav-item-group .nav-item:hover { color: #356287 !important; background-color: #ffffff !important; } .navbar--theme .nav-item-group .nav-item.active, .navbar--theme .nav-item-group .nav-item:active, .navbar--theme .nav-item-group .nav-item.focus, .navbar--theme .nav-item-group .nav-item:focus { color: #ffffff; border-bottom: 2px solid #D1E0EC; } .navbar--theme .dropdown { position: relative; color: #ffffff; } .navbar--theme .dropdown .dropdown-menu { display: block; position: absolute; left: auto; background-color: #F5F5F5; color: #FAFAFA; min-width: 200px; width: 100%; border-radius: 2px; box-shadow: 2px 2px 10px 0px gray; z-index: 49; padding: 5px 0px 5px 0px; font-size: 12px; cursor: pointer; text-align: left; } .navbar--theme .dropdown .dropdown-menu hr { border-top: 1px solid #E0E0E0 !important; position: relative; z-index: 1; border-left: none; margin: 5px 10px 5px 10px !important; } .navbar--theme .dropdown .dropdown-menu a, .navbar--theme .dropdown .dropdown-menu span { text-decoration: none; color: #616161 !important; line-height: 30px; } .navbar--theme .dropdown .dropdown-menu a:hover, .navbar--theme .dropdown .dropdown-menu span:hover { text-decoration: none; color: #616161 !important; line-height: 30px; box-shadow: 0px 0px 36px -11px #000000; } .navbar--theme .dropdown .dropdown-item { display: block; padding: 0px 10px 0px 10px; color: #FAFAFA !important; } .navbar--theme .dropdown .dropdown-item:hover { display: block; background-color: #F5F5F5 !important; padding: 0px 10px 0px 10px; } .navbar--theme .dropdown:hover, .navbar--theme .dropdown:focus, .navbar--theme .dropdown:active, .navbar--theme .dropdown.active { cursor: pointer; color: #23415A !important; background-color: #ffffff; } .navbar--theme .dropdown:hover .nav-item, .navbar--theme .dropdown:focus .nav-item, .navbar--theme .dropdown:active .nav-item, .navbar--theme .dropdown.active .nav-item { color: #356287 !important; background-color: #ffffff !important; } .navbar--white { display: block; height: 50px; background-color: #ffffff; text-align: right; width: 100%; position: fixed; top: 0px; z-index: 99; padding-left: 5px; padding-right: 5px; } .navbar--white .nav-logo { display: block; height: 100%; padding-top: 3px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px; height: 50px; } .navbar--white .nav-logo img { height: 100%; width: auto; } .navbar--white .nav-item-group { width: auto; } .navbar--white .nav-item-group li { display: inline-block; } .navbar--white .nav-item-group li a, .navbar--white .nav-item-group li a:focus, .navbar--white .nav-item-group li a:link, .navbar--white .nav-item-group li a:visited { text-decoration: none; color: #757575; } .navbar--white .nav-item-group li a:hover { color: #FAFAFA; box-shadow: 0px 0px 36px -11px #000000; position: relative; z-index: 2; } .navbar--white .nav-item-group .nav-item { display: inline-block; height: 50px; line-height: 50px; color: #757575; padding: 0px 10px 0px 10px; cursor: pointer; } .navbar--white .nav-item-group .nav-item:hover { color: #FAFAFA !important; background-color: #356287 !important; } .navbar--white .nav-item-group .nav-item.active, .navbar--white .nav-item-group .nav-item:active, .navbar--white .nav-item-group .nav-item.focus, .navbar--white .nav-item-group .nav-item:focus { color: #356287; border-bottom: 2px solid #356287; } .navbar--white .dropdown { position: relative !important; color: #757575; } .navbar--white .dropdown .dropdown-menu { display: block; position: absolute !important; left: auto; background-color: #F5F5F5; color: #FAFAFA; min-width: 200px; width: 100%; border-radius: 2px; box-shadow: 2px 2px 10px 0px gray; z-index: 49 !important; padding: 5px 0px 5px 0px; font-size: 12px; cursor: pointer; text-align: left; } .navbar--white .dropdown .dropdown-menu hr { border-top: 1px solid #E0E0E0 !important; position: relative; z-index: 1; border-left: none; margin: 5px 10px 5px 10px !important; } .navbar--white .dropdown .dropdown-menu a, .navbar--white .dropdown .dropdown-menu span { text-decoration: none; color: #616161 !important; line-height: 30px; } .navbar--white .dropdown .dropdown-menu a:hover, .navbar--white .dropdown .dropdown-menu span:hover { text-decoration: none; color: #616161 !important; line-height: 30px; box-shadow: 0px 0px 36px -11px #000000; } .navbar--white .dropdown .dropdown-item { display: block; padding: 0px 10px 0px 10px; color: #FAFAFA !important; } .navbar--white .dropdown .dropdown-item:hover { display: block; background-color: #F5F5F5 !important; padding: 0px 10px 0px 10px; } .navbar--white .dropdown:hover, .navbar--white .dropdown:focus, .navbar--white .dropdown:active, .navbar--white .dropdown.active { cursor: pointer; color: #FAFAFA !important; background-color: #356287; } .navbar--white .dropdown:hover .nav-item, .navbar--white .dropdown:focus .nav-item, .navbar--white .dropdown:active .nav-item, .navbar--white .dropdown.active .nav-item { color: #FAFAFA !important; background-color: #356287 !important; } .navbar-list-menu--theme { display: block; background: transparent; height: 60px; width: 100%; position: fixed; top: 0px; z-index: 99; } .navbar-list-menu--theme .nav-menu { height: 60px; width: 100%; z-index: 5; background-color: #356287; text-align: right; } .navbar-list-menu--theme .nav-menu .nav-logo { display: block; height: 100%; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; } .navbar-list-menu--theme .nav-menu .nav-logo img { height: 100%; width: auto; } .navbar-list-menu--theme .nav-menu .nav-icon-menu { width: auto; height: auto; color: #ffffff; cursor: pointer; } .navbar-list-menu--theme .nav-menu .nav-icon-menu .iconOpen { text-align: right; float: right; opacity: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateIn100; animation-name: rotateIn100; } .navbar-list-menu--theme .nav-menu .nav-icon-menu .iconOpen.active { opacity: 0; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateOut; animation-name: rotateOut; } .navbar-list-menu--theme .nav-menu .nav-icon-menu .iconClose { position: absolute; top: 0; right: 0; opacity: 0; text-align: right; float: right; } .navbar-list-menu--theme .nav-menu .nav-icon-menu .iconClose.show { opacity: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateIn; animation-name: rotateIn; } .navbar-list-menu--theme .nav-menu .nav-avatar { display: block; height: 100%; } .navbar-list-menu--theme .nav-menu .nav-avatar img { height: 100%; width: auto; } .navbar-list-menu--theme .list-group-menu { background-color: #356287; box-shadow: 0 0 8px 4px #BDBDBD; right: 0; top: 60px; position: absolute; width: 100%; z-index: -1; border-top: 1px solid #EEEEEE; padding-top: 10px; padding-bottom: 10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .navbar-list-menu--theme .list-group-menu li { display: block; text-align: left; height: 50px; line-height: 50px; color: #ffffff; } .navbar-list-menu--theme .list-group-menu li a, .navbar-list-menu--theme .list-group-menu li span { font-size: 16px; text-decoration: none; color: #ffffff; } .navbar-list-menu--theme .list-group-menu .nav-item { display: block; height: 50px; line-height: 50px; padding: 2px 15px 2px 15px; cursor: pointer; } .navbar-list-menu--theme .list-group-menu .nav-item { display: block; height: 50px; line-height: 50px; color: #E8EFF6; padding: 0px 10px 0px 10px; cursor: pointer; } .navbar-list-menu--theme .list-group-menu .nav-item:hover { color: #356287 !important; background-color: #ffffff !important; } .navbar-list-menu--theme .list-group-menu .nav-item.active { background-color: #ffffff !important; color: #356287 !important; } .navbar-list-menu--theme .list-group-menu .nav-item.focus { color: #ffffff; } .navbar-list-menu--theme .list-group-menu .list-sub-menu { display: block; position: relative; background-color: #D1E0EC; } .navbar-list-menu--theme .list-group-menu .list-sub-menu li { display: block; text-align: left; height: 50px; line-height: 50px; color: #356287; } .navbar-list-menu--theme .list-group-menu .list-sub-menu li a, .navbar-list-menu--theme .list-group-menu .list-sub-menu li span { text-decoration: none; color: #356287; } .navbar-list-menu--theme .list-group-menu .list-sub-menu .sub-menu-item { display: block; text-align: left; padding: 0px 15px 0px 30px; height: 50px; line-height: 50px; color: #356287; border-bottom: 1px solid #EEEEEE; } .navbar-list-menu--theme .list-group-menu .list-sub-menu .sub-menu-item:hover { color: #356287 !important; background-color: #ffffff !important; } .navbar-list-menu--theme .list-group-menu .list-sub-menu .sub-menu-item.active { background-color: #ffffff !important; color: #356287 !important; } .navbar-list-menu--white { display: block; background: transparent; height: 60px; text-align: right; width: 100%; position: fixed; top: 0px; z-index: 99; } .navbar-list-menu--white .nav-menu { height: 60px; width: 100%; z-index: 5; background-color: #ffffff; text-align: right; } .navbar-list-menu--white .nav-menu .nav-logo { display: block; height: 100%; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; } .navbar-list-menu--white .nav-menu .nav-logo img { height: 100%; width: auto; } .navbar-list-menu--white .nav-menu .nav-icon-menu { width: auto; height: auto; color: #356287; cursor: pointer; } .navbar-list-menu--white .nav-menu .nav-icon-menu .iconOpen { text-align: right; float: right; opacity: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateIn100; animation-name: rotateIn100; } .navbar-list-menu--white .nav-menu .nav-icon-menu .iconOpen.active { opacity: 0; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateOut; animation-name: rotateOut; } .navbar-list-menu--white .nav-menu .nav-icon-menu .iconClose { position: absolute; top: 0; right: 0; opacity: 0; text-align: right; float: right; } .navbar-list-menu--white .nav-menu .nav-icon-menu .iconClose.show { opacity: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: rotateIn; animation-name: rotateIn; } .navbar-list-menu--white .nav-menu .nav-avatar { display: block; height: 100%; } .navbar-list-menu--white .nav-menu .nav-avatar img { height: 100%; width: auto; } .navbar-list-menu--white .list-group-menu { background-color: #ffffff; box-shadow: 0 0 8px 4px #BDBDBD; right: 0; top: 60px; position: absolute; width: 100%; z-index: -1; border-top: 1px solid #EEEEEE; padding-top: 10px; padding-bottom: 10px; } .navbar-list-menu--white .list-group-menu li { display: block; text-align: left; height: 50px; line-height: 50px; color: #356287; } .navbar-list-menu--white .list-group-menu li a, .navbar-list-menu--white .list-group-menu li span { font-size: 16px; text-decoration: none; } .navbar-list-menu--white .list-group-menu .nav-item { display: block; height: 50px; line-height: 50px; padding: 2px 15px 2px 15px; cursor: pointer; } .navbar-list-menu--white .list-group-menu .nav-item:hover { color: #FAFAFA !important; background-color: #356287 !important; } .navbar-list-menu--white .list-group-menu .nav-item.active { background-color: #356287 !important; color: #ffffff !important; } .navbar-list-menu--white .list-group-menu .nav-item.focus { color: #356287; } .navbar-list-menu--white .list-group-menu .list-sub-menu { display: block; position: relative; background-color: #D1E0EC; } .navbar-list-menu--white .list-group-menu .list-sub-menu li { display: block; text-align: left; height: 50px; line-height: 50px; color: #356287; } .navbar-list-menu--white .list-group-menu .list-sub-menu li a, .navbar-list-menu--white .list-group-menu .list-sub-menu li span { text-decoration: none; color: #356287; } .navbar-list-menu--white .list-group-menu .list-sub-menu .sub-menu-item { display: block; text-align: left; padding: 0px 15px 0px 30px; height: 50px; line-height: 50px; color: #356287; border-bottom: 1px #ffffff; } .navbar-list-menu--white .list-group-menu .list-sub-menu .sub-menu-item:hover { color: #FAFAFA !important; background-color: #356287 !important; } .navbar-list-menu--white .list-group-menu .list-sub-menu .sub-menu-item.active { background-color: #356287 !important; color: #ffffff !important; } .navbar-mobile--theme { display: block; height: 60px; background-color: #356287; text-align: right; width: 100%; position: fixed; top: 0px; z-index: 99; } .navbar-mobile--theme .icon-menu, .navbar-mobile--theme .text-menu { color: #ffffff; } .navbar-mobile--theme .nav-menu-mobile { display: block; background-color: #356287; box-shadow: 0px 10px 21px -15px #757575; padding: 10px 0px 10px 0px; } .navbar-mobile--theme .nav-menu-mobile li { text-align: left; padding: 0px 15px 0px 15px; height: 50px; line-height: 50px; } .navbar-mobile--theme .nav-menu-mobile li a, .navbar-mobile--theme .nav-menu-mobile li span { font-size: 16px !important; text-decoration: none !important; color: #ffffff; } .navbar-mobile--theme .nav-menu-mobile .sub-menu { display: block; position: relative; z-index: 52; background-color: #EEEEEE !important; } .navbar-mobile--theme .nav-menu-mobile .sub-menu .sub-menu-item { text-align: left; padding: 0px 15px 0px 15px; height: 50px; line-height: 50px; color: #356287; background-color: #EEEEEE !important; } .navbar-mobile--theme .nav-menu-mobile .sub-menu .sub-menu-item a, .navbar-mobile--theme .nav-menu-mobile .sub-menu .sub-menu-item span { height: 50px; line-height: 50px; font-size: 16px !important; text-decoration: none !important; color: #356287; } .navbar-mobile--white { display: block; height: 60px; background-color: #ffffff; text-align: right; width: 100%; position: fixed; top: 0px; z-index: 99; } .navbar-mobile--white .icon-menu, .navbar-mobile--white .text-menu { color: #356287; } .navbar-mobile--white .nav-menu-mobile { display: block; background-color: #F5F5F5; box-shadow: 0px 10px 21px -15px #757575; padding: 10px 0px 10px 0px; } .navbar-mobile--white .nav-menu-mobile li { text-align: left; padding: 0px 15px 0px 15px; height: 50px; line-height: 50px; } .navbar-mobile--white .nav-menu-mobile li a, .navbar-mobile--white .nav-menu-mobile li span { font-size: 16px !important; text-decoration: none !important; color: #356287; } .navbar-mobile--white .sub-menu { display: block; position: relative; z-index: 52; background-color: #356287 !important; } .navbar-mobile--white .sub-menu .sub-menu-item { text-align: left; padding: 0px 15px 0px 15px; height: 50px; line-height: 50px; color: #EEEEEE; background-color: #356287 !important; } .navbar-mobile--white .sub-menu .sub-menu-item a, .navbar-mobile--white .sub-menu .sub-menu-item span { height: 50px; line-height: 50px; font-size: 16px !important; text-decoration: none !important; color: #ffffff; } .navbar-footer--theme { display: block; height: 60px; background: transparent; width: 100%; position: fixed; bottom: 0px; z-index: 99; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-footer--theme .nav-footer-menu { max-height: 60px; height: 100%; width: 100%; z-index: 5; background-color: #356287; text-align: right; border-top: 2px solid #E0E0E0; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-footer--theme .nav-footer-menu .nav-logo { height: 100%; max-height: 60px; } .navbar-footer--theme .nav-footer-menu .nav-logo img { height: 50px; width: auto; } .navbar-footer--theme .nav-footer-menu .nav-avatar { height: 100%; max-height: 60px; padding-bottom: 3px; } .navbar-footer--theme .nav-footer-menu .nav-avatar img { height: 50px; width: 50px; } .navbar-footer--theme .nav-footer-menu .nav-item-group { height: 60px; display: flex; flex-wrap: wrap; width: 100%; height: 100%; position: relative; justify-content: flex-end; } .navbar-footer--theme .nav-footer-menu .nav-item-group li { width: auto; min-width: 50px; max-width: 100%; padding-left: 5px; padding-right: 5px; color: #356287; cursor: pointer; } .navbar-footer--theme .nav-footer-menu .nav-item-group li a, .navbar-footer--theme .nav-footer-menu .nav-item-group li a:focus, .navbar-footer--theme .nav-footer-menu .nav-item-group li a:link, .navbar-footer--theme .nav-footer-menu .nav-item-group li a:visited { text-decoration: none; color: #E8EFF6; } .navbar-footer--theme .nav-footer-menu .nav-item-group li a:hover { color: #23415A; position: relative; } .navbar-footer--theme .nav-footer-menu .nav-item-group li .icon-item, .navbar-footer--theme .nav-footer-menu .nav-item-group li .text-item { display: flex; flex-wrap: wrap; width: 100%; position: relative; justify-content: center; align-items: center; color: #E8EFF6; } .navbar-footer--theme .nav-footer-menu .nav-item-group .nav-item { width: auto; max-width: 100%; padding-left: 5px; padding-right: 5px; color: #ffffff; cursor: pointer; } .navbar-footer--theme .nav-footer-menu .nav-item-group .nav-item .icon-item, .navbar-footer--theme .nav-footer-menu .nav-item-group .nav-item .text-item { display: flex; flex-wrap: wrap; width: 100%; position: relative; justify-content: center; align-items: center; color: #ffffff; } .navbar-footer--theme .nav-footer-menu .nav-item-group .nav-item.active { color: #ffffff; border-bottom: 2px solid #D1E0EC; } .navbar-footer--theme .nav-footer-sub-menu { background-color: #356287; box-shadow: 0 0 8px 2px #BDBDBD; padding: 10px 0 15px 0; right: 0; bottom: 60px !important; position: absolute !important; width: 100%; z-index: -1; border-top: 2px solid #EEEEEE; opacity: 0; display: none; } .navbar-footer--theme .nav-footer-sub-menu .nav-title { font-size: 16px; color: #ffffff; font-weight: 400; border-bottom: 1px solid #ffffff; padding: 0 10px 5px 10px; margin-bottom: 5px; } .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group { height: 100%; list-style-type: none; } .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group li { text-align: left; } .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group li a, .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group li span { color: #ffffff; font-weight: 400; cursor: pointer; } .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group .nav-sub-item { line-height: 30px; width: 100%; height: 100%; padding: 0 10px 0 10px; color: #ffffff; font-weight: 400; padding-top: 5px; padding-bottom: 5px; cursor: pointer; align-content: center; } .navbar-footer--theme .nav-footer-sub-menu .nav-sub-item-group .nav-sub-item.active { background-color: #ffffff !important; color: #356287 !important; } .navbar-footer--theme .nav-footer-sub-menu.show { display: block; opacity: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .navbar-footer--theme .nav-footer-sub-menu.hide { display: none; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .navbar-footer--white { display: block; height: 60px; background: transparent; width: 100%; position: fixed; bottom: 0px; z-index: 99; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-footer--white .nav-footer-menu { max-height: 60px; height: 100%; width: 100%; z-index: 5; background-color: #ffffff; text-align: right; border-top: 2px solid #356287; border-top-right-radius: 10px; border-top-left-radius: 10px; } .navbar-footer--white .nav-footer-menu .nav-logo { height: 100%; max-height: 60px; } .navbar-footer--white .nav-footer-menu .nav-logo img { height: 50px; width: auto; } .navbar-footer--white .nav-footer-menu .nav-avatar { height: 100%; max-height: 60px; padding-bottom: 3px; } .navbar-footer--white .nav-footer-menu .nav-avatar img { height: 50px; width: 50px; } .navbar-footer--white .nav-footer-menu .nav-item-group { height: 60px; display: flex; flex-wrap: wrap; width: 100%; height: 100%; position: relative; justify-content: flex-end; } .navbar-footer--white .nav-footer-menu .nav-item-group li { width: auto; min-width: 50px; max-width: 100%; padding-left: 5px; padding-right: 5px; color: #757575; cursor: pointer; } .navbar-footer--white .nav-footer-menu .nav-item-group li a, .navbar-footer--white .nav-footer-menu .nav-item-group li a:focus, .navbar-footer--white .nav-footer-menu .nav-item-group li a:link, .navbar-footer--white .nav-footer-menu .nav-item-group li a:visited { text-decoration: none; color: #757575; } .navbar-footer--white .nav-footer-menu .nav-item-group li a:hover { color: #FAFAFA; position: relative; } .navbar-footer--white .nav-footer-menu .nav-item-group li .icon-item, .navbar-footer--white .nav-footer-menu .nav-item-group li .text-item { display: flex; flex-wrap: wrap; width: 100%; position: relative; justify-content: center; align-items: center; color: #757575; } .navbar-footer--white .nav-footer-menu .nav-item-group .nav-item { width: auto; max-width: 100%; padding-left: 5px; padding-right: 5px; color: #757575; cursor: pointer; } .navbar-footer--white .nav-footer-menu .nav-item-group .nav-item .icon-item, .navbar-footer--white .nav-footer-menu .nav-item-group .nav-item .text-item { display: flex; flex-wrap: wrap; width: 100%; position: relative; justify-content: center; align-items: center; color: #757575; } .navbar-footer--white .nav-footer-menu .nav-item-group .nav-item.active { color: #356287; border-bottom: 2px solid #356287; } .navbar-footer--white .nav-footer-sub-menu { background-color: #F5F5F5; box-shadow: 0 0 8px 2px #BDBDBD; padding: 10px 0 15px 0; right: 0; bottom: 60px !important; position: absolute !important; width: 100%; z-index: -1; border-top: 2px solid #356287; opacity: 0; display: none; } .navbar-footer--white .nav-footer-sub-menu .nav-title { font-size: 16px; color: #757575; font-weight: 400; border-bottom: 1px solid #BDBDBD; padding: 0 10px 5px 10px; padding-bottom: 5px; } .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group { height: 100%; list-style-type: none; } .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group li { text-align: left; } .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group li a, .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group li span { color: #356287; font-weight: 400; cursor: pointer; } .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group .nav-sub-item { line-height: 30px; width: 100%; height: 100%; padding: 0 10px 0 10px; color: #356287; font-weight: 400; padding-top: 5px; padding-bottom: 5px; cursor: pointer; align-content: center; } .navbar-footer--white .nav-footer-sub-menu .nav-sub-item-group .nav-sub-item.active { background-color: #356287 !important; color: #ffffff !important; } .navbar-footer--white .nav-footer-sub-menu.show { display: block; opacity: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .navbar-footer--white .nav-footer-sub-menu.hide { display: none; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .navbar-content-offset { margin-top: 50px; z-index: 1; } .offset-for-top-navbar { margin-top: 50px; z-index: 1; } @media (max-width: 1223px) { .offset-for-top-navbar { margin-top: 60px; z-index: 1; } } @media (max-width: 768px) { .navbar-content-offset { margin-top: 60px; z-index: 1; } .offset-for-top-navbar { margin-top: 60px; z-index: 1; } } @media (max-width: 576px) { .navbar-content-offset { margin-top: 60px; z-index: 1; } .offset-for-top-navbar { margin-top: 60px; z-index: 1; } } .mockup-area { position: relative; } .mockup-area .navbar--white, .mockup-area .navbar--theme, .mockup-area .navbar-list-menu--white, .mockup-area .navbar-list-menu--theme { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-footer--white, .mockup-area .navbar-footer--theme { position: sticky !important; bottom: 50px; z-index: 2 !important; } .sticky-navbar { position: fixed; top: 0; width: 100%; z-index: 99; } .mockup-area { position: relative; } .mockup-area .sticky-navbar { position: sticky !important; width: 100%; z-index: 2 !important; } .mockup-area .navbar--light, .mockup-area .navbar--dark { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light, .mockup-area .navbar-list--dark { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light, .mockup-area .navbar-footer--dark { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-primary, .mockup-area .navbar--dark-primary { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-primary, .mockup-area .navbar-list--dark-primary { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-primary, .mockup-area .navbar-footer--dark-primary { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-secondary, .mockup-area .navbar--dark-secondary { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-secondary, .mockup-area .navbar-list--dark-secondary { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-secondary, .mockup-area .navbar-footer--dark-secondary { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-success, .mockup-area .navbar--dark-success { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-success, .mockup-area .navbar-list--dark-success { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-success, .mockup-area .navbar-footer--dark-success { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-info, .mockup-area .navbar--dark-info { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-info, .mockup-area .navbar-list--dark-info { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-info, .mockup-area .navbar-footer--dark-info { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-warning, .mockup-area .navbar--dark-warning { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-warning, .mockup-area .navbar-list--dark-warning { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-warning, .mockup-area .navbar-footer--dark-warning { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-danger, .mockup-area .navbar--dark-danger { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-danger, .mockup-area .navbar-list--dark-danger { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-danger, .mockup-area .navbar-footer--dark-danger { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-alert, .mockup-area .navbar--dark-alert { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-alert, .mockup-area .navbar-list--dark-alert { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-alert, .mockup-area .navbar-footer--dark-alert { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-theme, .mockup-area .navbar--dark-theme { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-theme, .mockup-area .navbar-list--dark-theme { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-theme, .mockup-area .navbar-footer--dark-theme { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-white, .mockup-area .navbar--dark-white { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-white, .mockup-area .navbar-list--dark-white { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-white, .mockup-area .navbar-footer--dark-white { position: sticky !important; bottom: 60px; z-index: 2 !important; } .mockup-area .navbar--light-purple, .mockup-area .navbar--dark-purple { position: sticky !important; top: 50px; z-index: 2 !important; } .mockup-area .navbar-list--light-purple, .mockup-area .navbar-list--dark-purple { position: sticky !important; top: 60px; z-index: 2 !important; } .mockup-area .navbar-footer--light-purple, .mockup-area .navbar-footer--dark-purple { position: sticky !important; bottom: 60px; z-index: 2 !important; } .navbar--light, .navbar--dark { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light > div, .navbar--dark > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light .nav-body, .navbar--dark .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light .nav-info, .navbar--dark .nav-info { width: auto; z-index: 2; } .navbar--light .nav-info .nav-info--logo, .navbar--dark .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light .nav-info .nav-info--logo img, .navbar--dark .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light .nav-info .nav-info--avatar, .navbar--dark .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light .nav-info .nav-info--avatar img, .navbar--dark .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light .nav-menu, .navbar--dark .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light .nav-menu ul, .navbar--dark .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light .nav-menu ul li, .navbar--dark .nav-menu ul li { display: inline-block; width: auto; } .navbar--light .nav-menu i, .navbar--dark .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light .nav-menu .nav-menu--item, .navbar--dark .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; height: 50px; line-height: 50px; color: #757575; font-weight: 400; } .navbar--light .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light .nav-menu .nav-menu--item a, .navbar--light .nav-menu .nav-menu--item span, .navbar--light .nav-menu .nav-menu--item div, .navbar--dark .nav-menu .nav-menu--item a, .navbar--dark .nav-menu .nav-menu--item span, .navbar--dark .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light .nav-menu .nav-menu--item a:hover, .navbar--light .nav-menu .nav-menu--item span:hover, .navbar--light .nav-menu .nav-menu--item div:hover, .navbar--dark .nav-menu .nav-menu--item a:hover, .navbar--dark .nav-menu .nav-menu--item span:hover, .navbar--dark .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light .nav-menu .nav-menu--item:hover, .navbar--dark .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #757575; border-bottom: 2px solid #757575; } .navbar--light .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light .nav-menu .nav-menu--item.active, .navbar--light .nav-menu .nav-menu--item:active, .navbar--light .nav-menu .nav-menu--item.focus, .navbar--light .nav-menu .nav-menu--item:focus, .navbar--dark .nav-menu .nav-menu--item.active, .navbar--dark .nav-menu .nav-menu--item:active, .navbar--dark .nav-menu .nav-menu--item.focus, .navbar--dark .nav-menu .nav-menu--item:focus { color: #757575; border-bottom: 2px solid #757575; } .navbar--light .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #757575; } .navbar--light .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light .nav-menu .nav-menu--child, .navbar--dark .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light .nav-menu .nav-menu--child li, .navbar--light .nav-menu .nav-menu--child a, .navbar--light .nav-menu .nav-menu--child .list, .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark .nav-menu .nav-menu--child li, .navbar--dark .nav-menu .nav-menu--child a, .navbar--dark .nav-menu .nav-menu--child .list, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light .nav-menu .nav-menu--child hr, .navbar--dark .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light .nav-menu .nav-menu--child li:hover, .navbar--light .nav-menu .nav-menu--child a:hover, .navbar--light .nav-menu .nav-menu--child .list:hover, .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark .nav-menu .nav-menu--child li:hover, .navbar--dark .nav-menu .nav-menu--child a:hover, .navbar--dark .nav-menu .nav-menu--child .list:hover, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #757575; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #757575; border-left: 4px solid #757575; font-weight: 500 !important; } .navbar--light .nav-menu .nav-menu--child.top, .navbar--dark .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light .nav-menu .nav-menu--child.right, .navbar--dark .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light .nav-menu .nav-menu--child.left, .navbar--dark .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light .nav-menu .nav-menu--child.top-right, .navbar--dark .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light .nav-menu .nav-menu--child.top-left, .navbar--dark .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light .nav-menu .nav-menu--child.bottom-right, .navbar--dark .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light .nav-menu .nav-menu--child.bottom-left, .navbar--dark .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light .nav-menu .nav-menu--sub-child, .navbar--dark .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light .nav-menu .nav-menu--sub-child li, .navbar--light .nav-menu .nav-menu--sub-child a, .navbar--light .nav-menu .nav-menu--sub-child .list, .navbar--light .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark .nav-menu .nav-menu--sub-child li, .navbar--dark .nav-menu .nav-menu--sub-child a, .navbar--dark .nav-menu .nav-menu--sub-child .list, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light .nav-menu .nav-menu--sub-child hr, .navbar--dark .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light .nav-menu .nav-menu--sub-child li:hover, .navbar--light .nav-menu .nav-menu--sub-child a:hover, .navbar--light .nav-menu .nav-menu--sub-child .list:hover, .navbar--light .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark .nav-menu .nav-menu--sub-child li:hover, .navbar--dark .nav-menu .nav-menu--sub-child a:hover, .navbar--dark .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light .nav-menu .nav-menu--sub-child li span:hover, .navbar--light .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #757575; border-left: 4px solid #757575; font-weight: 500 !important; } .navbar--light .nav-menu .nav-menu--sub-child.left, .navbar--dark .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light .nav-menu .nav-menu--sub-child.right, .navbar--dark .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark { background-color: #757575; } .navbar--dark .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark .nav-menu .nav-menu--item .nav-menu--item-name { color: #ffffff; } .navbar--dark .nav-menu .nav-menu--item:hover { color: #757575 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #757575 !important; } .navbar--dark .nav-menu .nav-menu--item.active, .navbar--dark .nav-menu .nav-menu--item:active, .navbar--dark .nav-menu .nav-menu--item.focus, .navbar--dark .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BDBDBD; } .navbar--dark .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark .nav-menu .nav-menu--child li:hover, .navbar--dark .nav-menu .nav-menu--child a:hover, .navbar--dark .nav-menu .nav-menu--child .list:hover, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #757575; background-color: #F5F5F5; } .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #757575; border-left: 4px solid #757575; font-weight: 500 !important; } .navbar--dark .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark .nav-menu .nav-menu--sub-child li:hover, .navbar--dark .nav-menu .nav-menu--sub-child a:hover, .navbar--dark .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #757575; } .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #757575; border-left: 4px solid #757575; } .navbar--light-primary, .navbar--dark-primary { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-primary > div, .navbar--dark-primary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-primary .nav-body, .navbar--dark-primary .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-primary .nav-info, .navbar--dark-primary .nav-info { width: auto; z-index: 2; } .navbar--light-primary .nav-info .nav-info--logo, .navbar--dark-primary .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-primary .nav-info .nav-info--logo img, .navbar--dark-primary .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-primary .nav-info .nav-info--avatar, .navbar--dark-primary .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-primary .nav-info .nav-info--avatar img, .navbar--dark-primary .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-primary .nav-menu, .navbar--dark-primary .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-primary .nav-menu ul, .navbar--dark-primary .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-primary .nav-menu ul li, .navbar--dark-primary .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-primary .nav-menu i, .navbar--dark-primary .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-primary .nav-menu .nav-menu--item, .navbar--dark-primary .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #14619c; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-primary .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-primary .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-primary .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-primary .nav-menu .nav-menu--item a, .navbar--light-primary .nav-menu .nav-menu--item span, .navbar--light-primary .nav-menu .nav-menu--item div, .navbar--dark-primary .nav-menu .nav-menu--item a, .navbar--dark-primary .nav-menu .nav-menu--item span, .navbar--dark-primary .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-primary .nav-menu .nav-menu--item a:hover, .navbar--light-primary .nav-menu .nav-menu--item span:hover, .navbar--light-primary .nav-menu .nav-menu--item div:hover, .navbar--dark-primary .nav-menu .nav-menu--item a:hover, .navbar--dark-primary .nav-menu .nav-menu--item span:hover, .navbar--dark-primary .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-primary .nav-menu .nav-menu--item:hover, .navbar--dark-primary .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #14619c; border-bottom: 2px solid #14619c; } .navbar--light-primary .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-primary .nav-menu .nav-menu--item.active, .navbar--light-primary .nav-menu .nav-menu--item:active, .navbar--light-primary .nav-menu .nav-menu--item.focus, .navbar--light-primary .nav-menu .nav-menu--item:focus, .navbar--dark-primary .nav-menu .nav-menu--item.active, .navbar--dark-primary .nav-menu .nav-menu--item:active, .navbar--dark-primary .nav-menu .nav-menu--item.focus, .navbar--dark-primary .nav-menu .nav-menu--item:focus { color: #14619c; border-bottom: 2px solid #14619c; } .navbar--light-primary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-primary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-primary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-primary .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #14619c; } .navbar--light-primary .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-primary .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-primary .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-primary .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-primary .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-primary .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-primary .nav-menu .nav-menu--child, .navbar--dark-primary .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-primary .nav-menu .nav-menu--child li, .navbar--light-primary .nav-menu .nav-menu--child a, .navbar--light-primary .nav-menu .nav-menu--child .list, .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-primary .nav-menu .nav-menu--child li, .navbar--dark-primary .nav-menu .nav-menu--child a, .navbar--dark-primary .nav-menu .nav-menu--child .list, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-primary .nav-menu .nav-menu--child hr, .navbar--dark-primary .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-primary .nav-menu .nav-menu--child li:hover, .navbar--light-primary .nav-menu .nav-menu--child a:hover, .navbar--light-primary .nav-menu .nav-menu--child .list:hover, .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-primary .nav-menu .nav-menu--child li:hover, .navbar--dark-primary .nav-menu .nav-menu--child a:hover, .navbar--dark-primary .nav-menu .nav-menu--child .list:hover, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #14619c; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #14619c; border-left: 4px solid #14619c; font-weight: 500 !important; } .navbar--light-primary .nav-menu .nav-menu--child.top, .navbar--dark-primary .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-primary .nav-menu .nav-menu--child.right, .navbar--dark-primary .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-primary .nav-menu .nav-menu--child.left, .navbar--dark-primary .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-primary .nav-menu .nav-menu--child.top-right, .navbar--dark-primary .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-primary .nav-menu .nav-menu--child.top-left, .navbar--dark-primary .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-primary .nav-menu .nav-menu--child.bottom-right, .navbar--dark-primary .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-primary .nav-menu .nav-menu--child.bottom-left, .navbar--dark-primary .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-primary .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-primary .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-primary .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-primary .nav-menu .nav-menu--sub-child, .navbar--dark-primary .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-primary .nav-menu .nav-menu--sub-child li, .navbar--light-primary .nav-menu .nav-menu--sub-child a, .navbar--light-primary .nav-menu .nav-menu--sub-child .list, .navbar--light-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-primary .nav-menu .nav-menu--sub-child li, .navbar--dark-primary .nav-menu .nav-menu--sub-child a, .navbar--dark-primary .nav-menu .nav-menu--sub-child .list, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-primary .nav-menu .nav-menu--sub-child hr, .navbar--dark-primary .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-primary .nav-menu .nav-menu--sub-child li:hover, .navbar--light-primary .nav-menu .nav-menu--sub-child a:hover, .navbar--light-primary .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-primary .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-primary .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-primary .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #14619c; border-left: 4px solid #14619c; font-weight: 500 !important; } .navbar--light-primary .nav-menu .nav-menu--sub-child.left, .navbar--dark-primary .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-primary .nav-menu .nav-menu--sub-child.right, .navbar--dark-primary .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-primary .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-primary .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-primary { background-color: #14619c; } .navbar--dark-primary .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-primary .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-primary .nav-menu .nav-menu--item:hover { color: #14619c !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-primary .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #14619c !important; } .navbar--dark-primary .nav-menu .nav-menu--item.active, .navbar--dark-primary .nav-menu .nav-menu--item:active, .navbar--dark-primary .nav-menu .nav-menu--item.focus, .navbar--dark-primary .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-primary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-primary .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-primary .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #e0f1ff; } .navbar--dark-primary .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-primary .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-primary .nav-menu .nav-menu--child li:hover, .navbar--dark-primary .nav-menu .nav-menu--child a:hover, .navbar--dark-primary .nav-menu .nav-menu--child .list:hover, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #14619c; background-color: #F5F5F5; } .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-primary .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #14619c; border-left: 4px solid #14619c; font-weight: 500 !important; } .navbar--dark-primary .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-primary .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-primary .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #14619c; } .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-primary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #14619c; border-left: 4px solid #14619c; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-secondary, .navbar--dark-secondary { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-secondary > div, .navbar--dark-secondary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-secondary .nav-body, .navbar--dark-secondary .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-secondary .nav-info, .navbar--dark-secondary .nav-info { width: auto; z-index: 2; } .navbar--light-secondary .nav-info .nav-info--logo, .navbar--dark-secondary .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-secondary .nav-info .nav-info--logo img, .navbar--dark-secondary .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-secondary .nav-info .nav-info--avatar, .navbar--dark-secondary .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-secondary .nav-info .nav-info--avatar img, .navbar--dark-secondary .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-secondary .nav-menu, .navbar--dark-secondary .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-secondary .nav-menu ul, .navbar--dark-secondary .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-secondary .nav-menu ul li, .navbar--dark-secondary .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-secondary .nav-menu i, .navbar--dark-secondary .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-secondary .nav-menu .nav-menu--item, .navbar--dark-secondary .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #4b5257; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-secondary .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-secondary .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-secondary .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-secondary .nav-menu .nav-menu--item a, .navbar--light-secondary .nav-menu .nav-menu--item span, .navbar--light-secondary .nav-menu .nav-menu--item div, .navbar--dark-secondary .nav-menu .nav-menu--item a, .navbar--dark-secondary .nav-menu .nav-menu--item span, .navbar--dark-secondary .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-secondary .nav-menu .nav-menu--item a:hover, .navbar--light-secondary .nav-menu .nav-menu--item span:hover, .navbar--light-secondary .nav-menu .nav-menu--item div:hover, .navbar--dark-secondary .nav-menu .nav-menu--item a:hover, .navbar--dark-secondary .nav-menu .nav-menu--item span:hover, .navbar--dark-secondary .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-secondary .nav-menu .nav-menu--item:hover, .navbar--dark-secondary .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #4b5257; border-bottom: 2px solid #4b5257; } .navbar--light-secondary .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-secondary .nav-menu .nav-menu--item.active, .navbar--light-secondary .nav-menu .nav-menu--item:active, .navbar--light-secondary .nav-menu .nav-menu--item.focus, .navbar--light-secondary .nav-menu .nav-menu--item:focus, .navbar--dark-secondary .nav-menu .nav-menu--item.active, .navbar--dark-secondary .nav-menu .nav-menu--item:active, .navbar--dark-secondary .nav-menu .nav-menu--item.focus, .navbar--dark-secondary .nav-menu .nav-menu--item:focus { color: #4b5257; border-bottom: 2px solid #4b5257; } .navbar--light-secondary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-secondary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-secondary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-secondary .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #4b5257; } .navbar--light-secondary .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-secondary .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-secondary .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-secondary .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-secondary .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-secondary .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-secondary .nav-menu .nav-menu--child, .navbar--dark-secondary .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-secondary .nav-menu .nav-menu--child li, .navbar--light-secondary .nav-menu .nav-menu--child a, .navbar--light-secondary .nav-menu .nav-menu--child .list, .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-secondary .nav-menu .nav-menu--child li, .navbar--dark-secondary .nav-menu .nav-menu--child a, .navbar--dark-secondary .nav-menu .nav-menu--child .list, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-secondary .nav-menu .nav-menu--child hr, .navbar--dark-secondary .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-secondary .nav-menu .nav-menu--child li:hover, .navbar--light-secondary .nav-menu .nav-menu--child a:hover, .navbar--light-secondary .nav-menu .nav-menu--child .list:hover, .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-secondary .nav-menu .nav-menu--child li:hover, .navbar--dark-secondary .nav-menu .nav-menu--child a:hover, .navbar--dark-secondary .nav-menu .nav-menu--child .list:hover, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #4b5257; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #4b5257; border-left: 4px solid #4b5257; font-weight: 500 !important; } .navbar--light-secondary .nav-menu .nav-menu--child.top, .navbar--dark-secondary .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-secondary .nav-menu .nav-menu--child.right, .navbar--dark-secondary .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-secondary .nav-menu .nav-menu--child.left, .navbar--dark-secondary .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-secondary .nav-menu .nav-menu--child.top-right, .navbar--dark-secondary .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-secondary .nav-menu .nav-menu--child.top-left, .navbar--dark-secondary .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-secondary .nav-menu .nav-menu--child.bottom-right, .navbar--dark-secondary .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-secondary .nav-menu .nav-menu--child.bottom-left, .navbar--dark-secondary .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-secondary .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-secondary .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-secondary .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-secondary .nav-menu .nav-menu--sub-child, .navbar--dark-secondary .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-secondary .nav-menu .nav-menu--sub-child li, .navbar--light-secondary .nav-menu .nav-menu--sub-child a, .navbar--light-secondary .nav-menu .nav-menu--sub-child .list, .navbar--light-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-secondary .nav-menu .nav-menu--sub-child li, .navbar--dark-secondary .nav-menu .nav-menu--sub-child a, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .list, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-secondary .nav-menu .nav-menu--sub-child hr, .navbar--dark-secondary .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-secondary .nav-menu .nav-menu--sub-child li:hover, .navbar--light-secondary .nav-menu .nav-menu--sub-child a:hover, .navbar--light-secondary .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-secondary .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-secondary .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-secondary .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #4b5257; border-left: 4px solid #4b5257; font-weight: 500 !important; } .navbar--light-secondary .nav-menu .nav-menu--sub-child.left, .navbar--dark-secondary .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-secondary .nav-menu .nav-menu--sub-child.right, .navbar--dark-secondary .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-secondary .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-secondary .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-secondary { background-color: #4b5257; } .navbar--dark-secondary .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-secondary .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-secondary .nav-menu .nav-menu--item:hover { color: #4b5257 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-secondary .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #4b5257 !important; } .navbar--dark-secondary .nav-menu .nav-menu--item.active, .navbar--dark-secondary .nav-menu .nav-menu--item:active, .navbar--dark-secondary .nav-menu .nav-menu--item.focus, .navbar--dark-secondary .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-secondary .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-secondary .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-secondary .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #e1e1e1; } .navbar--dark-secondary .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-secondary .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-secondary .nav-menu .nav-menu--child li:hover, .navbar--dark-secondary .nav-menu .nav-menu--child a:hover, .navbar--dark-secondary .nav-menu .nav-menu--child .list:hover, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #4b5257; background-color: #F5F5F5; } .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-secondary .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #4b5257; border-left: 4px solid #4b5257; font-weight: 500 !important; } .navbar--dark-secondary .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-secondary .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-secondary .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #4b5257; } .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-secondary .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #4b5257; border-left: 4px solid #4b5257; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-success, .navbar--dark-success { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-success > div, .navbar--dark-success > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-success .nav-body, .navbar--dark-success .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-success .nav-info, .navbar--dark-success .nav-info { width: auto; z-index: 2; } .navbar--light-success .nav-info .nav-info--logo, .navbar--dark-success .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-success .nav-info .nav-info--logo img, .navbar--dark-success .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-success .nav-info .nav-info--avatar, .navbar--dark-success .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-success .nav-info .nav-info--avatar img, .navbar--dark-success .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-success .nav-menu, .navbar--dark-success .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-success .nav-menu ul, .navbar--dark-success .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-success .nav-menu ul li, .navbar--dark-success .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-success .nav-menu i, .navbar--dark-success .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-success .nav-menu .nav-menu--item, .navbar--dark-success .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #079107; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-success .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-success .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-success .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-success .nav-menu .nav-menu--item a, .navbar--light-success .nav-menu .nav-menu--item span, .navbar--light-success .nav-menu .nav-menu--item div, .navbar--dark-success .nav-menu .nav-menu--item a, .navbar--dark-success .nav-menu .nav-menu--item span, .navbar--dark-success .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-success .nav-menu .nav-menu--item a:hover, .navbar--light-success .nav-menu .nav-menu--item span:hover, .navbar--light-success .nav-menu .nav-menu--item div:hover, .navbar--dark-success .nav-menu .nav-menu--item a:hover, .navbar--dark-success .nav-menu .nav-menu--item span:hover, .navbar--dark-success .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-success .nav-menu .nav-menu--item:hover, .navbar--dark-success .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #079107; border-bottom: 2px solid #079107; } .navbar--light-success .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-success .nav-menu .nav-menu--item.active, .navbar--light-success .nav-menu .nav-menu--item:active, .navbar--light-success .nav-menu .nav-menu--item.focus, .navbar--light-success .nav-menu .nav-menu--item:focus, .navbar--dark-success .nav-menu .nav-menu--item.active, .navbar--dark-success .nav-menu .nav-menu--item:active, .navbar--dark-success .nav-menu .nav-menu--item.focus, .navbar--dark-success .nav-menu .nav-menu--item:focus { color: #079107; border-bottom: 2px solid #079107; } .navbar--light-success .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-success .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-success .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-success .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #079107; } .navbar--light-success .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-success .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-success .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-success .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-success .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-success .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-success .nav-menu .nav-menu--child, .navbar--dark-success .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-success .nav-menu .nav-menu--child li, .navbar--light-success .nav-menu .nav-menu--child a, .navbar--light-success .nav-menu .nav-menu--child .list, .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-success .nav-menu .nav-menu--child li, .navbar--dark-success .nav-menu .nav-menu--child a, .navbar--dark-success .nav-menu .nav-menu--child .list, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-success .nav-menu .nav-menu--child hr, .navbar--dark-success .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-success .nav-menu .nav-menu--child li:hover, .navbar--light-success .nav-menu .nav-menu--child a:hover, .navbar--light-success .nav-menu .nav-menu--child .list:hover, .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-success .nav-menu .nav-menu--child li:hover, .navbar--dark-success .nav-menu .nav-menu--child a:hover, .navbar--dark-success .nav-menu .nav-menu--child .list:hover, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #079107; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #079107; border-left: 4px solid #079107; font-weight: 500 !important; } .navbar--light-success .nav-menu .nav-menu--child.top, .navbar--dark-success .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-success .nav-menu .nav-menu--child.right, .navbar--dark-success .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-success .nav-menu .nav-menu--child.left, .navbar--dark-success .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-success .nav-menu .nav-menu--child.top-right, .navbar--dark-success .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-success .nav-menu .nav-menu--child.top-left, .navbar--dark-success .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-success .nav-menu .nav-menu--child.bottom-right, .navbar--dark-success .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-success .nav-menu .nav-menu--child.bottom-left, .navbar--dark-success .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-success .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-success .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-success .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-success .nav-menu .nav-menu--sub-child, .navbar--dark-success .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-success .nav-menu .nav-menu--sub-child li, .navbar--light-success .nav-menu .nav-menu--sub-child a, .navbar--light-success .nav-menu .nav-menu--sub-child .list, .navbar--light-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-success .nav-menu .nav-menu--sub-child li, .navbar--dark-success .nav-menu .nav-menu--sub-child a, .navbar--dark-success .nav-menu .nav-menu--sub-child .list, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-success .nav-menu .nav-menu--sub-child hr, .navbar--dark-success .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-success .nav-menu .nav-menu--sub-child li:hover, .navbar--light-success .nav-menu .nav-menu--sub-child a:hover, .navbar--light-success .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-success .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-success .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-success .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #079107; border-left: 4px solid #079107; font-weight: 500 !important; } .navbar--light-success .nav-menu .nav-menu--sub-child.left, .navbar--dark-success .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-success .nav-menu .nav-menu--sub-child.right, .navbar--dark-success .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-success .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-success .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-success { background-color: #079107; } .navbar--dark-success .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-success .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-success .nav-menu .nav-menu--item:hover { color: #079107 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-success .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #079107 !important; } .navbar--dark-success .nav-menu .nav-menu--item.active, .navbar--dark-success .nav-menu .nav-menu--item:active, .navbar--dark-success .nav-menu .nav-menu--item.focus, .navbar--dark-success .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-success .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-success .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-success .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #e8fac7; } .navbar--dark-success .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-success .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-success .nav-menu .nav-menu--child li:hover, .navbar--dark-success .nav-menu .nav-menu--child a:hover, .navbar--dark-success .nav-menu .nav-menu--child .list:hover, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #079107; background-color: #F5F5F5; } .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-success .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #079107; border-left: 4px solid #079107; font-weight: 500 !important; } .navbar--dark-success .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-success .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-success .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #079107; } .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-success .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #079107; border-left: 4px solid #079107; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-info, .navbar--dark-info { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-info > div, .navbar--dark-info > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-info .nav-body, .navbar--dark-info .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-info .nav-info, .navbar--dark-info .nav-info { width: auto; z-index: 2; } .navbar--light-info .nav-info .nav-info--logo, .navbar--dark-info .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-info .nav-info .nav-info--logo img, .navbar--dark-info .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-info .nav-info .nav-info--avatar, .navbar--dark-info .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-info .nav-info .nav-info--avatar img, .navbar--dark-info .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-info .nav-menu, .navbar--dark-info .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-info .nav-menu ul, .navbar--dark-info .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-info .nav-menu ul li, .navbar--dark-info .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-info .nav-menu i, .navbar--dark-info .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-info .nav-menu .nav-menu--item, .navbar--dark-info .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #25a2b3; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-info .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-info .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-info .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-info .nav-menu .nav-menu--item a, .navbar--light-info .nav-menu .nav-menu--item span, .navbar--light-info .nav-menu .nav-menu--item div, .navbar--dark-info .nav-menu .nav-menu--item a, .navbar--dark-info .nav-menu .nav-menu--item span, .navbar--dark-info .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-info .nav-menu .nav-menu--item a:hover, .navbar--light-info .nav-menu .nav-menu--item span:hover, .navbar--light-info .nav-menu .nav-menu--item div:hover, .navbar--dark-info .nav-menu .nav-menu--item a:hover, .navbar--dark-info .nav-menu .nav-menu--item span:hover, .navbar--dark-info .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-info .nav-menu .nav-menu--item:hover, .navbar--dark-info .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #25a2b3; border-bottom: 2px solid #25a2b3; } .navbar--light-info .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-info .nav-menu .nav-menu--item.active, .navbar--light-info .nav-menu .nav-menu--item:active, .navbar--light-info .nav-menu .nav-menu--item.focus, .navbar--light-info .nav-menu .nav-menu--item:focus, .navbar--dark-info .nav-menu .nav-menu--item.active, .navbar--dark-info .nav-menu .nav-menu--item:active, .navbar--dark-info .nav-menu .nav-menu--item.focus, .navbar--dark-info .nav-menu .nav-menu--item:focus { color: #25a2b3; border-bottom: 2px solid #25a2b3; } .navbar--light-info .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-info .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-info .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-info .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #25a2b3; } .navbar--light-info .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-info .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-info .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-info .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-info .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-info .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-info .nav-menu .nav-menu--child, .navbar--dark-info .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-info .nav-menu .nav-menu--child li, .navbar--light-info .nav-menu .nav-menu--child a, .navbar--light-info .nav-menu .nav-menu--child .list, .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-info .nav-menu .nav-menu--child li, .navbar--dark-info .nav-menu .nav-menu--child a, .navbar--dark-info .nav-menu .nav-menu--child .list, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-info .nav-menu .nav-menu--child hr, .navbar--dark-info .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-info .nav-menu .nav-menu--child li:hover, .navbar--light-info .nav-menu .nav-menu--child a:hover, .navbar--light-info .nav-menu .nav-menu--child .list:hover, .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-info .nav-menu .nav-menu--child li:hover, .navbar--dark-info .nav-menu .nav-menu--child a:hover, .navbar--dark-info .nav-menu .nav-menu--child .list:hover, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #25a2b3; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #25a2b3; border-left: 4px solid #25a2b3; font-weight: 500 !important; } .navbar--light-info .nav-menu .nav-menu--child.top, .navbar--dark-info .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-info .nav-menu .nav-menu--child.right, .navbar--dark-info .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-info .nav-menu .nav-menu--child.left, .navbar--dark-info .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-info .nav-menu .nav-menu--child.top-right, .navbar--dark-info .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-info .nav-menu .nav-menu--child.top-left, .navbar--dark-info .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-info .nav-menu .nav-menu--child.bottom-right, .navbar--dark-info .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-info .nav-menu .nav-menu--child.bottom-left, .navbar--dark-info .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-info .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-info .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-info .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-info .nav-menu .nav-menu--sub-child, .navbar--dark-info .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-info .nav-menu .nav-menu--sub-child li, .navbar--light-info .nav-menu .nav-menu--sub-child a, .navbar--light-info .nav-menu .nav-menu--sub-child .list, .navbar--light-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-info .nav-menu .nav-menu--sub-child li, .navbar--dark-info .nav-menu .nav-menu--sub-child a, .navbar--dark-info .nav-menu .nav-menu--sub-child .list, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-info .nav-menu .nav-menu--sub-child hr, .navbar--dark-info .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-info .nav-menu .nav-menu--sub-child li:hover, .navbar--light-info .nav-menu .nav-menu--sub-child a:hover, .navbar--light-info .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-info .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-info .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-info .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #25a2b3; border-left: 4px solid #25a2b3; font-weight: 500 !important; } .navbar--light-info .nav-menu .nav-menu--sub-child.left, .navbar--dark-info .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-info .nav-menu .nav-menu--sub-child.right, .navbar--dark-info .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-info .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-info .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-info { background-color: #25a2b3; } .navbar--dark-info .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-info .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-info .nav-menu .nav-menu--item:hover { color: #25a2b3 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-info .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #25a2b3 !important; } .navbar--dark-info .nav-menu .nav-menu--item.active, .navbar--dark-info .nav-menu .nav-menu--item:active, .navbar--dark-info .nav-menu .nav-menu--item.focus, .navbar--dark-info .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-info .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-info .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-info .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #d2f9ff; } .navbar--dark-info .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-info .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-info .nav-menu .nav-menu--child li:hover, .navbar--dark-info .nav-menu .nav-menu--child a:hover, .navbar--dark-info .nav-menu .nav-menu--child .list:hover, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #25a2b3; background-color: #F5F5F5; } .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-info .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #25a2b3; border-left: 4px solid #25a2b3; font-weight: 500 !important; } .navbar--dark-info .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-info .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-info .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #25a2b3; } .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-info .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #25a2b3; border-left: 4px solid #25a2b3; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-warning, .navbar--dark-warning { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-warning > div, .navbar--dark-warning > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-warning .nav-body, .navbar--dark-warning .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-warning .nav-info, .navbar--dark-warning .nav-info { width: auto; z-index: 2; } .navbar--light-warning .nav-info .nav-info--logo, .navbar--dark-warning .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-warning .nav-info .nav-info--logo img, .navbar--dark-warning .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-warning .nav-info .nav-info--avatar, .navbar--dark-warning .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-warning .nav-info .nav-info--avatar img, .navbar--dark-warning .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-warning .nav-menu, .navbar--dark-warning .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-warning .nav-menu ul, .navbar--dark-warning .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-warning .nav-menu ul li, .navbar--dark-warning .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-warning .nav-menu i, .navbar--dark-warning .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-warning .nav-menu .nav-menu--item, .navbar--dark-warning .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #edbe00; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-warning .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-warning .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-warning .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-warning .nav-menu .nav-menu--item a, .navbar--light-warning .nav-menu .nav-menu--item span, .navbar--light-warning .nav-menu .nav-menu--item div, .navbar--dark-warning .nav-menu .nav-menu--item a, .navbar--dark-warning .nav-menu .nav-menu--item span, .navbar--dark-warning .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-warning .nav-menu .nav-menu--item a:hover, .navbar--light-warning .nav-menu .nav-menu--item span:hover, .navbar--light-warning .nav-menu .nav-menu--item div:hover, .navbar--dark-warning .nav-menu .nav-menu--item a:hover, .navbar--dark-warning .nav-menu .nav-menu--item span:hover, .navbar--dark-warning .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-warning .nav-menu .nav-menu--item:hover, .navbar--dark-warning .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #edbe00; border-bottom: 2px solid #edbe00; } .navbar--light-warning .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-warning .nav-menu .nav-menu--item.active, .navbar--light-warning .nav-menu .nav-menu--item:active, .navbar--light-warning .nav-menu .nav-menu--item.focus, .navbar--light-warning .nav-menu .nav-menu--item:focus, .navbar--dark-warning .nav-menu .nav-menu--item.active, .navbar--dark-warning .nav-menu .nav-menu--item:active, .navbar--dark-warning .nav-menu .nav-menu--item.focus, .navbar--dark-warning .nav-menu .nav-menu--item:focus { color: #edbe00; border-bottom: 2px solid #edbe00; } .navbar--light-warning .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-warning .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-warning .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-warning .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #edbe00; } .navbar--light-warning .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-warning .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-warning .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-warning .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-warning .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-warning .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-warning .nav-menu .nav-menu--child, .navbar--dark-warning .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-warning .nav-menu .nav-menu--child li, .navbar--light-warning .nav-menu .nav-menu--child a, .navbar--light-warning .nav-menu .nav-menu--child .list, .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-warning .nav-menu .nav-menu--child li, .navbar--dark-warning .nav-menu .nav-menu--child a, .navbar--dark-warning .nav-menu .nav-menu--child .list, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-warning .nav-menu .nav-menu--child hr, .navbar--dark-warning .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-warning .nav-menu .nav-menu--child li:hover, .navbar--light-warning .nav-menu .nav-menu--child a:hover, .navbar--light-warning .nav-menu .nav-menu--child .list:hover, .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-warning .nav-menu .nav-menu--child li:hover, .navbar--dark-warning .nav-menu .nav-menu--child a:hover, .navbar--dark-warning .nav-menu .nav-menu--child .list:hover, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #edbe00; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #edbe00; border-left: 4px solid #edbe00; font-weight: 500 !important; } .navbar--light-warning .nav-menu .nav-menu--child.top, .navbar--dark-warning .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-warning .nav-menu .nav-menu--child.right, .navbar--dark-warning .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-warning .nav-menu .nav-menu--child.left, .navbar--dark-warning .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-warning .nav-menu .nav-menu--child.top-right, .navbar--dark-warning .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-warning .nav-menu .nav-menu--child.top-left, .navbar--dark-warning .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-warning .nav-menu .nav-menu--child.bottom-right, .navbar--dark-warning .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-warning .nav-menu .nav-menu--child.bottom-left, .navbar--dark-warning .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-warning .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-warning .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-warning .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-warning .nav-menu .nav-menu--sub-child, .navbar--dark-warning .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-warning .nav-menu .nav-menu--sub-child li, .navbar--light-warning .nav-menu .nav-menu--sub-child a, .navbar--light-warning .nav-menu .nav-menu--sub-child .list, .navbar--light-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-warning .nav-menu .nav-menu--sub-child li, .navbar--dark-warning .nav-menu .nav-menu--sub-child a, .navbar--dark-warning .nav-menu .nav-menu--sub-child .list, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-warning .nav-menu .nav-menu--sub-child hr, .navbar--dark-warning .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-warning .nav-menu .nav-menu--sub-child li:hover, .navbar--light-warning .nav-menu .nav-menu--sub-child a:hover, .navbar--light-warning .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-warning .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-warning .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-warning .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #edbe00; border-left: 4px solid #edbe00; font-weight: 500 !important; } .navbar--light-warning .nav-menu .nav-menu--sub-child.left, .navbar--dark-warning .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-warning .nav-menu .nav-menu--sub-child.right, .navbar--dark-warning .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-warning .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-warning .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-warning { background-color: #edbe00; } .navbar--dark-warning .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-warning .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-warning .nav-menu .nav-menu--item:hover { color: #edbe00 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-warning .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #edbe00 !important; } .navbar--dark-warning .nav-menu .nav-menu--item.active, .navbar--dark-warning .nav-menu .nav-menu--item:active, .navbar--dark-warning .nav-menu .nav-menu--item.focus, .navbar--dark-warning .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-warning .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-warning .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-warning .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #fef6d9; } .navbar--dark-warning .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-warning .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-warning .nav-menu .nav-menu--child li:hover, .navbar--dark-warning .nav-menu .nav-menu--child a:hover, .navbar--dark-warning .nav-menu .nav-menu--child .list:hover, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #edbe00; background-color: #F5F5F5; } .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-warning .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #edbe00; border-left: 4px solid #edbe00; font-weight: 500 !important; } .navbar--dark-warning .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-warning .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-warning .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #edbe00; } .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-warning .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #edbe00; border-left: 4px solid #edbe00; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-danger, .navbar--dark-danger { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-danger > div, .navbar--dark-danger > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-danger .nav-body, .navbar--dark-danger .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-danger .nav-info, .navbar--dark-danger .nav-info { width: auto; z-index: 2; } .navbar--light-danger .nav-info .nav-info--logo, .navbar--dark-danger .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-danger .nav-info .nav-info--logo img, .navbar--dark-danger .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-danger .nav-info .nav-info--avatar, .navbar--dark-danger .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-danger .nav-info .nav-info--avatar img, .navbar--dark-danger .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-danger .nav-menu, .navbar--dark-danger .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-danger .nav-menu ul, .navbar--dark-danger .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-danger .nav-menu ul li, .navbar--dark-danger .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-danger .nav-menu i, .navbar--dark-danger .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-danger .nav-menu .nav-menu--item, .navbar--dark-danger .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #c23329; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-danger .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-danger .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-danger .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-danger .nav-menu .nav-menu--item a, .navbar--light-danger .nav-menu .nav-menu--item span, .navbar--light-danger .nav-menu .nav-menu--item div, .navbar--dark-danger .nav-menu .nav-menu--item a, .navbar--dark-danger .nav-menu .nav-menu--item span, .navbar--dark-danger .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-danger .nav-menu .nav-menu--item a:hover, .navbar--light-danger .nav-menu .nav-menu--item span:hover, .navbar--light-danger .nav-menu .nav-menu--item div:hover, .navbar--dark-danger .nav-menu .nav-menu--item a:hover, .navbar--dark-danger .nav-menu .nav-menu--item span:hover, .navbar--dark-danger .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-danger .nav-menu .nav-menu--item:hover, .navbar--dark-danger .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #c23329; border-bottom: 2px solid #c23329; } .navbar--light-danger .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-danger .nav-menu .nav-menu--item.active, .navbar--light-danger .nav-menu .nav-menu--item:active, .navbar--light-danger .nav-menu .nav-menu--item.focus, .navbar--light-danger .nav-menu .nav-menu--item:focus, .navbar--dark-danger .nav-menu .nav-menu--item.active, .navbar--dark-danger .nav-menu .nav-menu--item:active, .navbar--dark-danger .nav-menu .nav-menu--item.focus, .navbar--dark-danger .nav-menu .nav-menu--item:focus { color: #c23329; border-bottom: 2px solid #c23329; } .navbar--light-danger .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-danger .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-danger .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-danger .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #c23329; } .navbar--light-danger .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-danger .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-danger .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-danger .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-danger .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-danger .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-danger .nav-menu .nav-menu--child, .navbar--dark-danger .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-danger .nav-menu .nav-menu--child li, .navbar--light-danger .nav-menu .nav-menu--child a, .navbar--light-danger .nav-menu .nav-menu--child .list, .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-danger .nav-menu .nav-menu--child li, .navbar--dark-danger .nav-menu .nav-menu--child a, .navbar--dark-danger .nav-menu .nav-menu--child .list, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-danger .nav-menu .nav-menu--child hr, .navbar--dark-danger .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-danger .nav-menu .nav-menu--child li:hover, .navbar--light-danger .nav-menu .nav-menu--child a:hover, .navbar--light-danger .nav-menu .nav-menu--child .list:hover, .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-danger .nav-menu .nav-menu--child li:hover, .navbar--dark-danger .nav-menu .nav-menu--child a:hover, .navbar--dark-danger .nav-menu .nav-menu--child .list:hover, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #c23329; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #c23329; border-left: 4px solid #c23329; font-weight: 500 !important; } .navbar--light-danger .nav-menu .nav-menu--child.top, .navbar--dark-danger .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-danger .nav-menu .nav-menu--child.right, .navbar--dark-danger .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-danger .nav-menu .nav-menu--child.left, .navbar--dark-danger .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-danger .nav-menu .nav-menu--child.top-right, .navbar--dark-danger .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-danger .nav-menu .nav-menu--child.top-left, .navbar--dark-danger .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-danger .nav-menu .nav-menu--child.bottom-right, .navbar--dark-danger .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-danger .nav-menu .nav-menu--child.bottom-left, .navbar--dark-danger .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-danger .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-danger .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-danger .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-danger .nav-menu .nav-menu--sub-child, .navbar--dark-danger .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-danger .nav-menu .nav-menu--sub-child li, .navbar--light-danger .nav-menu .nav-menu--sub-child a, .navbar--light-danger .nav-menu .nav-menu--sub-child .list, .navbar--light-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-danger .nav-menu .nav-menu--sub-child li, .navbar--dark-danger .nav-menu .nav-menu--sub-child a, .navbar--dark-danger .nav-menu .nav-menu--sub-child .list, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-danger .nav-menu .nav-menu--sub-child hr, .navbar--dark-danger .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-danger .nav-menu .nav-menu--sub-child li:hover, .navbar--light-danger .nav-menu .nav-menu--sub-child a:hover, .navbar--light-danger .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-danger .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-danger .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-danger .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #c23329; border-left: 4px solid #c23329; font-weight: 500 !important; } .navbar--light-danger .nav-menu .nav-menu--sub-child.left, .navbar--dark-danger .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-danger .nav-menu .nav-menu--sub-child.right, .navbar--dark-danger .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-danger .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-danger .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-danger { background-color: #c23329; } .navbar--dark-danger .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-danger .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-danger .nav-menu .nav-menu--item:hover { color: #c23329 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-danger .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #c23329 !important; } .navbar--dark-danger .nav-menu .nav-menu--item.active, .navbar--dark-danger .nav-menu .nav-menu--item:active, .navbar--dark-danger .nav-menu .nav-menu--item.focus, .navbar--dark-danger .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-danger .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-danger .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-danger .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #ffd4d1; } .navbar--dark-danger .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-danger .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-danger .nav-menu .nav-menu--child li:hover, .navbar--dark-danger .nav-menu .nav-menu--child a:hover, .navbar--dark-danger .nav-menu .nav-menu--child .list:hover, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #c23329; background-color: #F5F5F5; } .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-danger .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #c23329; border-left: 4px solid #c23329; font-weight: 500 !important; } .navbar--dark-danger .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-danger .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-danger .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #c23329; } .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-danger .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #c23329; border-left: 4px solid #c23329; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-alert, .navbar--dark-alert { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-alert > div, .navbar--dark-alert > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-alert .nav-body, .navbar--dark-alert .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-alert .nav-info, .navbar--dark-alert .nav-info { width: auto; z-index: 2; } .navbar--light-alert .nav-info .nav-info--logo, .navbar--dark-alert .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-alert .nav-info .nav-info--logo img, .navbar--dark-alert .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-alert .nav-info .nav-info--avatar, .navbar--dark-alert .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-alert .nav-info .nav-info--avatar img, .navbar--dark-alert .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-alert .nav-menu, .navbar--dark-alert .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-alert .nav-menu ul, .navbar--dark-alert .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-alert .nav-menu ul li, .navbar--dark-alert .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-alert .nav-menu i, .navbar--dark-alert .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-alert .nav-menu .nav-menu--item, .navbar--dark-alert .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #d35f07; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-alert .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-alert .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-alert .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-alert .nav-menu .nav-menu--item a, .navbar--light-alert .nav-menu .nav-menu--item span, .navbar--light-alert .nav-menu .nav-menu--item div, .navbar--dark-alert .nav-menu .nav-menu--item a, .navbar--dark-alert .nav-menu .nav-menu--item span, .navbar--dark-alert .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-alert .nav-menu .nav-menu--item a:hover, .navbar--light-alert .nav-menu .nav-menu--item span:hover, .navbar--light-alert .nav-menu .nav-menu--item div:hover, .navbar--dark-alert .nav-menu .nav-menu--item a:hover, .navbar--dark-alert .nav-menu .nav-menu--item span:hover, .navbar--dark-alert .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-alert .nav-menu .nav-menu--item:hover, .navbar--dark-alert .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #d35f07; border-bottom: 2px solid #d35f07; } .navbar--light-alert .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-alert .nav-menu .nav-menu--item.active, .navbar--light-alert .nav-menu .nav-menu--item:active, .navbar--light-alert .nav-menu .nav-menu--item.focus, .navbar--light-alert .nav-menu .nav-menu--item:focus, .navbar--dark-alert .nav-menu .nav-menu--item.active, .navbar--dark-alert .nav-menu .nav-menu--item:active, .navbar--dark-alert .nav-menu .nav-menu--item.focus, .navbar--dark-alert .nav-menu .nav-menu--item:focus { color: #d35f07; border-bottom: 2px solid #d35f07; } .navbar--light-alert .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-alert .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-alert .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-alert .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #d35f07; } .navbar--light-alert .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-alert .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-alert .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-alert .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-alert .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-alert .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-alert .nav-menu .nav-menu--child, .navbar--dark-alert .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-alert .nav-menu .nav-menu--child li, .navbar--light-alert .nav-menu .nav-menu--child a, .navbar--light-alert .nav-menu .nav-menu--child .list, .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-alert .nav-menu .nav-menu--child li, .navbar--dark-alert .nav-menu .nav-menu--child a, .navbar--dark-alert .nav-menu .nav-menu--child .list, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-alert .nav-menu .nav-menu--child hr, .navbar--dark-alert .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-alert .nav-menu .nav-menu--child li:hover, .navbar--light-alert .nav-menu .nav-menu--child a:hover, .navbar--light-alert .nav-menu .nav-menu--child .list:hover, .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-alert .nav-menu .nav-menu--child li:hover, .navbar--dark-alert .nav-menu .nav-menu--child a:hover, .navbar--dark-alert .nav-menu .nav-menu--child .list:hover, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #d35f07; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #d35f07; border-left: 4px solid #d35f07; font-weight: 500 !important; } .navbar--light-alert .nav-menu .nav-menu--child.top, .navbar--dark-alert .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-alert .nav-menu .nav-menu--child.right, .navbar--dark-alert .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-alert .nav-menu .nav-menu--child.left, .navbar--dark-alert .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-alert .nav-menu .nav-menu--child.top-right, .navbar--dark-alert .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-alert .nav-menu .nav-menu--child.top-left, .navbar--dark-alert .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-alert .nav-menu .nav-menu--child.bottom-right, .navbar--dark-alert .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-alert .nav-menu .nav-menu--child.bottom-left, .navbar--dark-alert .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-alert .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-alert .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-alert .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-alert .nav-menu .nav-menu--sub-child, .navbar--dark-alert .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-alert .nav-menu .nav-menu--sub-child li, .navbar--light-alert .nav-menu .nav-menu--sub-child a, .navbar--light-alert .nav-menu .nav-menu--sub-child .list, .navbar--light-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-alert .nav-menu .nav-menu--sub-child li, .navbar--dark-alert .nav-menu .nav-menu--sub-child a, .navbar--dark-alert .nav-menu .nav-menu--sub-child .list, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-alert .nav-menu .nav-menu--sub-child hr, .navbar--dark-alert .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-alert .nav-menu .nav-menu--sub-child li:hover, .navbar--light-alert .nav-menu .nav-menu--sub-child a:hover, .navbar--light-alert .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-alert .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-alert .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-alert .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #d35f07; border-left: 4px solid #d35f07; font-weight: 500 !important; } .navbar--light-alert .nav-menu .nav-menu--sub-child.left, .navbar--dark-alert .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-alert .nav-menu .nav-menu--sub-child.right, .navbar--dark-alert .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-alert .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-alert .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-alert { background-color: #d35f07; } .navbar--dark-alert .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-alert .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-alert .nav-menu .nav-menu--item:hover { color: #d35f07 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-alert .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #d35f07 !important; } .navbar--dark-alert .nav-menu .nav-menu--item.active, .navbar--dark-alert .nav-menu .nav-menu--item:active, .navbar--dark-alert .nav-menu .nav-menu--item.focus, .navbar--dark-alert .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-alert .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-alert .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-alert .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #fad6ba; } .navbar--dark-alert .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-alert .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-alert .nav-menu .nav-menu--child li:hover, .navbar--dark-alert .nav-menu .nav-menu--child a:hover, .navbar--dark-alert .nav-menu .nav-menu--child .list:hover, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #d35f07; background-color: #F5F5F5; } .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-alert .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #d35f07; border-left: 4px solid #d35f07; font-weight: 500 !important; } .navbar--dark-alert .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-alert .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-alert .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #d35f07; } .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-alert .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #d35f07; border-left: 4px solid #d35f07; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-theme, .navbar--dark-theme { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-theme > div, .navbar--dark-theme > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-theme .nav-body, .navbar--dark-theme .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-theme .nav-info, .navbar--dark-theme .nav-info { width: auto; z-index: 2; } .navbar--light-theme .nav-info .nav-info--logo, .navbar--dark-theme .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-theme .nav-info .nav-info--logo img, .navbar--dark-theme .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-theme .nav-info .nav-info--avatar, .navbar--dark-theme .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-theme .nav-info .nav-info--avatar img, .navbar--dark-theme .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-theme .nav-menu, .navbar--dark-theme .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-theme .nav-menu ul, .navbar--dark-theme .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-theme .nav-menu ul li, .navbar--dark-theme .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-theme .nav-menu i, .navbar--dark-theme .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-theme .nav-menu .nav-menu--item, .navbar--dark-theme .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #2C5171; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-theme .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-theme .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-theme .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-theme .nav-menu .nav-menu--item a, .navbar--light-theme .nav-menu .nav-menu--item span, .navbar--light-theme .nav-menu .nav-menu--item div, .navbar--dark-theme .nav-menu .nav-menu--item a, .navbar--dark-theme .nav-menu .nav-menu--item span, .navbar--dark-theme .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-theme .nav-menu .nav-menu--item a:hover, .navbar--light-theme .nav-menu .nav-menu--item span:hover, .navbar--light-theme .nav-menu .nav-menu--item div:hover, .navbar--dark-theme .nav-menu .nav-menu--item a:hover, .navbar--dark-theme .nav-menu .nav-menu--item span:hover, .navbar--dark-theme .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-theme .nav-menu .nav-menu--item:hover, .navbar--dark-theme .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #2C5171; border-bottom: 2px solid #2C5171; } .navbar--light-theme .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-theme .nav-menu .nav-menu--item.active, .navbar--light-theme .nav-menu .nav-menu--item:active, .navbar--light-theme .nav-menu .nav-menu--item.focus, .navbar--light-theme .nav-menu .nav-menu--item:focus, .navbar--dark-theme .nav-menu .nav-menu--item.active, .navbar--dark-theme .nav-menu .nav-menu--item:active, .navbar--dark-theme .nav-menu .nav-menu--item.focus, .navbar--dark-theme .nav-menu .nav-menu--item:focus { color: #2C5171; border-bottom: 2px solid #2C5171; } .navbar--light-theme .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-theme .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-theme .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-theme .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #2C5171; } .navbar--light-theme .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-theme .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-theme .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-theme .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-theme .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-theme .nav-menu .nav-menu--child, .navbar--dark-theme .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-theme .nav-menu .nav-menu--child li, .navbar--light-theme .nav-menu .nav-menu--child a, .navbar--light-theme .nav-menu .nav-menu--child .list, .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-theme .nav-menu .nav-menu--child li, .navbar--dark-theme .nav-menu .nav-menu--child a, .navbar--dark-theme .nav-menu .nav-menu--child .list, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-theme .nav-menu .nav-menu--child hr, .navbar--dark-theme .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-theme .nav-menu .nav-menu--child li:hover, .navbar--light-theme .nav-menu .nav-menu--child a:hover, .navbar--light-theme .nav-menu .nav-menu--child .list:hover, .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-theme .nav-menu .nav-menu--child li:hover, .navbar--dark-theme .nav-menu .nav-menu--child a:hover, .navbar--dark-theme .nav-menu .nav-menu--child .list:hover, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #2C5171; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #2C5171; border-left: 4px solid #2C5171; font-weight: 500 !important; } .navbar--light-theme .nav-menu .nav-menu--child.top, .navbar--dark-theme .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-theme .nav-menu .nav-menu--child.right, .navbar--dark-theme .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-theme .nav-menu .nav-menu--child.left, .navbar--dark-theme .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-theme .nav-menu .nav-menu--child.top-right, .navbar--dark-theme .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-theme .nav-menu .nav-menu--child.top-left, .navbar--dark-theme .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-theme .nav-menu .nav-menu--child.bottom-right, .navbar--dark-theme .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-theme .nav-menu .nav-menu--child.bottom-left, .navbar--dark-theme .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-theme .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-theme .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-theme .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-theme .nav-menu .nav-menu--sub-child, .navbar--dark-theme .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-theme .nav-menu .nav-menu--sub-child li, .navbar--light-theme .nav-menu .nav-menu--sub-child a, .navbar--light-theme .nav-menu .nav-menu--sub-child .list, .navbar--light-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-theme .nav-menu .nav-menu--sub-child li, .navbar--dark-theme .nav-menu .nav-menu--sub-child a, .navbar--dark-theme .nav-menu .nav-menu--sub-child .list, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-theme .nav-menu .nav-menu--sub-child hr, .navbar--dark-theme .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-theme .nav-menu .nav-menu--sub-child li:hover, .navbar--light-theme .nav-menu .nav-menu--sub-child a:hover, .navbar--light-theme .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-theme .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-theme .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-theme .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #2C5171; border-left: 4px solid #2C5171; font-weight: 500 !important; } .navbar--light-theme .nav-menu .nav-menu--sub-child.left, .navbar--dark-theme .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-theme .nav-menu .nav-menu--sub-child.right, .navbar--dark-theme .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-theme .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-theme .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-theme { background-color: #2C5171; } .navbar--dark-theme .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-theme .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-theme .nav-menu .nav-menu--item:hover { color: #2C5171 !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-theme .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #2C5171 !important; } .navbar--dark-theme .nav-menu .nav-menu--item.active, .navbar--dark-theme .nav-menu .nav-menu--item:active, .navbar--dark-theme .nav-menu .nav-menu--item.focus, .navbar--dark-theme .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-theme .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-theme .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #4682b4; } .navbar--dark-theme .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-theme .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-theme .nav-menu .nav-menu--child li:hover, .navbar--dark-theme .nav-menu .nav-menu--child a:hover, .navbar--dark-theme .nav-menu .nav-menu--child .list:hover, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #2C5171; background-color: #F5F5F5; } .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-theme .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #2C5171; border-left: 4px solid #2C5171; font-weight: 500 !important; } .navbar--dark-theme .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-theme .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-theme .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #2C5171; } .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-theme .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #2C5171; border-left: 4px solid #2C5171; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-white, .navbar--dark-white { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-white > div, .navbar--dark-white > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-white .nav-body, .navbar--dark-white .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-white .nav-info, .navbar--dark-white .nav-info { width: auto; z-index: 2; } .navbar--light-white .nav-info .nav-info--logo, .navbar--dark-white .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-white .nav-info .nav-info--logo img, .navbar--dark-white .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-white .nav-info .nav-info--avatar, .navbar--dark-white .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-white .nav-info .nav-info--avatar img, .navbar--dark-white .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-white .nav-menu, .navbar--dark-white .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-white .nav-menu ul, .navbar--dark-white .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-white .nav-menu ul li, .navbar--dark-white .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-white .nav-menu i, .navbar--dark-white .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-white .nav-menu .nav-menu--item, .navbar--dark-white .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #EEEEEE; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-white .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-white .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-white .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-white .nav-menu .nav-menu--item a, .navbar--light-white .nav-menu .nav-menu--item span, .navbar--light-white .nav-menu .nav-menu--item div, .navbar--dark-white .nav-menu .nav-menu--item a, .navbar--dark-white .nav-menu .nav-menu--item span, .navbar--dark-white .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-white .nav-menu .nav-menu--item a:hover, .navbar--light-white .nav-menu .nav-menu--item span:hover, .navbar--light-white .nav-menu .nav-menu--item div:hover, .navbar--dark-white .nav-menu .nav-menu--item a:hover, .navbar--dark-white .nav-menu .nav-menu--item span:hover, .navbar--dark-white .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-white .nav-menu .nav-menu--item:hover, .navbar--dark-white .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #EEEEEE; border-bottom: 2px solid #EEEEEE; } .navbar--light-white .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-white .nav-menu .nav-menu--item.active, .navbar--light-white .nav-menu .nav-menu--item:active, .navbar--light-white .nav-menu .nav-menu--item.focus, .navbar--light-white .nav-menu .nav-menu--item:focus, .navbar--dark-white .nav-menu .nav-menu--item.active, .navbar--dark-white .nav-menu .nav-menu--item:active, .navbar--dark-white .nav-menu .nav-menu--item.focus, .navbar--dark-white .nav-menu .nav-menu--item:focus { color: #EEEEEE; border-bottom: 2px solid #EEEEEE; } .navbar--light-white .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-white .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-white .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-white .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #EEEEEE; } .navbar--light-white .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-white .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-white .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-white .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-white .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-white .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-white .nav-menu .nav-menu--child, .navbar--dark-white .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-white .nav-menu .nav-menu--child li, .navbar--light-white .nav-menu .nav-menu--child a, .navbar--light-white .nav-menu .nav-menu--child .list, .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-white .nav-menu .nav-menu--child li, .navbar--dark-white .nav-menu .nav-menu--child a, .navbar--dark-white .nav-menu .nav-menu--child .list, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-white .nav-menu .nav-menu--child hr, .navbar--dark-white .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-white .nav-menu .nav-menu--child li:hover, .navbar--light-white .nav-menu .nav-menu--child a:hover, .navbar--light-white .nav-menu .nav-menu--child .list:hover, .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-white .nav-menu .nav-menu--child li:hover, .navbar--dark-white .nav-menu .nav-menu--child a:hover, .navbar--dark-white .nav-menu .nav-menu--child .list:hover, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #EEEEEE; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #EEEEEE; border-left: 4px solid #EEEEEE; font-weight: 500 !important; } .navbar--light-white .nav-menu .nav-menu--child.top, .navbar--dark-white .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-white .nav-menu .nav-menu--child.right, .navbar--dark-white .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-white .nav-menu .nav-menu--child.left, .navbar--dark-white .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-white .nav-menu .nav-menu--child.top-right, .navbar--dark-white .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-white .nav-menu .nav-menu--child.top-left, .navbar--dark-white .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-white .nav-menu .nav-menu--child.bottom-right, .navbar--dark-white .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-white .nav-menu .nav-menu--child.bottom-left, .navbar--dark-white .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-white .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-white .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-white .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-white .nav-menu .nav-menu--sub-child, .navbar--dark-white .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-white .nav-menu .nav-menu--sub-child li, .navbar--light-white .nav-menu .nav-menu--sub-child a, .navbar--light-white .nav-menu .nav-menu--sub-child .list, .navbar--light-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-white .nav-menu .nav-menu--sub-child li, .navbar--dark-white .nav-menu .nav-menu--sub-child a, .navbar--dark-white .nav-menu .nav-menu--sub-child .list, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-white .nav-menu .nav-menu--sub-child hr, .navbar--dark-white .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-white .nav-menu .nav-menu--sub-child li:hover, .navbar--light-white .nav-menu .nav-menu--sub-child a:hover, .navbar--light-white .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-white .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-white .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-white .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #EEEEEE; border-left: 4px solid #EEEEEE; font-weight: 500 !important; } .navbar--light-white .nav-menu .nav-menu--sub-child.left, .navbar--dark-white .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-white .nav-menu .nav-menu--sub-child.right, .navbar--dark-white .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-white .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-white .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-white { background-color: #EEEEEE; } .navbar--dark-white .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-white .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-white .nav-menu .nav-menu--item:hover { color: #EEEEEE !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-white .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #EEEEEE !important; } .navbar--dark-white .nav-menu .nav-menu--item.active, .navbar--dark-white .nav-menu .nav-menu--item:active, .navbar--dark-white .nav-menu .nav-menu--item.focus, .navbar--dark-white .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-white .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-white .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-white .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #F5F5F5; } .navbar--dark-white .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-white .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-white .nav-menu .nav-menu--child li:hover, .navbar--dark-white .nav-menu .nav-menu--child a:hover, .navbar--dark-white .nav-menu .nav-menu--child .list:hover, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #EEEEEE; background-color: #F5F5F5; } .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-white .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #EEEEEE; border-left: 4px solid #EEEEEE; font-weight: 500 !important; } .navbar--dark-white .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-white .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-white .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #EEEEEE; } .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-white .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #EEEEEE; border-left: 4px solid #EEEEEE; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar--light-purple, .navbar--dark-purple { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; text-align: right; height: 50px; background-color: #ffffff; } .navbar--light-purple > div, .navbar--dark-purple > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar--light-purple .nav-body, .navbar--dark-purple .nav-body { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px; align-items: center; justify-content: space-between; } .navbar--light-purple .nav-info, .navbar--dark-purple .nav-info { width: auto; z-index: 2; } .navbar--light-purple .nav-info .nav-info--logo, .navbar--dark-purple .nav-info .nav-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; height: 50px; } .navbar--light-purple .nav-info .nav-info--logo img, .navbar--dark-purple .nav-info .nav-info--logo img { height: 100%; width: auto; } .navbar--light-purple .nav-info .nav-info--avatar, .navbar--dark-purple .nav-info .nav-info--avatar { display: block; height: 100%; } .navbar--light-purple .nav-info .nav-info--avatar img, .navbar--dark-purple .nav-info .nav-info--avatar img { height: 100%; width: auto; } .navbar--light-purple .nav-menu, .navbar--dark-purple .nav-menu { display: inline-flex; height: auto; width: auto; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; } .navbar--light-purple .nav-menu ul, .navbar--dark-purple .nav-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .navbar--light-purple .nav-menu ul li, .navbar--dark-purple .nav-menu ul li { display: inline-block; width: auto; } .navbar--light-purple .nav-menu i, .navbar--dark-purple .nav-menu i { font-size: 20px; line-height: 1; } .navbar--light-purple .nav-menu .nav-menu--item, .navbar--dark-purple .nav-menu .nav-menu--item { display: inline-block; text-align: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: space-between; box-sizing: border-box; position: relative; left: auto; min-width: 20px; z-index: 50; font-size: 14px; cursor: pointer; text-align: left; color: #4A148C; height: 50px; line-height: 50px; font-weight: 400; } .navbar--light-purple .nav-menu .nav-menu--item .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item .nav-menu--item-name { display: flex; align-items: center; color: inherit; cursor: pointer; padding: 0px 10px 0px 10px; } .navbar--light-purple .nav-menu .nav-menu--item .nav-menu--item-name i, .navbar--dark-purple .nav-menu .nav-menu--item .nav-menu--item-name i { font-size: 20px; line-height: 1; } .navbar--light-purple .nav-menu .nav-menu--item a, .navbar--light-purple .nav-menu .nav-menu--item span, .navbar--light-purple .nav-menu .nav-menu--item div, .navbar--dark-purple .nav-menu .nav-menu--item a, .navbar--dark-purple .nav-menu .nav-menu--item span, .navbar--dark-purple .nav-menu .nav-menu--item div { display: flex; align-items: center; color: inherit; } .navbar--light-purple .nav-menu .nav-menu--item a:hover, .navbar--light-purple .nav-menu .nav-menu--item span:hover, .navbar--light-purple .nav-menu .nav-menu--item div:hover, .navbar--dark-purple .nav-menu .nav-menu--item a:hover, .navbar--dark-purple .nav-menu .nav-menu--item span:hover, .navbar--dark-purple .nav-menu .nav-menu--item div:hover { text-decoration: none; } .navbar--light-purple .nav-menu .nav-menu--item:hover, .navbar--dark-purple .nav-menu .nav-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #4A148C; border-bottom: 2px solid #4A148C; } .navbar--light-purple .nav-menu .nav-menu--item:hover .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #ffffff !important; } .navbar--light-purple .nav-menu .nav-menu--item.active, .navbar--light-purple .nav-menu .nav-menu--item:active, .navbar--light-purple .nav-menu .nav-menu--item.focus, .navbar--light-purple .nav-menu .nav-menu--item:focus, .navbar--dark-purple .nav-menu .nav-menu--item.active, .navbar--dark-purple .nav-menu .nav-menu--item:active, .navbar--dark-purple .nav-menu .nav-menu--item.focus, .navbar--dark-purple .nav-menu .nav-menu--item:focus { color: #4A148C; border-bottom: 2px solid #4A148C; } .navbar--light-purple .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--light-purple .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--light-purple .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--light-purple .nav-menu .nav-menu--item:focus .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #4A148C; } .navbar--light-purple .nav-menu .nav-menu--item .nav-menu--child, .navbar--dark-purple .nav-menu .nav-menu--item .nav-menu--child { visibility: hidden; opacity: 0; transform: translateY(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-purple .nav-menu .nav-menu--item:hover .nav-menu--child, .navbar--dark-purple .nav-menu .nav-menu--item:hover .nav-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar--light-purple .nav-menu.divide-line .nav-menu--item:not(:last-child), .navbar--dark-purple .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar--light-purple .nav-menu .nav-menu--child, .navbar--dark-purple .nav-menu .nav-menu--child { display: block; position: absolute; left: 0; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; border-radius: 2px; line-height: normal; box-sizing: border-box; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 0px 4px 10px -2px gray; padding: 5px 0px 5px 0px; z-index: 50; } .navbar--light-purple .nav-menu .nav-menu--child li, .navbar--light-purple .nav-menu .nav-menu--child a, .navbar--light-purple .nav-menu .nav-menu--child .list, .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item, .navbar--dark-purple .nav-menu .nav-menu--child li, .navbar--dark-purple .nav-menu .nav-menu--child a, .navbar--dark-purple .nav-menu .nav-menu--child .list, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item { display: block; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-purple .nav-menu .nav-menu--child hr, .navbar--dark-purple .nav-menu .nav-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar--light-purple .nav-menu .nav-menu--child li:hover, .navbar--light-purple .nav-menu .nav-menu--child a:hover, .navbar--light-purple .nav-menu .nav-menu--child .list:hover, .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item:hover, .navbar--dark-purple .nav-menu .nav-menu--child li:hover, .navbar--dark-purple .nav-menu .nav-menu--child a:hover, .navbar--dark-purple .nav-menu .nav-menu--child .list:hover, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #4A148C; background-color: #F5F5F5; font-weight: 400; box-shadow: 0px 0px 25px -10px black; } .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item:active, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #4A148C; border-left: 4px solid #4A148C; font-weight: 500 !important; } .navbar--light-purple .nav-menu .nav-menu--child.top, .navbar--dark-purple .nav-menu .nav-menu--child.top { top: auto !important; bottom: 100% !important; } .navbar--light-purple .nav-menu .nav-menu--child.right, .navbar--dark-purple .nav-menu .nav-menu--child.right { right: 0 !important; left: auto !important; } .navbar--light-purple .nav-menu .nav-menu--child.left, .navbar--dark-purple .nav-menu .nav-menu--child.left { left: 0 !important; right: auto !important; } .navbar--light-purple .nav-menu .nav-menu--child.top-right, .navbar--dark-purple .nav-menu .nav-menu--child.top-right { top: auto !important; left: auto !important; right: 0 !important; bottom: 100% !important; } .navbar--light-purple .nav-menu .nav-menu--child.top-left, .navbar--dark-purple .nav-menu .nav-menu--child.top-left { top: auto !important; left: 0 !important; right: auto !important; bottom: 100% !important; } .navbar--light-purple .nav-menu .nav-menu--child.bottom-right, .navbar--dark-purple .nav-menu .nav-menu--child.bottom-right { top: 100% !important; left: auto !important; right: 0 !important; } .navbar--light-purple .nav-menu .nav-menu--child.bottom-left, .navbar--dark-purple .nav-menu .nav-menu--child.bottom-left { top: 100% !important; left: 0 !important; right: auto !important; } .navbar--light-purple .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child), .navbar--dark-purple .nav-menu .nav-menu--child.divide-line .nav-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item .nav-menu--sub-child { visibility: hidden; opacity: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar--light-purple .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item:hover .nav-menu--sub-child { visibility: visible; opacity: 100%; transform: translateX(0); } .navbar--light-purple .nav-menu .nav-menu--sub-child, .navbar--dark-purple .nav-menu .nav-menu--sub-child { display: block; position: absolute; left: 100%; font-size: 12px; min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; height: auto; text-align: left; line-height: normal; border-radius: 2px; color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; box-shadow: 2px 2px 5px -2px gray; padding: 5px 0px 5px 0px; margin-top: -31px; z-index: 50; } .navbar--light-purple .nav-menu .nav-menu--sub-child li, .navbar--light-purple .nav-menu .nav-menu--sub-child a, .navbar--light-purple .nav-menu .nav-menu--sub-child .list, .navbar--light-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item, .navbar--dark-purple .nav-menu .nav-menu--sub-child li, .navbar--dark-purple .nav-menu .nav-menu--sub-child a, .navbar--dark-purple .nav-menu .nav-menu--sub-child .list, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item { display: flex; min-width: 180px; padding: 6px 10px 6px 10px; font-weight: 400; min-height: 30px; } .navbar--light-purple .nav-menu .nav-menu--sub-child hr, .navbar--dark-purple .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; margin: auto; } .navbar--light-purple .nav-menu .nav-menu--sub-child li:hover, .navbar--light-purple .nav-menu .nav-menu--sub-child a:hover, .navbar--light-purple .nav-menu .nav-menu--sub-child .list:hover, .navbar--light-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; box-shadow: 0px 0px 25px -10px black; } .navbar--light-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--light-purple .nav-menu .nav-menu--sub-child li span:hover, .navbar--light-purple .nav-menu .nav-menu--sub-child a span:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover span, .navbar--dark-purple .nav-menu .nav-menu--sub-child li span:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child a span:hover { font-weight: 400; } .navbar--light-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--light-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #4A148C; border-left: 4px solid #4A148C; font-weight: 500 !important; } .navbar--light-purple .nav-menu .nav-menu--sub-child.left, .navbar--dark-purple .nav-menu .nav-menu--sub-child.left { right: 100% !important; left: auto !important; } .navbar--light-purple .nav-menu .nav-menu--sub-child.right, .navbar--dark-purple .nav-menu .nav-menu--sub-child.right { left: 100% !important; } .navbar--light-purple .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child), .navbar--dark-purple .nav-menu .nav-menu--sub-child.divide-line .nav-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar--dark-purple { background-color: #4A148C; } .navbar--dark-purple .nav-menu .nav-menu--item { color: #FAFAFA; } .navbar--dark-purple .nav-menu .nav-menu--item .nav-menu--item-name { color: #FAFAFA; } .navbar--dark-purple .nav-menu .nav-menu--item:hover { color: #4A148C !important; background-color: #FAFAFA; border-bottom: 2px solid #ffffff; } .navbar--dark-purple .nav-menu .nav-menu--item:hover .nav-menu--item-name { color: #4A148C !important; } .navbar--dark-purple .nav-menu .nav-menu--item.active, .navbar--dark-purple .nav-menu .nav-menu--item:active, .navbar--dark-purple .nav-menu .nav-menu--item.focus, .navbar--dark-purple .nav-menu .nav-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar--dark-purple .nav-menu .nav-menu--item.active .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item:active .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item.focus .nav-menu--item-name, .navbar--dark-purple .nav-menu .nav-menu--item:focus .nav-menu--item-name { color: #ffffff; } .navbar--dark-purple .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #f5ebfc; } .navbar--dark-purple .nav-menu .nav-menu--child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-purple .nav-menu .nav-menu--child hr { border-color: #E0E0E0; } .navbar--dark-purple .nav-menu .nav-menu--child li:hover, .navbar--dark-purple .nav-menu .nav-menu--child a:hover, .navbar--dark-purple .nav-menu .nav-menu--child .list:hover, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item:hover { color: #4A148C; background-color: #F5F5F5; } .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item.active, .navbar--dark-purple .nav-menu .nav-menu--child .nav-menu--child-item:active { color: #4A148C; border-left: 4px solid #4A148C; font-weight: 500 !important; } .navbar--dark-purple .nav-menu .nav-menu--sub-child { color: #616161; background-color: #FAFAFA; border: 1px solid #E0E0E0; } .navbar--dark-purple .nav-menu .nav-menu--sub-child hr { border-color: #E0E0E0; } .navbar--dark-purple .nav-menu .nav-menu--sub-child li:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child a:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child .list:hover, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:hover { background-color: #F5F5F5; color: #4A148C; } .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item.active, .navbar--dark-purple .nav-menu .nav-menu--sub-child .nav-menu--sub-child-item:active { color: #4A148C; border-left: 4px solid #4A148C; } .navbar--dark-theme .nav-menu.divide-line .nav-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #BAD0E3; } .navbar-list--light, .navbar-list--dark { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light > div, .navbar-list--dark > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light .nav-list-body, .navbar-list--dark .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light .nav-list-info, .navbar-list--dark .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light .nav-list-info .nav-list-info--logo, .navbar-list--dark .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light .nav-list-info .nav-list-info--logo img, .navbar-list--dark .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light .nav-list-info .nav-list-info--avatar, .navbar-list--dark .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light .nav-list-info .nav-list-info--avatar img, .navbar-list--dark .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light .nav-list-menu-button, .navbar-list--dark .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light .nav-list-menu-button > .burger-bar, .navbar-list--dark .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #757575; } .navbar-list--light .nav-list-menu-button > .burger-bar::before, .navbar-list--light .nav-list-menu-button > .burger-bar::after, .navbar-list--dark .nav-list-menu-button > .burger-bar::before, .navbar-list--dark .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light .nav-list-menu-button > .burger-bar::after, .navbar-list--dark .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light .nav-list-menu-button > .con-box, .navbar-list--dark .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light .nav-list-menu-toggler, .navbar-list--dark .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light .nav-list-menu-toggler:checked, .navbar-list--light .nav-list-menu-toggler:not(:checked), .navbar-list--dark .nav-list-menu-toggler:checked, .navbar-list--dark .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light .nav-list-menu, .navbar-list--dark .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #757575; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light .nav-list-menu > li, .navbar-list--dark .nav-list-menu > li { display: block; } .navbar-list--light .nav-list-menu i, .navbar-list--dark .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light .nav-list-menu .nav-list-menu--item, .navbar-list--dark .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #757575; font-weight: 500; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { font-weight: 500; border-left: 4px solid #757575; } .navbar-list--light .nav-list-menu .nav-list-menu--item i, .navbar-list--dark .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #757575; font-weight: 500; border-left: 4px solid #757575; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #757575; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #EEEEEE; font-weight: 400; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #616161; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #757575; font-weight: 500; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #616161; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #757575; font-weight: 500; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #757575; font-weight: 500; border-left: 4px solid #757575; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar-list--light .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .navbar-list--light .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark .nav-list-body { background-color: #757575; } .navbar-list--dark .nav-list-info { background-color: #757575; } .navbar-list--dark .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark .nav-list-menu { color: #ffffff; background-color: #757575; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #757575; background-color: #ffffff; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #EEEEEE; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #EEEEEE; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #757575; background-color: #ffffff; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #616161; background-color: #EEEEEE; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #616161; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #757575 !important; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #616161; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #757575; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #757575; border-left: 4px solid #757575; } .navbar-list--dark .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #E0E0E0; } .navbar-list--light-primary, .navbar-list--dark-primary { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-primary > div, .navbar-list--dark-primary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-primary .nav-list-body, .navbar-list--dark-primary .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-primary .nav-list-info, .navbar-list--dark-primary .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-primary .nav-list-info .nav-list-info--logo, .navbar-list--dark-primary .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-primary .nav-list-info .nav-list-info--logo img, .navbar-list--dark-primary .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-primary .nav-list-info .nav-list-info--avatar, .navbar-list--dark-primary .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-primary .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-primary .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-primary .nav-list-menu-button, .navbar-list--dark-primary .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-primary .nav-list-menu-button > .burger-bar, .navbar-list--dark-primary .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #14619c; } .navbar-list--light-primary .nav-list-menu-button > .burger-bar::before, .navbar-list--light-primary .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-primary .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-primary .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-primary .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-primary .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-primary .nav-list-menu-button > .con-box, .navbar-list--dark-primary .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-primary .nav-list-menu-toggler, .navbar-list--dark-primary .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-primary .nav-list-menu-toggler:checked, .navbar-list--light-primary .nav-list-menu-toggler:not(:checked), .navbar-list--dark-primary .nav-list-menu-toggler:checked, .navbar-list--dark-primary .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-primary .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-primary .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-primary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-primary .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-primary .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-primary .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-primary .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-primary .nav-list-menu, .navbar-list--dark-primary .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #14619c; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #e0f1ff; border-bottom: 1px solid #e0f1ff; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-primary .nav-list-menu > li, .navbar-list--dark-primary .nav-list-menu > li { display: block; } .navbar-list--light-primary .nav-list-menu i, .navbar-list--dark-primary .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #14619c; font-weight: 500; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #14619c; font-weight: 500; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #14619c; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #14619c; background-color: #e0f1ff; font-weight: 400; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #14619c; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #14619c; font-weight: 500; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #14619c; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #14619c; font-weight: 500; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #2196f3; margin: 5px 10px 5px 10px !important; } .navbar-list--light-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-primary .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-primary .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-primary .nav-list-body { background-color: #14619c; } .navbar-list--dark-primary .nav-list-info { background-color: #14619c; } .navbar-list--dark-primary .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-primary .nav-list-menu { color: #ffffff; background-color: #14619c; border-top: 1px solid #e0f1ff; border-bottom: 1px solid #e0f1ff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #14619c; background-color: #ffffff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #e0f1ff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #e0f1ff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #14619c !important; background-color: #ffffff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #14619c; background-color: #e0f1ff; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #14619c; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #14619c !important; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #14619c; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #14619c; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #14619c; border-left: 4px solid #14619c; } .navbar-list--dark-primary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #2196f3; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-secondary, .navbar-list--dark-secondary { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-secondary > div, .navbar-list--dark-secondary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-secondary .nav-list-body, .navbar-list--dark-secondary .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-secondary .nav-list-info, .navbar-list--dark-secondary .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-secondary .nav-list-info .nav-list-info--logo, .navbar-list--dark-secondary .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-secondary .nav-list-info .nav-list-info--logo img, .navbar-list--dark-secondary .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-secondary .nav-list-info .nav-list-info--avatar, .navbar-list--dark-secondary .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-secondary .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-secondary .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-secondary .nav-list-menu-button, .navbar-list--dark-secondary .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-secondary .nav-list-menu-button > .burger-bar, .navbar-list--dark-secondary .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #4b5257; } .navbar-list--light-secondary .nav-list-menu-button > .burger-bar::before, .navbar-list--light-secondary .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-secondary .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-secondary .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-secondary .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-secondary .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-secondary .nav-list-menu-button > .con-box, .navbar-list--dark-secondary .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-secondary .nav-list-menu-toggler, .navbar-list--dark-secondary .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-secondary .nav-list-menu-toggler:checked, .navbar-list--light-secondary .nav-list-menu-toggler:not(:checked), .navbar-list--dark-secondary .nav-list-menu-toggler:checked, .navbar-list--dark-secondary .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-secondary .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-secondary .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-secondary .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-secondary .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-secondary .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-secondary .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-secondary .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-secondary .nav-list-menu, .navbar-list--dark-secondary .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #4b5257; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-secondary .nav-list-menu > li, .navbar-list--dark-secondary .nav-list-menu > li { display: block; } .navbar-list--light-secondary .nav-list-menu i, .navbar-list--dark-secondary .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #4b5257; font-weight: 500; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #4b5257; font-weight: 500; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #4b5257; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #4b5257; background-color: #e1e1e1; font-weight: 400; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #4b5257; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #4b5257; font-weight: 500; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #4b5257; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #4b5257; font-weight: 500; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #6c757d; margin: 5px 10px 5px 10px !important; } .navbar-list--light-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-secondary .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-secondary .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-secondary .nav-list-body { background-color: #4b5257; } .navbar-list--dark-secondary .nav-list-info { background-color: #4b5257; } .navbar-list--dark-secondary .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-secondary .nav-list-menu { color: #ffffff; background-color: #4b5257; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #4b5257; background-color: #ffffff; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #e1e1e1; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #e1e1e1; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #4b5257 !important; background-color: #ffffff; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #4b5257; background-color: #e1e1e1; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #4b5257; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #4b5257 !important; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #4b5257; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #4b5257; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #4b5257; border-left: 4px solid #4b5257; } .navbar-list--dark-secondary .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #6c757d; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-success, .navbar-list--dark-success { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-success > div, .navbar-list--dark-success > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-success .nav-list-body, .navbar-list--dark-success .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-success .nav-list-info, .navbar-list--dark-success .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-success .nav-list-info .nav-list-info--logo, .navbar-list--dark-success .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-success .nav-list-info .nav-list-info--logo img, .navbar-list--dark-success .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-success .nav-list-info .nav-list-info--avatar, .navbar-list--dark-success .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-success .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-success .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-success .nav-list-menu-button, .navbar-list--dark-success .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-success .nav-list-menu-button > .burger-bar, .navbar-list--dark-success .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #079107; } .navbar-list--light-success .nav-list-menu-button > .burger-bar::before, .navbar-list--light-success .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-success .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-success .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-success .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-success .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-success .nav-list-menu-button > .con-box, .navbar-list--dark-success .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-success .nav-list-menu-toggler, .navbar-list--dark-success .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-success .nav-list-menu-toggler:checked, .navbar-list--light-success .nav-list-menu-toggler:not(:checked), .navbar-list--dark-success .nav-list-menu-toggler:checked, .navbar-list--dark-success .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-success .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-success .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-success .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-success .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-success .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-success .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-success .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-success .nav-list-menu, .navbar-list--dark-success .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #079107; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #e8fac7; border-bottom: 1px solid #e8fac7; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-success .nav-list-menu > li, .navbar-list--dark-success .nav-list-menu > li { display: block; } .navbar-list--light-success .nav-list-menu i, .navbar-list--dark-success .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #079107; font-weight: 500; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #079107; font-weight: 500; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #079107; font-weight: 500; border-left: 4px solid #079107; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #079107; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #079107; background-color: #e8fac7; font-weight: 400; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #079107; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #079107; font-weight: 500; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #079107; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #079107; font-weight: 500; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #079107; font-weight: 500; border-left: 4px solid #079107; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #20ad20; margin: 5px 10px 5px 10px !important; } .navbar-list--light-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-success .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-success .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-success .nav-list-body { background-color: #079107; } .navbar-list--dark-success .nav-list-info { background-color: #079107; } .navbar-list--dark-success .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-success .nav-list-menu { color: #ffffff; background-color: #079107; border-top: 1px solid #e8fac7; border-bottom: 1px solid #e8fac7; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #079107; background-color: #ffffff; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #e8fac7; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #e8fac7; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #079107 !important; background-color: #ffffff; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #079107; background-color: #e8fac7; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #079107; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #079107 !important; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #079107; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #079107; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #079107; border-left: 4px solid #079107; } .navbar-list--dark-success .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #20ad20; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-info, .navbar-list--dark-info { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-info > div, .navbar-list--dark-info > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-info .nav-list-body, .navbar-list--dark-info .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-info .nav-list-info, .navbar-list--dark-info .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-info .nav-list-info .nav-list-info--logo, .navbar-list--dark-info .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-info .nav-list-info .nav-list-info--logo img, .navbar-list--dark-info .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-info .nav-list-info .nav-list-info--avatar, .navbar-list--dark-info .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-info .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-info .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-info .nav-list-menu-button, .navbar-list--dark-info .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-info .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #25a2b3; } .navbar-list--light-info .nav-list-menu-button > .burger-bar::before, .navbar-list--light-info .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-info .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-info .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-info .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-info .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-info .nav-list-menu-button > .con-box, .navbar-list--dark-info .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-info .nav-list-menu-toggler, .navbar-list--dark-info .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-info .nav-list-menu-toggler:checked, .navbar-list--light-info .nav-list-menu-toggler:not(:checked), .navbar-list--dark-info .nav-list-menu-toggler:checked, .navbar-list--dark-info .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-info .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-info .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-info .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-info .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-info .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-info .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-info .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-info .nav-list-menu, .navbar-list--dark-info .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #25a2b3; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #d2f9ff; border-bottom: 1px solid #d2f9ff; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-info .nav-list-menu > li, .navbar-list--dark-info .nav-list-menu > li { display: block; } .navbar-list--light-info .nav-list-menu i, .navbar-list--dark-info .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #25a2b3; font-weight: 500; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #25a2b3; font-weight: 500; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #25a2b3; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #25a2b3; background-color: #d2f9ff; font-weight: 400; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #25a2b3; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #25a2b3; font-weight: 500; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #25a2b3; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #25a2b3; font-weight: 500; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #4dd0e1; margin: 5px 10px 5px 10px !important; } .navbar-list--light-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-info .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-info .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-info .nav-list-body { background-color: #25a2b3; } .navbar-list--dark-info .nav-list-info { background-color: #25a2b3; } .navbar-list--dark-info .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-info .nav-list-menu { color: #ffffff; background-color: #25a2b3; border-top: 1px solid #d2f9ff; border-bottom: 1px solid #d2f9ff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #25a2b3; background-color: #ffffff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #d2f9ff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #d2f9ff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #25a2b3 !important; background-color: #ffffff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #25a2b3; background-color: #d2f9ff; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #25a2b3; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #25a2b3 !important; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #25a2b3; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #25a2b3; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #25a2b3; border-left: 4px solid #25a2b3; } .navbar-list--dark-info .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #4dd0e1; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-warning, .navbar-list--dark-warning { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-warning > div, .navbar-list--dark-warning > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-warning .nav-list-body, .navbar-list--dark-warning .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-warning .nav-list-info, .navbar-list--dark-warning .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-warning .nav-list-info .nav-list-info--logo, .navbar-list--dark-warning .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-warning .nav-list-info .nav-list-info--logo img, .navbar-list--dark-warning .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-warning .nav-list-info .nav-list-info--avatar, .navbar-list--dark-warning .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-warning .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-warning .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-warning .nav-list-menu-button, .navbar-list--dark-warning .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-warning .nav-list-menu-button > .burger-bar, .navbar-list--dark-warning .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #edbe00; } .navbar-list--light-warning .nav-list-menu-button > .burger-bar::before, .navbar-list--light-warning .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-warning .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-warning .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-warning .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-warning .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-warning .nav-list-menu-button > .con-box, .navbar-list--dark-warning .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-warning .nav-list-menu-toggler, .navbar-list--dark-warning .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-warning .nav-list-menu-toggler:checked, .navbar-list--light-warning .nav-list-menu-toggler:not(:checked), .navbar-list--dark-warning .nav-list-menu-toggler:checked, .navbar-list--dark-warning .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-warning .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-warning .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-warning .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-warning .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-warning .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-warning .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-warning .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-warning .nav-list-menu, .navbar-list--dark-warning .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #edbe00; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #fef6d9; border-bottom: 1px solid #fef6d9; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-warning .nav-list-menu > li, .navbar-list--dark-warning .nav-list-menu > li { display: block; } .navbar-list--light-warning .nav-list-menu i, .navbar-list--dark-warning .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #edbe00; font-weight: 500; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #edbe00; font-weight: 500; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #edbe00; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #edbe00; background-color: #fef6d9; font-weight: 400; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #edbe00; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #edbe00; font-weight: 500; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #edbe00; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #edbe00; font-weight: 500; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #f9cf48; margin: 5px 10px 5px 10px !important; } .navbar-list--light-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-warning .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-warning .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-warning .nav-list-body { background-color: #edbe00; } .navbar-list--dark-warning .nav-list-info { background-color: #edbe00; } .navbar-list--dark-warning .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-warning .nav-list-menu { color: #ffffff; background-color: #edbe00; border-top: 1px solid #fef6d9; border-bottom: 1px solid #fef6d9; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #edbe00; background-color: #ffffff; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #fef6d9; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #fef6d9; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #edbe00 !important; background-color: #ffffff; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #edbe00; background-color: #fef6d9; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #edbe00; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #edbe00 !important; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #edbe00; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #edbe00; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #edbe00; border-left: 4px solid #edbe00; } .navbar-list--dark-warning .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #f9cf48; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-danger, .navbar-list--dark-danger { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-danger > div, .navbar-list--dark-danger > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-danger .nav-list-body, .navbar-list--dark-danger .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-danger .nav-list-info, .navbar-list--dark-danger .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-danger .nav-list-info .nav-list-info--logo, .navbar-list--dark-danger .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-danger .nav-list-info .nav-list-info--logo img, .navbar-list--dark-danger .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-danger .nav-list-info .nav-list-info--avatar, .navbar-list--dark-danger .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-danger .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-danger .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-danger .nav-list-menu-button, .navbar-list--dark-danger .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-danger .nav-list-menu-button > .burger-bar, .navbar-list--dark-danger .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #c23329; } .navbar-list--light-danger .nav-list-menu-button > .burger-bar::before, .navbar-list--light-danger .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-danger .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-danger .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-danger .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-danger .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-danger .nav-list-menu-button > .con-box, .navbar-list--dark-danger .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-danger .nav-list-menu-toggler, .navbar-list--dark-danger .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-danger .nav-list-menu-toggler:checked, .navbar-list--light-danger .nav-list-menu-toggler:not(:checked), .navbar-list--dark-danger .nav-list-menu-toggler:checked, .navbar-list--dark-danger .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-danger .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-danger .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-danger .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-danger .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-danger .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-danger .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-danger .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-danger .nav-list-menu, .navbar-list--dark-danger .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #c23329; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #ffd4d1; border-bottom: 1px solid #ffd4d1; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-danger .nav-list-menu > li, .navbar-list--dark-danger .nav-list-menu > li { display: block; } .navbar-list--light-danger .nav-list-menu i, .navbar-list--dark-danger .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #c23329; font-weight: 500; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #c23329; font-weight: 500; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #c23329; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #c23329; background-color: #ffd4d1; font-weight: 400; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #c23329; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #c23329; font-weight: 500; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #c23329; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #c23329; font-weight: 500; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #f23629; margin: 5px 10px 5px 10px !important; } .navbar-list--light-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-danger .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-danger .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-danger .nav-list-body { background-color: #c23329; } .navbar-list--dark-danger .nav-list-info { background-color: #c23329; } .navbar-list--dark-danger .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-danger .nav-list-menu { color: #ffffff; background-color: #c23329; border-top: 1px solid #ffd4d1; border-bottom: 1px solid #ffd4d1; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #c23329; background-color: #ffffff; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #ffd4d1; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #ffd4d1; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #c23329 !important; background-color: #ffffff; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #c23329; background-color: #ffd4d1; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #c23329; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #c23329 !important; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #c23329; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #c23329; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #c23329; border-left: 4px solid #c23329; } .navbar-list--dark-danger .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #f23629; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-alert, .navbar-list--dark-alert { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-alert > div, .navbar-list--dark-alert > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-alert .nav-list-body, .navbar-list--dark-alert .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-alert .nav-list-info, .navbar-list--dark-alert .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-alert .nav-list-info .nav-list-info--logo, .navbar-list--dark-alert .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-alert .nav-list-info .nav-list-info--logo img, .navbar-list--dark-alert .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-alert .nav-list-info .nav-list-info--avatar, .navbar-list--dark-alert .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-alert .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-alert .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-alert .nav-list-menu-button, .navbar-list--dark-alert .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-alert .nav-list-menu-button > .burger-bar, .navbar-list--dark-alert .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #d35f07; } .navbar-list--light-alert .nav-list-menu-button > .burger-bar::before, .navbar-list--light-alert .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-alert .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-alert .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-alert .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-alert .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-alert .nav-list-menu-button > .con-box, .navbar-list--dark-alert .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-alert .nav-list-menu-toggler, .navbar-list--dark-alert .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-alert .nav-list-menu-toggler:checked, .navbar-list--light-alert .nav-list-menu-toggler:not(:checked), .navbar-list--dark-alert .nav-list-menu-toggler:checked, .navbar-list--dark-alert .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-alert .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-alert .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-alert .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-alert .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-alert .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-alert .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-alert .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-alert .nav-list-menu, .navbar-list--dark-alert .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #d35f07; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #fad6ba; border-bottom: 1px solid #fad6ba; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-alert .nav-list-menu > li, .navbar-list--dark-alert .nav-list-menu > li { display: block; } .navbar-list--light-alert .nav-list-menu i, .navbar-list--dark-alert .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #d35f07; font-weight: 500; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #d35f07; font-weight: 500; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #d35f07; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #d35f07; background-color: #fad6ba; font-weight: 400; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #d35f07; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #d35f07; font-weight: 500; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #d35f07; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #d35f07; font-weight: 500; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #f57b1d; margin: 5px 10px 5px 10px !important; } .navbar-list--light-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-alert .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-alert .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-alert .nav-list-body { background-color: #d35f07; } .navbar-list--dark-alert .nav-list-info { background-color: #d35f07; } .navbar-list--dark-alert .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-alert .nav-list-menu { color: #ffffff; background-color: #d35f07; border-top: 1px solid #fad6ba; border-bottom: 1px solid #fad6ba; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #d35f07; background-color: #ffffff; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #fad6ba; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #fad6ba; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #d35f07 !important; background-color: #ffffff; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #d35f07; background-color: #fad6ba; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #d35f07; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #d35f07 !important; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #d35f07; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #d35f07; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #d35f07; border-left: 4px solid #d35f07; } .navbar-list--dark-alert .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #f57b1d; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-theme, .navbar-list--dark-theme { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-theme > div, .navbar-list--dark-theme > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-theme .nav-list-body, .navbar-list--dark-theme .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-theme .nav-list-info, .navbar-list--dark-theme .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-theme .nav-list-info .nav-list-info--logo, .navbar-list--dark-theme .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-theme .nav-list-info .nav-list-info--logo img, .navbar-list--dark-theme .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-theme .nav-list-info .nav-list-info--avatar, .navbar-list--dark-theme .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-theme .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-theme .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-theme .nav-list-menu-button, .navbar-list--dark-theme .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-theme .nav-list-menu-button > .burger-bar, .navbar-list--dark-theme .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #2C5171; } .navbar-list--light-theme .nav-list-menu-button > .burger-bar::before, .navbar-list--light-theme .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-theme .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-theme .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-theme .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-theme .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-theme .nav-list-menu-button > .con-box, .navbar-list--dark-theme .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-theme .nav-list-menu-toggler, .navbar-list--dark-theme .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-theme .nav-list-menu-toggler:checked, .navbar-list--light-theme .nav-list-menu-toggler:not(:checked), .navbar-list--dark-theme .nav-list-menu-toggler:checked, .navbar-list--dark-theme .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-theme .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-theme .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-theme .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-theme .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-theme .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-theme .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-theme .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-theme .nav-list-menu, .navbar-list--dark-theme .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #2C5171; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #4682b4; border-bottom: 1px solid #4682b4; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-theme .nav-list-menu > li, .navbar-list--dark-theme .nav-list-menu > li { display: block; } .navbar-list--light-theme .nav-list-menu i, .navbar-list--dark-theme .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #2C5171; font-weight: 500; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #2C5171; font-weight: 500; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #2C5171; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #2C5171; background-color: #4682b4; font-weight: 400; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #2C5171; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #2C5171; font-weight: 500; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #2C5171; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #2C5171; font-weight: 500; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #356287; margin: 5px 10px 5px 10px !important; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-theme .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-theme .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-theme .nav-list-body { background-color: #2C5171; } .navbar-list--dark-theme .nav-list-info { background-color: #2C5171; } .navbar-list--dark-theme .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-theme .nav-list-menu { color: #ffffff; background-color: #2C5171; border-top: 1px solid #4682b4; border-bottom: 1px solid #4682b4; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #2C5171; background-color: #ffffff; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #4682b4; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #4682b4; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #2C5171 !important; background-color: #ffffff; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #2C5171; background-color: #4682b4; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #2C5171; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #2C5171 !important; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #2C5171; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #2C5171; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #2C5171; border-left: 4px solid #2C5171; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #356287; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-white, .navbar-list--dark-white { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-white > div, .navbar-list--dark-white > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-white .nav-list-body, .navbar-list--dark-white .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-white .nav-list-info, .navbar-list--dark-white .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-white .nav-list-info .nav-list-info--logo, .navbar-list--dark-white .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-white .nav-list-info .nav-list-info--logo img, .navbar-list--dark-white .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-white .nav-list-info .nav-list-info--avatar, .navbar-list--dark-white .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-white .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-white .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-white .nav-list-menu-button, .navbar-list--dark-white .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-white .nav-list-menu-button > .burger-bar, .navbar-list--dark-white .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #EEEEEE; } .navbar-list--light-white .nav-list-menu-button > .burger-bar::before, .navbar-list--light-white .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-white .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-white .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-white .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-white .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-white .nav-list-menu-button > .con-box, .navbar-list--dark-white .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-white .nav-list-menu-toggler, .navbar-list--dark-white .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-white .nav-list-menu-toggler:checked, .navbar-list--light-white .nav-list-menu-toggler:not(:checked), .navbar-list--dark-white .nav-list-menu-toggler:checked, .navbar-list--dark-white .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-white .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-white .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-white .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-white .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-white .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-white .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-white .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-white .nav-list-menu, .navbar-list--dark-white .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #EEEEEE; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-white .nav-list-menu > li, .navbar-list--dark-white .nav-list-menu > li { display: block; } .navbar-list--light-white .nav-list-menu i, .navbar-list--dark-white .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #EEEEEE; font-weight: 500; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #EEEEEE; font-weight: 500; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #EEEEEE; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #EEEEEE; background-color: #F5F5F5; font-weight: 400; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #EEEEEE; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #EEEEEE; font-weight: 500; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #EEEEEE; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #EEEEEE; font-weight: 500; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #ffffff; margin: 5px 10px 5px 10px !important; } .navbar-list--light-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-white .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-white .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-white .nav-list-body { background-color: #EEEEEE; } .navbar-list--dark-white .nav-list-info { background-color: #EEEEEE; } .navbar-list--dark-white .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-white .nav-list-menu { color: #ffffff; background-color: #EEEEEE; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #EEEEEE; background-color: #ffffff; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #F5F5F5; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #F5F5F5; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #EEEEEE !important; background-color: #ffffff; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #EEEEEE; background-color: #F5F5F5; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #EEEEEE; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #EEEEEE !important; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #EEEEEE; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #EEEEEE; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #EEEEEE; border-left: 4px solid #EEEEEE; } .navbar-list--dark-white .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #ffffff; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--light-purple, .navbar-list--dark-purple { display: block; position: fixed; top: 0px; width: inherit; z-index: 99; background: transparent; height: 60px; /* Icon Menu */ /* Toggler Menu - Use with input tag */ } .navbar-list--light-purple > div, .navbar-list--dark-purple > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-list--light-purple .nav-list-body, .navbar-list--dark-purple .nav-list-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: #ffffff; } .navbar-list--light-purple .nav-list-info, .navbar-list--dark-purple .nav-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; z-index: 2; padding-left: 5px; padding-right: 5px; height: 60px; background-color: #ffffff; } .navbar-list--light-purple .nav-list-info .nav-list-info--logo, .navbar-list--dark-purple .nav-list-info .nav-list-info--logo { display: flex; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-list--light-purple .nav-list-info .nav-list-info--logo img, .navbar-list--dark-purple .nav-list-info .nav-list-info--logo img { height: 100%; width: auto; } .navbar-list--light-purple .nav-list-info .nav-list-info--avatar, .navbar-list--dark-purple .nav-list-info .nav-list-info--avatar { display: flex; height: 100%; } .navbar-list--light-purple .nav-list-info .nav-list-info--avatar img, .navbar-list--dark-purple .nav-list-info .nav-list-info--avatar img { height: 100%; width: auto; } .navbar-list--light-purple .nav-list-menu-button, .navbar-list--dark-purple .nav-list-menu-button { display: flex; align-items: center; justify-content: center; padding: 0px 10px; z-index: 2; background: transparent; width: 60px; height: 60px; /* Button Menu Line */ /* Button Menu Lines - Top & Bottom */ /* Moves Line Down */ } .navbar-list--light-purple .nav-list-menu-button > .burger-bar, .navbar-list--dark-purple .nav-list-menu-button > .burger-bar { display: flex; align-items: center; justify-content: center; position: relative; flex: none; width: 100%; height: 4px; width: 30px; border-radius: 2px; transition: all 0.4s ease; background: #4A148C; } .navbar-list--light-purple .nav-list-menu-button > .burger-bar::before, .navbar-list--light-purple .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-purple .nav-list-menu-button > .burger-bar::before, .navbar-list--dark-purple .nav-list-menu-button > .burger-bar::after { content: ""; position: absolute; top: -8px; z-index: 1; width: 30px; height: 4px; border-radius: 2px; background: inherit; } .navbar-list--light-purple .nav-list-menu-button > .burger-bar::after, .navbar-list--dark-purple .nav-list-menu-button > .burger-bar::after { top: 8px; } .navbar-list--light-purple .nav-list-menu-button > .con-box, .navbar-list--dark-purple .nav-list-menu-button > .con-box { transition: transform 0.1s ease; } .navbar-list--light-purple .nav-list-menu-toggler, .navbar-list--dark-purple .nav-list-menu-toggler { display: block; position: absolute; top: 0; right: 5px; border: 0; margin: 0; padding: 0; opacity: 0; z-index: 3; width: 60px; height: 60px; /* Turns Lines Into X */ /* Rotate On Hover When Checked */ /* Show Menu Group */ } .navbar-list--light-purple .nav-list-menu-toggler:checked, .navbar-list--light-purple .nav-list-menu-toggler:not(:checked), .navbar-list--dark-purple .nav-list-menu-toggler:checked, .navbar-list--dark-purple .nav-list-menu-toggler:not(:checked) { position: absolute; opacity: 0; pointer-events: none; } .navbar-list--light-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(135deg); } .navbar-list--light-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--light-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after, .navbar-list--dark-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:before, .navbar-list--dark-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .burger-bar:after { top: 0; transform: rotate(90deg); } .navbar-list--light-purple .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar, .navbar-list--dark-purple .nav-list-menu-toggler:checked:hover + .nav-list-info .nav-list-menu-button > .burger-bar { transform: rotate(225deg); } .navbar-list--light-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box, .navbar-list--dark-purple .nav-list-menu-toggler:checked + .nav-list-info .nav-list-menu-button > .con-box { transform: rotate(90deg); } .navbar-list--light-purple .nav-list-menu-toggler ~ .nav-list-menu, .navbar-list--dark-purple .nav-list-menu-toggler ~ .nav-list-menu { visibility: hidden; opacity: 0; transform: translateY(-60px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-list--light-purple .nav-list-menu-toggler:checked ~ .nav-list-menu, .navbar-list--dark-purple .nav-list-menu-toggler:checked ~ .nav-list-menu { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-list--light-purple .nav-list-menu, .navbar-list--dark-purple .nav-list-menu { display: block; position: absolute; top: 60px; right: 0; z-index: 1; width: 100%; height: auto; max-height: calc(99vh - 60px); overflow-y: auto; list-style: none; color: #4A148C; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #f5ebfc; border-bottom: 1px solid #f5ebfc; box-shadow: 0 2px 5px 0px #BDBDBD; } .navbar-list--light-purple .nav-list-menu > li, .navbar-list--dark-purple .nav-list-menu > li { display: block; } .navbar-list--light-purple .nav-list-menu i, .navbar-list--dark-purple .nav-list-menu i { font-size: 20px; line-height: 1; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item { display: block; position: relative; left: auto; min-width: 20px; font-size: 14px; cursor: pointer; text-align: left; font-weight: 400; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 15px 2px 15px; color: #757575; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #ffffff; background-color: #4A148C; font-weight: 500; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #4A148C; font-weight: 500; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item i, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; width: 100%; height: 50px; z-index: 3; min-height: 50px; /* Show Sub Menu */ } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name i { transform: rotate(90deg); } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #ffffff; font-weight: 500; background-color: #4A148C; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler ~ .nav-list-menu--child { display: none; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked ~ .nav-list-menu--child { display: block; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child { display: block; position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #4A148C; background-color: #f5ebfc; font-weight: 400; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { height: 50px; padding: 2px 15px 2px 30px; color: #4A148C; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { color: #ffffff !important; background-color: #4A148C; font-weight: 500; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { display: flex; height: 50px; color: #4A148C; padding: 2px 15px 2px 30px; align-items: center; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { color: #ffffff; background-color: #4A148C; font-weight: 500; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { padding-left: 26px; color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { z-index: 1; border-color: #6A1B9A; margin: 5px 10px 5px 10px !important; } .navbar-list--light-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child), .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child.divide-line .nav-list-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-list--light-purple .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child), .navbar-list--dark-purple .nav-list-menu.divide-line .nav-list-menu--item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-list--dark-purple .nav-list-body { background-color: #4A148C; } .navbar-list--dark-purple .nav-list-info { background-color: #4A148C; } .navbar-list--dark-purple .nav-list-menu-button > .burger-bar { background: #ffffff; } .navbar-list--dark-purple .nav-list-menu { color: #ffffff; background-color: #4A148C; border-top: 1px solid #f5ebfc; border-bottom: 1px solid #f5ebfc; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name { color: #ffffff; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:hover { color: #4A148C; background-color: #ffffff; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #f5ebfc; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #f5ebfc; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:hover + .nav-list-menu--item-name { color: #4A148C !important; background-color: #ffffff; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child { color: #4A148C; background-color: #f5ebfc; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list { color: #4A148C; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child li:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child a:hover, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .list:hover { background-color: #ffffff; color: #4A148C !important; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item { color: #4A148C; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:hover { background-color: #ffffff; color: #4A148C; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.active, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item:focus, .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child .nav-list-menu--child-item.focus { color: #4A148C; border-left: 4px solid #4A148C; } .navbar-list--dark-purple .nav-list-menu .nav-list-menu--item .nav-list-menu--child hr { border-color: #6A1B9A; } .navbar-list--light-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--light-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-list--dark-theme .nav-list-menu { border-top: 1px solid #D1E0EC; border-bottom: 1px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.active, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name:focus, .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--item-name.focus { border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child-toggler:checked + .nav-list-menu--item-name { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-list--dark-theme .nav-list-menu .nav-list-menu--item .nav-list-menu--child { background-color: #D1E0EC; } .navbar-footer--light, .navbar-footer--dark { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light > div, .navbar-footer--dark > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light .nav-footer-body, .navbar-footer--dark .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #757575; } .navbar-footer--light .nav-footer-info, .navbar-footer--dark .nav-footer-info { width: auto; z-index: 2; height: inherit; } .navbar-footer--light .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: inherit; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark .nav-footer-info .nav-footer-info--avatar { display: block; height: inherit; } .navbar-footer--light .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light .nav-footer-menu, .navbar-footer--dark .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: inherit; width: 100%; } .navbar-footer--light .nav-footer-menu li, .navbar-footer--dark .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #757575; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #757575; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #757575; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:focus { color: #757575; border-bottom: 2px solid #757575; } .navbar-footer--light .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #757575; } .navbar-footer--light .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light .nav-footer-menu--child-toggler, .navbar-footer--dark .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #757575; font-weight: 500; border-bottom: 4px solid #757575; } .navbar-footer--light .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light .nav-footer-menu--child, .navbar-footer--dark .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #757575; box-shadow: 0px 4px 10px -2px #9E9E9E, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #757575; font-weight: 500; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #757575; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light .nav-footer-menu--child hr, .navbar-footer--dark .nav-footer-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar-footer--light .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light .nav-footer-menu--sub-child-toggler, .navbar-footer--dark .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #757575; font-weight: 500; border-left: 4px solid #757575; } .navbar-footer--light .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #757575; } .navbar-footer--light .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light .nav-footer-menu--sub-child, .navbar-footer--dark .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #EEEEEE; font-weight: 400; } .navbar-footer--light .nav-footer-menu--sub-child li, .navbar-footer--light .nav-footer-menu--sub-child a, .navbar-footer--light .nav-footer-menu--sub-child .list, .navbar-footer--dark .nav-footer-menu--sub-child li, .navbar-footer--dark .nav-footer-menu--sub-child a, .navbar-footer--dark .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #616161; } .navbar-footer--light .nav-footer-menu--sub-child li:hover, .navbar-footer--light .nav-footer-menu--sub-child a:hover, .navbar-footer--light .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark .nav-footer-menu--sub-child li:hover, .navbar-footer--dark .nav-footer-menu--sub-child a:hover, .navbar-footer--dark .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #757575; font-weight: 500; } .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #616161; } .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #757575; font-weight: 500; } .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #757575; font-weight: 500; border-left: 4px solid #757575; } .navbar-footer--light .nav-footer-menu--sub-child hr, .navbar-footer--dark .nav-footer-menu--sub-child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .navbar-footer--light .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .navbar-footer--dark .nav-footer-body { background-color: #757575; border-top: 2px solid #ffffff; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item { color: #FAFAFA; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:hover { color: #757575 !important; background-color: #FAFAFA; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #757575 !important; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark .nav-footer-menu--child { color: #ffffff; background-color: #757575; border-top: 2px solid #ffffff; } .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #E0E0E0; } .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #757575 !important; background-color: #ffffff; } .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #EEEEEE; } .navbar-footer--dark .nav-footer-menu--child hr { border-color: #E0E0E0; } .navbar-footer--dark .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #EEEEEE; } .navbar-footer--dark .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #757575; background-color: #ffffff; } .navbar-footer--dark .nav-footer-menu--sub-child { color: #616161; background-color: #EEEEEE; } .navbar-footer--dark .nav-footer-menu--sub-child li, .navbar-footer--dark .nav-footer-menu--sub-child a, .navbar-footer--dark .nav-footer-menu--sub-child .list { color: #616161; } .navbar-footer--dark .nav-footer-menu--sub-child li:hover, .navbar-footer--dark .nav-footer-menu--sub-child a:hover, .navbar-footer--dark .nav-footer-menu--sub-child .list:hover { color: #757575 !important; background-color: #ffffff; } .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #616161; } .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #757575 !important; background-color: #ffffff; } .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #757575; border-left: 4px solid #757575; } .navbar-footer--dark .nav-footer-menu--sub-child hr { border-color: #E0E0E0; } .navbar-footer--light-primary, .navbar-footer--dark-primary { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-primary > div, .navbar-footer--dark-primary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-primary .nav-footer-body, .navbar-footer--dark-primary .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #14619c; } .navbar-footer--light-primary .nav-footer-info, .navbar-footer--dark-primary .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-primary .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-primary .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-primary .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-primary .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-primary .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-primary .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-primary .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-primary .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-primary .nav-footer-menu, .navbar-footer--dark-primary .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-primary .nav-footer-menu li, .navbar-footer--dark-primary .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #14619c; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #14619c; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #14619c; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:focus { color: #14619c; border-bottom: 2px solid #14619c; } .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-primary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #14619c; } .navbar-footer--light-primary .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-primary .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-primary .nav-footer-menu--child-toggler, .navbar-footer--dark-primary .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-primary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #14619c; font-weight: 500; border-bottom: 4px solid #14619c; } .navbar-footer--light-primary .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-primary .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-primary .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-primary .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-primary .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-primary .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-primary .nav-footer-menu--child, .navbar-footer--dark-primary .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #14619c; box-shadow: 0px 4px 10px -2px #e0f1ff, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #14619c; font-weight: 500; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #14619c; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-primary .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-primary .nav-footer-menu--child hr, .navbar-footer--dark-primary .nav-footer-menu--child hr { z-index: 1; border-color: #e0f1ff; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-primary .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-primary .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #14619c; } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-primary .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-primary .nav-footer-menu--sub-child, .navbar-footer--dark-primary .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #14619c; background-color: #e0f1ff; font-weight: 400; } .navbar-footer--light-primary .nav-footer-menu--sub-child li, .navbar-footer--light-primary .nav-footer-menu--sub-child a, .navbar-footer--light-primary .nav-footer-menu--sub-child .list, .navbar-footer--dark-primary .nav-footer-menu--sub-child li, .navbar-footer--dark-primary .nav-footer-menu--sub-child a, .navbar-footer--dark-primary .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #14619c; } .navbar-footer--light-primary .nav-footer-menu--sub-child li:hover, .navbar-footer--light-primary .nav-footer-menu--sub-child a:hover, .navbar-footer--light-primary .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #14619c; font-weight: 500; } .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #14619c; } .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #14619c; font-weight: 500; } .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .navbar-footer--light-primary .nav-footer-menu--sub-child hr, .navbar-footer--dark-primary .nav-footer-menu--sub-child hr { z-index: 1; border-color: #e0f1ff; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-primary .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-primary .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-primary .nav-footer-body { background-color: #14619c; border-top: 2px solid #ffffff; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item { color: #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:hover { color: #14619c !important; background-color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #14619c !important; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-primary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--child { color: #ffffff; background-color: #14619c; border-top: 2px solid #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #14619c !important; background-color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-primary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu--child hr { border-color: #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-primary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #14619c !important; background-color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child { color: #14619c; background-color: #e0f1ff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child li, .navbar-footer--dark-primary .nav-footer-menu--sub-child a, .navbar-footer--dark-primary .nav-footer-menu--sub-child .list { color: #14619c; } .navbar-footer--dark-primary .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-primary .nav-footer-menu--sub-child .list:hover { color: #14619c !important; background-color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #14619c; } .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #14619c !important; background-color: #ffffff; } .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-primary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #14619c; border-left: 4px solid #14619c; } .navbar-footer--dark-primary .nav-footer-menu--sub-child hr { border-color: #e0f1ff; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e0f1ff; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-secondary, .navbar-footer--dark-secondary { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-secondary > div, .navbar-footer--dark-secondary > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-secondary .nav-footer-body, .navbar-footer--dark-secondary .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-info, .navbar-footer--dark-secondary .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-secondary .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-secondary .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-secondary .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-secondary .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-secondary .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-secondary .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-secondary .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-secondary .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-secondary .nav-footer-menu, .navbar-footer--dark-secondary .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-secondary .nav-footer-menu li, .navbar-footer--dark-secondary .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #4b5257; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:focus { color: #4b5257; border-bottom: 2px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-secondary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-secondary .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-secondary .nav-footer-menu--child-toggler, .navbar-footer--dark-secondary .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-secondary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #4b5257; font-weight: 500; border-bottom: 4px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-secondary .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-secondary .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-secondary .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-secondary .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-secondary .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-secondary .nav-footer-menu--child, .navbar-footer--dark-secondary .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #4b5257; box-shadow: 0px 4px 10px -2px #e1e1e1, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #4b5257; font-weight: 500; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-secondary .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-secondary .nav-footer-menu--child hr, .navbar-footer--dark-secondary .nav-footer-menu--child hr { z-index: 1; border-color: #e1e1e1; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-secondary .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-secondary .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-secondary .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-secondary .nav-footer-menu--sub-child, .navbar-footer--dark-secondary .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #4b5257; background-color: #e1e1e1; font-weight: 400; } .navbar-footer--light-secondary .nav-footer-menu--sub-child li, .navbar-footer--light-secondary .nav-footer-menu--sub-child a, .navbar-footer--light-secondary .nav-footer-menu--sub-child .list, .navbar-footer--dark-secondary .nav-footer-menu--sub-child li, .navbar-footer--dark-secondary .nav-footer-menu--sub-child a, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--sub-child li:hover, .navbar-footer--light-secondary .nav-footer-menu--sub-child a:hover, .navbar-footer--light-secondary .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #4b5257; font-weight: 500; } .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #4b5257; font-weight: 500; } .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .navbar-footer--light-secondary .nav-footer-menu--sub-child hr, .navbar-footer--dark-secondary .nav-footer-menu--sub-child hr { z-index: 1; border-color: #e1e1e1; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-secondary .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-secondary .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-secondary .nav-footer-body { background-color: #4b5257; border-top: 2px solid #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item { color: #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:hover { color: #4b5257 !important; background-color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #4b5257 !important; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-secondary .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--child { color: #ffffff; background-color: #4b5257; border-top: 2px solid #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #4b5257 !important; background-color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-secondary .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu--child hr { border-color: #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-secondary .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #4b5257 !important; background-color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child { color: #4b5257; background-color: #e1e1e1; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child li, .navbar-footer--dark-secondary .nav-footer-menu--sub-child a, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .list { color: #4b5257; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .list:hover { color: #4b5257 !important; background-color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #4b5257; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #4b5257 !important; background-color: #ffffff; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-secondary .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #4b5257; border-left: 4px solid #4b5257; } .navbar-footer--dark-secondary .nav-footer-menu--sub-child hr { border-color: #e1e1e1; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e1e1e1; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-success, .navbar-footer--dark-success { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-success > div, .navbar-footer--dark-success > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-success .nav-footer-body, .navbar-footer--dark-success .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #079107; } .navbar-footer--light-success .nav-footer-info, .navbar-footer--dark-success .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-success .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-success .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-success .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-success .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-success .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-success .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-success .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-success .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-success .nav-footer-menu, .navbar-footer--dark-success .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-success .nav-footer-menu li, .navbar-footer--dark-success .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #079107; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #079107; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #079107; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:focus { color: #079107; border-bottom: 2px solid #079107; } .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-success .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #079107; } .navbar-footer--light-success .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-success .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-success .nav-footer-menu--child-toggler, .navbar-footer--dark-success .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-success .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #079107; font-weight: 500; border-bottom: 4px solid #079107; } .navbar-footer--light-success .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-success .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-success .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-success .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-success .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-success .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-success .nav-footer-menu--child, .navbar-footer--dark-success .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #079107; box-shadow: 0px 4px 10px -2px #e8fac7, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #079107; font-weight: 500; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #079107; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-success .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-success .nav-footer-menu--child hr, .navbar-footer--dark-success .nav-footer-menu--child hr { z-index: 1; border-color: #e8fac7; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-success .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-success .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #079107; font-weight: 500; border-left: 4px solid #079107; } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #079107; } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-success .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-success .nav-footer-menu--sub-child, .navbar-footer--dark-success .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #079107; background-color: #e8fac7; font-weight: 400; } .navbar-footer--light-success .nav-footer-menu--sub-child li, .navbar-footer--light-success .nav-footer-menu--sub-child a, .navbar-footer--light-success .nav-footer-menu--sub-child .list, .navbar-footer--dark-success .nav-footer-menu--sub-child li, .navbar-footer--dark-success .nav-footer-menu--sub-child a, .navbar-footer--dark-success .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #079107; } .navbar-footer--light-success .nav-footer-menu--sub-child li:hover, .navbar-footer--light-success .nav-footer-menu--sub-child a:hover, .navbar-footer--light-success .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #079107; font-weight: 500; } .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #079107; } .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #079107; font-weight: 500; } .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #079107; font-weight: 500; border-left: 4px solid #079107; } .navbar-footer--light-success .nav-footer-menu--sub-child hr, .navbar-footer--dark-success .nav-footer-menu--sub-child hr { z-index: 1; border-color: #e8fac7; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-success .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-success .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-success .nav-footer-body { background-color: #079107; border-top: 2px solid #ffffff; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item { color: #e8fac7; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:hover { color: #079107 !important; background-color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #079107 !important; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-success .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-success .nav-footer-menu--child { color: #ffffff; background-color: #079107; border-top: 2px solid #ffffff; } .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e8fac7; } .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #079107 !important; background-color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-success .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #e8fac7; } .navbar-footer--dark-success .nav-footer-menu--child hr { border-color: #e8fac7; } .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #e8fac7; } .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-success .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #079107 !important; background-color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--sub-child { color: #079107; background-color: #e8fac7; } .navbar-footer--dark-success .nav-footer-menu--sub-child li, .navbar-footer--dark-success .nav-footer-menu--sub-child a, .navbar-footer--dark-success .nav-footer-menu--sub-child .list { color: #079107; } .navbar-footer--dark-success .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-success .nav-footer-menu--sub-child .list:hover { color: #079107 !important; background-color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #079107; } .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #079107 !important; background-color: #ffffff; } .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-success .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #079107; border-left: 4px solid #079107; } .navbar-footer--dark-success .nav-footer-menu--sub-child hr { border-color: #e8fac7; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #e8fac7; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-info, .navbar-footer--dark-info { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-info > div, .navbar-footer--dark-info > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-info .nav-footer-body, .navbar-footer--dark-info .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #25a2b3; } .navbar-footer--light-info .nav-footer-info, .navbar-footer--dark-info .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-info .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-info .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-info .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-info .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-info .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-info .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-info .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-info .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-info .nav-footer-menu, .navbar-footer--dark-info .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-info .nav-footer-menu li, .navbar-footer--dark-info .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #25a2b3; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:focus { color: #25a2b3; border-bottom: 2px solid #25a2b3; } .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-info .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-info .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-info .nav-footer-menu--child-toggler, .navbar-footer--dark-info .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-info .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #25a2b3; font-weight: 500; border-bottom: 4px solid #25a2b3; } .navbar-footer--light-info .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-info .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-info .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-info .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-info .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-info .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-info .nav-footer-menu--child, .navbar-footer--dark-info .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #25a2b3; box-shadow: 0px 4px 10px -2px #d2f9ff, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #25a2b3; font-weight: 500; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #25a2b3; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-info .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-info .nav-footer-menu--child hr, .navbar-footer--dark-info .nav-footer-menu--child hr { z-index: 1; border-color: #d2f9ff; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-info .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-info .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-info .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-info .nav-footer-menu--sub-child, .navbar-footer--dark-info .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #25a2b3; background-color: #d2f9ff; font-weight: 400; } .navbar-footer--light-info .nav-footer-menu--sub-child li, .navbar-footer--light-info .nav-footer-menu--sub-child a, .navbar-footer--light-info .nav-footer-menu--sub-child .list, .navbar-footer--dark-info .nav-footer-menu--sub-child li, .navbar-footer--dark-info .nav-footer-menu--sub-child a, .navbar-footer--dark-info .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu--sub-child li:hover, .navbar-footer--light-info .nav-footer-menu--sub-child a:hover, .navbar-footer--light-info .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #25a2b3; font-weight: 500; } .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #25a2b3; } .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #25a2b3; font-weight: 500; } .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .navbar-footer--light-info .nav-footer-menu--sub-child hr, .navbar-footer--dark-info .nav-footer-menu--sub-child hr { z-index: 1; border-color: #d2f9ff; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-info .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-info .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-info .nav-footer-body { background-color: #25a2b3; border-top: 2px solid #ffffff; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item { color: #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:hover { color: #25a2b3 !important; background-color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #25a2b3 !important; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-info .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-info .nav-footer-menu--child { color: #ffffff; background-color: #25a2b3; border-top: 2px solid #ffffff; } .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #25a2b3 !important; background-color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-info .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu--child hr { border-color: #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-info .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #25a2b3 !important; background-color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--sub-child { color: #25a2b3; background-color: #d2f9ff; } .navbar-footer--dark-info .nav-footer-menu--sub-child li, .navbar-footer--dark-info .nav-footer-menu--sub-child a, .navbar-footer--dark-info .nav-footer-menu--sub-child .list { color: #25a2b3; } .navbar-footer--dark-info .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-info .nav-footer-menu--sub-child .list:hover { color: #25a2b3 !important; background-color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #25a2b3; } .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #25a2b3 !important; background-color: #ffffff; } .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-info .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #25a2b3; border-left: 4px solid #25a2b3; } .navbar-footer--dark-info .nav-footer-menu--sub-child hr { border-color: #d2f9ff; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #d2f9ff; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-warning, .navbar-footer--dark-warning { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-warning > div, .navbar-footer--dark-warning > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-warning .nav-footer-body, .navbar-footer--dark-warning .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #edbe00; } .navbar-footer--light-warning .nav-footer-info, .navbar-footer--dark-warning .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-warning .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-warning .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-warning .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-warning .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-warning .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-warning .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-warning .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-warning .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-warning .nav-footer-menu, .navbar-footer--dark-warning .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-warning .nav-footer-menu li, .navbar-footer--dark-warning .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #edbe00; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:focus { color: #edbe00; border-bottom: 2px solid #edbe00; } .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-warning .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-warning .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-warning .nav-footer-menu--child-toggler, .navbar-footer--dark-warning .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-warning .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #edbe00; font-weight: 500; border-bottom: 4px solid #edbe00; } .navbar-footer--light-warning .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-warning .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-warning .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-warning .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-warning .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-warning .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-warning .nav-footer-menu--child, .navbar-footer--dark-warning .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #edbe00; box-shadow: 0px 4px 10px -2px #fef6d9, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #edbe00; font-weight: 500; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #edbe00; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-warning .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-warning .nav-footer-menu--child hr, .navbar-footer--dark-warning .nav-footer-menu--child hr { z-index: 1; border-color: #fef6d9; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-warning .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-warning .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-warning .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-warning .nav-footer-menu--sub-child, .navbar-footer--dark-warning .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #edbe00; background-color: #fef6d9; font-weight: 400; } .navbar-footer--light-warning .nav-footer-menu--sub-child li, .navbar-footer--light-warning .nav-footer-menu--sub-child a, .navbar-footer--light-warning .nav-footer-menu--sub-child .list, .navbar-footer--dark-warning .nav-footer-menu--sub-child li, .navbar-footer--dark-warning .nav-footer-menu--sub-child a, .navbar-footer--dark-warning .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu--sub-child li:hover, .navbar-footer--light-warning .nav-footer-menu--sub-child a:hover, .navbar-footer--light-warning .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #edbe00; font-weight: 500; } .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #edbe00; } .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #edbe00; font-weight: 500; } .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .navbar-footer--light-warning .nav-footer-menu--sub-child hr, .navbar-footer--dark-warning .nav-footer-menu--sub-child hr { z-index: 1; border-color: #fef6d9; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-warning .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-warning .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-warning .nav-footer-body { background-color: #edbe00; border-top: 2px solid #ffffff; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item { color: #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:hover { color: #edbe00 !important; background-color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #edbe00 !important; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-warning .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--child { color: #ffffff; background-color: #edbe00; border-top: 2px solid #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #edbe00 !important; background-color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-warning .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu--child hr { border-color: #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-warning .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #edbe00 !important; background-color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--sub-child { color: #edbe00; background-color: #fef6d9; } .navbar-footer--dark-warning .nav-footer-menu--sub-child li, .navbar-footer--dark-warning .nav-footer-menu--sub-child a, .navbar-footer--dark-warning .nav-footer-menu--sub-child .list { color: #edbe00; } .navbar-footer--dark-warning .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-warning .nav-footer-menu--sub-child .list:hover { color: #edbe00 !important; background-color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #edbe00; } .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #edbe00 !important; background-color: #ffffff; } .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-warning .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #edbe00; border-left: 4px solid #edbe00; } .navbar-footer--dark-warning .nav-footer-menu--sub-child hr { border-color: #fef6d9; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #fef6d9; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-danger, .navbar-footer--dark-danger { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-danger > div, .navbar-footer--dark-danger > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-danger .nav-footer-body, .navbar-footer--dark-danger .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #c23329; } .navbar-footer--light-danger .nav-footer-info, .navbar-footer--dark-danger .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-danger .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-danger .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-danger .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-danger .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-danger .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-danger .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-danger .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-danger .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-danger .nav-footer-menu, .navbar-footer--dark-danger .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-danger .nav-footer-menu li, .navbar-footer--dark-danger .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #c23329; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #c23329; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #c23329; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:focus { color: #c23329; border-bottom: 2px solid #c23329; } .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-danger .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #c23329; } .navbar-footer--light-danger .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-danger .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-danger .nav-footer-menu--child-toggler, .navbar-footer--dark-danger .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-danger .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #c23329; font-weight: 500; border-bottom: 4px solid #c23329; } .navbar-footer--light-danger .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-danger .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-danger .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-danger .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-danger .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-danger .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-danger .nav-footer-menu--child, .navbar-footer--dark-danger .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #c23329; box-shadow: 0px 4px 10px -2px #ffd4d1, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #c23329; font-weight: 500; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #c23329; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-danger .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-danger .nav-footer-menu--child hr, .navbar-footer--dark-danger .nav-footer-menu--child hr { z-index: 1; border-color: #ffd4d1; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-danger .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-danger .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #c23329; } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-danger .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-danger .nav-footer-menu--sub-child, .navbar-footer--dark-danger .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #c23329; background-color: #ffd4d1; font-weight: 400; } .navbar-footer--light-danger .nav-footer-menu--sub-child li, .navbar-footer--light-danger .nav-footer-menu--sub-child a, .navbar-footer--light-danger .nav-footer-menu--sub-child .list, .navbar-footer--dark-danger .nav-footer-menu--sub-child li, .navbar-footer--dark-danger .nav-footer-menu--sub-child a, .navbar-footer--dark-danger .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #c23329; } .navbar-footer--light-danger .nav-footer-menu--sub-child li:hover, .navbar-footer--light-danger .nav-footer-menu--sub-child a:hover, .navbar-footer--light-danger .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #c23329; font-weight: 500; } .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #c23329; } .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #c23329; font-weight: 500; } .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .navbar-footer--light-danger .nav-footer-menu--sub-child hr, .navbar-footer--dark-danger .nav-footer-menu--sub-child hr { z-index: 1; border-color: #ffd4d1; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-danger .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-danger .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-danger .nav-footer-body { background-color: #c23329; border-top: 2px solid #ffffff; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item { color: #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:hover { color: #c23329 !important; background-color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #c23329 !important; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-danger .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--child { color: #ffffff; background-color: #c23329; border-top: 2px solid #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #c23329 !important; background-color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-danger .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu--child hr { border-color: #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-danger .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #c23329 !important; background-color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--sub-child { color: #c23329; background-color: #ffd4d1; } .navbar-footer--dark-danger .nav-footer-menu--sub-child li, .navbar-footer--dark-danger .nav-footer-menu--sub-child a, .navbar-footer--dark-danger .nav-footer-menu--sub-child .list { color: #c23329; } .navbar-footer--dark-danger .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-danger .nav-footer-menu--sub-child .list:hover { color: #c23329 !important; background-color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #c23329; } .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #c23329 !important; background-color: #ffffff; } .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-danger .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #c23329; border-left: 4px solid #c23329; } .navbar-footer--dark-danger .nav-footer-menu--sub-child hr { border-color: #ffd4d1; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #ffd4d1; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-alert, .navbar-footer--dark-alert { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-alert > div, .navbar-footer--dark-alert > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-alert .nav-footer-body, .navbar-footer--dark-alert .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #d35f07; } .navbar-footer--light-alert .nav-footer-info, .navbar-footer--dark-alert .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-alert .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-alert .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-alert .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-alert .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-alert .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-alert .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-alert .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-alert .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-alert .nav-footer-menu, .navbar-footer--dark-alert .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-alert .nav-footer-menu li, .navbar-footer--dark-alert .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #d35f07; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:focus { color: #d35f07; border-bottom: 2px solid #d35f07; } .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-alert .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-alert .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-alert .nav-footer-menu--child-toggler, .navbar-footer--dark-alert .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-alert .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #d35f07; font-weight: 500; border-bottom: 4px solid #d35f07; } .navbar-footer--light-alert .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-alert .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-alert .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-alert .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-alert .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-alert .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-alert .nav-footer-menu--child, .navbar-footer--dark-alert .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #d35f07; box-shadow: 0px 4px 10px -2px #fad6ba, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #d35f07; font-weight: 500; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #d35f07; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-alert .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-alert .nav-footer-menu--child hr, .navbar-footer--dark-alert .nav-footer-menu--child hr { z-index: 1; border-color: #fad6ba; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-alert .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-alert .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-alert .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-alert .nav-footer-menu--sub-child, .navbar-footer--dark-alert .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #d35f07; background-color: #fad6ba; font-weight: 400; } .navbar-footer--light-alert .nav-footer-menu--sub-child li, .navbar-footer--light-alert .nav-footer-menu--sub-child a, .navbar-footer--light-alert .nav-footer-menu--sub-child .list, .navbar-footer--dark-alert .nav-footer-menu--sub-child li, .navbar-footer--dark-alert .nav-footer-menu--sub-child a, .navbar-footer--dark-alert .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu--sub-child li:hover, .navbar-footer--light-alert .nav-footer-menu--sub-child a:hover, .navbar-footer--light-alert .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #d35f07; font-weight: 500; } .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #d35f07; } .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #d35f07; font-weight: 500; } .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .navbar-footer--light-alert .nav-footer-menu--sub-child hr, .navbar-footer--dark-alert .nav-footer-menu--sub-child hr { z-index: 1; border-color: #fad6ba; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-alert .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-alert .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-alert .nav-footer-body { background-color: #d35f07; border-top: 2px solid #ffffff; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item { color: #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:hover { color: #d35f07 !important; background-color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #d35f07 !important; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-alert .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--child { color: #ffffff; background-color: #d35f07; border-top: 2px solid #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #d35f07 !important; background-color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-alert .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu--child hr { border-color: #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-alert .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #d35f07 !important; background-color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--sub-child { color: #d35f07; background-color: #fad6ba; } .navbar-footer--dark-alert .nav-footer-menu--sub-child li, .navbar-footer--dark-alert .nav-footer-menu--sub-child a, .navbar-footer--dark-alert .nav-footer-menu--sub-child .list { color: #d35f07; } .navbar-footer--dark-alert .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-alert .nav-footer-menu--sub-child .list:hover { color: #d35f07 !important; background-color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #d35f07; } .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #d35f07 !important; background-color: #ffffff; } .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-alert .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #d35f07; border-left: 4px solid #d35f07; } .navbar-footer--dark-alert .nav-footer-menu--sub-child hr { border-color: #fad6ba; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #fad6ba; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-theme, .navbar-footer--dark-theme { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-theme > div, .navbar-footer--dark-theme > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-theme .nav-footer-body, .navbar-footer--dark-theme .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #2C5171; } .navbar-footer--light-theme .nav-footer-info, .navbar-footer--dark-theme .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-theme .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-theme .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-theme .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-theme .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-theme .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-theme .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-theme .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-theme .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-theme .nav-footer-menu, .navbar-footer--dark-theme .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-theme .nav-footer-menu li, .navbar-footer--dark-theme .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #2C5171; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:focus { color: #2C5171; border-bottom: 2px solid #2C5171; } .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-theme .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-theme .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-theme .nav-footer-menu--child-toggler, .navbar-footer--dark-theme .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-theme .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #2C5171; font-weight: 500; border-bottom: 4px solid #2C5171; } .navbar-footer--light-theme .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-theme .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-theme .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-theme .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-theme .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-theme .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-theme .nav-footer-menu--child, .navbar-footer--dark-theme .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #2C5171; box-shadow: 0px 4px 10px -2px #4682b4, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #2C5171; font-weight: 500; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #2C5171; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-theme .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-theme .nav-footer-menu--child hr, .navbar-footer--dark-theme .nav-footer-menu--child hr { z-index: 1; border-color: #4682b4; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-theme .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-theme .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-theme .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-theme .nav-footer-menu--sub-child, .navbar-footer--dark-theme .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #2C5171; background-color: #4682b4; font-weight: 400; } .navbar-footer--light-theme .nav-footer-menu--sub-child li, .navbar-footer--light-theme .nav-footer-menu--sub-child a, .navbar-footer--light-theme .nav-footer-menu--sub-child .list, .navbar-footer--dark-theme .nav-footer-menu--sub-child li, .navbar-footer--dark-theme .nav-footer-menu--sub-child a, .navbar-footer--dark-theme .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu--sub-child li:hover, .navbar-footer--light-theme .nav-footer-menu--sub-child a:hover, .navbar-footer--light-theme .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #2C5171; font-weight: 500; } .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #2C5171; } .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #2C5171; font-weight: 500; } .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr, .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { z-index: 1; border-color: #4682b4; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-theme .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-theme .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-theme .nav-footer-body { background-color: #2C5171; border-top: 2px solid #ffffff; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #4682b4; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:hover { color: #2C5171 !important; background-color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #2C5171 !important; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--child { color: #ffffff; background-color: #2C5171; border-top: 2px solid #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #2C5171 !important; background-color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #2C5171 !important; background-color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { color: #2C5171; background-color: #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--sub-child li, .navbar-footer--dark-theme .nav-footer-menu--sub-child a, .navbar-footer--dark-theme .nav-footer-menu--sub-child .list { color: #2C5171; } .navbar-footer--dark-theme .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-theme .nav-footer-menu--sub-child .list:hover { color: #2C5171 !important; background-color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #2C5171; } .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #2C5171 !important; background-color: #ffffff; } .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-theme .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #2C5171; border-left: 4px solid #2C5171; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #4682b4; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #4682b4; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-white, .navbar-footer--dark-white { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-white > div, .navbar-footer--dark-white > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-white .nav-footer-body, .navbar-footer--dark-white .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-info, .navbar-footer--dark-white .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-white .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-white .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-white .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-white .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-white .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-white .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-white .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-white .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-white .nav-footer-menu, .navbar-footer--dark-white .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-white .nav-footer-menu li, .navbar-footer--dark-white .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #EEEEEE; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:focus { color: #EEEEEE; border-bottom: 2px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-white .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-white .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--child-toggler, .navbar-footer--dark-white .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-white .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #EEEEEE; font-weight: 500; border-bottom: 4px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-white .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-white .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-white .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-white .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-white .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-white .nav-footer-menu--child, .navbar-footer--dark-white .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #EEEEEE; box-shadow: 0px 4px 10px -2px #F5F5F5, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #EEEEEE; font-weight: 500; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-white .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-white .nav-footer-menu--child hr, .navbar-footer--dark-white .nav-footer-menu--child hr { z-index: 1; border-color: #F5F5F5; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-white .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-white .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-white .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-white .nav-footer-menu--sub-child, .navbar-footer--dark-white .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #EEEEEE; background-color: #F5F5F5; font-weight: 400; } .navbar-footer--light-white .nav-footer-menu--sub-child li, .navbar-footer--light-white .nav-footer-menu--sub-child a, .navbar-footer--light-white .nav-footer-menu--sub-child .list, .navbar-footer--dark-white .nav-footer-menu--sub-child li, .navbar-footer--dark-white .nav-footer-menu--sub-child a, .navbar-footer--dark-white .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child li:hover, .navbar-footer--light-white .nav-footer-menu--sub-child a:hover, .navbar-footer--light-white .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #EEEEEE; font-weight: 500; } .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #EEEEEE; font-weight: 500; } .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .navbar-footer--light-white .nav-footer-menu--sub-child hr, .navbar-footer--dark-white .nav-footer-menu--sub-child hr { z-index: 1; border-color: #F5F5F5; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-white .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-white .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-white .nav-footer-body { background-color: #EEEEEE; border-top: 2px solid #ffffff; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item { color: #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:hover { color: #EEEEEE !important; background-color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #EEEEEE !important; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-white .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-white .nav-footer-menu--child { color: #ffffff; background-color: #EEEEEE; border-top: 2px solid #ffffff; } .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #EEEEEE !important; background-color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-white .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu--child hr { border-color: #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-white .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #EEEEEE !important; background-color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--sub-child { color: #EEEEEE; background-color: #F5F5F5; } .navbar-footer--dark-white .nav-footer-menu--sub-child li, .navbar-footer--dark-white .nav-footer-menu--sub-child a, .navbar-footer--dark-white .nav-footer-menu--sub-child .list { color: #EEEEEE; } .navbar-footer--dark-white .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-white .nav-footer-menu--sub-child .list:hover { color: #EEEEEE !important; background-color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #EEEEEE; } .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #EEEEEE !important; background-color: #ffffff; } .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-white .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #EEEEEE; border-left: 4px solid #EEEEEE; } .navbar-footer--dark-white .nav-footer-menu--sub-child hr { border-color: #F5F5F5; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #F5F5F5; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--light-purple, .navbar-footer--dark-purple { display: block; position: fixed; bottom: 0px; z-index: 99; width: inherit; height: 60px; background-color: transparent; border-top-right-radius: 5px; border-top-left-radius: 5px; } .navbar-footer--light-purple > div, .navbar-footer--dark-purple > div { flex: 0 0 auto; width: auto; max-width: 100%; } .navbar-footer--light-purple .nav-footer-body, .navbar-footer--dark-purple .nav-footer-body { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; overflow: hidden; padding-left: 5px; padding-right: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 60px; background-color: #ffffff; border-top: 2px solid #4A148C; } .navbar-footer--light-purple .nav-footer-info, .navbar-footer--dark-purple .nav-footer-info { width: auto; z-index: 2; height: 100%; } .navbar-footer--light-purple .nav-footer-info .nav-footer-info--logo, .navbar-footer--dark-purple .nav-footer-info .nav-footer-info--logo { display: block; width: auto; height: 100%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; height: 60px; } .navbar-footer--light-purple .nav-footer-info .nav-footer-info--logo img, .navbar-footer--dark-purple .nav-footer-info .nav-footer-info--logo img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-purple .nav-footer-info .nav-footer-info--avatar, .navbar-footer--dark-purple .nav-footer-info .nav-footer-info--avatar { display: block; height: 100%; } .navbar-footer--light-purple .nav-footer-info .nav-footer-info--avatar img, .navbar-footer--dark-purple .nav-footer-info .nav-footer-info--avatar img { height: 100%; width: auto; max-width: 150px !important; } .navbar-footer--light-purple .nav-footer-menu, .navbar-footer--dark-purple .nav-footer-menu { display: inline-flex; align-items: center; flex-direction: row; justify-content: flex-end; list-style: none; height: 100%; width: 100%; } .navbar-footer--light-purple .nav-footer-menu li, .navbar-footer--dark-purple .nav-footer-menu li { display: inline-block; width: auto; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item { display: inline-block; text-align: center; justify-content: center; position: relative; left: auto; z-index: 50; font-size: 12px; cursor: pointer; text-align: left; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #4A148C; min-width: 60px; height: 60px; max-height: 60px; font-weight: 400; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; flex-direction: column; justify-content: center; font-size: 10px; cursor: pointer; height: inherit; max-height: inherit; padding: 2px 7px 2px 7px; color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name i { font-size: 30px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item div, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item a, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item span, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item div { display: flex; align-items: center; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item div:hover, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item a:hover, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item span:hover, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item div:hover { text-decoration: none; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:hover, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:hover { cursor: pointer; color: #ffffff !important; background-color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #ffffff !important; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:focus, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:focus { color: #4A148C; border-bottom: 2px solid #4A148C; } .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--light-purple .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child), .navbar-footer--dark-purple .nav-footer-menu.divide-line .nav-footer-menu--item:not(:last-child) { box-sizing: border-box; border-right: 1px solid #EEEEEE; } .navbar-footer--light-purple .nav-footer-menu--child-toggler, .navbar-footer--dark-purple .nav-footer-menu--child-toggler { display: block; position: absolute; top: 0; opacity: 0; z-index: 3; /* Show Sub Menu */ } .navbar-footer--light-purple .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #4A148C; font-weight: 500; border-bottom: 4px solid #4A148C; } .navbar-footer--light-purple .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--light-purple .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child, .navbar-footer--dark-purple .nav-footer-menu--child-toggler ~ .nav-footer-menu--child, .navbar-footer--dark-purple .nav-footer-menu--child-toggler:not(:checked) ~ .nav-footer-menu--child { visibility: hidden; opacity: 0; transform: translateY(10px); transition: all; transition-delay: 0ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .navbar-footer--light-purple .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child, .navbar-footer--dark-purple .nav-footer-menu--child-toggler:checked ~ .nav-footer-menu--child { visibility: visible; opacity: 100%; transform: translateY(0); } .navbar-footer--light-purple .nav-footer-menu--child, .navbar-footer--dark-purple .nav-footer-menu--child { display: block; position: fixed; bottom: 100%; left: 0; width: 100%; height: auto; font-size: 14px; min-width: 100%; text-align: left; line-height: normal; max-height: calc(70vh - 60px); overflow-y: auto; list-style: none; border-radius: 5px; padding: 10px 7px; z-index: 50; color: #616161; background-color: #FAFAFA; border-top: 2px solid #4A148C; box-shadow: 0px 4px 10px -2px #f5ebfc, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-title, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-title { display: flex; font-size: 14px; padding: 0 7px 5px 7px; color: inherit; font-weight: 500; border-bottom: solid 2px #E0E0E0; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-title i, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-title i { font-size: 30px; line-height: 1; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item { display: block; flex-direction: column; flex-wrap: nowrap; min-height: 50px; width: 100%; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { display: flex; height: 50px; cursor: pointer; align-items: center; padding: 2px 10px 2px 10px; color: inherit; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #ffffff !important; background-color: #4A148C; font-weight: 500; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { font-weight: 500; border-left: 4px solid #4A148C; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item div, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item a, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item span, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item div { display: flex; width: auto; } .navbar-footer--light-purple .nav-footer-menu--child .nav-footer-menu--child-item i, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; } .navbar-footer--light-purple .nav-footer-menu--child hr, .navbar-footer--dark-purple .nav-footer-menu--child hr { z-index: 1; border-color: #f5ebfc; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-purple .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child), .navbar-footer--dark-purple .nav-footer-menu--child.divide-line .nav-footer-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #EEEEEE; } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler { position: absolute; opacity: 0; z-index: 3; height: 50px; /* Show Sub Menu */ } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #ffffff !important; font-weight: 500; background-color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler ~ .nav-footer-menu--sub-child { display: none; } .navbar-footer--light-purple .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child, .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:checked ~ .nav-footer-menu--sub-child { display: block; } .navbar-footer--light-purple .nav-footer-menu--sub-child, .navbar-footer--dark-purple .nav-footer-menu--sub-child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #4A148C; background-color: #f5ebfc; font-weight: 400; } .navbar-footer--light-purple .nav-footer-menu--sub-child li, .navbar-footer--light-purple .nav-footer-menu--sub-child a, .navbar-footer--light-purple .nav-footer-menu--sub-child .list, .navbar-footer--dark-purple .nav-footer-menu--sub-child li, .navbar-footer--dark-purple .nav-footer-menu--sub-child a, .navbar-footer--dark-purple .nav-footer-menu--sub-child .list { height: 50px; padding: 2px 15px 2px 30px; color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu--sub-child li:hover, .navbar-footer--light-purple .nav-footer-menu--sub-child a:hover, .navbar-footer--light-purple .nav-footer-menu--sub-child .list:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child .list:hover { color: #ffffff !important; background-color: #4A148C; font-weight: 500; } .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { display: flex; height: 50px; align-items: center; padding: 2px 15px 2px 30px; color: #4A148C; } .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #ffffff !important; background-color: #4A148C; font-weight: 500; } .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--light-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { padding-left: 26px; color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .navbar-footer--light-purple .nav-footer-menu--sub-child hr, .navbar-footer--dark-purple .nav-footer-menu--sub-child hr { z-index: 1; border-color: #f5ebfc; margin: 5px 10px 5px 10px !important; } .navbar-footer--light-purple .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child), .navbar-footer--dark-purple .nav-footer-menu--sub-child.divide-line .nav-footer-menu--sub-child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #FAFAFA; } .navbar-footer--dark-purple .nav-footer-body { background-color: #4A148C; border-top: 2px solid #ffffff; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item { color: #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:hover { color: #4A148C !important; background-color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:hover .nav-footer-menu--item-name { color: #4A148C !important; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.active, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:active, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.focus, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:focus { color: #ffffff; border-bottom: 2px solid #ffffff; } .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.active .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:active .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item.focus .nav-footer-menu--item-name, .navbar-footer--dark-purple .nav-footer-menu .nav-footer-menu--item:focus .nav-footer-menu--item-name { color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--child-toggler:checked + .nav-footer-menu--item-name { color: #ffffff; border-bottom: 4px solid #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--child { color: #ffffff; background-color: #4A148C; border-top: 2px solid #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name { color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:hover { color: #4A148C !important; background-color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-purple .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu--child hr { border-color: #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { color: #ffffff; border-left: 4px solid #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name i { transform: rotate(90deg); } .navbar-footer--dark-purple .nav-footer-menu--sub-child-toggler:hover + .nav-footer-menu--child-item-name { color: #4A148C !important; background-color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--sub-child { color: #4A148C; background-color: #f5ebfc; } .navbar-footer--dark-purple .nav-footer-menu--sub-child li, .navbar-footer--dark-purple .nav-footer-menu--sub-child a, .navbar-footer--dark-purple .nav-footer-menu--sub-child .list { color: #4A148C; } .navbar-footer--dark-purple .nav-footer-menu--sub-child li:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child a:hover, .navbar-footer--dark-purple .nav-footer-menu--sub-child .list:hover { color: #4A148C !important; background-color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item { color: #4A148C; } .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:hover { color: #4A148C !important; background-color: #ffffff; } .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:active, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.active, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item:focus, .navbar-footer--dark-purple .nav-footer-menu--sub-child .nav-footer-menu--sub-child-item.focus { color: #4A148C; border-left: 4px solid #4A148C; } .navbar-footer--dark-purple .nav-footer-menu--sub-child hr { border-color: #f5ebfc; } .navbar-footer--light-theme .nav-footer-menu--child { box-shadow: 0px 4px 10px -2px #D1E0EC, 0px -1px 10px -2px #9E9E9E; } .navbar-footer--light-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--light-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu .nav-footer-menu--item { color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-title { border-bottom: solid 2px #f5ebfc; } .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.active, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name:focus, .navbar-footer--dark-theme .nav-footer-menu--child .nav-footer-menu--child-item .nav-footer-menu--child-item-name.focus { color: #ffffff; border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--child hr { border-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child-toggler:checked + .nav-footer-menu--child-item-name { border-left: 4px solid #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child { background-color: #D1E0EC; } .navbar-footer--dark-theme .nav-footer-menu--sub-child hr { border-color: #D1E0EC; } .mockup-area { position: relative; } .mockup-area .sidebar--light .side-body, .mockup-area .sidebar--dark .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light .side-body, .mockup-area .sidebar-s--dark .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light .side-body, .mockup-area .sidebar-m--dark .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light .hiding-body, .mockup-area .hiding-menu--dark .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-primary .side-body, .mockup-area .sidebar--dark-primary .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-primary .side-body, .mockup-area .sidebar-s--dark-primary .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-primary .side-body, .mockup-area .sidebar-m--dark-primary .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-primary .hiding-body, .mockup-area .hiding-menu--dark-primary .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-secondary .side-body, .mockup-area .sidebar--dark-secondary .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-secondary .side-body, .mockup-area .sidebar-s--dark-secondary .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-secondary .side-body, .mockup-area .sidebar-m--dark-secondary .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-secondary .hiding-body, .mockup-area .hiding-menu--dark-secondary .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-success .side-body, .mockup-area .sidebar--dark-success .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-success .side-body, .mockup-area .sidebar-s--dark-success .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-success .side-body, .mockup-area .sidebar-m--dark-success .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-success .hiding-body, .mockup-area .hiding-menu--dark-success .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-info .side-body, .mockup-area .sidebar--dark-info .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-info .side-body, .mockup-area .sidebar-s--dark-info .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-info .side-body, .mockup-area .sidebar-m--dark-info .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-info .hiding-body, .mockup-area .hiding-menu--dark-info .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-warning .side-body, .mockup-area .sidebar--dark-warning .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-warning .side-body, .mockup-area .sidebar-s--dark-warning .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-warning .side-body, .mockup-area .sidebar-m--dark-warning .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-warning .hiding-body, .mockup-area .hiding-menu--dark-warning .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-danger .side-body, .mockup-area .sidebar--dark-danger .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-danger .side-body, .mockup-area .sidebar-s--dark-danger .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-danger .side-body, .mockup-area .sidebar-m--dark-danger .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-danger .hiding-body, .mockup-area .hiding-menu--dark-danger .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-alert .side-body, .mockup-area .sidebar--dark-alert .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-alert .side-body, .mockup-area .sidebar-s--dark-alert .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-alert .side-body, .mockup-area .sidebar-m--dark-alert .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-alert .hiding-body, .mockup-area .hiding-menu--dark-alert .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-theme .side-body, .mockup-area .sidebar--dark-theme .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-theme .side-body, .mockup-area .sidebar-s--dark-theme .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-theme .side-body, .mockup-area .sidebar-m--dark-theme .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-theme .hiding-body, .mockup-area .hiding-menu--dark-theme .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-white .side-body, .mockup-area .sidebar--dark-white .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-white .side-body, .mockup-area .sidebar-s--dark-white .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-white .side-body, .mockup-area .sidebar-m--dark-white .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-white .hiding-body, .mockup-area .hiding-menu--dark-white .hiding-body { height: calc(80vh - 0px); } .mockup-area .sidebar--light-purple .side-body, .mockup-area .sidebar--dark-purple .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-s--light-purple .side-body, .mockup-area .sidebar-s--dark-purple .side-body { height: calc(80vh - 50px); } .mockup-area .sidebar-m--light-purple .side-body, .mockup-area .sidebar-m--dark-purple .side-body { height: calc(80vh - 50px); } .mockup-area .hiding-menu--light-purple .hiding-body, .mockup-area .hiding-menu--dark-purple .hiding-body { height: calc(80vh - 0px); } .page-container { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; flex-direction: row; } .page-container .page-body { display: block; width: 100%; transition: all 0.5s ease; overflow-x: hidden; } .page-container .page-navbar { display: block; width: 100%; transition: all 0.5s ease; } .page-container .page-navbar ~ .page-content { margin-top: 50px; transition: all 0.5s ease; } .page-container .page-content { display: block; margin-top: 0; width: 100%; transition: all 0.5s ease; } .page-container .page-footer { display: block; width: 100%; transition: all 0.5s ease; } .page-container .page-sidebar { display: block; z-index: 99; transition: all 0.5s ease; transition: all 0.5s ease; } .page-container .page-sidebar ~ .page-body { width: calc(100% - 250px); margin-left: 250px; transition: all 0.5s ease; } .page-container .page-sidebar ~ .page-body .page-navbar .sticky-navbar { width: calc(100% - 250px); transition: all 0.5s ease; } .page-container .page-sidebar.close-navbar ~ .page-body { width: calc(100% - 250px); margin-left: 250px; transition: all 0.5s ease; } .page-container .page-sidebar.close-navbar ~ .page-body .page-navbar { visibility: hidden; transition: all 0.5s ease; } .page-container .page-sidebar.close-navbar ~ .page-body .page-navbar ~ .page-content { margin-top: 0; transition: all 0.5s ease; } .page-container .page-sidebar.close-navbar ~ .page-body .offset-for-top-navbar { visibility: hidden !important; margin: 0; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side > nav { display: none; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-primary, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-primary { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-secondary, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-secondary { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-success, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-success { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-info, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-info { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-warning, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-warning { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-danger, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-danger { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-alert, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-alert { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-theme, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-theme { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-white, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-white { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--light-purple, .page-container .page-sidebar.active-hiding-menu .sticky-side nav.hiding-menu--dark-purple { display: block; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu ~ .page-body { width: calc(100% - 30px); margin-left: 30px; transition: all 0.5s ease; } .page-container .page-sidebar.active-hiding-menu ~ .page-body .page-navbar .sticky-navbar { width: calc(100% - 30px); transition: all 0.5s ease; } .page-container .page-sidebar .sidebar--light, .page-container .page-sidebar .sidebar--dark { width: 250px; } .page-container .page-sidebar .sidebar--light-primary, .page-container .page-sidebar .sidebar--dark-primary { width: 250px; } .page-container .page-sidebar .sidebar--light-secondary, .page-container .page-sidebar .sidebar--dark-secondary { width: 250px; } .page-container .page-sidebar .sidebar--light-success, .page-container .page-sidebar .sidebar--dark-success { width: 250px; } .page-container .page-sidebar .sidebar--light-info, .page-container .page-sidebar .sidebar--dark-info { width: 250px; } .page-container .page-sidebar .sidebar--light-warning, .page-container .page-sidebar .sidebar--dark-warning { width: 250px; } .page-container .page-sidebar .sidebar--light-danger, .page-container .page-sidebar .sidebar--dark-danger { width: 250px; } .page-container .page-sidebar .sidebar--light-alert, .page-container .page-sidebar .sidebar--dark-alert { width: 250px; } .page-container .page-sidebar .sidebar--light-theme, .page-container .page-sidebar .sidebar--dark-theme { width: 250px; } .page-container .page-sidebar .sidebar--light-white, .page-container .page-sidebar .sidebar--dark-white { width: 250px; } .page-container .page-sidebar .sidebar--light-purple, .page-container .page-sidebar .sidebar--dark-purple { width: 250px; } .page-container .page-sidebar-s { position: fixed; top: 0; left: 0; z-index: 99; transition: all 0.5s ease; } .page-container .page-sidebar-s ~ .page-body { width: calc(100% - 60px); margin-left: 60px; transition: all 0.5s ease; } .page-container .page-sidebar-s ~ .page-body .page-navbar .sticky-navbar { transition: all 0.5s ease; } .page-container .page-sidebar-s .sidebar--light, .page-container .page-sidebar-s .sidebar--dark { width: 60px; } .page-container .page-sidebar-s .sidebar--light .side-info .side-info--logo, .page-container .page-sidebar-s .sidebar--dark .side-info .side-info--logo { display: none; } .page-container .page-sidebar-s .sidebar--light .side-info .side-info--logo-small, .page-container .page-sidebar-s .sidebar--dark .side-info .side-info--logo-small { display: block; } .page-container .page-sidebar-s .sidebar--light .side-profile img, .page-container .page-sidebar-s .sidebar--dark .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light .side-footer, .page-container .page-sidebar-s .sidebar--dark .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light .side-menu, .page-container .page-sidebar-s .sidebar--dark .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-primary, .page-container .page-sidebar-s .sidebar--dark-primary { width: 60px; } .page-container .page-sidebar-s .sidebar--light-primary .side-profile img, .page-container .page-sidebar-s .sidebar--dark-primary .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-primary .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-primary .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-primary .side-footer, .page-container .page-sidebar-s .sidebar--dark-primary .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c26; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #14619c66; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-primary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-secondary, .page-container .page-sidebar-s .sidebar--dark-secondary { width: 60px; } .page-container .page-sidebar-s .sidebar--light-secondary .side-profile img, .page-container .page-sidebar-s .sidebar--dark-secondary .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-secondary .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-secondary .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-secondary .side-footer, .page-container .page-sidebar-s .sidebar--dark-secondary .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525726; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4b525766; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-secondary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-success, .page-container .page-sidebar-s .sidebar--dark-success { width: 60px; } .page-container .page-sidebar-s .sidebar--light-success .side-profile img, .page-container .page-sidebar-s .sidebar--dark-success .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-success .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-success .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-success .side-footer, .page-container .page-sidebar-s .sidebar--dark-success .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-success .side-menu, .page-container .page-sidebar-s .sidebar--dark-success .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910726; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #07910766; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-success .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-info, .page-container .page-sidebar-s .sidebar--dark-info { width: 60px; } .page-container .page-sidebar-s .sidebar--light-info .side-profile img, .page-container .page-sidebar-s .sidebar--dark-info .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-info .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-info .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-info .side-footer, .page-container .page-sidebar-s .sidebar--dark-info .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-info .side-menu, .page-container .page-sidebar-s .sidebar--dark-info .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b326; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #25a2b366; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-info .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-warning, .page-container .page-sidebar-s .sidebar--dark-warning { width: 60px; } .page-container .page-sidebar-s .sidebar--light-warning .side-profile img, .page-container .page-sidebar-s .sidebar--dark-warning .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-warning .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-warning .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-warning .side-footer, .page-container .page-sidebar-s .sidebar--dark-warning .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0026; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #edbe0066; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-warning .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-danger, .page-container .page-sidebar-s .sidebar--dark-danger { width: 60px; } .page-container .page-sidebar-s .sidebar--light-danger .side-profile img, .page-container .page-sidebar-s .sidebar--dark-danger .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-danger .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-danger .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-danger .side-footer, .page-container .page-sidebar-s .sidebar--dark-danger .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332926; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #c2332966; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-danger .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-alert, .page-container .page-sidebar-s .sidebar--dark-alert { width: 60px; } .page-container .page-sidebar-s .sidebar--light-alert .side-profile img, .page-container .page-sidebar-s .sidebar--dark-alert .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-alert .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-alert .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-alert .side-footer, .page-container .page-sidebar-s .sidebar--dark-alert .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0726; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #d35f0766; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-alert .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-theme, .page-container .page-sidebar-s .sidebar--dark-theme { width: 60px; } .page-container .page-sidebar-s .sidebar--light-theme .side-profile img, .page-container .page-sidebar-s .sidebar--dark-theme .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-theme .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-theme .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-theme .side-footer, .page-container .page-sidebar-s .sidebar--dark-theme .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517126; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #2C517166; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-theme .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171 !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-white, .page-container .page-sidebar-s .sidebar--dark-white { width: 60px; } .page-container .page-sidebar-s .sidebar--light-white .side-profile img, .page-container .page-sidebar-s .sidebar--dark-white .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-white .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-white .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-white .side-footer, .page-container .page-sidebar-s .sidebar--dark-white .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-white .side-menu, .page-container .page-sidebar-s .sidebar--dark-white .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE26; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE66; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-white .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE !important; background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-purple, .page-container .page-sidebar-s .sidebar--dark-purple { width: 60px; } .page-container .page-sidebar-s .sidebar--light-purple .side-profile img, .page-container .page-sidebar-s .sidebar--dark-purple .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-s .sidebar--light-purple .side-profile .profile-info, .page-container .page-sidebar-s .sidebar--dark-purple .side-profile .profile-info { display: none; } .page-container .page-sidebar-s .sidebar--light-purple .side-footer, .page-container .page-sidebar-s .sidebar--dark-purple .side-footer { justify-content: center; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu { overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--title, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name { z-index: 10; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none !important; transition: display 0.4s ease; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .name-menu { display: flex; padding-left: 6px; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C26; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4A148C66; width: 30%; border-radius: 5px; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-s .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark-purple .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C; background-color: #E0E0E0; padding-right: 10px; } .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-s .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-s .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C !important; background-color: #ffffff; } .page-container .page-sidebar-s.close-navbar ~ .page-body { width: calc(100% - 60px); margin-left: 60px; transition: all 0.5s ease; } .page-container .page-sidebar-s.close-navbar ~ .page-body .page-navbar { visibility: hidden; transition: all 0.5s ease; } .page-container .page-sidebar-s.close-navbar ~ .page-body .page-navbar ~ .page-content { margin-top: 0; transition: all 0.5s ease; } .page-container .page-sidebar-s.close-navbar ~ .page-body .offset-for-top-navbar { visibility: hidden !important; margin: 0; transition: all 0.5s ease; } .page-container .page-sidebar-m { position: fixed; top: 0; left: 0; z-index: 99; transition: all 0.5s ease; } .page-container .page-sidebar-m ~ .page-body { width: calc(100% - 110px); margin-left: 110px; transition: all 0.5s ease; } .page-container .page-sidebar-m ~ .page-body .page-navbar .sticky-navbar { transition: all 0.5s ease; } .page-container .page-sidebar-m .sidebar--light, .page-container .page-sidebar-m .sidebar--dark { width: 110px; } .page-container .page-sidebar-m .sidebar--light .side-profile, .page-container .page-sidebar-m .sidebar--dark .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light .side-profile img, .page-container .page-sidebar-m .sidebar--dark .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light .side-footer, .page-container .page-sidebar-m .sidebar--dark .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light .side-menu, .page-container .page-sidebar-m .sidebar--dark .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-primary, .page-container .page-sidebar-m .sidebar--dark-primary { width: 110px; } .page-container .page-sidebar-m .sidebar--light-primary .side-profile, .page-container .page-sidebar-m .sidebar--dark-primary .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-primary .side-profile img, .page-container .page-sidebar-m .sidebar--dark-primary .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-primary .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-primary .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-primary .side-footer, .page-container .page-sidebar-m .sidebar--dark-primary .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-secondary, .page-container .page-sidebar-m .sidebar--dark-secondary { width: 110px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-profile, .page-container .page-sidebar-m .sidebar--dark-secondary .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-secondary .side-profile img, .page-container .page-sidebar-m .sidebar--dark-secondary .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-secondary .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-secondary .side-footer, .page-container .page-sidebar-m .sidebar--dark-secondary .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-success, .page-container .page-sidebar-m .sidebar--dark-success { width: 110px; } .page-container .page-sidebar-m .sidebar--light-success .side-profile, .page-container .page-sidebar-m .sidebar--dark-success .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-success .side-profile img, .page-container .page-sidebar-m .sidebar--dark-success .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-success .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-success .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-success .side-footer, .page-container .page-sidebar-m .sidebar--dark-success .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-success .side-menu, .page-container .page-sidebar-m .sidebar--dark-success .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-info, .page-container .page-sidebar-m .sidebar--dark-info { width: 110px; } .page-container .page-sidebar-m .sidebar--light-info .side-profile, .page-container .page-sidebar-m .sidebar--dark-info .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-info .side-profile img, .page-container .page-sidebar-m .sidebar--dark-info .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-info .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-info .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-info .side-footer, .page-container .page-sidebar-m .sidebar--dark-info .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-info .side-menu, .page-container .page-sidebar-m .sidebar--dark-info .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-warning, .page-container .page-sidebar-m .sidebar--dark-warning { width: 110px; } .page-container .page-sidebar-m .sidebar--light-warning .side-profile, .page-container .page-sidebar-m .sidebar--dark-warning .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-warning .side-profile img, .page-container .page-sidebar-m .sidebar--dark-warning .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-warning .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-warning .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-warning .side-footer, .page-container .page-sidebar-m .sidebar--dark-warning .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-danger, .page-container .page-sidebar-m .sidebar--dark-danger { width: 110px; } .page-container .page-sidebar-m .sidebar--light-danger .side-profile, .page-container .page-sidebar-m .sidebar--dark-danger .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-danger .side-profile img, .page-container .page-sidebar-m .sidebar--dark-danger .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-danger .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-danger .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-danger .side-footer, .page-container .page-sidebar-m .sidebar--dark-danger .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-alert, .page-container .page-sidebar-m .sidebar--dark-alert { width: 110px; } .page-container .page-sidebar-m .sidebar--light-alert .side-profile, .page-container .page-sidebar-m .sidebar--dark-alert .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-alert .side-profile img, .page-container .page-sidebar-m .sidebar--dark-alert .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-alert .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-alert .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-alert .side-footer, .page-container .page-sidebar-m .sidebar--dark-alert .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-theme, .page-container .page-sidebar-m .sidebar--dark-theme { width: 110px; } .page-container .page-sidebar-m .sidebar--light-theme .side-profile, .page-container .page-sidebar-m .sidebar--dark-theme .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-theme .side-profile img, .page-container .page-sidebar-m .sidebar--dark-theme .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-theme .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-theme .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-theme .side-footer, .page-container .page-sidebar-m .sidebar--dark-theme .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171 !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-white, .page-container .page-sidebar-m .sidebar--dark-white { width: 110px; } .page-container .page-sidebar-m .sidebar--light-white .side-profile, .page-container .page-sidebar-m .sidebar--dark-white .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-white .side-profile img, .page-container .page-sidebar-m .sidebar--dark-white .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-white .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-white .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-white .side-footer, .page-container .page-sidebar-m .sidebar--dark-white .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-white .side-menu, .page-container .page-sidebar-m .sidebar--dark-white .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE !important; background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--light-purple, .page-container .page-sidebar-m .sidebar--dark-purple { width: 110px; } .page-container .page-sidebar-m .sidebar--light-purple .side-profile, .page-container .page-sidebar-m .sidebar--dark-purple .side-profile { flex-direction: column; text-align: center; } .page-container .page-sidebar-m .sidebar--light-purple .side-profile img, .page-container .page-sidebar-m .sidebar--dark-purple .side-profile img { display: block; width: 40px; height: 40px; } .page-container .page-sidebar-m .sidebar--light-purple .side-profile .profile-info, .page-container .page-sidebar-m .sidebar--dark-purple .side-profile .profile-info { font-size: 12px; font-weight: 400; } .page-container .page-sidebar-m .sidebar--light-purple .side-footer, .page-container .page-sidebar-m .sidebar--dark-purple .side-footer { justify-content: center; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu { gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--title, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--title { display: none !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name { z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu { line-height: 20px; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .name-menu, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .name-menu { font-size: 12px; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--item .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .name-menu { display: none; padding-left: 6px; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .child-menu, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .child-menu { height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item:hover, .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child { background-color: #ffffff; border-left: 1px solid #E0E0E0; } .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item { display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .page-container .page-sidebar-m .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { background-color: #E0E0E0; } .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .page-container .page-sidebar-m .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C !important; background-color: #ffffff; } .page-container .page-sidebar-m.close-navbar ~ .page-body { width: calc(100% - 110px); margin-left: 110px; transition: all 0.5s ease; } .page-container .page-sidebar-m.close-navbar ~ .page-body .page-navbar { visibility: hidden; transition: all 0.5s ease; } .page-container .page-sidebar-m.close-navbar ~ .page-body .page-navbar ~ .page-content { margin-top: 0; transition: all 0.5s ease; } .page-container .page-sidebar-m.close-navbar ~ .page-body .offset-for-top-navbar { visibility: hidden !important; margin: 0; transition: all 0.5s ease; } .sticky-side { position: fixed; left: 0; width: auto; height: 100vh; z-index: 99; } .sidebar--light, .sidebar--dark { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; width: 250px; background: #ffffff; border-right: 1px solid #EEEEEE; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.1s ease; } .sidebar--light hr, .sidebar--dark hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #E0E0E0; } .sidebar--light .side-info, .sidebar--dark .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light .side-info .side-info--logo, .sidebar--dark .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light .side-info .side-info--logo img, .sidebar--dark .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light .side-info .side-info--logo-small, .sidebar--dark .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light .side-info .side-info--logo-small img, .sidebar--dark .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light .side-info .side-info--icon-size, .sidebar--dark .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light .side-info .side-info--avatar, .sidebar--dark .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light .side-info .side-info--avatar img, .sidebar--dark .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light .side-profile, .sidebar--dark .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light .side-profile img, .sidebar--dark .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #9E9E9E; } .sidebar--light .side-profile .profile-info, .sidebar--dark .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light .side-body, .sidebar--dark .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light .side-footer, .sidebar--dark .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light .side-menu, .sidebar--dark .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light .side-menu::-webkit-scrollbar, .sidebar--dark .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light .side-menu::-webkit-scrollbar-track, .sidebar--dark .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757542; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light .side-menu::-webkit-scrollbar-thumb, .sidebar--dark .side-menu::-webkit-scrollbar-thumb { background-color: #75757599; width: 30%; border-radius: 5px; } .sidebar--light .side-menu ul, .sidebar--dark .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light .side-menu ul li, .sidebar--dark .side-menu ul li { display: inline-block; width: auto; } .sidebar--light .side-menu i, .sidebar--dark .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light .side-menu .side-menu--title, .sidebar--dark .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #757575; font-weight: 500; opacity: 0.6; } .sidebar--light .side-menu .side-menu--item, .sidebar--dark .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light .side-menu .side-menu--item a, .sidebar--light .side-menu .side-menu--item span, .sidebar--light .side-menu .side-menu--item div, .sidebar--dark .side-menu .side-menu--item a, .sidebar--dark .side-menu .side-menu--item span, .sidebar--dark .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light .side-menu .side-menu--item a:hover, .sidebar--light .side-menu .side-menu--item span:hover, .sidebar--light .side-menu .side-menu--item div:hover, .sidebar--dark .side-menu .side-menu--item a:hover, .sidebar--dark .side-menu .side-menu--item span:hover, .sidebar--dark .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar--light .side-menu .side-menu--item.active, .sidebar--light .side-menu .side-menu--item:active, .sidebar--light .side-menu .side-menu--item.focus, .sidebar--light .side-menu .side-menu--item:focus, .sidebar--dark .side-menu .side-menu--item.active, .sidebar--dark .side-menu .side-menu--item:active, .sidebar--dark .side-menu .side-menu--item.focus, .sidebar--dark .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar--light .side-menu .side-menu--item .side-menu--child, .sidebar--dark .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; } .sidebar--light .side-menu .side-menu--child, .sidebar--dark .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light .side-menu .side-menu--child li, .sidebar--light .side-menu .side-menu--child a, .sidebar--light .side-menu .side-menu--child .list, .sidebar--dark .side-menu .side-menu--child li, .sidebar--dark .side-menu .side-menu--child a, .sidebar--dark .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light .side-menu .side-menu--child li:hover, .sidebar--light .side-menu .side-menu--child a:hover, .sidebar--light .side-menu .side-menu--child .list:hover, .sidebar--dark .side-menu .side-menu--child li:hover, .sidebar--dark .side-menu .side-menu--child a:hover, .sidebar--dark .side-menu .side-menu--child .list:hover { color: #616161 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light .side-menu .side-menu--child .name-menu, .sidebar--dark .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; } .sidebar--light .side-menu .side-menu--child ul, .sidebar--light .side-menu .side-menu--child .child-menu, .sidebar--dark .side-menu .side-menu--child ul, .sidebar--dark .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar--light .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar--light .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light .side-menu .side-menu--child hr, .sidebar--dark .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark { background: #616161; border-right: 1px solid #757575; } .sidebar--dark hr { border-color: #757575; } .sidebar--dark .side-info { background-color: #42424233; } .sidebar--dark .side-info .side-info--icon-size { color: #757575; } .sidebar--dark .side-profile { color: #BDBDBD; } .sidebar--dark .side-profile img { border: 2px solid #E0E0E0; } .sidebar--dark .side-footer { color: #BDBDBD; background-color: #42424233; } .sidebar--dark .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar--dark .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar--dark .side-menu .side-menu--title { color: #BDBDBD; } .sidebar--dark .side-menu .side-menu--item .side-menu--item-name { color: #BDBDBD; } .sidebar--dark .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-primary, .sidebar--dark-primary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #14619c; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-primary hr, .sidebar--dark-primary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #14619c33; } .sidebar--light-primary .side-info, .sidebar--dark-primary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-primary .side-info .side-info--logo, .sidebar--dark-primary .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-primary .side-info .side-info--logo img, .sidebar--dark-primary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-primary .side-info .side-info--logo-small, .sidebar--dark-primary .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-primary .side-info .side-info--logo-small img, .sidebar--dark-primary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-primary .side-info .side-info--icon-size, .sidebar--dark-primary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-primary .side-info .side-info--avatar, .sidebar--dark-primary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-primary .side-info .side-info--avatar img, .sidebar--dark-primary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-primary .side-profile, .sidebar--dark-primary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-primary .side-profile img, .sidebar--dark-primary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #14619c; } .sidebar--light-primary .side-profile .profile-info, .sidebar--dark-primary .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-primary .side-body, .sidebar--dark-primary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-primary .side-footer, .sidebar--dark-primary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-primary .side-menu, .sidebar--dark-primary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-primary .side-menu::-webkit-scrollbar, .sidebar--dark-primary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-primary .side-menu::-webkit-scrollbar-track, .sidebar--dark-primary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-primary .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #14619c99; width: 30%; border-radius: 5px; } .sidebar--light-primary .side-menu ul, .sidebar--dark-primary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-primary .side-menu ul li, .sidebar--dark-primary .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-primary .side-menu i, .sidebar--dark-primary .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-primary .side-menu .side-menu--title, .sidebar--dark-primary .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #14619c; font-weight: 500; opacity: 0.6; } .sidebar--light-primary .side-menu .side-menu--item, .sidebar--dark-primary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-primary .side-menu .side-menu--item a, .sidebar--light-primary .side-menu .side-menu--item span, .sidebar--light-primary .side-menu .side-menu--item div, .sidebar--dark-primary .side-menu .side-menu--item a, .sidebar--dark-primary .side-menu .side-menu--item span, .sidebar--dark-primary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-primary .side-menu .side-menu--item a:hover, .sidebar--light-primary .side-menu .side-menu--item span:hover, .sidebar--light-primary .side-menu .side-menu--item div:hover, .sidebar--dark-primary .side-menu .side-menu--item a:hover, .sidebar--dark-primary .side-menu .side-menu--item span:hover, .sidebar--dark-primary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-primary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #14619c !important; font-weight: 500; } .sidebar--light-primary .side-menu .side-menu--item.active, .sidebar--light-primary .side-menu .side-menu--item:active, .sidebar--light-primary .side-menu .side-menu--item.focus, .sidebar--light-primary .side-menu .side-menu--item:focus, .sidebar--dark-primary .side-menu .side-menu--item.active, .sidebar--dark-primary .side-menu .side-menu--item:active, .sidebar--dark-primary .side-menu .side-menu--item.focus, .sidebar--dark-primary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-primary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .sidebar--light-primary .side-menu .side-menu--item .side-menu--child, .sidebar--dark-primary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-primary .side-menu .side-menu--child, .sidebar--dark-primary .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-primary .side-menu .side-menu--child li, .sidebar--light-primary .side-menu .side-menu--child a, .sidebar--light-primary .side-menu .side-menu--child .list, .sidebar--dark-primary .side-menu .side-menu--child li, .sidebar--dark-primary .side-menu .side-menu--child a, .sidebar--dark-primary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-primary .side-menu .side-menu--child li:hover, .sidebar--light-primary .side-menu .side-menu--child a:hover, .sidebar--light-primary .side-menu .side-menu--child .list:hover, .sidebar--dark-primary .side-menu .side-menu--child li:hover, .sidebar--dark-primary .side-menu .side-menu--child a:hover, .sidebar--dark-primary .side-menu .side-menu--child .list:hover { color: #14619c !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-primary .side-menu .side-menu--child .name-menu, .sidebar--dark-primary .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-primary .side-menu .side-menu--child .child-menu, .sidebar--dark-primary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #14619c; background-color: #ffffff; font-weight: 500; } .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item.focus { color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-primary .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-primary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-primary .side-menu .side-menu--child hr, .sidebar--dark-primary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-primary { background: #14619c; border-right: 1px solid #2196f3; } .sidebar--dark-primary hr { border-color: #e0f1ff33; } .sidebar--dark-primary .side-info { background-color: #e0f1ff33; } .sidebar--dark-primary .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-primary .side-profile { color: #e0f1ff; } .sidebar--dark-primary .side-profile img { border: 2px solid #e0f1ff; } .sidebar--dark-primary .side-footer { color: #e0f1ff; background-color: #e0f1ff33; } .sidebar--dark-primary .side-menu::-webkit-scrollbar-track { background-color: #e0f1ff42; } .sidebar--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #e0f1ff99; } .sidebar--dark-primary .side-menu .side-menu--title { color: #e0f1ff; } .sidebar--dark-primary .side-menu .side-menu--item .side-menu--item-name { color: #e0f1ff; } .sidebar--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-secondary, .sidebar--dark-secondary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #4b5257; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-secondary hr, .sidebar--dark-secondary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4b525733; } .sidebar--light-secondary .side-info, .sidebar--dark-secondary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-secondary .side-info .side-info--logo, .sidebar--dark-secondary .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-secondary .side-info .side-info--logo img, .sidebar--dark-secondary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-secondary .side-info .side-info--logo-small, .sidebar--dark-secondary .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-secondary .side-info .side-info--logo-small img, .sidebar--dark-secondary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-secondary .side-info .side-info--icon-size, .sidebar--dark-secondary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-secondary .side-info .side-info--avatar, .sidebar--dark-secondary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-secondary .side-info .side-info--avatar img, .sidebar--dark-secondary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-secondary .side-profile, .sidebar--dark-secondary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-secondary .side-profile img, .sidebar--dark-secondary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4b5257; } .sidebar--light-secondary .side-profile .profile-info, .sidebar--dark-secondary .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-secondary .side-body, .sidebar--dark-secondary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-secondary .side-footer, .sidebar--dark-secondary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-secondary .side-menu, .sidebar--dark-secondary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-secondary .side-menu::-webkit-scrollbar, .sidebar--dark-secondary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-secondary .side-menu::-webkit-scrollbar-track, .sidebar--dark-secondary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-secondary .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #4b525799; width: 30%; border-radius: 5px; } .sidebar--light-secondary .side-menu ul, .sidebar--dark-secondary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-secondary .side-menu ul li, .sidebar--dark-secondary .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-secondary .side-menu i, .sidebar--dark-secondary .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-secondary .side-menu .side-menu--title, .sidebar--dark-secondary .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4b5257; font-weight: 500; opacity: 0.6; } .sidebar--light-secondary .side-menu .side-menu--item, .sidebar--dark-secondary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-secondary .side-menu .side-menu--item a, .sidebar--light-secondary .side-menu .side-menu--item span, .sidebar--light-secondary .side-menu .side-menu--item div, .sidebar--dark-secondary .side-menu .side-menu--item a, .sidebar--dark-secondary .side-menu .side-menu--item span, .sidebar--dark-secondary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-secondary .side-menu .side-menu--item a:hover, .sidebar--light-secondary .side-menu .side-menu--item span:hover, .sidebar--light-secondary .side-menu .side-menu--item div:hover, .sidebar--dark-secondary .side-menu .side-menu--item a:hover, .sidebar--dark-secondary .side-menu .side-menu--item span:hover, .sidebar--dark-secondary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-secondary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #4b5257 !important; font-weight: 500; } .sidebar--light-secondary .side-menu .side-menu--item.active, .sidebar--light-secondary .side-menu .side-menu--item:active, .sidebar--light-secondary .side-menu .side-menu--item.focus, .sidebar--light-secondary .side-menu .side-menu--item:focus, .sidebar--dark-secondary .side-menu .side-menu--item.active, .sidebar--dark-secondary .side-menu .side-menu--item:active, .sidebar--dark-secondary .side-menu .side-menu--item.focus, .sidebar--dark-secondary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-secondary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .sidebar--light-secondary .side-menu .side-menu--item .side-menu--child, .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-secondary .side-menu .side-menu--child, .sidebar--dark-secondary .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-secondary .side-menu .side-menu--child li, .sidebar--light-secondary .side-menu .side-menu--child a, .sidebar--light-secondary .side-menu .side-menu--child .list, .sidebar--dark-secondary .side-menu .side-menu--child li, .sidebar--dark-secondary .side-menu .side-menu--child a, .sidebar--dark-secondary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-secondary .side-menu .side-menu--child li:hover, .sidebar--light-secondary .side-menu .side-menu--child a:hover, .sidebar--light-secondary .side-menu .side-menu--child .list:hover, .sidebar--dark-secondary .side-menu .side-menu--child li:hover, .sidebar--dark-secondary .side-menu .side-menu--child a:hover, .sidebar--dark-secondary .side-menu .side-menu--child .list:hover { color: #4b5257 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-secondary .side-menu .side-menu--child .name-menu, .sidebar--dark-secondary .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-secondary .side-menu .side-menu--child .child-menu, .sidebar--dark-secondary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #4b5257; background-color: #ffffff; font-weight: 500; } .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item.focus { color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-secondary .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-secondary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-secondary .side-menu .side-menu--child hr, .sidebar--dark-secondary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-secondary { background: #4b5257; border-right: 1px solid #6c757d; } .sidebar--dark-secondary hr { border-color: #e1e1e133; } .sidebar--dark-secondary .side-info { background-color: #e1e1e133; } .sidebar--dark-secondary .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-secondary .side-profile { color: #e1e1e1; } .sidebar--dark-secondary .side-profile img { border: 2px solid #e1e1e1; } .sidebar--dark-secondary .side-footer { color: #e1e1e1; background-color: #e1e1e133; } .sidebar--dark-secondary .side-menu::-webkit-scrollbar-track { background-color: #e1e1e142; } .sidebar--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #e1e1e199; } .sidebar--dark-secondary .side-menu .side-menu--title { color: #e1e1e1; } .sidebar--dark-secondary .side-menu .side-menu--item .side-menu--item-name { color: #e1e1e1; } .sidebar--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-success, .sidebar--dark-success { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #079107; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-success hr, .sidebar--dark-success hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #07910733; } .sidebar--light-success .side-info, .sidebar--dark-success .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-success .side-info .side-info--logo, .sidebar--dark-success .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-success .side-info .side-info--logo img, .sidebar--dark-success .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-success .side-info .side-info--logo-small, .sidebar--dark-success .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-success .side-info .side-info--logo-small img, .sidebar--dark-success .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-success .side-info .side-info--icon-size, .sidebar--dark-success .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-success .side-info .side-info--avatar, .sidebar--dark-success .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-success .side-info .side-info--avatar img, .sidebar--dark-success .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-success .side-profile, .sidebar--dark-success .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-success .side-profile img, .sidebar--dark-success .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #079107; } .sidebar--light-success .side-profile .profile-info, .sidebar--dark-success .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-success .side-body, .sidebar--dark-success .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-success .side-footer, .sidebar--dark-success .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-success .side-menu, .sidebar--dark-success .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-success .side-menu::-webkit-scrollbar, .sidebar--dark-success .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-success .side-menu::-webkit-scrollbar-track, .sidebar--dark-success .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-success .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #07910799; width: 30%; border-radius: 5px; } .sidebar--light-success .side-menu ul, .sidebar--dark-success .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-success .side-menu ul li, .sidebar--dark-success .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-success .side-menu i, .sidebar--dark-success .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-success .side-menu .side-menu--title, .sidebar--dark-success .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #079107; font-weight: 500; opacity: 0.6; } .sidebar--light-success .side-menu .side-menu--item, .sidebar--dark-success .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-success .side-menu .side-menu--item a, .sidebar--light-success .side-menu .side-menu--item span, .sidebar--light-success .side-menu .side-menu--item div, .sidebar--dark-success .side-menu .side-menu--item a, .sidebar--dark-success .side-menu .side-menu--item span, .sidebar--dark-success .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-success .side-menu .side-menu--item a:hover, .sidebar--light-success .side-menu .side-menu--item span:hover, .sidebar--light-success .side-menu .side-menu--item div:hover, .sidebar--dark-success .side-menu .side-menu--item a:hover, .sidebar--dark-success .side-menu .side-menu--item span:hover, .sidebar--dark-success .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-success .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #079107 !important; font-weight: 500; } .sidebar--light-success .side-menu .side-menu--item.active, .sidebar--light-success .side-menu .side-menu--item:active, .sidebar--light-success .side-menu .side-menu--item.focus, .sidebar--light-success .side-menu .side-menu--item:focus, .sidebar--dark-success .side-menu .side-menu--item.active, .sidebar--dark-success .side-menu .side-menu--item:active, .sidebar--dark-success .side-menu .side-menu--item.focus, .sidebar--dark-success .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-success .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #079107; font-weight: 500; border-left: 4px solid #079107; } .sidebar--light-success .side-menu .side-menu--item .side-menu--child, .sidebar--dark-success .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-success .side-menu .side-menu--child, .sidebar--dark-success .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-success .side-menu .side-menu--child li, .sidebar--light-success .side-menu .side-menu--child a, .sidebar--light-success .side-menu .side-menu--child .list, .sidebar--dark-success .side-menu .side-menu--child li, .sidebar--dark-success .side-menu .side-menu--child a, .sidebar--dark-success .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-success .side-menu .side-menu--child li:hover, .sidebar--light-success .side-menu .side-menu--child a:hover, .sidebar--light-success .side-menu .side-menu--child .list:hover, .sidebar--dark-success .side-menu .side-menu--child li:hover, .sidebar--dark-success .side-menu .side-menu--child a:hover, .sidebar--dark-success .side-menu .side-menu--child .list:hover { color: #079107 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-success .side-menu .side-menu--child .name-menu, .sidebar--dark-success .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-success .side-menu .side-menu--child .child-menu, .sidebar--dark-success .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #079107; background-color: #ffffff; font-weight: 500; } .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item.focus { color: #079107; font-weight: 500; border-left: 4px solid #079107; } .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-success .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-success .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-success .side-menu .side-menu--child hr, .sidebar--dark-success .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-success { background: #079107; border-right: 1px solid #20ad20; } .sidebar--dark-success hr { border-color: #e8fac733; } .sidebar--dark-success .side-info { background-color: #e8fac733; } .sidebar--dark-success .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-success .side-profile { color: #e8fac7; } .sidebar--dark-success .side-profile img { border: 2px solid #e8fac7; } .sidebar--dark-success .side-footer { color: #e8fac7; background-color: #e8fac733; } .sidebar--dark-success .side-menu::-webkit-scrollbar-track { background-color: #e8fac742; } .sidebar--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #e8fac799; } .sidebar--dark-success .side-menu .side-menu--title { color: #e8fac7; } .sidebar--dark-success .side-menu .side-menu--item .side-menu--item-name { color: #e8fac7; } .sidebar--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-info, .sidebar--dark-info { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #25a2b3; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-info hr, .sidebar--dark-info hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #25a2b333; } .sidebar--light-info .side-info, .sidebar--dark-info .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-info .side-info .side-info--logo, .sidebar--dark-info .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-info .side-info .side-info--logo img, .sidebar--dark-info .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-info .side-info .side-info--logo-small, .sidebar--dark-info .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-info .side-info .side-info--logo-small img, .sidebar--dark-info .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-info .side-info .side-info--icon-size, .sidebar--dark-info .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-info .side-info .side-info--avatar, .sidebar--dark-info .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-info .side-info .side-info--avatar img, .sidebar--dark-info .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-info .side-profile, .sidebar--dark-info .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-info .side-profile img, .sidebar--dark-info .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #25a2b3; } .sidebar--light-info .side-profile .profile-info, .sidebar--dark-info .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-info .side-body, .sidebar--dark-info .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-info .side-footer, .sidebar--dark-info .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-info .side-menu, .sidebar--dark-info .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-info .side-menu::-webkit-scrollbar, .sidebar--dark-info .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-info .side-menu::-webkit-scrollbar-track, .sidebar--dark-info .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b342; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-info .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #25a2b399; width: 30%; border-radius: 5px; } .sidebar--light-info .side-menu ul, .sidebar--dark-info .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-info .side-menu ul li, .sidebar--dark-info .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-info .side-menu i, .sidebar--dark-info .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-info .side-menu .side-menu--title, .sidebar--dark-info .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #25a2b3; font-weight: 500; opacity: 0.6; } .sidebar--light-info .side-menu .side-menu--item, .sidebar--dark-info .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-info .side-menu .side-menu--item a, .sidebar--light-info .side-menu .side-menu--item span, .sidebar--light-info .side-menu .side-menu--item div, .sidebar--dark-info .side-menu .side-menu--item a, .sidebar--dark-info .side-menu .side-menu--item span, .sidebar--dark-info .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-info .side-menu .side-menu--item a:hover, .sidebar--light-info .side-menu .side-menu--item span:hover, .sidebar--light-info .side-menu .side-menu--item div:hover, .sidebar--dark-info .side-menu .side-menu--item a:hover, .sidebar--dark-info .side-menu .side-menu--item span:hover, .sidebar--dark-info .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-info .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #25a2b3 !important; font-weight: 500; } .sidebar--light-info .side-menu .side-menu--item.active, .sidebar--light-info .side-menu .side-menu--item:active, .sidebar--light-info .side-menu .side-menu--item.focus, .sidebar--light-info .side-menu .side-menu--item:focus, .sidebar--dark-info .side-menu .side-menu--item.active, .sidebar--dark-info .side-menu .side-menu--item:active, .sidebar--dark-info .side-menu .side-menu--item.focus, .sidebar--dark-info .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-info .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .sidebar--light-info .side-menu .side-menu--item .side-menu--child, .sidebar--dark-info .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-info .side-menu .side-menu--child, .sidebar--dark-info .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-info .side-menu .side-menu--child li, .sidebar--light-info .side-menu .side-menu--child a, .sidebar--light-info .side-menu .side-menu--child .list, .sidebar--dark-info .side-menu .side-menu--child li, .sidebar--dark-info .side-menu .side-menu--child a, .sidebar--dark-info .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-info .side-menu .side-menu--child li:hover, .sidebar--light-info .side-menu .side-menu--child a:hover, .sidebar--light-info .side-menu .side-menu--child .list:hover, .sidebar--dark-info .side-menu .side-menu--child li:hover, .sidebar--dark-info .side-menu .side-menu--child a:hover, .sidebar--dark-info .side-menu .side-menu--child .list:hover { color: #25a2b3 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-info .side-menu .side-menu--child .name-menu, .sidebar--dark-info .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-info .side-menu .side-menu--child .child-menu, .sidebar--dark-info .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #25a2b3; background-color: #ffffff; font-weight: 500; } .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item.focus { color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-info .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-info .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-info .side-menu .side-menu--child hr, .sidebar--dark-info .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-info { background: #25a2b3; border-right: 1px solid #4dd0e1; } .sidebar--dark-info hr { border-color: #d2f9ff33; } .sidebar--dark-info .side-info { background-color: #d2f9ff33; } .sidebar--dark-info .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-info .side-profile { color: #d2f9ff; } .sidebar--dark-info .side-profile img { border: 2px solid #d2f9ff; } .sidebar--dark-info .side-footer { color: #d2f9ff; background-color: #d2f9ff33; } .sidebar--dark-info .side-menu::-webkit-scrollbar-track { background-color: #d2f9ff42; } .sidebar--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #d2f9ff99; } .sidebar--dark-info .side-menu .side-menu--title { color: #d2f9ff; } .sidebar--dark-info .side-menu .side-menu--item .side-menu--item-name { color: #d2f9ff; } .sidebar--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-warning, .sidebar--dark-warning { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #edbe00; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-warning hr, .sidebar--dark-warning hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #edbe0033; } .sidebar--light-warning .side-info, .sidebar--dark-warning .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-warning .side-info .side-info--logo, .sidebar--dark-warning .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-warning .side-info .side-info--logo img, .sidebar--dark-warning .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-warning .side-info .side-info--logo-small, .sidebar--dark-warning .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-warning .side-info .side-info--logo-small img, .sidebar--dark-warning .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-warning .side-info .side-info--icon-size, .sidebar--dark-warning .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-warning .side-info .side-info--avatar, .sidebar--dark-warning .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-warning .side-info .side-info--avatar img, .sidebar--dark-warning .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-warning .side-profile, .sidebar--dark-warning .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-warning .side-profile img, .sidebar--dark-warning .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #edbe00; } .sidebar--light-warning .side-profile .profile-info, .sidebar--dark-warning .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-warning .side-body, .sidebar--dark-warning .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-warning .side-footer, .sidebar--dark-warning .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-warning .side-menu, .sidebar--dark-warning .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-warning .side-menu::-webkit-scrollbar, .sidebar--dark-warning .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-warning .side-menu::-webkit-scrollbar-track, .sidebar--dark-warning .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0042; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-warning .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #edbe0099; width: 30%; border-radius: 5px; } .sidebar--light-warning .side-menu ul, .sidebar--dark-warning .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-warning .side-menu ul li, .sidebar--dark-warning .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-warning .side-menu i, .sidebar--dark-warning .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-warning .side-menu .side-menu--title, .sidebar--dark-warning .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #edbe00; font-weight: 500; opacity: 0.6; } .sidebar--light-warning .side-menu .side-menu--item, .sidebar--dark-warning .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-warning .side-menu .side-menu--item a, .sidebar--light-warning .side-menu .side-menu--item span, .sidebar--light-warning .side-menu .side-menu--item div, .sidebar--dark-warning .side-menu .side-menu--item a, .sidebar--dark-warning .side-menu .side-menu--item span, .sidebar--dark-warning .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-warning .side-menu .side-menu--item a:hover, .sidebar--light-warning .side-menu .side-menu--item span:hover, .sidebar--light-warning .side-menu .side-menu--item div:hover, .sidebar--dark-warning .side-menu .side-menu--item a:hover, .sidebar--dark-warning .side-menu .side-menu--item span:hover, .sidebar--dark-warning .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-warning .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #edbe00 !important; font-weight: 500; } .sidebar--light-warning .side-menu .side-menu--item.active, .sidebar--light-warning .side-menu .side-menu--item:active, .sidebar--light-warning .side-menu .side-menu--item.focus, .sidebar--light-warning .side-menu .side-menu--item:focus, .sidebar--dark-warning .side-menu .side-menu--item.active, .sidebar--dark-warning .side-menu .side-menu--item:active, .sidebar--dark-warning .side-menu .side-menu--item.focus, .sidebar--dark-warning .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-warning .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .sidebar--light-warning .side-menu .side-menu--item .side-menu--child, .sidebar--dark-warning .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-warning .side-menu .side-menu--child, .sidebar--dark-warning .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-warning .side-menu .side-menu--child li, .sidebar--light-warning .side-menu .side-menu--child a, .sidebar--light-warning .side-menu .side-menu--child .list, .sidebar--dark-warning .side-menu .side-menu--child li, .sidebar--dark-warning .side-menu .side-menu--child a, .sidebar--dark-warning .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-warning .side-menu .side-menu--child li:hover, .sidebar--light-warning .side-menu .side-menu--child a:hover, .sidebar--light-warning .side-menu .side-menu--child .list:hover, .sidebar--dark-warning .side-menu .side-menu--child li:hover, .sidebar--dark-warning .side-menu .side-menu--child a:hover, .sidebar--dark-warning .side-menu .side-menu--child .list:hover { color: #edbe00 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-warning .side-menu .side-menu--child .name-menu, .sidebar--dark-warning .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-warning .side-menu .side-menu--child .child-menu, .sidebar--dark-warning .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #edbe00; background-color: #ffffff; font-weight: 500; } .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item.focus { color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-warning .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-warning .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-warning .side-menu .side-menu--child hr, .sidebar--dark-warning .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-warning { background: #edbe00; border-right: 1px solid #f9cf48; } .sidebar--dark-warning hr { border-color: #fef6d933; } .sidebar--dark-warning .side-info { background-color: #fef6d933; } .sidebar--dark-warning .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-warning .side-profile { color: #fef6d9; } .sidebar--dark-warning .side-profile img { border: 2px solid #fef6d9; } .sidebar--dark-warning .side-footer { color: #fef6d9; background-color: #fef6d933; } .sidebar--dark-warning .side-menu::-webkit-scrollbar-track { background-color: #fef6d942; } .sidebar--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #fef6d999; } .sidebar--dark-warning .side-menu .side-menu--title { color: #fef6d9; } .sidebar--dark-warning .side-menu .side-menu--item .side-menu--item-name { color: #fef6d9; } .sidebar--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-danger, .sidebar--dark-danger { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #c23329; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-danger hr, .sidebar--dark-danger hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #c2332933; } .sidebar--light-danger .side-info, .sidebar--dark-danger .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-danger .side-info .side-info--logo, .sidebar--dark-danger .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-danger .side-info .side-info--logo img, .sidebar--dark-danger .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-danger .side-info .side-info--logo-small, .sidebar--dark-danger .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-danger .side-info .side-info--logo-small img, .sidebar--dark-danger .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-danger .side-info .side-info--icon-size, .sidebar--dark-danger .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-danger .side-info .side-info--avatar, .sidebar--dark-danger .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-danger .side-info .side-info--avatar img, .sidebar--dark-danger .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-danger .side-profile, .sidebar--dark-danger .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-danger .side-profile img, .sidebar--dark-danger .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #c23329; } .sidebar--light-danger .side-profile .profile-info, .sidebar--dark-danger .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-danger .side-body, .sidebar--dark-danger .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-danger .side-footer, .sidebar--dark-danger .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-danger .side-menu, .sidebar--dark-danger .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-danger .side-menu::-webkit-scrollbar, .sidebar--dark-danger .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-danger .side-menu::-webkit-scrollbar-track, .sidebar--dark-danger .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332942; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-danger .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #c2332999; width: 30%; border-radius: 5px; } .sidebar--light-danger .side-menu ul, .sidebar--dark-danger .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-danger .side-menu ul li, .sidebar--dark-danger .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-danger .side-menu i, .sidebar--dark-danger .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-danger .side-menu .side-menu--title, .sidebar--dark-danger .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #c23329; font-weight: 500; opacity: 0.6; } .sidebar--light-danger .side-menu .side-menu--item, .sidebar--dark-danger .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-danger .side-menu .side-menu--item a, .sidebar--light-danger .side-menu .side-menu--item span, .sidebar--light-danger .side-menu .side-menu--item div, .sidebar--dark-danger .side-menu .side-menu--item a, .sidebar--dark-danger .side-menu .side-menu--item span, .sidebar--dark-danger .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-danger .side-menu .side-menu--item a:hover, .sidebar--light-danger .side-menu .side-menu--item span:hover, .sidebar--light-danger .side-menu .side-menu--item div:hover, .sidebar--dark-danger .side-menu .side-menu--item a:hover, .sidebar--dark-danger .side-menu .side-menu--item span:hover, .sidebar--dark-danger .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-danger .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #c23329 !important; font-weight: 500; } .sidebar--light-danger .side-menu .side-menu--item.active, .sidebar--light-danger .side-menu .side-menu--item:active, .sidebar--light-danger .side-menu .side-menu--item.focus, .sidebar--light-danger .side-menu .side-menu--item:focus, .sidebar--dark-danger .side-menu .side-menu--item.active, .sidebar--dark-danger .side-menu .side-menu--item:active, .sidebar--dark-danger .side-menu .side-menu--item.focus, .sidebar--dark-danger .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-danger .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .sidebar--light-danger .side-menu .side-menu--item .side-menu--child, .sidebar--dark-danger .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-danger .side-menu .side-menu--child, .sidebar--dark-danger .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-danger .side-menu .side-menu--child li, .sidebar--light-danger .side-menu .side-menu--child a, .sidebar--light-danger .side-menu .side-menu--child .list, .sidebar--dark-danger .side-menu .side-menu--child li, .sidebar--dark-danger .side-menu .side-menu--child a, .sidebar--dark-danger .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-danger .side-menu .side-menu--child li:hover, .sidebar--light-danger .side-menu .side-menu--child a:hover, .sidebar--light-danger .side-menu .side-menu--child .list:hover, .sidebar--dark-danger .side-menu .side-menu--child li:hover, .sidebar--dark-danger .side-menu .side-menu--child a:hover, .sidebar--dark-danger .side-menu .side-menu--child .list:hover { color: #c23329 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-danger .side-menu .side-menu--child .name-menu, .sidebar--dark-danger .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-danger .side-menu .side-menu--child .child-menu, .sidebar--dark-danger .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #c23329; background-color: #ffffff; font-weight: 500; } .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item.focus { color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-danger .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-danger .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-danger .side-menu .side-menu--child hr, .sidebar--dark-danger .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-danger { background: #c23329; border-right: 1px solid #f23629; } .sidebar--dark-danger hr { border-color: #ffd4d133; } .sidebar--dark-danger .side-info { background-color: #ffd4d133; } .sidebar--dark-danger .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-danger .side-profile { color: #ffd4d1; } .sidebar--dark-danger .side-profile img { border: 2px solid #ffd4d1; } .sidebar--dark-danger .side-footer { color: #ffd4d1; background-color: #ffd4d133; } .sidebar--dark-danger .side-menu::-webkit-scrollbar-track { background-color: #ffd4d142; } .sidebar--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #ffd4d199; } .sidebar--dark-danger .side-menu .side-menu--title { color: #ffd4d1; } .sidebar--dark-danger .side-menu .side-menu--item .side-menu--item-name { color: #ffd4d1; } .sidebar--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-alert, .sidebar--dark-alert { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #d35f07; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-alert hr, .sidebar--dark-alert hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #d35f0733; } .sidebar--light-alert .side-info, .sidebar--dark-alert .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-alert .side-info .side-info--logo, .sidebar--dark-alert .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-alert .side-info .side-info--logo img, .sidebar--dark-alert .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-alert .side-info .side-info--logo-small, .sidebar--dark-alert .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-alert .side-info .side-info--logo-small img, .sidebar--dark-alert .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-alert .side-info .side-info--icon-size, .sidebar--dark-alert .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-alert .side-info .side-info--avatar, .sidebar--dark-alert .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-alert .side-info .side-info--avatar img, .sidebar--dark-alert .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-alert .side-profile, .sidebar--dark-alert .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-alert .side-profile img, .sidebar--dark-alert .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #d35f07; } .sidebar--light-alert .side-profile .profile-info, .sidebar--dark-alert .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-alert .side-body, .sidebar--dark-alert .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-alert .side-footer, .sidebar--dark-alert .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-alert .side-menu, .sidebar--dark-alert .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-alert .side-menu::-webkit-scrollbar, .sidebar--dark-alert .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-alert .side-menu::-webkit-scrollbar-track, .sidebar--dark-alert .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-alert .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #d35f0799; width: 30%; border-radius: 5px; } .sidebar--light-alert .side-menu ul, .sidebar--dark-alert .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-alert .side-menu ul li, .sidebar--dark-alert .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-alert .side-menu i, .sidebar--dark-alert .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-alert .side-menu .side-menu--title, .sidebar--dark-alert .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #d35f07; font-weight: 500; opacity: 0.6; } .sidebar--light-alert .side-menu .side-menu--item, .sidebar--dark-alert .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-alert .side-menu .side-menu--item a, .sidebar--light-alert .side-menu .side-menu--item span, .sidebar--light-alert .side-menu .side-menu--item div, .sidebar--dark-alert .side-menu .side-menu--item a, .sidebar--dark-alert .side-menu .side-menu--item span, .sidebar--dark-alert .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-alert .side-menu .side-menu--item a:hover, .sidebar--light-alert .side-menu .side-menu--item span:hover, .sidebar--light-alert .side-menu .side-menu--item div:hover, .sidebar--dark-alert .side-menu .side-menu--item a:hover, .sidebar--dark-alert .side-menu .side-menu--item span:hover, .sidebar--dark-alert .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-alert .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #d35f07 !important; font-weight: 500; } .sidebar--light-alert .side-menu .side-menu--item.active, .sidebar--light-alert .side-menu .side-menu--item:active, .sidebar--light-alert .side-menu .side-menu--item.focus, .sidebar--light-alert .side-menu .side-menu--item:focus, .sidebar--dark-alert .side-menu .side-menu--item.active, .sidebar--dark-alert .side-menu .side-menu--item:active, .sidebar--dark-alert .side-menu .side-menu--item.focus, .sidebar--dark-alert .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-alert .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .sidebar--light-alert .side-menu .side-menu--item .side-menu--child, .sidebar--dark-alert .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-alert .side-menu .side-menu--child, .sidebar--dark-alert .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-alert .side-menu .side-menu--child li, .sidebar--light-alert .side-menu .side-menu--child a, .sidebar--light-alert .side-menu .side-menu--child .list, .sidebar--dark-alert .side-menu .side-menu--child li, .sidebar--dark-alert .side-menu .side-menu--child a, .sidebar--dark-alert .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-alert .side-menu .side-menu--child li:hover, .sidebar--light-alert .side-menu .side-menu--child a:hover, .sidebar--light-alert .side-menu .side-menu--child .list:hover, .sidebar--dark-alert .side-menu .side-menu--child li:hover, .sidebar--dark-alert .side-menu .side-menu--child a:hover, .sidebar--dark-alert .side-menu .side-menu--child .list:hover { color: #d35f07 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-alert .side-menu .side-menu--child .name-menu, .sidebar--dark-alert .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-alert .side-menu .side-menu--child .child-menu, .sidebar--dark-alert .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #d35f07; background-color: #ffffff; font-weight: 500; } .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item.focus { color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-alert .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-alert .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-alert .side-menu .side-menu--child hr, .sidebar--dark-alert .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-alert { background: #d35f07; border-right: 1px solid #f57b1d; } .sidebar--dark-alert hr { border-color: #fad6ba33; } .sidebar--dark-alert .side-info { background-color: #fad6ba33; } .sidebar--dark-alert .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-alert .side-profile { color: #fad6ba; } .sidebar--dark-alert .side-profile img { border: 2px solid #fad6ba; } .sidebar--dark-alert .side-footer { color: #fad6ba; background-color: #fad6ba33; } .sidebar--dark-alert .side-menu::-webkit-scrollbar-track { background-color: #fad6ba42; } .sidebar--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #fad6ba99; } .sidebar--dark-alert .side-menu .side-menu--title { color: #fad6ba; } .sidebar--dark-alert .side-menu .side-menu--item .side-menu--item-name { color: #fad6ba; } .sidebar--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-theme, .sidebar--dark-theme { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #2C5171; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-theme hr, .sidebar--dark-theme hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #2C517133; } .sidebar--light-theme .side-info, .sidebar--dark-theme .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-theme .side-info .side-info--logo, .sidebar--dark-theme .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-theme .side-info .side-info--logo img, .sidebar--dark-theme .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-theme .side-info .side-info--logo-small, .sidebar--dark-theme .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-theme .side-info .side-info--logo-small img, .sidebar--dark-theme .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-theme .side-info .side-info--icon-size, .sidebar--dark-theme .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-theme .side-info .side-info--avatar, .sidebar--dark-theme .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-theme .side-info .side-info--avatar img, .sidebar--dark-theme .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-theme .side-profile, .sidebar--dark-theme .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-theme .side-profile img, .sidebar--dark-theme .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #2C5171; } .sidebar--light-theme .side-profile .profile-info, .sidebar--dark-theme .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-theme .side-body, .sidebar--dark-theme .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-theme .side-footer, .sidebar--dark-theme .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-theme .side-menu, .sidebar--dark-theme .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-theme .side-menu::-webkit-scrollbar, .sidebar--dark-theme .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-theme .side-menu::-webkit-scrollbar-track, .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517142; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-theme .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #2C517199; width: 30%; border-radius: 5px; } .sidebar--light-theme .side-menu ul, .sidebar--dark-theme .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-theme .side-menu ul li, .sidebar--dark-theme .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-theme .side-menu i, .sidebar--dark-theme .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-theme .side-menu .side-menu--title, .sidebar--dark-theme .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #2C5171; font-weight: 500; opacity: 0.6; } .sidebar--light-theme .side-menu .side-menu--item, .sidebar--dark-theme .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-theme .side-menu .side-menu--item a, .sidebar--light-theme .side-menu .side-menu--item span, .sidebar--light-theme .side-menu .side-menu--item div, .sidebar--dark-theme .side-menu .side-menu--item a, .sidebar--dark-theme .side-menu .side-menu--item span, .sidebar--dark-theme .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-theme .side-menu .side-menu--item a:hover, .sidebar--light-theme .side-menu .side-menu--item span:hover, .sidebar--light-theme .side-menu .side-menu--item div:hover, .sidebar--dark-theme .side-menu .side-menu--item a:hover, .sidebar--dark-theme .side-menu .side-menu--item span:hover, .sidebar--dark-theme .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-theme .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #2C5171 !important; font-weight: 500; } .sidebar--light-theme .side-menu .side-menu--item.active, .sidebar--light-theme .side-menu .side-menu--item:active, .sidebar--light-theme .side-menu .side-menu--item.focus, .sidebar--light-theme .side-menu .side-menu--item:focus, .sidebar--dark-theme .side-menu .side-menu--item.active, .sidebar--dark-theme .side-menu .side-menu--item:active, .sidebar--dark-theme .side-menu .side-menu--item.focus, .sidebar--dark-theme .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-theme .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .sidebar--light-theme .side-menu .side-menu--item .side-menu--child, .sidebar--dark-theme .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-theme .side-menu .side-menu--child, .sidebar--dark-theme .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-theme .side-menu .side-menu--child li, .sidebar--light-theme .side-menu .side-menu--child a, .sidebar--light-theme .side-menu .side-menu--child .list, .sidebar--dark-theme .side-menu .side-menu--child li, .sidebar--dark-theme .side-menu .side-menu--child a, .sidebar--dark-theme .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-theme .side-menu .side-menu--child li:hover, .sidebar--light-theme .side-menu .side-menu--child a:hover, .sidebar--light-theme .side-menu .side-menu--child .list:hover, .sidebar--dark-theme .side-menu .side-menu--child li:hover, .sidebar--dark-theme .side-menu .side-menu--child a:hover, .sidebar--dark-theme .side-menu .side-menu--child .list:hover { color: #2C5171 !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-theme .side-menu .side-menu--child .name-menu, .sidebar--dark-theme .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-theme .side-menu .side-menu--child .child-menu, .sidebar--dark-theme .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #2C5171; background-color: #ffffff; font-weight: 500; } .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item.focus { color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-theme .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-theme .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-theme .side-menu .side-menu--child hr, .sidebar--dark-theme .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-theme { background: #2C5171; border-right: 1px solid #356287; } .sidebar--dark-theme hr { border-color: #4682b433; } .sidebar--dark-theme .side-info { background-color: #4682b433; } .sidebar--dark-theme .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-theme .side-profile { color: #4682b4; } .sidebar--dark-theme .side-profile img { border: 2px solid #4682b4; } .sidebar--dark-theme .side-footer { color: #4682b4; background-color: #4682b433; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #4682b442; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #4682b499; } .sidebar--dark-theme .side-menu .side-menu--title { color: #4682b4; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #4682b4; } .sidebar--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-white, .sidebar--dark-white { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #EEEEEE; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-white hr, .sidebar--dark-white hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #EEEEEE33; } .sidebar--light-white .side-info, .sidebar--dark-white .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-white .side-info .side-info--logo, .sidebar--dark-white .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-white .side-info .side-info--logo img, .sidebar--dark-white .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-white .side-info .side-info--logo-small, .sidebar--dark-white .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-white .side-info .side-info--logo-small img, .sidebar--dark-white .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-white .side-info .side-info--icon-size, .sidebar--dark-white .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-white .side-info .side-info--avatar, .sidebar--dark-white .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-white .side-info .side-info--avatar img, .sidebar--dark-white .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-white .side-profile, .sidebar--dark-white .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-white .side-profile img, .sidebar--dark-white .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #EEEEEE; } .sidebar--light-white .side-profile .profile-info, .sidebar--dark-white .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-white .side-body, .sidebar--dark-white .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-white .side-footer, .sidebar--dark-white .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-white .side-menu, .sidebar--dark-white .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-white .side-menu::-webkit-scrollbar, .sidebar--dark-white .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-white .side-menu::-webkit-scrollbar-track, .sidebar--dark-white .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-white .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE99; width: 30%; border-radius: 5px; } .sidebar--light-white .side-menu ul, .sidebar--dark-white .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-white .side-menu ul li, .sidebar--dark-white .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-white .side-menu i, .sidebar--dark-white .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-white .side-menu .side-menu--title, .sidebar--dark-white .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #EEEEEE; font-weight: 500; opacity: 0.6; } .sidebar--light-white .side-menu .side-menu--item, .sidebar--dark-white .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-white .side-menu .side-menu--item a, .sidebar--light-white .side-menu .side-menu--item span, .sidebar--light-white .side-menu .side-menu--item div, .sidebar--dark-white .side-menu .side-menu--item a, .sidebar--dark-white .side-menu .side-menu--item span, .sidebar--dark-white .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-white .side-menu .side-menu--item a:hover, .sidebar--light-white .side-menu .side-menu--item span:hover, .sidebar--light-white .side-menu .side-menu--item div:hover, .sidebar--dark-white .side-menu .side-menu--item a:hover, .sidebar--dark-white .side-menu .side-menu--item span:hover, .sidebar--dark-white .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-white .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #EEEEEE !important; font-weight: 500; } .sidebar--light-white .side-menu .side-menu--item.active, .sidebar--light-white .side-menu .side-menu--item:active, .sidebar--light-white .side-menu .side-menu--item.focus, .sidebar--light-white .side-menu .side-menu--item:focus, .sidebar--dark-white .side-menu .side-menu--item.active, .sidebar--dark-white .side-menu .side-menu--item:active, .sidebar--dark-white .side-menu .side-menu--item.focus, .sidebar--dark-white .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-white .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .sidebar--light-white .side-menu .side-menu--item .side-menu--child, .sidebar--dark-white .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-white .side-menu .side-menu--child, .sidebar--dark-white .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-white .side-menu .side-menu--child li, .sidebar--light-white .side-menu .side-menu--child a, .sidebar--light-white .side-menu .side-menu--child .list, .sidebar--dark-white .side-menu .side-menu--child li, .sidebar--dark-white .side-menu .side-menu--child a, .sidebar--dark-white .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-white .side-menu .side-menu--child li:hover, .sidebar--light-white .side-menu .side-menu--child a:hover, .sidebar--light-white .side-menu .side-menu--child .list:hover, .sidebar--dark-white .side-menu .side-menu--child li:hover, .sidebar--dark-white .side-menu .side-menu--child a:hover, .sidebar--dark-white .side-menu .side-menu--child .list:hover { color: #EEEEEE !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-white .side-menu .side-menu--child .name-menu, .sidebar--dark-white .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-white .side-menu .side-menu--child .child-menu, .sidebar--dark-white .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #EEEEEE; background-color: #ffffff; font-weight: 500; } .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item.focus { color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-white .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-white .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-white .side-menu .side-menu--child hr, .sidebar--dark-white .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-white { background: #EEEEEE; border-right: 1px solid #ffffff; } .sidebar--dark-white hr { border-color: #F5F5F533; } .sidebar--dark-white .side-info { background-color: #F5F5F533; } .sidebar--dark-white .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-white .side-profile { color: #F5F5F5; } .sidebar--dark-white .side-profile img { border: 2px solid #F5F5F5; } .sidebar--dark-white .side-footer { color: #F5F5F5; background-color: #F5F5F533; } .sidebar--dark-white .side-menu::-webkit-scrollbar-track { background-color: #F5F5F542; } .sidebar--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #F5F5F599; } .sidebar--dark-white .side-menu .side-menu--title { color: #F5F5F5; } .sidebar--dark-white .side-menu .side-menu--item .side-menu--item-name { color: #F5F5F5; } .sidebar--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar--light-purple, .sidebar--dark-purple { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 250px; background: #ffffff; width: 250px; border-right: 1px solid #4A148C; transition: all 0.1s ease; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar--light-purple hr, .sidebar--dark-purple hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4A148C33; } .sidebar--light-purple .side-info, .sidebar--dark-purple .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar--light-purple .side-info .side-info--logo, .sidebar--dark-purple .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar--light-purple .side-info .side-info--logo img, .sidebar--dark-purple .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar--light-purple .side-info .side-info--logo-small, .sidebar--dark-purple .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar--light-purple .side-info .side-info--logo-small img, .sidebar--dark-purple .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar--light-purple .side-info .side-info--icon-size, .sidebar--dark-purple .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar--light-purple .side-info .side-info--avatar, .sidebar--dark-purple .side-info .side-info--avatar { height: 100%; display: block; } .sidebar--light-purple .side-info .side-info--avatar img, .sidebar--dark-purple .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar--light-purple .side-profile, .sidebar--dark-purple .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar--light-purple .side-profile img, .sidebar--dark-purple .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4A148C; } .sidebar--light-purple .side-profile .profile-info, .sidebar--dark-purple .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar--light-purple .side-body, .sidebar--dark-purple .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar--light-purple .side-footer, .sidebar--dark-purple .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; } .sidebar--light-purple .side-menu, .sidebar--dark-purple .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; overflow-y: overlay; overflow-x: hidden; height: 100%; color: #757575; } .sidebar--light-purple .side-menu::-webkit-scrollbar, .sidebar--dark-purple .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar--light-purple .side-menu::-webkit-scrollbar-track, .sidebar--dark-purple .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar--light-purple .side-menu::-webkit-scrollbar-thumb, .sidebar--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #4A148C99; width: 30%; border-radius: 5px; } .sidebar--light-purple .side-menu ul, .sidebar--dark-purple .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar--light-purple .side-menu ul li, .sidebar--dark-purple .side-menu ul li { display: inline-block; width: auto; } .sidebar--light-purple .side-menu i, .sidebar--dark-purple .side-menu i { font-size: 20px; line-height: 1; } .sidebar--light-purple .side-menu .side-menu--title, .sidebar--dark-purple .side-menu .side-menu--title { display: block; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4A148C; font-weight: 500; opacity: 0.6; } .sidebar--light-purple .side-menu .side-menu--item, .sidebar--dark-purple .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; } .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; } .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-purple .side-menu .side-menu--item a, .sidebar--light-purple .side-menu .side-menu--item span, .sidebar--light-purple .side-menu .side-menu--item div, .sidebar--dark-purple .side-menu .side-menu--item a, .sidebar--dark-purple .side-menu .side-menu--item span, .sidebar--dark-purple .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar--light-purple .side-menu .side-menu--item a:hover, .sidebar--light-purple .side-menu .side-menu--item span:hover, .sidebar--light-purple .side-menu .side-menu--item div:hover, .sidebar--dark-purple .side-menu .side-menu--item a:hover, .sidebar--dark-purple .side-menu .side-menu--item span:hover, .sidebar--dark-purple .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar--light-purple .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #4A148C !important; font-weight: 500; } .sidebar--light-purple .side-menu .side-menu--item.active, .sidebar--light-purple .side-menu .side-menu--item:active, .sidebar--light-purple .side-menu .side-menu--item.focus, .sidebar--light-purple .side-menu .side-menu--item:focus, .sidebar--dark-purple .side-menu .side-menu--item.active, .sidebar--dark-purple .side-menu .side-menu--item:active, .sidebar--dark-purple .side-menu .side-menu--item.focus, .sidebar--dark-purple .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar--light-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--light-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--light-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--light-purple .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .sidebar--light-purple .side-menu .side-menu--item .side-menu--child, .sidebar--dark-purple .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar--light-purple .side-menu .side-menu--child, .sidebar--dark-purple .side-menu .side-menu--child { position: relative; min-width: 100%; height: auto; list-style: none; text-align: left; color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; } .sidebar--light-purple .side-menu .side-menu--child li, .sidebar--light-purple .side-menu .side-menu--child a, .sidebar--light-purple .side-menu .side-menu--child .list, .sidebar--dark-purple .side-menu .side-menu--child li, .sidebar--dark-purple .side-menu .side-menu--child a, .sidebar--dark-purple .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar--light-purple .side-menu .side-menu--child li:hover, .sidebar--light-purple .side-menu .side-menu--child a:hover, .sidebar--light-purple .side-menu .side-menu--child .list:hover, .sidebar--dark-purple .side-menu .side-menu--child li:hover, .sidebar--dark-purple .side-menu .side-menu--child a:hover, .sidebar--dark-purple .side-menu .side-menu--child .list:hover { color: #4A148C !important; background-color: #ffffff; font-weight: 500; } .sidebar--light-purple .side-menu .side-menu--child .name-menu, .sidebar--dark-purple .side-menu .side-menu--child .name-menu { display: none; align-items: center; } .sidebar--light-purple .side-menu .side-menu--child .child-menu, .sidebar--dark-purple .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; } .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item { display: flex; gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; } .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(55px + 4px); color: #4A148C; background-color: #ffffff; font-weight: 500; } .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item.focus { color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--light-purple .side-menu .side-menu--child .side-menu--child-item i, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar--dark-purple .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar--light-purple .side-menu .side-menu--child hr, .sidebar--dark-purple .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar--light-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar--dark-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar--dark-purple { background: #4A148C; border-right: 1px solid #6A1B9A; } .sidebar--dark-purple hr { border-color: #f5ebfc33; } .sidebar--dark-purple .side-info { background-color: #f5ebfc33; } .sidebar--dark-purple .side-info .side-info--icon-size { color: #757575; } .sidebar--dark-purple .side-profile { color: #f5ebfc; } .sidebar--dark-purple .side-profile img { border: 2px solid #f5ebfc; } .sidebar--dark-purple .side-footer { color: #f5ebfc; background-color: #f5ebfc33; } .sidebar--dark-purple .side-menu::-webkit-scrollbar-track { background-color: #f5ebfc42; } .sidebar--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #f5ebfc99; } .sidebar--dark-purple .side-menu .side-menu--title { color: #f5ebfc; } .sidebar--dark-purple .side-menu .side-menu--item .side-menu--item-name { color: #f5ebfc; } .sidebar--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar--dark-theme .side-profile { color: #BAD0E3; } .sidebar--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar--dark-theme .side-footer { color: #BAD0E3; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(90deg); } .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; transform: translateX(0); } .sidebar-s--light, .sidebar-s--dark { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #EEEEEE; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light hr, .sidebar-s--dark hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #E0E0E0; } .sidebar-s--light .side-info, .sidebar-s--dark .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light .side-info .side-info--logo, .sidebar-s--dark .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light .side-info .side-info--logo img, .sidebar-s--dark .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light .side-info .side-info--logo-small, .sidebar-s--dark .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light .side-info .side-info--logo-small img, .sidebar-s--dark .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light .side-info .side-info--icon-size, .sidebar-s--dark .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light .side-info .side-info--avatar, .sidebar-s--dark .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light .side-info .side-info--avatar img, .sidebar-s--dark .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light .side-profile, .sidebar-s--dark .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light .side-profile img, .sidebar-s--dark .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #9E9E9E; } .sidebar-s--light .side-profile .profile-info, .sidebar-s--dark .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light .side-body, .sidebar-s--dark .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light .side-footer, .sidebar-s--dark .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light .side-menu, .sidebar-s--dark .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light .side-menu::-webkit-scrollbar, .sidebar-s--dark .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light .side-menu::-webkit-scrollbar-track, .sidebar-s--dark .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757542; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark .side-menu::-webkit-scrollbar-thumb { background-color: #75757599; width: 30%; border-radius: 5px; } .sidebar-s--light .side-menu ul, .sidebar-s--dark .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light .side-menu ul li, .sidebar-s--dark .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light .side-menu i, .sidebar-s--dark .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light .side-menu .side-menu--title, .sidebar-s--dark .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #757575; font-weight: 500; opacity: 0.6; } .sidebar-s--light .side-menu .side-menu--item, .sidebar-s--dark .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light .side-menu .side-menu--item a, .sidebar-s--light .side-menu .side-menu--item span, .sidebar-s--light .side-menu .side-menu--item div, .sidebar-s--dark .side-menu .side-menu--item a, .sidebar-s--dark .side-menu .side-menu--item span, .sidebar-s--dark .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light .side-menu .side-menu--item a:hover, .sidebar-s--light .side-menu .side-menu--item span:hover, .sidebar-s--light .side-menu .side-menu--item div:hover, .sidebar-s--dark .side-menu .side-menu--item a:hover, .sidebar-s--dark .side-menu .side-menu--item span:hover, .sidebar-s--dark .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-s--light .side-menu .side-menu--item.active, .sidebar-s--light .side-menu .side-menu--item:active, .sidebar-s--light .side-menu .side-menu--item.focus, .sidebar-s--light .side-menu .side-menu--item:focus, .sidebar-s--dark .side-menu .side-menu--item.active, .sidebar-s--dark .side-menu .side-menu--item:active, .sidebar-s--dark .side-menu .side-menu--item.focus, .sidebar-s--dark .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light .side-menu .side-menu--child, .sidebar-s--dark .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light .side-menu .side-menu--child li, .sidebar-s--light .side-menu .side-menu--child a, .sidebar-s--light .side-menu .side-menu--child .list, .sidebar-s--dark .side-menu .side-menu--child li, .sidebar-s--dark .side-menu .side-menu--child a, .sidebar-s--dark .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light .side-menu .side-menu--child li:hover, .sidebar-s--light .side-menu .side-menu--child a:hover, .sidebar-s--light .side-menu .side-menu--child .list:hover, .sidebar-s--dark .side-menu .side-menu--child li:hover, .sidebar-s--dark .side-menu .side-menu--child a:hover, .sidebar-s--dark .side-menu .side-menu--child .list:hover { color: #616161 !important; font-weight: 500; } .sidebar-s--light .side-menu .side-menu--child .name-menu, .sidebar-s--dark .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light .side-menu .side-menu--child .child-menu, .sidebar-s--dark .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light .side-menu .side-menu--child hr, .sidebar-s--dark .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark { background: #616161; border-right: 1px solid #757575; } .sidebar-s--dark hr { border-color: #757575; } .sidebar-s--dark .side-info { background-color: #42424233; } .sidebar-s--dark .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark .side-profile { color: #BDBDBD; } .sidebar-s--dark .side-profile img { border: 2px solid #E0E0E0; } .sidebar-s--dark .side-footer { color: #BDBDBD; background-color: #42424233; } .sidebar-s--dark .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark .side-menu .side-menu--item .side-menu--item-name { color: #EEEEEE; } .sidebar-s--dark .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-s--dark .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161 !important; background-color: #ffffff; } .sidebar-s--light-primary, .sidebar-s--dark-primary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #14619c; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-primary hr, .sidebar-s--dark-primary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #14619c33; } .sidebar-s--light-primary .side-info, .sidebar-s--dark-primary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-primary .side-info .side-info--logo, .sidebar-s--dark-primary .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-primary .side-info .side-info--logo img, .sidebar-s--dark-primary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-primary .side-info .side-info--logo-small, .sidebar-s--dark-primary .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-primary .side-info .side-info--logo-small img, .sidebar-s--dark-primary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-primary .side-info .side-info--icon-size, .sidebar-s--dark-primary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-primary .side-info .side-info--avatar, .sidebar-s--dark-primary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-primary .side-info .side-info--avatar img, .sidebar-s--dark-primary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-primary .side-profile, .sidebar-s--dark-primary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-primary .side-profile img, .sidebar-s--dark-primary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #14619c; } .sidebar-s--light-primary .side-profile .profile-info, .sidebar-s--dark-primary .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-primary .side-body, .sidebar-s--dark-primary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-primary .side-footer, .sidebar-s--dark-primary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-primary .side-menu, .sidebar-s--dark-primary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-primary .side-menu::-webkit-scrollbar, .sidebar-s--dark-primary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-primary .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-primary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-primary .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #14619c99; width: 30%; border-radius: 5px; } .sidebar-s--light-primary .side-menu ul, .sidebar-s--dark-primary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-primary .side-menu ul li, .sidebar-s--dark-primary .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-primary .side-menu i, .sidebar-s--dark-primary .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-primary .side-menu .side-menu--title, .sidebar-s--dark-primary .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #14619c; font-weight: 500; opacity: 0.6; } .sidebar-s--light-primary .side-menu .side-menu--item, .sidebar-s--dark-primary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-primary .side-menu .side-menu--item a, .sidebar-s--light-primary .side-menu .side-menu--item span, .sidebar-s--light-primary .side-menu .side-menu--item div, .sidebar-s--dark-primary .side-menu .side-menu--item a, .sidebar-s--dark-primary .side-menu .side-menu--item span, .sidebar-s--dark-primary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-primary .side-menu .side-menu--item a:hover, .sidebar-s--light-primary .side-menu .side-menu--item span:hover, .sidebar-s--light-primary .side-menu .side-menu--item div:hover, .sidebar-s--dark-primary .side-menu .side-menu--item a:hover, .sidebar-s--dark-primary .side-menu .side-menu--item span:hover, .sidebar-s--dark-primary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-primary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #14619c !important; font-weight: 500; } .sidebar-s--light-primary .side-menu .side-menu--item.active, .sidebar-s--light-primary .side-menu .side-menu--item:active, .sidebar-s--light-primary .side-menu .side-menu--item.focus, .sidebar-s--light-primary .side-menu .side-menu--item:focus, .sidebar-s--dark-primary .side-menu .side-menu--item.active, .sidebar-s--dark-primary .side-menu .side-menu--item:active, .sidebar-s--dark-primary .side-menu .side-menu--item.focus, .sidebar-s--dark-primary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-primary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #14619c; font-weight: 500; border-left: 4px solid #14619c; } .sidebar-s--light-primary .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-primary .side-menu .side-menu--child, .sidebar-s--dark-primary .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-primary .side-menu .side-menu--child li, .sidebar-s--light-primary .side-menu .side-menu--child a, .sidebar-s--light-primary .side-menu .side-menu--child .list, .sidebar-s--dark-primary .side-menu .side-menu--child li, .sidebar-s--dark-primary .side-menu .side-menu--child a, .sidebar-s--dark-primary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-primary .side-menu .side-menu--child li:hover, .sidebar-s--light-primary .side-menu .side-menu--child a:hover, .sidebar-s--light-primary .side-menu .side-menu--child .list:hover, .sidebar-s--dark-primary .side-menu .side-menu--child li:hover, .sidebar-s--dark-primary .side-menu .side-menu--child a:hover, .sidebar-s--dark-primary .side-menu .side-menu--child .list:hover { color: #14619c !important; font-weight: 500; } .sidebar-s--light-primary .side-menu .side-menu--child .name-menu, .sidebar-s--dark-primary .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #14619c; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-primary .side-menu .side-menu--child .child-menu, .sidebar-s--dark-primary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #14619c66; width: 30%; border-radius: 5px; } .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-primary .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-primary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-primary .side-menu .side-menu--child hr, .sidebar-s--dark-primary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-primary { background: #14619c; border-right: 1px solid #2196f3; } .sidebar-s--dark-primary hr { border-color: #e0f1ff44; } .sidebar-s--dark-primary .side-info { background-color: #e0f1ff33; } .sidebar-s--dark-primary .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-primary .side-profile { color: #e0f1ff; } .sidebar-s--dark-primary .side-profile img { border: 2px solid #e0f1ff; } .sidebar-s--dark-primary .side-footer { color: #e0f1ff; background-color: #e0f1ff33; } .sidebar-s--dark-primary .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-primary .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-primary .side-menu .side-menu--item .side-menu--item-name { color: #e0f1ff; } .sidebar-s--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #e0f1ff; } .sidebar-s--dark-primary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c !important; background-color: #ffffff; } .sidebar-s--light-secondary, .sidebar-s--dark-secondary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #4b5257; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-secondary hr, .sidebar-s--dark-secondary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4b525733; } .sidebar-s--light-secondary .side-info, .sidebar-s--dark-secondary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-secondary .side-info .side-info--logo, .sidebar-s--dark-secondary .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-secondary .side-info .side-info--logo img, .sidebar-s--dark-secondary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-secondary .side-info .side-info--logo-small, .sidebar-s--dark-secondary .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-secondary .side-info .side-info--logo-small img, .sidebar-s--dark-secondary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-secondary .side-info .side-info--icon-size, .sidebar-s--dark-secondary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-secondary .side-info .side-info--avatar, .sidebar-s--dark-secondary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-secondary .side-info .side-info--avatar img, .sidebar-s--dark-secondary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-secondary .side-profile, .sidebar-s--dark-secondary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-secondary .side-profile img, .sidebar-s--dark-secondary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4b5257; } .sidebar-s--light-secondary .side-profile .profile-info, .sidebar-s--dark-secondary .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-secondary .side-body, .sidebar-s--dark-secondary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-secondary .side-footer, .sidebar-s--dark-secondary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-secondary .side-menu, .sidebar-s--dark-secondary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-secondary .side-menu::-webkit-scrollbar, .sidebar-s--dark-secondary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-secondary .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-secondary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-secondary .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #4b525799; width: 30%; border-radius: 5px; } .sidebar-s--light-secondary .side-menu ul, .sidebar-s--dark-secondary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-secondary .side-menu ul li, .sidebar-s--dark-secondary .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-secondary .side-menu i, .sidebar-s--dark-secondary .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-secondary .side-menu .side-menu--title, .sidebar-s--dark-secondary .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4b5257; font-weight: 500; opacity: 0.6; } .sidebar-s--light-secondary .side-menu .side-menu--item, .sidebar-s--dark-secondary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-secondary .side-menu .side-menu--item a, .sidebar-s--light-secondary .side-menu .side-menu--item span, .sidebar-s--light-secondary .side-menu .side-menu--item div, .sidebar-s--dark-secondary .side-menu .side-menu--item a, .sidebar-s--dark-secondary .side-menu .side-menu--item span, .sidebar-s--dark-secondary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-secondary .side-menu .side-menu--item a:hover, .sidebar-s--light-secondary .side-menu .side-menu--item span:hover, .sidebar-s--light-secondary .side-menu .side-menu--item div:hover, .sidebar-s--dark-secondary .side-menu .side-menu--item a:hover, .sidebar-s--dark-secondary .side-menu .side-menu--item span:hover, .sidebar-s--dark-secondary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-secondary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #4b5257 !important; font-weight: 500; } .sidebar-s--light-secondary .side-menu .side-menu--item.active, .sidebar-s--light-secondary .side-menu .side-menu--item:active, .sidebar-s--light-secondary .side-menu .side-menu--item.focus, .sidebar-s--light-secondary .side-menu .side-menu--item:focus, .sidebar-s--dark-secondary .side-menu .side-menu--item.active, .sidebar-s--dark-secondary .side-menu .side-menu--item:active, .sidebar-s--dark-secondary .side-menu .side-menu--item.focus, .sidebar-s--dark-secondary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-secondary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #4b5257; font-weight: 500; border-left: 4px solid #4b5257; } .sidebar-s--light-secondary .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-secondary .side-menu .side-menu--child, .sidebar-s--dark-secondary .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-secondary .side-menu .side-menu--child li, .sidebar-s--light-secondary .side-menu .side-menu--child a, .sidebar-s--light-secondary .side-menu .side-menu--child .list, .sidebar-s--dark-secondary .side-menu .side-menu--child li, .sidebar-s--dark-secondary .side-menu .side-menu--child a, .sidebar-s--dark-secondary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-secondary .side-menu .side-menu--child li:hover, .sidebar-s--light-secondary .side-menu .side-menu--child a:hover, .sidebar-s--light-secondary .side-menu .side-menu--child .list:hover, .sidebar-s--dark-secondary .side-menu .side-menu--child li:hover, .sidebar-s--dark-secondary .side-menu .side-menu--child a:hover, .sidebar-s--dark-secondary .side-menu .side-menu--child .list:hover { color: #4b5257 !important; font-weight: 500; } .sidebar-s--light-secondary .side-menu .side-menu--child .name-menu, .sidebar-s--dark-secondary .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #4b5257; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-secondary .side-menu .side-menu--child .child-menu, .sidebar-s--dark-secondary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4b525766; width: 30%; border-radius: 5px; } .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-secondary .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-secondary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-secondary .side-menu .side-menu--child hr, .sidebar-s--dark-secondary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-secondary { background: #4b5257; border-right: 1px solid #6c757d; } .sidebar-s--dark-secondary hr { border-color: #e1e1e144; } .sidebar-s--dark-secondary .side-info { background-color: #e1e1e133; } .sidebar-s--dark-secondary .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-secondary .side-profile { color: #e1e1e1; } .sidebar-s--dark-secondary .side-profile img { border: 2px solid #e1e1e1; } .sidebar-s--dark-secondary .side-footer { color: #e1e1e1; background-color: #e1e1e133; } .sidebar-s--dark-secondary .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-secondary .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-secondary .side-menu .side-menu--item .side-menu--item-name { color: #e1e1e1; } .sidebar-s--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #e1e1e1; } .sidebar-s--dark-secondary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257 !important; background-color: #ffffff; } .sidebar-s--light-success, .sidebar-s--dark-success { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #079107; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-success hr, .sidebar-s--dark-success hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #07910733; } .sidebar-s--light-success .side-info, .sidebar-s--dark-success .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-success .side-info .side-info--logo, .sidebar-s--dark-success .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-success .side-info .side-info--logo img, .sidebar-s--dark-success .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-success .side-info .side-info--logo-small, .sidebar-s--dark-success .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-success .side-info .side-info--logo-small img, .sidebar-s--dark-success .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-success .side-info .side-info--icon-size, .sidebar-s--dark-success .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-success .side-info .side-info--avatar, .sidebar-s--dark-success .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-success .side-info .side-info--avatar img, .sidebar-s--dark-success .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-success .side-profile, .sidebar-s--dark-success .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-success .side-profile img, .sidebar-s--dark-success .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #079107; } .sidebar-s--light-success .side-profile .profile-info, .sidebar-s--dark-success .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-success .side-body, .sidebar-s--dark-success .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-success .side-footer, .sidebar-s--dark-success .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-success .side-menu, .sidebar-s--dark-success .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-success .side-menu::-webkit-scrollbar, .sidebar-s--dark-success .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-success .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-success .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-success .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #07910799; width: 30%; border-radius: 5px; } .sidebar-s--light-success .side-menu ul, .sidebar-s--dark-success .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-success .side-menu ul li, .sidebar-s--dark-success .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-success .side-menu i, .sidebar-s--dark-success .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-success .side-menu .side-menu--title, .sidebar-s--dark-success .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #079107; font-weight: 500; opacity: 0.6; } .sidebar-s--light-success .side-menu .side-menu--item, .sidebar-s--dark-success .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-success .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-success .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-success .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-success .side-menu .side-menu--item a, .sidebar-s--light-success .side-menu .side-menu--item span, .sidebar-s--light-success .side-menu .side-menu--item div, .sidebar-s--dark-success .side-menu .side-menu--item a, .sidebar-s--dark-success .side-menu .side-menu--item span, .sidebar-s--dark-success .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-success .side-menu .side-menu--item a:hover, .sidebar-s--light-success .side-menu .side-menu--item span:hover, .sidebar-s--light-success .side-menu .side-menu--item div:hover, .sidebar-s--dark-success .side-menu .side-menu--item a:hover, .sidebar-s--dark-success .side-menu .side-menu--item span:hover, .sidebar-s--dark-success .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-success .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #079107 !important; font-weight: 500; } .sidebar-s--light-success .side-menu .side-menu--item.active, .sidebar-s--light-success .side-menu .side-menu--item:active, .sidebar-s--light-success .side-menu .side-menu--item.focus, .sidebar-s--light-success .side-menu .side-menu--item:focus, .sidebar-s--dark-success .side-menu .side-menu--item.active, .sidebar-s--dark-success .side-menu .side-menu--item:active, .sidebar-s--dark-success .side-menu .side-menu--item.focus, .sidebar-s--dark-success .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-success .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #079107; font-weight: 500; border-left: 4px solid #079107; } .sidebar-s--light-success .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-success .side-menu .side-menu--child, .sidebar-s--dark-success .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-success .side-menu .side-menu--child li, .sidebar-s--light-success .side-menu .side-menu--child a, .sidebar-s--light-success .side-menu .side-menu--child .list, .sidebar-s--dark-success .side-menu .side-menu--child li, .sidebar-s--dark-success .side-menu .side-menu--child a, .sidebar-s--dark-success .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-success .side-menu .side-menu--child li:hover, .sidebar-s--light-success .side-menu .side-menu--child a:hover, .sidebar-s--light-success .side-menu .side-menu--child .list:hover, .sidebar-s--dark-success .side-menu .side-menu--child li:hover, .sidebar-s--dark-success .side-menu .side-menu--child a:hover, .sidebar-s--dark-success .side-menu .side-menu--child .list:hover { color: #079107 !important; font-weight: 500; } .sidebar-s--light-success .side-menu .side-menu--child .name-menu, .sidebar-s--dark-success .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #079107; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-success .side-menu .side-menu--child .child-menu, .sidebar-s--dark-success .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #07910766; width: 30%; border-radius: 5px; } .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-success .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-success .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-success .side-menu .side-menu--child hr, .sidebar-s--dark-success .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-success { background: #079107; border-right: 1px solid #20ad20; } .sidebar-s--dark-success hr { border-color: #e8fac744; } .sidebar-s--dark-success .side-info { background-color: #e8fac733; } .sidebar-s--dark-success .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-success .side-profile { color: #e8fac7; } .sidebar-s--dark-success .side-profile img { border: 2px solid #e8fac7; } .sidebar-s--dark-success .side-footer { color: #e8fac7; background-color: #e8fac733; } .sidebar-s--dark-success .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-success .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-success .side-menu .side-menu--item .side-menu--item-name { color: #e8fac7; } .sidebar-s--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #e8fac7; } .sidebar-s--dark-success .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107 !important; background-color: #ffffff; } .sidebar-s--light-info, .sidebar-s--dark-info { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #25a2b3; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-info hr, .sidebar-s--dark-info hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #25a2b333; } .sidebar-s--light-info .side-info, .sidebar-s--dark-info .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-info .side-info .side-info--logo, .sidebar-s--dark-info .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-info .side-info .side-info--logo img, .sidebar-s--dark-info .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-info .side-info .side-info--logo-small, .sidebar-s--dark-info .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-info .side-info .side-info--logo-small img, .sidebar-s--dark-info .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-info .side-info .side-info--icon-size, .sidebar-s--dark-info .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-info .side-info .side-info--avatar, .sidebar-s--dark-info .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-info .side-info .side-info--avatar img, .sidebar-s--dark-info .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-info .side-profile, .sidebar-s--dark-info .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-info .side-profile img, .sidebar-s--dark-info .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #25a2b3; } .sidebar-s--light-info .side-profile .profile-info, .sidebar-s--dark-info .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-info .side-body, .sidebar-s--dark-info .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-info .side-footer, .sidebar-s--dark-info .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-info .side-menu, .sidebar-s--dark-info .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-info .side-menu::-webkit-scrollbar, .sidebar-s--dark-info .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-info .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-info .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b342; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-info .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #25a2b399; width: 30%; border-radius: 5px; } .sidebar-s--light-info .side-menu ul, .sidebar-s--dark-info .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-info .side-menu ul li, .sidebar-s--dark-info .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-info .side-menu i, .sidebar-s--dark-info .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-info .side-menu .side-menu--title, .sidebar-s--dark-info .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #25a2b3; font-weight: 500; opacity: 0.6; } .sidebar-s--light-info .side-menu .side-menu--item, .sidebar-s--dark-info .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-info .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-info .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-info .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-info .side-menu .side-menu--item a, .sidebar-s--light-info .side-menu .side-menu--item span, .sidebar-s--light-info .side-menu .side-menu--item div, .sidebar-s--dark-info .side-menu .side-menu--item a, .sidebar-s--dark-info .side-menu .side-menu--item span, .sidebar-s--dark-info .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-info .side-menu .side-menu--item a:hover, .sidebar-s--light-info .side-menu .side-menu--item span:hover, .sidebar-s--light-info .side-menu .side-menu--item div:hover, .sidebar-s--dark-info .side-menu .side-menu--item a:hover, .sidebar-s--dark-info .side-menu .side-menu--item span:hover, .sidebar-s--dark-info .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-info .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #25a2b3 !important; font-weight: 500; } .sidebar-s--light-info .side-menu .side-menu--item.active, .sidebar-s--light-info .side-menu .side-menu--item:active, .sidebar-s--light-info .side-menu .side-menu--item.focus, .sidebar-s--light-info .side-menu .side-menu--item:focus, .sidebar-s--dark-info .side-menu .side-menu--item.active, .sidebar-s--dark-info .side-menu .side-menu--item:active, .sidebar-s--dark-info .side-menu .side-menu--item.focus, .sidebar-s--dark-info .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-info .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #25a2b3; font-weight: 500; border-left: 4px solid #25a2b3; } .sidebar-s--light-info .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-info .side-menu .side-menu--child, .sidebar-s--dark-info .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-info .side-menu .side-menu--child li, .sidebar-s--light-info .side-menu .side-menu--child a, .sidebar-s--light-info .side-menu .side-menu--child .list, .sidebar-s--dark-info .side-menu .side-menu--child li, .sidebar-s--dark-info .side-menu .side-menu--child a, .sidebar-s--dark-info .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-info .side-menu .side-menu--child li:hover, .sidebar-s--light-info .side-menu .side-menu--child a:hover, .sidebar-s--light-info .side-menu .side-menu--child .list:hover, .sidebar-s--dark-info .side-menu .side-menu--child li:hover, .sidebar-s--dark-info .side-menu .side-menu--child a:hover, .sidebar-s--dark-info .side-menu .side-menu--child .list:hover { color: #25a2b3 !important; font-weight: 500; } .sidebar-s--light-info .side-menu .side-menu--child .name-menu, .sidebar-s--dark-info .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #25a2b3; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-info .side-menu .side-menu--child .child-menu, .sidebar-s--dark-info .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b326; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #25a2b366; width: 30%; border-radius: 5px; } .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-info .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-info .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-info .side-menu .side-menu--child hr, .sidebar-s--dark-info .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-info { background: #25a2b3; border-right: 1px solid #4dd0e1; } .sidebar-s--dark-info hr { border-color: #d2f9ff44; } .sidebar-s--dark-info .side-info { background-color: #d2f9ff33; } .sidebar-s--dark-info .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-info .side-profile { color: #d2f9ff; } .sidebar-s--dark-info .side-profile img { border: 2px solid #d2f9ff; } .sidebar-s--dark-info .side-footer { color: #d2f9ff; background-color: #d2f9ff33; } .sidebar-s--dark-info .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-info .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-info .side-menu .side-menu--item .side-menu--item-name { color: #d2f9ff; } .sidebar-s--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #d2f9ff; } .sidebar-s--dark-info .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3 !important; background-color: #ffffff; } .sidebar-s--light-warning, .sidebar-s--dark-warning { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #edbe00; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-warning hr, .sidebar-s--dark-warning hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #edbe0033; } .sidebar-s--light-warning .side-info, .sidebar-s--dark-warning .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-warning .side-info .side-info--logo, .sidebar-s--dark-warning .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-warning .side-info .side-info--logo img, .sidebar-s--dark-warning .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-warning .side-info .side-info--logo-small, .sidebar-s--dark-warning .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-warning .side-info .side-info--logo-small img, .sidebar-s--dark-warning .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-warning .side-info .side-info--icon-size, .sidebar-s--dark-warning .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-warning .side-info .side-info--avatar, .sidebar-s--dark-warning .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-warning .side-info .side-info--avatar img, .sidebar-s--dark-warning .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-warning .side-profile, .sidebar-s--dark-warning .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-warning .side-profile img, .sidebar-s--dark-warning .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #edbe00; } .sidebar-s--light-warning .side-profile .profile-info, .sidebar-s--dark-warning .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-warning .side-body, .sidebar-s--dark-warning .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-warning .side-footer, .sidebar-s--dark-warning .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-warning .side-menu, .sidebar-s--dark-warning .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-warning .side-menu::-webkit-scrollbar, .sidebar-s--dark-warning .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-warning .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-warning .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0042; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-warning .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #edbe0099; width: 30%; border-radius: 5px; } .sidebar-s--light-warning .side-menu ul, .sidebar-s--dark-warning .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-warning .side-menu ul li, .sidebar-s--dark-warning .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-warning .side-menu i, .sidebar-s--dark-warning .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-warning .side-menu .side-menu--title, .sidebar-s--dark-warning .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #edbe00; font-weight: 500; opacity: 0.6; } .sidebar-s--light-warning .side-menu .side-menu--item, .sidebar-s--dark-warning .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-warning .side-menu .side-menu--item a, .sidebar-s--light-warning .side-menu .side-menu--item span, .sidebar-s--light-warning .side-menu .side-menu--item div, .sidebar-s--dark-warning .side-menu .side-menu--item a, .sidebar-s--dark-warning .side-menu .side-menu--item span, .sidebar-s--dark-warning .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-warning .side-menu .side-menu--item a:hover, .sidebar-s--light-warning .side-menu .side-menu--item span:hover, .sidebar-s--light-warning .side-menu .side-menu--item div:hover, .sidebar-s--dark-warning .side-menu .side-menu--item a:hover, .sidebar-s--dark-warning .side-menu .side-menu--item span:hover, .sidebar-s--dark-warning .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-warning .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #edbe00 !important; font-weight: 500; } .sidebar-s--light-warning .side-menu .side-menu--item.active, .sidebar-s--light-warning .side-menu .side-menu--item:active, .sidebar-s--light-warning .side-menu .side-menu--item.focus, .sidebar-s--light-warning .side-menu .side-menu--item:focus, .sidebar-s--dark-warning .side-menu .side-menu--item.active, .sidebar-s--dark-warning .side-menu .side-menu--item:active, .sidebar-s--dark-warning .side-menu .side-menu--item.focus, .sidebar-s--dark-warning .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-warning .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #edbe00; font-weight: 500; border-left: 4px solid #edbe00; } .sidebar-s--light-warning .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-warning .side-menu .side-menu--child, .sidebar-s--dark-warning .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-warning .side-menu .side-menu--child li, .sidebar-s--light-warning .side-menu .side-menu--child a, .sidebar-s--light-warning .side-menu .side-menu--child .list, .sidebar-s--dark-warning .side-menu .side-menu--child li, .sidebar-s--dark-warning .side-menu .side-menu--child a, .sidebar-s--dark-warning .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-warning .side-menu .side-menu--child li:hover, .sidebar-s--light-warning .side-menu .side-menu--child a:hover, .sidebar-s--light-warning .side-menu .side-menu--child .list:hover, .sidebar-s--dark-warning .side-menu .side-menu--child li:hover, .sidebar-s--dark-warning .side-menu .side-menu--child a:hover, .sidebar-s--dark-warning .side-menu .side-menu--child .list:hover { color: #edbe00 !important; font-weight: 500; } .sidebar-s--light-warning .side-menu .side-menu--child .name-menu, .sidebar-s--dark-warning .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #edbe00; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-warning .side-menu .side-menu--child .child-menu, .sidebar-s--dark-warning .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0026; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #edbe0066; width: 30%; border-radius: 5px; } .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-warning .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-warning .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-warning .side-menu .side-menu--child hr, .sidebar-s--dark-warning .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-warning { background: #edbe00; border-right: 1px solid #f9cf48; } .sidebar-s--dark-warning hr { border-color: #fef6d944; } .sidebar-s--dark-warning .side-info { background-color: #fef6d933; } .sidebar-s--dark-warning .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-warning .side-profile { color: #fef6d9; } .sidebar-s--dark-warning .side-profile img { border: 2px solid #fef6d9; } .sidebar-s--dark-warning .side-footer { color: #fef6d9; background-color: #fef6d933; } .sidebar-s--dark-warning .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-warning .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-warning .side-menu .side-menu--item .side-menu--item-name { color: #fef6d9; } .sidebar-s--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #fef6d9; } .sidebar-s--dark-warning .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00 !important; background-color: #ffffff; } .sidebar-s--light-danger, .sidebar-s--dark-danger { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #c23329; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-danger hr, .sidebar-s--dark-danger hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #c2332933; } .sidebar-s--light-danger .side-info, .sidebar-s--dark-danger .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-danger .side-info .side-info--logo, .sidebar-s--dark-danger .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-danger .side-info .side-info--logo img, .sidebar-s--dark-danger .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-danger .side-info .side-info--logo-small, .sidebar-s--dark-danger .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-danger .side-info .side-info--logo-small img, .sidebar-s--dark-danger .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-danger .side-info .side-info--icon-size, .sidebar-s--dark-danger .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-danger .side-info .side-info--avatar, .sidebar-s--dark-danger .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-danger .side-info .side-info--avatar img, .sidebar-s--dark-danger .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-danger .side-profile, .sidebar-s--dark-danger .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-danger .side-profile img, .sidebar-s--dark-danger .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #c23329; } .sidebar-s--light-danger .side-profile .profile-info, .sidebar-s--dark-danger .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-danger .side-body, .sidebar-s--dark-danger .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-danger .side-footer, .sidebar-s--dark-danger .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-danger .side-menu, .sidebar-s--dark-danger .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-danger .side-menu::-webkit-scrollbar, .sidebar-s--dark-danger .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-danger .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-danger .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332942; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-danger .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #c2332999; width: 30%; border-radius: 5px; } .sidebar-s--light-danger .side-menu ul, .sidebar-s--dark-danger .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-danger .side-menu ul li, .sidebar-s--dark-danger .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-danger .side-menu i, .sidebar-s--dark-danger .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-danger .side-menu .side-menu--title, .sidebar-s--dark-danger .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #c23329; font-weight: 500; opacity: 0.6; } .sidebar-s--light-danger .side-menu .side-menu--item, .sidebar-s--dark-danger .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-danger .side-menu .side-menu--item a, .sidebar-s--light-danger .side-menu .side-menu--item span, .sidebar-s--light-danger .side-menu .side-menu--item div, .sidebar-s--dark-danger .side-menu .side-menu--item a, .sidebar-s--dark-danger .side-menu .side-menu--item span, .sidebar-s--dark-danger .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-danger .side-menu .side-menu--item a:hover, .sidebar-s--light-danger .side-menu .side-menu--item span:hover, .sidebar-s--light-danger .side-menu .side-menu--item div:hover, .sidebar-s--dark-danger .side-menu .side-menu--item a:hover, .sidebar-s--dark-danger .side-menu .side-menu--item span:hover, .sidebar-s--dark-danger .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-danger .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #c23329 !important; font-weight: 500; } .sidebar-s--light-danger .side-menu .side-menu--item.active, .sidebar-s--light-danger .side-menu .side-menu--item:active, .sidebar-s--light-danger .side-menu .side-menu--item.focus, .sidebar-s--light-danger .side-menu .side-menu--item:focus, .sidebar-s--dark-danger .side-menu .side-menu--item.active, .sidebar-s--dark-danger .side-menu .side-menu--item:active, .sidebar-s--dark-danger .side-menu .side-menu--item.focus, .sidebar-s--dark-danger .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-danger .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #c23329; font-weight: 500; border-left: 4px solid #c23329; } .sidebar-s--light-danger .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-danger .side-menu .side-menu--child, .sidebar-s--dark-danger .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-danger .side-menu .side-menu--child li, .sidebar-s--light-danger .side-menu .side-menu--child a, .sidebar-s--light-danger .side-menu .side-menu--child .list, .sidebar-s--dark-danger .side-menu .side-menu--child li, .sidebar-s--dark-danger .side-menu .side-menu--child a, .sidebar-s--dark-danger .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-danger .side-menu .side-menu--child li:hover, .sidebar-s--light-danger .side-menu .side-menu--child a:hover, .sidebar-s--light-danger .side-menu .side-menu--child .list:hover, .sidebar-s--dark-danger .side-menu .side-menu--child li:hover, .sidebar-s--dark-danger .side-menu .side-menu--child a:hover, .sidebar-s--dark-danger .side-menu .side-menu--child .list:hover { color: #c23329 !important; font-weight: 500; } .sidebar-s--light-danger .side-menu .side-menu--child .name-menu, .sidebar-s--dark-danger .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #c23329; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-danger .side-menu .side-menu--child .child-menu, .sidebar-s--dark-danger .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332926; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #c2332966; width: 30%; border-radius: 5px; } .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-danger .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-danger .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-danger .side-menu .side-menu--child hr, .sidebar-s--dark-danger .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-danger { background: #c23329; border-right: 1px solid #f23629; } .sidebar-s--dark-danger hr { border-color: #ffd4d144; } .sidebar-s--dark-danger .side-info { background-color: #ffd4d133; } .sidebar-s--dark-danger .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-danger .side-profile { color: #ffd4d1; } .sidebar-s--dark-danger .side-profile img { border: 2px solid #ffd4d1; } .sidebar-s--dark-danger .side-footer { color: #ffd4d1; background-color: #ffd4d133; } .sidebar-s--dark-danger .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-danger .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-danger .side-menu .side-menu--item .side-menu--item-name { color: #ffd4d1; } .sidebar-s--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffd4d1; } .sidebar-s--dark-danger .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329 !important; background-color: #ffffff; } .sidebar-s--light-alert, .sidebar-s--dark-alert { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #d35f07; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-alert hr, .sidebar-s--dark-alert hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #d35f0733; } .sidebar-s--light-alert .side-info, .sidebar-s--dark-alert .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-alert .side-info .side-info--logo, .sidebar-s--dark-alert .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-alert .side-info .side-info--logo img, .sidebar-s--dark-alert .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-alert .side-info .side-info--logo-small, .sidebar-s--dark-alert .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-alert .side-info .side-info--logo-small img, .sidebar-s--dark-alert .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-alert .side-info .side-info--icon-size, .sidebar-s--dark-alert .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-alert .side-info .side-info--avatar, .sidebar-s--dark-alert .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-alert .side-info .side-info--avatar img, .sidebar-s--dark-alert .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-alert .side-profile, .sidebar-s--dark-alert .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-alert .side-profile img, .sidebar-s--dark-alert .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #d35f07; } .sidebar-s--light-alert .side-profile .profile-info, .sidebar-s--dark-alert .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-alert .side-body, .sidebar-s--dark-alert .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-alert .side-footer, .sidebar-s--dark-alert .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-alert .side-menu, .sidebar-s--dark-alert .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-alert .side-menu::-webkit-scrollbar, .sidebar-s--dark-alert .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-alert .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-alert .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-alert .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #d35f0799; width: 30%; border-radius: 5px; } .sidebar-s--light-alert .side-menu ul, .sidebar-s--dark-alert .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-alert .side-menu ul li, .sidebar-s--dark-alert .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-alert .side-menu i, .sidebar-s--dark-alert .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-alert .side-menu .side-menu--title, .sidebar-s--dark-alert .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #d35f07; font-weight: 500; opacity: 0.6; } .sidebar-s--light-alert .side-menu .side-menu--item, .sidebar-s--dark-alert .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-alert .side-menu .side-menu--item a, .sidebar-s--light-alert .side-menu .side-menu--item span, .sidebar-s--light-alert .side-menu .side-menu--item div, .sidebar-s--dark-alert .side-menu .side-menu--item a, .sidebar-s--dark-alert .side-menu .side-menu--item span, .sidebar-s--dark-alert .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-alert .side-menu .side-menu--item a:hover, .sidebar-s--light-alert .side-menu .side-menu--item span:hover, .sidebar-s--light-alert .side-menu .side-menu--item div:hover, .sidebar-s--dark-alert .side-menu .side-menu--item a:hover, .sidebar-s--dark-alert .side-menu .side-menu--item span:hover, .sidebar-s--dark-alert .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-alert .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #d35f07 !important; font-weight: 500; } .sidebar-s--light-alert .side-menu .side-menu--item.active, .sidebar-s--light-alert .side-menu .side-menu--item:active, .sidebar-s--light-alert .side-menu .side-menu--item.focus, .sidebar-s--light-alert .side-menu .side-menu--item:focus, .sidebar-s--dark-alert .side-menu .side-menu--item.active, .sidebar-s--dark-alert .side-menu .side-menu--item:active, .sidebar-s--dark-alert .side-menu .side-menu--item.focus, .sidebar-s--dark-alert .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-alert .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #d35f07; font-weight: 500; border-left: 4px solid #d35f07; } .sidebar-s--light-alert .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-alert .side-menu .side-menu--child, .sidebar-s--dark-alert .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-alert .side-menu .side-menu--child li, .sidebar-s--light-alert .side-menu .side-menu--child a, .sidebar-s--light-alert .side-menu .side-menu--child .list, .sidebar-s--dark-alert .side-menu .side-menu--child li, .sidebar-s--dark-alert .side-menu .side-menu--child a, .sidebar-s--dark-alert .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-alert .side-menu .side-menu--child li:hover, .sidebar-s--light-alert .side-menu .side-menu--child a:hover, .sidebar-s--light-alert .side-menu .side-menu--child .list:hover, .sidebar-s--dark-alert .side-menu .side-menu--child li:hover, .sidebar-s--dark-alert .side-menu .side-menu--child a:hover, .sidebar-s--dark-alert .side-menu .side-menu--child .list:hover { color: #d35f07 !important; font-weight: 500; } .sidebar-s--light-alert .side-menu .side-menu--child .name-menu, .sidebar-s--dark-alert .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #d35f07; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-alert .side-menu .side-menu--child .child-menu, .sidebar-s--dark-alert .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #d35f0766; width: 30%; border-radius: 5px; } .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-alert .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-alert .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-alert .side-menu .side-menu--child hr, .sidebar-s--dark-alert .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-alert { background: #d35f07; border-right: 1px solid #f57b1d; } .sidebar-s--dark-alert hr { border-color: #fad6ba44; } .sidebar-s--dark-alert .side-info { background-color: #fad6ba33; } .sidebar-s--dark-alert .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-alert .side-profile { color: #fad6ba; } .sidebar-s--dark-alert .side-profile img { border: 2px solid #fad6ba; } .sidebar-s--dark-alert .side-footer { color: #fad6ba; background-color: #fad6ba33; } .sidebar-s--dark-alert .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-alert .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-alert .side-menu .side-menu--item .side-menu--item-name { color: #fad6ba; } .sidebar-s--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #fad6ba; } .sidebar-s--dark-alert .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07 !important; background-color: #ffffff; } .sidebar-s--light-theme, .sidebar-s--dark-theme { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #2C5171; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-theme hr, .sidebar-s--dark-theme hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #2C517133; } .sidebar-s--light-theme .side-info, .sidebar-s--dark-theme .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-theme .side-info .side-info--logo, .sidebar-s--dark-theme .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-theme .side-info .side-info--logo img, .sidebar-s--dark-theme .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-theme .side-info .side-info--logo-small, .sidebar-s--dark-theme .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-theme .side-info .side-info--logo-small img, .sidebar-s--dark-theme .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-theme .side-info .side-info--icon-size, .sidebar-s--dark-theme .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-theme .side-info .side-info--avatar, .sidebar-s--dark-theme .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-theme .side-info .side-info--avatar img, .sidebar-s--dark-theme .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-theme .side-profile, .sidebar-s--dark-theme .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-theme .side-profile img, .sidebar-s--dark-theme .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #2C5171; } .sidebar-s--light-theme .side-profile .profile-info, .sidebar-s--dark-theme .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-theme .side-body, .sidebar-s--dark-theme .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-theme .side-footer, .sidebar-s--dark-theme .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-theme .side-menu, .sidebar-s--dark-theme .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-theme .side-menu::-webkit-scrollbar, .sidebar-s--dark-theme .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-theme .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-theme .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517142; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-theme .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #2C517199; width: 30%; border-radius: 5px; } .sidebar-s--light-theme .side-menu ul, .sidebar-s--dark-theme .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-theme .side-menu ul li, .sidebar-s--dark-theme .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-theme .side-menu i, .sidebar-s--dark-theme .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-theme .side-menu .side-menu--title, .sidebar-s--dark-theme .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #2C5171; font-weight: 500; opacity: 0.6; } .sidebar-s--light-theme .side-menu .side-menu--item, .sidebar-s--dark-theme .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-theme .side-menu .side-menu--item a, .sidebar-s--light-theme .side-menu .side-menu--item span, .sidebar-s--light-theme .side-menu .side-menu--item div, .sidebar-s--dark-theme .side-menu .side-menu--item a, .sidebar-s--dark-theme .side-menu .side-menu--item span, .sidebar-s--dark-theme .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-theme .side-menu .side-menu--item a:hover, .sidebar-s--light-theme .side-menu .side-menu--item span:hover, .sidebar-s--light-theme .side-menu .side-menu--item div:hover, .sidebar-s--dark-theme .side-menu .side-menu--item a:hover, .sidebar-s--dark-theme .side-menu .side-menu--item span:hover, .sidebar-s--dark-theme .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-theme .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #2C5171 !important; font-weight: 500; } .sidebar-s--light-theme .side-menu .side-menu--item.active, .sidebar-s--light-theme .side-menu .side-menu--item:active, .sidebar-s--light-theme .side-menu .side-menu--item.focus, .sidebar-s--light-theme .side-menu .side-menu--item:focus, .sidebar-s--dark-theme .side-menu .side-menu--item.active, .sidebar-s--dark-theme .side-menu .side-menu--item:active, .sidebar-s--dark-theme .side-menu .side-menu--item.focus, .sidebar-s--dark-theme .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-theme .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #2C5171; font-weight: 500; border-left: 4px solid #2C5171; } .sidebar-s--light-theme .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-theme .side-menu .side-menu--child, .sidebar-s--dark-theme .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-theme .side-menu .side-menu--child li, .sidebar-s--light-theme .side-menu .side-menu--child a, .sidebar-s--light-theme .side-menu .side-menu--child .list, .sidebar-s--dark-theme .side-menu .side-menu--child li, .sidebar-s--dark-theme .side-menu .side-menu--child a, .sidebar-s--dark-theme .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-theme .side-menu .side-menu--child li:hover, .sidebar-s--light-theme .side-menu .side-menu--child a:hover, .sidebar-s--light-theme .side-menu .side-menu--child .list:hover, .sidebar-s--dark-theme .side-menu .side-menu--child li:hover, .sidebar-s--dark-theme .side-menu .side-menu--child a:hover, .sidebar-s--dark-theme .side-menu .side-menu--child .list:hover { color: #2C5171 !important; font-weight: 500; } .sidebar-s--light-theme .side-menu .side-menu--child .name-menu, .sidebar-s--dark-theme .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #2C5171; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-theme .side-menu .side-menu--child .child-menu, .sidebar-s--dark-theme .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517126; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #2C517166; width: 30%; border-radius: 5px; } .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-theme .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-theme .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-theme .side-menu .side-menu--child hr, .sidebar-s--dark-theme .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-theme { background: #2C5171; border-right: 1px solid #356287; } .sidebar-s--dark-theme hr { border-color: #4682b444; } .sidebar-s--dark-theme .side-info { background-color: #4682b433; } .sidebar-s--dark-theme .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-theme .side-profile { color: #4682b4; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #4682b4; } .sidebar-s--dark-theme .side-footer { color: #4682b4; background-color: #4682b433; } .sidebar-s--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-theme .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #4682b4; } .sidebar-s--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #4682b4; } .sidebar-s--dark-theme .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171 !important; background-color: #ffffff; } .sidebar-s--light-white, .sidebar-s--dark-white { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #EEEEEE; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-white hr, .sidebar-s--dark-white hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #EEEEEE33; } .sidebar-s--light-white .side-info, .sidebar-s--dark-white .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-white .side-info .side-info--logo, .sidebar-s--dark-white .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-white .side-info .side-info--logo img, .sidebar-s--dark-white .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-white .side-info .side-info--logo-small, .sidebar-s--dark-white .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-white .side-info .side-info--logo-small img, .sidebar-s--dark-white .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-white .side-info .side-info--icon-size, .sidebar-s--dark-white .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-white .side-info .side-info--avatar, .sidebar-s--dark-white .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-white .side-info .side-info--avatar img, .sidebar-s--dark-white .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-white .side-profile, .sidebar-s--dark-white .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-white .side-profile img, .sidebar-s--dark-white .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #EEEEEE; } .sidebar-s--light-white .side-profile .profile-info, .sidebar-s--dark-white .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-white .side-body, .sidebar-s--dark-white .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-white .side-footer, .sidebar-s--dark-white .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-white .side-menu, .sidebar-s--dark-white .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-white .side-menu::-webkit-scrollbar, .sidebar-s--dark-white .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-white .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-white .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-white .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE99; width: 30%; border-radius: 5px; } .sidebar-s--light-white .side-menu ul, .sidebar-s--dark-white .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-white .side-menu ul li, .sidebar-s--dark-white .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-white .side-menu i, .sidebar-s--dark-white .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-white .side-menu .side-menu--title, .sidebar-s--dark-white .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #EEEEEE; font-weight: 500; opacity: 0.6; } .sidebar-s--light-white .side-menu .side-menu--item, .sidebar-s--dark-white .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-white .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-white .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-white .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-white .side-menu .side-menu--item a, .sidebar-s--light-white .side-menu .side-menu--item span, .sidebar-s--light-white .side-menu .side-menu--item div, .sidebar-s--dark-white .side-menu .side-menu--item a, .sidebar-s--dark-white .side-menu .side-menu--item span, .sidebar-s--dark-white .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-white .side-menu .side-menu--item a:hover, .sidebar-s--light-white .side-menu .side-menu--item span:hover, .sidebar-s--light-white .side-menu .side-menu--item div:hover, .sidebar-s--dark-white .side-menu .side-menu--item a:hover, .sidebar-s--dark-white .side-menu .side-menu--item span:hover, .sidebar-s--dark-white .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-white .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #EEEEEE !important; font-weight: 500; } .sidebar-s--light-white .side-menu .side-menu--item.active, .sidebar-s--light-white .side-menu .side-menu--item:active, .sidebar-s--light-white .side-menu .side-menu--item.focus, .sidebar-s--light-white .side-menu .side-menu--item:focus, .sidebar-s--dark-white .side-menu .side-menu--item.active, .sidebar-s--dark-white .side-menu .side-menu--item:active, .sidebar-s--dark-white .side-menu .side-menu--item.focus, .sidebar-s--dark-white .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-white .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #EEEEEE; font-weight: 500; border-left: 4px solid #EEEEEE; } .sidebar-s--light-white .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-white .side-menu .side-menu--child, .sidebar-s--dark-white .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-white .side-menu .side-menu--child li, .sidebar-s--light-white .side-menu .side-menu--child a, .sidebar-s--light-white .side-menu .side-menu--child .list, .sidebar-s--dark-white .side-menu .side-menu--child li, .sidebar-s--dark-white .side-menu .side-menu--child a, .sidebar-s--dark-white .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-white .side-menu .side-menu--child li:hover, .sidebar-s--light-white .side-menu .side-menu--child a:hover, .sidebar-s--light-white .side-menu .side-menu--child .list:hover, .sidebar-s--dark-white .side-menu .side-menu--child li:hover, .sidebar-s--dark-white .side-menu .side-menu--child a:hover, .sidebar-s--dark-white .side-menu .side-menu--child .list:hover { color: #EEEEEE !important; font-weight: 500; } .sidebar-s--light-white .side-menu .side-menu--child .name-menu, .sidebar-s--dark-white .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #EEEEEE; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-white .side-menu .side-menu--child .child-menu, .sidebar-s--dark-white .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE66; width: 30%; border-radius: 5px; } .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-white .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-white .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-white .side-menu .side-menu--child hr, .sidebar-s--dark-white .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-white { background: #EEEEEE; border-right: 1px solid #ffffff; } .sidebar-s--dark-white hr { border-color: #F5F5F544; } .sidebar-s--dark-white .side-info { background-color: #F5F5F533; } .sidebar-s--dark-white .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-white .side-profile { color: #F5F5F5; } .sidebar-s--dark-white .side-profile img { border: 2px solid #F5F5F5; } .sidebar-s--dark-white .side-footer { color: #F5F5F5; background-color: #F5F5F533; } .sidebar-s--dark-white .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-white .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-white .side-menu .side-menu--item .side-menu--item-name { color: #F5F5F5; } .sidebar-s--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #F5F5F5; } .sidebar-s--dark-white .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE !important; background-color: #ffffff; } .sidebar-s--light-purple, .sidebar-s--dark-purple { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #4A148C; transition: all 0.1s ease; width: 60px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-s--light-purple hr, .sidebar-s--dark-purple hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4A148C33; } .sidebar-s--light-purple .side-info, .sidebar-s--dark-purple .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-s--light-purple .side-info .side-info--logo, .sidebar-s--dark-purple .side-info .side-info--logo { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-s--light-purple .side-info .side-info--logo img, .sidebar-s--dark-purple .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-s--light-purple .side-info .side-info--logo-small, .sidebar-s--dark-purple .side-info .side-info--logo-small { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-s--light-purple .side-info .side-info--logo-small img, .sidebar-s--dark-purple .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-s--light-purple .side-info .side-info--icon-size, .sidebar-s--dark-purple .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-s--light-purple .side-info .side-info--avatar, .sidebar-s--dark-purple .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-s--light-purple .side-info .side-info--avatar img, .sidebar-s--dark-purple .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-s--light-purple .side-profile, .sidebar-s--dark-purple .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; } .sidebar-s--light-purple .side-profile img, .sidebar-s--dark-purple .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4A148C; } .sidebar-s--light-purple .side-profile .profile-info, .sidebar-s--dark-purple .side-profile .profile-info { display: none; font-size: 12px; font-weight: 400; } .sidebar-s--light-purple .side-body, .sidebar-s--dark-purple .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-s--light-purple .side-footer, .sidebar-s--dark-purple .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-s--light-purple .side-menu, .sidebar-s--dark-purple .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-s--light-purple .side-menu::-webkit-scrollbar, .sidebar-s--dark-purple .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-s--light-purple .side-menu::-webkit-scrollbar-track, .sidebar-s--dark-purple .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-purple .side-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #4A148C99; width: 30%; border-radius: 5px; } .sidebar-s--light-purple .side-menu ul, .sidebar-s--dark-purple .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-s--light-purple .side-menu ul li, .sidebar-s--dark-purple .side-menu ul li { display: inline-block; width: auto; } .sidebar-s--light-purple .side-menu i, .sidebar-s--dark-purple .side-menu i { font-size: 20px; line-height: 1; } .sidebar-s--light-purple .side-menu .side-menu--title, .sidebar-s--dark-purple .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4A148C; font-weight: 500; opacity: 0.6; } .sidebar-s--light-purple .side-menu .side-menu--item, .sidebar-s--dark-purple .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name { display: flex; gap: 5px; cursor: pointer; position: relative; align-items: center; padding: 2px 10px 2px 10px; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; } .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; } .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name .name-menu { display: none; transition: display 0.4s ease; } .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-purple .side-menu .side-menu--item a, .sidebar-s--light-purple .side-menu .side-menu--item span, .sidebar-s--light-purple .side-menu .side-menu--item div, .sidebar-s--dark-purple .side-menu .side-menu--item a, .sidebar-s--dark-purple .side-menu .side-menu--item span, .sidebar-s--dark-purple .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-s--light-purple .side-menu .side-menu--item a:hover, .sidebar-s--light-purple .side-menu .side-menu--item span:hover, .sidebar-s--light-purple .side-menu .side-menu--item div:hover, .sidebar-s--dark-purple .side-menu .side-menu--item a:hover, .sidebar-s--dark-purple .side-menu .side-menu--item span:hover, .sidebar-s--dark-purple .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-s--light-purple .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #4A148C !important; font-weight: 500; } .sidebar-s--light-purple .side-menu .side-menu--item.active, .sidebar-s--light-purple .side-menu .side-menu--item:active, .sidebar-s--light-purple .side-menu .side-menu--item.focus, .sidebar-s--light-purple .side-menu .side-menu--item:focus, .sidebar-s--dark-purple .side-menu .side-menu--item.active, .sidebar-s--dark-purple .side-menu .side-menu--item:active, .sidebar-s--dark-purple .side-menu .side-menu--item.focus, .sidebar-s--dark-purple .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-s--light-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--light-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--light-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--light-purple .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #4A148C; font-weight: 500; border-left: 4px solid #4A148C; } .sidebar-s--light-purple .side-menu .side-menu--item .side-menu--child, .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-s--light-purple .side-menu .side-menu--child, .sidebar-s--dark-purple .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: -1px; z-index: 5; left: calc(100% + 2px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #EEEEEE; box-shadow: 0 3px 5px -1px #75757566 !important; } .sidebar-s--light-purple .side-menu .side-menu--child li, .sidebar-s--light-purple .side-menu .side-menu--child a, .sidebar-s--light-purple .side-menu .side-menu--child .list, .sidebar-s--dark-purple .side-menu .side-menu--child li, .sidebar-s--dark-purple .side-menu .side-menu--child a, .sidebar-s--dark-purple .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-s--light-purple .side-menu .side-menu--child li:hover, .sidebar-s--light-purple .side-menu .side-menu--child a:hover, .sidebar-s--light-purple .side-menu .side-menu--child .list:hover, .sidebar-s--dark-purple .side-menu .side-menu--child li:hover, .sidebar-s--dark-purple .side-menu .side-menu--child a:hover, .sidebar-s--dark-purple .side-menu .side-menu--child .list:hover { color: #4A148C !important; font-weight: 500; } .sidebar-s--light-purple .side-menu .side-menu--child .name-menu, .sidebar-s--dark-purple .side-menu .side-menu--child .name-menu { align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #4A148C; background-color: #EEEEEE; transition: all 0.2s ease; display: flex; padding-left: 6px; } .sidebar-s--light-purple .side-menu .side-menu--child .child-menu, .sidebar-s--dark-purple .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-s--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-s--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-s--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-s--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-s--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-s--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4A148C66; width: 30%; border-radius: 5px; } .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item { gap: 10px; height: calc(40px - 5px); align-items: center; padding: 2px 10px 2px 55px; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px !important; } .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--light-purple .side-menu .side-menu--child .side-menu--child-item i, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-s--dark-purple .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-s--light-purple .side-menu .side-menu--child hr, .sidebar-s--dark-purple .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-s--light-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-s--dark-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-s--dark-purple { background: #4A148C; border-right: 1px solid #6A1B9A; } .sidebar-s--dark-purple hr { border-color: #f5ebfc44; } .sidebar-s--dark-purple .side-info { background-color: #f5ebfc33; } .sidebar-s--dark-purple .side-info .side-info--icon-size { color: #757575; } .sidebar-s--dark-purple .side-profile { color: #f5ebfc; } .sidebar-s--dark-purple .side-profile img { border: 2px solid #f5ebfc; } .sidebar-s--dark-purple .side-footer { color: #f5ebfc; background-color: #f5ebfc33; } .sidebar-s--dark-purple .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-s--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-s--dark-purple .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-s--dark-purple .side-menu .side-menu--item .side-menu--item-name { color: #f5ebfc; } .sidebar-s--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-s--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #f5ebfc; } .sidebar-s--dark-purple .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-s--dark-theme hr { border-color: #BAD0E344; } .sidebar-s--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-s--dark-theme .side-profile { color: #BAD0E3; } .sidebar-s--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-s--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-s--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-s--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-s--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { border-left: 4px solid #BAD0E3; } .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C; background-color: #EEEEEE; padding-right: 10px; } .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-s--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C !important; background-color: #ffffff; } .sidebar-m--light, .sidebar-m--dark { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #EEEEEE; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light hr, .sidebar-m--dark hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #E0E0E0; } .sidebar-m--light .side-info, .sidebar-m--dark .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light .side-info .side-info--logo, .sidebar-m--dark .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light .side-info .side-info--logo img, .sidebar-m--dark .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light .side-info .side-info--logo-small, .sidebar-m--dark .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light .side-info .side-info--logo-small img, .sidebar-m--dark .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light .side-info .side-info--icon-size, .sidebar-m--dark .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light .side-info .side-info--avatar, .sidebar-m--dark .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light .side-info .side-info--avatar img, .sidebar-m--dark .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light .side-profile, .sidebar-m--dark .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light .side-profile img, .sidebar-m--dark .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #9E9E9E; } .sidebar-m--light .side-profile .profile-info, .sidebar-m--dark .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light .side-body, .sidebar-m--dark .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light .side-footer, .sidebar-m--dark .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light .side-menu, .sidebar-m--dark .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light .side-menu::-webkit-scrollbar, .sidebar-m--dark .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light .side-menu::-webkit-scrollbar-track, .sidebar-m--dark .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757542; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark .side-menu::-webkit-scrollbar-thumb { background-color: #75757599; width: 30%; border-radius: 5px; } .sidebar-m--light .side-menu ul, .sidebar-m--dark .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light .side-menu ul li, .sidebar-m--dark .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light .side-menu i, .sidebar-m--dark .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light .side-menu .side-menu--title, .sidebar-m--dark .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #757575; font-weight: 500; opacity: 0.6; } .sidebar-m--light .side-menu .side-menu--item, .sidebar-m--dark .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light .side-menu .side-menu--item a, .sidebar-m--light .side-menu .side-menu--item span, .sidebar-m--light .side-menu .side-menu--item div, .sidebar-m--dark .side-menu .side-menu--item a, .sidebar-m--dark .side-menu .side-menu--item span, .sidebar-m--dark .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light .side-menu .side-menu--item a:hover, .sidebar-m--light .side-menu .side-menu--item span:hover, .sidebar-m--light .side-menu .side-menu--item div:hover, .sidebar-m--dark .side-menu .side-menu--item a:hover, .sidebar-m--dark .side-menu .side-menu--item span:hover, .sidebar-m--dark .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light .side-menu .side-menu--item.active, .sidebar-m--light .side-menu .side-menu--item:active, .sidebar-m--light .side-menu .side-menu--item.focus, .sidebar-m--light .side-menu .side-menu--item:focus, .sidebar-m--dark .side-menu .side-menu--item.active, .sidebar-m--dark .side-menu .side-menu--item:active, .sidebar-m--dark .side-menu .side-menu--item.focus, .sidebar-m--dark .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light .side-menu .side-menu--child, .sidebar-m--dark .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #F5F5F5; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light .side-menu .side-menu--child li, .sidebar-m--light .side-menu .side-menu--child a, .sidebar-m--light .side-menu .side-menu--child .list, .sidebar-m--dark .side-menu .side-menu--child li, .sidebar-m--dark .side-menu .side-menu--child a, .sidebar-m--dark .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light .side-menu .side-menu--child li:hover, .sidebar-m--light .side-menu .side-menu--child a:hover, .sidebar-m--light .side-menu .side-menu--child .list:hover, .sidebar-m--dark .side-menu .side-menu--child li:hover, .sidebar-m--dark .side-menu .side-menu--child a:hover, .sidebar-m--dark .side-menu .side-menu--child .list:hover { color: #616161 !important; font-weight: 500; } .sidebar-m--light .side-menu .side-menu--child .name-menu, .sidebar-m--dark .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light .side-menu .side-menu--child .child-menu, .sidebar-m--dark .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #75757526; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #75757566; width: 30%; border-radius: 5px; } .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light .side-menu .side-menu--child hr, .sidebar-m--dark .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark { background: #616161; border-right: 1px solid #757575; } .sidebar-m--dark hr { border-color: #757575; } .sidebar-m--dark .side-info { background-color: #42424233; } .sidebar-m--dark .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark .side-profile { color: #BDBDBD; } .sidebar-m--dark .side-profile img { border: 2px solid #E0E0E0; } .sidebar-m--dark .side-footer { color: #BDBDBD; background-color: #42424233; } .sidebar-m--dark .side-menu::-webkit-scrollbar-track { background-color: #E0E0E042; } .sidebar-m--dark .side-menu::-webkit-scrollbar-thumb { background-color: #BDBDBD99; } .sidebar-m--dark .side-menu .side-menu--title { color: #BDBDBD; } .sidebar-m--dark .side-menu .side-menu--item .side-menu--item-name { color: #EEEEEE; } .sidebar-m--dark .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #616161 !important; background-color: #ffffff !important; } .sidebar-m--light-primary, .sidebar-m--dark-primary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #14619c; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-primary hr, .sidebar-m--dark-primary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #14619c33; } .sidebar-m--light-primary .side-info, .sidebar-m--dark-primary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-primary .side-info .side-info--logo, .sidebar-m--dark-primary .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-primary .side-info .side-info--logo img, .sidebar-m--dark-primary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-primary .side-info .side-info--logo-small, .sidebar-m--dark-primary .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-primary .side-info .side-info--logo-small img, .sidebar-m--dark-primary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-primary .side-info .side-info--icon-size, .sidebar-m--dark-primary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-primary .side-info .side-info--avatar, .sidebar-m--dark-primary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-primary .side-info .side-info--avatar img, .sidebar-m--dark-primary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-primary .side-profile, .sidebar-m--dark-primary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-primary .side-profile img, .sidebar-m--dark-primary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #14619c; } .sidebar-m--light-primary .side-profile .profile-info, .sidebar-m--dark-primary .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-primary .side-body, .sidebar-m--dark-primary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-primary .side-footer, .sidebar-m--dark-primary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-primary .side-menu, .sidebar-m--dark-primary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-primary .side-menu::-webkit-scrollbar, .sidebar-m--dark-primary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-primary .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-primary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-primary .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #14619c99; width: 30%; border-radius: 5px; } .sidebar-m--light-primary .side-menu ul, .sidebar-m--dark-primary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-primary .side-menu ul li, .sidebar-m--dark-primary .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-primary .side-menu i, .sidebar-m--dark-primary .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-primary .side-menu .side-menu--title, .sidebar-m--dark-primary .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #14619c; font-weight: 500; opacity: 0.6; } .sidebar-m--light-primary .side-menu .side-menu--item, .sidebar-m--dark-primary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-primary .side-menu .side-menu--item a, .sidebar-m--light-primary .side-menu .side-menu--item span, .sidebar-m--light-primary .side-menu .side-menu--item div, .sidebar-m--dark-primary .side-menu .side-menu--item a, .sidebar-m--dark-primary .side-menu .side-menu--item span, .sidebar-m--dark-primary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-primary .side-menu .side-menu--item a:hover, .sidebar-m--light-primary .side-menu .side-menu--item span:hover, .sidebar-m--light-primary .side-menu .side-menu--item div:hover, .sidebar-m--dark-primary .side-menu .side-menu--item a:hover, .sidebar-m--dark-primary .side-menu .side-menu--item span:hover, .sidebar-m--dark-primary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-primary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-primary .side-menu .side-menu--item.active, .sidebar-m--light-primary .side-menu .side-menu--item:active, .sidebar-m--light-primary .side-menu .side-menu--item.focus, .sidebar-m--light-primary .side-menu .side-menu--item:focus, .sidebar-m--dark-primary .side-menu .side-menu--item.active, .sidebar-m--dark-primary .side-menu .side-menu--item:active, .sidebar-m--dark-primary .side-menu .side-menu--item.focus, .sidebar-m--dark-primary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-primary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-primary .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-primary .side-menu .side-menu--child, .sidebar-m--dark-primary .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-primary .side-menu .side-menu--child li, .sidebar-m--light-primary .side-menu .side-menu--child a, .sidebar-m--light-primary .side-menu .side-menu--child .list, .sidebar-m--dark-primary .side-menu .side-menu--child li, .sidebar-m--dark-primary .side-menu .side-menu--child a, .sidebar-m--dark-primary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-primary .side-menu .side-menu--child li:hover, .sidebar-m--light-primary .side-menu .side-menu--child a:hover, .sidebar-m--light-primary .side-menu .side-menu--child .list:hover, .sidebar-m--dark-primary .side-menu .side-menu--child li:hover, .sidebar-m--dark-primary .side-menu .side-menu--child a:hover, .sidebar-m--dark-primary .side-menu .side-menu--child .list:hover { color: #14619c !important; font-weight: 500; } .sidebar-m--light-primary .side-menu .side-menu--child .name-menu, .sidebar-m--dark-primary .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-primary .side-menu .side-menu--child .child-menu, .sidebar-m--dark-primary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #14619c26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-primary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #14619c66; width: 30%; border-radius: 5px; } .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-primary .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-primary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-primary .side-menu .side-menu--child hr, .sidebar-m--dark-primary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-primary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-primary { background: #14619c; border-right: 1px solid #2196f3; } .sidebar-m--dark-primary hr { border-color: #e0f1ff33; } .sidebar-m--dark-primary .side-info { background-color: #e0f1ff33; } .sidebar-m--dark-primary .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-primary .side-profile { color: #e0f1ff; } .sidebar-m--dark-primary .side-profile img { border: 2px solid #e0f1ff; } .sidebar-m--dark-primary .side-footer { color: #e0f1ff; background-color: #e0f1ff33; } .sidebar-m--dark-primary .side-menu::-webkit-scrollbar-track { background-color: #e0f1ff42; } .sidebar-m--dark-primary .side-menu::-webkit-scrollbar-thumb { background-color: #e0f1ff99; } .sidebar-m--dark-primary .side-menu .side-menu--title { color: #e0f1ff; } .sidebar-m--dark-primary .side-menu .side-menu--item .side-menu--item-name { color: #e0f1ff; } .sidebar-m--dark-primary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-primary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-primary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-primary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-primary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #14619c !important; background-color: #ffffff !important; } .sidebar-m--light-secondary, .sidebar-m--dark-secondary { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #4b5257; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-secondary hr, .sidebar-m--dark-secondary hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4b525733; } .sidebar-m--light-secondary .side-info, .sidebar-m--dark-secondary .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-secondary .side-info .side-info--logo, .sidebar-m--dark-secondary .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-secondary .side-info .side-info--logo img, .sidebar-m--dark-secondary .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-secondary .side-info .side-info--logo-small, .sidebar-m--dark-secondary .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-secondary .side-info .side-info--logo-small img, .sidebar-m--dark-secondary .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-secondary .side-info .side-info--icon-size, .sidebar-m--dark-secondary .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-secondary .side-info .side-info--avatar, .sidebar-m--dark-secondary .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-secondary .side-info .side-info--avatar img, .sidebar-m--dark-secondary .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-secondary .side-profile, .sidebar-m--dark-secondary .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-secondary .side-profile img, .sidebar-m--dark-secondary .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4b5257; } .sidebar-m--light-secondary .side-profile .profile-info, .sidebar-m--dark-secondary .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-secondary .side-body, .sidebar-m--dark-secondary .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-secondary .side-footer, .sidebar-m--dark-secondary .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-secondary .side-menu, .sidebar-m--dark-secondary .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-secondary .side-menu::-webkit-scrollbar, .sidebar-m--dark-secondary .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-secondary .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-secondary .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-secondary .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #4b525799; width: 30%; border-radius: 5px; } .sidebar-m--light-secondary .side-menu ul, .sidebar-m--dark-secondary .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-secondary .side-menu ul li, .sidebar-m--dark-secondary .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-secondary .side-menu i, .sidebar-m--dark-secondary .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-secondary .side-menu .side-menu--title, .sidebar-m--dark-secondary .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4b5257; font-weight: 500; opacity: 0.6; } .sidebar-m--light-secondary .side-menu .side-menu--item, .sidebar-m--dark-secondary .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-secondary .side-menu .side-menu--item a, .sidebar-m--light-secondary .side-menu .side-menu--item span, .sidebar-m--light-secondary .side-menu .side-menu--item div, .sidebar-m--dark-secondary .side-menu .side-menu--item a, .sidebar-m--dark-secondary .side-menu .side-menu--item span, .sidebar-m--dark-secondary .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-secondary .side-menu .side-menu--item a:hover, .sidebar-m--light-secondary .side-menu .side-menu--item span:hover, .sidebar-m--light-secondary .side-menu .side-menu--item div:hover, .sidebar-m--dark-secondary .side-menu .side-menu--item a:hover, .sidebar-m--dark-secondary .side-menu .side-menu--item span:hover, .sidebar-m--dark-secondary .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-secondary .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-secondary .side-menu .side-menu--item.active, .sidebar-m--light-secondary .side-menu .side-menu--item:active, .sidebar-m--light-secondary .side-menu .side-menu--item.focus, .sidebar-m--light-secondary .side-menu .side-menu--item:focus, .sidebar-m--dark-secondary .side-menu .side-menu--item.active, .sidebar-m--dark-secondary .side-menu .side-menu--item:active, .sidebar-m--dark-secondary .side-menu .side-menu--item.focus, .sidebar-m--dark-secondary .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-secondary .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-secondary .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-secondary .side-menu .side-menu--child, .sidebar-m--dark-secondary .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-secondary .side-menu .side-menu--child li, .sidebar-m--light-secondary .side-menu .side-menu--child a, .sidebar-m--light-secondary .side-menu .side-menu--child .list, .sidebar-m--dark-secondary .side-menu .side-menu--child li, .sidebar-m--dark-secondary .side-menu .side-menu--child a, .sidebar-m--dark-secondary .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-secondary .side-menu .side-menu--child li:hover, .sidebar-m--light-secondary .side-menu .side-menu--child a:hover, .sidebar-m--light-secondary .side-menu .side-menu--child .list:hover, .sidebar-m--dark-secondary .side-menu .side-menu--child li:hover, .sidebar-m--dark-secondary .side-menu .side-menu--child a:hover, .sidebar-m--dark-secondary .side-menu .side-menu--child .list:hover { color: #4b5257 !important; font-weight: 500; } .sidebar-m--light-secondary .side-menu .side-menu--child .name-menu, .sidebar-m--dark-secondary .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-secondary .side-menu .side-menu--child .child-menu, .sidebar-m--dark-secondary .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4b525726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-secondary .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4b525766; width: 30%; border-radius: 5px; } .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-secondary .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-secondary .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-secondary .side-menu .side-menu--child hr, .sidebar-m--dark-secondary .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-secondary .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-secondary { background: #4b5257; border-right: 1px solid #6c757d; } .sidebar-m--dark-secondary hr { border-color: #e1e1e133; } .sidebar-m--dark-secondary .side-info { background-color: #e1e1e133; } .sidebar-m--dark-secondary .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-secondary .side-profile { color: #e1e1e1; } .sidebar-m--dark-secondary .side-profile img { border: 2px solid #e1e1e1; } .sidebar-m--dark-secondary .side-footer { color: #e1e1e1; background-color: #e1e1e133; } .sidebar-m--dark-secondary .side-menu::-webkit-scrollbar-track { background-color: #e1e1e142; } .sidebar-m--dark-secondary .side-menu::-webkit-scrollbar-thumb { background-color: #e1e1e199; } .sidebar-m--dark-secondary .side-menu .side-menu--title { color: #e1e1e1; } .sidebar-m--dark-secondary .side-menu .side-menu--item .side-menu--item-name { color: #e1e1e1; } .sidebar-m--dark-secondary .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-secondary .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-secondary .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-secondary .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-secondary.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4b5257 !important; background-color: #ffffff !important; } .sidebar-m--light-success, .sidebar-m--dark-success { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #079107; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-success hr, .sidebar-m--dark-success hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #07910733; } .sidebar-m--light-success .side-info, .sidebar-m--dark-success .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-success .side-info .side-info--logo, .sidebar-m--dark-success .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-success .side-info .side-info--logo img, .sidebar-m--dark-success .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-success .side-info .side-info--logo-small, .sidebar-m--dark-success .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-success .side-info .side-info--logo-small img, .sidebar-m--dark-success .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-success .side-info .side-info--icon-size, .sidebar-m--dark-success .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-success .side-info .side-info--avatar, .sidebar-m--dark-success .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-success .side-info .side-info--avatar img, .sidebar-m--dark-success .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-success .side-profile, .sidebar-m--dark-success .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-success .side-profile img, .sidebar-m--dark-success .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #079107; } .sidebar-m--light-success .side-profile .profile-info, .sidebar-m--dark-success .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-success .side-body, .sidebar-m--dark-success .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-success .side-footer, .sidebar-m--dark-success .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-success .side-menu, .sidebar-m--dark-success .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-success .side-menu::-webkit-scrollbar, .sidebar-m--dark-success .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-success .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-success .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-success .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #07910799; width: 30%; border-radius: 5px; } .sidebar-m--light-success .side-menu ul, .sidebar-m--dark-success .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-success .side-menu ul li, .sidebar-m--dark-success .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-success .side-menu i, .sidebar-m--dark-success .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-success .side-menu .side-menu--title, .sidebar-m--dark-success .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #079107; font-weight: 500; opacity: 0.6; } .sidebar-m--light-success .side-menu .side-menu--item, .sidebar-m--dark-success .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-success .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-success .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-success .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-success .side-menu .side-menu--item a, .sidebar-m--light-success .side-menu .side-menu--item span, .sidebar-m--light-success .side-menu .side-menu--item div, .sidebar-m--dark-success .side-menu .side-menu--item a, .sidebar-m--dark-success .side-menu .side-menu--item span, .sidebar-m--dark-success .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-success .side-menu .side-menu--item a:hover, .sidebar-m--light-success .side-menu .side-menu--item span:hover, .sidebar-m--light-success .side-menu .side-menu--item div:hover, .sidebar-m--dark-success .side-menu .side-menu--item a:hover, .sidebar-m--dark-success .side-menu .side-menu--item span:hover, .sidebar-m--dark-success .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-success .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-success .side-menu .side-menu--item.active, .sidebar-m--light-success .side-menu .side-menu--item:active, .sidebar-m--light-success .side-menu .side-menu--item.focus, .sidebar-m--light-success .side-menu .side-menu--item:focus, .sidebar-m--dark-success .side-menu .side-menu--item.active, .sidebar-m--dark-success .side-menu .side-menu--item:active, .sidebar-m--dark-success .side-menu .side-menu--item.focus, .sidebar-m--dark-success .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-success .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-success .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-success .side-menu .side-menu--child, .sidebar-m--dark-success .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-success .side-menu .side-menu--child li, .sidebar-m--light-success .side-menu .side-menu--child a, .sidebar-m--light-success .side-menu .side-menu--child .list, .sidebar-m--dark-success .side-menu .side-menu--child li, .sidebar-m--dark-success .side-menu .side-menu--child a, .sidebar-m--dark-success .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-success .side-menu .side-menu--child li:hover, .sidebar-m--light-success .side-menu .side-menu--child a:hover, .sidebar-m--light-success .side-menu .side-menu--child .list:hover, .sidebar-m--dark-success .side-menu .side-menu--child li:hover, .sidebar-m--dark-success .side-menu .side-menu--child a:hover, .sidebar-m--dark-success .side-menu .side-menu--child .list:hover { color: #079107 !important; font-weight: 500; } .sidebar-m--light-success .side-menu .side-menu--child .name-menu, .sidebar-m--dark-success .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-success .side-menu .side-menu--child .child-menu, .sidebar-m--dark-success .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #07910726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-success .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #07910766; width: 30%; border-radius: 5px; } .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-success .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-success .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-success .side-menu .side-menu--child hr, .sidebar-m--dark-success .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-success .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-success { background: #079107; border-right: 1px solid #20ad20; } .sidebar-m--dark-success hr { border-color: #e8fac733; } .sidebar-m--dark-success .side-info { background-color: #e8fac733; } .sidebar-m--dark-success .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-success .side-profile { color: #e8fac7; } .sidebar-m--dark-success .side-profile img { border: 2px solid #e8fac7; } .sidebar-m--dark-success .side-footer { color: #e8fac7; background-color: #e8fac733; } .sidebar-m--dark-success .side-menu::-webkit-scrollbar-track { background-color: #e8fac742; } .sidebar-m--dark-success .side-menu::-webkit-scrollbar-thumb { background-color: #e8fac799; } .sidebar-m--dark-success .side-menu .side-menu--title { color: #e8fac7; } .sidebar-m--dark-success .side-menu .side-menu--item .side-menu--item-name { color: #e8fac7; } .sidebar-m--dark-success .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-success .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-success .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-success .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-success.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #079107 !important; background-color: #ffffff !important; } .sidebar-m--light-info, .sidebar-m--dark-info { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #25a2b3; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-info hr, .sidebar-m--dark-info hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #25a2b333; } .sidebar-m--light-info .side-info, .sidebar-m--dark-info .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-info .side-info .side-info--logo, .sidebar-m--dark-info .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-info .side-info .side-info--logo img, .sidebar-m--dark-info .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-info .side-info .side-info--logo-small, .sidebar-m--dark-info .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-info .side-info .side-info--logo-small img, .sidebar-m--dark-info .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-info .side-info .side-info--icon-size, .sidebar-m--dark-info .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-info .side-info .side-info--avatar, .sidebar-m--dark-info .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-info .side-info .side-info--avatar img, .sidebar-m--dark-info .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-info .side-profile, .sidebar-m--dark-info .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-info .side-profile img, .sidebar-m--dark-info .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #25a2b3; } .sidebar-m--light-info .side-profile .profile-info, .sidebar-m--dark-info .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-info .side-body, .sidebar-m--dark-info .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-info .side-footer, .sidebar-m--dark-info .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-info .side-menu, .sidebar-m--dark-info .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-info .side-menu::-webkit-scrollbar, .sidebar-m--dark-info .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-info .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-info .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b342; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-info .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #25a2b399; width: 30%; border-radius: 5px; } .sidebar-m--light-info .side-menu ul, .sidebar-m--dark-info .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-info .side-menu ul li, .sidebar-m--dark-info .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-info .side-menu i, .sidebar-m--dark-info .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-info .side-menu .side-menu--title, .sidebar-m--dark-info .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #25a2b3; font-weight: 500; opacity: 0.6; } .sidebar-m--light-info .side-menu .side-menu--item, .sidebar-m--dark-info .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-info .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-info .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-info .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-info .side-menu .side-menu--item a, .sidebar-m--light-info .side-menu .side-menu--item span, .sidebar-m--light-info .side-menu .side-menu--item div, .sidebar-m--dark-info .side-menu .side-menu--item a, .sidebar-m--dark-info .side-menu .side-menu--item span, .sidebar-m--dark-info .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-info .side-menu .side-menu--item a:hover, .sidebar-m--light-info .side-menu .side-menu--item span:hover, .sidebar-m--light-info .side-menu .side-menu--item div:hover, .sidebar-m--dark-info .side-menu .side-menu--item a:hover, .sidebar-m--dark-info .side-menu .side-menu--item span:hover, .sidebar-m--dark-info .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-info .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-info .side-menu .side-menu--item.active, .sidebar-m--light-info .side-menu .side-menu--item:active, .sidebar-m--light-info .side-menu .side-menu--item.focus, .sidebar-m--light-info .side-menu .side-menu--item:focus, .sidebar-m--dark-info .side-menu .side-menu--item.active, .sidebar-m--dark-info .side-menu .side-menu--item:active, .sidebar-m--dark-info .side-menu .side-menu--item.focus, .sidebar-m--dark-info .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-info .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-info .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-info .side-menu .side-menu--child, .sidebar-m--dark-info .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-info .side-menu .side-menu--child li, .sidebar-m--light-info .side-menu .side-menu--child a, .sidebar-m--light-info .side-menu .side-menu--child .list, .sidebar-m--dark-info .side-menu .side-menu--child li, .sidebar-m--dark-info .side-menu .side-menu--child a, .sidebar-m--dark-info .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-info .side-menu .side-menu--child li:hover, .sidebar-m--light-info .side-menu .side-menu--child a:hover, .sidebar-m--light-info .side-menu .side-menu--child .list:hover, .sidebar-m--dark-info .side-menu .side-menu--child li:hover, .sidebar-m--dark-info .side-menu .side-menu--child a:hover, .sidebar-m--dark-info .side-menu .side-menu--child .list:hover { color: #25a2b3 !important; font-weight: 500; } .sidebar-m--light-info .side-menu .side-menu--child .name-menu, .sidebar-m--dark-info .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-info .side-menu .side-menu--child .child-menu, .sidebar-m--dark-info .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #25a2b326; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-info .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #25a2b366; width: 30%; border-radius: 5px; } .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-info .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-info .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-info .side-menu .side-menu--child hr, .sidebar-m--dark-info .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-info .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-info { background: #25a2b3; border-right: 1px solid #4dd0e1; } .sidebar-m--dark-info hr { border-color: #d2f9ff33; } .sidebar-m--dark-info .side-info { background-color: #d2f9ff33; } .sidebar-m--dark-info .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-info .side-profile { color: #d2f9ff; } .sidebar-m--dark-info .side-profile img { border: 2px solid #d2f9ff; } .sidebar-m--dark-info .side-footer { color: #d2f9ff; background-color: #d2f9ff33; } .sidebar-m--dark-info .side-menu::-webkit-scrollbar-track { background-color: #d2f9ff42; } .sidebar-m--dark-info .side-menu::-webkit-scrollbar-thumb { background-color: #d2f9ff99; } .sidebar-m--dark-info .side-menu .side-menu--title { color: #d2f9ff; } .sidebar-m--dark-info .side-menu .side-menu--item .side-menu--item-name { color: #d2f9ff; } .sidebar-m--dark-info .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-info .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-info .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-info .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-info.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #25a2b3 !important; background-color: #ffffff !important; } .sidebar-m--light-warning, .sidebar-m--dark-warning { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #edbe00; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-warning hr, .sidebar-m--dark-warning hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #edbe0033; } .sidebar-m--light-warning .side-info, .sidebar-m--dark-warning .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-warning .side-info .side-info--logo, .sidebar-m--dark-warning .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-warning .side-info .side-info--logo img, .sidebar-m--dark-warning .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-warning .side-info .side-info--logo-small, .sidebar-m--dark-warning .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-warning .side-info .side-info--logo-small img, .sidebar-m--dark-warning .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-warning .side-info .side-info--icon-size, .sidebar-m--dark-warning .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-warning .side-info .side-info--avatar, .sidebar-m--dark-warning .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-warning .side-info .side-info--avatar img, .sidebar-m--dark-warning .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-warning .side-profile, .sidebar-m--dark-warning .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-warning .side-profile img, .sidebar-m--dark-warning .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #edbe00; } .sidebar-m--light-warning .side-profile .profile-info, .sidebar-m--dark-warning .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-warning .side-body, .sidebar-m--dark-warning .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-warning .side-footer, .sidebar-m--dark-warning .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-warning .side-menu, .sidebar-m--dark-warning .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-warning .side-menu::-webkit-scrollbar, .sidebar-m--dark-warning .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-warning .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-warning .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0042; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-warning .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #edbe0099; width: 30%; border-radius: 5px; } .sidebar-m--light-warning .side-menu ul, .sidebar-m--dark-warning .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-warning .side-menu ul li, .sidebar-m--dark-warning .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-warning .side-menu i, .sidebar-m--dark-warning .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-warning .side-menu .side-menu--title, .sidebar-m--dark-warning .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #edbe00; font-weight: 500; opacity: 0.6; } .sidebar-m--light-warning .side-menu .side-menu--item, .sidebar-m--dark-warning .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-warning .side-menu .side-menu--item a, .sidebar-m--light-warning .side-menu .side-menu--item span, .sidebar-m--light-warning .side-menu .side-menu--item div, .sidebar-m--dark-warning .side-menu .side-menu--item a, .sidebar-m--dark-warning .side-menu .side-menu--item span, .sidebar-m--dark-warning .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-warning .side-menu .side-menu--item a:hover, .sidebar-m--light-warning .side-menu .side-menu--item span:hover, .sidebar-m--light-warning .side-menu .side-menu--item div:hover, .sidebar-m--dark-warning .side-menu .side-menu--item a:hover, .sidebar-m--dark-warning .side-menu .side-menu--item span:hover, .sidebar-m--dark-warning .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-warning .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-warning .side-menu .side-menu--item.active, .sidebar-m--light-warning .side-menu .side-menu--item:active, .sidebar-m--light-warning .side-menu .side-menu--item.focus, .sidebar-m--light-warning .side-menu .side-menu--item:focus, .sidebar-m--dark-warning .side-menu .side-menu--item.active, .sidebar-m--dark-warning .side-menu .side-menu--item:active, .sidebar-m--dark-warning .side-menu .side-menu--item.focus, .sidebar-m--dark-warning .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-warning .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-warning .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-warning .side-menu .side-menu--child, .sidebar-m--dark-warning .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-warning .side-menu .side-menu--child li, .sidebar-m--light-warning .side-menu .side-menu--child a, .sidebar-m--light-warning .side-menu .side-menu--child .list, .sidebar-m--dark-warning .side-menu .side-menu--child li, .sidebar-m--dark-warning .side-menu .side-menu--child a, .sidebar-m--dark-warning .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-warning .side-menu .side-menu--child li:hover, .sidebar-m--light-warning .side-menu .side-menu--child a:hover, .sidebar-m--light-warning .side-menu .side-menu--child .list:hover, .sidebar-m--dark-warning .side-menu .side-menu--child li:hover, .sidebar-m--dark-warning .side-menu .side-menu--child a:hover, .sidebar-m--dark-warning .side-menu .side-menu--child .list:hover { color: #edbe00 !important; font-weight: 500; } .sidebar-m--light-warning .side-menu .side-menu--child .name-menu, .sidebar-m--dark-warning .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-warning .side-menu .side-menu--child .child-menu, .sidebar-m--dark-warning .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #edbe0026; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-warning .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #edbe0066; width: 30%; border-radius: 5px; } .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-warning .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-warning .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-warning .side-menu .side-menu--child hr, .sidebar-m--dark-warning .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-warning .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-warning { background: #edbe00; border-right: 1px solid #f9cf48; } .sidebar-m--dark-warning hr { border-color: #fef6d933; } .sidebar-m--dark-warning .side-info { background-color: #fef6d933; } .sidebar-m--dark-warning .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-warning .side-profile { color: #fef6d9; } .sidebar-m--dark-warning .side-profile img { border: 2px solid #fef6d9; } .sidebar-m--dark-warning .side-footer { color: #fef6d9; background-color: #fef6d933; } .sidebar-m--dark-warning .side-menu::-webkit-scrollbar-track { background-color: #fef6d942; } .sidebar-m--dark-warning .side-menu::-webkit-scrollbar-thumb { background-color: #fef6d999; } .sidebar-m--dark-warning .side-menu .side-menu--title { color: #fef6d9; } .sidebar-m--dark-warning .side-menu .side-menu--item .side-menu--item-name { color: #fef6d9; } .sidebar-m--dark-warning .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-warning .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-warning .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-warning .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-warning.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #edbe00 !important; background-color: #ffffff !important; } .sidebar-m--light-danger, .sidebar-m--dark-danger { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #c23329; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-danger hr, .sidebar-m--dark-danger hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #c2332933; } .sidebar-m--light-danger .side-info, .sidebar-m--dark-danger .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-danger .side-info .side-info--logo, .sidebar-m--dark-danger .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-danger .side-info .side-info--logo img, .sidebar-m--dark-danger .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-danger .side-info .side-info--logo-small, .sidebar-m--dark-danger .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-danger .side-info .side-info--logo-small img, .sidebar-m--dark-danger .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-danger .side-info .side-info--icon-size, .sidebar-m--dark-danger .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-danger .side-info .side-info--avatar, .sidebar-m--dark-danger .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-danger .side-info .side-info--avatar img, .sidebar-m--dark-danger .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-danger .side-profile, .sidebar-m--dark-danger .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-danger .side-profile img, .sidebar-m--dark-danger .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #c23329; } .sidebar-m--light-danger .side-profile .profile-info, .sidebar-m--dark-danger .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-danger .side-body, .sidebar-m--dark-danger .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-danger .side-footer, .sidebar-m--dark-danger .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-danger .side-menu, .sidebar-m--dark-danger .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-danger .side-menu::-webkit-scrollbar, .sidebar-m--dark-danger .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-danger .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-danger .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332942; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-danger .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #c2332999; width: 30%; border-radius: 5px; } .sidebar-m--light-danger .side-menu ul, .sidebar-m--dark-danger .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-danger .side-menu ul li, .sidebar-m--dark-danger .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-danger .side-menu i, .sidebar-m--dark-danger .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-danger .side-menu .side-menu--title, .sidebar-m--dark-danger .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #c23329; font-weight: 500; opacity: 0.6; } .sidebar-m--light-danger .side-menu .side-menu--item, .sidebar-m--dark-danger .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-danger .side-menu .side-menu--item a, .sidebar-m--light-danger .side-menu .side-menu--item span, .sidebar-m--light-danger .side-menu .side-menu--item div, .sidebar-m--dark-danger .side-menu .side-menu--item a, .sidebar-m--dark-danger .side-menu .side-menu--item span, .sidebar-m--dark-danger .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-danger .side-menu .side-menu--item a:hover, .sidebar-m--light-danger .side-menu .side-menu--item span:hover, .sidebar-m--light-danger .side-menu .side-menu--item div:hover, .sidebar-m--dark-danger .side-menu .side-menu--item a:hover, .sidebar-m--dark-danger .side-menu .side-menu--item span:hover, .sidebar-m--dark-danger .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-danger .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-danger .side-menu .side-menu--item.active, .sidebar-m--light-danger .side-menu .side-menu--item:active, .sidebar-m--light-danger .side-menu .side-menu--item.focus, .sidebar-m--light-danger .side-menu .side-menu--item:focus, .sidebar-m--dark-danger .side-menu .side-menu--item.active, .sidebar-m--dark-danger .side-menu .side-menu--item:active, .sidebar-m--dark-danger .side-menu .side-menu--item.focus, .sidebar-m--dark-danger .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-danger .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-danger .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-danger .side-menu .side-menu--child, .sidebar-m--dark-danger .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-danger .side-menu .side-menu--child li, .sidebar-m--light-danger .side-menu .side-menu--child a, .sidebar-m--light-danger .side-menu .side-menu--child .list, .sidebar-m--dark-danger .side-menu .side-menu--child li, .sidebar-m--dark-danger .side-menu .side-menu--child a, .sidebar-m--dark-danger .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-danger .side-menu .side-menu--child li:hover, .sidebar-m--light-danger .side-menu .side-menu--child a:hover, .sidebar-m--light-danger .side-menu .side-menu--child .list:hover, .sidebar-m--dark-danger .side-menu .side-menu--child li:hover, .sidebar-m--dark-danger .side-menu .side-menu--child a:hover, .sidebar-m--dark-danger .side-menu .side-menu--child .list:hover { color: #c23329 !important; font-weight: 500; } .sidebar-m--light-danger .side-menu .side-menu--child .name-menu, .sidebar-m--dark-danger .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-danger .side-menu .side-menu--child .child-menu, .sidebar-m--dark-danger .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #c2332926; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-danger .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #c2332966; width: 30%; border-radius: 5px; } .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-danger .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-danger .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-danger .side-menu .side-menu--child hr, .sidebar-m--dark-danger .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-danger .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-danger { background: #c23329; border-right: 1px solid #f23629; } .sidebar-m--dark-danger hr { border-color: #ffd4d133; } .sidebar-m--dark-danger .side-info { background-color: #ffd4d133; } .sidebar-m--dark-danger .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-danger .side-profile { color: #ffd4d1; } .sidebar-m--dark-danger .side-profile img { border: 2px solid #ffd4d1; } .sidebar-m--dark-danger .side-footer { color: #ffd4d1; background-color: #ffd4d133; } .sidebar-m--dark-danger .side-menu::-webkit-scrollbar-track { background-color: #ffd4d142; } .sidebar-m--dark-danger .side-menu::-webkit-scrollbar-thumb { background-color: #ffd4d199; } .sidebar-m--dark-danger .side-menu .side-menu--title { color: #ffd4d1; } .sidebar-m--dark-danger .side-menu .side-menu--item .side-menu--item-name { color: #ffd4d1; } .sidebar-m--dark-danger .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-danger .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-danger .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-danger .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-danger.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #c23329 !important; background-color: #ffffff !important; } .sidebar-m--light-alert, .sidebar-m--dark-alert { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #d35f07; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-alert hr, .sidebar-m--dark-alert hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #d35f0733; } .sidebar-m--light-alert .side-info, .sidebar-m--dark-alert .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-alert .side-info .side-info--logo, .sidebar-m--dark-alert .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-alert .side-info .side-info--logo img, .sidebar-m--dark-alert .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-alert .side-info .side-info--logo-small, .sidebar-m--dark-alert .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-alert .side-info .side-info--logo-small img, .sidebar-m--dark-alert .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-alert .side-info .side-info--icon-size, .sidebar-m--dark-alert .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-alert .side-info .side-info--avatar, .sidebar-m--dark-alert .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-alert .side-info .side-info--avatar img, .sidebar-m--dark-alert .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-alert .side-profile, .sidebar-m--dark-alert .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-alert .side-profile img, .sidebar-m--dark-alert .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #d35f07; } .sidebar-m--light-alert .side-profile .profile-info, .sidebar-m--dark-alert .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-alert .side-body, .sidebar-m--dark-alert .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-alert .side-footer, .sidebar-m--dark-alert .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-alert .side-menu, .sidebar-m--dark-alert .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-alert .side-menu::-webkit-scrollbar, .sidebar-m--dark-alert .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-alert .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-alert .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0742; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-alert .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #d35f0799; width: 30%; border-radius: 5px; } .sidebar-m--light-alert .side-menu ul, .sidebar-m--dark-alert .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-alert .side-menu ul li, .sidebar-m--dark-alert .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-alert .side-menu i, .sidebar-m--dark-alert .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-alert .side-menu .side-menu--title, .sidebar-m--dark-alert .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #d35f07; font-weight: 500; opacity: 0.6; } .sidebar-m--light-alert .side-menu .side-menu--item, .sidebar-m--dark-alert .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-alert .side-menu .side-menu--item a, .sidebar-m--light-alert .side-menu .side-menu--item span, .sidebar-m--light-alert .side-menu .side-menu--item div, .sidebar-m--dark-alert .side-menu .side-menu--item a, .sidebar-m--dark-alert .side-menu .side-menu--item span, .sidebar-m--dark-alert .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-alert .side-menu .side-menu--item a:hover, .sidebar-m--light-alert .side-menu .side-menu--item span:hover, .sidebar-m--light-alert .side-menu .side-menu--item div:hover, .sidebar-m--dark-alert .side-menu .side-menu--item a:hover, .sidebar-m--dark-alert .side-menu .side-menu--item span:hover, .sidebar-m--dark-alert .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-alert .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-alert .side-menu .side-menu--item.active, .sidebar-m--light-alert .side-menu .side-menu--item:active, .sidebar-m--light-alert .side-menu .side-menu--item.focus, .sidebar-m--light-alert .side-menu .side-menu--item:focus, .sidebar-m--dark-alert .side-menu .side-menu--item.active, .sidebar-m--dark-alert .side-menu .side-menu--item:active, .sidebar-m--dark-alert .side-menu .side-menu--item.focus, .sidebar-m--dark-alert .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-alert .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-alert .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-alert .side-menu .side-menu--child, .sidebar-m--dark-alert .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-alert .side-menu .side-menu--child li, .sidebar-m--light-alert .side-menu .side-menu--child a, .sidebar-m--light-alert .side-menu .side-menu--child .list, .sidebar-m--dark-alert .side-menu .side-menu--child li, .sidebar-m--dark-alert .side-menu .side-menu--child a, .sidebar-m--dark-alert .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-alert .side-menu .side-menu--child li:hover, .sidebar-m--light-alert .side-menu .side-menu--child a:hover, .sidebar-m--light-alert .side-menu .side-menu--child .list:hover, .sidebar-m--dark-alert .side-menu .side-menu--child li:hover, .sidebar-m--dark-alert .side-menu .side-menu--child a:hover, .sidebar-m--dark-alert .side-menu .side-menu--child .list:hover { color: #d35f07 !important; font-weight: 500; } .sidebar-m--light-alert .side-menu .side-menu--child .name-menu, .sidebar-m--dark-alert .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-alert .side-menu .side-menu--child .child-menu, .sidebar-m--dark-alert .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #d35f0726; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-alert .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #d35f0766; width: 30%; border-radius: 5px; } .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-alert .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-alert .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-alert .side-menu .side-menu--child hr, .sidebar-m--dark-alert .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-alert .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-alert { background: #d35f07; border-right: 1px solid #f57b1d; } .sidebar-m--dark-alert hr { border-color: #fad6ba33; } .sidebar-m--dark-alert .side-info { background-color: #fad6ba33; } .sidebar-m--dark-alert .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-alert .side-profile { color: #fad6ba; } .sidebar-m--dark-alert .side-profile img { border: 2px solid #fad6ba; } .sidebar-m--dark-alert .side-footer { color: #fad6ba; background-color: #fad6ba33; } .sidebar-m--dark-alert .side-menu::-webkit-scrollbar-track { background-color: #fad6ba42; } .sidebar-m--dark-alert .side-menu::-webkit-scrollbar-thumb { background-color: #fad6ba99; } .sidebar-m--dark-alert .side-menu .side-menu--title { color: #fad6ba; } .sidebar-m--dark-alert .side-menu .side-menu--item .side-menu--item-name { color: #fad6ba; } .sidebar-m--dark-alert .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-alert .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-alert .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-alert .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-alert.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #d35f07 !important; background-color: #ffffff !important; } .sidebar-m--light-theme, .sidebar-m--dark-theme { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #2C5171; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-theme hr, .sidebar-m--dark-theme hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #2C517133; } .sidebar-m--light-theme .side-info, .sidebar-m--dark-theme .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-theme .side-info .side-info--logo, .sidebar-m--dark-theme .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-theme .side-info .side-info--logo img, .sidebar-m--dark-theme .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-theme .side-info .side-info--logo-small, .sidebar-m--dark-theme .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-theme .side-info .side-info--logo-small img, .sidebar-m--dark-theme .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-theme .side-info .side-info--icon-size, .sidebar-m--dark-theme .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-theme .side-info .side-info--avatar, .sidebar-m--dark-theme .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-theme .side-info .side-info--avatar img, .sidebar-m--dark-theme .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-theme .side-profile, .sidebar-m--dark-theme .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-theme .side-profile img, .sidebar-m--dark-theme .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #2C5171; } .sidebar-m--light-theme .side-profile .profile-info, .sidebar-m--dark-theme .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-theme .side-body, .sidebar-m--dark-theme .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-theme .side-footer, .sidebar-m--dark-theme .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-theme .side-menu, .sidebar-m--dark-theme .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-theme .side-menu::-webkit-scrollbar, .sidebar-m--dark-theme .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-theme .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517142; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-theme .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #2C517199; width: 30%; border-radius: 5px; } .sidebar-m--light-theme .side-menu ul, .sidebar-m--dark-theme .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-theme .side-menu ul li, .sidebar-m--dark-theme .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-theme .side-menu i, .sidebar-m--dark-theme .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-theme .side-menu .side-menu--title, .sidebar-m--dark-theme .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #2C5171; font-weight: 500; opacity: 0.6; } .sidebar-m--light-theme .side-menu .side-menu--item, .sidebar-m--dark-theme .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-theme .side-menu .side-menu--item a, .sidebar-m--light-theme .side-menu .side-menu--item span, .sidebar-m--light-theme .side-menu .side-menu--item div, .sidebar-m--dark-theme .side-menu .side-menu--item a, .sidebar-m--dark-theme .side-menu .side-menu--item span, .sidebar-m--dark-theme .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-theme .side-menu .side-menu--item a:hover, .sidebar-m--light-theme .side-menu .side-menu--item span:hover, .sidebar-m--light-theme .side-menu .side-menu--item div:hover, .sidebar-m--dark-theme .side-menu .side-menu--item a:hover, .sidebar-m--dark-theme .side-menu .side-menu--item span:hover, .sidebar-m--dark-theme .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-theme .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-theme .side-menu .side-menu--item.active, .sidebar-m--light-theme .side-menu .side-menu--item:active, .sidebar-m--light-theme .side-menu .side-menu--item.focus, .sidebar-m--light-theme .side-menu .side-menu--item:focus, .sidebar-m--dark-theme .side-menu .side-menu--item.active, .sidebar-m--dark-theme .side-menu .side-menu--item:active, .sidebar-m--dark-theme .side-menu .side-menu--item.focus, .sidebar-m--dark-theme .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-theme .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-theme .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-theme .side-menu .side-menu--child, .sidebar-m--dark-theme .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-theme .side-menu .side-menu--child li, .sidebar-m--light-theme .side-menu .side-menu--child a, .sidebar-m--light-theme .side-menu .side-menu--child .list, .sidebar-m--dark-theme .side-menu .side-menu--child li, .sidebar-m--dark-theme .side-menu .side-menu--child a, .sidebar-m--dark-theme .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-theme .side-menu .side-menu--child li:hover, .sidebar-m--light-theme .side-menu .side-menu--child a:hover, .sidebar-m--light-theme .side-menu .side-menu--child .list:hover, .sidebar-m--dark-theme .side-menu .side-menu--child li:hover, .sidebar-m--dark-theme .side-menu .side-menu--child a:hover, .sidebar-m--dark-theme .side-menu .side-menu--child .list:hover { color: #2C5171 !important; font-weight: 500; } .sidebar-m--light-theme .side-menu .side-menu--child .name-menu, .sidebar-m--dark-theme .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-theme .side-menu .side-menu--child .child-menu, .sidebar-m--dark-theme .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #2C517126; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-theme .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #2C517166; width: 30%; border-radius: 5px; } .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-theme .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-theme .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-theme .side-menu .side-menu--child hr, .sidebar-m--dark-theme .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-theme .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-theme { background: #2C5171; border-right: 1px solid #356287; } .sidebar-m--dark-theme hr { border-color: #4682b433; } .sidebar-m--dark-theme .side-info { background-color: #4682b433; } .sidebar-m--dark-theme .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-theme .side-profile { color: #4682b4; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #4682b4; } .sidebar-m--dark-theme .side-footer { color: #4682b4; background-color: #4682b433; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #4682b442; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #4682b499; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #4682b4; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #4682b4; } .sidebar-m--dark-theme .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-theme .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-theme .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-theme .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171 !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-theme.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #2C5171 !important; background-color: #ffffff !important; } .sidebar-m--light-white, .sidebar-m--dark-white { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #EEEEEE; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-white hr, .sidebar-m--dark-white hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #EEEEEE33; } .sidebar-m--light-white .side-info, .sidebar-m--dark-white .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-white .side-info .side-info--logo, .sidebar-m--dark-white .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-white .side-info .side-info--logo img, .sidebar-m--dark-white .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-white .side-info .side-info--logo-small, .sidebar-m--dark-white .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-white .side-info .side-info--logo-small img, .sidebar-m--dark-white .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-white .side-info .side-info--icon-size, .sidebar-m--dark-white .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-white .side-info .side-info--avatar, .sidebar-m--dark-white .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-white .side-info .side-info--avatar img, .sidebar-m--dark-white .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-white .side-profile, .sidebar-m--dark-white .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-white .side-profile img, .sidebar-m--dark-white .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #EEEEEE; } .sidebar-m--light-white .side-profile .profile-info, .sidebar-m--dark-white .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-white .side-body, .sidebar-m--dark-white .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-white .side-footer, .sidebar-m--dark-white .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-white .side-menu, .sidebar-m--dark-white .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-white .side-menu::-webkit-scrollbar, .sidebar-m--dark-white .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-white .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-white .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-white .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE99; width: 30%; border-radius: 5px; } .sidebar-m--light-white .side-menu ul, .sidebar-m--dark-white .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-white .side-menu ul li, .sidebar-m--dark-white .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-white .side-menu i, .sidebar-m--dark-white .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-white .side-menu .side-menu--title, .sidebar-m--dark-white .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #EEEEEE; font-weight: 500; opacity: 0.6; } .sidebar-m--light-white .side-menu .side-menu--item, .sidebar-m--dark-white .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-white .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-white .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-white .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-white .side-menu .side-menu--item a, .sidebar-m--light-white .side-menu .side-menu--item span, .sidebar-m--light-white .side-menu .side-menu--item div, .sidebar-m--dark-white .side-menu .side-menu--item a, .sidebar-m--dark-white .side-menu .side-menu--item span, .sidebar-m--dark-white .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-white .side-menu .side-menu--item a:hover, .sidebar-m--light-white .side-menu .side-menu--item span:hover, .sidebar-m--light-white .side-menu .side-menu--item div:hover, .sidebar-m--dark-white .side-menu .side-menu--item a:hover, .sidebar-m--dark-white .side-menu .side-menu--item span:hover, .sidebar-m--dark-white .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-white .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-white .side-menu .side-menu--item.active, .sidebar-m--light-white .side-menu .side-menu--item:active, .sidebar-m--light-white .side-menu .side-menu--item.focus, .sidebar-m--light-white .side-menu .side-menu--item:focus, .sidebar-m--dark-white .side-menu .side-menu--item.active, .sidebar-m--dark-white .side-menu .side-menu--item:active, .sidebar-m--dark-white .side-menu .side-menu--item.focus, .sidebar-m--dark-white .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-white .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-white .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-white .side-menu .side-menu--child, .sidebar-m--dark-white .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-white .side-menu .side-menu--child li, .sidebar-m--light-white .side-menu .side-menu--child a, .sidebar-m--light-white .side-menu .side-menu--child .list, .sidebar-m--dark-white .side-menu .side-menu--child li, .sidebar-m--dark-white .side-menu .side-menu--child a, .sidebar-m--dark-white .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-white .side-menu .side-menu--child li:hover, .sidebar-m--light-white .side-menu .side-menu--child a:hover, .sidebar-m--light-white .side-menu .side-menu--child .list:hover, .sidebar-m--dark-white .side-menu .side-menu--child li:hover, .sidebar-m--dark-white .side-menu .side-menu--child a:hover, .sidebar-m--dark-white .side-menu .side-menu--child .list:hover { color: #EEEEEE !important; font-weight: 500; } .sidebar-m--light-white .side-menu .side-menu--child .name-menu, .sidebar-m--dark-white .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-white .side-menu .side-menu--child .child-menu, .sidebar-m--dark-white .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #EEEEEE26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-white .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #EEEEEE66; width: 30%; border-radius: 5px; } .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-white .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-white .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-white .side-menu .side-menu--child hr, .sidebar-m--dark-white .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-white .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-white { background: #EEEEEE; border-right: 1px solid #ffffff; } .sidebar-m--dark-white hr { border-color: #F5F5F533; } .sidebar-m--dark-white .side-info { background-color: #F5F5F533; } .sidebar-m--dark-white .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-white .side-profile { color: #F5F5F5; } .sidebar-m--dark-white .side-profile img { border: 2px solid #F5F5F5; } .sidebar-m--dark-white .side-footer { color: #F5F5F5; background-color: #F5F5F533; } .sidebar-m--dark-white .side-menu::-webkit-scrollbar-track { background-color: #F5F5F542; } .sidebar-m--dark-white .side-menu::-webkit-scrollbar-thumb { background-color: #F5F5F599; } .sidebar-m--dark-white .side-menu .side-menu--title { color: #F5F5F5; } .sidebar-m--dark-white .side-menu .side-menu--item .side-menu--item-name { color: #F5F5F5; } .sidebar-m--dark-white .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-white .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-white .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-white .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-white.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #EEEEEE !important; background-color: #ffffff !important; } .sidebar-m--light-purple, .sidebar-m--dark-purple { position: relative; top: 0; left: 0; height: 100%; display: block; transition: all 0.5s ease; width: 100%; background: #ffffff; border-right: 1px solid #4A148C; transition: all 0.1s ease; width: 110px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sidebar-m--light-purple hr, .sidebar-m--dark-purple hr { z-index: 1; margin: 2px 0 2px 0 !important; border-color: #4A148C33; } .sidebar-m--light-purple .side-info, .sidebar-m--dark-purple .side-info { width: 100%; height: auto; z-index: 2; padding: 5px; display: flex; align-items: center; height: 50px; justify-content: center; background-color: #F5F5F5; border-top-right-radius: 5px; } .sidebar-m--light-purple .side-info .side-info--logo, .sidebar-m--dark-purple .side-info .side-info--logo { width: auto; height: 100%; display: block; transition: display 0.4s ease; } .sidebar-m--light-purple .side-info .side-info--logo img, .sidebar-m--dark-purple .side-info .side-info--logo img { height: 100%; width: auto; } .sidebar-m--light-purple .side-info .side-info--logo-small, .sidebar-m--dark-purple .side-info .side-info--logo-small { width: auto; height: 100%; display: none; transition: display 0.4s ease; } .sidebar-m--light-purple .side-info .side-info--logo-small img, .sidebar-m--dark-purple .side-info .side-info--logo-small img { height: 100%; width: auto; } .sidebar-m--light-purple .side-info .side-info--icon-size, .sidebar-m--dark-purple .side-info .side-info--icon-size { padding: 5px; display: block; font-size: 35px; color: #EEEEEE; } .sidebar-m--light-purple .side-info .side-info--avatar, .sidebar-m--dark-purple .side-info .side-info--avatar { height: 100%; display: block; } .sidebar-m--light-purple .side-info .side-info--avatar img, .sidebar-m--dark-purple .side-info .side-info--avatar img { height: 100%; width: auto; } .sidebar-m--light-purple .side-profile, .sidebar-m--dark-purple .side-profile { gap: 5px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; color: #757575; flex-direction: column; text-align: center; } .sidebar-m--light-purple .side-profile img, .sidebar-m--dark-purple .side-profile img { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #4A148C; } .sidebar-m--light-purple .side-profile .profile-info, .sidebar-m--dark-purple .side-profile .profile-info { display: block; font-size: 12px; font-weight: 400; } .sidebar-m--light-purple .side-body, .sidebar-m--dark-purple .side-body { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; height: calc(100vh - 50px); } .sidebar-m--light-purple .side-footer, .sidebar-m--dark-purple .side-footer { width: 100%; height: auto; z-index: 2; display: flex; flex-wrap: nowrap; padding: 5px; flex-direction: row; align-items: center; color: #757575; justify-content: space-between; background-color: #F5F5F5; border-bottom-right-radius: 5px; justify-content: center; } .sidebar-m--light-purple .side-menu, .sidebar-m--dark-purple .side-menu { position: relative; display: flex; flex-grow: 1; flex-direction: column; list-style: none; margin: 0; padding: 5px 0; min-width: 20px; align-items: stretch; flex-wrap: nowrap; height: 100%; color: #757575; gap: 2px; overflow-y: unset !important; overflow-x: unset !important; } .sidebar-m--light-purple .side-menu::-webkit-scrollbar, .sidebar-m--dark-purple .side-menu::-webkit-scrollbar { width: 5px !important; height: 5px !important; } .sidebar-m--light-purple .side-menu::-webkit-scrollbar-track, .sidebar-m--dark-purple .side-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C42; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-purple .side-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #4A148C99; width: 30%; border-radius: 5px; } .sidebar-m--light-purple .side-menu ul, .sidebar-m--dark-purple .side-menu ul { display: flex; flex-direction: row; justify-content: flex-end; list-style: none; margin: 0; padding: 0px; min-width: 20px; } .sidebar-m--light-purple .side-menu ul li, .sidebar-m--dark-purple .side-menu ul li { display: inline-block; width: auto; } .sidebar-m--light-purple .side-menu i, .sidebar-m--dark-purple .side-menu i { font-size: 20px; line-height: 1; } .sidebar-m--light-purple .side-menu .side-menu--title, .sidebar-m--dark-purple .side-menu .side-menu--title { display: none; padding: 10px 10px 5px 15px; letter-spacing: 0.08em; pointer-events: none; cursor: default; font-size: 10px; text-transform: uppercase; color: #4A148C; font-weight: 500; opacity: 0.6; } .sidebar-m--light-purple .side-menu .side-menu--item, .sidebar-m--dark-purple .side-menu .side-menu--item { display: grid; position: relative; left: auto; font-size: 14px; cursor: pointer; text-align: left; min-width: 40px; font-weight: 400; } .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name { display: flex; cursor: pointer; position: relative; align-items: center; height: 40px; color: #9E9E9E; transition: all 0.2s ease; z-index: 10; gap: 0px; padding: 5px 10px 5px 10px; flex-direction: column; height: auto; text-align: center; } .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-menu { color: inherit; width: auto; font-size: 20px; min-width: 40px; text-align: center; line-height: 40px; display: inline-block; transition: transform 0.1s ease; line-height: 20px; } .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--item-name .name-menu, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name .name-menu { display: block; transition: display 0.4s ease; font-size: 12px; } .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-chevron, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name .icon-arrow { display: none; font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-purple .side-menu .side-menu--item a, .sidebar-m--light-purple .side-menu .side-menu--item span, .sidebar-m--light-purple .side-menu .side-menu--item div, .sidebar-m--dark-purple .side-menu .side-menu--item a, .sidebar-m--dark-purple .side-menu .side-menu--item span, .sidebar-m--dark-purple .side-menu .side-menu--item div { display: flex; align-items: center; color: inherit; } .sidebar-m--light-purple .side-menu .side-menu--item a:hover, .sidebar-m--light-purple .side-menu .side-menu--item span:hover, .sidebar-m--light-purple .side-menu .side-menu--item div:hover, .sidebar-m--dark-purple .side-menu .side-menu--item a:hover, .sidebar-m--dark-purple .side-menu .side-menu--item span:hover, .sidebar-m--dark-purple .side-menu .side-menu--item div:hover { text-decoration: none; } .sidebar-m--light-purple .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { padding-left: calc(10px + 4px) !important; color: #616161 !important; font-weight: 500; } .sidebar-m--light-purple .side-menu .side-menu--item.active, .sidebar-m--light-purple .side-menu .side-menu--item:active, .sidebar-m--light-purple .side-menu .side-menu--item.focus, .sidebar-m--light-purple .side-menu .side-menu--item:focus, .sidebar-m--dark-purple .side-menu .side-menu--item.active, .sidebar-m--dark-purple .side-menu .side-menu--item:active, .sidebar-m--dark-purple .side-menu .side-menu--item.focus, .sidebar-m--dark-purple .side-menu .side-menu--item:focus { cursor: pointer; } .sidebar-m--light-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--light-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--light-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--light-purple .side-menu .side-menu--item:focus .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { padding-left: calc(10px - 4px); color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-purple .side-menu .side-menu--item .side-menu--child, .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--child { display: none; visibility: hidden; opacity: 0; height: 0; transition: all 0.1s ease; transform: translateX(-5px); transition: all; transition-delay: 0ms; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); } .sidebar-m--light-purple .side-menu .side-menu--child, .sidebar-m--dark-purple .side-menu .side-menu--child { color: #616161; background-color: #F5F5F5; font-weight: 400; transform: translate(0, 0) !important; display: block; visibility: visible; opacity: 100%; height: auto; min-width: 140px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; position: absolute; top: 0px; z-index: 5; left: calc(100% + 0px); transition: all 0.1s ease; padding-bottom: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 3px 5px -1px #75757566 !important; border-left: 1px solid #EEEEEE; } .sidebar-m--light-purple .side-menu .side-menu--child li, .sidebar-m--light-purple .side-menu .side-menu--child a, .sidebar-m--light-purple .side-menu .side-menu--child .list, .sidebar-m--dark-purple .side-menu .side-menu--child li, .sidebar-m--dark-purple .side-menu .side-menu--child a, .sidebar-m--dark-purple .side-menu .side-menu--child .list { height: 40px; padding: 2px 10px 2px 40px; color: #616161; } .sidebar-m--light-purple .side-menu .side-menu--child li:hover, .sidebar-m--light-purple .side-menu .side-menu--child a:hover, .sidebar-m--light-purple .side-menu .side-menu--child .list:hover, .sidebar-m--dark-purple .side-menu .side-menu--child li:hover, .sidebar-m--dark-purple .side-menu .side-menu--child a:hover, .sidebar-m--dark-purple .side-menu .side-menu--child .list:hover { color: #4A148C !important; font-weight: 500; } .sidebar-m--light-purple .side-menu .side-menu--child .name-menu, .sidebar-m--dark-purple .side-menu .side-menu--child .name-menu { display: none; align-items: center; min-height: 40px; padding: 2px 10px 2px 15px; font-weight: 500; color: #616161; background-color: #EEEEEE; transition: all 0.2s ease; padding-left: 6px; } .sidebar-m--light-purple .side-menu .side-menu--child .child-menu, .sidebar-m--dark-purple .side-menu .side-menu--child .child-menu { display: block; list-style: none; text-align: left; min-height: 40px; padding: 5px 0; transform: translate(0, 0) !important; height: auto; max-height: calc(500px + 40px); overflow-y: overlay; overflow-x: hidden; } .sidebar-m--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar, .sidebar-m--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar { width: 3px !important; height: 3px !important; } .sidebar-m--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track, .sidebar-m--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-track { position: absolute !important; right: -7px !important; margin-top: 0 !important; background-color: #4A148C26; border-radius: 5px; margin-bottom: 0 !important; } .sidebar-m--light-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb, .sidebar-m--dark-purple .side-menu .side-menu--child .child-menu::-webkit-scrollbar-thumb { background-color: #4A148C66; width: 30%; border-radius: 5px; } .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item { gap: 10px; align-items: center; color: #757575; transition: all 0.2s ease; display: flex; height: calc(40px - 10px); font-size: 12px; align-items: center; padding: 2px 10px 2px 10px; } .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item:hover, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item:hover { padding-left: calc(10px + 4px) !important; color: #616161; background-color: #ffffff; font-weight: 500; } .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item.focus, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item:active, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item.active, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item:focus, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item.focus { color: #616161; font-weight: 500; border-left: 4px solid #616161; } .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item .icon, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon { color: inherit; width: auto; font-size: 20px; display: inline-block; } .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--light-purple .side-menu .side-menu--child .side-menu--child-item i, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item .icon-menu, .sidebar-m--dark-purple .side-menu .side-menu--child .side-menu--child-item i { font-size: 20px; line-height: 1; transition: transform 0.1s ease; margin-left: auto; } .sidebar-m--light-purple .side-menu .side-menu--child hr, .sidebar-m--dark-purple .side-menu .side-menu--child hr { z-index: 1; border-color: #E0E0E0; margin: 5px 10px 5px 10px !important; } .sidebar-m--light-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child), .sidebar-m--dark-purple .side-menu .side-menu--child.divide-line .side-menu--child-item:not(:last-child) { box-sizing: border-box; border-bottom: 1px solid #E0E0E0; } .sidebar-m--dark-purple { background: #4A148C; border-right: 1px solid #6A1B9A; } .sidebar-m--dark-purple hr { border-color: #f5ebfc33; } .sidebar-m--dark-purple .side-info { background-color: #f5ebfc33; } .sidebar-m--dark-purple .side-info .side-info--icon-size { color: #757575; } .sidebar-m--dark-purple .side-profile { color: #f5ebfc; } .sidebar-m--dark-purple .side-profile img { border: 2px solid #f5ebfc; } .sidebar-m--dark-purple .side-footer { color: #f5ebfc; background-color: #f5ebfc33; } .sidebar-m--dark-purple .side-menu::-webkit-scrollbar-track { background-color: #f5ebfc42; } .sidebar-m--dark-purple .side-menu::-webkit-scrollbar-thumb { background-color: #f5ebfc99; } .sidebar-m--dark-purple .side-menu .side-menu--title { color: #f5ebfc; } .sidebar-m--dark-purple .side-menu .side-menu--item .side-menu--item-name { color: #f5ebfc; } .sidebar-m--dark-purple .side-menu .side-menu--item:hover .side-menu--item-name { color: #ffffff !important; } .sidebar-m--dark-purple .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item:active .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item.focus .side-menu--item-name, .sidebar-m--dark-purple .side-menu .side-menu--item:focus .side-menu--item-name { color: #ffffff; border-left: 4px solid #ffffff; } .sidebar-m--dark-purple .side-menu .side-menu--child .name-menu { background-color: #ffffff; } .sidebar-m--dark-theme hr { border-color: #BAD0E333; } .sidebar-m--dark-theme .side-info { background-color: #BAD0E333; } .sidebar-m--dark-theme .side-profile { color: #BAD0E3; } .sidebar-m--dark-theme .side-profile img { border: 2px solid #BAD0E3; } .sidebar-m--dark-theme .side-footer { color: #BAD0E3; background-color: #BAD0E333; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-track { background-color: #BAD0E342; } .sidebar-m--dark-theme .side-menu::-webkit-scrollbar-thumb { background-color: #BAD0E399; } .sidebar-m--dark-theme .side-menu .side-menu--title { color: #BAD0E3; } .sidebar-m--dark-theme .side-menu .side-menu--item .side-menu--item-name { color: #BAD0E3; } .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C !important; background-color: #EEEEEE; padding-right: 10px; } .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-chevron, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name .icon-arrow, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-chevron, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name .icon-arrow { transform: rotate(0deg); } .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child { display: block; visibility: visible; opacity: 100%; height: auto; } .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--light-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--child .name-menu, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--child .name-menu { padding-left: calc(6px + 4px) !important; } .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item:hover .side-menu--item-name, .sidebar-m--dark-purple.sidebar-auto-active .side-menu .side-menu--item.active .side-menu--item-name { color: #4A148C !important; background-color: #ffffff !important; } .hiding-menu--light, .hiding-menu--dark { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.3s ease; width: 30px; color: #757575; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #BDBDBD; } .hiding-menu--light .hiding-body, .hiding-menu--dark .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light .hiding-body--logo, .hiding-menu--dark .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light .hiding-body--logo img, .hiding-menu--dark .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light .hiding-body--text, .hiding-menu--dark .hiding-body--text { opacity: 0.5; font-size: 14px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; color: #757575; font-weight: 400; } .hiding-menu--light .hiding-body--icon, .hiding-menu--dark .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; transform: rotate(0deg); transition: all 0.3s ease; color: #757575; } .hiding-menu--dark { background: #616161; color: #E0E0E0; border-right: 2px solid #BDBDBD; } .hiding-menu--dark .hiding-body--text { color: #E0E0E0; } .hiding-menu--dark .hiding-body--icon { color: #E0E0E0; } .hiding-menu--light:hover .hiding-body--text, .hiding-menu--dark:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light:hover .hiding-body--icon, .hiding-menu--dark:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-primary, .hiding-menu--dark-primary { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #14619c; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #14619c; } .hiding-menu--light-primary .hiding-body, .hiding-menu--dark-primary .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-primary .hiding-body--logo, .hiding-menu--dark-primary .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-primary .hiding-body--logo img, .hiding-menu--dark-primary .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-primary .hiding-body--text, .hiding-menu--dark-primary .hiding-body--text { opacity: 0.5; font-size: 14px; color: #14619c; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-primary .hiding-body--icon, .hiding-menu--dark-primary .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #14619c; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-primary { background: #14619c; color: #e0f1ff; border-right: 2px solid #2196f3; } .hiding-menu--dark-primary .hiding-body--text { color: #e0f1ff; } .hiding-menu--dark-primary .hiding-body--icon { color: #e0f1ff; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-primary:hover .hiding-body--text, .hiding-menu--dark-primary:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-primary:hover .hiding-body--icon, .hiding-menu--dark-primary:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-secondary, .hiding-menu--dark-secondary { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #4b5257; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #4b5257; } .hiding-menu--light-secondary .hiding-body, .hiding-menu--dark-secondary .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-secondary .hiding-body--logo, .hiding-menu--dark-secondary .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-secondary .hiding-body--logo img, .hiding-menu--dark-secondary .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-secondary .hiding-body--text, .hiding-menu--dark-secondary .hiding-body--text { opacity: 0.5; font-size: 14px; color: #4b5257; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-secondary .hiding-body--icon, .hiding-menu--dark-secondary .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #4b5257; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-secondary { background: #4b5257; color: #e1e1e1; border-right: 2px solid #6c757d; } .hiding-menu--dark-secondary .hiding-body--text { color: #e1e1e1; } .hiding-menu--dark-secondary .hiding-body--icon { color: #e1e1e1; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-secondary:hover .hiding-body--text, .hiding-menu--dark-secondary:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-secondary:hover .hiding-body--icon, .hiding-menu--dark-secondary:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-success, .hiding-menu--dark-success { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #079107; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #079107; } .hiding-menu--light-success .hiding-body, .hiding-menu--dark-success .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-success .hiding-body--logo, .hiding-menu--dark-success .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-success .hiding-body--logo img, .hiding-menu--dark-success .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-success .hiding-body--text, .hiding-menu--dark-success .hiding-body--text { opacity: 0.5; font-size: 14px; color: #079107; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-success .hiding-body--icon, .hiding-menu--dark-success .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #079107; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-success { background: #079107; color: #e8fac7; border-right: 2px solid #20ad20; } .hiding-menu--dark-success .hiding-body--text { color: #e8fac7; } .hiding-menu--dark-success .hiding-body--icon { color: #e8fac7; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-success:hover .hiding-body--text, .hiding-menu--dark-success:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-success:hover .hiding-body--icon, .hiding-menu--dark-success:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-info, .hiding-menu--dark-info { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #25a2b3; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #25a2b3; } .hiding-menu--light-info .hiding-body, .hiding-menu--dark-info .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-info .hiding-body--logo, .hiding-menu--dark-info .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-info .hiding-body--logo img, .hiding-menu--dark-info .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-info .hiding-body--text, .hiding-menu--dark-info .hiding-body--text { opacity: 0.5; font-size: 14px; color: #25a2b3; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-info .hiding-body--icon, .hiding-menu--dark-info .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #25a2b3; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-info { background: #25a2b3; color: #d2f9ff; border-right: 2px solid #4dd0e1; } .hiding-menu--dark-info .hiding-body--text { color: #d2f9ff; } .hiding-menu--dark-info .hiding-body--icon { color: #d2f9ff; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-info:hover .hiding-body--text, .hiding-menu--dark-info:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-info:hover .hiding-body--icon, .hiding-menu--dark-info:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-warning, .hiding-menu--dark-warning { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #edbe00; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #edbe00; } .hiding-menu--light-warning .hiding-body, .hiding-menu--dark-warning .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-warning .hiding-body--logo, .hiding-menu--dark-warning .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-warning .hiding-body--logo img, .hiding-menu--dark-warning .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-warning .hiding-body--text, .hiding-menu--dark-warning .hiding-body--text { opacity: 0.5; font-size: 14px; color: #edbe00; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-warning .hiding-body--icon, .hiding-menu--dark-warning .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #edbe00; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-warning { background: #edbe00; color: #fef6d9; border-right: 2px solid #f9cf48; } .hiding-menu--dark-warning .hiding-body--text { color: #fef6d9; } .hiding-menu--dark-warning .hiding-body--icon { color: #fef6d9; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-warning:hover .hiding-body--text, .hiding-menu--dark-warning:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-warning:hover .hiding-body--icon, .hiding-menu--dark-warning:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-danger, .hiding-menu--dark-danger { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #c23329; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #c23329; } .hiding-menu--light-danger .hiding-body, .hiding-menu--dark-danger .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-danger .hiding-body--logo, .hiding-menu--dark-danger .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-danger .hiding-body--logo img, .hiding-menu--dark-danger .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-danger .hiding-body--text, .hiding-menu--dark-danger .hiding-body--text { opacity: 0.5; font-size: 14px; color: #c23329; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-danger .hiding-body--icon, .hiding-menu--dark-danger .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #c23329; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-danger { background: #c23329; color: #ffd4d1; border-right: 2px solid #f23629; } .hiding-menu--dark-danger .hiding-body--text { color: #ffd4d1; } .hiding-menu--dark-danger .hiding-body--icon { color: #ffd4d1; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-danger:hover .hiding-body--text, .hiding-menu--dark-danger:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-danger:hover .hiding-body--icon, .hiding-menu--dark-danger:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-alert, .hiding-menu--dark-alert { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #d35f07; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #d35f07; } .hiding-menu--light-alert .hiding-body, .hiding-menu--dark-alert .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-alert .hiding-body--logo, .hiding-menu--dark-alert .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-alert .hiding-body--logo img, .hiding-menu--dark-alert .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-alert .hiding-body--text, .hiding-menu--dark-alert .hiding-body--text { opacity: 0.5; font-size: 14px; color: #d35f07; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-alert .hiding-body--icon, .hiding-menu--dark-alert .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #d35f07; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-alert { background: #d35f07; color: #fad6ba; border-right: 2px solid #f57b1d; } .hiding-menu--dark-alert .hiding-body--text { color: #fad6ba; } .hiding-menu--dark-alert .hiding-body--icon { color: #fad6ba; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-alert:hover .hiding-body--text, .hiding-menu--dark-alert:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-alert:hover .hiding-body--icon, .hiding-menu--dark-alert:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-theme, .hiding-menu--dark-theme { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #2C5171; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #2C5171; } .hiding-menu--light-theme .hiding-body, .hiding-menu--dark-theme .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-theme .hiding-body--logo, .hiding-menu--dark-theme .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-theme .hiding-body--logo img, .hiding-menu--dark-theme .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-theme .hiding-body--text, .hiding-menu--dark-theme .hiding-body--text { opacity: 0.5; font-size: 14px; color: #2C5171; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-theme .hiding-body--icon, .hiding-menu--dark-theme .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #2C5171; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-theme { background: #2C5171; color: #4682b4; border-right: 2px solid #356287; } .hiding-menu--dark-theme .hiding-body--text { color: #4682b4; } .hiding-menu--dark-theme .hiding-body--icon { color: #4682b4; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-theme:hover .hiding-body--text, .hiding-menu--dark-theme:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-theme:hover .hiding-body--icon, .hiding-menu--dark-theme:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-white, .hiding-menu--dark-white { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #EEEEEE; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #EEEEEE; } .hiding-menu--light-white .hiding-body, .hiding-menu--dark-white .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-white .hiding-body--logo, .hiding-menu--dark-white .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-white .hiding-body--logo img, .hiding-menu--dark-white .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-white .hiding-body--text, .hiding-menu--dark-white .hiding-body--text { opacity: 0.5; font-size: 14px; color: #EEEEEE; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-white .hiding-body--icon, .hiding-menu--dark-white .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #EEEEEE; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-white { background: #EEEEEE; color: #F5F5F5; border-right: 2px solid #ffffff; } .hiding-menu--dark-white .hiding-body--text { color: #F5F5F5; } .hiding-menu--dark-white .hiding-body--icon { color: #F5F5F5; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-white:hover .hiding-body--text, .hiding-menu--dark-white:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-white:hover .hiding-body--icon, .hiding-menu--dark-white:hover .hiding-body--icon { opacity: 100%; } .hiding-menu--light-purple, .hiding-menu--dark-purple { position: relative; top: 0; left: 0; height: 100%; display: block; width: 100%; cursor: pointer; background: #ffffff; transition: all 0.5s ease; transition: all 0.1s ease; width: 30px; color: #4A148C; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #4A148C; } .hiding-menu--light-purple .hiding-body, .hiding-menu--dark-purple .hiding-body { display: flex; gap: 10px; flex-wrap: nowrap; height: calc(100vh - 50px); padding: 50px 2px; align-items: center; align-content: center; justify-content: center; flex-direction: column-reverse; } .hiding-menu--light-purple .hiding-body--logo, .hiding-menu--dark-purple .hiding-body--logo { width: auto; height: 100%; padding: 3px; display: block; min-width: 100px; max-height: 100px; transform: rotate(270deg); transition: all 0.3s ease; } .hiding-menu--light-purple .hiding-body--logo img, .hiding-menu--dark-purple .hiding-body--logo img { width: auto; height: 100%; } .hiding-menu--light-purple .hiding-body--text, .hiding-menu--dark-purple .hiding-body--text { opacity: 0.5; font-size: 14px; color: #4A148C; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); transition: all 0.3s ease; font-weight: 400; } .hiding-menu--light-purple .hiding-body--icon, .hiding-menu--dark-purple .hiding-body--icon { opacity: 0.5; font-size: 18px; line-height: 30px; color: #4A148C; transform: rotate(0deg); transition: all 0.3s ease; } .hiding-menu--dark-purple { background: #4A148C; color: #f5ebfc; border-right: 2px solid #6A1B9A; } .hiding-menu--dark-purple .hiding-body--text { color: #f5ebfc; } .hiding-menu--dark-purple .hiding-body--icon { color: #f5ebfc; } .hiding-menu--dark-theme { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--text { color: #BAD0E3; } .hiding-menu--dark-theme .hiding-body--icon { color: #BAD0E3; } .hiding-menu--light-purple:hover .hiding-body--text, .hiding-menu--dark-purple:hover .hiding-body--text { opacity: 100%; } .hiding-menu--light-purple:hover .hiding-body--icon, .hiding-menu--dark-purple:hover .hiding-body--icon { opacity: 100%; } .active-hiding-menu > nav { display: none; } .active-hiding-menu nav.hiding-menu--light, .active-hiding-menu nav.hiding-menu--dark { display: block; } .active-hiding-menu nav.hiding-menu--light-primary, .active-hiding-menu nav.hiding-menu--dark-primary { display: block; } .active-hiding-menu nav.hiding-menu--light-secondary, .active-hiding-menu nav.hiding-menu--dark-secondary { display: block; } .active-hiding-menu nav.hiding-menu--light-success, .active-hiding-menu nav.hiding-menu--dark-success { display: block; } .active-hiding-menu nav.hiding-menu--light-info, .active-hiding-menu nav.hiding-menu--dark-info { display: block; } .active-hiding-menu nav.hiding-menu--light-warning, .active-hiding-menu nav.hiding-menu--dark-warning { display: block; } .active-hiding-menu nav.hiding-menu--light-danger, .active-hiding-menu nav.hiding-menu--dark-danger { display: block; } .active-hiding-menu nav.hiding-menu--light-alert, .active-hiding-menu nav.hiding-menu--dark-alert { display: block; } .active-hiding-menu nav.hiding-menu--light-theme, .active-hiding-menu nav.hiding-menu--dark-theme { display: block; } .active-hiding-menu nav.hiding-menu--light-white, .active-hiding-menu nav.hiding-menu--dark-white { display: block; } .active-hiding-menu nav.hiding-menu--light-purple, .active-hiding-menu nav.hiding-menu--dark-purple { display: block; } .sticky-footer { position: sticky; top: 100%; } .footer--theme { display: block; height: 50px; background-color: #356287; text-align: left; width: 100%; height: 100%; } .footer--theme .footer-top { display: block; width: 100%; background-color: #D1E0EC; color: #ffffff; padding: 5px 5px 5px 5px; text-align: left; } .footer--theme .footer-top .social-group { width: 100%; } .footer--theme .footer-top .social-group .social-icon { display: inline-block; color: #ffffff; padding: 2px 5px 2px 5px; cursor: pointer; font-size: 22px; line-height: 1; } .footer--theme .footer-top .social-group .social-icon:hover { color: #356287; } .footer--theme .footer-body { display: block; width: 100%; min-height: 100px; background-color: transparent; color: #ffffff; text-align: left; font-weight: 400; padding: 30px 5px 30px 5px; } .footer--theme .footer-body a { color: #ffffff; font-weight: 400; } .footer--theme .footer-body a .icon-label { font-weight: 400; } .footer--theme .footer-body a:hover { color: #23415A !important; font-weight: 700 !important; } .footer--theme .footer-body a:hover .icon-label { font-weight: 700 !important; } .footer--theme hr { border-color: #D1E0EC; margin: 0px 0px 0px 0px; } .footer--theme .footer-copyright { display: block; width: 100%; background-color: transparent; color: #ffffff; font-size: 12px; text-align: left; padding: 10px; } .footer--theme .footer-copyright .text-copyright { color: #ffffff; font-size: 12px; text-align: left; } .footer--theme .footer-copyright .social-group { width: 100%; text-align: left; } .footer--theme .footer-copyright .social-group .social-icon { display: inline-block; color: #ffffff; padding: 2px 5px 2px 5px; cursor: pointer; font-size: 22px; line-height: 1; } .footer--theme .footer-copyright .social-group .social-icon:hover { color: #23415A; } .footer--white { display: block; height: 50px; background-color: #E0E0E0; text-align: left; width: 100%; height: 100%; } .footer--white .footer-top { display: block; width: 100%; background-color: transparent; color: #ffffff; padding: 5px 5px 5px 5px; text-align: left; } .footer--white .footer-top .social-group { width: 100%; } .footer--white .footer-top .social-group .social-icon { display: inline-block; color: #ffffff; padding: 2px 5px 2px 5px; cursor: pointer; font-size: 22px; line-height: 1; } .footer--white .footer-top .social-group .social-icon:hover { color: #23415A; } .footer--white .footer-body { display: block; width: 100%; min-height: 100px; background-color: #F5F5F5; color: #757575; text-align: left; font-weight: 400; } .footer--white .footer-body-info { padding: 30px 5px 30px 5px; } .footer--white .footer-body a { color: #757575; font-weight: 400; } .footer--white .footer-body a .icon-label { font-weight: 400; } .footer--white .footer-body a:hover { color: #23415A !important; font-weight: 700 !important; } .footer--white .footer-body a:hover .icon-label { font-weight: 700 !important; } .footer--white hr { border-color: #757575; margin: 0px 0px 0px 0px; } .footer--white .footer-copyright { display: block; width: 100%; background-color: transparent; color: #757575; font-size: 12px; text-align: left; padding: 10px; } .footer--white .footer-copyright .text-copyright { color: 5; font-size: 12px; text-align: left; } .footer--white .footer-copyright .social-group { width: 100%; text-align: left; } .footer--white .footer-copyright .social-group .social-icon { display: inline-block; color: #757575; padding: 2px 5px 2px 5px; cursor: pointer; font-size: 22px; line-height: 1; } .footer--white .footer-copyright .social-group .social-icon:hover { color: #23415A; } .modal-header { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; color: #356287; border-radius: 5px 5px 0px 0px; background-color: #EEEEEE; } .modal-header-white { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #757575 !important; background-color: #ffffff !important; } .modal-header-primary { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #14619c; } .modal-header-secondary { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #4b5257; } .modal-header-success { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #079107; } .modal-header-info { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #25a2b3; } .modal-header-warning { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #edbe00; } .modal-header-danger { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #c23329; } .modal-header-alert { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #d35f07; } .modal-header-theme { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #2C5171; } .modal-header-white { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #2C5171; background-color: #EEEEEE; } .modal-header-purple { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #ffffff; background-color: #4A148C; } .modal-header-primary-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #2196f3; background-color: #e0f1ff; } .modal-header-secondary-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #6c757d; background-color: #e1e1e1; } .modal-header-success-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #20ad20; background-color: #e8fac7; } .modal-header-info-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #4dd0e1; background-color: #d2f9ff; } .modal-header-warning-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #f9cf48; background-color: #fef6d9; } .modal-header-danger-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #f23629; background-color: #ffd4d1; } .modal-header-alert-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #f57b1d; background-color: #fad6ba; } .modal-header-purple-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #6A1B9A; background-color: #f5ebfc; } .modal-header-theme-lighten { width: 100%; display: flex; flex-wrap: wrap; font-size: 16px; position: relative; align-items: center; padding: 7px 10px 7px; border-radius: 5px 5px 0px 0px; color: #3D729E; background-color: #D1E0EC; } .float-none { float: none; } .float-left { float: left; } .float-right { float: right; } .valign-t { align-items: flex-start !important; -ms-flex-align: flex-start !important; } .valign-m { align-items: center !important; -ms-flex-align: center !important; } .valign-e { align-items: flex-end !important; -ms-flex-align: flex-end !important; } .valign-t-c { align-items: flex-start !important; -ms-flex-align: flex-start !important; justify-content: center !important; } .valign-m-c { align-items: center !important; -ms-flex-align: center !important; justify-content: center !important; } .valign-e-c { align-items: flex-end !important; -ms-flex-align: flex-end !important; justify-content: center !important; } .valign-t-e { align-items: flex-start !important; -ms-flex-align: flex-start !important; justify-content: end !important; } .valign-m-e { align-items: center !important; -ms-flex-align: center !important; justify-content: end !important; } .valign-e-e { align-items: flex-end !important; -ms-flex-align: flex-end !important; justify-content: end !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-center { justify-content: center !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-evenly { justify-content: space-evenly !important; } .justify-items-start { justify-items: start !important; } .justify-items-end { justify-items: end !important; } .justify-items-center { justify-items: center !important; } .justify-items-stretch { justify-items: stretch !important; } .justify-self-start { justify-self: start !important; } .justify-self-end { justify-self: end !important; } .justify-self-center { justify-self: center !important; } .justify-self-stretch { justify-self: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-center { align-content: center !important; } .align-content-end { align-content: flex-end !important; } .align-content-around { align-content: space-around !important; } .align-content-between { align-content: space-between !important; } .align-content-evenly { align-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: flex-end !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-self-auto { align-self: flex-start !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-stretch { align-self: stretch !important; } .align-self-baseline { align-self: baseline !important; } .place-content-center { place-content: center !important; } .place-content-start { place-content: start !important; } .place-content-end { place-content: end !important; } .place-content-between { place-content: space-between !important; } .place-content-around { place-content: space-around !important; } .place-content-evenly { place-content: space-evenly !important; } .place-content-stretch { place-content: stretch !important; } .place-items-start { place-items: start !important; } .place-items-end { place-items: end !important; } .place-items-center { place-items: center !important; } .place-items-stretch { place-items: stretch !important; } .place-self-auto { place-self: auto !important; } .place-self-start { place-self: start !important; } .place-self-end { place-self: end !important; } .place-self-center { place-self: center !important; } .place-self-stretch { place-self: stretch !important; } .push-right { position: absolute; left: 100%; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-sub { vertical-align: sub !important; } .align-super { vertical-align: super !important; } .align-text-top { vertical-align: text-top !important; } .align-text-bottom { vertical-align: text-bottom !important; } .mdi-icon { vertical-align: middle; display: inline-block; } .icon-label { vertical-align: middle; display: inline; padding: 0px 6px 0px 6px; } .icon-container { position: relative !important; } .icon-container .tooltip-top-center, .icon-container .tooltip-top-center:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; bottom: 25px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); border: rgba(0, 0, 0, 0.5); border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-top-center .arrow, .icon-container .tooltip-top-center:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.5); position: absolute; bottom: -5px; left: calc(50% - 5px); } .icon-container .tooltip-top-right, .icon-container .tooltip-top-right:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; bottom: 25px; left: 0px; border: rgba(0, 0, 0, 0.5); border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-top-right .arrow, .icon-container .tooltip-top-right:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.5); position: absolute; bottom: -5px; left: 5px; } .icon-container .tooltip-top-left, .icon-container .tooltip-top-left:hover { position: absolute; z-index: 99999999999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; bottom: 25px; right: 0px; border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-top-left .arrow, .icon-container .tooltip-top-left:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.5); position: absolute; bottom: -5px; right: 5px; } .icon-container .tooltip-left, .icon-container .tooltip-left:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 30px; border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-left .arrow, .icon-container .tooltip-left:hover .arrow { width: 5px; height: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -5px; } .icon-container .tooltip-right, .icon-container .tooltip-right:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 30px; border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-right .arrow, .icon-container .tooltip-right:hover .arrow { width: 5px; height: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -5px; } .icon-container .tooltip-bottom-center, .icon-container .tooltip-bottom-center:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; top: 28px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-bottom-center .arrow, .icon-container .tooltip-bottom-center:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: -5px; left: calc(50% - 5px); } .icon-container .tooltip-bottom-right, .icon-container .tooltip-bottom-right:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; top: 28px; left: 0px; border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-bottom-right .arrow, .icon-container .tooltip-bottom-right:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: -5px; left: 5px; } .icon-container .tooltip-bottom-left, .icon-container .tooltip-bottom-left:hover { position: absolute; z-index: 9999999; display: inline-block; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; max-width: 300px; margin: 0 auto; text-align: left; padding: 2px 7px 2px 7px; top: 28px; right: 0px; border: rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: white; } .icon-container .tooltip-bottom-left .arrow, .icon-container .tooltip-bottom-left:hover .arrow { width: 5px; height: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0, 0, 0, 0.5); position: absolute; top: -5px; right: 5px; } .icon-box { display: inline-flex; vertical-align: middle; position: relative; align-items: center; justify-content: center; padding: var(--icon-thickness); --icon-width: 8px; --icon-width-end: var(--icon-width); --icon-thickness: 2px; --icon-thickness-end: var(--icon-thickness); } .icon-thick-1px { --icon-thickness: 1px !important; } .icon-thick-2px { --icon-thickness: 2px !important; } .icon-thick-3px { --icon-thickness: 3px !important; } .icon-thick-4px { --icon-thickness: 4px !important; } .icon-thick-5px { --icon-thickness: 5px !important; } .icon-thick-6px { --icon-thickness: 6px !important; } .icon-thick-7px { --icon-thickness: 7px !important; } .icon-thick-8px { --icon-thickness: 8px !important; } .icon-thick-9px { --icon-thickness: 9px !important; } .icon-thick-10px { --icon-thickness: 10px !important; } .icon-w-5px { --icon-width: 5px !important; } .icon-w-6px { --icon-width: 6px !important; } .icon-w-7px { --icon-width: 7px !important; } .icon-w-8px { --icon-width: 8px !important; } .icon-w-9px { --icon-width: 9px !important; } .icon-w-10px { --icon-width: 10px !important; } .icon-w-11px { --icon-width: 11px !important; } .icon-w-12px { --icon-width: 12px !important; } .icon-w-13px { --icon-width: 13px !important; } .icon-w-14px { --icon-width: 14px !important; } .icon-w-15px { --icon-width: 15px !important; } .icon-w-16px { --icon-width: 16px !important; } .icon-w-17px { --icon-width: 17px !important; } .icon-w-18px { --icon-width: 18px !important; } .icon-w-19px { --icon-width: 19px !important; } .icon-w-20px { --icon-width: 20px !important; } .icon-w-21px { --icon-width: 21px !important; } .icon-w-22px { --icon-width: 22px !important; } .icon-w-23px { --icon-width: 23px !important; } .icon-w-24px { --icon-width: 24px !important; } .icon-w-25px { --icon-width: 25px !important; } .icon-w-26px { --icon-width: 26px !important; } .icon-w-27px { --icon-width: 27px !important; } .icon-w-28px { --icon-width: 28px !important; } .icon-w-29px { --icon-width: 29px !important; } .icon-w-30px { --icon-width: 30px !important; } .icon-w-31px { --icon-width: 31px !important; } .icon-w-32px { --icon-width: 32px !important; } .icon-w-33px { --icon-width: 33px !important; } .icon-w-34px { --icon-width: 34px !important; } .icon-w-35px { --icon-width: 35px !important; } .icon-w-36px { --icon-width: 36px !important; } .icon-w-37px { --icon-width: 37px !important; } .icon-w-38px { --icon-width: 38px !important; } .icon-w-39px { --icon-width: 39px !important; } .icon-w-40px { --icon-width: 40px !important; } .icon-w-41px { --icon-width: 41px !important; } .icon-w-42px { --icon-width: 42px !important; } .icon-w-43px { --icon-width: 43px !important; } .icon-w-44px { --icon-width: 44px !important; } .icon-w-45px { --icon-width: 45px !important; } .icon-w-46px { --icon-width: 46px !important; } .icon-w-47px { --icon-width: 47px !important; } .icon-w-48px { --icon-width: 48px !important; } .icon-w-49px { --icon-width: 49px !important; } .icon-w-50px { --icon-width: 50px !important; } .burger-bar { position: relative; flex: none; width: var(--icon-width-end); height: var(--icon-thickness-end); border-radius: 2px; background: #757575; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; margin: calc(2*var(--icon-thickness-end)) 0; } .burger-bar::before, .burger-bar::after { content: ""; position: absolute; z-index: 1; top: calc(-2*var(--icon-thickness-end)); width: 100%; height: var(--icon-thickness-end); border-radius: inherit; background: inherit; } .burger-bar::after { top: calc(2*var(--icon-thickness-end)); } .close-bar { position: relative; flex: none; width: var(--icon-width-end); height: var(--icon-thickness-end); border-radius: 2px; background: #757575; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; transform: rotate(135deg); margin: calc(2*var(--icon-thickness-end)) 0; } .close-bar::before { content: ""; position: absolute; z-index: 1; top: 0; transform: rotate(90deg); width: var(--icon-width-end); width: 100%; height: var(--icon-thickness-end); border-radius: inherit; background: inherit; } .chevron-bar-l, .chevron-bar-r, .chevron-bar-t, .chevron-bar-b, .chevron-bar-tl, .chevron-bar-tr, .chevron-bar-bl, .chevron-bar-br { box-sizing: border-box; position: relative; display: block; width: var(--icon-width-end); height: var(--icon-thickness-end); border-radius: 2px; background: #757575; margin: calc(2*var(--icon-thickness-end)) 0; } .chevron-bar-l::before, .chevron-bar-r::before, .chevron-bar-t::before, .chevron-bar-b::before, .chevron-bar-tl::before, .chevron-bar-tr::before, .chevron-bar-bl::before, .chevron-bar-br::before { content: ""; position: absolute; top: 0; z-index: 1; transform-origin: top left; transform: translate(0, var(--icon-thickness-end)) rotate(270deg); width: 100%; height: var(--icon-thickness-end); border-radius: inherit; background: inherit; } .chevron-bar-l { transform-origin: top left; transform: translate(0%, 0%) rotate(45deg); } .chevron-bar-r { transform-origin: top center; transform: translate(0%, 0%) rotate(225deg); } .chevron-bar-t { transform: translate(-30%, 0) rotate(135deg); } .chevron-bar-b { transform: translate(30%, 0) rotate(315deg); } .chevron-bar-tl { transform: translate(-40%, 0) rotate(90deg); } .chevron-bar-tr { transform: translate(0, -200%) rotate(180deg); } .chevron-bar-bl { transform: translate(0%, 100%) rotate(0deg); } .chevron-bar-br { transform: translate(40%, -50%) rotate(270deg); } .con-box { width: auto; height: 100%; box-sizing: border-box; position: relative; display: inline-flex; flex-direction: row; align-items: center; vertical-align: middle; justify-content: space-evenly; transform: translateY(0px); } .con-size-50 { --con-size: 0.50; } .con-size-60 { --con-size: 0.60; } .con-size-70 { --con-size: 0.70; } .con-size-80 { --con-size: 0.80; } .con-size-90 { --con-size: 0.90; } .con-size-100 { --con-size: 1; } .con-size-110 { --con-size: 1.10; } .con-size-120 { --con-size: 1.20; } .con-size-130 { --con-size: 1.30; } .con-size-140 { --con-size: 1.40; } .con-size-150 { --con-size: 1.50; } .con-size-160 { --con-size: 1.60; } .con-size-170 { --con-size: 1.70; } .con-size-180 { --con-size: 1.80; } .con-size-190 { --con-size: 1.90; } .con-size-200 { --con-size: 2; } .con-size-210 { --con-size: 2.10; } .con-size-220 { --con-size: 2.20; } .con-size-230 { --con-size: 2.30; } .con-size-240 { --con-size: 2.40; } .con-size-250 { --con-size: 2.50; } .con-size-260 { --con-size: 2.60; } .con-size-270 { --con-size: 2.70; } .con-size-280 { --con-size: 2.80; } .con-size-290 { --con-size: 2.90; } .con-size-300 { --con-size: 3; } .con-size-400 { --con-size: 4; } .con-size-500 { --con-size: 5; } .con-size-600 { --con-size: 6; } .con-home-alt { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 18px; height: 14px; border: 2px solid; border-top: 0; border-radius: 2px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-bottom: -2px; } .con-home-alt::after, .con-home-alt::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-home-alt::before { border-top: 2px solid; border-left: 2px solid; border-top-left-radius: 4px; transform: rotate(45deg); top: -5px; border-radius: 3px; width: 14px; height: 14px; left: 0; } .con-home-alt::after { width: 6px; height: 10px; background: currentColor; border-top-left-radius: 100px; border-top-right-radius: 100px; left: 4px; bottom: -2px; } .con-plus { display: block; box-sizing: border-box; background: currentColor; border-radius: 10px; margin-top: -2px; position: relative; transform: scale(var(--con-size, 1)); width: 16px; height: 2px; } .con-plus::after { display: block; box-sizing: border-box; background: currentColor; border-radius: 10px; content: ""; position: absolute; width: 2px; height: 16px; top: -7px; left: 7px; } .con-plus-circle { box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; border: 2px solid; transform: scale(var(--con-size, 1)); border-radius: 22px; } .con-plus-circle::after, .con-plus-circle::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 2px; background: currentColor; border-radius: 5px; top: 8px; left: 4px; } .con-plus-circle::after { width: 2px; height: 10px; top: 4px; left: 8px; } .con-plus-box { box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; border: 2px solid; transform: scale(var(--con-size, 1)); border-radius: 4px; } .con-plus-box::after, .con-plus-box::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 2px; background: currentColor; border-radius: 5px; top: 8px; left: 4px; } .con-plus-box::after { width: 2px; height: 10px; top: 4px; left: 8px; } .con-minus { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 16px; height: 2px; background: currentColor; border-radius: 10px; } .con-equal { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 16px; height: 2px; background: currentColor; border-radius: 10px; margin-top: -6px; box-shadow: 0 6px 0; } .con-divide { transform: scale(var(--con-size, 1)); } .con-divide, .con-divide::after, .con-divide::before { box-sizing: border-box; position: relative; display: block; width: 16px; height: 2px; background: currentColor; border-radius: 20px; } .con-divide::after, .con-divide::before { content: ""; position: absolute; width: 4px; height: 4px; top: -6px; left: 6px; } .con-divide::after { top: 4px; } .con-percent { box-sizing: border-box; position: relative; display: block; transform: rotate(-45deg) scale(var(--con-size, 1)); width: 16px; height: 2px; background: currentColor; border-radius: 20px; } .con-percent::after, .con-percent::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 4px; height: 4px; background: currentColor; border-radius: 20px; top: -7px; left: 6px; } .con-percent::after { top: 5px; } .con-chevron-up { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; } .con-chevron-up::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-top: 2px solid; border-right: 2px solid; transform: rotate(-45deg); left: 4px; bottom: 2px; } .con-chevron-down { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; } .con-chevron-down::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); left: 4px; top: 2px; } .con-chevron-left { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; } .con-chevron-left::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(45deg); left: 6px; top: 4px; } .con-chevron-right { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; } .con-chevron-right::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(-45deg); right: 6px; top: 4px; } .con-chevron-up-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 100px; } .con-chevron-up-circle::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; transform: rotate(-45deg); left: 6px; bottom: 5px; } .con-chevron-down-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 100px; } .con-chevron-down-circle::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); left: 6px; top: 5px; } .con-chevron-left-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 100px; } .con-chevron-left-circle::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(45deg); left: 7px; top: 6px; } .con-chevron-right-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 100px; } .con-chevron-right-circle::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(-45deg); left: 5px; top: 6px; } .con-chevron-up-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-chevron-up-box::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; transform: rotate(-45deg); left: 6px; bottom: 5px; } .con-chevron-down-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-chevron-down-box::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); left: 6px; top: 5px; } .con-chevron-left-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-chevron-left-box::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-left: 2px solid; transform: rotate(45deg); left: 7px; top: 6px; } .con-chevron-right-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-chevron-right-box::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(-45deg); left: 5px; top: 6px; } .con-chevron-double-up { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; } .con-chevron-double-up::after, .con-chevron-double-up::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 8px; border-top: 2px solid; border-left: 2px solid; transform: rotate(45deg); left: 7px; bottom: 3px; } .con-chevron-double-up::after { bottom: 8px; } .con-chevron-double-down { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; } .con-chevron-double-down::after, .con-chevron-double-down::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 8px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); left: 7px; top: 3px; } .con-chevron-double-down::after { top: 8px; } .con-chevron-double-left { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; } .con-chevron-double-left::after, .con-chevron-double-left::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 8px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); top: 7px; left: 6px; } .con-chevron-double-left::after { left: 11px; } .con-chevron-double-right { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; } .con-chevron-double-right::after, .con-chevron-double-right::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 8px; border-right: 2px solid; border-top: 2px solid; transform: rotate(45deg); top: 7px; right: 6px; } .con-chevron-double-right::after { right: 11px; } .con-close { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 40px; } .con-close::after, .con-close::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 16px; height: 2px; background: currentColor; transform: rotate(45deg); border-radius: 5px; top: 8px; left: 1px; } .con-close::after { transform: rotate(-45deg); } .con-close-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 40px; } .con-close-circle::after, .con-close-circle::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 12px; height: 2px; background: currentColor; transform: rotate(45deg); border-radius: 5px; top: 8px; left: 3px; } .con-close-circle::after { transform: rotate(-45deg); } .con-close-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-close-box::after, .con-close-box::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 12px; height: 2px; background: currentColor; transform: rotate(45deg); border-radius: 5px; top: 8px; left: 3px; } .con-close-box::after { transform: rotate(-45deg); } .con-check { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; } .con-check::after { content: ""; display: block; box-sizing: border-box; position: absolute; left: 3px; top: -1px; width: 6px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg); } .con-check-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 100px; } .con-check-circle::after { content: ""; display: block; box-sizing: border-box; position: absolute; left: 3px; top: -1px; width: 6px; height: 10px; border-color: currentColor; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg); } .con-check-box { box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; border: 2px solid; transform: scale(var(--con-size, 1)); border-radius: 4px; } .con-check-box::after { content: ""; display: block; box-sizing: border-box; position: absolute; left: 3px; top: -1px; width: 6px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg); } .con-radio-check { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 20px; height: 20px; border: 2px solid; border-radius: 100px; } .con-radio-checked { border: 2px solid; position: relative; transform: scale(var(--con-size, 1)); width: 20px; height: 20px; } .con-radio-checked, .con-radio-checked::after { display: block; box-sizing: border-box; border-radius: 100px; } .con-radio-checked::after { content: ""; position: absolute; width: 8px; height: 8px; background: currentColor; top: 4px; left: 4px; } .con-menu { transform: scale(var(--con-size, 1)); } .con-menu, .con-menu::after, .con-menu::before { box-sizing: border-box; position: relative; display: block; width: 20px; height: 2px; border-radius: 3px; background: currentColor; } .con-menu::after, .con-menu::before { content: ""; position: absolute; top: -6px; } .con-menu::after { top: 6px; } .con-menu-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border-radius: 24px; border: 2px solid; } .con-menu-circle::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 2px; background: currentColor; border-radius: 3px; top: 4px; left: 4px; box-shadow: 0 4px 0, 0 8px 0; } .con-menu-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 18px; height: 18px; border-radius: 3px; border: 2px solid; } .con-menu-box::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 2px; background: currentColor; border-radius: 3px; top: 2px; left: 2px; box-shadow: 0 4px 0, 0 8px 0; } .con-menu-grid-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 16px; height: 16px; } .con-menu-grid-box::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 4px; height: 4px; background: currentColor; box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0, 12px 0 0, 0 12px 0; } .con-menu-grid-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 16px; height: 16px; } .con-menu-grid-circle::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 4px; height: 4px; background: currentColor; box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0, 12px 0 0, 0 12px 0; border-radius: 22px; } .con-trash { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 10px; height: 12px; border: 2px solid transparent; box-shadow: 0 0 0 2px, inset -2px 0 0, inset 2px 0 0; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; margin-top: 4px; } .con-trash::after, .con-trash::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-trash::after { background: currentColor; border-radius: 3px; width: 16px; height: 2px; top: -4px; left: -5px; } .con-trash::before { width: 10px; height: 4px; border: 2px solid; border-bottom: transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; top: -7px; left: -2px; } .con-trash-empty { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 10px; height: 12px; border: 2px solid transparent; box-shadow: 0 0 0 2px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; margin-top: 4px; } .con-trash-empty::after, .con-trash-empty::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-trash-empty::after { background: currentColor; border-radius: 3px; width: 16px; height: 2px; top: -4px; left: -5px; } .con-trash-empty::before { width: 10px; height: 4px; border: 2px solid; border-bottom: transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; top: -7px; left: -2px; } .con-login { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 6px; height: 16px; border: 2px solid; border-left: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; margin-right: -10px; } .con-login::after, .con-login::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-login::after { border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg); width: 8px; height: 8px; left: -8px; bottom: 2px; } .con-login::before { border-radius: 3px; width: 10px; height: 2px; background: currentColor; left: -11px; bottom: 5px; } .con-logout { box-sizing: border-box; position: relative; display: block; width: 6px; height: 16px; border: 2px solid; transform: scale(var(--con-size, 1)); border-right: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-left: -10px; } .con-logout::after, .con-logout::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-logout::after { border-top: 2px solid; border-left: 2px solid; transform: rotate(-45deg); width: 8px; height: 8px; left: 4px; bottom: 2px; } .con-logout::before { border-radius: 3px; width: 10px; height: 2px; background: currentColor; left: 5px; bottom: 5px; } .con-logoff { box-sizing: border-box; position: relative; display: block; border-radius: 16px; border: 2px solid; transform: scale(var(--con-size, 1)); width: 16px; height: 16px; border-top: 2px solid transparent; } .con-logoff::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; height: 8px; width: 2px; background: currentColor; left: 5px; bottom: 6px; } .con-danger { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 20px; height: 20px; border: 2px solid; border-radius: 40px; } .con-danger::after, .con-danger::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 2px; background: currentColor; left: 7px; } .con-danger::after { top: 2px; height: 8px; } .con-danger::before { height: 2px; bottom: 2px; } .con-info { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 20px; height: 20px; border: 2px solid; border-radius: 40px; } .con-info::after, .con-info::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 2px; background: currentColor; left: 7px; } .con-info::after { bottom: 2px; height: 8px; } .con-info::before { height: 2px; top: 2px; } .con-copyright, .con-copyright::after { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 18px; height: 18px; border: 2px solid; border-radius: 40px; } .con-copyright::after { content: ""; position: absolute; border-right-color: transparent; width: 8px; height: 8px; top: 3px; left: 3px; transform: none; } .con-bell { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); border: 2px solid; border-bottom: 0; width: 14px; height: 14px; } .con-bell, .con-bell::before { border-top-left-radius: 100px; border-top-right-radius: 100px; } .con-bell::after, .con-bell::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-bell::before { background: currentColor; width: 4px; height: 4px; top: -4px; left: 3px; } .con-bell::after { border-radius: 3px; width: 16px; height: 10px; border: 6px solid transparent; border-top: 1px solid transparent; box-shadow: inset 0 0 0 4px, 0 -2px 0 0; top: 14px; left: -3px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } .con-alarm { background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4.5px 6px/5px 2px, linear-gradient(to left, currentColor 7px, transparent 0) no-repeat 4.5px 2px/2px 6px; box-sizing: border-box; position: relative; display: block; width: 16px; height: 16px; border-radius: 100%; border: 2px solid transparent; transform: scale(var(--con-size, 1)); box-shadow: 0 0 0 2px; } .con-alarm::after, .con-alarm::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; height: 2px; background: currentColor; top: -4px; } .con-alarm::before { left: -5px; transform: rotate(-42deg); } .con-alarm::after { transform: rotate(42deg); right: -5px; } .con-phone { box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; transform: scale(var(--con-size, 1)); } .con-phone::after, .con-phone::before { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-phone::after { width: 18px; height: 18px; border-top-left-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 12px; border-left: 4px solid; border-bottom: 4px solid; left: 2px; bottom: 2px; background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right 11px/6px 4px, linear-gradient(to left, currentColor 10px, transparent 0) no-repeat -1px 0/4px 6px; } .con-phone::before { width: 20px; height: 20px; border: 6px double; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; transform: rotate(-45deg); bottom: 2px; left: 2px; } .con-smartphone { background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 12px/2px 2px; box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 14px; height: 20px; border: 2px solid; border-radius: 2px; } .con-feed { margin-left: -8px; margin-top: -8px; position: relative; transform: scale(var(--con-size, 1)); width: 7px; height: 7px; border-radius: 1px; } .con-feed, .con-feed::after, .con-feed::before { display: block; box-sizing: border-box; background: currentColor; box-shadow: 0 10px 0 0; } .con-feed::after, .con-feed::before { content: ""; position: absolute; border-radius: 3px; width: 12px; height: 2px; top: 1px; left: 9px; opacity: 0.8; } .con-feed::after { width: 8px; top: 4px; opacity: 0.5; } .con-more { transform: scale(var(--con-size, 1)); } .con-more, .con-more::after, .con-more::before { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; } .con-more::after, .con-more::before { content: ""; position: absolute; top: 0; } .con-more::after { left: -6px; } .con-more::before { right: -6px; } .con-more-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 24px; height: 24px; border: 2px solid; border-radius: 24px; } .con-more-circle::before { content: ""; position: absolute; box-sizing: border-box; display: block; width: 4px; height: 4px; background-color: currentColor; border-radius: 20px; top: 8px; left: 8px; box-shadow: -5px 0 0, 5px 0 0; } .con-more-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 24px; height: 20px; border: 2px solid; border-radius: 3px; } .con-more-box::before { content: ""; position: absolute; box-sizing: border-box; display: block; width: 4px; height: 4px; background-color: currentColor; border-radius: 20px; top: 6px; left: 8px; box-shadow: -5px 0 0, 5px 0 0; } .con-more-vertical { transform: scale(var(--con-size, 1)); } .con-more-vertical, .con-more-vertical::after, .con-more-vertical::before { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; } .con-more-vertical::after, .con-more-vertical::before { content: ""; position: absolute; } .con-more-vertical::after { left: 0; top: 6px; } .con-more-vertical::before { top: -6px; right: 0; } .con-more-vertical-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 24px; height: 24px; border: 2px solid; border-radius: 24px; } .con-more-vertical-circle::before { content: ""; position: absolute; box-sizing: border-box; display: block; width: 4px; height: 4px; background-color: currentColor; border-radius: 20px; top: 8px; left: 8px; box-shadow: 0 -5px 0, 0 5px 0; } .con-more-vertical-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 20px; height: 24px; border: 2px solid; border-radius: 3px; } .con-more-vertical-box::before { content: ""; position: absolute; box-sizing: border-box; display: block; width: 4px; height: 4px; background-color: currentColor; border-radius: 20px; top: 8px; left: 6px; box-shadow: 0 -5px 0, 0 5px 0; } .con-profile { overflow: hidden; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; position: relative; } .con-profile, .con-profile::after, .con-profile::before { display: block; box-sizing: border-box; border: 2px solid; border-radius: 100px; } .con-profile::after, .con-profile::before { content: ""; position: absolute; top: 2px; left: 5px; width: 8px; height: 8px; } .con-profile::after { border-radius: 200px; top: 11px; left: 0px; width: 18px; height: 18px; } .con-template { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 18px; height: 6px; border: 2px solid; margin-top: -14px; } .con-template::after, .con-template::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 8px; height: 10px; top: 6px; } .con-template::after { border: 2px solid; left: -2px; } .con-template::before { border-top: 6px double; border-bottom: 2px solid; right: -2px; } .con-controller { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 8px; height: 8px; border: 2px solid; border-radius: 100px; } .con-controller::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 14px; height: 14px; box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px; left: -5px; top: -5px; transform: rotate(45deg); } .con-copy { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 14px; height: 18px; border: 2px solid; margin-left: -5px; margin-top: -4px; } .con-copy::after { content: ""; display: block; box-sizing: border-box; position: absolute; } .con-copy::before { content: ""; display: block; box-sizing: border-box; position: absolute; background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right top/5px 2px, linear-gradient(to left, currentColor 5px, transparent 0) no-repeat left bottom/2px 5px; box-shadow: inset -4px -4px 0 -2px; bottom: -6px; right: -6px; width: 14px; height: 18px; } .con-copy::after { width: 6px; height: 2px; background: currentColor; left: 2px; top: 2px; box-shadow: 0 4px 0, 0 8px 0; } .con-browser { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 24px; height: 18px; border: 2px solid; border-radius: 3px; } .con-browser::after, .con-browser::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 22px; height: 2px; background: currentColor; top: 4px; } .con-browser::after { border-radius: 3px; width: 2px; box-shadow: 3px 0 0, 6px 0 0; top: 1px; left: 1px; } .con-image { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 20px; height: 16px; overflow: hidden; box-shadow: 0 0 0 2px; border-radius: 2px; } .con-image::after, .con-image::before { content: ""; display: block; box-sizing: border-box; position: absolute; border: 2px solid; } .con-image::after { transform: rotate(45deg); border-radius: 3px; width: 16px; height: 16px; top: 9px; left: 6px; } .con-image::before { width: 6px; height: 6px; border-radius: 100%; top: 2px; left: 2px; } .con-laptop { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 18px; height: 12px; border: 2px solid; border-radius: 2px; } .con-laptop::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 22px; height: 2px; background: currentColor; left: -4px; bottom: -5px; border-radius: 100px; } .con-screen-wide { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 24px; height: 11px; border: 2px solid; border-radius: 3px; margin-top: -4px; } .con-screen-wide::after { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 8px; height: 2px; background: currentColor; top: 10px; left: 6px; } .con-screen-wide::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 8px; height: 2px; background: currentColor; top: 10px; left: 6px; width: 2px; height: 4px; top: 8px; left: 9px; } .con-screen { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 14px; border: 2px solid; border-radius: 3px; margin-top: -4px; } .con-screen::after { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 10px; height: 2px; background: currentColor; top: 14px; left: 4px; } .con-screen::before { content: ""; display: block; box-sizing: border-box; position: absolute; border-radius: 3px; width: 10px; height: 2px; background: currentColor; top: 14px; left: 4px; width: 2px; height: 6px; top: 10px; left: 8px; } .con-webcam { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 8px; height: 8px; border: 2px solid transparent; box-shadow: 0 0 0 2px, inset 0 0 0 2px; border-radius: 100px; margin-top: -4px; } .con-webcam::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 4px; border-right: 4px solid transparent; box-shadow: 0 2px 0, inset -2px 0 0; bottom: -6px; left: -3px; } .con-website { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 18px; border: 2px solid; border-radius: 3px; box-shadow: 0 -1px 0; } .con-website::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; top: 2px; } .con-website::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 6px; top: 2px; background: currentColor; left: 2px; box-shadow: 0 4px 0, 0 8px 0; border-radius: 3px; height: 2px; } .con-website::after { height: 10px; border: 2px solid; right: 2px; border-radius: 1px; } .con-windows { transform: scale(var(--con-size, 1)); display: block; position: relative; box-sizing: border-box; width: 17px; height: 15px; } .con-windows::before { display: block; position: relative; box-sizing: border-box; width: 17px; height: 15px; content: ""; position: absolute; width: 7px; height: 6px; background: currentColor; box-shadow: 8px 0 0, 8px 7px 0, 0 7px 0; transform: perspective(30px) rotateY(-30deg); } .con-play { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; } .con-play::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 0; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid; top: 6px; left: 9px; } .con-play-circle { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 20px; } .con-play-circle::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 0; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid; top: 4px; left: 7px; } .con-play-box { box-sizing: border-box; position: relative; display: block; transform: scale(var(--con-size, 1)); width: 22px; height: 22px; border: 2px solid; border-radius: 4px; } .con-play-box::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 0; height: 10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid; top: 4px; left: 7px; } .con-shopping-cart { display: block; box-sizing: border-box; position: relative; transform: scale(var(--con-size, 1)); width: 20px; height: 21px; background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat -1px 6px/18px 2px, linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px 14px/11px 2px, linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px/4px 2px, radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px 17px/4px 4px, radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 17px/4px 4px; } .con-shopping-cart::after, .con-shopping-cart::before { content: ""; display: block; position: absolute; box-sizing: border-box; width: 2px; height: 14px; background: currentColor; top: 2px; left: 4px; transform: skew(12deg); } .con-shopping-cart::after { height: 10px; top: 6px; left: 16px; transform: skew(-12deg); } .editor-holder { width: 100%; min-height: 200px; height: auto; border-radius: 3px; position: relative; top: 0; background: #212121; overflow: auto; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.05); transition: all 0.5s ease-in-out; } .editor-holder textarea, .editor-holder code { width: 100%; min-height: 200px; height: auto; color: #E0E0E0; border: 0; position: absolute; top: 0; left: 0; margin: 0; padding: 20px; font-size: 14px; font-family: Consolas, Liberation Mono, Courier, monospace; line-height: 21px; overflow: visible; transition: all 0.5s ease-in-out; } .editor-holder textarea { background: transparent; z-index: 2; height: auto; resize: none; color: #fff; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-fill-color: transparent; -webkit-text-fill-color: transparent; } .editor-holder textarea::-webkit-input-placeholder { color: white; } .editor-holder textarea:focus { outline: 0; border: 0; box-shadow: none; } .editor-holder pre { background: transparent; color: #FAFAFA; margin: 0px 0px 20px 0px; padding: 5px 5px 5px 5px; font-size: 1em; } .editor-holder pre::before { content: attr(data-language); text-transform: uppercase; display: block; text-align: right; color: #4dd0e1; font-weight: 400; font-size: 0.5rem; } .editor-holder code { z-index: 1; } .editor-holder .display-language { width: auto; height: auto; color: #E0E0E0; background: transparent; position: absolute; top: 0; right: 0; margin: 0; padding: 5px; font-size: 14px; } #vue-good-table tr:hover { background-color: #ebebeb; cursor: pointer; } #vue-good-table tr { font-size: 12px !important; } .editor-box > * { border-color: #f0f0f0; border-style: solid; border-width: 1px; min-height: 200px !important; max-height: calc( 90vh - 200px ) !important; overflow: auto; padding: 5px; outline: none; box-shadow: none; } .editor-box > * a, .editor-box > * a:active, .editor-box > * a:focus { color: #A3C1DA; cursor: pointer; font-style: italic; text-decoration: underline; font-weight: 700; } .editor-box > * a:hover { color: #356287; cursor: pointer; font-weight: 700; } .editorbox .ProseMirror { max-height: 100px !important; } .editor-box ul, .editor-box ol { margin-left: 20px; } .editor-box p { margin: 0px; } .editor-menu-bar { background-color: #e1e1e1; padding-left: 0px; border-radius: 5px; width: 100%; } .editor-menu-bar button { border: none; display: inline-block; width: 35px !important; height: 35px !important; line-height: 35px; margin: 0; padding: 0px !important; letter-spacing: 1px; outline: none; background-color: #e1e1e1; } .editor-menu-bar button:hover { background-color: rgba(143, 143, 143, 0.872); border-radius: 5px; } .editor-menu-bar .is-active { background-color: rgba(143, 143, 143, 0.872); border-radius: 5px; } .editor-menu-bar { margin: 0; } pre { background: #313134; color: #f0f0f0; margin: 20px 20px 20px 20px; padding: 10px 10px 10px 10px; font-size: 1em; } pre::before { content: attr(data-language); text-transform: uppercase; display: block; text-align: right; font-weight: bold; font-size: 0.6rem; } .menububble { position: absolute; display: flex; z-index: 20; background-color: rgba(96, 96, 96, 0.7); border-radius: 5px; padding: 0.3rem; margin-bottom: 0.5rem; transform: translateX(-40%); visibility: hidden; opacity: 0; transition: opacity 0.2s, visibility 0.2s; } .menububble.is-active { opacity: 1; visibility: visible; } .menububble__button { display: inline-flex; background: transparent; border: 0; color: #ffffff; padding: 0.2rem 0.5rem; margin-right: 0.2rem; border-radius: 3px; cursor: pointer; } .menububble__button:last-child { margin-right: 0; } .menububble__button:hover { background-color: rgba(255, 255, 255, 0.5); } .menububble__button.is-active { background-color: rgba(255, 255, 255, 0.5); } .menububble__form { display: flex; align-items: center; } .menububble__input { font: inherit; border: none; background: transparent; color: #ffffff; height: 20px !important; } .tiptap-p-margin-top p { margin-top: 5px !important; } .tiptap-p-margin-top-none p { margin-top: 0px !important; } .tiptap-strong-none p b, strong { font-weight: 400 !important; } .tiptap-img-size-normal p img { max-width: 100% !important; } .tiptap p { word-break: break-word; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; min-height: 1em; white-space: pre-wrap; } .tiptap li { margin-left: 30px; } .tiptap table { border-collapse: collapse !important; table-layout: fixed !important; margin: auto !important; overflow: hidden !important; } .tiptap table td, .tiptap table th { min-width: 1em; height: 40px; border: 2px solid #E0E0E0; padding: 3px 5px; vertical-align: top; box-sizing: border-box; position: relative; } .tiptap table td > *, .tiptap table th > * { margin-bottom: 0; } .tiptap table th { font-weight: bold; text-align: left; background-color: #E0E0E0; } .tiptap table .selectedCell:after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; } .tiptap table p { margin: 0; } .tiptap img { max-width: 100%; -o-object-fit: contain !important; object-fit: contain !important; -o-object-position: center; object-position: center; } .tiptap .custom-image-small { max-width: 300px; } .tiptap .custom-image-medium { max-width: 500px; } .tiptap .custom-image-large { max-width: 100%; } .tiptap .custom-image-float-none { float: none; margin-right: 0px 10px 0px 10px; } .tiptap .custom-image-float-left { float: left; margin-right: 10px; } .tiptap .custom-image-float-right { float: right; margin-left: 10px; } .tiptap .video-wrapper { position: relative; width: 80%; height: 400px; overflow: hidden; margin: auto; } .tiptap .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tiptap a, .tiptap a:active, .tiptap a:focus { color: #A3C1DA !important; cursor: pointer !important; font-style: italic !important; text-decoration: underline !important; font-weight: 700 !important; } .tiptap a:hover { color: #356287 !important; cursor: pointer !important; font-weight: 700 !important; } .resize-cursor { cursor: ew-resize; cursor: col-resize; } .tableWrapper { padding: 1rem 0; overflow-x: auto; } .ProseMirror table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: auto; overflow: hidden; } .ProseMirror table td, .ProseMirror table th { min-width: 1em; border: 2px solid #E0E0E0; padding: 3px 5px; vertical-align: top; box-sizing: border-box; position: relative; } .ProseMirror table td > *, .ProseMirror table th > * { margin-bottom: 0; } .ProseMirror table th { font-weight: bold; text-align: left; background-color: #E0E0E0; } .ProseMirror table .selectedCell:after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; } .ProseMirror table .column-resize-handle { position: absolute; right: -2px; top: 0; bottom: -2px; width: 4px; background-color: #356287; pointer-events: none; } .ProseMirror table p { margin: 0; } .ProseMirror .custom-image-small { max-width: 300px; } .ProseMirror .custom-image-medium { max-width: 500px; } .ProseMirror .custom-image-large { max-width: 100%; } .ProseMirror .custom-image-float-none { float: none; margin-right: 0px 10px 0px 10px; } .ProseMirror .custom-image-float-left { float: left; margin-right: 10px; } .ProseMirror .custom-image-float-right { float: right; margin-left: 10px; } .ProseMirror .video-wrapper { position: relative; width: 80%; height: 400px; overflow: hidden; margin: auto; } .ProseMirror .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .swal2-title { font-size: 16px !important; } .swal2-content { font-size: 14px !important; } .swal2-actions { font-size: 14px !important; padding: 0px 0px 0px 0px !important; } .swal2-actions button { font-size: 14px !important; padding: 3px 10px 3px 10px !important; } .toast-container { z-index: 999999999; } .v-toast { top: 50px !important; padding: 1em 2em 2em 2em !important; } .zindex-1 { z-index: 1 !important; } .zindex-2 { z-index: 2 !important; } .zindex-3 { z-index: 3 !important; } .zindex-4 { z-index: 4 !important; } .zindex-5 { z-index: 5 !important; } .zindex-6 { z-index: 6 !important; } .zindex-7 { z-index: 7 !important; } .zindex-8 { z-index: 8 !important; } .zindex-9 { z-index: 9 !important; } .zindex-10 { z-index: 10 !important; } .zindex-20 { z-index: 20 !important; } .zindex-30 { z-index: 30 !important; } .zindex-40 { z-index: 40 !important; } .zindex-50 { z-index: 50 !important; } .zindex-60 { z-index: 60 !important; } .zindex-70 { z-index: 70 !important; } .zindex-80 { z-index: 80 !important; } .zindex-90 { z-index: 90 !important; } .zindex-100 { z-index: 100 !important; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-top: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; text-align: left; } .alert-primary { color: #ffffff; background-color: #2196f3; border-color: #2196f3; font-weight: 300 !important; } .alert-primary .alert-heading { color: inherit; } .alert-primary .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-primary .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-primary hr { border-top: 1px solid #ffffff; } .alert-secondary { color: #ffffff; background-color: #6c757d; border-color: #6c757d; font-weight: 300 !important; } .alert-secondary .alert-heading { color: inherit; } .alert-secondary .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-secondary .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-secondary hr { border-top: 1px solid #ffffff; } .alert-success { color: #ffffff; background-color: #20ad20; border-color: #20ad20; font-weight: 300 !important; } .alert-success .alert-heading { color: inherit; } .alert-success .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-success .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-success hr { border-top: 1px solid #ffffff; } .alert-info { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; font-weight: 300 !important; } .alert-info .alert-heading { color: inherit; } .alert-info .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-info .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-info hr { border-top: 1px solid #ffffff; } .alert-warning { color: #ffffff; background-color: #f9cf48; border-color: #f9cf48; font-weight: 300 !important; } .alert-warning .alert-heading { color: inherit; } .alert-warning .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-warning .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-warning hr { border-top: 1px solid #ffffff; } .alert-danger { color: #ffffff; background-color: #f23629; border-color: #f23629; font-weight: 300 !important; } .alert-danger .alert-heading { color: inherit; } .alert-danger .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-danger .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-danger hr { border-top: 1px solid #ffffff; } .alert-alert { color: #ffffff; background-color: #f57b1d; border-color: #f57b1d; font-weight: 300 !important; } .alert-alert .alert-heading { color: inherit; } .alert-alert .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-alert .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-alert hr { border-top: 1px solid #ffffff; } .alert-theme { color: #ffffff; background-color: #356287; border-color: #356287; font-weight: 300 !important; } .alert-theme .alert-heading { color: inherit; } .alert-theme .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-theme .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-theme hr { border-top: 1px solid #ffffff; } .alert-white { color: #2C5171; background-color: #ffffff; border-color: #ffffff; font-weight: 300 !important; } .alert-white .alert-heading { color: inherit; } .alert-white .alert-link { cursor: pointer; color: #2C5171; font-weight: 700 !important; } .alert-white .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-white hr { border-top: 1px solid #2C5171; } .alert-purple { color: #ffffff; background-color: #6A1B9A; border-color: #6A1B9A; font-weight: 300 !important; } .alert-purple .alert-heading { color: inherit; } .alert-purple .alert-link { cursor: pointer; color: #ffffff; font-weight: 700 !important; } .alert-purple .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-purple hr { border-top: 1px solid #ffffff; } .alert-primary-lighten { color: #14619c; background-color: #e0f1ff; border-color: #e0f1ff; font-weight: 300 !important; } .alert-primary-lighten .alert-heading { color: inherit; } .alert-primary-lighten .alert-link { cursor: pointer; color: #14619c; font-weight: 700 !important; } .alert-primary-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-primary-lighten hr { border-top: 1px solid #14619c; } .alert-secondary-lighten { color: #4b5257; background-color: #e1e1e1; border-color: #e1e1e1; font-weight: 300 !important; } .alert-secondary-lighten .alert-heading { color: inherit; } .alert-secondary-lighten .alert-link { cursor: pointer; color: #4b5257; font-weight: 700 !important; } .alert-secondary-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-secondary-lighten hr { border-top: 1px solid #4b5257; } .alert-success-lighten { color: #079107; background-color: #e8fac7; border-color: #e8fac7; font-weight: 300 !important; } .alert-success-lighten .alert-heading { color: inherit; } .alert-success-lighten .alert-link { cursor: pointer; color: #079107; font-weight: 700 !important; } .alert-success-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-success-lighten hr { border-top: 1px solid #079107; } .alert-info-lighten { color: #25a2b3; background-color: #d2f9ff; border-color: #d2f9ff; font-weight: 300 !important; } .alert-info-lighten .alert-heading { color: inherit; } .alert-info-lighten .alert-link { cursor: pointer; color: #25a2b3; font-weight: 700 !important; } .alert-info-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-info-lighten hr { border-top: 1px solid #25a2b3; } .alert-warning-lighten { color: #edbe00; background-color: #fef6d9; border-color: #fef6d9; font-weight: 300 !important; } .alert-warning-lighten .alert-heading { color: inherit; } .alert-warning-lighten .alert-link { cursor: pointer; color: #edbe00; font-weight: 700 !important; } .alert-warning-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-warning-lighten hr { border-top: 1px solid #edbe00; } .alert-danger-lighten { color: #c23329; background-color: #ffd4d1; border-color: #ffd4d1; font-weight: 300 !important; } .alert-danger-lighten .alert-heading { color: inherit; } .alert-danger-lighten .alert-link { cursor: pointer; color: #c23329; font-weight: 700 !important; } .alert-danger-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-danger-lighten hr { border-top: 1px solid #c23329; } .alert-alert-lighten { color: #d35f07; background-color: #fad6ba; border-color: #fad6ba; font-weight: 300 !important; } .alert-alert-lighten .alert-heading { color: inherit; } .alert-alert-lighten .alert-link { cursor: pointer; color: #d35f07; font-weight: 700 !important; } .alert-alert-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-alert-lighten hr { border-top: 1px solid #d35f07; } .alert-purple-lighten { color: #4A148C; background-color: #f5ebfc; border-color: #f5ebfc; font-weight: 300 !important; } .alert-purple-lighten .alert-heading { color: inherit; } .alert-purple-lighten .alert-link { cursor: pointer; color: #4A148C; font-weight: 700 !important; } .alert-purple-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-purple-lighten hr { border-top: 1px solid #4A148C; } .alert-theme-lighten { color: #23415A; background-color: #D1E0EC; border-color: #D1E0EC; font-weight: 300 !important; } .alert-theme-lighten .alert-heading { color: inherit; } .alert-theme-lighten .alert-link { cursor: pointer; color: #23415A; font-weight: 700 !important; } .alert-theme-lighten .alert-link:hover { cursor: pointer; text-decoration: underline; } .alert-theme-lighten hr { border-top: 1px solid #23415A; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .indicator-toolbar { position: fixed; top: 50px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; background-color: violet; } @media (max-width: 576px) { .indicator-toolbar { top: 60px; } } @media (max-width: 768px) { .indicator-toolbar { top: 60px; } } .context-menu-floating { display: inline-block; position: absolute !important; background-color: #F5F5F5; color: #616161; min-width: 200px; border-radius: 2px; border: 1px solid #757575; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating ul { margin: 0; padding: 0; } .context-menu-floating ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating ul li:hover { background-color: #dcdbdb; cursor: pointer; } .context-menu-floating ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-primary { display: inline-block; position: absolute !important; left: 60%; background-color: #2196f3; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #14619c; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-primary ul { margin: 0; padding: 0; } .context-menu-floating-primary ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-primary ul li:hover { background-color: #e0f1ff; color: #14619c; cursor: pointer; } .context-menu-floating-primary ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-secondary { display: inline-block; position: absolute !important; left: 60%; background-color: #6c757d; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #4b5257; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-secondary ul { margin: 0; padding: 0; } .context-menu-floating-secondary ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-secondary ul li:hover { background-color: #e1e1e1; color: #4b5257; cursor: pointer; } .context-menu-floating-secondary ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-success { display: inline-block; position: absolute !important; left: 60%; background-color: #20ad20; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #079107; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-success ul { margin: 0; padding: 0; } .context-menu-floating-success ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-success ul li:hover { background-color: #e8fac7; color: #079107; cursor: pointer; } .context-menu-floating-success ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-info { display: inline-block; position: absolute !important; left: 60%; background-color: #4dd0e1; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #25a2b3; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-info ul { margin: 0; padding: 0; } .context-menu-floating-info ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-info ul li:hover { background-color: #d2f9ff; color: #25a2b3; cursor: pointer; } .context-menu-floating-info ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-warning { display: inline-block; position: absolute !important; left: 60%; background-color: #f9cf48; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #edbe00; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-warning ul { margin: 0; padding: 0; } .context-menu-floating-warning ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-warning ul li:hover { background-color: #fef6d9; color: #edbe00; cursor: pointer; } .context-menu-floating-warning ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-danger { display: inline-block; position: absolute !important; left: 60%; background-color: #f23629; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #c23329; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-danger ul { margin: 0; padding: 0; } .context-menu-floating-danger ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-danger ul li:hover { background-color: #ffd4d1; color: #c23329; cursor: pointer; } .context-menu-floating-danger ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-alert { display: inline-block; position: absolute !important; left: 60%; background-color: #f57b1d; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #d35f07; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-alert ul { margin: 0; padding: 0; } .context-menu-floating-alert ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-alert ul li:hover { background-color: #fad6ba; color: #d35f07; cursor: pointer; } .context-menu-floating-alert ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-theme { display: inline-block; position: absolute !important; left: 60%; background-color: #356287; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #2C5171; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-theme ul { margin: 0; padding: 0; } .context-menu-floating-theme ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-theme ul li:hover { background-color: #4682b4; color: #2C5171; cursor: pointer; } .context-menu-floating-theme ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-white { display: inline-block; position: absolute !important; left: 60%; background-color: #ffffff; color: #2C5171; min-width: 200px; border-radius: 2px; border: 1px solid #EEEEEE; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-white ul { margin: 0; padding: 0; } .context-menu-floating-white ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-white ul li:hover { background-color: #F5F5F5; color: #EEEEEE; cursor: pointer; } .context-menu-floating-white ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-purple { display: inline-block; position: absolute !important; left: 60%; background-color: #6A1B9A; color: #ffffff; min-width: 200px; border-radius: 2px; border: 1px solid #4A148C; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-purple ul { margin: 0; padding: 0; } .context-menu-floating-purple ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-purple ul li:hover { background-color: #f5ebfc; color: #4A148C; cursor: pointer; } .context-menu-floating-purple ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-primary-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #e0f1ff; color: #14619c; min-width: 200px; border-radius: 2px; border: 1px solid #2196f3; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-primary-lighten ul { margin: 0; padding: 0; } .context-menu-floating-primary-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-primary-lighten ul li:hover { background-color: #2196f3; color: #e0f1ff; cursor: pointer; } .context-menu-floating-primary-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-secondary-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #e1e1e1; color: #4b5257; min-width: 200px; border-radius: 2px; border: 1px solid #6c757d; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-secondary-lighten ul { margin: 0; padding: 0; } .context-menu-floating-secondary-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-secondary-lighten ul li:hover { background-color: #6c757d; color: #e1e1e1; cursor: pointer; } .context-menu-floating-secondary-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-success-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #e8fac7; color: #079107; min-width: 200px; border-radius: 2px; border: 1px solid #20ad20; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-success-lighten ul { margin: 0; padding: 0; } .context-menu-floating-success-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-success-lighten ul li:hover { background-color: #20ad20; color: #e8fac7; cursor: pointer; } .context-menu-floating-success-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-info-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #d2f9ff; color: #25a2b3; min-width: 200px; border-radius: 2px; border: 1px solid #4dd0e1; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-info-lighten ul { margin: 0; padding: 0; } .context-menu-floating-info-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-info-lighten ul li:hover { background-color: #4dd0e1; color: #d2f9ff; cursor: pointer; } .context-menu-floating-info-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-warning-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #fef6d9; color: #edbe00; min-width: 200px; border-radius: 2px; border: 1px solid #f9cf48; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-warning-lighten ul { margin: 0; padding: 0; } .context-menu-floating-warning-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-warning-lighten ul li:hover { background-color: #f9cf48; color: #fef6d9; cursor: pointer; } .context-menu-floating-warning-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-danger-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #ffd4d1; color: #c23329; min-width: 200px; border-radius: 2px; border: 1px solid #f23629; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-danger-lighten ul { margin: 0; padding: 0; } .context-menu-floating-danger-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-danger-lighten ul li:hover { background-color: #f23629; color: #ffd4d1; cursor: pointer; } .context-menu-floating-danger-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-alert-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #fad6ba; color: #d35f07; min-width: 200px; border-radius: 2px; border: 1px solid #f57b1d; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-alert-lighten ul { margin: 0; padding: 0; } .context-menu-floating-alert-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-alert-lighten ul li:hover { background-color: #f57b1d; color: #fad6ba; cursor: pointer; } .context-menu-floating-alert-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-purple-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #f5ebfc; color: #4A148C; min-width: 200px; border-radius: 2px; border: 1px solid #6A1B9A; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-purple-lighten ul { margin: 0; padding: 0; } .context-menu-floating-purple-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-purple-lighten ul li:hover { background-color: #6A1B9A; color: #f5ebfc; cursor: pointer; } .context-menu-floating-purple-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .context-menu-floating-theme-lighten { display: inline-block; position: absolute !important; left: 40px; background-color: #D1E0EC; color: #23415A; min-width: 200px; border-radius: 2px; border: 1px solid #3D729E; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; z-index: 999 !important; padding: 5px 0px 5px 0px; font-size: 12px; } .context-menu-floating-theme-lighten ul { margin: 0; padding: 0; } .context-menu-floating-theme-lighten ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 10px; overflow: auto; } .context-menu-floating-theme-lighten ul li:hover { background-color: #3D729E; color: #D1E0EC; cursor: pointer; } .context-menu-floating-theme-lighten ul hr { width: 95%; margin: auto; margin: 2px 0px 2px 0px; } .gallery-grid--contain { display: flex; flex-wrap: wrap; width: 100%; position: relative; gap: 10px; } .gallery-grid--contain .item { height: 200px; flex-grow: 1; cursor: pointer; } .gallery-grid--fix { display: grid; flex-wrap: wrap; width: 100%; position: relative; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .gallery-grid--fix .item { grid-column: auto; grid-row: auto; height: 200px; max-width: 100%; cursor: pointer; } .prices { text-align: right; } .prices .old-price { color: #BDBDBD; font-size: 13px; font-weight: 400; } .prices .new-price { font-weight: 700; font-size: 18px; line-height: 18px; color: #616161; } .slick-dots { bottom: 10px !important; } .slick-dots li button:before { font-size: 12px !important; color: #3D729E !important; } .slick-dots li.slick-active button:before { color: #23415A !important; } .slick-list { margin-bottom: 0 !important; padding-bottom: 0 !important; } .slick-track { margin-bottom: 0 !important; padding-bottom: 0 !important; } .slick-slide { margin-bottom: 0 !important; padding-bottom: 0 !important; } .slick-slider { margin-bottom: 0 !important; padding-bottom: 0 !important; } .slick-prev, .slick-next { width: auto !important; height: auto !important; color: #3D729E; z-index: 5 !important; } .slick-prev:hover, .slick-next:hover { color: #23415A; } .slick-next { right: 0px !important; } .slick-prev { left: 0px !important; } .slick-prev:before, .slick-next:before { content: none !important; } .slick-next.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; } .icon-prev, .icon-next { cursor: pointer; color: #3D729E !important; } .icon-prev:hover, .icon-next:hover { color: #23415A !important; } .shape { display: inline-block; min-width: 25px; min-height: 25px; background: #BDBDBD; } .shape-triangle { -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%); clip-path: polygon(50% 0%, 100% 100%, 0% 100%); } .shape-triangle-tl { -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 0% 100%); } .shape-triangle-tr { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } .shape-triangle-bl { -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%); clip-path: polygon(0% 0%, 0% 100%, 100% 100%); } .shape-triangle-br { -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%); clip-path: polygon(0% 100%, 100% 0%, 100% 100%); } .shape-invert-triangle { -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); } .shape-parallelogram { -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); } .shape-trapezoid { -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); } .shape-arrow-left { -webkit-clip-path: polygon(50% 0%, 50% 25%, 100% 25%, 100% 75%, 50% 75%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 50% 25%, 100% 25%, 100% 75%, 50% 75%, 50% 100%, 0% 50%); } .shape-arrow-right { -webkit-clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%); clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%); } .shape-arrowhead-left { -webkit-clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0% 50%); clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0% 50%); } .shape-arrowhead-right { -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 25% 50%); clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 25% 50%); } .shape-point-left { -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); } .shape-point-right { -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .shape-chevron-left { -webkit-clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 100% 100%, 50% 100%, 0% 50%); } .shape-chevron-right { -webkit-clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%, 50% 50%); clip-path: polygon(0% 0%, 50% 0%, 100% 50%, 50% 100%, 0% 100%, 50% 50%); } .shape-star { -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } .shape-message { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); } .shape-close { -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%); } .shape-inset { -webkit-clip-path: inset(5% 5% 5% 5%); clip-path: inset(5% 5% 5% 5%); } .shape-circle { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .opacity-0 { opacity: 0; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-95 { opacity: 0.95; } .opacity-100 { opacity: 1; } @media screen and (min-width: 420px) { .opacity-sm-0 { opacity: 0; } .opacity-sm-5 { opacity: 0.05; } .opacity-sm-10 { opacity: 0.1; } .opacity-sm-15 { opacity: 0.15; } .opacity-sm-20 { opacity: 0.2; } .opacity-sm-25 { opacity: 0.25; } .opacity-sm-30 { opacity: 0.3; } .opacity-sm-35 { opacity: 0.35; } .opacity-sm-40 { opacity: 0.4; } .opacity-sm-45 { opacity: 0.45; } .opacity-sm-50 { opacity: 0.5; } .opacity-sm-55 { opacity: 0.55; } .opacity-sm-60 { opacity: 0.6; } .opacity-sm-65 { opacity: 0.65; } .opacity-sm-70 { opacity: 0.7; } .opacity-sm-75 { opacity: 0.75; } .opacity-sm-80 { opacity: 0.8; } .opacity-sm-85 { opacity: 0.85; } .opacity-sm-90 { opacity: 0.9; } .opacity-sm-95 { opacity: 0.95; } .opacity-sm-100 { opacity: 1; } } @media screen and (min-width: 768px) { .opacity-md-0 { opacity: 0; } .opacity-md-5 { opacity: 0.05; } .opacity-md-10 { opacity: 0.1; } .opacity-md-15 { opacity: 0.15; } .opacity-md-20 { opacity: 0.2; } .opacity-md-25 { opacity: 0.25; } .opacity-md-30 { opacity: 0.3; } .opacity-md-35 { opacity: 0.35; } .opacity-md-40 { opacity: 0.4; } .opacity-md-45 { opacity: 0.45; } .opacity-md-50 { opacity: 0.5; } .opacity-md-55 { opacity: 0.55; } .opacity-md-60 { opacity: 0.6; } .opacity-md-65 { opacity: 0.65; } .opacity-md-70 { opacity: 0.7; } .opacity-md-75 { opacity: 0.75; } .opacity-md-80 { opacity: 0.8; } .opacity-md-85 { opacity: 0.85; } .opacity-md-90 { opacity: 0.9; } .opacity-md-95 { opacity: 0.95; } .opacity-md-100 { opacity: 1; } } @media screen and (min-width: 1024px) { .opacity-lg-0 { opacity: 0; } .opacity-lg-5 { opacity: 0.05; } .opacity-lg-10 { opacity: 0.1; } .opacity-lg-15 { opacity: 0.15; } .opacity-lg-20 { opacity: 0.2; } .opacity-lg-25 { opacity: 0.25; } .opacity-lg-30 { opacity: 0.3; } .opacity-lg-35 { opacity: 0.35; } .opacity-lg-40 { opacity: 0.4; } .opacity-lg-45 { opacity: 0.45; } .opacity-lg-50 { opacity: 0.5; } .opacity-lg-55 { opacity: 0.55; } .opacity-lg-60 { opacity: 0.6; } .opacity-lg-65 { opacity: 0.65; } .opacity-lg-70 { opacity: 0.7; } .opacity-lg-75 { opacity: 0.75; } .opacity-lg-80 { opacity: 0.8; } .opacity-lg-85 { opacity: 0.85; } .opacity-lg-90 { opacity: 0.9; } .opacity-lg-95 { opacity: 0.95; } .opacity-lg-100 { opacity: 1; } } @media screen and (min-width: 1224px) { .opacity-xl-0 { opacity: 0; } .opacity-xl-5 { opacity: 0.05; } .opacity-xl-10 { opacity: 0.1; } .opacity-xl-15 { opacity: 0.15; } .opacity-xl-20 { opacity: 0.2; } .opacity-xl-25 { opacity: 0.25; } .opacity-xl-30 { opacity: 0.3; } .opacity-xl-35 { opacity: 0.35; } .opacity-xl-40 { opacity: 0.4; } .opacity-xl-45 { opacity: 0.45; } .opacity-xl-50 { opacity: 0.5; } .opacity-xl-55 { opacity: 0.55; } .opacity-xl-60 { opacity: 0.6; } .opacity-xl-65 { opacity: 0.65; } .opacity-xl-70 { opacity: 0.7; } .opacity-xl-75 { opacity: 0.75; } .opacity-xl-80 { opacity: 0.8; } .opacity-xl-85 { opacity: 0.85; } .opacity-xl-90 { opacity: 0.9; } .opacity-xl-95 { opacity: 0.95; } .opacity-xl-100 { opacity: 1; } } @media screen and (min-width: 1587px) { .opacity-xlp-0 { opacity: 0; } .opacity-xlp-5 { opacity: 0.05; } .opacity-xlp-10 { opacity: 0.1; } .opacity-xlp-15 { opacity: 0.15; } .opacity-xlp-20 { opacity: 0.2; } .opacity-xlp-25 { opacity: 0.25; } .opacity-xlp-30 { opacity: 0.3; } .opacity-xlp-35 { opacity: 0.35; } .opacity-xlp-40 { opacity: 0.4; } .opacity-xlp-45 { opacity: 0.45; } .opacity-xlp-50 { opacity: 0.5; } .opacity-xlp-55 { opacity: 0.55; } .opacity-xlp-60 { opacity: 0.6; } .opacity-xlp-65 { opacity: 0.65; } .opacity-xlp-70 { opacity: 0.7; } .opacity-xlp-75 { opacity: 0.75; } .opacity-xlp-80 { opacity: 0.8; } .opacity-xlp-85 { opacity: 0.85; } .opacity-xlp-90 { opacity: 0.9; } .opacity-xlp-95 { opacity: 0.95; } .opacity-xlp-100 { opacity: 1; } } @media screen and (min-width: 1907px) { .opacity-xxl-0 { opacity: 0; } .opacity-xxl-5 { opacity: 0.05; } .opacity-xxl-10 { opacity: 0.1; } .opacity-xxl-15 { opacity: 0.15; } .opacity-xxl-20 { opacity: 0.2; } .opacity-xxl-25 { opacity: 0.25; } .opacity-xxl-30 { opacity: 0.3; } .opacity-xxl-35 { opacity: 0.35; } .opacity-xxl-40 { opacity: 0.4; } .opacity-xxl-45 { opacity: 0.45; } .opacity-xxl-50 { opacity: 0.5; } .opacity-xxl-55 { opacity: 0.55; } .opacity-xxl-60 { opacity: 0.6; } .opacity-xxl-65 { opacity: 0.65; } .opacity-xxl-70 { opacity: 0.7; } .opacity-xxl-75 { opacity: 0.75; } .opacity-xxl-80 { opacity: 0.8; } .opacity-xxl-85 { opacity: 0.85; } .opacity-xxl-90 { opacity: 0.9; } .opacity-xxl-95 { opacity: 0.95; } .opacity-xxl-100 { opacity: 1; } } .rotate-0 { transform: rotate(0deg); } .rotate-15 { transform: rotate(15deg); } .rotate-30 { transform: rotate(30deg); } .rotate-45 { transform: rotate(45deg); } .rotate-60 { transform: rotate(60deg); } .rotate-75 { transform: rotate(75deg); } .rotate-90 { transform: rotate(90deg); } .rotate-105 { transform: rotate(105deg); } .rotate-120 { transform: rotate(120deg); } .rotate-135 { transform: rotate(135deg); } .rotate-150 { transform: rotate(150deg); } .rotate-165 { transform: rotate(165deg); } .rotate-180 { transform: rotate(180deg); } .rotate-195 { transform: rotate(195deg); } .rotate-210 { transform: rotate(210deg); } .rotate-225 { transform: rotate(225deg); } .rotate-240 { transform: rotate(240deg); } .rotate-255 { transform: rotate(255deg); } .rotate-270 { transform: rotate(270deg); } .rotate-285 { transform: rotate(285deg); } .rotate-300 { transform: rotate(300deg); } .rotate-315 { transform: rotate(315deg); } .rotate-330 { transform: rotate(330deg); } .rotate-345 { transform: rotate(345deg); } .rotate-360 { transform: rotate(360deg); } @media screen and (min-width: 420px) { .rotate-sm-0 { transform: rotate(0deg); } .rotate-sm-15 { transform: rotate(15deg); } .rotate-sm-30 { transform: rotate(30deg); } .rotate-sm-45 { transform: rotate(45deg); } .rotate-sm-60 { transform: rotate(60deg); } .rotate-sm-75 { transform: rotate(75deg); } .rotate-sm-90 { transform: rotate(90deg); } .rotate-sm-105 { transform: rotate(105deg); } .rotate-sm-120 { transform: rotate(120deg); } .rotate-sm-135 { transform: rotate(135deg); } .rotate-sm-150 { transform: rotate(150deg); } .rotate-sm-165 { transform: rotate(165deg); } .rotate-sm-180 { transform: rotate(180deg); } .rotate-sm-195 { transform: rotate(195deg); } .rotate-sm-210 { transform: rotate(210deg); } .rotate-sm-225 { transform: rotate(225deg); } .rotate-sm-240 { transform: rotate(240deg); } .rotate-sm-255 { transform: rotate(255deg); } .rotate-sm-270 { transform: rotate(270deg); } .rotate-sm-285 { transform: rotate(285deg); } .rotate-sm-300 { transform: rotate(300deg); } .rotate-sm-315 { transform: rotate(315deg); } .rotate-sm-330 { transform: rotate(330deg); } .rotate-sm-345 { transform: rotate(345deg); } .rotate-sm-360 { transform: rotate(360deg); } } @media screen and (min-width: 768px) { .rotate-md-0 { transform: rotate(0deg); } .rotate-md-15 { transform: rotate(15deg); } .rotate-md-30 { transform: rotate(30deg); } .rotate-md-45 { transform: rotate(45deg); } .rotate-md-60 { transform: rotate(60deg); } .rotate-md-75 { transform: rotate(75deg); } .rotate-md-90 { transform: rotate(90deg); } .rotate-md-105 { transform: rotate(105deg); } .rotate-md-120 { transform: rotate(120deg); } .rotate-md-135 { transform: rotate(135deg); } .rotate-md-150 { transform: rotate(150deg); } .rotate-md-165 { transform: rotate(165deg); } .rotate-md-180 { transform: rotate(180deg); } .rotate-md-195 { transform: rotate(195deg); } .rotate-md-210 { transform: rotate(210deg); } .rotate-md-225 { transform: rotate(225deg); } .rotate-md-240 { transform: rotate(240deg); } .rotate-md-255 { transform: rotate(255deg); } .rotate-md-270 { transform: rotate(270deg); } .rotate-md-285 { transform: rotate(285deg); } .rotate-md-300 { transform: rotate(300deg); } .rotate-md-315 { transform: rotate(315deg); } .rotate-md-330 { transform: rotate(330deg); } .rotate-md-345 { transform: rotate(345deg); } .rotate-md-360 { transform: rotate(360deg); } } @media screen and (min-width: 1024px) { .rotate-lg-0 { transform: rotate(0deg); } .rotate-lg-15 { transform: rotate(15deg); } .rotate-lg-30 { transform: rotate(30deg); } .rotate-lg-45 { transform: rotate(45deg); } .rotate-lg-60 { transform: rotate(60deg); } .rotate-lg-75 { transform: rotate(75deg); } .rotate-lg-90 { transform: rotate(90deg); } .rotate-lg-105 { transform: rotate(105deg); } .rotate-lg-120 { transform: rotate(120deg); } .rotate-lg-135 { transform: rotate(135deg); } .rotate-lg-150 { transform: rotate(150deg); } .rotate-lg-165 { transform: rotate(165deg); } .rotate-lg-180 { transform: rotate(180deg); } .rotate-lg-195 { transform: rotate(195deg); } .rotate-lg-210 { transform: rotate(210deg); } .rotate-lg-225 { transform: rotate(225deg); } .rotate-lg-240 { transform: rotate(240deg); } .rotate-lg-255 { transform: rotate(255deg); } .rotate-lg-270 { transform: rotate(270deg); } .rotate-lg-285 { transform: rotate(285deg); } .rotate-lg-300 { transform: rotate(300deg); } .rotate-lg-315 { transform: rotate(315deg); } .rotate-lg-330 { transform: rotate(330deg); } .rotate-lg-345 { transform: rotate(345deg); } .rotate-lg-360 { transform: rotate(360deg); } } @media screen and (min-width: 1224px) { .rotate-xl-0 { transform: rotate(0deg); } .rotate-xl-15 { transform: rotate(15deg); } .rotate-xl-30 { transform: rotate(30deg); } .rotate-xl-45 { transform: rotate(45deg); } .rotate-xl-60 { transform: rotate(60deg); } .rotate-xl-75 { transform: rotate(75deg); } .rotate-xl-90 { transform: rotate(90deg); } .rotate-xl-105 { transform: rotate(105deg); } .rotate-xl-120 { transform: rotate(120deg); } .rotate-xl-135 { transform: rotate(135deg); } .rotate-xl-150 { transform: rotate(150deg); } .rotate-xl-165 { transform: rotate(165deg); } .rotate-xl-180 { transform: rotate(180deg); } .rotate-xl-195 { transform: rotate(195deg); } .rotate-xl-210 { transform: rotate(210deg); } .rotate-xl-225 { transform: rotate(225deg); } .rotate-xl-240 { transform: rotate(240deg); } .rotate-xl-255 { transform: rotate(255deg); } .rotate-xl-270 { transform: rotate(270deg); } .rotate-xl-285 { transform: rotate(285deg); } .rotate-xl-300 { transform: rotate(300deg); } .rotate-xl-315 { transform: rotate(315deg); } .rotate-xl-330 { transform: rotate(330deg); } .rotate-xl-345 { transform: rotate(345deg); } .rotate-xl-360 { transform: rotate(360deg); } } @media screen and (min-width: 1587px) { .rotate-xlp-0 { transform: rotate(0deg); } .rotate-xlp-15 { transform: rotate(15deg); } .rotate-xlp-30 { transform: rotate(30deg); } .rotate-xlp-45 { transform: rotate(45deg); } .rotate-xlp-60 { transform: rotate(60deg); } .rotate-xlp-75 { transform: rotate(75deg); } .rotate-xlp-90 { transform: rotate(90deg); } .rotate-xlp-105 { transform: rotate(105deg); } .rotate-xlp-120 { transform: rotate(120deg); } .rotate-xlp-135 { transform: rotate(135deg); } .rotate-xlp-150 { transform: rotate(150deg); } .rotate-xlp-165 { transform: rotate(165deg); } .rotate-xlp-180 { transform: rotate(180deg); } .rotate-xlp-195 { transform: rotate(195deg); } .rotate-xlp-210 { transform: rotate(210deg); } .rotate-xlp-225 { transform: rotate(225deg); } .rotate-xlp-240 { transform: rotate(240deg); } .rotate-xlp-255 { transform: rotate(255deg); } .rotate-xlp-270 { transform: rotate(270deg); } .rotate-xlp-285 { transform: rotate(285deg); } .rotate-xlp-300 { transform: rotate(300deg); } .rotate-xlp-315 { transform: rotate(315deg); } .rotate-xlp-330 { transform: rotate(330deg); } .rotate-xlp-345 { transform: rotate(345deg); } .rotate-xlp-360 { transform: rotate(360deg); } } @media screen and (min-width: 1907px) { .rotate-xxl-0 { transform: rotate(0deg); } .rotate-xxl-15 { transform: rotate(15deg); } .rotate-xxl-30 { transform: rotate(30deg); } .rotate-xxl-45 { transform: rotate(45deg); } .rotate-xxl-60 { transform: rotate(60deg); } .rotate-xxl-75 { transform: rotate(75deg); } .rotate-xxl-90 { transform: rotate(90deg); } .rotate-xxl-105 { transform: rotate(105deg); } .rotate-xxl-120 { transform: rotate(120deg); } .rotate-xxl-135 { transform: rotate(135deg); } .rotate-xxl-150 { transform: rotate(150deg); } .rotate-xxl-165 { transform: rotate(165deg); } .rotate-xxl-180 { transform: rotate(180deg); } .rotate-xxl-195 { transform: rotate(195deg); } .rotate-xxl-210 { transform: rotate(210deg); } .rotate-xxl-225 { transform: rotate(225deg); } .rotate-xxl-240 { transform: rotate(240deg); } .rotate-xxl-255 { transform: rotate(255deg); } .rotate-xxl-270 { transform: rotate(270deg); } .rotate-xxl-285 { transform: rotate(285deg); } .rotate-xxl-300 { transform: rotate(300deg); } .rotate-xxl-315 { transform: rotate(315deg); } .rotate-xxl-330 { transform: rotate(330deg); } .rotate-xxl-345 { transform: rotate(345deg); } .rotate-xxl-360 { transform: rotate(360deg); } } .transform-origin-c { transform-origin: center !important; } .transform-origin-t { transform-origin: top !important; } .transform-origin-l { transform-origin: left !important; } .transform-origin-r { transform-origin: right !important; } .transform-origin-b { transform-origin: bottom !important; } .transform-origin-tl { transform-origin: top left !important; } .transform-origin-bl { transform-origin: bottom left !important; } .transform-origin-tr { transform-origin: top right !important; } .transform-origin-br { transform-origin: bottom right !important; } .select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .select-text { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } .select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .CodeMirror { min-height: 300px; border-radius: 5px; } .CodeMirror .CodeMirror-gutter.CodeMirror-linenumbers { border-right: 1px solid #484848; } .CodeMirror .CodeMirror-linenumber { border-right: 0px solid #888888; margin-right: 5px; } .CodeMirror .CodeMirror-linenumber.CodeMirror-gutter-elt { padding: 0 5px 0 5px; } .CodeMirror pre.CodeMirror-line { padding: 0 5px; } .CodeMirror .CodeMirror-lines { padding: 10px 0; } .box-code-mirror { display: block; width: 100%; background: #272822; border-radius: 5px; padding: 0 20px; margin: 0 0 10px 0; box-shadow: 0 2px 4px -1px #75757566; } .box-code-mirror .CodeMirror { min-height: auto; height: 100%; } .box-code-mirror .CodeMirror .CodeMirror-gutter.CodeMirror-linenumbers { border-right: 1px solid #484848; } .box-code-mirror .CodeMirror .CodeMirror-linenumber { border-right: 0px solid #888888; margin-right: 5px; } .box-code-mirror .CodeMirror .CodeMirror-linenumber.CodeMirror-gutter-elt { padding: 0 5px 0 5px; } .box-code-mirror .CodeMirror pre.CodeMirror-line { padding: 0 5px; } .box-code-mirror .CodeMirror .CodeMirror-lines { padding: 20px 0; } /** * Nano scroll stuff */ .nano-scroll { position: relative; width: 100%; height: 100%; overflow: hidden; } .nano-scroll > .nano-scroll--content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; } .nano-scroll > .nano-scroll--content:focus { outline: none; } .nano-scroll > .nano-scroll--content::-webkit-scrollbar { visibility: hidden; } .has--scrollbar > .nano-scroll--content::-webkit-scrollbar { visibility: visible; } .nano-scroll > .nano-scroll--pane { background: rgba(117, 117, 117, 0.2); position: absolute; width: 8px; right: 8px; top: 8px; bottom: 8px; visibility: hidden\9 ; /* Target only IE7 and IE8 with this hack */ opacity: 0.01; border-radius: 5px; transition: 0.3s; } .nano-scroll > .nano-scroll--pane > .nano-scroll--slider { background: #444; background: #C7C7C7; position: relative; border-radius: 3px; transition: 0.3s; transition-property: background; } .nano-scroll > .nano-scroll--pane:hover > .nano-scroll--slider, .nano-scroll > .nano-scroll--pane.active > .nano-scroll--slider { background: #A6A6A6; } .nano-scroll-:hover > .nano-scroll--pane, .nano-scroll--pane.active, .nano-scroll--pane.flashed { visibility: visible\9 ; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; } .its-select .now-loading-inline { background-image: url("/assets/ajax-loader-inline.gif"); width: 100%; display: inline-block; background-size: 80px; background-repeat: no-repeat; background-position: center; z-index: 150 !important; } .its-select .auto-complete ul { position: absolute; top: 0px; z-index: 3; overflow: auto; list-style: none; } .its-select .auto-complete ul li, .its-select .auto-complete .hover { min-height: 25px; line-height: 25px; font-size: 12px; } .its-select .auto-complete .hover:hover { background-color: #A3C1DA; color: #ffffff; cursor: pointer; } .its-select .li-strip { background-color: #F5F5F5; } .its-select .no-hover:hover { background-color: transparent !important; } .its-modal { overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100 !important; display: block; } .its-modal__backdrop { background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; z-index: 2; } .its-modal__backdrop-none { position: absolute; width: 100%; height: 100%; z-index: 2; } .its-modal__dialog_sm { background-color: #ffffff; position: relative; top: 50%; width: 30%; margin: auto; height: 98vh; max-height: 96%; display: flex; flex-direction: column; border-radius: 5px; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media screen and (max-width: 1300px) { .its-modal__dialog_sm { width: 95%; } } @media screen and (min-width: 1850px) { .its-modal__dialog_sm { width: 40%; } } .its-modal__dialog_md { background-color: #ffffff; position: relative; top: 50%; width: 50%; margin: auto; height: 98vh; max-height: 96%; display: flex; flex-direction: column; border-radius: 5px; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media screen and (max-width: 1300px) { .its-modal__dialog_md { width: 95%; } } @media screen and (min-width: 1850px) { .its-modal__dialog_md { width: 50%; } } .its-modal__dialog_lg { background-color: #ffffff; position: relative; top: 50%; width: 70%; margin: auto; height: 98vh; max-height: 96%; display: flex; flex-direction: column; border-radius: 5px; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media screen and (max-width: 1300px) { .its-modal__dialog_lg { width: 95%; } } @media screen and (min-width: 1850px) { .its-modal__dialog_lg { width: 80%; } } .its-modal__dialog_xl { background-color: #ffffff; position: relative; top: 50%; width: 98%; margin: auto; height: 98vh; max-height: 96%; display: flex; flex-direction: column; border-radius: 5px; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media screen and (max-width: 1300px) { .its-modal__dialog_xl { width: 98%; } } @media screen and (min-width: 1850px) { .its-modal__dialog_xl { width: 98%; } } .its-modal__dialog_fullscreen { background-color: #ffffff; position: relative; top: 50%; width: 100%; margin: auto; height: 100vh; max-height: 100%; display: flex; flex-direction: column; border-radius: 0px; z-index: 2; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media screen and (max-width: 1300px) { .its-modal__dialog_fullscreen { width: 100%; } } @media screen and (min-width: 1850px) { .its-modal__dialog_fullscreen { width: 100%; } } .its-modal__close { width: 30px; height: 30px; } .its-modal__header { border-radius: 5px 5px 0px 0px; display: inline-block; align-items: left; justify-content: space-between; font-size: 18px; width: 100%; background-color: #ffffff; } .its-modal__body { padding: 15px 15px 80px 15px; border-radius: 5px 5px 5px 5px; overflow: auto; display: block; align-items: center; margin-left: auto; margin-right: auto; width: 100%; background-color: #ffffff; } .its-modal__footer { padding: 10px 15px 10px 15px; border-radius: 0px 0px 5px 5px; position: absolute; bottom: 0px; right: 0px; width: 100%; background-color: #ffffff; } .document-minimize-container { position: fixed !important; bottom: 0px; right: 0px; z-index: 110; } .document-minimize { cursor: pointer; vertical-align: middle; display: inline-block; max-width: 220px; line-height: 40px; } .document-minimize .close-button { position: absolute; top: -5px; right: 0px; z-index: 111; } .x-scroll-container { overflow-x: scroll; overflow-y: hidden; scroll-behavior: smooth; white-space: nowrap; width: calc(100% - 300px) !important; } .backdrop-black { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 51; } .tree-browser .node { text-align: left; padding-left: 20px; border: 1px dashed #b6b6b6; border-width: 0 0 1px 1px; height: 25px; } .tree-browser .node-expanded-icon { position: relative; z-index: 2; } .tree-browser .node-content { display: block; margin: 0; background: white; position: relative; top: 0.9em; } .tree-browser .node-input { width: 150px; display: inline-block; padding-left: 5px; } .tree-browser .node-name { display: inline-block; padding: 0px 5px 0px 5px; width: auto; } .tree-browser .node-name:hover { box-shadow: inset 0 0 0 1px silver; border-radius: 3px; background-color: #d2d2d2; color: #fff !important; } .tree-browser .node-empty { border: 1px dashed #d8d8d8; border-width: 0 0 1px 1px; color: silver; } .tree-browser .child-node { position: relative; margin-left: 0px; padding-top: 7px; padding-left: 29px; } .tree-browser .child-node-border { position: relative; border-left: 1px dashed #b6b6b6; border-width: 0 0 1px 1px; z-index: 1; } .tree-browser .root-category-highlight { color: #126882; } .tree-browser .drop-zone { border: 1px #126882 dashed; border-radius: 4px; } .pagination .page { color: #606266; font-size: 1.1rem; border: 1px solid #dcdfe6; background: linear-gradient(#f4f5f8, #f1f3f6); } .pagination .pagination > .active > a, .pagination .pagination > .active > a:focus { color: #454d47; background-color: #b8bbb9; border-radius: 3px; /* width: 15px; */ display: inline-block; text-align: center; padding: 2px 5px; } .pagination .pagination { list-style: none; display: inline-flex; } .pagination a { color: #606266; } .pagination a:hover { color: #37548c; } .overflow-auto { overflow: auto !important; } .overflow-scroll { overflow: scroll !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .vertical-overflow-scroll::-webkit-scrollbar { width: 15px; height: 10px; } .vertical-overflow-scroll::-webkit-scrollbar-track { margin-top: 5px; background-color: #e1e1e1; border-radius: 10px; margin-bottom: 5px; } .vertical-overflow-scroll::-webkit-scrollbar-thumb { background-color: #aeaeae; width: 30%; border-radius: 10px; } .vertical-overflow-scroll { overflow-y: auto; } .vertical-overflow-scroll-slim::-webkit-scrollbar { width: 10px; height: 10px; } .vertical-overflow-scroll-slim::-webkit-scrollbar-track { margin-top: 5px; background-color: #e1e1e1; border-radius: 5px; margin-bottom: 5px; } .vertical-overflow-scroll-slim::-webkit-scrollbar-thumb { background-color: #aeaeae; width: 30%; border-radius: 5px; } .vertical-overflow-scroll-slim { overflow-y: auto; } .horizontal-overflow-scroll::-webkit-scrollbar { padding: 1rem; height: 10px; } .horizontal-overflow-scroll::-webkit-scrollbar-track { margin-top: 5px; background-color: #e1e1e1; border-radius: 5px; } .horizontal-overflow-scroll::-webkit-scrollbar-thumb { background-color: #aeaeae; width: 30%; border-radius: 5px; } .horizontal-overflow-scroll { overflow-x: scroll; white-space: nowrap; } .progress-bar { width: 100%; } .progress-bar .info-top, .progress-bar .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #757575; text-transform: uppercase; } .progress-bar .info-top .label, .progress-bar .info-bottom .label { font-size: 12px; color: #757575; font-weight: 400; } .progress-bar .info-top .percentage, .progress-bar .info-bottom .percentage { font-size: 12px; color: #757575; font-weight: 400; } .progress-bar .bar { position: relative; } .progress-bar .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar .bar .info-center .percentage { font-size: 12px; color: #BDBDBD; font-weight: 400; padding: 1px 5px; } .progress-bar .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar .bar .tracker-bar { background: #757575; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-primary { width: 100%; margin-bottom: 5px; } .progress-bar-primary .info-top, .progress-bar-primary .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #2196f3; text-transform: uppercase; } .progress-bar-primary .info-top .label, .progress-bar-primary .info-bottom .label { font-size: 12px; color: #2196f3; font-weight: 400; } .progress-bar-primary .info-top .percentage, .progress-bar-primary .info-bottom .percentage { font-size: 12px; color: #2196f3; font-weight: 400; } .progress-bar-primary .bar { position: relative; } .progress-bar-primary .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-primary .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-primary .bar .info-center .percentage { font-size: 12px; color: #2196f3; font-weight: 400; padding: 1px 5px; } .progress-bar-primary .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-primary .bar .tracker-bar { background: #2196f3; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-secondary { width: 100%; margin-bottom: 5px; } .progress-bar-secondary .info-top, .progress-bar-secondary .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #6c757d; text-transform: uppercase; } .progress-bar-secondary .info-top .label, .progress-bar-secondary .info-bottom .label { font-size: 12px; color: #6c757d; font-weight: 400; } .progress-bar-secondary .info-top .percentage, .progress-bar-secondary .info-bottom .percentage { font-size: 12px; color: #6c757d; font-weight: 400; } .progress-bar-secondary .bar { position: relative; } .progress-bar-secondary .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-secondary .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-secondary .bar .info-center .percentage { font-size: 12px; color: #6c757d; font-weight: 400; padding: 1px 5px; } .progress-bar-secondary .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-secondary .bar .tracker-bar { background: #6c757d; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-success { width: 100%; margin-bottom: 5px; } .progress-bar-success .info-top, .progress-bar-success .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #20ad20; text-transform: uppercase; } .progress-bar-success .info-top .label, .progress-bar-success .info-bottom .label { font-size: 12px; color: #20ad20; font-weight: 400; } .progress-bar-success .info-top .percentage, .progress-bar-success .info-bottom .percentage { font-size: 12px; color: #20ad20; font-weight: 400; } .progress-bar-success .bar { position: relative; } .progress-bar-success .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-success .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-success .bar .info-center .percentage { font-size: 12px; color: #20ad20; font-weight: 400; padding: 1px 5px; } .progress-bar-success .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-success .bar .tracker-bar { background: #20ad20; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-info { width: 100%; margin-bottom: 5px; } .progress-bar-info .info-top, .progress-bar-info .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #4dd0e1; text-transform: uppercase; } .progress-bar-info .info-top .label, .progress-bar-info .info-bottom .label { font-size: 12px; color: #4dd0e1; font-weight: 400; } .progress-bar-info .info-top .percentage, .progress-bar-info .info-bottom .percentage { font-size: 12px; color: #4dd0e1; font-weight: 400; } .progress-bar-info .bar { position: relative; } .progress-bar-info .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-info .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-info .bar .info-center .percentage { font-size: 12px; color: #4dd0e1; font-weight: 400; padding: 1px 5px; } .progress-bar-info .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-info .bar .tracker-bar { background: #4dd0e1; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-warning { width: 100%; margin-bottom: 5px; } .progress-bar-warning .info-top, .progress-bar-warning .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #f9cf48; text-transform: uppercase; } .progress-bar-warning .info-top .label, .progress-bar-warning .info-bottom .label { font-size: 12px; color: #f9cf48; font-weight: 400; } .progress-bar-warning .info-top .percentage, .progress-bar-warning .info-bottom .percentage { font-size: 12px; color: #f9cf48; font-weight: 400; } .progress-bar-warning .bar { position: relative; } .progress-bar-warning .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-warning .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-warning .bar .info-center .percentage { font-size: 12px; color: #f9cf48; font-weight: 400; padding: 1px 5px; } .progress-bar-warning .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-warning .bar .tracker-bar { background: #f9cf48; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-danger { width: 100%; margin-bottom: 5px; } .progress-bar-danger .info-top, .progress-bar-danger .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #f23629; text-transform: uppercase; } .progress-bar-danger .info-top .label, .progress-bar-danger .info-bottom .label { font-size: 12px; color: #f23629; font-weight: 400; } .progress-bar-danger .info-top .percentage, .progress-bar-danger .info-bottom .percentage { font-size: 12px; color: #f23629; font-weight: 400; } .progress-bar-danger .bar { position: relative; } .progress-bar-danger .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-danger .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-danger .bar .info-center .percentage { font-size: 12px; color: #f23629; font-weight: 400; padding: 1px 5px; } .progress-bar-danger .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-danger .bar .tracker-bar { background: #f23629; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-alert { width: 100%; margin-bottom: 5px; } .progress-bar-alert .info-top, .progress-bar-alert .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #f57b1d; text-transform: uppercase; } .progress-bar-alert .info-top .label, .progress-bar-alert .info-bottom .label { font-size: 12px; color: #f57b1d; font-weight: 400; } .progress-bar-alert .info-top .percentage, .progress-bar-alert .info-bottom .percentage { font-size: 12px; color: #f57b1d; font-weight: 400; } .progress-bar-alert .bar { position: relative; } .progress-bar-alert .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-alert .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-alert .bar .info-center .percentage { font-size: 12px; color: #f57b1d; font-weight: 400; padding: 1px 5px; } .progress-bar-alert .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-alert .bar .tracker-bar { background: #f57b1d; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-theme { width: 100%; margin-bottom: 5px; } .progress-bar-theme .info-top, .progress-bar-theme .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #356287; text-transform: uppercase; } .progress-bar-theme .info-top .label, .progress-bar-theme .info-bottom .label { font-size: 12px; color: #356287; font-weight: 400; } .progress-bar-theme .info-top .percentage, .progress-bar-theme .info-bottom .percentage { font-size: 12px; color: #356287; font-weight: 400; } .progress-bar-theme .bar { position: relative; } .progress-bar-theme .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-theme .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-theme .bar .info-center .percentage { font-size: 12px; color: #356287; font-weight: 400; padding: 1px 5px; } .progress-bar-theme .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-theme .bar .tracker-bar { background: #356287; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-white { width: 100%; margin-bottom: 5px; } .progress-bar-white .info-top, .progress-bar-white .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #ffffff; text-transform: uppercase; } .progress-bar-white .info-top .label, .progress-bar-white .info-bottom .label { font-size: 12px; color: #ffffff; font-weight: 400; } .progress-bar-white .info-top .percentage, .progress-bar-white .info-bottom .percentage { font-size: 12px; color: #ffffff; font-weight: 400; } .progress-bar-white .bar { position: relative; } .progress-bar-white .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-white .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-white .bar .info-center .percentage { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-white .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-white .bar .tracker-bar { background: #ffffff; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .progress-bar-purple { width: 100%; margin-bottom: 5px; } .progress-bar-purple .info-top, .progress-bar-purple .info-bottom { font-size: 12px; justify-content: space-between; display: flex; color: #6A1B9A; text-transform: uppercase; } .progress-bar-purple .info-top .label, .progress-bar-purple .info-bottom .label { font-size: 12px; color: #6A1B9A; font-weight: 400; } .progress-bar-purple .info-top .percentage, .progress-bar-purple .info-bottom .percentage { font-size: 12px; color: #6A1B9A; font-weight: 400; } .progress-bar-purple .bar { position: relative; } .progress-bar-purple .bar .info-center { font-size: 12px; justify-content: space-between; vertical-align: middle; display: flex; text-transform: uppercase; position: absolute; left: 0; z-index: 10; color: #ffffff; width: 100%; } .progress-bar-purple .bar .info-center .label { font-size: 12px; color: #ffffff; font-weight: 400; padding: 1px 5px; } .progress-bar-purple .bar .info-center .percentage { font-size: 12px; color: #6A1B9A; font-weight: 400; padding: 1px 5px; } .progress-bar-purple .bar .background-bar { background: #EEEEEE; width: 100%; height: 5px; border-radius: 5px; } .progress-bar-purple .bar .tracker-bar { background: #6A1B9A; height: 5px; width: 0; transition: width 0.5s linear; border-radius: 3px; position: absolute; top: 0; left: 0; z-index: 2; } .accordion ul.accordion-header { display: block; list-style: none; text-align: left !important; border-bottom: 2px solid #EEEEEE; } .accordion ul.accordion-header > li { padding: 10px 15px 10px 15px; border-radius: 3px 3px 0px 0px; display: inline-block; cursor: pointer; background-color: #F5F5F5; font-weight: 400; margin-right: 2px; } .accordion ul.accordion-header > li.tab-selected { font-weight: 700; background-color: #E0E0E0; color: #424242; } .accordion .accordion-item { display: block; border-radius: 5px; border: 1px solid #EEEEEE; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom: 10px; background: #ffffff; } .accordion .accordion-item__header { position: relative; padding: 10px; cursor: pointer; color: #757575; } .accordion .accordion-item__header:hover { border-radius: 5px; background: #F5F5F5; } .accordion .accordion-item__header .header-text { font-weight: 400; font-size: 16px; color: #BDBDBD; } .accordion .accordion-item__header .header-icon { transform: rotate(0deg); transition-duration: 0.3s; color: #BDBDBD; } .accordion .accordion-item__body { margin: 0; padding: 0; border-top: 1px solid #E0E0E0; padding: 10px; } .accordion .accordion-item.accordion-item_ext-active { border: 1px solid #BDBDBD; } .accordion .accordion-item.accordion-item_ext-active .accordion-item__header .header-icon { color: #757575; transform: rotate(180deg); transition-duration: 0.3s; } .accordion .accordion-item.accordion-item_ext-active .accordion-item__header .header-text { font-weight: 700; color: #757575; } .accordion .accordion-item { display: block; border-radius: 5px; border: 1px solid #EEEEEE; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom: 10px; background: #ffffff; } .accordion .accordion-item__header { position: relative; padding: 10px; cursor: pointer; color: #757575; } .accordion .accordion-item__header:hover { border-radius: 5px; background: #F5F5F5; } .accordion .accordion-item__header .header-text { font-weight: 400; font-size: 16px; color: #BDBDBD; } .accordion .accordion-item__header .header-icon { transform: rotate(0deg); transition-duration: 0.3s; color: #BDBDBD; } .accordion .accordion-item__body { margin: 0; padding: 0; border-top: 1px solid #E0E0E0; padding: 10px; } .accordion .accordion-item.accordion-item_ext-active { border: 1px solid #BDBDBD; } .accordion .accordion-item.accordion-item_ext-active .accordion-item__header .header-icon { color: #757575; transform: rotate(180deg); transition-duration: 0.3s; } .accordion .accordion-item.accordion-item_ext-active .accordion-item__header .header-text { font-weight: 700; color: #757575; } .accordion-fade-enter { max-height: 0; display: block; } .accordion-fade-enter-to { display: block; } .accordion-fade-enter-active { -webkit-animation: accordionAnimation 300ms ease-out; animation: accordionAnimation 300ms ease-out; overflow: hidden; } .accordion-fade-leave { display: block; } .accordion-fade-leave-to { display: block; } .accordion-fade-leave-active { -webkit-animation: accordionAnimation 300ms ease-out; animation: accordionAnimation 300ms ease-out; animation-direction: reverse; overflow: hidden; } .bg-gradient-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } @media screen and (min-width: 420px) { .bg-gradient-sm-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-sm-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-sm-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-sm-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-sm-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } @media screen and (min-width: 768px) { .bg-gradient-md-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-md-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-md-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-md-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-md-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } @media screen and (min-width: 1024px) { .bg-gradient-lg-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-lg-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-lg-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-lg-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-lg-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } @media screen and (min-width: 1224px) { .bg-gradient-xl-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-xl-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-xl-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-xl-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-xl-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } @media screen and (min-width: 1587px) { .bg-gradient-xlp-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-xlp-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-xlp-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-xlp-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-xlp-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } @media screen and (min-width: 1907px) { .bg-gradient-xxl-l { background: linear-gradient(to right, var(--gradient-end)) !important; } .bg-gradient-xxl-r { background: linear-gradient(to left, var(--gradient-end)) !important; } .bg-gradient-xxl-t { background: linear-gradient(to bottom, var(--gradient-end)) !important; } .bg-gradient-xxl-b { background: linear-gradient(to top, var(--gradient-end)) !important; } .bg-gradient-xxl-radial { background: radial-gradient(circle, var(--gradient-end)) !important; } } .from-transparent { --gradient-start: #4682b400; --gradient-to: #4682b400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme { --gradient-start: #4682b4; --gradient-to: #4682b400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten-5 { --gradient-start: #E8EFF6; --gradient-to: #E8EFF600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten-4 { --gradient-start: #D1E0EC; --gradient-to: #D1E0EC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten-3 { --gradient-start: #BAD0E3; --gradient-to: #BAD0E300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten-2 { --gradient-start: #A3C1DA; --gradient-to: #A3C1DA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten-1 { --gradient-start: #74A1C7; --gradient-to: #74A1C700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-darken-1 { --gradient-start: #3D729E; --gradient-to: #3D729E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-darken-2 { --gradient-start: #356287; --gradient-to: #35628700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-darken-3 { --gradient-start: #2C5171; --gradient-to: #2C517100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-darken-4 { --gradient-start: #23415A; --gradient-to: #23415A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-accent-1 { --gradient-start: #7ba7cc; --gradient-to: #7ba7cc00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-accent-2 { --gradient-start: #568ebd; --gradient-to: #568ebd00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-accent-3 { --gradient-start: #3f75a2; --gradient-to: #3f75a200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-accent-4 { --gradient-start: #315a7d; --gradient-to: #315a7d00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-primary { --gradient-start: #2196f3; --gradient-to: #2196f300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-secondary { --gradient-start: #6c757d; --gradient-to: #6c757d00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-success { --gradient-start: #20ad20; --gradient-to: #20ad2000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-info { --gradient-start: #4dd0e1; --gradient-to: #4dd0e100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-warning { --gradient-start: #f9cf48; --gradient-to: #f9cf4800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-danger { --gradient-start: #f23629; --gradient-to: #f2362900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-alert { --gradient-start: #f57b1d; --gradient-to: #f57b1d00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme { --gradient-start: #356287; --gradient-to: #35628700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-white { --gradient-start: #ffffff; --gradient-to: #ffffff00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple { --gradient-start: #6A1B9A; --gradient-to: #6A1B9A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-primary-lighten { --gradient-start: #e0f1ff; --gradient-to: #e0f1ff00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-secondary-lighten { --gradient-start: #e1e1e1; --gradient-to: #e1e1e100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-success-lighten { --gradient-start: #e8fac7; --gradient-to: #e8fac700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-info-lighten { --gradient-start: #d2f9ff; --gradient-to: #d2f9ff00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-warning-lighten { --gradient-start: #fef6d9; --gradient-to: #fef6d900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-danger-lighten { --gradient-start: #ffd4d1; --gradient-to: #ffd4d100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-alert-lighten { --gradient-start: #fad6ba; --gradient-to: #fad6ba00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten { --gradient-start: #f5ebfc; --gradient-to: #f5ebfc00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-theme-lighten { --gradient-start: #D1E0EC; --gradient-to: #D1E0EC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-line { --gradient-start: #00B500; --gradient-to: #00B50000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-youtube { --gradient-start: #cd201f; --gradient-to: #cd201f00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-twitter { --gradient-start: #55acee; --gradient-to: #55acee00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-facebook { --gradient-start: #4267B2; --gradient-to: #4267B200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-instagram { --gradient-start: #3f729b; --gradient-to: #3f729b00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-app-google-plus { --gradient-start: #dc4e41; --gradient-to: #dc4e4100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-white { --gradient-start: #ffffff; --gradient-to: #ffffff00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-black { --gradient-start: #000000; --gradient-to: #00000000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey { --gradient-start: #9E9E9E; --gradient-to: #9E9E9E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-lighten-5 { --gradient-start: #FAFAFA; --gradient-to: #FAFAFA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-lighten-4 { --gradient-start: #F5F5F5; --gradient-to: #F5F5F500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-lighten-3 { --gradient-start: #EEEEEE; --gradient-to: #EEEEEE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-lighten-2 { --gradient-start: #E0E0E0; --gradient-to: #E0E0E000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-lighten-1 { --gradient-start: #BDBDBD; --gradient-to: #BDBDBD00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-darken-1 { --gradient-start: #757575; --gradient-to: #75757500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-darken-2 { --gradient-start: #616161; --gradient-to: #61616100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-darken-3 { --gradient-start: #424242; --gradient-to: #42424200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-grey-darken-4 { --gradient-start: #212121; --gradient-to: #21212100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey { --gradient-start: #607D8B; --gradient-to: #607D8B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-lighten-5 { --gradient-start: #ECEFF1; --gradient-to: #ECEFF100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-lighten-4 { --gradient-start: #CFD8DC; --gradient-to: #CFD8DC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-lighten-3 { --gradient-start: #B0BEC5; --gradient-to: #B0BEC500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-lighten-2 { --gradient-start: #90A4AE; --gradient-to: #90A4AE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-lighten-1 { --gradient-start: #78909C; --gradient-to: #78909C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-darken-1 { --gradient-start: #546E7A; --gradient-to: #546E7A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-darken-2 { --gradient-start: #455A64; --gradient-to: #455A6400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-darken-3 { --gradient-start: #37474F; --gradient-to: #37474F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-grey-darken-4 { --gradient-start: #263238; --gradient-to: #26323800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red { --gradient-start: #F44336; --gradient-to: #F4433600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-lighten-5 { --gradient-start: #FFEBEE; --gradient-to: #FFEBEE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-lighten-4 { --gradient-start: #FFCDD2; --gradient-to: #FFCDD200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-lighten-3 { --gradient-start: #EF9A9A; --gradient-to: #EF9A9A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-lighten-2 { --gradient-start: #E57373; --gradient-to: #E5737300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-lighten-1 { --gradient-start: #EF5350; --gradient-to: #EF535000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-darken-1 { --gradient-start: #E53935; --gradient-to: #E5393500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-darken-2 { --gradient-start: #D32F2F; --gradient-to: #D32F2F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-darken-3 { --gradient-start: #C62828; --gradient-to: #C6282800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-darken-4 { --gradient-start: #B71C1C; --gradient-to: #B71C1C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-accent-1 { --gradient-start: #FF8A80; --gradient-to: #FF8A8000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-accent-2 { --gradient-start: #FF5252; --gradient-to: #FF525200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-accent-3 { --gradient-start: #FF1744; --gradient-to: #FF174400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-red-accent-4 { --gradient-start: #D50000; --gradient-to: #D5000000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink { --gradient-start: #E91E63; --gradient-to: #E91E6300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-lighten-5 { --gradient-start: #FCE4EC; --gradient-to: #FCE4EC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-lighten-4 { --gradient-start: #F8BBD0; --gradient-to: #F8BBD000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-lighten-3 { --gradient-start: #F48FB1; --gradient-to: #F48FB100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-lighten-2 { --gradient-start: #F06292; --gradient-to: #F0629200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-lighten-1 { --gradient-start: #EC407A; --gradient-to: #EC407A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-darken-1 { --gradient-start: #D81B60; --gradient-to: #D81B6000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-darken-2 { --gradient-start: #C2185B; --gradient-to: #C2185B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-darken-3 { --gradient-start: #AD1457; --gradient-to: #AD145700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-darken-4 { --gradient-start: #880E4F; --gradient-to: #880E4F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-accent-1 { --gradient-start: #FF80AB; --gradient-to: #FF80AB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-accent-2 { --gradient-start: #FF4081; --gradient-to: #FF408100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-accent-3 { --gradient-start: #F50057; --gradient-to: #F5005700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-pink-accent-4 { --gradient-start: #C51162; --gradient-to: #C5116200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple { --gradient-start: #9C27B0; --gradient-to: #9C27B000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten-5 { --gradient-start: #F3E5F5; --gradient-to: #F3E5F500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten-4 { --gradient-start: #E1BEE7; --gradient-to: #E1BEE700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten-3 { --gradient-start: #CE93D8; --gradient-to: #CE93D800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten-2 { --gradient-start: #BA68C8; --gradient-to: #BA68C800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-lighten-1 { --gradient-start: #AB47BC; --gradient-to: #AB47BC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-darken-1 { --gradient-start: #8E24AA; --gradient-to: #8E24AA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-darken-2 { --gradient-start: #7B1FA2; --gradient-to: #7B1FA200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-darken-3 { --gradient-start: #6A1B9A; --gradient-to: #6A1B9A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-darken-4 { --gradient-start: #4A148C; --gradient-to: #4A148C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-accent-1 { --gradient-start: #EA80FC; --gradient-to: #EA80FC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-accent-2 { --gradient-start: #E040FB; --gradient-to: #E040FB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-accent-3 { --gradient-start: #D500F9; --gradient-to: #D500F900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-purple-accent-4 { --gradient-start: #AA00FF; --gradient-to: #AA00FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple { --gradient-start: #673AB7; --gradient-to: #673AB700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-lighten-5 { --gradient-start: #EDE7F6; --gradient-to: #EDE7F600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-lighten-4 { --gradient-start: #D1C4E9; --gradient-to: #D1C4E900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-lighten-3 { --gradient-start: #B39DDB; --gradient-to: #B39DDB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-lighten-2 { --gradient-start: #9575CD; --gradient-to: #9575CD00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-lighten-1 { --gradient-start: #7E57C2; --gradient-to: #7E57C200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-darken-1 { --gradient-start: #5E35B1; --gradient-to: #5E35B100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-darken-2 { --gradient-start: #512DA8; --gradient-to: #512DA800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-darken-3 { --gradient-start: #4527A0; --gradient-to: #4527A000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-darken-4 { --gradient-start: #311B92; --gradient-to: #311B9200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-accent-1 { --gradient-start: #B388FF; --gradient-to: #B388FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-accent-2 { --gradient-start: #7C4DFF; --gradient-to: #7C4DFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-accent-3 { --gradient-start: #651FFF; --gradient-to: #651FFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-purple-accent-4 { --gradient-start: #6200EA; --gradient-to: #6200EA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo { --gradient-start: #3F51B5; --gradient-to: #3F51B500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-lighten-5 { --gradient-start: #E8EAF6; --gradient-to: #E8EAF600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-lighten-4 { --gradient-start: #C5CAE9; --gradient-to: #C5CAE900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-lighten-3 { --gradient-start: #9FA8DA; --gradient-to: #9FA8DA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-lighten-2 { --gradient-start: #7986CB; --gradient-to: #7986CB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-lighten-1 { --gradient-start: #5C6BC0; --gradient-to: #5C6BC000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-darken-1 { --gradient-start: #3949AB; --gradient-to: #3949AB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-darken-2 { --gradient-start: #303F9F; --gradient-to: #303F9F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-darken-3 { --gradient-start: #283593; --gradient-to: #28359300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-darken-4 { --gradient-start: #1A237E; --gradient-to: #1A237E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-accent-1 { --gradient-start: #8C9EFF; --gradient-to: #8C9EFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-accent-2 { --gradient-start: #536DFE; --gradient-to: #536DFE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-accent-3 { --gradient-start: #3D5AFE; --gradient-to: #3D5AFE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-indigo-accent-4 { --gradient-start: #304FFE; --gradient-to: #304FFE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue { --gradient-start: #2196F3; --gradient-to: #2196F300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-lighten-5 { --gradient-start: #E3F2FD; --gradient-to: #E3F2FD00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-lighten-4 { --gradient-start: #BBDEFB; --gradient-to: #BBDEFB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-lighten-3 { --gradient-start: #90CAF9; --gradient-to: #90CAF900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-lighten-2 { --gradient-start: #64B5F6; --gradient-to: #64B5F600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-lighten-1 { --gradient-start: #42A5F5; --gradient-to: #42A5F500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-darken-1 { --gradient-start: #1E88E5; --gradient-to: #1E88E500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-darken-2 { --gradient-start: #1976D2; --gradient-to: #1976D200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-darken-3 { --gradient-start: #1565C0; --gradient-to: #1565C000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-darken-4 { --gradient-start: #0D47A1; --gradient-to: #0D47A100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-accent-1 { --gradient-start: #82B1FF; --gradient-to: #82B1FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-accent-2 { --gradient-start: #448AFF; --gradient-to: #448AFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-accent-3 { --gradient-start: #2979FF; --gradient-to: #2979FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-blue-accent-4 { --gradient-start: #2962FF; --gradient-to: #2962FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue { --gradient-start: #03A9F4; --gradient-to: #03A9F400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-lighten-5 { --gradient-start: #E1F5FE; --gradient-to: #E1F5FE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-lighten-4 { --gradient-start: #B3E5FC; --gradient-to: #B3E5FC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-lighten-3 { --gradient-start: #81D4FA; --gradient-to: #81D4FA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-lighten-2 { --gradient-start: #4FC3F7; --gradient-to: #4FC3F700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-lighten-1 { --gradient-start: #29B6F6; --gradient-to: #29B6F600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-darken-1 { --gradient-start: #039BE5; --gradient-to: #039BE500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-darken-2 { --gradient-start: #0288D1; --gradient-to: #0288D100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-darken-3 { --gradient-start: #0277BD; --gradient-to: #0277BD00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-darken-4 { --gradient-start: #01579B; --gradient-to: #01579B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-accent-1 { --gradient-start: #80D8FF; --gradient-to: #80D8FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-accent-2 { --gradient-start: #40C4FF; --gradient-to: #40C4FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-accent-3 { --gradient-start: #00B0FF; --gradient-to: #00B0FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-blue-accent-4 { --gradient-start: #0091EA; --gradient-to: #0091EA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan { --gradient-start: #00BCD4; --gradient-to: #00BCD400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-lighten-5 { --gradient-start: #E0F7FA; --gradient-to: #E0F7FA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-lighten-4 { --gradient-start: #B2EBF2; --gradient-to: #B2EBF200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-lighten-3 { --gradient-start: #80DEEA; --gradient-to: #80DEEA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-lighten-2 { --gradient-start: #4DD0E1; --gradient-to: #4DD0E100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-lighten-1 { --gradient-start: #26C6DA; --gradient-to: #26C6DA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-darken-1 { --gradient-start: #00ACC1; --gradient-to: #00ACC100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-darken-2 { --gradient-start: #0097A7; --gradient-to: #0097A700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-darken-3 { --gradient-start: #00838F; --gradient-to: #00838F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-darken-4 { --gradient-start: #006064; --gradient-to: #00606400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-accent-1 { --gradient-start: #84FFFF; --gradient-to: #84FFFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-accent-2 { --gradient-start: #18FFFF; --gradient-to: #18FFFF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-accent-3 { --gradient-start: #00E5FF; --gradient-to: #00E5FF00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-cyan-accent-4 { --gradient-start: #00B8D4; --gradient-to: #00B8D400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal { --gradient-start: #009688; --gradient-to: #00968800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-lighten-5 { --gradient-start: #E0F2F1; --gradient-to: #E0F2F100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-lighten-4 { --gradient-start: #B2DFDB; --gradient-to: #B2DFDB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-lighten-3 { --gradient-start: #80CBC4; --gradient-to: #80CBC400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-lighten-2 { --gradient-start: #4DB6AC; --gradient-to: #4DB6AC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-lighten-1 { --gradient-start: #26A69A; --gradient-to: #26A69A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-darken-1 { --gradient-start: #00897B; --gradient-to: #00897B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-darken-2 { --gradient-start: #00796B; --gradient-to: #00796B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-darken-3 { --gradient-start: #00695C; --gradient-to: #00695C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-darken-4 { --gradient-start: #004D40; --gradient-to: #004D4000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-accent-1 { --gradient-start: #A7FFEB; --gradient-to: #A7FFEB00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-accent-2 { --gradient-start: #64FFDA; --gradient-to: #64FFDA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-accent-3 { --gradient-start: #1DE9B6; --gradient-to: #1DE9B600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-teal-accent-4 { --gradient-start: #00BFA5; --gradient-to: #00BFA500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green { --gradient-start: #4CAF50; --gradient-to: #4CAF5000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-lighten-5 { --gradient-start: #E8F5E9; --gradient-to: #E8F5E900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-lighten-4 { --gradient-start: #C8E6C9; --gradient-to: #C8E6C900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-lighten-3 { --gradient-start: #A5D6A7; --gradient-to: #A5D6A700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-lighten-2 { --gradient-start: #81C784; --gradient-to: #81C78400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-lighten-1 { --gradient-start: #66BB6A; --gradient-to: #66BB6A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-darken-1 { --gradient-start: #43A047; --gradient-to: #43A04700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-darken-2 { --gradient-start: #388E3C; --gradient-to: #388E3C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-darken-3 { --gradient-start: #2E7D32; --gradient-to: #2E7D3200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-darken-4 { --gradient-start: #1B5E20; --gradient-to: #1B5E2000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-accent-1 { --gradient-start: #B9F6CA; --gradient-to: #B9F6CA00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-accent-2 { --gradient-start: #69F0AE; --gradient-to: #69F0AE00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-accent-3 { --gradient-start: #00E676; --gradient-to: #00E67600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-green-accent-4 { --gradient-start: #00C853; --gradient-to: #00C85300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green { --gradient-start: #8BC34A; --gradient-to: #8BC34A00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-lighten-5 { --gradient-start: #F1F8E9; --gradient-to: #F1F8E900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-lighten-4 { --gradient-start: #DCEDC8; --gradient-to: #DCEDC800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-lighten-3 { --gradient-start: #C5E1A5; --gradient-to: #C5E1A500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-lighten-2 { --gradient-start: #AED581; --gradient-to: #AED58100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-lighten-1 { --gradient-start: #9CCC65; --gradient-to: #9CCC6500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-darken-1 { --gradient-start: #7CB342; --gradient-to: #7CB34200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-darken-2 { --gradient-start: #689F38; --gradient-to: #689F3800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-darken-3 { --gradient-start: #558B2F; --gradient-to: #558B2F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-darken-4 { --gradient-start: #33691E; --gradient-to: #33691E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-accent-1 { --gradient-start: #CCFF90; --gradient-to: #CCFF9000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-accent-2 { --gradient-start: #B2FF59; --gradient-to: #B2FF5900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-accent-3 { --gradient-start: #76FF03; --gradient-to: #76FF0300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-light-green-accent-4 { --gradient-start: #64DD17; --gradient-to: #64DD1700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime { --gradient-start: #CDDC39; --gradient-to: #CDDC3900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-lighten-5 { --gradient-start: #F9FBE7; --gradient-to: #F9FBE700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-lighten-4 { --gradient-start: #F0F4C3; --gradient-to: #F0F4C300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-lighten-3 { --gradient-start: #E6EE9C; --gradient-to: #E6EE9C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-lighten-2 { --gradient-start: #DCE775; --gradient-to: #DCE77500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-lighten-1 { --gradient-start: #D4E157; --gradient-to: #D4E15700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-darken-1 { --gradient-start: #C0CA33; --gradient-to: #C0CA3300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-darken-2 { --gradient-start: #AFB42B; --gradient-to: #AFB42B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-darken-3 { --gradient-start: #9E9D24; --gradient-to: #9E9D2400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-darken-4 { --gradient-start: #827717; --gradient-to: #82771700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-accent-1 { --gradient-start: #F4FF81; --gradient-to: #F4FF8100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-accent-2 { --gradient-start: #EEFF41; --gradient-to: #EEFF4100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-accent-3 { --gradient-start: #C6FF00; --gradient-to: #C6FF0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-lime-accent-4 { --gradient-start: #AEEA00; --gradient-to: #AEEA0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow { --gradient-start: #FFEB3B; --gradient-to: #FFEB3B00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-lighten-5 { --gradient-start: #FFFDE7; --gradient-to: #FFFDE700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-lighten-4 { --gradient-start: #FFF9C4; --gradient-to: #FFF9C400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-lighten-3 { --gradient-start: #FFF59D; --gradient-to: #FFF59D00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-lighten-2 { --gradient-start: #FFF176; --gradient-to: #FFF17600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-lighten-1 { --gradient-start: #FFEE58; --gradient-to: #FFEE5800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-darken-1 { --gradient-start: #FDD835; --gradient-to: #FDD83500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-darken-2 { --gradient-start: #FBC02D; --gradient-to: #FBC02D00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-darken-3 { --gradient-start: #F9A825; --gradient-to: #F9A82500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-darken-4 { --gradient-start: #F57F17; --gradient-to: #F57F1700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-accent-1 { --gradient-start: #FFFF8D; --gradient-to: #FFFF8D00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-accent-2 { --gradient-start: #FFFF00; --gradient-to: #FFFF0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-accent-3 { --gradient-start: #FFEA00; --gradient-to: #FFEA0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-yellow-accent-4 { --gradient-start: #FFD600; --gradient-to: #FFD60000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber { --gradient-start: #FFC107; --gradient-to: #FFC10700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-lighten-5 { --gradient-start: #FFF8E1; --gradient-to: #FFF8E100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-lighten-4 { --gradient-start: #FFECB3; --gradient-to: #FFECB300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-lighten-3 { --gradient-start: #FFE082; --gradient-to: #FFE08200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-lighten-2 { --gradient-start: #FFD54F; --gradient-to: #FFD54F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-lighten-1 { --gradient-start: #FFCA28; --gradient-to: #FFCA2800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-darken-1 { --gradient-start: #FFB300; --gradient-to: #FFB30000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-darken-2 { --gradient-start: #FFA000; --gradient-to: #FFA00000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-darken-3 { --gradient-start: #FF8F00; --gradient-to: #FF8F0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-darken-4 { --gradient-start: #FF6F00; --gradient-to: #FF6F0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-accent-1 { --gradient-start: #FFE57F; --gradient-to: #FFE57F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-accent-2 { --gradient-start: #FFD740; --gradient-to: #FFD74000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-accent-3 { --gradient-start: #FFC400; --gradient-to: #FFC40000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-amber-accent-4 { --gradient-start: #FFAB00; --gradient-to: #FFAB0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange { --gradient-start: #FF9800; --gradient-to: #FF980000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-lighten-5 { --gradient-start: #FFF3E0; --gradient-to: #FFF3E000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-lighten-4 { --gradient-start: #FFE0B2; --gradient-to: #FFE0B200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-lighten-3 { --gradient-start: #FFCC80; --gradient-to: #FFCC8000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-lighten-2 { --gradient-start: #FFB74D; --gradient-to: #FFB74D00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-lighten-1 { --gradient-start: #FFA726; --gradient-to: #FFA72600; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-darken-1 { --gradient-start: #FB8C00; --gradient-to: #FB8C0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-darken-2 { --gradient-start: #F57C00; --gradient-to: #F57C0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-darken-3 { --gradient-start: #EF6C00; --gradient-to: #EF6C0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-darken-4 { --gradient-start: #E65100; --gradient-to: #E6510000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-accent-1 { --gradient-start: #FFD180; --gradient-to: #FFD18000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-accent-2 { --gradient-start: #FFAB40; --gradient-to: #FFAB4000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-accent-3 { --gradient-start: #FF9100; --gradient-to: #FF910000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-orange-accent-4 { --gradient-start: #FF6D00; --gradient-to: #FF6D0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange { --gradient-start: #FF5722; --gradient-to: #FF572200; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-lighten-5 { --gradient-start: #FBE9E7; --gradient-to: #FBE9E700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-lighten-4 { --gradient-start: #FFCCBC; --gradient-to: #FFCCBC00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-lighten-3 { --gradient-start: #FFAB91; --gradient-to: #FFAB9100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-lighten-2 { --gradient-start: #FF8A65; --gradient-to: #FF8A6500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-lighten-1 { --gradient-start: #FF7043; --gradient-to: #FF704300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-darken-1 { --gradient-start: #F4511E; --gradient-to: #F4511E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-darken-2 { --gradient-start: #E64A19; --gradient-to: #E64A1900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-darken-3 { --gradient-start: #D84315; --gradient-to: #D8431500; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-darken-4 { --gradient-start: #BF360C; --gradient-to: #BF360C00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-accent-1 { --gradient-start: #FF9E80; --gradient-to: #FF9E8000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-accent-2 { --gradient-start: #FF6E40; --gradient-to: #FF6E4000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-accent-3 { --gradient-start: #FF3D00; --gradient-to: #FF3D0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-deep-orange-accent-4 { --gradient-start: #DD2C00; --gradient-to: #DD2C0000; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown { --gradient-start: #795548; --gradient-to: #79554800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-lighten-5 { --gradient-start: #EFEBE9; --gradient-to: #EFEBE900; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-lighten-4 { --gradient-start: #D7CCC8; --gradient-to: #D7CCC800; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-lighten-3 { --gradient-start: #BCAAA4; --gradient-to: #BCAAA400; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-lighten-2 { --gradient-start: #A1887F; --gradient-to: #A1887F00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-lighten-1 { --gradient-start: #8D6E63; --gradient-to: #8D6E6300; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-darken-1 { --gradient-start: #6D4C41; --gradient-to: #6D4C4100; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-darken-2 { --gradient-start: #5D4037; --gradient-to: #5D403700; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-darken-3 { --gradient-start: #4E342E; --gradient-to: #4E342E00; --gradient-end: var(--gradient-start), var(--gradient-to); } .from-brown-darken-4 { --gradient-start: #3E2723; --gradient-to: #3E272300; --gradient-end: var(--gradient-start), var(--gradient-to); } .mid-transparent { --gradient-mid: #4682b400 !important; --gradient-to: #4682b400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme { --gradient-mid: #4682b4 !important; --gradient-to: #4682b400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten-5 { --gradient-mid: #E8EFF6 !important; --gradient-to: #E8EFF600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten-4 { --gradient-mid: #D1E0EC !important; --gradient-to: #D1E0EC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten-3 { --gradient-mid: #BAD0E3 !important; --gradient-to: #BAD0E300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten-2 { --gradient-mid: #A3C1DA !important; --gradient-to: #A3C1DA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten-1 { --gradient-mid: #74A1C7 !important; --gradient-to: #74A1C700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-darken-1 { --gradient-mid: #3D729E !important; --gradient-to: #3D729E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-darken-2 { --gradient-mid: #356287 !important; --gradient-to: #35628700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-darken-3 { --gradient-mid: #2C5171 !important; --gradient-to: #2C517100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-darken-4 { --gradient-mid: #23415A !important; --gradient-to: #23415A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-accent-1 { --gradient-mid: #7ba7cc !important; --gradient-to: #7ba7cc00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-accent-2 { --gradient-mid: #568ebd !important; --gradient-to: #568ebd00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-accent-3 { --gradient-mid: #3f75a2 !important; --gradient-to: #3f75a200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-accent-4 { --gradient-mid: #315a7d !important; --gradient-to: #315a7d00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-primary { --gradient-mid: #2196f3 !important; --gradient-to: #2196f300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-secondary { --gradient-mid: #6c757d !important; --gradient-to: #6c757d00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-success { --gradient-mid: #20ad20 !important; --gradient-to: #20ad2000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-info { --gradient-mid: #4dd0e1 !important; --gradient-to: #4dd0e100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-warning { --gradient-mid: #f9cf48 !important; --gradient-to: #f9cf4800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-danger { --gradient-mid: #f23629 !important; --gradient-to: #f2362900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-alert { --gradient-mid: #f57b1d !important; --gradient-to: #f57b1d00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme { --gradient-mid: #356287 !important; --gradient-to: #35628700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-white { --gradient-mid: #ffffff !important; --gradient-to: #ffffff00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple { --gradient-mid: #6A1B9A !important; --gradient-to: #6A1B9A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-primary-lighten { --gradient-mid: #e0f1ff !important; --gradient-to: #e0f1ff00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-secondary-lighten { --gradient-mid: #e1e1e1 !important; --gradient-to: #e1e1e100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-success-lighten { --gradient-mid: #e8fac7 !important; --gradient-to: #e8fac700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-info-lighten { --gradient-mid: #d2f9ff !important; --gradient-to: #d2f9ff00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-warning-lighten { --gradient-mid: #fef6d9 !important; --gradient-to: #fef6d900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-danger-lighten { --gradient-mid: #ffd4d1 !important; --gradient-to: #ffd4d100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-alert-lighten { --gradient-mid: #fad6ba !important; --gradient-to: #fad6ba00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten { --gradient-mid: #f5ebfc !important; --gradient-to: #f5ebfc00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-theme-lighten { --gradient-mid: #D1E0EC !important; --gradient-to: #D1E0EC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-line { --gradient-mid: #00B500 !important; --gradient-to: #00B50000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-youtube { --gradient-mid: #cd201f !important; --gradient-to: #cd201f00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-twitter { --gradient-mid: #55acee !important; --gradient-to: #55acee00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-facebook { --gradient-mid: #4267B2 !important; --gradient-to: #4267B200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-instagram { --gradient-mid: #3f729b !important; --gradient-to: #3f729b00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-app-google-plus { --gradient-mid: #dc4e41 !important; --gradient-to: #dc4e4100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-white { --gradient-mid: #ffffff !important; --gradient-to: #ffffff00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-black { --gradient-mid: #000000 !important; --gradient-to: #00000000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey { --gradient-mid: #9E9E9E !important; --gradient-to: #9E9E9E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-lighten-5 { --gradient-mid: #FAFAFA !important; --gradient-to: #FAFAFA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-lighten-4 { --gradient-mid: #F5F5F5 !important; --gradient-to: #F5F5F500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-lighten-3 { --gradient-mid: #EEEEEE !important; --gradient-to: #EEEEEE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-lighten-2 { --gradient-mid: #E0E0E0 !important; --gradient-to: #E0E0E000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-lighten-1 { --gradient-mid: #BDBDBD !important; --gradient-to: #BDBDBD00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-darken-1 { --gradient-mid: #757575 !important; --gradient-to: #75757500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-darken-2 { --gradient-mid: #616161 !important; --gradient-to: #61616100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-darken-3 { --gradient-mid: #424242 !important; --gradient-to: #42424200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-grey-darken-4 { --gradient-mid: #212121 !important; --gradient-to: #21212100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey { --gradient-mid: #607D8B !important; --gradient-to: #607D8B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-lighten-5 { --gradient-mid: #ECEFF1 !important; --gradient-to: #ECEFF100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-lighten-4 { --gradient-mid: #CFD8DC !important; --gradient-to: #CFD8DC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-lighten-3 { --gradient-mid: #B0BEC5 !important; --gradient-to: #B0BEC500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-lighten-2 { --gradient-mid: #90A4AE !important; --gradient-to: #90A4AE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-lighten-1 { --gradient-mid: #78909C !important; --gradient-to: #78909C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-darken-1 { --gradient-mid: #546E7A !important; --gradient-to: #546E7A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-darken-2 { --gradient-mid: #455A64 !important; --gradient-to: #455A6400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-darken-3 { --gradient-mid: #37474F !important; --gradient-to: #37474F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-grey-darken-4 { --gradient-mid: #263238 !important; --gradient-to: #26323800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red { --gradient-mid: #F44336 !important; --gradient-to: #F4433600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-lighten-5 { --gradient-mid: #FFEBEE !important; --gradient-to: #FFEBEE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-lighten-4 { --gradient-mid: #FFCDD2 !important; --gradient-to: #FFCDD200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-lighten-3 { --gradient-mid: #EF9A9A !important; --gradient-to: #EF9A9A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-lighten-2 { --gradient-mid: #E57373 !important; --gradient-to: #E5737300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-lighten-1 { --gradient-mid: #EF5350 !important; --gradient-to: #EF535000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-darken-1 { --gradient-mid: #E53935 !important; --gradient-to: #E5393500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-darken-2 { --gradient-mid: #D32F2F !important; --gradient-to: #D32F2F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-darken-3 { --gradient-mid: #C62828 !important; --gradient-to: #C6282800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-darken-4 { --gradient-mid: #B71C1C !important; --gradient-to: #B71C1C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-accent-1 { --gradient-mid: #FF8A80 !important; --gradient-to: #FF8A8000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-accent-2 { --gradient-mid: #FF5252 !important; --gradient-to: #FF525200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-accent-3 { --gradient-mid: #FF1744 !important; --gradient-to: #FF174400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-red-accent-4 { --gradient-mid: #D50000 !important; --gradient-to: #D5000000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink { --gradient-mid: #E91E63 !important; --gradient-to: #E91E6300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-lighten-5 { --gradient-mid: #FCE4EC !important; --gradient-to: #FCE4EC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-lighten-4 { --gradient-mid: #F8BBD0 !important; --gradient-to: #F8BBD000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-lighten-3 { --gradient-mid: #F48FB1 !important; --gradient-to: #F48FB100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-lighten-2 { --gradient-mid: #F06292 !important; --gradient-to: #F0629200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-lighten-1 { --gradient-mid: #EC407A !important; --gradient-to: #EC407A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-darken-1 { --gradient-mid: #D81B60 !important; --gradient-to: #D81B6000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-darken-2 { --gradient-mid: #C2185B !important; --gradient-to: #C2185B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-darken-3 { --gradient-mid: #AD1457 !important; --gradient-to: #AD145700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-darken-4 { --gradient-mid: #880E4F !important; --gradient-to: #880E4F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-accent-1 { --gradient-mid: #FF80AB !important; --gradient-to: #FF80AB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-accent-2 { --gradient-mid: #FF4081 !important; --gradient-to: #FF408100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-accent-3 { --gradient-mid: #F50057 !important; --gradient-to: #F5005700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-pink-accent-4 { --gradient-mid: #C51162 !important; --gradient-to: #C5116200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple { --gradient-mid: #9C27B0 !important; --gradient-to: #9C27B000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten-5 { --gradient-mid: #F3E5F5 !important; --gradient-to: #F3E5F500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten-4 { --gradient-mid: #E1BEE7 !important; --gradient-to: #E1BEE700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten-3 { --gradient-mid: #CE93D8 !important; --gradient-to: #CE93D800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten-2 { --gradient-mid: #BA68C8 !important; --gradient-to: #BA68C800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-lighten-1 { --gradient-mid: #AB47BC !important; --gradient-to: #AB47BC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-darken-1 { --gradient-mid: #8E24AA !important; --gradient-to: #8E24AA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-darken-2 { --gradient-mid: #7B1FA2 !important; --gradient-to: #7B1FA200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-darken-3 { --gradient-mid: #6A1B9A !important; --gradient-to: #6A1B9A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-darken-4 { --gradient-mid: #4A148C !important; --gradient-to: #4A148C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-accent-1 { --gradient-mid: #EA80FC !important; --gradient-to: #EA80FC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-accent-2 { --gradient-mid: #E040FB !important; --gradient-to: #E040FB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-accent-3 { --gradient-mid: #D500F9 !important; --gradient-to: #D500F900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-purple-accent-4 { --gradient-mid: #AA00FF !important; --gradient-to: #AA00FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple { --gradient-mid: #673AB7 !important; --gradient-to: #673AB700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-lighten-5 { --gradient-mid: #EDE7F6 !important; --gradient-to: #EDE7F600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-lighten-4 { --gradient-mid: #D1C4E9 !important; --gradient-to: #D1C4E900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-lighten-3 { --gradient-mid: #B39DDB !important; --gradient-to: #B39DDB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-lighten-2 { --gradient-mid: #9575CD !important; --gradient-to: #9575CD00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-lighten-1 { --gradient-mid: #7E57C2 !important; --gradient-to: #7E57C200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-darken-1 { --gradient-mid: #5E35B1 !important; --gradient-to: #5E35B100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-darken-2 { --gradient-mid: #512DA8 !important; --gradient-to: #512DA800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-darken-3 { --gradient-mid: #4527A0 !important; --gradient-to: #4527A000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-darken-4 { --gradient-mid: #311B92 !important; --gradient-to: #311B9200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-accent-1 { --gradient-mid: #B388FF !important; --gradient-to: #B388FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-accent-2 { --gradient-mid: #7C4DFF !important; --gradient-to: #7C4DFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-accent-3 { --gradient-mid: #651FFF !important; --gradient-to: #651FFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-purple-accent-4 { --gradient-mid: #6200EA !important; --gradient-to: #6200EA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo { --gradient-mid: #3F51B5 !important; --gradient-to: #3F51B500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-lighten-5 { --gradient-mid: #E8EAF6 !important; --gradient-to: #E8EAF600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-lighten-4 { --gradient-mid: #C5CAE9 !important; --gradient-to: #C5CAE900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-lighten-3 { --gradient-mid: #9FA8DA !important; --gradient-to: #9FA8DA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-lighten-2 { --gradient-mid: #7986CB !important; --gradient-to: #7986CB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-lighten-1 { --gradient-mid: #5C6BC0 !important; --gradient-to: #5C6BC000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-darken-1 { --gradient-mid: #3949AB !important; --gradient-to: #3949AB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-darken-2 { --gradient-mid: #303F9F !important; --gradient-to: #303F9F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-darken-3 { --gradient-mid: #283593 !important; --gradient-to: #28359300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-darken-4 { --gradient-mid: #1A237E !important; --gradient-to: #1A237E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-accent-1 { --gradient-mid: #8C9EFF !important; --gradient-to: #8C9EFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-accent-2 { --gradient-mid: #536DFE !important; --gradient-to: #536DFE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-accent-3 { --gradient-mid: #3D5AFE !important; --gradient-to: #3D5AFE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-indigo-accent-4 { --gradient-mid: #304FFE !important; --gradient-to: #304FFE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue { --gradient-mid: #2196F3 !important; --gradient-to: #2196F300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-lighten-5 { --gradient-mid: #E3F2FD !important; --gradient-to: #E3F2FD00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-lighten-4 { --gradient-mid: #BBDEFB !important; --gradient-to: #BBDEFB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-lighten-3 { --gradient-mid: #90CAF9 !important; --gradient-to: #90CAF900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-lighten-2 { --gradient-mid: #64B5F6 !important; --gradient-to: #64B5F600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-lighten-1 { --gradient-mid: #42A5F5 !important; --gradient-to: #42A5F500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-darken-1 { --gradient-mid: #1E88E5 !important; --gradient-to: #1E88E500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-darken-2 { --gradient-mid: #1976D2 !important; --gradient-to: #1976D200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-darken-3 { --gradient-mid: #1565C0 !important; --gradient-to: #1565C000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-darken-4 { --gradient-mid: #0D47A1 !important; --gradient-to: #0D47A100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-accent-1 { --gradient-mid: #82B1FF !important; --gradient-to: #82B1FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-accent-2 { --gradient-mid: #448AFF !important; --gradient-to: #448AFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-accent-3 { --gradient-mid: #2979FF !important; --gradient-to: #2979FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-blue-accent-4 { --gradient-mid: #2962FF !important; --gradient-to: #2962FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue { --gradient-mid: #03A9F4 !important; --gradient-to: #03A9F400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-lighten-5 { --gradient-mid: #E1F5FE !important; --gradient-to: #E1F5FE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-lighten-4 { --gradient-mid: #B3E5FC !important; --gradient-to: #B3E5FC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-lighten-3 { --gradient-mid: #81D4FA !important; --gradient-to: #81D4FA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-lighten-2 { --gradient-mid: #4FC3F7 !important; --gradient-to: #4FC3F700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-lighten-1 { --gradient-mid: #29B6F6 !important; --gradient-to: #29B6F600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-darken-1 { --gradient-mid: #039BE5 !important; --gradient-to: #039BE500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-darken-2 { --gradient-mid: #0288D1 !important; --gradient-to: #0288D100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-darken-3 { --gradient-mid: #0277BD !important; --gradient-to: #0277BD00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-darken-4 { --gradient-mid: #01579B !important; --gradient-to: #01579B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-accent-1 { --gradient-mid: #80D8FF !important; --gradient-to: #80D8FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-accent-2 { --gradient-mid: #40C4FF !important; --gradient-to: #40C4FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-accent-3 { --gradient-mid: #00B0FF !important; --gradient-to: #00B0FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-blue-accent-4 { --gradient-mid: #0091EA !important; --gradient-to: #0091EA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan { --gradient-mid: #00BCD4 !important; --gradient-to: #00BCD400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-lighten-5 { --gradient-mid: #E0F7FA !important; --gradient-to: #E0F7FA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-lighten-4 { --gradient-mid: #B2EBF2 !important; --gradient-to: #B2EBF200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-lighten-3 { --gradient-mid: #80DEEA !important; --gradient-to: #80DEEA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-lighten-2 { --gradient-mid: #4DD0E1 !important; --gradient-to: #4DD0E100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-lighten-1 { --gradient-mid: #26C6DA !important; --gradient-to: #26C6DA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-darken-1 { --gradient-mid: #00ACC1 !important; --gradient-to: #00ACC100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-darken-2 { --gradient-mid: #0097A7 !important; --gradient-to: #0097A700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-darken-3 { --gradient-mid: #00838F !important; --gradient-to: #00838F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-darken-4 { --gradient-mid: #006064 !important; --gradient-to: #00606400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-accent-1 { --gradient-mid: #84FFFF !important; --gradient-to: #84FFFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-accent-2 { --gradient-mid: #18FFFF !important; --gradient-to: #18FFFF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-accent-3 { --gradient-mid: #00E5FF !important; --gradient-to: #00E5FF00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-cyan-accent-4 { --gradient-mid: #00B8D4 !important; --gradient-to: #00B8D400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal { --gradient-mid: #009688 !important; --gradient-to: #00968800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-lighten-5 { --gradient-mid: #E0F2F1 !important; --gradient-to: #E0F2F100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-lighten-4 { --gradient-mid: #B2DFDB !important; --gradient-to: #B2DFDB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-lighten-3 { --gradient-mid: #80CBC4 !important; --gradient-to: #80CBC400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-lighten-2 { --gradient-mid: #4DB6AC !important; --gradient-to: #4DB6AC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-lighten-1 { --gradient-mid: #26A69A !important; --gradient-to: #26A69A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-darken-1 { --gradient-mid: #00897B !important; --gradient-to: #00897B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-darken-2 { --gradient-mid: #00796B !important; --gradient-to: #00796B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-darken-3 { --gradient-mid: #00695C !important; --gradient-to: #00695C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-darken-4 { --gradient-mid: #004D40 !important; --gradient-to: #004D4000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-accent-1 { --gradient-mid: #A7FFEB !important; --gradient-to: #A7FFEB00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-accent-2 { --gradient-mid: #64FFDA !important; --gradient-to: #64FFDA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-accent-3 { --gradient-mid: #1DE9B6 !important; --gradient-to: #1DE9B600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-teal-accent-4 { --gradient-mid: #00BFA5 !important; --gradient-to: #00BFA500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green { --gradient-mid: #4CAF50 !important; --gradient-to: #4CAF5000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-lighten-5 { --gradient-mid: #E8F5E9 !important; --gradient-to: #E8F5E900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-lighten-4 { --gradient-mid: #C8E6C9 !important; --gradient-to: #C8E6C900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-lighten-3 { --gradient-mid: #A5D6A7 !important; --gradient-to: #A5D6A700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-lighten-2 { --gradient-mid: #81C784 !important; --gradient-to: #81C78400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-lighten-1 { --gradient-mid: #66BB6A !important; --gradient-to: #66BB6A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-darken-1 { --gradient-mid: #43A047 !important; --gradient-to: #43A04700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-darken-2 { --gradient-mid: #388E3C !important; --gradient-to: #388E3C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-darken-3 { --gradient-mid: #2E7D32 !important; --gradient-to: #2E7D3200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-darken-4 { --gradient-mid: #1B5E20 !important; --gradient-to: #1B5E2000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-accent-1 { --gradient-mid: #B9F6CA !important; --gradient-to: #B9F6CA00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-accent-2 { --gradient-mid: #69F0AE !important; --gradient-to: #69F0AE00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-accent-3 { --gradient-mid: #00E676 !important; --gradient-to: #00E67600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-green-accent-4 { --gradient-mid: #00C853 !important; --gradient-to: #00C85300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green { --gradient-mid: #8BC34A !important; --gradient-to: #8BC34A00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-lighten-5 { --gradient-mid: #F1F8E9 !important; --gradient-to: #F1F8E900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-lighten-4 { --gradient-mid: #DCEDC8 !important; --gradient-to: #DCEDC800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-lighten-3 { --gradient-mid: #C5E1A5 !important; --gradient-to: #C5E1A500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-lighten-2 { --gradient-mid: #AED581 !important; --gradient-to: #AED58100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-lighten-1 { --gradient-mid: #9CCC65 !important; --gradient-to: #9CCC6500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-darken-1 { --gradient-mid: #7CB342 !important; --gradient-to: #7CB34200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-darken-2 { --gradient-mid: #689F38 !important; --gradient-to: #689F3800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-darken-3 { --gradient-mid: #558B2F !important; --gradient-to: #558B2F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-darken-4 { --gradient-mid: #33691E !important; --gradient-to: #33691E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-accent-1 { --gradient-mid: #CCFF90 !important; --gradient-to: #CCFF9000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-accent-2 { --gradient-mid: #B2FF59 !important; --gradient-to: #B2FF5900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-accent-3 { --gradient-mid: #76FF03 !important; --gradient-to: #76FF0300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-light-green-accent-4 { --gradient-mid: #64DD17 !important; --gradient-to: #64DD1700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime { --gradient-mid: #CDDC39 !important; --gradient-to: #CDDC3900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-lighten-5 { --gradient-mid: #F9FBE7 !important; --gradient-to: #F9FBE700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-lighten-4 { --gradient-mid: #F0F4C3 !important; --gradient-to: #F0F4C300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-lighten-3 { --gradient-mid: #E6EE9C !important; --gradient-to: #E6EE9C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-lighten-2 { --gradient-mid: #DCE775 !important; --gradient-to: #DCE77500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-lighten-1 { --gradient-mid: #D4E157 !important; --gradient-to: #D4E15700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-darken-1 { --gradient-mid: #C0CA33 !important; --gradient-to: #C0CA3300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-darken-2 { --gradient-mid: #AFB42B !important; --gradient-to: #AFB42B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-darken-3 { --gradient-mid: #9E9D24 !important; --gradient-to: #9E9D2400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-darken-4 { --gradient-mid: #827717 !important; --gradient-to: #82771700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-accent-1 { --gradient-mid: #F4FF81 !important; --gradient-to: #F4FF8100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-accent-2 { --gradient-mid: #EEFF41 !important; --gradient-to: #EEFF4100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-accent-3 { --gradient-mid: #C6FF00 !important; --gradient-to: #C6FF0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-lime-accent-4 { --gradient-mid: #AEEA00 !important; --gradient-to: #AEEA0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow { --gradient-mid: #FFEB3B !important; --gradient-to: #FFEB3B00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-lighten-5 { --gradient-mid: #FFFDE7 !important; --gradient-to: #FFFDE700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-lighten-4 { --gradient-mid: #FFF9C4 !important; --gradient-to: #FFF9C400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-lighten-3 { --gradient-mid: #FFF59D !important; --gradient-to: #FFF59D00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-lighten-2 { --gradient-mid: #FFF176 !important; --gradient-to: #FFF17600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-lighten-1 { --gradient-mid: #FFEE58 !important; --gradient-to: #FFEE5800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-darken-1 { --gradient-mid: #FDD835 !important; --gradient-to: #FDD83500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-darken-2 { --gradient-mid: #FBC02D !important; --gradient-to: #FBC02D00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-darken-3 { --gradient-mid: #F9A825 !important; --gradient-to: #F9A82500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-darken-4 { --gradient-mid: #F57F17 !important; --gradient-to: #F57F1700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-accent-1 { --gradient-mid: #FFFF8D !important; --gradient-to: #FFFF8D00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-accent-2 { --gradient-mid: #FFFF00 !important; --gradient-to: #FFFF0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-accent-3 { --gradient-mid: #FFEA00 !important; --gradient-to: #FFEA0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-yellow-accent-4 { --gradient-mid: #FFD600 !important; --gradient-to: #FFD60000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber { --gradient-mid: #FFC107 !important; --gradient-to: #FFC10700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-lighten-5 { --gradient-mid: #FFF8E1 !important; --gradient-to: #FFF8E100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-lighten-4 { --gradient-mid: #FFECB3 !important; --gradient-to: #FFECB300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-lighten-3 { --gradient-mid: #FFE082 !important; --gradient-to: #FFE08200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-lighten-2 { --gradient-mid: #FFD54F !important; --gradient-to: #FFD54F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-lighten-1 { --gradient-mid: #FFCA28 !important; --gradient-to: #FFCA2800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-darken-1 { --gradient-mid: #FFB300 !important; --gradient-to: #FFB30000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-darken-2 { --gradient-mid: #FFA000 !important; --gradient-to: #FFA00000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-darken-3 { --gradient-mid: #FF8F00 !important; --gradient-to: #FF8F0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-darken-4 { --gradient-mid: #FF6F00 !important; --gradient-to: #FF6F0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-accent-1 { --gradient-mid: #FFE57F !important; --gradient-to: #FFE57F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-accent-2 { --gradient-mid: #FFD740 !important; --gradient-to: #FFD74000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-accent-3 { --gradient-mid: #FFC400 !important; --gradient-to: #FFC40000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-amber-accent-4 { --gradient-mid: #FFAB00 !important; --gradient-to: #FFAB0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange { --gradient-mid: #FF9800 !important; --gradient-to: #FF980000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-lighten-5 { --gradient-mid: #FFF3E0 !important; --gradient-to: #FFF3E000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-lighten-4 { --gradient-mid: #FFE0B2 !important; --gradient-to: #FFE0B200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-lighten-3 { --gradient-mid: #FFCC80 !important; --gradient-to: #FFCC8000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-lighten-2 { --gradient-mid: #FFB74D !important; --gradient-to: #FFB74D00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-lighten-1 { --gradient-mid: #FFA726 !important; --gradient-to: #FFA72600; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-darken-1 { --gradient-mid: #FB8C00 !important; --gradient-to: #FB8C0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-darken-2 { --gradient-mid: #F57C00 !important; --gradient-to: #F57C0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-darken-3 { --gradient-mid: #EF6C00 !important; --gradient-to: #EF6C0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-darken-4 { --gradient-mid: #E65100 !important; --gradient-to: #E6510000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-accent-1 { --gradient-mid: #FFD180 !important; --gradient-to: #FFD18000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-accent-2 { --gradient-mid: #FFAB40 !important; --gradient-to: #FFAB4000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-accent-3 { --gradient-mid: #FF9100 !important; --gradient-to: #FF910000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-orange-accent-4 { --gradient-mid: #FF6D00 !important; --gradient-to: #FF6D0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange { --gradient-mid: #FF5722 !important; --gradient-to: #FF572200; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-lighten-5 { --gradient-mid: #FBE9E7 !important; --gradient-to: #FBE9E700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-lighten-4 { --gradient-mid: #FFCCBC !important; --gradient-to: #FFCCBC00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-lighten-3 { --gradient-mid: #FFAB91 !important; --gradient-to: #FFAB9100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-lighten-2 { --gradient-mid: #FF8A65 !important; --gradient-to: #FF8A6500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-lighten-1 { --gradient-mid: #FF7043 !important; --gradient-to: #FF704300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-darken-1 { --gradient-mid: #F4511E !important; --gradient-to: #F4511E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-darken-2 { --gradient-mid: #E64A19 !important; --gradient-to: #E64A1900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-darken-3 { --gradient-mid: #D84315 !important; --gradient-to: #D8431500; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-darken-4 { --gradient-mid: #BF360C !important; --gradient-to: #BF360C00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-accent-1 { --gradient-mid: #FF9E80 !important; --gradient-to: #FF9E8000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-accent-2 { --gradient-mid: #FF6E40 !important; --gradient-to: #FF6E4000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-accent-3 { --gradient-mid: #FF3D00 !important; --gradient-to: #FF3D0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-deep-orange-accent-4 { --gradient-mid: #DD2C00 !important; --gradient-to: #DD2C0000; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown { --gradient-mid: #795548 !important; --gradient-to: #79554800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-lighten-5 { --gradient-mid: #EFEBE9 !important; --gradient-to: #EFEBE900; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-lighten-4 { --gradient-mid: #D7CCC8 !important; --gradient-to: #D7CCC800; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-lighten-3 { --gradient-mid: #BCAAA4 !important; --gradient-to: #BCAAA400; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-lighten-2 { --gradient-mid: #A1887F !important; --gradient-to: #A1887F00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-lighten-1 { --gradient-mid: #8D6E63 !important; --gradient-to: #8D6E6300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-darken-1 { --gradient-mid: #6D4C41 !important; --gradient-to: #6D4C4100; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-darken-2 { --gradient-mid: #5D4037 !important; --gradient-to: #5D403700; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-darken-3 { --gradient-mid: #4E342E !important; --gradient-to: #4E342E00; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .mid-brown-darken-4 { --gradient-mid: #3E2723 !important; --gradient-to: #3E272300; --gradient-end: var(--gradient-start), var(--gradient-mid), var(--gradient-to) !important; } .to-transparent { --gradient-to: #4682b400 !important; } .to-theme { --gradient-to: #4682b4 !important; } .to-theme-lighten-5 { --gradient-to: #E8EFF6 !important; } .to-theme-lighten-4 { --gradient-to: #D1E0EC !important; } .to-theme-lighten-3 { --gradient-to: #BAD0E3 !important; } .to-theme-lighten-2 { --gradient-to: #A3C1DA !important; } .to-theme-lighten-1 { --gradient-to: #74A1C7 !important; } .to-theme-darken-1 { --gradient-to: #3D729E !important; } .to-theme-darken-2 { --gradient-to: #356287 !important; } .to-theme-darken-3 { --gradient-to: #2C5171 !important; } .to-theme-darken-4 { --gradient-to: #23415A !important; } .to-theme-accent-1 { --gradient-to: #7ba7cc !important; } .to-theme-accent-2 { --gradient-to: #568ebd !important; } .to-theme-accent-3 { --gradient-to: #3f75a2 !important; } .to-theme-accent-4 { --gradient-to: #315a7d !important; } .to-primary { --gradient-to: #2196f3 !important; } .to-secondary { --gradient-to: #6c757d !important; } .to-success { --gradient-to: #20ad20 !important; } .to-info { --gradient-to: #4dd0e1 !important; } .to-warning { --gradient-to: #f9cf48 !important; } .to-danger { --gradient-to: #f23629 !important; } .to-alert { --gradient-to: #f57b1d !important; } .to-theme { --gradient-to: #356287 !important; } .to-white { --gradient-to: #ffffff !important; } .to-purple { --gradient-to: #6A1B9A !important; } .to-primary-lighten { --gradient-to: #e0f1ff !important; } .to-secondary-lighten { --gradient-to: #e1e1e1 !important; } .to-success-lighten { --gradient-to: #e8fac7 !important; } .to-info-lighten { --gradient-to: #d2f9ff !important; } .to-warning-lighten { --gradient-to: #fef6d9 !important; } .to-danger-lighten { --gradient-to: #ffd4d1 !important; } .to-alert-lighten { --gradient-to: #fad6ba !important; } .to-purple-lighten { --gradient-to: #f5ebfc !important; } .to-theme-lighten { --gradient-to: #D1E0EC !important; } .to-app-line { --gradient-to: #00B500 !important; } .to-app-youtube { --gradient-to: #cd201f !important; } .to-app-twitter { --gradient-to: #55acee !important; } .to-app-facebook { --gradient-to: #4267B2 !important; } .to-app-instagram { --gradient-to: #3f729b !important; } .to-app-google-plus { --gradient-to: #dc4e41 !important; } .to-white { --gradient-to: #ffffff !important; } .to-black { --gradient-to: #000000 !important; } .to-grey { --gradient-to: #9E9E9E !important; } .to-grey-lighten-5 { --gradient-to: #FAFAFA !important; } .to-grey-lighten-4 { --gradient-to: #F5F5F5 !important; } .to-grey-lighten-3 { --gradient-to: #EEEEEE !important; } .to-grey-lighten-2 { --gradient-to: #E0E0E0 !important; } .to-grey-lighten-1 { --gradient-to: #BDBDBD !important; } .to-grey-darken-1 { --gradient-to: #757575 !important; } .to-grey-darken-2 { --gradient-to: #616161 !important; } .to-grey-darken-3 { --gradient-to: #424242 !important; } .to-grey-darken-4 { --gradient-to: #212121 !important; } .to-blue-grey { --gradient-to: #607D8B !important; } .to-blue-grey-lighten-5 { --gradient-to: #ECEFF1 !important; } .to-blue-grey-lighten-4 { --gradient-to: #CFD8DC !important; } .to-blue-grey-lighten-3 { --gradient-to: #B0BEC5 !important; } .to-blue-grey-lighten-2 { --gradient-to: #90A4AE !important; } .to-blue-grey-lighten-1 { --gradient-to: #78909C !important; } .to-blue-grey-darken-1 { --gradient-to: #546E7A !important; } .to-blue-grey-darken-2 { --gradient-to: #455A64 !important; } .to-blue-grey-darken-3 { --gradient-to: #37474F !important; } .to-blue-grey-darken-4 { --gradient-to: #263238 !important; } .to-red { --gradient-to: #F44336 !important; } .to-red-lighten-5 { --gradient-to: #FFEBEE !important; } .to-red-lighten-4 { --gradient-to: #FFCDD2 !important; } .to-red-lighten-3 { --gradient-to: #EF9A9A !important; } .to-red-lighten-2 { --gradient-to: #E57373 !important; } .to-red-lighten-1 { --gradient-to: #EF5350 !important; } .to-red-darken-1 { --gradient-to: #E53935 !important; } .to-red-darken-2 { --gradient-to: #D32F2F !important; } .to-red-darken-3 { --gradient-to: #C62828 !important; } .to-red-darken-4 { --gradient-to: #B71C1C !important; } .to-red-accent-1 { --gradient-to: #FF8A80 !important; } .to-red-accent-2 { --gradient-to: #FF5252 !important; } .to-red-accent-3 { --gradient-to: #FF1744 !important; } .to-red-accent-4 { --gradient-to: #D50000 !important; } .to-pink { --gradient-to: #E91E63 !important; } .to-pink-lighten-5 { --gradient-to: #FCE4EC !important; } .to-pink-lighten-4 { --gradient-to: #F8BBD0 !important; } .to-pink-lighten-3 { --gradient-to: #F48FB1 !important; } .to-pink-lighten-2 { --gradient-to: #F06292 !important; } .to-pink-lighten-1 { --gradient-to: #EC407A !important; } .to-pink-darken-1 { --gradient-to: #D81B60 !important; } .to-pink-darken-2 { --gradient-to: #C2185B !important; } .to-pink-darken-3 { --gradient-to: #AD1457 !important; } .to-pink-darken-4 { --gradient-to: #880E4F !important; } .to-pink-accent-1 { --gradient-to: #FF80AB !important; } .to-pink-accent-2 { --gradient-to: #FF4081 !important; } .to-pink-accent-3 { --gradient-to: #F50057 !important; } .to-pink-accent-4 { --gradient-to: #C51162 !important; } .to-purple { --gradient-to: #9C27B0 !important; } .to-purple-lighten-5 { --gradient-to: #F3E5F5 !important; } .to-purple-lighten-4 { --gradient-to: #E1BEE7 !important; } .to-purple-lighten-3 { --gradient-to: #CE93D8 !important; } .to-purple-lighten-2 { --gradient-to: #BA68C8 !important; } .to-purple-lighten-1 { --gradient-to: #AB47BC !important; } .to-purple-darken-1 { --gradient-to: #8E24AA !important; } .to-purple-darken-2 { --gradient-to: #7B1FA2 !important; } .to-purple-darken-3 { --gradient-to: #6A1B9A !important; } .to-purple-darken-4 { --gradient-to: #4A148C !important; } .to-purple-accent-1 { --gradient-to: #EA80FC !important; } .to-purple-accent-2 { --gradient-to: #E040FB !important; } .to-purple-accent-3 { --gradient-to: #D500F9 !important; } .to-purple-accent-4 { --gradient-to: #AA00FF !important; } .to-deep-purple { --gradient-to: #673AB7 !important; } .to-deep-purple-lighten-5 { --gradient-to: #EDE7F6 !important; } .to-deep-purple-lighten-4 { --gradient-to: #D1C4E9 !important; } .to-deep-purple-lighten-3 { --gradient-to: #B39DDB !important; } .to-deep-purple-lighten-2 { --gradient-to: #9575CD !important; } .to-deep-purple-lighten-1 { --gradient-to: #7E57C2 !important; } .to-deep-purple-darken-1 { --gradient-to: #5E35B1 !important; } .to-deep-purple-darken-2 { --gradient-to: #512DA8 !important; } .to-deep-purple-darken-3 { --gradient-to: #4527A0 !important; } .to-deep-purple-darken-4 { --gradient-to: #311B92 !important; } .to-deep-purple-accent-1 { --gradient-to: #B388FF !important; } .to-deep-purple-accent-2 { --gradient-to: #7C4DFF !important; } .to-deep-purple-accent-3 { --gradient-to: #651FFF !important; } .to-deep-purple-accent-4 { --gradient-to: #6200EA !important; } .to-indigo { --gradient-to: #3F51B5 !important; } .to-indigo-lighten-5 { --gradient-to: #E8EAF6 !important; } .to-indigo-lighten-4 { --gradient-to: #C5CAE9 !important; } .to-indigo-lighten-3 { --gradient-to: #9FA8DA !important; } .to-indigo-lighten-2 { --gradient-to: #7986CB !important; } .to-indigo-lighten-1 { --gradient-to: #5C6BC0 !important; } .to-indigo-darken-1 { --gradient-to: #3949AB !important; } .to-indigo-darken-2 { --gradient-to: #303F9F !important; } .to-indigo-darken-3 { --gradient-to: #283593 !important; } .to-indigo-darken-4 { --gradient-to: #1A237E !important; } .to-indigo-accent-1 { --gradient-to: #8C9EFF !important; } .to-indigo-accent-2 { --gradient-to: #536DFE !important; } .to-indigo-accent-3 { --gradient-to: #3D5AFE !important; } .to-indigo-accent-4 { --gradient-to: #304FFE !important; } .to-blue { --gradient-to: #2196F3 !important; } .to-blue-lighten-5 { --gradient-to: #E3F2FD !important; } .to-blue-lighten-4 { --gradient-to: #BBDEFB !important; } .to-blue-lighten-3 { --gradient-to: #90CAF9 !important; } .to-blue-lighten-2 { --gradient-to: #64B5F6 !important; } .to-blue-lighten-1 { --gradient-to: #42A5F5 !important; } .to-blue-darken-1 { --gradient-to: #1E88E5 !important; } .to-blue-darken-2 { --gradient-to: #1976D2 !important; } .to-blue-darken-3 { --gradient-to: #1565C0 !important; } .to-blue-darken-4 { --gradient-to: #0D47A1 !important; } .to-blue-accent-1 { --gradient-to: #82B1FF !important; } .to-blue-accent-2 { --gradient-to: #448AFF !important; } .to-blue-accent-3 { --gradient-to: #2979FF !important; } .to-blue-accent-4 { --gradient-to: #2962FF !important; } .to-light-blue { --gradient-to: #03A9F4 !important; } .to-light-blue-lighten-5 { --gradient-to: #E1F5FE !important; } .to-light-blue-lighten-4 { --gradient-to: #B3E5FC !important; } .to-light-blue-lighten-3 { --gradient-to: #81D4FA !important; } .to-light-blue-lighten-2 { --gradient-to: #4FC3F7 !important; } .to-light-blue-lighten-1 { --gradient-to: #29B6F6 !important; } .to-light-blue-darken-1 { --gradient-to: #039BE5 !important; } .to-light-blue-darken-2 { --gradient-to: #0288D1 !important; } .to-light-blue-darken-3 { --gradient-to: #0277BD !important; } .to-light-blue-darken-4 { --gradient-to: #01579B !important; } .to-light-blue-accent-1 { --gradient-to: #80D8FF !important; } .to-light-blue-accent-2 { --gradient-to: #40C4FF !important; } .to-light-blue-accent-3 { --gradient-to: #00B0FF !important; } .to-light-blue-accent-4 { --gradient-to: #0091EA !important; } .to-cyan { --gradient-to: #00BCD4 !important; } .to-cyan-lighten-5 { --gradient-to: #E0F7FA !important; } .to-cyan-lighten-4 { --gradient-to: #B2EBF2 !important; } .to-cyan-lighten-3 { --gradient-to: #80DEEA !important; } .to-cyan-lighten-2 { --gradient-to: #4DD0E1 !important; } .to-cyan-lighten-1 { --gradient-to: #26C6DA !important; } .to-cyan-darken-1 { --gradient-to: #00ACC1 !important; } .to-cyan-darken-2 { --gradient-to: #0097A7 !important; } .to-cyan-darken-3 { --gradient-to: #00838F !important; } .to-cyan-darken-4 { --gradient-to: #006064 !important; } .to-cyan-accent-1 { --gradient-to: #84FFFF !important; } .to-cyan-accent-2 { --gradient-to: #18FFFF !important; } .to-cyan-accent-3 { --gradient-to: #00E5FF !important; } .to-cyan-accent-4 { --gradient-to: #00B8D4 !important; } .to-teal { --gradient-to: #009688 !important; } .to-teal-lighten-5 { --gradient-to: #E0F2F1 !important; } .to-teal-lighten-4 { --gradient-to: #B2DFDB !important; } .to-teal-lighten-3 { --gradient-to: #80CBC4 !important; } .to-teal-lighten-2 { --gradient-to: #4DB6AC !important; } .to-teal-lighten-1 { --gradient-to: #26A69A !important; } .to-teal-darken-1 { --gradient-to: #00897B !important; } .to-teal-darken-2 { --gradient-to: #00796B !important; } .to-teal-darken-3 { --gradient-to: #00695C !important; } .to-teal-darken-4 { --gradient-to: #004D40 !important; } .to-teal-accent-1 { --gradient-to: #A7FFEB !important; } .to-teal-accent-2 { --gradient-to: #64FFDA !important; } .to-teal-accent-3 { --gradient-to: #1DE9B6 !important; } .to-teal-accent-4 { --gradient-to: #00BFA5 !important; } .to-green { --gradient-to: #4CAF50 !important; } .to-green-lighten-5 { --gradient-to: #E8F5E9 !important; } .to-green-lighten-4 { --gradient-to: #C8E6C9 !important; } .to-green-lighten-3 { --gradient-to: #A5D6A7 !important; } .to-green-lighten-2 { --gradient-to: #81C784 !important; } .to-green-lighten-1 { --gradient-to: #66BB6A !important; } .to-green-darken-1 { --gradient-to: #43A047 !important; } .to-green-darken-2 { --gradient-to: #388E3C !important; } .to-green-darken-3 { --gradient-to: #2E7D32 !important; } .to-green-darken-4 { --gradient-to: #1B5E20 !important; } .to-green-accent-1 { --gradient-to: #B9F6CA !important; } .to-green-accent-2 { --gradient-to: #69F0AE !important; } .to-green-accent-3 { --gradient-to: #00E676 !important; } .to-green-accent-4 { --gradient-to: #00C853 !important; } .to-light-green { --gradient-to: #8BC34A !important; } .to-light-green-lighten-5 { --gradient-to: #F1F8E9 !important; } .to-light-green-lighten-4 { --gradient-to: #DCEDC8 !important; } .to-light-green-lighten-3 { --gradient-to: #C5E1A5 !important; } .to-light-green-lighten-2 { --gradient-to: #AED581 !important; } .to-light-green-lighten-1 { --gradient-to: #9CCC65 !important; } .to-light-green-darken-1 { --gradient-to: #7CB342 !important; } .to-light-green-darken-2 { --gradient-to: #689F38 !important; } .to-light-green-darken-3 { --gradient-to: #558B2F !important; } .to-light-green-darken-4 { --gradient-to: #33691E !important; } .to-light-green-accent-1 { --gradient-to: #CCFF90 !important; } .to-light-green-accent-2 { --gradient-to: #B2FF59 !important; } .to-light-green-accent-3 { --gradient-to: #76FF03 !important; } .to-light-green-accent-4 { --gradient-to: #64DD17 !important; } .to-lime { --gradient-to: #CDDC39 !important; } .to-lime-lighten-5 { --gradient-to: #F9FBE7 !important; } .to-lime-lighten-4 { --gradient-to: #F0F4C3 !important; } .to-lime-lighten-3 { --gradient-to: #E6EE9C !important; } .to-lime-lighten-2 { --gradient-to: #DCE775 !important; } .to-lime-lighten-1 { --gradient-to: #D4E157 !important; } .to-lime-darken-1 { --gradient-to: #C0CA33 !important; } .to-lime-darken-2 { --gradient-to: #AFB42B !important; } .to-lime-darken-3 { --gradient-to: #9E9D24 !important; } .to-lime-darken-4 { --gradient-to: #827717 !important; } .to-lime-accent-1 { --gradient-to: #F4FF81 !important; } .to-lime-accent-2 { --gradient-to: #EEFF41 !important; } .to-lime-accent-3 { --gradient-to: #C6FF00 !important; } .to-lime-accent-4 { --gradient-to: #AEEA00 !important; } .to-yellow { --gradient-to: #FFEB3B !important; } .to-yellow-lighten-5 { --gradient-to: #FFFDE7 !important; } .to-yellow-lighten-4 { --gradient-to: #FFF9C4 !important; } .to-yellow-lighten-3 { --gradient-to: #FFF59D !important; } .to-yellow-lighten-2 { --gradient-to: #FFF176 !important; } .to-yellow-lighten-1 { --gradient-to: #FFEE58 !important; } .to-yellow-darken-1 { --gradient-to: #FDD835 !important; } .to-yellow-darken-2 { --gradient-to: #FBC02D !important; } .to-yellow-darken-3 { --gradient-to: #F9A825 !important; } .to-yellow-darken-4 { --gradient-to: #F57F17 !important; } .to-yellow-accent-1 { --gradient-to: #FFFF8D !important; } .to-yellow-accent-2 { --gradient-to: #FFFF00 !important; } .to-yellow-accent-3 { --gradient-to: #FFEA00 !important; } .to-yellow-accent-4 { --gradient-to: #FFD600 !important; } .to-amber { --gradient-to: #FFC107 !important; } .to-amber-lighten-5 { --gradient-to: #FFF8E1 !important; } .to-amber-lighten-4 { --gradient-to: #FFECB3 !important; } .to-amber-lighten-3 { --gradient-to: #FFE082 !important; } .to-amber-lighten-2 { --gradient-to: #FFD54F !important; } .to-amber-lighten-1 { --gradient-to: #FFCA28 !important; } .to-amber-darken-1 { --gradient-to: #FFB300 !important; } .to-amber-darken-2 { --gradient-to: #FFA000 !important; } .to-amber-darken-3 { --gradient-to: #FF8F00 !important; } .to-amber-darken-4 { --gradient-to: #FF6F00 !important; } .to-amber-accent-1 { --gradient-to: #FFE57F !important; } .to-amber-accent-2 { --gradient-to: #FFD740 !important; } .to-amber-accent-3 { --gradient-to: #FFC400 !important; } .to-amber-accent-4 { --gradient-to: #FFAB00 !important; } .to-orange { --gradient-to: #FF9800 !important; } .to-orange-lighten-5 { --gradient-to: #FFF3E0 !important; } .to-orange-lighten-4 { --gradient-to: #FFE0B2 !important; } .to-orange-lighten-3 { --gradient-to: #FFCC80 !important; } .to-orange-lighten-2 { --gradient-to: #FFB74D !important; } .to-orange-lighten-1 { --gradient-to: #FFA726 !important; } .to-orange-darken-1 { --gradient-to: #FB8C00 !important; } .to-orange-darken-2 { --gradient-to: #F57C00 !important; } .to-orange-darken-3 { --gradient-to: #EF6C00 !important; } .to-orange-darken-4 { --gradient-to: #E65100 !important; } .to-orange-accent-1 { --gradient-to: #FFD180 !important; } .to-orange-accent-2 { --gradient-to: #FFAB40 !important; } .to-orange-accent-3 { --gradient-to: #FF9100 !important; } .to-orange-accent-4 { --gradient-to: #FF6D00 !important; } .to-deep-orange { --gradient-to: #FF5722 !important; } .to-deep-orange-lighten-5 { --gradient-to: #FBE9E7 !important; } .to-deep-orange-lighten-4 { --gradient-to: #FFCCBC !important; } .to-deep-orange-lighten-3 { --gradient-to: #FFAB91 !important; } .to-deep-orange-lighten-2 { --gradient-to: #FF8A65 !important; } .to-deep-orange-lighten-1 { --gradient-to: #FF7043 !important; } .to-deep-orange-darken-1 { --gradient-to: #F4511E !important; } .to-deep-orange-darken-2 { --gradient-to: #E64A19 !important; } .to-deep-orange-darken-3 { --gradient-to: #D84315 !important; } .to-deep-orange-darken-4 { --gradient-to: #BF360C !important; } .to-deep-orange-accent-1 { --gradient-to: #FF9E80 !important; } .to-deep-orange-accent-2 { --gradient-to: #FF6E40 !important; } .to-deep-orange-accent-3 { --gradient-to: #FF3D00 !important; } .to-deep-orange-accent-4 { --gradient-to: #DD2C00 !important; } .to-brown { --gradient-to: #795548 !important; } .to-brown-lighten-5 { --gradient-to: #EFEBE9 !important; } .to-brown-lighten-4 { --gradient-to: #D7CCC8 !important; } .to-brown-lighten-3 { --gradient-to: #BCAAA4 !important; } .to-brown-lighten-2 { --gradient-to: #A1887F !important; } .to-brown-lighten-1 { --gradient-to: #8D6E63 !important; } .to-brown-darken-1 { --gradient-to: #6D4C41 !important; } .to-brown-darken-2 { --gradient-to: #5D4037 !important; } .to-brown-darken-3 { --gradient-to: #4E342E !important; } .to-brown-darken-4 { --gradient-to: #3E2723 !important; } .bg-gradient-vt-white { background: linear-gradient(to top, #ffffff, #ffffff00) !important; } .bg-gradient-vt-black { background: linear-gradient(to top, #00000000, #606060) !important; } .bg-gradient-vt-dark-grey { background: linear-gradient(to top, #BDBDBD, #424242) !important; } .bg-gradient-vt-theme { background: linear-gradient(to top, #3D729E, #23415A); } .bg-gradient-vt-white { background: linear-gradient(to top, #ffffff, #ffffff); } .bg-gradient-vt-black { background: linear-gradient(to top, #ffffff, #000000); } .bg-gradient-vt-grey { background: linear-gradient(to top, #ffffff, #9E9E9E); } .bg-gradient-vt-grey-lighten-5 { background: linear-gradient(to top, #ffffff, #FAFAFA); } .bg-gradient-vt-grey-lighten-4 { background: linear-gradient(to top, #ffffff, #F5F5F5); } .bg-gradient-vt-grey-lighten-3 { background: linear-gradient(to top, #ffffff, #EEEEEE); } .bg-gradient-vt-grey-lighten-2 { background: linear-gradient(to top, #ffffff, #E0E0E0); } .bg-gradient-vt-grey-lighten-1 { background: linear-gradient(to top, #ffffff, #BDBDBD); } .bg-gradient-vt-grey-darken-1 { background: linear-gradient(to top, #ffffff, #757575); } .bg-gradient-vt-grey-darken-2 { background: linear-gradient(to top, #ffffff, #616161); } .bg-gradient-vt-grey-darken-3 { background: linear-gradient(to top, #ffffff, #424242); } .bg-gradient-vt-grey-darken-4 { background: linear-gradient(to top, #ffffff, #212121); } .bg-gradient-vt-blue-grey { background: linear-gradient(to top, #ffffff, #607D8B); } .bg-gradient-vt-blue-grey-lighten-5 { background: linear-gradient(to top, #ffffff, #ECEFF1); } .bg-gradient-vt-blue-grey-lighten-4 { background: linear-gradient(to top, #ffffff, #CFD8DC); } .bg-gradient-vt-blue-grey-lighten-3 { background: linear-gradient(to top, #ffffff, #B0BEC5); } .bg-gradient-vt-blue-grey-lighten-2 { background: linear-gradient(to top, #ffffff, #90A4AE); } .bg-gradient-vt-blue-grey-lighten-1 { background: linear-gradient(to top, #ffffff, #78909C); } .bg-gradient-vt-blue-grey-darken-1 { background: linear-gradient(to top, #ffffff, #546E7A); } .bg-gradient-vt-blue-grey-darken-2 { background: linear-gradient(to top, #ffffff, #455A64); } .bg-gradient-vt-blue-grey-darken-3 { background: linear-gradient(to top, #ffffff, #37474F); } .bg-gradient-vt-blue-grey-darken-4 { background: linear-gradient(to top, #ffffff, #263238); } .bg-gradient-vt-primary { background: linear-gradient(to top, #ffffff, #2196f3); } .bg-gradient-vt-secondary { background: linear-gradient(to top, #ffffff, #6c757d); } .bg-gradient-vt-success { background: linear-gradient(to top, #ffffff, #20ad20); } .bg-gradient-vt-info { background: linear-gradient(to top, #ffffff, #4dd0e1); } .bg-gradient-vt-warning { background: linear-gradient(to top, #ffffff, #f9cf48); } .bg-gradient-vt-danger { background: linear-gradient(to top, #ffffff, #f23629); } .bg-gradient-vt-alert { background: linear-gradient(to top, #ffffff, #f57b1d); } .bg-gradient-vt-theme { background: linear-gradient(to top, #ffffff, #356287); } .bg-gradient-vt-white { background: linear-gradient(to top, #ffffff, #ffffff); } .bg-gradient-vt-purple { background: linear-gradient(to top, #ffffff, #6A1B9A); } .bg-gradient-vt-theme { background: linear-gradient(to top, #ffffff, #4682b4); } .bg-gradient-vt-theme-lighten-5 { background: linear-gradient(to top, #ffffff, #E8EFF6); } .bg-gradient-vt-theme-lighten-4 { background: linear-gradient(to top, #ffffff, #D1E0EC); } .bg-gradient-vt-theme-lighten-3 { background: linear-gradient(to top, #ffffff, #BAD0E3); } .bg-gradient-vt-theme-lighten-2 { background: linear-gradient(to top, #ffffff, #A3C1DA); } .bg-gradient-vt-theme-lighten-1 { background: linear-gradient(to top, #ffffff, #74A1C7); } .bg-gradient-vt-theme-darken-1 { background: linear-gradient(to top, #ffffff, #3D729E); } .bg-gradient-vt-theme-darken-2 { background: linear-gradient(to top, #ffffff, #356287); } .bg-gradient-vt-theme-darken-3 { background: linear-gradient(to top, #ffffff, #2C5171); } .bg-gradient-vt-theme-darken-4 { background: linear-gradient(to top, #ffffff, #23415A); } .bg-gradient-vt-theme-accent-1 { background: linear-gradient(to top, #ffffff, #7ba7cc); } .bg-gradient-vt-theme-accent-2 { background: linear-gradient(to top, #ffffff, #568ebd); } .bg-gradient-vt-theme-accent-3 { background: linear-gradient(to top, #ffffff, #3f75a2); } .bg-gradient-vt-theme-accent-4 { background: linear-gradient(to top, #ffffff, #315a7d); } .bg-gradient-vb-white { background: linear-gradient(to bottom, #ffffff, #ffffff00) !important; } .bg-gradient-vb-black { background: linear-gradient(to bottom, #00000000, #606060) !important; } .bg-gradient-vb-dark-grey { background: linear-gradient(to bottom, #BDBDBD, #424242) !important; } .bg-gradient-vb-theme { background: linear-gradient(to bottom, #3D729E, #23415A); } .bg-gradient-vb-white { background: linear-gradient(to bottom, #ffffff, #ffffff); } .bg-gradient-vb-black { background: linear-gradient(to bottom, #ffffff, #000000); } .bg-gradient-vb-grey { background: linear-gradient(to bottom, #ffffff, #9E9E9E); } .bg-gradient-vb-grey-lighten-5 { background: linear-gradient(to bottom, #ffffff, #FAFAFA); } .bg-gradient-vb-grey-lighten-4 { background: linear-gradient(to bottom, #ffffff, #F5F5F5); } .bg-gradient-vb-grey-lighten-3 { background: linear-gradient(to bottom, #ffffff, #EEEEEE); } .bg-gradient-vb-grey-lighten-2 { background: linear-gradient(to bottom, #ffffff, #E0E0E0); } .bg-gradient-vb-grey-lighten-1 { background: linear-gradient(to bottom, #ffffff, #BDBDBD); } .bg-gradient-vb-grey-darken-1 { background: linear-gradient(to bottom, #ffffff, #757575); } .bg-gradient-vb-grey-darken-2 { background: linear-gradient(to bottom, #ffffff, #616161); } .bg-gradient-vb-grey-darken-3 { background: linear-gradient(to bottom, #ffffff, #424242); } .bg-gradient-vb-grey-darken-4 { background: linear-gradient(to bottom, #ffffff, #212121); } .bg-gradient-vb-blue-grey { background: linear-gradient(to bottom, #ffffff, #607D8B); } .bg-gradient-vb-blue-grey-lighten-5 { background: linear-gradient(to bottom, #ffffff, #ECEFF1); } .bg-gradient-vb-blue-grey-lighten-4 { background: linear-gradient(to bottom, #ffffff, #CFD8DC); } .bg-gradient-vb-blue-grey-lighten-3 { background: linear-gradient(to bottom, #ffffff, #B0BEC5); } .bg-gradient-vb-blue-grey-lighten-2 { background: linear-gradient(to bottom, #ffffff, #90A4AE); } .bg-gradient-vb-blue-grey-lighten-1 { background: linear-gradient(to bottom, #ffffff, #78909C); } .bg-gradient-vb-blue-grey-darken-1 { background: linear-gradient(to bottom, #ffffff, #546E7A); } .bg-gradient-vb-blue-grey-darken-2 { background: linear-gradient(to bottom, #ffffff, #455A64); } .bg-gradient-vb-blue-grey-darken-3 { background: linear-gradient(to bottom, #ffffff, #37474F); } .bg-gradient-vb-blue-grey-darken-4 { background: linear-gradient(to bottom, #ffffff, #263238); } .bg-gradient-vb-primary { background: linear-gradient(to bottom, #ffffff, #2196f3); } .bg-gradient-vb-secondary { background: linear-gradient(to bottom, #ffffff, #6c757d); } .bg-gradient-vb-success { background: linear-gradient(to bottom, #ffffff, #20ad20); } .bg-gradient-vb-info { background: linear-gradient(to bottom, #ffffff, #4dd0e1); } .bg-gradient-vb-warning { background: linear-gradient(to bottom, #ffffff, #f9cf48); } .bg-gradient-vb-danger { background: linear-gradient(to bottom, #ffffff, #f23629); } .bg-gradient-vb-alert { background: linear-gradient(to bottom, #ffffff, #f57b1d); } .bg-gradient-vb-theme { background: linear-gradient(to bottom, #ffffff, #356287); } .bg-gradient-vb-white { background: linear-gradient(to bottom, #ffffff, #ffffff); } .bg-gradient-vb-purple { background: linear-gradient(to bottom, #ffffff, #6A1B9A); } .bg-gradient-vb-theme { background: linear-gradient(to bottom, #ffffff, #4682b4); } .bg-gradient-vb-theme-lighten-5 { background: linear-gradient(to bottom, #ffffff, #E8EFF6); } .bg-gradient-vb-theme-lighten-4 { background: linear-gradient(to bottom, #ffffff, #D1E0EC); } .bg-gradient-vb-theme-lighten-3 { background: linear-gradient(to bottom, #ffffff, #BAD0E3); } .bg-gradient-vb-theme-lighten-2 { background: linear-gradient(to bottom, #ffffff, #A3C1DA); } .bg-gradient-vb-theme-lighten-1 { background: linear-gradient(to bottom, #ffffff, #74A1C7); } .bg-gradient-vb-theme-darken-1 { background: linear-gradient(to bottom, #ffffff, #3D729E); } .bg-gradient-vb-theme-darken-2 { background: linear-gradient(to bottom, #ffffff, #356287); } .bg-gradient-vb-theme-darken-3 { background: linear-gradient(to bottom, #ffffff, #2C5171); } .bg-gradient-vb-theme-darken-4 { background: linear-gradient(to bottom, #ffffff, #23415A); } .bg-gradient-vb-theme-accent-1 { background: linear-gradient(to bottom, #ffffff, #7ba7cc); } .bg-gradient-vb-theme-accent-2 { background: linear-gradient(to bottom, #ffffff, #568ebd); } .bg-gradient-vb-theme-accent-3 { background: linear-gradient(to bottom, #ffffff, #3f75a2); } .bg-gradient-vb-theme-accent-4 { background: linear-gradient(to bottom, #ffffff, #315a7d); } .btn-gradient-v-primary { color: #ffffff; background: linear-gradient(to bottom, #e0f1ff, #14619c); border-color: #2196f3; } .btn-gradient-v-primary:hover { color: #ffffff; background: linear-gradient(to bottom, #14619c, #e0f1ff); } .btn-gradient-v-primary:focus, .btn-gradient-v-primary.focus { color: #ffffff; background: linear-gradient(to bottom, #14619c, #e0f1ff); border-color: #2196f3; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-gradient-v-primary.disabled, .btn-gradient-v-primary:disabled { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-primary:not(:disabled):not(.disabled):active, .btn-gradient-v-primary:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-primary.dropdown-toggle { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-primary:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-grey-gradient-v-primary { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-primary:hover { color: #14619c; border-color: #14619c; } .btn-grey-gradient-v-primary:focus, .btn-grey-gradient-v-primary.focus { color: #14619c; border-color: #14619c; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-grey-gradient-v-primary.disabled, .btn-grey-gradient-v-primary:disabled { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-primary:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-primary:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-primary.dropdown-toggle { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-primary:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-gradient-v-secondary { color: #ffffff; background: linear-gradient(to bottom, #e1e1e1, #4b5257); border-color: #6c757d; } .btn-gradient-v-secondary:hover { color: #ffffff; background: linear-gradient(to bottom, #4b5257, #e1e1e1); } .btn-gradient-v-secondary:focus, .btn-gradient-v-secondary.focus { color: #ffffff; background: linear-gradient(to bottom, #4b5257, #e1e1e1); border-color: #6c757d; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-gradient-v-secondary.disabled, .btn-gradient-v-secondary:disabled { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-secondary:not(:disabled):not(.disabled):active, .btn-gradient-v-secondary:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-secondary.dropdown-toggle { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-secondary:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-grey-gradient-v-secondary { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-secondary:hover { color: #4b5257; border-color: #4b5257; } .btn-grey-gradient-v-secondary:focus, .btn-grey-gradient-v-secondary.focus { color: #4b5257; border-color: #4b5257; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-grey-gradient-v-secondary.disabled, .btn-grey-gradient-v-secondary:disabled { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-secondary:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-secondary:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-secondary.dropdown-toggle { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-secondary:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-gradient-v-success { color: #ffffff; background: linear-gradient(to bottom, #e8fac7, #079107); border-color: #20ad20; } .btn-gradient-v-success:hover { color: #ffffff; background: linear-gradient(to bottom, #079107, #e8fac7); } .btn-gradient-v-success:focus, .btn-gradient-v-success.focus { color: #ffffff; background: linear-gradient(to bottom, #079107, #e8fac7); border-color: #20ad20; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-gradient-v-success.disabled, .btn-gradient-v-success:disabled { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-success:not(:disabled):not(.disabled):active, .btn-gradient-v-success:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-success.dropdown-toggle { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-success:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-success:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-grey-gradient-v-success { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-success:hover { color: #079107; border-color: #079107; } .btn-grey-gradient-v-success:focus, .btn-grey-gradient-v-success.focus { color: #079107; border-color: #079107; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-grey-gradient-v-success.disabled, .btn-grey-gradient-v-success:disabled { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-success:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-success:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-success.dropdown-toggle { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-success:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-success:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-gradient-v-info { color: #ffffff; background: linear-gradient(to bottom, #d2f9ff, #25a2b3); border-color: #4dd0e1; } .btn-gradient-v-info:hover { color: #ffffff; background: linear-gradient(to bottom, #25a2b3, #d2f9ff); } .btn-gradient-v-info:focus, .btn-gradient-v-info.focus { color: #ffffff; background: linear-gradient(to bottom, #25a2b3, #d2f9ff); border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-gradient-v-info.disabled, .btn-gradient-v-info:disabled { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-info:not(:disabled):not(.disabled):active, .btn-gradient-v-info:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-info.dropdown-toggle { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-info:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-info:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-grey-gradient-v-info { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-info:hover { color: #25a2b3; border-color: #25a2b3; } .btn-grey-gradient-v-info:focus, .btn-grey-gradient-v-info.focus { color: #25a2b3; border-color: #25a2b3; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-grey-gradient-v-info.disabled, .btn-grey-gradient-v-info:disabled { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-info:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-info:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-info.dropdown-toggle { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-info:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-info:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-gradient-v-warning { color: #ffffff; background: linear-gradient(to bottom, #fef6d9, #edbe00); border-color: #f9cf48; } .btn-gradient-v-warning:hover { color: #ffffff; background: linear-gradient(to bottom, #edbe00, #fef6d9); } .btn-gradient-v-warning:focus, .btn-gradient-v-warning.focus { color: #ffffff; background: linear-gradient(to bottom, #edbe00, #fef6d9); border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-gradient-v-warning.disabled, .btn-gradient-v-warning:disabled { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-warning:not(:disabled):not(.disabled):active, .btn-gradient-v-warning:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-warning.dropdown-toggle { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-warning:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-grey-gradient-v-warning { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-warning:hover { color: #edbe00; border-color: #edbe00; } .btn-grey-gradient-v-warning:focus, .btn-grey-gradient-v-warning.focus { color: #edbe00; border-color: #edbe00; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-grey-gradient-v-warning.disabled, .btn-grey-gradient-v-warning:disabled { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-warning:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-warning:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-warning.dropdown-toggle { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-warning:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-gradient-v-danger { color: #ffffff; background: linear-gradient(to bottom, #ffd4d1, #c23329); border-color: #f23629; } .btn-gradient-v-danger:hover { color: #ffffff; background: linear-gradient(to bottom, #c23329, #ffd4d1); } .btn-gradient-v-danger:focus, .btn-gradient-v-danger.focus { color: #ffffff; background: linear-gradient(to bottom, #c23329, #ffd4d1); border-color: #f23629; box-shadow: 0 0 0 0.2rem #f23629; } .btn-gradient-v-danger.disabled, .btn-gradient-v-danger:disabled { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-danger:not(:disabled):not(.disabled):active, .btn-gradient-v-danger:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-danger.dropdown-toggle { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-danger:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-grey-gradient-v-danger { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-danger:hover { color: #c23329; border-color: #c23329; } .btn-grey-gradient-v-danger:focus, .btn-grey-gradient-v-danger.focus { color: #c23329; border-color: #c23329; box-shadow: 0 0 0 0.2rem #f23629; } .btn-grey-gradient-v-danger.disabled, .btn-grey-gradient-v-danger:disabled { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-danger:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-danger:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-danger.dropdown-toggle { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-danger:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-gradient-v-alert { color: #ffffff; background: linear-gradient(to bottom, #fad6ba, #d35f07); border-color: #f57b1d; } .btn-gradient-v-alert:hover { color: #ffffff; background: linear-gradient(to bottom, #d35f07, #fad6ba); } .btn-gradient-v-alert:focus, .btn-gradient-v-alert.focus { color: #ffffff; background: linear-gradient(to bottom, #d35f07, #fad6ba); border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-gradient-v-alert.disabled, .btn-gradient-v-alert:disabled { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-alert:not(:disabled):not(.disabled):active, .btn-gradient-v-alert:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-alert.dropdown-toggle { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-alert:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-grey-gradient-v-alert { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-alert:hover { color: #d35f07; border-color: #d35f07; } .btn-grey-gradient-v-alert:focus, .btn-grey-gradient-v-alert.focus { color: #d35f07; border-color: #d35f07; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-grey-gradient-v-alert.disabled, .btn-grey-gradient-v-alert:disabled { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-alert:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-alert:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-alert.dropdown-toggle { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-alert:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-gradient-v-theme { color: #ffffff; background: linear-gradient(to bottom, #4682b4, #2C5171); border-color: #356287; } .btn-gradient-v-theme:hover { color: #ffffff; background: linear-gradient(to bottom, #2C5171, #4682b4); } .btn-gradient-v-theme:focus, .btn-gradient-v-theme.focus { color: #ffffff; background: linear-gradient(to bottom, #2C5171, #4682b4); border-color: #356287; box-shadow: 0 0 0 0.2rem #356287; } .btn-gradient-v-theme.disabled, .btn-gradient-v-theme:disabled { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-theme:not(:disabled):not(.disabled):active, .btn-gradient-v-theme:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-theme.dropdown-toggle { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-theme:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-grey-gradient-v-theme { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-theme:hover { color: #2C5171; border-color: #2C5171; } .btn-grey-gradient-v-theme:focus, .btn-grey-gradient-v-theme.focus { color: #2C5171; border-color: #2C5171; box-shadow: 0 0 0 0.2rem #356287; } .btn-grey-gradient-v-theme.disabled, .btn-grey-gradient-v-theme:disabled { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-theme:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-theme:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-theme.dropdown-toggle { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-theme:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-gradient-v-white { color: #ffffff; background: linear-gradient(to bottom, #F5F5F5, #EEEEEE); border-color: #ffffff; } .btn-gradient-v-white:hover { color: #ffffff; background: linear-gradient(to bottom, #EEEEEE, #F5F5F5); } .btn-gradient-v-white:focus, .btn-gradient-v-white.focus { color: #ffffff; background: linear-gradient(to bottom, #EEEEEE, #F5F5F5); border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-gradient-v-white.disabled, .btn-gradient-v-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-white:not(:disabled):not(.disabled):active, .btn-gradient-v-white:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-white.dropdown-toggle { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-white:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-white:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-grey-gradient-v-white { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-white:hover { color: #EEEEEE; border-color: #EEEEEE; } .btn-grey-gradient-v-white:focus, .btn-grey-gradient-v-white.focus { color: #EEEEEE; border-color: #EEEEEE; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-grey-gradient-v-white.disabled, .btn-grey-gradient-v-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-white:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-white:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-white.dropdown-toggle { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-white:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-white:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-gradient-v-purple { color: #ffffff; background: linear-gradient(to bottom, #f5ebfc, #4A148C); border-color: #6A1B9A; } .btn-gradient-v-purple:hover { color: #ffffff; background: linear-gradient(to bottom, #4A148C, #f5ebfc); } .btn-gradient-v-purple:focus, .btn-gradient-v-purple.focus { color: #ffffff; background: linear-gradient(to bottom, #4A148C, #f5ebfc); border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-gradient-v-purple.disabled, .btn-gradient-v-purple:disabled { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-purple:not(:disabled):not(.disabled):active, .btn-gradient-v-purple:not(:disabled):not(.disabled).active, .show > .btn-gradient-v-purple.dropdown-toggle { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-v-purple:not(:disabled):not(.disabled):active:focus, .btn-gradient-v-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-v-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-grey-gradient-v-purple { color: #616161; background: linear-gradient(to bottom, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-v-purple:hover { color: #4A148C; border-color: #4A148C; } .btn-grey-gradient-v-purple:focus, .btn-grey-gradient-v-purple.focus { color: #4A148C; border-color: #4A148C; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-grey-gradient-v-purple.disabled, .btn-grey-gradient-v-purple:disabled { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-purple:not(:disabled):not(.disabled):active, .btn-grey-gradient-v-purple:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-v-purple.dropdown-toggle { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-v-purple:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-v-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-v-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .bg-gradient-hl-white { background: linear-gradient(to left, #ffffff00, #ffffff) !important; } .bg-gradient-hl-black { background: linear-gradient(to left, #00000000, #606060) !important; } .bg-gradient-hl-dark-grey { background: linear-gradient(to left, #BDBDBD, #424242) !important; } .bg-gradient-hl-theme { background: linear-gradient(to left, #3D729E, #23415A); } .bg-gradient-hl-primary { background: linear-gradient(to left, #ffffff, #2196f3); } .bg-gradient-hl-secondary { background: linear-gradient(to left, #ffffff, #6c757d); } .bg-gradient-hl-success { background: linear-gradient(to left, #ffffff, #20ad20); } .bg-gradient-hl-info { background: linear-gradient(to left, #ffffff, #4dd0e1); } .bg-gradient-hl-warning { background: linear-gradient(to left, #ffffff, #f9cf48); } .bg-gradient-hl-danger { background: linear-gradient(to left, #ffffff, #f23629); } .bg-gradient-hl-alert { background: linear-gradient(to left, #ffffff, #f57b1d); } .bg-gradient-hl-theme { background: linear-gradient(to left, #ffffff, #356287); } .bg-gradient-hl-white { background: linear-gradient(to left, #ffffff, #ffffff); } .bg-gradient-hl-purple { background: linear-gradient(to left, #ffffff, #6A1B9A); } .bg-gradient-hl-theme { background: linear-gradient(to left, #ffffff, #4682b4); } .bg-gradient-hl-theme-lighten-5 { background: linear-gradient(to left, #ffffff, #E8EFF6); } .bg-gradient-hl-theme-lighten-4 { background: linear-gradient(to left, #ffffff, #D1E0EC); } .bg-gradient-hl-theme-lighten-3 { background: linear-gradient(to left, #ffffff, #BAD0E3); } .bg-gradient-hl-theme-lighten-2 { background: linear-gradient(to left, #ffffff, #A3C1DA); } .bg-gradient-hl-theme-lighten-1 { background: linear-gradient(to left, #ffffff, #74A1C7); } .bg-gradient-hl-theme-darken-1 { background: linear-gradient(to left, #ffffff, #3D729E); } .bg-gradient-hl-theme-darken-2 { background: linear-gradient(to left, #ffffff, #356287); } .bg-gradient-hl-theme-darken-3 { background: linear-gradient(to left, #ffffff, #2C5171); } .bg-gradient-hl-theme-darken-4 { background: linear-gradient(to left, #ffffff, #23415A); } .bg-gradient-hl-theme-accent-1 { background: linear-gradient(to left, #ffffff, #7ba7cc); } .bg-gradient-hl-theme-accent-2 { background: linear-gradient(to left, #ffffff, #568ebd); } .bg-gradient-hl-theme-accent-3 { background: linear-gradient(to left, #ffffff, #3f75a2); } .bg-gradient-hl-theme-accent-4 { background: linear-gradient(to left, #ffffff, #315a7d); } .bg-gradient-hl-white { background: linear-gradient(to left, #ffffff, #ffffff); } .bg-gradient-hl-black { background: linear-gradient(to left, #ffffff, #000000); } .bg-gradient-hl-grey { background: linear-gradient(to left, #ffffff, #9E9E9E); } .bg-gradient-hl-grey-lighten-5 { background: linear-gradient(to left, #ffffff, #FAFAFA); } .bg-gradient-hl-grey-lighten-4 { background: linear-gradient(to left, #ffffff, #F5F5F5); } .bg-gradient-hl-grey-lighten-3 { background: linear-gradient(to left, #ffffff, #EEEEEE); } .bg-gradient-hl-grey-lighten-2 { background: linear-gradient(to left, #ffffff, #E0E0E0); } .bg-gradient-hl-grey-lighten-1 { background: linear-gradient(to left, #ffffff, #BDBDBD); } .bg-gradient-hl-grey-darken-1 { background: linear-gradient(to left, #ffffff, #757575); } .bg-gradient-hl-grey-darken-2 { background: linear-gradient(to left, #ffffff, #616161); } .bg-gradient-hl-grey-darken-3 { background: linear-gradient(to left, #ffffff, #424242); } .bg-gradient-hl-grey-darken-4 { background: linear-gradient(to left, #ffffff, #212121); } .bg-gradient-hl-blue-grey { background: linear-gradient(to left, #ffffff, #607D8B); } .bg-gradient-hl-blue-grey-lighten-5 { background: linear-gradient(to left, #ffffff, #ECEFF1); } .bg-gradient-hl-blue-grey-lighten-4 { background: linear-gradient(to left, #ffffff, #CFD8DC); } .bg-gradient-hl-blue-grey-lighten-3 { background: linear-gradient(to left, #ffffff, #B0BEC5); } .bg-gradient-hl-blue-grey-lighten-2 { background: linear-gradient(to left, #ffffff, #90A4AE); } .bg-gradient-hl-blue-grey-lighten-1 { background: linear-gradient(to left, #ffffff, #78909C); } .bg-gradient-hl-blue-grey-darken-1 { background: linear-gradient(to left, #ffffff, #546E7A); } .bg-gradient-hl-blue-grey-darken-2 { background: linear-gradient(to left, #ffffff, #455A64); } .bg-gradient-hl-blue-grey-darken-3 { background: linear-gradient(to left, #ffffff, #37474F); } .bg-gradient-hl-blue-grey-darken-4 { background: linear-gradient(to left, #ffffff, #263238); } .bg-gradient-hr-white { background: linear-gradient(to right, #ffffff00, #ffffff) !important; } .bg-gradient-hr-black { background: linear-gradient(to right, #00000000, #606060) !important; } .bg-gradient-hr-dark-grey { background: linear-gradient(to right, #BDBDBD, #424242) !important; } .bg-gradient-hr-theme { background: linear-gradient(to right, #3D729E, #23415A); } .bg-gradient-hr-primary { background: linear-gradient(to right, #ffffff, #2196f3); } .bg-gradient-hr-secondary { background: linear-gradient(to right, #ffffff, #6c757d); } .bg-gradient-hr-success { background: linear-gradient(to right, #ffffff, #20ad20); } .bg-gradient-hr-info { background: linear-gradient(to right, #ffffff, #4dd0e1); } .bg-gradient-hr-warning { background: linear-gradient(to right, #ffffff, #f9cf48); } .bg-gradient-hr-danger { background: linear-gradient(to right, #ffffff, #f23629); } .bg-gradient-hr-alert { background: linear-gradient(to right, #ffffff, #f57b1d); } .bg-gradient-hr-theme { background: linear-gradient(to right, #ffffff, #356287); } .bg-gradient-hr-white { background: linear-gradient(to right, #ffffff, #ffffff); } .bg-gradient-hr-purple { background: linear-gradient(to right, #ffffff, #6A1B9A); } .bg-gradient-hr-theme { background: linear-gradient(to right, #ffffff, #4682b4); } .bg-gradient-hr-theme-lighten-5 { background: linear-gradient(to right, #ffffff, #E8EFF6); } .bg-gradient-hr-theme-lighten-4 { background: linear-gradient(to right, #ffffff, #D1E0EC); } .bg-gradient-hr-theme-lighten-3 { background: linear-gradient(to right, #ffffff, #BAD0E3); } .bg-gradient-hr-theme-lighten-2 { background: linear-gradient(to right, #ffffff, #A3C1DA); } .bg-gradient-hr-theme-lighten-1 { background: linear-gradient(to right, #ffffff, #74A1C7); } .bg-gradient-hr-theme-darken-1 { background: linear-gradient(to right, #ffffff, #3D729E); } .bg-gradient-hr-theme-darken-2 { background: linear-gradient(to right, #ffffff, #356287); } .bg-gradient-hr-theme-darken-3 { background: linear-gradient(to right, #ffffff, #2C5171); } .bg-gradient-hr-theme-darken-4 { background: linear-gradient(to right, #ffffff, #23415A); } .bg-gradient-hr-theme-accent-1 { background: linear-gradient(to right, #ffffff, #7ba7cc); } .bg-gradient-hr-theme-accent-2 { background: linear-gradient(to right, #ffffff, #568ebd); } .bg-gradient-hr-theme-accent-3 { background: linear-gradient(to right, #ffffff, #3f75a2); } .bg-gradient-hr-theme-accent-4 { background: linear-gradient(to right, #ffffff, #315a7d); } .bg-gradient-hr-white { background: linear-gradient(to right, #ffffff, #ffffff); } .bg-gradient-hr-black { background: linear-gradient(to right, #ffffff, #000000); } .bg-gradient-hr-grey { background: linear-gradient(to right, #ffffff, #9E9E9E); } .bg-gradient-hr-grey-lighten-5 { background: linear-gradient(to right, #ffffff, #FAFAFA); } .bg-gradient-hr-grey-lighten-4 { background: linear-gradient(to right, #ffffff, #F5F5F5); } .bg-gradient-hr-grey-lighten-3 { background: linear-gradient(to right, #ffffff, #EEEEEE); } .bg-gradient-hr-grey-lighten-2 { background: linear-gradient(to right, #ffffff, #E0E0E0); } .bg-gradient-hr-grey-lighten-1 { background: linear-gradient(to right, #ffffff, #BDBDBD); } .bg-gradient-hr-grey-darken-1 { background: linear-gradient(to right, #ffffff, #757575); } .bg-gradient-hr-grey-darken-2 { background: linear-gradient(to right, #ffffff, #616161); } .bg-gradient-hr-grey-darken-3 { background: linear-gradient(to right, #ffffff, #424242); } .bg-gradient-hr-grey-darken-4 { background: linear-gradient(to right, #ffffff, #212121); } .bg-gradient-hr-blue-grey { background: linear-gradient(to right, #ffffff, #607D8B); } .bg-gradient-hr-blue-grey-lighten-5 { background: linear-gradient(to right, #ffffff, #ECEFF1); } .bg-gradient-hr-blue-grey-lighten-4 { background: linear-gradient(to right, #ffffff, #CFD8DC); } .bg-gradient-hr-blue-grey-lighten-3 { background: linear-gradient(to right, #ffffff, #B0BEC5); } .bg-gradient-hr-blue-grey-lighten-2 { background: linear-gradient(to right, #ffffff, #90A4AE); } .bg-gradient-hr-blue-grey-lighten-1 { background: linear-gradient(to right, #ffffff, #78909C); } .bg-gradient-hr-blue-grey-darken-1 { background: linear-gradient(to right, #ffffff, #546E7A); } .bg-gradient-hr-blue-grey-darken-2 { background: linear-gradient(to right, #ffffff, #455A64); } .bg-gradient-hr-blue-grey-darken-3 { background: linear-gradient(to right, #ffffff, #37474F); } .bg-gradient-hr-blue-grey-darken-4 { background: linear-gradient(to right, #ffffff, #263238); } .btn-gradient-h-primary { color: #ffffff; background: linear-gradient(to right, #e0f1ff, #14619c); border-color: #2196f3; } .btn-gradient-h-primary:hover { color: #ffffff; background: linear-gradient(to right, #14619c, #e0f1ff); } .btn-gradient-h-primary:focus { color: #ffffff; background: linear-gradient(to right, #14619c, #e0f1ff); border-color: #2196f3; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-gradient-h-primary.disabled, .btn-gradient-h-primary:disabled { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-primary:not(:disabled):not(.disabled):active, .btn-gradient-h-primary:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-primary.dropdown-toggle { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-primary:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-grey-gradient-h-primary { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-primary:hover { color: #14619c; border-color: #14619c; } .btn-grey-gradient-h-primary:focus, .btn-grey-gradient-h-primary.focus { color: #14619c; border-color: #14619c; box-shadow: 0 0 0 0.2rem #2196f3; } .btn-grey-gradient-h-primary.disabled, .btn-grey-gradient-h-primary:disabled { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-primary:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-primary:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-primary.dropdown-toggle { color: #2196f3; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-primary:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #2196f3; } .btn-gradient-h-secondary { color: #ffffff; background: linear-gradient(to right, #e1e1e1, #4b5257); border-color: #6c757d; } .btn-gradient-h-secondary:hover { color: #ffffff; background: linear-gradient(to right, #4b5257, #e1e1e1); } .btn-gradient-h-secondary:focus { color: #ffffff; background: linear-gradient(to right, #4b5257, #e1e1e1); border-color: #6c757d; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-gradient-h-secondary.disabled, .btn-gradient-h-secondary:disabled { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-secondary:not(:disabled):not(.disabled):active, .btn-gradient-h-secondary:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-secondary.dropdown-toggle { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-secondary:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-grey-gradient-h-secondary { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-secondary:hover { color: #4b5257; border-color: #4b5257; } .btn-grey-gradient-h-secondary:focus, .btn-grey-gradient-h-secondary.focus { color: #4b5257; border-color: #4b5257; box-shadow: 0 0 0 0.2rem #6c757d; } .btn-grey-gradient-h-secondary.disabled, .btn-grey-gradient-h-secondary:disabled { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-secondary:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-secondary:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-secondary.dropdown-toggle { color: #6c757d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-secondary:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6c757d; } .btn-gradient-h-success { color: #ffffff; background: linear-gradient(to right, #e8fac7, #079107); border-color: #20ad20; } .btn-gradient-h-success:hover { color: #ffffff; background: linear-gradient(to right, #079107, #e8fac7); } .btn-gradient-h-success:focus { color: #ffffff; background: linear-gradient(to right, #079107, #e8fac7); border-color: #20ad20; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-gradient-h-success.disabled, .btn-gradient-h-success:disabled { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-success:not(:disabled):not(.disabled):active, .btn-gradient-h-success:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-success.dropdown-toggle { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-success:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-success:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-grey-gradient-h-success { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-success:hover { color: #079107; border-color: #079107; } .btn-grey-gradient-h-success:focus, .btn-grey-gradient-h-success.focus { color: #079107; border-color: #079107; box-shadow: 0 0 0 0.2rem #20ad20; } .btn-grey-gradient-h-success.disabled, .btn-grey-gradient-h-success:disabled { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-success:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-success:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-success.dropdown-toggle { color: #20ad20; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-success:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-success:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #20ad20; } .btn-gradient-h-info { color: #ffffff; background: linear-gradient(to right, #d2f9ff, #25a2b3); border-color: #4dd0e1; } .btn-gradient-h-info:hover { color: #ffffff; background: linear-gradient(to right, #25a2b3, #d2f9ff); } .btn-gradient-h-info:focus { color: #ffffff; background: linear-gradient(to right, #25a2b3, #d2f9ff); border-color: #4dd0e1; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-gradient-h-info.disabled, .btn-gradient-h-info:disabled { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-info:not(:disabled):not(.disabled):active, .btn-gradient-h-info:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-info.dropdown-toggle { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-info:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-info:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-grey-gradient-h-info { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-info:hover { color: #25a2b3; border-color: #25a2b3; } .btn-grey-gradient-h-info:focus, .btn-grey-gradient-h-info.focus { color: #25a2b3; border-color: #25a2b3; box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-grey-gradient-h-info.disabled, .btn-grey-gradient-h-info:disabled { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-info:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-info:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-info.dropdown-toggle { color: #4dd0e1; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-info:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-info:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #4dd0e1; } .btn-gradient-h-warning { color: #ffffff; background: linear-gradient(to right, #fef6d9, #edbe00); border-color: #f9cf48; } .btn-gradient-h-warning:hover { color: #ffffff; background: linear-gradient(to right, #edbe00, #fef6d9); } .btn-gradient-h-warning:focus { color: #ffffff; background: linear-gradient(to right, #edbe00, #fef6d9); border-color: #f9cf48; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-gradient-h-warning.disabled, .btn-gradient-h-warning:disabled { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-warning:not(:disabled):not(.disabled):active, .btn-gradient-h-warning:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-warning.dropdown-toggle { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-warning:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-grey-gradient-h-warning { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-warning:hover { color: #edbe00; border-color: #edbe00; } .btn-grey-gradient-h-warning:focus, .btn-grey-gradient-h-warning.focus { color: #edbe00; border-color: #edbe00; box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-grey-gradient-h-warning.disabled, .btn-grey-gradient-h-warning:disabled { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-warning:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-warning:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-warning.dropdown-toggle { color: #f9cf48; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-warning:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f9cf48; } .btn-gradient-h-danger { color: #ffffff; background: linear-gradient(to right, #ffd4d1, #c23329); border-color: #f23629; } .btn-gradient-h-danger:hover { color: #ffffff; background: linear-gradient(to right, #c23329, #ffd4d1); } .btn-gradient-h-danger:focus { color: #ffffff; background: linear-gradient(to right, #c23329, #ffd4d1); border-color: #f23629; box-shadow: 0 0 0 0.2rem #f23629; } .btn-gradient-h-danger.disabled, .btn-gradient-h-danger:disabled { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-danger:not(:disabled):not(.disabled):active, .btn-gradient-h-danger:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-danger.dropdown-toggle { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-danger:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-grey-gradient-h-danger { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-danger:hover { color: #c23329; border-color: #c23329; } .btn-grey-gradient-h-danger:focus, .btn-grey-gradient-h-danger.focus { color: #c23329; border-color: #c23329; box-shadow: 0 0 0 0.2rem #f23629; } .btn-grey-gradient-h-danger.disabled, .btn-grey-gradient-h-danger:disabled { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-danger:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-danger:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-danger.dropdown-toggle { color: #f23629; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-danger:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f23629; } .btn-gradient-h-alert { color: #ffffff; background: linear-gradient(to right, #fad6ba, #d35f07); border-color: #f57b1d; } .btn-gradient-h-alert:hover { color: #ffffff; background: linear-gradient(to right, #d35f07, #fad6ba); } .btn-gradient-h-alert:focus { color: #ffffff; background: linear-gradient(to right, #d35f07, #fad6ba); border-color: #f57b1d; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-gradient-h-alert.disabled, .btn-gradient-h-alert:disabled { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-alert:not(:disabled):not(.disabled):active, .btn-gradient-h-alert:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-alert.dropdown-toggle { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-alert:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-grey-gradient-h-alert { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-alert:hover { color: #d35f07; border-color: #d35f07; } .btn-grey-gradient-h-alert:focus, .btn-grey-gradient-h-alert.focus { color: #d35f07; border-color: #d35f07; box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-grey-gradient-h-alert.disabled, .btn-grey-gradient-h-alert:disabled { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-alert:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-alert:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-alert.dropdown-toggle { color: #f57b1d; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-alert:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-alert:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-alert.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #f57b1d; } .btn-gradient-h-theme { color: #ffffff; background: linear-gradient(to right, #4682b4, #2C5171); border-color: #356287; } .btn-gradient-h-theme:hover { color: #ffffff; background: linear-gradient(to right, #2C5171, #4682b4); } .btn-gradient-h-theme:focus { color: #ffffff; background: linear-gradient(to right, #2C5171, #4682b4); border-color: #356287; box-shadow: 0 0 0 0.2rem #356287; } .btn-gradient-h-theme.disabled, .btn-gradient-h-theme:disabled { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-theme:not(:disabled):not(.disabled):active, .btn-gradient-h-theme:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-theme.dropdown-toggle { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-theme:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-grey-gradient-h-theme { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-theme:hover { color: #2C5171; border-color: #2C5171; } .btn-grey-gradient-h-theme:focus, .btn-grey-gradient-h-theme.focus { color: #2C5171; border-color: #2C5171; box-shadow: 0 0 0 0.2rem #356287; } .btn-grey-gradient-h-theme.disabled, .btn-grey-gradient-h-theme:disabled { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-theme:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-theme:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-theme.dropdown-toggle { color: #356287; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-theme:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-theme.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #356287; } .btn-gradient-h-white { color: #ffffff; background: linear-gradient(to right, #F5F5F5, #EEEEEE); border-color: #ffffff; } .btn-gradient-h-white:hover { color: #ffffff; background: linear-gradient(to right, #EEEEEE, #F5F5F5); } .btn-gradient-h-white:focus { color: #ffffff; background: linear-gradient(to right, #EEEEEE, #F5F5F5); border-color: #ffffff; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-gradient-h-white.disabled, .btn-gradient-h-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-white:not(:disabled):not(.disabled):active, .btn-gradient-h-white:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-white.dropdown-toggle { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-white:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-white:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-grey-gradient-h-white { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-white:hover { color: #EEEEEE; border-color: #EEEEEE; } .btn-grey-gradient-h-white:focus, .btn-grey-gradient-h-white.focus { color: #EEEEEE; border-color: #EEEEEE; box-shadow: 0 0 0 0.2rem #ffffff; } .btn-grey-gradient-h-white.disabled, .btn-grey-gradient-h-white:disabled { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-white:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-white:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-white.dropdown-toggle { color: #ffffff; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-white:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-white:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #ffffff; } .btn-gradient-h-purple { color: #ffffff; background: linear-gradient(to right, #f5ebfc, #4A148C); border-color: #6A1B9A; } .btn-gradient-h-purple:hover { color: #ffffff; background: linear-gradient(to right, #4A148C, #f5ebfc); } .btn-gradient-h-purple:focus { color: #ffffff; background: linear-gradient(to right, #4A148C, #f5ebfc); border-color: #6A1B9A; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-gradient-h-purple.disabled, .btn-gradient-h-purple:disabled { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-purple:not(:disabled):not(.disabled):active, .btn-gradient-h-purple:not(:disabled):not(.disabled).active, .show > .btn-gradient-h-purple.dropdown-toggle { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-gradient-h-purple:not(:disabled):not(.disabled):active:focus, .btn-gradient-h-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-gradient-h-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-grey-gradient-h-purple { color: #616161; background: linear-gradient(to right, #ffffff, #BDBDBD); border-color: #E0E0E0; } .btn-grey-gradient-h-purple:hover { color: #4A148C; border-color: #4A148C; } .btn-grey-gradient-h-purple:focus, .btn-grey-gradient-h-purple.focus { color: #4A148C; border-color: #4A148C; box-shadow: 0 0 0 0.2rem #6A1B9A; } .btn-grey-gradient-h-purple.disabled, .btn-grey-gradient-h-purple:disabled { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-purple:not(:disabled):not(.disabled):active, .btn-grey-gradient-h-purple:not(:disabled):not(.disabled).active, .show > .btn-grey-gradient-h-purple.dropdown-toggle { color: #6A1B9A; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-grey-gradient-h-purple:not(:disabled):not(.disabled):active:focus, .btn-grey-gradient-h-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-grey-gradient-h-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem #6A1B9A; } .vgt-table.striped tbody tr:nth-of-type(odd) { background-color: rgba(51, 68, 109, 0.03); } /* Utility styles ************************************************/ .vgt-right-align { text-align: right; } .vgt-left-align { text-align: left; } .vgt-center-align { text-align: center; } .vgt-pull-left { float: left !important; } .vgt-pull-right { float: right !important; } .vgt-clearfix::after { display: block; content: ""; clear: both; } .vgt-responsive { width: 100%; overflow-x: auto; position: relative; } .vgt-text-disabled { color: #909399; } .sr-only { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .vgt-wrap { position: relative; } .vgt-fixed-header { position: absolute; z-index: 10; overflow-x: auto; } table.vgt-table { font-size: 16px; border-collapse: collapse; background-color: white; width: 100%; max-width: 100%; table-layout: auto; border: 1px solid #DCDFE6; } table.vgt-table td { padding: 0.75em 0.75em 0.75em 0.75em; vertical-align: top; border-bottom: 1px solid #DCDFE6; color: #606266; } table.vgt-table tr.clickable { cursor: pointer; } table.vgt-table tr.clickable:hover { background-color: #F1F5FD; } .vgt-table th { padding: 0.75em 1.5em 0.75em 0.75em; vertical-align: middle; position: relative; } .vgt-table th.sortable button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vgt-table th.sortable button:focus { outline: none; } .vgt-table th.sortable button:after { content: ""; position: absolute; height: 0px; width: 0px; right: 6px; top: 50%; margin-top: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #606266; } .vgt-table th.sortable button:before { content: ""; position: absolute; height: 0px; width: 0px; right: 6px; top: 50%; margin-bottom: -7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #606266; } .vgt-table th.line-numbers, .vgt-table th.vgt-checkbox-col { padding: 0 0.75em 0 0.75em; color: #606266; border-right: 1px solid #DCDFE6; word-wrap: break-word; width: 25px; text-align: center; background: linear-gradient(#F4F5F8, #F1F3F6); } .vgt-table th.filter-th { padding: 0.75em 0.75em 0.75em 0.75em; } .vgt-table th.vgt-row-header { border-bottom: 2px solid #DCDFE6; border-top: 2px solid #DCDFE6; background-color: #fafafb; } .vgt-table th.vgt-row-header .triangle { width: 24px; height: 24px; border-radius: 15%; position: relative; margin: 0px 8px; } .vgt-table th.vgt-row-header .triangle:after { content: ""; position: absolute; display: block; left: 50%; top: 50%; margin-top: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #606266; margin-left: -3px; transition: 0.3s ease transform; } .vgt-table th.vgt-row-header .triangle.expand:after { transform: rotate(90deg); } .vgt-table thead th { color: #606266; vertical-align: bottom; border-bottom: 1px solid #DCDFE6; padding-right: 1.5em; background: linear-gradient(#F4F5F8, #F1F3F6); } .vgt-table thead th.vgt-checkbox-col { vertical-align: middle; } .vgt-table thead th.sorting-asc button:after { border-bottom: 5px solid #409eff; } .vgt-table thead th.sorting-desc button:before { border-top: 5px solid #409eff; } .vgt-input, .vgt-select { width: 100%; height: 32px; line-height: 1; display: block; font-size: 14px; font-weight: normal; padding: 6px 12px; color: #606266; border-radius: 4px; box-sizing: border-box; background-image: none; background-color: #fff; border: 1px solid #DCDFE6; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .vgt-input::-moz-placeholder, .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #606266; opacity: 0.3; /* Firefox */ } .vgt-input:-ms-input-placeholder, .vgt-select:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #606266; opacity: 0.3; /* Firefox */ } .vgt-input::placeholder, .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #606266; opacity: 0.3; /* Firefox */ } .vgt-input:focus, .vgt-select:focus { outline: none; border-color: #409eff; } .vgt-loading { position: absolute; width: 100%; z-index: 10; margin-top: 117px; } .vgt-loading__content { background-color: #c0dfff; color: #409eff; padding: 7px 30px; border-radius: 3px; } .vgt-inner-wrap.is-loading { opacity: 0.5; pointer-events: none; } .vgt-table.bordered td, .vgt-table.bordered th { border: 1px solid #DCDFE6; } .vgt-table.bordered th.vgt-row-header { border-bottom: 3px solid #DCDFE6; } .vgt-wrap.rtl { direction: rtl; } .vgt-wrap.rtl .vgt-table thead th, .vgt-wrap.rtl .vgt-table.condensed thead th { padding-left: 1.5em; padding-right: 0.75em; } .vgt-wrap.rtl .vgt-table th.sorting:after, .vgt-wrap.rtl .vgt-table th.sorting-asc:after { margin-right: 5px; margin-left: 0px; } .vgt-wrap.rtl .vgt-table th.sortable:after, .vgt-wrap.rtl .vgt-table th.sortable:before { right: inherit; left: 6px; } .vgt-table.condensed td, .vgt-table.condensed th.vgt-row-header { padding: 0.4em 0.4em 0.4em 0.4em; } /*responsive compactMode*/ @media (max-width: 576px) { .vgt-compact * { box-sizing: border-box; } .vgt-compact tbody, .vgt-compact tr, .vgt-compact td { display: block; width: 100%; } .vgt-compact thead { display: none; } .vgt-compact tr { margin-bottom: 15px; } .vgt-compact td { text-align: right; position: relative; } .vgt-compact td:before { content: attr(data-label); position: relative; float: left; left: 0; width: 40%; padding-left: 10px; font-weight: bold; text-align: left; } .vgt-compact th.line-numbers { width: 100% !important; display: block; padding: 0.3em 1em !important; } } .vgt-global-search { padding: 5px 0px; display: flex; flex-wrap: nowrap; align-items: stretch; border: 1px solid #DCDFE6; border-bottom: 0px; background: linear-gradient(#F4F5F8, #F1F3F6); } .vgt-global-search form { display: flex; } .vgt-global-search form label { margin-top: 3px; } .vgt-global-search__input { position: relative; padding-left: 40px; flex-grow: 1; } .vgt-global-search__input .input__icon { position: absolute; left: 0px; max-width: 32px; } .vgt-global-search__input .input__icon .magnifying-glass { margin-top: 3px; margin-left: 8px; display: block; width: 16px; height: 16px; border: 2px solid #494949; position: relative; border-radius: 50%; } .vgt-global-search__input .input__icon .magnifying-glass:before { content: ""; display: block; position: absolute; right: -7px; bottom: -5px; background: #494949; width: 8px; height: 4px; border-radius: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .vgt-global-search__actions { margin-left: 10px; } .vgt-selection-info-row { background: #fdf9e8; padding: 5px 16px; font-size: 13px; border-top: 1px solid #DCDFE6; border-left: 1px solid #DCDFE6; border-right: 1px solid #DCDFE6; color: #d3aa3b; font-weight: bold; } .vgt-selection-info-row a { font-weight: bold; display: inline-block; margin-left: 10px; } .vgt-wrap__actions-footer { border: 1px solid #DCDFE6; } .vgt-wrap__footer { color: #606266; font-size: 1.1rem; padding: 1em; border: 1px solid #DCDFE6; background: linear-gradient(#F4F5F8, #F1F3F6); } .vgt-wrap__footer .footer__row-count__label, .vgt-wrap__footer .footer__row-count__select { display: inline-block; vertical-align: middle; } .vgt-wrap__footer .footer__row-count__label { font-size: 1.1rem; } .vgt-wrap__footer .footer__row-count__select { width: auto; font-size: 1.1rem; margin-left: 8px; padding: 3px; -webkit-appearance: listbox; -moz-appearance: listbox; } .vgt-wrap__footer .footer__navigation { font-size: 1.1rem; } .vgt-wrap__footer .footer__navigation > button:first-of-type { margin-right: 16px; } .vgt-wrap__footer .footer__navigation__page-btn, .vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-info { display: inline-block; vertical-align: middle; color: #909399; } .vgt-wrap__footer .footer__navigation__page-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; text-decoration: none; color: #606266; font-weight: bold; white-space: nowrap; vertical-align: middle; } .vgt-wrap__footer .footer__navigation__page-btn:hover { cursor: pointer; } .vgt-wrap__footer .footer__navigation__page-btn.disabled, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover { opacity: 0.5; cursor: not-allowed; } .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after { border-right-color: #606266; } .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after { border-left-color: #606266; } .vgt-wrap__footer .footer__navigation__page-btn span { display: inline-block; vertical-align: middle; font-size: 1.1rem; } .vgt-wrap__footer .footer__navigation__page-btn .chevron { width: 24px; height: 24px; border-radius: 15%; position: relative; margin: 0; display: inline-block; vertical-align: middle; } .vgt-wrap__footer .footer__navigation__page-btn .chevron:after { content: ""; position: absolute; display: block; left: 50%; top: 50%; margin-top: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after { border-right: 6px solid #409eff; margin-left: -3px; } .vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after { border-left: 6px solid #409eff; margin-left: -3px; } .vgt-wrap__footer .footer__navigation__info, .vgt-wrap__footer .footer__navigation__page-info { display: inline-block; margin: 0px 16px; } .vgt-wrap__footer .footer__navigation__page-info span { display: inline-block; vertical-align: middle; } .vgt-wrap__footer .footer__navigation__page-info__current-entry { width: 30px; text-align: center; vertical-align: middle; display: inline-block; margin: 0px 10px; font-weight: bold; } @media only screen and (max-width: 750px) { /* on small screens hide the info */ .vgt-wrap__footer .footer__navigation__info { display: none; } .vgt-wrap__footer .footer__navigation__page-btn { margin-left: 16px; } } .vgt-table.nocturnal { border: 1px solid #525252; background-color: #3c3c3c; } .vgt-table.nocturnal tr.clickable:hover { background-color: #445168; } .vgt-table.nocturnal td { border-bottom: 1px solid #525252; color: #C7CED8; } .vgt-table.nocturnal th.line-numbers, .vgt-table.nocturnal th.vgt-checkbox-col { color: #C7CED8; border-right: 1px solid #525252; background: linear-gradient(#2d2d2d, #393939); } .vgt-table.nocturnal thead th { color: #C7CED8; border-bottom: 1px solid #525252; background: linear-gradient(#2d2d2d, #393939); } .vgt-table.nocturnal thead th.sortable:before { border-top-color: #474747; } .vgt-table.nocturnal thead th.sortable:after { border-bottom-color: #474747; } .vgt-table.nocturnal thead th.sortable.sorting-asc { color: white; } .vgt-table.nocturnal thead th.sortable.sorting-asc:after { border-bottom-color: #409eff; } .vgt-table.nocturnal thead th.sortable.sorting-desc { color: white; } .vgt-table.nocturnal thead th.sortable.sorting-desc:before { border-top-color: #409eff; } .vgt-table.nocturnal.bordered td, .vgt-table.nocturnal.bordered th { border: 1px solid #525252; } .vgt-table.nocturnal .vgt-input, .vgt-table.nocturnal .vgt-select { color: #C7CED8; background-color: #2c2c2c; border: 1px solid #525252; } .vgt-table.nocturnal .vgt-input::-moz-placeholder, .vgt-table.nocturnal .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-table.nocturnal .vgt-input:-ms-input-placeholder, .vgt-table.nocturnal .vgt-select:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-table.nocturnal .vgt-input::placeholder, .vgt-table.nocturnal .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-wrap.nocturnal .vgt-wrap__footer { color: #C7CED8; border: 1px solid #525252; background: linear-gradient(#2d2d2d, #393939); } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label { color: #8290A7; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select { color: #C7CED8; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus { border-color: #409eff; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn { color: #C7CED8; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after { border-right-color: #C7CED8; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after { border-left-color: #C7CED8; } .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info { color: #8290A7; } .vgt-wrap.nocturnal .vgt-global-search { border: 1px solid #525252; background: linear-gradient(#2d2d2d, #393939); } .vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass { border: 2px solid #4d4d4d; } .vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before { background: #4d4d4d; } .vgt-wrap.nocturnal .vgt-global-search__input .vgt-input, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select { color: #C7CED8; background-color: #2c2c2c; border: 1px solid #525252; } .vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-wrap.nocturnal .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #C7CED8; opacity: 0.3; /* Firefox */ } .vgt-table.black-rhino { border: 1px solid #435169; background-color: #dfe5ee; } .vgt-table.black-rhino tr.clickable:hover { background-color: #fff; } .vgt-table.black-rhino td { border-bottom: 1px solid #bbc5d6; color: #49515e; } .vgt-table.black-rhino th.line-numbers, .vgt-table.black-rhino th.vgt-checkbox-col { color: #dae2f0; border-right: 1px solid #435169; background: linear-gradient(#4c5c79, #4e5d7c); } .vgt-table.black-rhino thead th { color: #dae2f0; text-shadow: 1px 1px #3e5170; border-bottom: 1px solid #435169; background: linear-gradient(#4c5c79, #4e5d7c); } .vgt-table.black-rhino thead th.sortable:before { border-top-color: #607498; } .vgt-table.black-rhino thead th.sortable:after { border-bottom-color: #607498; } .vgt-table.black-rhino thead th.sortable.sorting-asc { color: white; } .vgt-table.black-rhino thead th.sortable.sorting-asc:after { border-bottom-color: #409eff; } .vgt-table.black-rhino thead th.sortable.sorting-desc:before { border-top-color: #409eff; } .vgt-table.black-rhino.bordered td { border: 1px solid #bbc5d6; } .vgt-table.black-rhino.bordered th { border: 1px solid #435169; } .vgt-table.black-rhino .vgt-input, .vgt-table.black-rhino .vgt-select { color: #dae2f0; background-color: #34445f; border: 1px solid transparent; } .vgt-table.black-rhino .vgt-input::-moz-placeholder, .vgt-table.black-rhino .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ } .vgt-table.black-rhino .vgt-input:-ms-input-placeholder, .vgt-table.black-rhino .vgt-select:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ } .vgt-table.black-rhino .vgt-input::placeholder, .vgt-table.black-rhino .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ } .vgt-wrap.black-rhino .vgt-wrap__footer { color: #dae2f0; border: 1px solid #435169; background: linear-gradient(#4c5c79, #4e5d7c); } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count { position: relative; padding-right: 3px; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label { color: #98a5b9; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select { color: #49515e; background: #dfe5ee; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 15px; padding-left: 5px; border-radius: 3px; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand { display: none; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus { border-color: #409eff; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after { content: ""; display: block; position: absolute; height: 0px; width: 0px; right: 6px; top: 50%; margin-top: -1px; border-top: 6px solid #49515e; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; pointer-events: none; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn { color: #dae2f0; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after { border-right-color: #dae2f0; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after { border-left-color: #dae2f0; } .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info, .vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info { color: #dae2f0; } .vgt-wrap.black-rhino .vgt-global-search { border: 1px solid #435169; background: linear-gradient(#4c5c79, #4e5d7c); } .vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass { border: 2px solid #3f4c63; } .vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before { background: #3f4c63; } .vgt-wrap.black-rhino .vgt-global-search__input .vgt-input, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select { color: #dae2f0; background-color: #44516c; border: 1px solid transparent; } .vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ } .vgt-wrap.black-rhino .vgt-global-search__input .vgt-input:-ms-input-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ } .vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dae2f0; opacity: 0.3; /* Firefox */ }