<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*** COLORS ***/
/*
http://paletton.com
green: #7CB99E
.color-primary-0 { color: #7CB99D }
.color-primary-1 { color: #DAEFE6 }  lighter
.color-primary-2 { color: #ADD7C4 }  light
.color-primary-3 { color: #519C7A } dark
.color-primary-4 { color: #2C7E59 } darker

grey #505050
    #b0b0b0

black #212529;

.rgba-primary-0 { color: rgba(124,185,157,1) }
.rgba-primary-1 { color: rgba(218,239,230,1) }
.rgba-primary-2 { color: rgba(173,215,196,1) }
.rgba-primary-3 { color: rgba( 81,156,122,1) }
.rgba-primary-4 { color: rgba( 44,126, 89,1) }

Red
.color-primary-0 { color: #FF5555 }	 Main Primary color
.color-primary-1 { color: #FFA3A3 }
.color-primary-2 { color: #FF7878 }
.color-primary-3 { color: #EB2E2E }
.color-primary-4 { color: #BF1111 }

.rgba-primary-0 { color: rgba(255, 85, 85,1) }	Main Primary color
.rgba-primary-1 { color: rgba(255,163,163,1) }
.rgba-primary-2 { color: rgba(255,120,120,1) }
.rgba-primary-3 { color: rgba(235, 46, 46,1) }
.rgba-primary-4 { color: rgba(191, 17, 17,1) }

Green
.color-primary-0 { color: #66FF66 }	 Main Primary color
.color-primary-1 { color: #D0FFD0 }
.color-primary-2 { color: #94FF94 }
.color-primary-3 { color: #3BFF3B }
.color-primary-4 { color: #0BFD0B }

.rgba-primary-0 { color: rgba(102,255,102,1) }	Main Primary color
.rgba-primary-1 { color: rgba(208,255,208,1) }
.rgba-primary-2 { color: rgba(148,255,148,1) }
.rgba-primary-3 { color: rgba( 59,255, 59,1) }
.rgba-primary-4 { color: rgba( 11,253, 11,1) }


 */

/* BASICS */
:root {
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, Arial, "Helvetica Neue", sans-serif;
}
body{
    padding-bottom:30px;
}
body,
.tooltip,
.popover
{
    font-family: -apple-system, BlinkMacSystemFont, Arial, "Helvetica Neue", sans-serif;
}

label.radio:before{
    cursor: pointer; /* does not work ..*/
}

/* dev - displays */
#content_image #filename{
    display:none;
    font-style:italic;
    color:#505050;
}
body.dev #content_image #filename{
    display:block;
}
/* / dev - displays */
a,
a:visited,
a:link,
a:focus,
a:active{
    color:#2C7E59;
}

.btn-primary{
    color: #fff;
    background-color: #519C7A;
    border-color: #519C7A;
}
.btn-primary:hover {
    color: #DAEFE6;
    background-color: #519C7A;
    border-color: #519C7A;
}
.btn-primary:focus{
    box-shadow: 0 0 0 0.2rem rgba(173,215,196,1.0);
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show &gt; .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2C7E59;
    border-color: #2C7E59;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show &gt; .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(173,215,196,1);
}

.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus{
    color: #000;
    background-color: #b0b0b0;
    border-color: #b0b0b0;
    box-shadow: 0 0 0 0rem rgba(173,215,196,1.0);
}

.dynfld{
    color:#000000;
}

#errorMsg{
    margin-top:1rem;
    display:none;
}
.errorMsg{
    position:absolute;
    top:45%;
    left:10%;
    right:10%;
    z-index:1000;
}
#dev_output{
    display:block;
    padding-top:1rem;
    clear:both;
}

/* NAVBAR, MODAL */
.navbar,
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.modal-header{
    color:#ffffff;
    background-color: #519C7A;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:visited{
    color:#ffffff;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#DAEFE6;
}

.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 1.0);
    border-color: rgba(255, 255, 255, 1.0);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler:hover{
    color: rgba(218,239,230, 1.0);
    border-color: rgba(218,239,230, 1.0);
}
.navbar-light .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(218,239,230, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* CONTENT */
#content{
    margin:0px;
    padding:0px;

}
#content_image{
    width: auto;
    flex: 0 0 auto;

    /*float:left;
    display:inline-block;
    vertical-align: top;*/
}
#content_image &gt; figure &gt; div{
    /*background-color: #DAEFE6;*/
}
#content_image img{
    width:100%;
}

#content_image #copyright{
   color:#505050;
}

#content_main{
    min-width: 394px;
    padding-top: 1rem;
    padding-bottom:1rem;
    margin-top:-5px;
    /*margin: 0;
    padding: 0px 0px 0px 10px;
    display:inline-block;
    vertical-align: top;
     */
}

h1{
    font-size: 1.5rem;
}
h2{
    font-size: 1rem;
}
#content h1,
#content h2,
#modal_start h2{
    color:#2C7E59;
}

h1 + h2{
    margin-top:-0.2rem;
    margin-bottom:1rem;
}

.progress .progress-bar.correct{
    background-color:#66ff66;
}
.progress .progress-bar.wrong{
    background-color:#ff5555;
}
.progress .progress-bar.learned{
    background-color:#7CB99D;
}

/* STARTPAGE &amp; MODAL*/
#no-user_results-info{
    margin-bottom: 1rem;
    padding:10px;
    background-color:#DAEFE6;
    border: 1px solid #7CB99D;
    border-radius: 10px;
}


.medtermdata_filter-buttons_row-container.learn{
    padding-right:5px;
}
.medtermdata_filter-buttons_row-container.train{
    padding-left:5px;
}
body.train_only .medtermdata_filter-buttons_row-container.train{
    padding-left:0px;
}



.medtermdata_filter-buttons_row &gt; div.w-100{
    padding-top:10px;
}
.medtermdata_filter-buttons_row .col-md-auto{
    width:100%;
}
body.train_only .medtermdata_filter-buttons_row-container.learn,
body.learn_only .medtermdata_filter-buttons_row-container.train,
body.learn_only #user_results_status_info,
body.learn_only #no-user_results-info,
body.learn_only .hide-if-user_results_off{
    display:none !important;
}

body.learn_and_train .medtermdata_filter-buttons_row-container{
    float:left;
    width:50%;
    max-width: 505px;
    /*min-width: 200px;*/
    vertical-align: top;
}

body.learn_and_train.anatomie .medtermdata_filter-buttons_row-container{
    float:none;
    width:100%;
    max-width: 100%;
}

body.train_only #startpage .medtermdata_filter-buttons_row .btn-block,
body.learn_only #startpage .medtermdata_filter-buttons_row .btn-block,
body.anatomie #startpage .medtermdata_filter-buttons_row .btn-block{
    width:80%;
    max-width: 500px;
}

@media screen and (max-width:583px) {
    body.train_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.learn_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.anatomie #startpage .medtermdata_filter-buttons_row .btn-block {
        width: 100%;
    }
}

@media screen and (min-width:584px) and (max-width:805px){
    body.train_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.learn_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.anatomie #startpage .medtermdata_filter-buttons_row .btn-block {
        width: 100%;
    }
}

@media screen and (min-width:806px) and (max-width:1024px) {
    body.train_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.learn_only #startpage .medtermdata_filter-buttons_row .btn-block,
    body.anatomie #startpage .medtermdata_filter-buttons_row .btn-block {
        width: 100%;
    }
}

@media screen and (max-width:431px){
    .medtermdata_filter-buttons_row-container{
        float:none !important;
        max-width: 100% !important;
        width:100% !important;
    }
    .medtermdata_filter-buttons_row-container.learn{
        padding-right:0px;
    }
    .medtermdata_filter-buttons_row-container.train{
        padding-left:0px;
        margin-top:1rem;
    }

}

body.train_only #modal_start .medtermdata_filter-buttons_row .btn-block,
body.learn_only #modal_start .medtermdata_filter-buttons_row .btn-block{
    width:80%;
}

#user_id_info{
    margin-top:1rem;
}

body.startpage.learn_only #user_id_info button.delete-userresults,
body.startpage.train_only #user_id_info button.delete-userresults,
body.medtermdatapage.learn_only #user_id_info button.delete-userresults,
body.medtermdatapage.train_only #user_id_info button.delete-userresults{
    display:block;
    margin-top: 0.25rem ;
}
body.medtermdatapage #user_id_info button.delete-userresults{
    display:block;
}
body.medtermdatapage.learn_and_train #user_id_info button.delete-userresults{
    display:inline-block;
}
#user_results_status_info{
    margin-bottom: 1rem;
    padding:10px;
    background-color:#DAEFE6;
    border: 1px solid #7CB99D;
    border-radius: 10px;
}
#user_results_status_info .progress{
    margin-top: 7px;
    background-color: #ADD7C4;
}

button.btn-sm.delete-userresults{
    padding: .2rem .5rem;
    font-size: 0.8rem;
    line-height: 1;
    border-radius: .2rem;
}

/* / STARTPAGE  &amp; MODAL*/

/* MEDTERMDATA PAGE */
body.train #medtermdatapage .learn,
body.learn #medtermdatapage .train{
    display:none;
}

#module_session_results_status_info .progress{
    height: 0.8em;
    background-color:#DAEFE6;
}
#medtermdatapage #module_session_results_status_info{
    color:#505050;
    margin: 1rem 0px 0px 0px;
    white-space: nowrap;
}

#medtermdatapage #module_session_results_status_info{
    color:#505050;
    margin: 1rem 0px 0px 0px;
    white-space: nowrap;
}

#medtermdatapage button{
    margin: 1rem 0px 0px 0px;
}



#evaluation_result_symbol.check{
    color: #66ff66;
}

#evaluation_result_symbol.times{
    color: #ff5555;
}




body.learn #evaluation_result_symbol{
    display:none
}

.answer{
    transition:opacity 200ms;
}

/*** / MEDTERMDATA PAGE ***/

@media screen and (max-width:431px){
    #main,
    #content_image,
    #content_main,
    .medtermdata_filter-buttons_row .col-md-auto{
        padding-left:0px;
        padding-right:0px;
    }
    #content_image{
        min-height: auto;
    }
    #content_main{
        /*min-width:auto;*/
        max-width:100%
    }
    #content_row,
    .medtermdata_filter-buttons_row{
        margin-left:0px;
        margin-right: 0px;
    }

    #info_completed{
        margin-left:0px !important;;
        margin-top: 1rem !important;;
        display:block;
        max-width:100% !important;
    }
}


@media screen and (max-width:805px){
    #content_image{
        padding-right:0px;
        /*min-height:512px;*/
    }
    #info_completed {
        margin-top: 1rem !important;;
    }
}

@media screen and (min-width:806px){
    #content_image{
        padding-right:0px;
    }
}

</pre></body></html>