/* base.css */

html, body{
    --default-font-size: 16px;
    --default-font-family: Helvetica, system-ui,-apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Segoe UI', Ubuntu, Tahoma, Arial, sans-serif;
    --default-font-monospace: Consolas, Hack, 'Ubuntu Mono','Courier New', monospace;
    --serif-font-family: 'Roboto Slab', 'Georgia';
    --default-top-menu-height: 3rem;
    --default-blue: #3854C4; /*#4769F5 #4C6EF5; */
    --default-dark-blue: #354DAB;
    --default-light-blue: #BBEEFF;
    --default-yellow-dark: #FFBF00;
    --default-green: #006730; /* #32A271 */
    --default-red: #D11141;
    --default-dark-gray: #333333;
    --default-purple: #962FBF;
    --default-purple-light: #F000FF;
    --default-border-gray: 1px solid rgba(34,36,38,.15);
    --desktop-min-width: 993px;
    --tablet-max-width: 992px;
    --mobile-max-width: 601px;

    --color-error:#721c24;
    --color-error-border:#721c24;
    --color-error-bg: #f8d7da;

    --color-success:#155724;
    --color-success-border: #155724;
    --color-success-bg:  #d4edda;

    --color-warn:#000;
    --color-warn-border: #856404;
    --color-warn-bg: #FFF3CD;
    
    background-color: #F1F1F1 !important;
    scroll-behavior: smooth; 
    scroll-padding-top: 3.5rem;
    font-family: var(--default-font-family);
}

a, a:hover, a:visited{
    color: var(--default-blue);
    text-decoration: none;
}

pre, code{font-family: var(--default-font-monospace)!important;}

.ui.spf-red.labels .label, .ui.ui.ui.spf-red.label {
    background-color: #DB2828;
    border-color: #DB2828;
    color: #FFFFFF;
  }

#menuContainer{
    float:right;
    list-style: none;
    margin:0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 1rem;
}
#menuContainer a,
#menuContainer a:visited,
#menuContainer a:active,
#menuContainer a:hover{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
}

.spf-max-w-1200{
    max-width: 1200px;
    margin-left: auto!important;
    margin-right: auto!important;
}




.dialogQuestao{display: none;}
.dialogQuestao label{width:20%}
.dialogQuestao input{width:80%}

.spf-container-error, .toast-error{
    color: var(--color-error)!important;
    border: 1px solid var(--color-error-border)!important;
    background-color: var(--color-error-bg)!important;
}

.spf-container-success, .toast-success{
    color: var(--color-success)!important;
    border: 1px solid var(--color-success-border)!important;
    background-color: var(--color-success-bg)!important;
}

.spf-container-alert, .toast-warning, .toast-warn{
    color: var(--color-warn)!important;
    border: 1px solid var(--color-warn-border)!important;
    background-color: var(--color-warn-bg)!important;
}

.ui.toast-container .toast-box.compact, .ui.toast-container .toast-box > .compact {width: auto!important;}


.input-message,
.input-message-error,
.inputMessage{
    font-size: 90%;
    font-style: italic;
    text-align:left;
    color: var(--default-blue);
    height: 1rem;
    line-height: 1rem;
}
.input-message-error{
    color: var(--default-red)!important;
    font-weight: 700;
}

.wrapper-content-item{
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 0.5rem;
    margin: 0.5rem;
    box-shadow: 0 0.5rem 1rem 0px rgba(0,0,0,0.2);
    padding: 0.5rem;
    transition: all 0.4s ease;
    max-width: 98vw;
    position: relative;
}


#topmenu-search-box{
    height: 2.4rem;
    margin: 0.25rem;
    position: relative;
}

 
.sp-input{
    border: 1px solid #777777!important;
    opacity: 0.8!important;
    transition: all 0.4s ease!important;
}
.sp-input::placeholder{
    color:#000000!important;
}
.sp-input:focus{
    opacity: 1!important;
    transition: all 0.4s ease!important;
}
.static-pages{
    padding: 1rem;
}
.static-pages h2{
    text-align: center;
    text-transform: uppercase;
}
.static-pages .last-update-info{
    text-align: right;
    font-size: 0.9rem;
    font-style: italic;
    color: #777;
}
.static-pages h3{
    
    color: var(--default-blue);
    text-transform: uppercase;
}
.static-pages ol{
    margin-left: 2rem;
}

.ui.header i{margin-right: 1rem;}
input[type=checkbox] + label,
input[type=radio] + label {margin-left: 0.5rem;}


.spf-ml-50{margin-left:0.5rem!important;}
.spf-zi-5{z-index:5!important;}
.inlineFormula{
    /* github.com/mathjax/MathJax/issues/2701 */
    font-size: 96%!important;
}




.page-numerator,
.search-page-numerator{display: flex;}

.page-numerator .ui.pagination.menu,
.search-page-numerator .ui.pagination.menu{margin: 0.5rem auto;}

.sp-hidden, .spHidden{display: none !important;}

/* Footer */
#default-footer{
    padding: 2rem 0 0 0;
    width: 100%;
    background-color: #232323!important;
    color: #FFF!important;
    font-size: var(--default-font-size);
}
.footer-magna{
    background-color: #000!important;
    color: #fff !important;
    text-align: center;
    padding-top:0.25rem;
}

#default-footer h5{
    margin: 0 0 0.25rem 0;
    padding-bottom: 0.2rem;
    text-transform: uppercase;
    font-size: var(--default-font-size);    
    font-family: var(--default-font-family);
    font-weight: 700;
}
.footer-items{
    list-style: none;
    margin-left: 0;
    padding: 0;
}
.top-menu-label{font-family: var(--serif-font-family);}

footer{
    color: #f2f2f2;
    font-family: var(--default-font-family);
    font-weight: 400;
}
footer h5{text-transform: uppercase;}
footer, footer h5, 
#default-footer a,
#default-footer a:visited,
#default-footer a:active{
    color: #f2f2f2;
}
.footer-items li{padding: 0.25rem;}
.footer-items:last-child{margin-bottom: 1rem;}
@media screen and (max-width:992px) {
    #default-footer {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}
.login-container{
    font-family: var(--default-font-family)!important;
}
.ui.button{
    font-family: var(--serif-font-family)!important;
    font-weight: 700!important;
}
.ui.menu{
    font-family: var(--default-font-family)!important;
}

#sidebar-right{
    z-index:3; 
    width:300px;
    top:var(--default-top-menu-height);
    right:0;
    font-size: 1.1rem;
}


#sidebar-right hr{
    border: 0;
    border-top: var(--default-border-gray);
    margin: 0.5rem 0;
}
#sidebar-header{
    padding-top: 1rem;    
    background-color: #e2e2e2;
    border: var(--default-border-gray);
}
.spf-bar-block .spf-button:hover, .spf-bar-block .spf-button:active {
    color: #fff !important;
    background-color: var(--default-blue)!important;
    transition: all 0.4 ease;
}
.spf-bar-block .spf-button:hover i, .spf-bar-block .spf-button:active i{
    filter: brightness(0) invert(1);
    /*transition: all 0.4 ease;*/
}
/* END:Sidebar */

#main-content,
#mainContent{
    padding: 0;
    margin: 0 0.25rem;
    min-height: 80vh;
    margin-top:2.81rem;
}

.message-container{margin: 0.25rem;}

.spf-container-base-title{
    display: grid; 
    grid-template-columns: 0.8fr auto;
}
.spf-container-base-title h2{
    margin-top: 0.5rem!important;
    margin-left: 1rem;
}
.spf-container-base-title button{margin-right: 1rem;}

.spf-container-base{
    background-color: #FFFFFF;
    /*
    border-bottom: 1px solid #999999;
    border-top: 1px solid  #999999;
    
    */
    border:0;
    margin: 0 auto;
    
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    box-shadow: 0 0.5rem 1rem 0px rgba(0,0,0,0.2);

    /*
    border-radius:0.25rem;
    
    */
    padding: 0.5rem;
    transition: all 0.4s ease;
    min-height: 80vh;
    max-width: 1200px;
}
.spf-container-base h2{margin: 0.5rem 0;}

#top-menu-links{
    display: flex;
    justify-content: flex-end;
    margin:0 !important;
    border:0 !important;
    border-radius: 0!important;
    box-shadow: none!important;
    height: 46px;
}
#top-menu-links a{
    align-items: center;
    position: relative;
    box-shadow: none!important;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    flex: 0 0 auto;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0,0,0,.87);
    font-weight: 400;
    transition: background-color .1s ease, color .1s ease;
}
#btn-open-menu:hover{
    color:#000 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
#top-menu h1{
    margin:0.25rem 0 0 0.25rem;
    color:#4C6EF5;
}

#top-menu{
    position: fixed!important;
    width: 100vw!important;
    font-size: var(--default-font-size);
    background-color: #FFFFFF;
    font-weight:700;
    border:1px solid rgba(34,36,38,.15);
    -webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow:0 1px 2px 0 rgba(34,36,38,.15);
    color:#222222;
    z-index:4;
    height: var(--default-top-menu-height);
    padding-right: calc(100vw - 100%);

}
#top-menu .spf-bar-item{
    margin:0.5rem;
    padding:0;
    line-height: 0;
    color: var(--default-blue);
}
#top-menu .spf-bar-item div{
    margin:0 0.25rem;
    padding: 0;
    font-size: 2rem;
    line-height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}
#modal-login .login-wrapper{
    width: 100%!important;
    border:0!important;
}

@media only screen and (max-width: 767.98px){
    #modal-login .login-container{
        width: 100%!important;
        padding: 0!important;
    }
    
}
@media only screen and (min-width: 992px){
    #modal-login .login-container{
        width: 510px!important;
        padding: 0!important;
    }
}
@media only screen and (min-width: 1200px){
    #modal-login .login-container{
        width: 540px!important;
        padding: 0!important;
    }
}



#btn-public-signin{
    margin: 0.25rem 0 0.25rem 0.25rem;
    padding: 0.65rem 1.75rem;
}
#btn-public-signin:hover{
    opacity: 1;
}
#signin-options .ui.floating.dropdown{
    margin: 0.25rem 0.25rem 0.25rem 0;
}
#signin-options .menu.left{
    margin-top: 0;
    flex-direction: column;
    opacity: 1;
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: var(--default-blue)!important;
    opacity: 0.9;
    color: #fff!important;
    text-shadow: none;
    background-image: none;
}
.ui.primary.button:hover{opacity: 1;}


/* END:TopMenu */

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.fadeIn{animation: fadeIn 0.4s ease-in-out;}
.fadeOut{animation: fadeOut 0.4s ease-in-out;}

#top-menu-mobile{
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0!important;
}

@media screen and (max-width:991px) {
    #topmenu-search-box{display: none!important;}
    #envTitle{display: none!important;}
    #top-menu-desktop{display: none;}
    #top-menu-mobile{display: block!important;}
}

.spf-relative{position: relative;}

.spf-breadcrumb{
    margin:0;
    list-style-type: none;
    font-size: 1rem;
    height: 100%;
    overflow:hidden;
    padding-left: 0;
    color: var(--default-blue)!important;
}
.text_underline, .text-underline{
    text-decoration: underline;
    text-decoration-color: var(--default-blue);

}

.spf-breadcrumb a,
.spf-breadcrumb a:link,
.spf-breadcrumb a:hover,
.spf-breadcrumb a:active,
.spf-breadcrumb a:visited{
    color: var(--default-blue)!important;
    text-decoration: none;
}

a.spf-breadcrumb-active{
    color:#000!important;
}

/* plan-cards */
.card_container {
    display: flex;
    justify-content:space-between;
    flex-direction: row;
    width: 100%;
    font-family: 'Roboto Slab', serif;
}

.card {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin: 0.75rem;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}
.card-row-3{width: 33.33%;}
.card-row-2{width: 50%;}
.card-free.card-row-2 {display: none!important;}
.card a{
    color:#000;
}

.card:hover {
    /*transform: scale(1.025);*/
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.card-header{
    background-color: var(--default-blue);
    text-transform: uppercase;
    font-weight: 700;
    font-size:1.25rem;
    margin: 0!important;
    color: white;
}


.card-header, .card-footer {
    padding:0.75rem;
    text-align: center;
}

.card-footer{
    position: relative;
    bottom:0;
}

.card-body {
    padding: 20px;
    min-height: 14rem;
}

.price{
    font-size: 2.5rem;
}
@media (max-width: 768px) {
    .card {
        width: 100%;
        margin: 10px 0;
    }
    .card_container {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
}
/* end-plan-cards */




/* https://moderncss.dev/pure-css-custom-styled-radio-buttons/ */
/* start-input-radio */
.selectable-input input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
.selectable-input input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--default-blue);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}
.selectable-input input[type="radio"]:checked::before{transform: scale(1);}
/* end-input-radio */

/* start-input-checkbox */
/*https://moderncss.dev/pure-css-custom-checkbox-style/*/
.selectable-input input[type="checkbox"]{
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
}
.selectable-input input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--default-blue);
	/* Windows High Contrast Mode */
	background-color: CanvasText;
}
.selectable-input input[type="checkbox"]:checked::before{transform: scale(1);}
.selectable-input input[type="checkbox"]:disabled {
	--form-control-color: var(--form-control-disabled);
	color: var(--form-control-disabled);
	cursor: not-allowed;
}
/* end-input-checkbox */

/* Used by radio and checkbox from ModernCSS.dev */
.selectable-input + .selectable-input {margin-top: 1em;}
.selectable-input{
	font-size:1rem;
	line-height: 1.1;
	display: grid!important;
	grid-template-columns: 1em auto;
	gap: 0.5em;
}




.social-belt{
    display:flex!important; 
    flex-direction: row!important; 
    justify-content: space-evenly!important;
}
.login-divider{
    border-bottom: 1px solid #CCC;
    border-top:0;
    width: 80%;
    margin: 0.5rem auto 1rem auto;
}
/* buttons */
.btn-1c {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0.5rem!important; 
    display: grid;
    grid-template-columns: 1.5rem auto;    
    font-weight: 400;
    outline: none;
    position: relative;    
    min-width: 7.5rem;
    line-height: 0;
    font-family: var(--default-font-family);
    font-weight: 400;
    font-size:1.15rem!important;
    box-sizing: border-box;    
    transition: all .4s ease-in-out;  
    opacity:0.9;
    height: fit-content;
}

.btn-right{margin: 0.5rem 0 0.5rem auto!important;}



.btn-1c-blue-inverted{background-color: #FFFFFF; color: #4C6EF5; border:1px solid var(--default-blue)!important;}
.btn-1c-fblue{background-color: #4267B2; color:#ffffff;}
.btn-1c-gblue{background-color: #fefefe; color:#333; border:1px solid #4285f4!important;}
.btn-1c-gblue span,
.btn-1c-fblue span{
    padding: 0.55rem!important;
}
.btn-1c-gblue span{
    background-color: #4285f4;    
    margin: 0 0 0 0.75rem!important;
    color: #FFF!important;
}

@media screen and (min-width:992px) {
    .btn-1c-gblue:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(66,133,244,0.35); transition: all .4s ease;}
    .btn-1c-fblue:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(66,103,178,0.35); transition: all .4s ease;}
    .btn-1c-black:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #666; transition: all .15s ease-in-out;}
    .btn-1c-dark-gray:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #666; transition: all .15s ease-in-out;}
    .btn-1c-white:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #CCC; transition: all .15s ease-in-out;}
    .btn-1c-green:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #c0eb75; transition: all .15s ease-in-out;}
    .btn-1c-gold:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #FFFF00; transition: all .15s ease-in-out;}
    .btn-1c-red:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem #FE99FB; transition: all .15s ease-in-out;}
    .btn-1c-blue:hover, 
    .btn-1c-blue-inverted:hover{opacity: 1; box-shadow: 0 0 0.2rem 0.05rem rgba(0,163,255,0.35); transition: all .15s ease-in-out;}
}

.btn-1c-blue:active,
.btn-1c-black:active,
.btn-1c-dark-gray:active,
.btn-1c-white:active,
.btn-1c-green:active,
.btn-1c-gold:active,
.btn-1c-red:active
{opacity: 1; top: 1px; transition: all .4s ease;}

.btn-1c-blue{background-color: var(--default-blue); color: #FFFFFF;}
.btn-1c-black{background-color: #000; color: #FFFFFF;}
.btn-1c-dark-gray{background-color: #333!important; color: #FFFFFF!important;}
.btn-1c-white{background-color: #FFFFFF; color: #333333;  border:1px solid #333333;}
.btn-1c-green{background-color: var(--default-green); color: #FFFFFF;}
.btn-1c-gold{background-color: #FFBF00; color: #000000;}
.btn-1c-red{background-color: #D11141; color: #FFFFFF;}


.btn-1c-disabled,
.btn-1c:disabled{
    background-color: #666; 
    color: #FFFFFF;
    box-shadow: none!important;
    opacity:0.9!important;
    outline:none!important;
    pointer-events: none!important;
    transition: all .15s ease-in-out;
    user-select: none;
    cursor: not-allowed;
}

.belt-right{
    display: flex;
    flex-direction: row-reverse;
}
.belt-right button:first-of-type{margin-right:0!important;}
.belt-left{
    display: flex;
    flex-direction: row;
}
.belt-left button:first-of-type{margin-left:0!important;}


.btn-1c i{margin: 0.5rem}
.btn-1c div,
.btn-1c span{
    text-align: center;
    display: block;
    padding: 0.5rem 0 0.6rem 0;
    line-height: 1.1rem; 
    margin: auto 0.5rem;
    box-sizing: border-box;
    height: 100%;    
}
/* icons */

.ui.left.icon.input .icon125{
    position: absolute;
    font-size:1rem;
    top: 0.75rem;
    left: 0.75rem;
}
.icon100, .icon125, .icon150, .icon175, .icon200, .icon250, .icon300{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-repeat: no-repeat;
}
.icon-as-block{display: block!important; margin: 0.5rem auto!important;}

.icon-r90{transform: rotate(90deg);}
.icon-r180{transform: rotate(180deg);}
.icon-r270{transform: rotate(270deg);}

.icon100 {width: 1rem; height: 1rem;}
.icon125 {width: 1.25rem; height: 1.25rem;}
.icon150 {width: 1.5rem; height: 1.5rem;} 
.icon175 {width: 1.75rem; height: 1.75rem;}
.icon200 {width: 2rem; height: 2rem;}
.icon250 {width: 2.5rem; height: 2.5rem;}
.icon300 {width: 3rem; height: 3rem;}

.blue, .hover-dark-blue:hover{filter: invert(41%) sepia(88%) saturate(2596%) hue-rotate(214deg) brightness(95%) contrast(102%);} /*#4C6EF5*/
.gold{filter: invert(64%) sepia(99%) saturate(567%) hue-rotate(359deg) brightness(102%) contrast(104%);} /*#FFBF00*/
.red{filter: invert(18%) sepia(65%) saturate(3702%) hue-rotate(330deg) brightness(93%) contrast(106%);} /*#D11141*/
/*
.green{filter: invert(58%) sepia(69%) saturate(382%) hue-rotate(102deg) brightness(90%) contrast(89%);} #38B47E
*/
.green{filter: invert(29%) sepia(45%) saturate(1073%) hue-rotate(102deg) brightness(92%) contrast(101%);} /*#006730*/

.purple{filter: invert(21%) sepia(77%) saturate(2745%) hue-rotate(272deg) brightness(90%) contrast(91%);} /*#962FBF*/
.white{filter: brightness(0) invert(1);}
.dark-yellow{filter: invert(58%) sepia(56%) saturate(521%) hue-rotate(5deg) brightness(93%) contrast(90%);}
.gray{filter: invert(47%) sepia(33%) saturate(0%) hue-rotate(165deg) brightness(93%) contrast(106%);}
.dark-gray, .hover-dark-gray:hover{filter: invert(10%) sepia(0%) saturate(120%) hue-rotate(142deg) brightness(96%) contrast(74%);} /*#333333*/
.light-blue, .hover-blue:hover{filter: invert(75%) sepia(76%) saturate(208%) hue-rotate(174deg) brightness(105%) contrast(101%);} /*#BBEEFF*/
.hover-red:hover{filter: invert(87%) sepia(13%) saturate(3731%) hue-rotate(279deg) brightness(103%) contrast(101%);} /*#FF94E6*/ 
.hover-purple:hover{filter: invert(18%) sepia(65%) saturate(3702%) hue-rotate(330deg) brightness(93%) contrast(106%);} /*#D11141*/
.hover-green:hover{filter: invert(59%) sepia(54%) saturate(1682%) hue-rotate(73deg) brightness(110%) contrast(130%);} 
.hover-white:hover{filter: brightness(0) invert(1);}

.icon-alert-square, .icon-alert-square-s3{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-32 0 512 512'%3E%3Cpath fill='%23000000' d='M219.5 320h9c6.4 0 11.7-5.1 12-11.5l7-168c.3-6.8-5.2-12.5-12-12.5h-23c-6.8 0-12.3 5.7-12 12.5l7 168c.3 6.4 5.6 11.5 12 11.5zM400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm16 400c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16zm-192-92c-15.5 0-28 12.5-28 28s12.5 28 28 28 28-12.5 28-28-12.5-28-28-28z'%3E%3C/path%3E%3C/svg%3E");}
.icon-arrow{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-160 0 512 512'%3E%3Cpath fill='currentColor' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E%3C/svg%3E");}
.icon-arrow-double{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-32 0 512 512'%3E%3Cpath fill='%23000000' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z'%3E%3C/path%3E%3C/svg%3E");}
.icon-at{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M259.7 16.03C116.5 13.94 2.766 140.5 17.25 283.1c11.96 117.8 102.2 205.2 221.5 212.8c9.275 .5957 17.18-6.739 17.18-16.04c0-8.395-6.552-15.39-14.92-15.92c-106.1-6.828-185.7-86.38-192.7-192.5c-7.852-119.6 82.95-220.8 202.6-223.4c118.1-2.607 212.1 89.77 212.1 208.2V278.7c0 26.43-17.55 50.57-43.34 56.27c-36.37 8.039-68.67-19.59-68.67-54.64v-120.1c0-8.846-7.168-16.02-16.01-16.02c-8.838 0-16.02 7.165-16.02 16.01v17.88c-24.95-25.56-61.83-39.39-101.6-31.85C173.5 154.7 137.8 190.7 129.8 235.6c-12.72 70.86 41.68 132.8 110.2 132.8c37.39 0 70.32-18.63 90.68-46.9c16.48 30.84 50.34 51.03 88.7 46.15c44.44-5.656 76.63-45.58 76.63-90.42V256.3C495.1 122.8 392.5 17.96 259.7 16.03zM239.9 336.3c-44.13 0-80.02-35.93-80.02-80.09S195.8 176.2 239.9 176.2s80.02 35.93 80.02 80.09S284.1 336.3 239.9 336.3z'/%3E%3C/svg%3E");}
.icon-books{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 576'%3E%3Cpath fill='%23000000' d='M575.33 456.43L399 8.02C397.28 3.1 392.61 0 387.65 0c-3.01 0-4.97 1.03-11.49 3.31-6.46 2.26-9.82 8.24-6.27 18.38-16.46 9.69-59.15 24.09-75.5 26.42-1.33-3.78-1.97-6.62-6.4-9.23V32c0-17.67-14.33-32-32-32h-96c-5.96 0-11.22 2.07-16 4.9C139.22 2.07 133.96 0 128 0H32C14.33 0 0 14.33 0 32v448c0 17.67 14.33 32 32 32h96c5.96 0 11.22-2.07 16-4.9 4.78 2.84 10.04 4.9 16 4.9h96c17.67 0 32-14.33 32-32V118.88l151.43 385.1c1.73 4.92 6.4 8.02 11.35 8.02 3 0 4.96-1.03 11.49-3.31 6.44-2.25 9.83-8.23 6.27-18.38 16.46-9.69 59.15-24.09 75.5-26.42 3.65 10.4 10.13 12.65 16.38 10.46l7.55-2.64c6.23-2.19 9.54-9.07 7.36-15.28zM128 480H32v-64h96v64zm0-96H32V128h96v256zm0-288H32V32h96v64zm128 384h-96v-64h96v64zm0-96h-96V128h96v256zm0-288h-96V32h96v64zm203.15 367.54L303.79 74.88c25.22-4.74 64.01-20.33 75.5-26.42l155.36 388.65c-25.23 4.75-64.01 20.33-75.5 26.43z'%3E%3C/path%3E%3C/svg%3E");}
.icon-chart-b3{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -64 512 512'%3E%3Cpath fill='%23000000' d='M424 352h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v240c0 4.4 3.6 8 8 8zm-96 0h16c4.4 0 8-3.6 8-8V200c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8zm-192 0h16c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8zm96 0h16c4.4 0 8-3.6 8-8V136c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v208c0 4.4 3.6 8 8 8zm272 64H32V72c0-4.42-3.58-8-8-8H8c-4.42 0-8 3.58-8 8v360c0 8.84 7.16 16 16 16h488c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8z'%3E%3C/path%3E%3C/svg%3E");}
.icon-close{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M322.72 256 422.79 155.93C435.07 143.65 435.07 123.74 422.79 111.45L400.55 89.21C388.27 76.93 368.36 76.93 356.07 89.21L256 189.28 155.93 89.21C143.65 76.93 123.74 76.93 111.45 89.21L89.21 111.45C76.93 123.73 76.93 143.64 89.21 155.93L189.28 256 89.21 356.07C76.93 368.35 76.93 388.26 89.21 400.55L111.45 422.79C123.73 435.07 143.65 435.07 155.93 422.79L256 322.72 356.07 422.79C368.35 435.07 388.27 435.07 400.55 422.79L422.79 400.55C435.07 388.27 435.07 368.36 422.79 356.07L322.72 256Z'/%3E%3C/svg%3E");}
.icon-dcheck-c1, .icon-dcheck{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M 214.6 246.6 C 202.1 259.1 181.9 259.1 169.4 246.6 L 89.37 166.6 C 76.88 154.1 76.88 133.9 89.37 121.4 C 101.87 108.9 122.13 108.9 134.6 121.4 L 191.1 178.7 L 329.4 41.37 C 341.9 28.88 362.1 28.88 374.6 41.37 C 387.1 53.87 387.1 74.13 374.6 86.63 L 214.6 246.6 Z M 214.6 470.6 C 202.1 483.1 181.9 483.1 169.4 470.6 L 41.372 342.6 C 28.876 330.1 28.876 309.9 41.372 297.4 C 53.87 284.9 74.13 284.9 86.63 297.4 L 191.1 402.7 L 425.4 169.4 C 437.9 156.9 458.1 156.9 470.6 169.4 C 483.1 181.9 483.1 202.1 470.6 214.6 L 214.6 470.6 Z'/%3E%3C/svg%3E");}
.icon-facebook{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M 343.14 288 L 357.36 195.34 H 268.45 V 135.21 C 268.45 109.86 280.87 85.15 320.69 85.15 H 361.11 V 6.26 S 324.43 0 289.36 0 C 216.14 0 168.28 44.38 168.28 124.72 V 195.34 H 86.89 V 288 H 168.28 V 512 H 268.45 V 288 Z'/%3E%3C/svg%3E");}
.icon-flashcards-s3, .icon-flashcards{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M512 256.01c0-9.98-5.81-18.94-14.77-22.81l-99.74-43.27 99.7-43.26c9-3.89 14.81-12.84 14.81-22.81s-5.81-18.92-14.77-22.79L271.94 3.33c-10.1-4.44-21.71-4.45-31.87-.02L14.81 101.06C5.81 104.95 0 113.9 0 123.87s5.81 18.92 14.77 22.79l99.73 43.28-99.7 43.26C5.81 237.08 0 246.03 0 256.01c0 9.97 5.81 18.92 14.77 22.79l99.72 43.26-99.69 43.25C5.81 369.21 0 378.16 0 388.14c0 9.97 5.81 18.92 14.77 22.79l225.32 97.76a40.066 40.066 0 0 0 15.9 3.31c5.42 0 10.84-1.1 15.9-3.31l225.29-97.74c9-3.89 14.81-12.84 14.81-22.81 0-9.98-5.81-18.94-14.77-22.81l-99.72-43.26 99.69-43.25c9-3.89 14.81-12.84 14.81-22.81zM45.23 123.87l208.03-90.26.03-.02c1.74-.71 3.65-.76 5.45.02l208.03 90.26-208.03 90.27c-1.81.77-3.74.77-5.48 0L45.23 123.87zm421.54 264.27L258.74 478.4c-1.81.77-3.74.77-5.48 0L45.23 388.13l110.76-48.06 84.11 36.49a40.066 40.066 0 0 0 15.9 3.31c5.42 0 10.84-1.1 15.9-3.31l84.11-36.49 110.76 48.07zm-208.03-41.87c-1.81.77-3.74.77-5.48 0L45.23 256 156 207.94l84.1 36.5a40.066 40.066 0 0 0 15.9 3.31c5.42 0 10.84-1.1 15.9-3.31l84.1-36.49 110.77 48.07-208.03 90.25z'%3E%3C/path%3E%3C/svg%3E");}
.icon-google{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='32 -36 512 512'%3E%3Cg transform='matrix(1, 0, 0, 1, 27.009001, -39.238998)'%3E%3Cpath d='M512,261.76c0-16.85-1.53-32.85-4.14-48.43h-246.3v96.21h141.02c-6.32,31.57-24.85,58.24-52.31,76.37v64h84.13c49.26-44.59,77.6-110.29,77.6-188.16Z' style='fill:%234285f4;'/%3E%3Cpath d='M261.56,512c70.62,0,129.69-23.04,172.85-62.08l-84.13-64c-23.54,15.36-53.4,24.75-88.71,24.75-68.22,0-125.98-45.01-146.69-105.81H28.12v65.92c42.94,83.63,131.21,141.23,233.44,141.23Z' style='fill:%2334a853;'/%3E%3Cpath d='M114.87,304.85c-5.45-15.36-8.28-31.79-8.28-48.85s3.05-33.49,8.28-48.85v-65.92H28.12C10.24,175.79,0,214.61,0,256s10.24,80.21,28.12,114.77l86.75-65.92Z' style='fill:%23fbbc05;'/%3E%3Cpath d='M261.56,101.33c38.58,0,73.02,13.01,100.26,38.4l74.54-72.96C391.25,25.39,332.18,0,261.56,0,159.33,0,71.06,57.6,28.12,141.23l86.75,65.92c20.71-60.8,78.47-105.81,146.69-105.81Z' style='fill:%23ea4335;'/%3E%3C/g%3E%3C/svg%3E");}
.icon-lock{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M128 192V128C128 57.31 185.3 0 256 0 326.7 0 384 57.31 384 128V192H400C444.2 192 480 227.8 480 272V432C480 476.2 444.2 512 400 512H112C67.82 512 32 476.2 32 432V272C32 227.8 67.82 192 112 192H128zM160 192H352V128C352 74.98 309 32 256 32 202.1 32 160 74.98 160 128V192zM64 432C64 458.5 85.49 480 112 480H400C426.5 480 448 458.5 448 432V272C448 245.5 426.5 224 400 224H112C85.49 224 64 245.5 64 272V432z'/%3E%3C/svg%3E");}
.icon-magna{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 633.78'%3E%3Cpath d='M17.86,39.09c6.73,10,21.48,16.51,37.74,16.51H585.06c16.48,0,31.4-6.64,38-16.9l15.68-24.41C643.06,7.55,635.79,0,625,0H15.05C4.12,0-3.16,7.67,1.36,14.43Z' style='fill:%231d1d1b'/%3E%3Cpath d='M603.31,66.29H37a17.29,17.29,0,0,1,.44,3.85c0,13.55-.44,27.1-.72,40.64,47.41,5.39,88,41.86,95,48.49a4.38,4.38,0,0,0,3,1H507.31a4.38,4.38,0,0,0,3-1c6.92-6.54,46.46-42.1,93-48.25Z' style='fill:%231d1d1b'/%3E%3Cpath d='M131.82,210.22V633.78c9.63-39.37,40.83-74.93,86.76-102.84V230.56c0-11.23,13.41-20.34,29.95-20.34s30,9.11,30,20.34V502.05a491.71,491.71,0,0,1,86.76-23.72V230.56c0-11.23,13.41-20.34,29.95-20.34s29.95,9.11,29.95,20.34V470.74c15.05-1.12,30.4-1.72,46-1.72q20.7,0,40.76,1.35V210.22h-4.77c8.21,0,14.86-4.52,14.86-10.1V172.33H118v27.79c0,5.58,6.65,10.1,14.86,10.1Z' style='fill:%231d1d1b'/%3E%3C/svg%3E");}
@media screen and (min-width:992px){.ui.button{-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons:not(.basic):not(.inverted){-webkit-box-shadow:none;box-shadow:none}}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.primary.button,.ui.primary.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button,.ui.primary.buttons .button{background-color:var(--default-blue)!important;opacity:.9;color:#fff!important;text-shadow:none;background-image:none}.ui.buttons .button{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-radius:0;border-top-left-radius:0;border-bottom-left-radius:0;margin:0}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;vertical-align:baseline;background:#e0e1e2 none;background-color:rgb(224,225,226);background-image:none;color:rgba(0,0,0,.6);font-family:var(--default-font-family);margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease -webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.buttons{font-size:0}.ui.menu{font-size:1rem}.ui.menu{font-family:var(--default-font-family);font-weight:400}.ui.icon.button:not(.animated):not(.compact):not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.buttons .button:last-child{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}