< type="text/css"> .book_type { font-size: 1.1em; padding: 8px 12px; display: inline-block; } .book_type:hover { cursor: pointer; } .book_type.activex { background-color: #F6F6F6; box-shadow: inset 0px -3px 0px #4285f4; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .module-x { width: 100%; margin-bottom: 0px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .module p { margin: 0px; } .book-name { font-weight: 600; color: #5B5B5B; font-size: 1.1em; } .book-name:hover { color: #4285F4; } .bookcover { width: 100%; height: auto; margin-bottom: 10px; border-radius: 4px; } .bookcover:hover ~ .module-x>.book-name { color: #0d8dd0!important; } .margin-top-bottom-10px { margin-top: 10px; margin-bottom: 10px; } @media (min-width: 768px) { .padding-sides-15px-mobile { padding-right: 15px; padding-left: 15px; } } .de-panel { margin-bottom: 0; background-color: #fff; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .grade-option { /*margin: 0 10px;*/ padding: 5px 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 1.5em; display: inline-block; font-weight: 600; color: #868686; font-family: 'Nunito'sans-serif; } .grade-option:hover.grade-option.active { color: #5B5B5B; background: #F6F6F6; } .grade-option.active { box-shadow: inset 0px -3px 0px #4285f4; } .custom-tabs { font-size: 1.2em; font-weight: 500; /*border-bottom: 1px solid #ddd;*/ margin-bottom: 20px; } .custom-tabs > li { float: left; } .custom-tabs > li > a { color: #868686; padding: 10px 25px; } .custom-tabs > li > a:hover { cursor: pointer; } .custom-tabs > li > a { /*border-bottom: 3px solid #fff;*/ border-radius: 5px; } .custom-tabs > li.active > a.custom-tabs > li > a:hover.custom-tabs > li.active > a:focus { background-color: #F7F7F7; /*border-bottom: 3px solid #4285f4;*/ color: #5B5B5B; font-weight: 600; } .grade-scrollbar { overflow-x: scroll; } .grade-scrollbar::-webkit-scrollbar { height: 6px; } .grade-scrollbar::-webkit-scrollbar-thumb { background: #dbdbdb; } .grade-scrollbar::-webkit-scrollbar { display: block; } ::-webkit-scrollbar-thumb { border-radius: unset; background: unset; } .title-trial > h1 { font-size: 2.2em; margin-top: 5%; margin-bottom: 13%; font-weight: bold; } < type="text/css"> #suggestInstallApp { position: fixed; z-index: 9999999999; top: 0; right: 0; width: calc(100% - 24px); padding-bottom: 10px; background: rgb(90 90 90 / 40%); box-shadow: 1px 2px 7px rgba(1161161160.25); width: 100%; height: 100%; } #suggestInstallApp .btn-sgintapp-1 { width: 35%; height: auto; } #suggestInstallApp .btn-sgintapp-2 { width: 35%; height: auto; } .text-install-app { font-family: 'Raleway'sans-serif; font-: normal; font-weight: 500; font-size: 20px; color: #5B5B5B; padding: 20px 0px; } .btn-hide-install-app { position: absolute; top: 12px; right: 12px; width: 11px; height: 11px; }