styles.css

.lpb-ue-name{border:2px solid transparent;padding:.25em .75em;background-color:#92c7c4 !important;color:white !important}@keyframes rotate-rt{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(180deg)}}@keyframes flip{0%{opacity:0;-webkit-transform:perspective(400px) translateZ(0) rotateX(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateX(0) rotateY(0) scale(1)}33%{opacity:1;-webkit-transform:perspective(400px) translateZ(0) rotateX(180deg) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateX(180deg) rotateY(0) scale(1)}66%{opacity:0;-webkit-transform:perspective(400px) translateZ(0) rotateX(0) rotateY(180deg) scale(1);transform:perspective(400px) translateZ(0) rotateX(0) rotateY(180deg) scale(1)}100%{opacity:1;-webkit-transform:perspective(400px) translateZ(0) rotateX(0) rotateY(180deg) scale(1);transform:perspective(400px) translateZ(0) rotateX(0) rotateY(180deg) scale(1)}}#learningpaths-block-root{display:flex;flex-direction:row}#learningpaths-block-root ul.lpb-diploma-list{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;margin-bottom:0;padding-left:0}#learningpaths-block-root ul.lpb-diploma-list .lpb-field{padding:0 !important;display:flex;flex-direction:column;overscroll-behavior:contain}#learningpaths-block-root ul.lpb-diploma-list .lpb-field.active .lpb-field-name{border-width:0 0 4px 0;border-color:#1a237e;border-style:solid;background-color:transparent;color:#1a237e;padding-left:0;padding-right:0}#learningpaths-block-root ul.lpb-diploma-list .lpb-field.active .lpb-field-content{display:block;opacity:1}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-name{border-width:0 0 4px 0;border-color:transparent;border-style:solid;background-color:#1a237e;color:white;transition:.2s all ease;padding:10px 15px 6px 15px;margin:10px 0}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-name:hover{cursor:pointer}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content{display:none;opacity:0;transition:.5s all ease}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma{margin:.5em 0}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma:hover{cursor:pointer}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma.active .lpb-diploma-name{border-width:0 0 0 0;border-color:transparent;border-style:solid;background-color:#148084;color:white}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma.active .lpb-diploma-description{display:flex}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma .lpb-diploma-name{border-width:0 0 0 0;border-color:transparent;border-style:solid;background-color:#eeeeee;color:#148084;flex-basis:30%;padding:10px 15px;margin:0;font-size:1.05em;font-weight:bold !important;transition:all .2s ease}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma .lpb-diploma-name:hover{background-color:#148084 !important;color:white !important}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma .lpb-diploma-description{display:none;flex:1 0 30%;padding-left:1em}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma .lpb-diploma-body{display:none;padding:0 !important}#learningpaths-block-root ul.lpb-diploma-list .lpb-field .lpb-field-content .lpb-diploma .lpb-diploma-body.active{display:flex;flex-direction:column}#learningpaths-block-root #lpb-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.3);scroll-behavior:smooth}#learningpaths-block-root #lpb-modal.active{display:block}#learningpaths-block-root #lpb-modal #lpb-modal-content{border-width:1px 1px 1px 1px;border-color:#eeeeee;border-style:solid;background-color:#fefefe;color:inherit;margin:12% auto;padding:20px;max-width:1180px;min-height:40vh}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-close{color:#92c7c4;float:right;font-size:28px;font-weight:bold}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-close:hover,#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-close:focus{color:black;text-decoration:none;cursor:pointer}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .loader{display:flex;align-items:center;justify-content:center;flex-direction:column;height:40vh}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .loader h6{color:#1a237e}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .loader .loader-inner{opacity:0;width:80px;height:80px;border-radius:50%;background:#b9dafc;background:linear-gradient(0deg, #b9dafc 0%, #fae7e5 100%);-webkit-animation:flip 3s cubic-bezier(.2, .3, .25, .9) infinite;animation:flip 3s cubic-bezier(.2, .3, .25, .9) infinite}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-name{color:#1a237e;font-size:2em;margin-top:.45em;margin-bottom:.8em}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-description{color:#1a237e}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body{padding:2.5em 0}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body .lpb-year-name{border-width:2px 2px 2px 2px;border-color:transparent;border-style:solid;background-color:#1a237e;color:white;font-size:1.45em;padding:.4em .5em;margin:1em 0}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body .lpb-year-name:hover{cursor:pointer}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body .lpb-year-name:after{content:" ";width:30px;height:30px;background-image:url([[pix:block_learningpaths|chevron-right]]);background-repeat:no-repeat;position:relative;margin-right:0;float:right;-webkit-animation:all 1s ease;-moz-animation:all 1s ease;animation:all 1s ease}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body .lpb-year-name.active{border-width:2px 2px 2px 2px;border-color:#1a237e;border-style:solid;background-color:white;color:#1a237e}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .lpb-diploma-body .lpb-year-name.active:after{background-image:url([[pix:block_learningpaths|chevron-down]])}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table{display:none}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table.active{display:block}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper{margin-bottom:3em}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .lpb-ue-name{background:linear-gradient(90deg, #fae7e5 0%, #b9dafc 100%);border-color:transparent !important;border-left:0px;border-right:0px;font-size:1.1em;color:#1a237e !important;padding:.75em .5em;margin-top:1.75em;margin-bottom:4px}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column:nth-child(even){background-color:#f5f5f5}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column.header .th{border-width:0 2px 0 2px;border-color:white;border-style:solid;background-color:#92c7c4;color:white}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column.header .th:first-child{border-width:0 2px 2px 0}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column.header .th:last-child{border-width:0 0 2px 2px}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell{border:2px solid transparent;width:25%;padding:.25em .75em;font-size:.85em}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell:first-child{width:60%}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell:last-child{width:15%}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell.lpb-resource-name{font-size:1em}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell.lpb-resource-name a{color:#148084;text-decoration:underline}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell.tbody-th{border:2px solid transparent;padding:.25em .75em;background-color:#dff4f2}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .top-anchor{display:flex;justify-content:flex-end}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .top-anchor .top-anchor-href{text-decoration:none;border:2px solid #1a237e;padding:8px 10px 1px 10px}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .top-anchor .top-anchor-href:after{content:" ";width:30px;height:30px;background-image:url([[pix:block_learningpaths|chevron-up]]);background-repeat:no-repeat;display:inline-flex;-webkit-animation:all 1s ease;-moz-animation:all 1s ease;animation:all 1s ease}@media all and (max-width:991.98px){#learningpaths-block-root #lpb-modal #lpb-modal-content{width:98%;padding:15px;margin:8% auto}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-close{position:fixed;top:60px;right:32px;font-size:3em}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column{flex-direction:column}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column.header{display:none}#learningpaths-block-root #lpb-modal #lpb-modal-content #lpb-modal-content-body .flex-table .column-wrapper .column .cell{width:100% !important}}