/****************************************
            VIVELAMAGIE
Styles created at 15/12/2017 10:38:06
File created at 27/10/2025 09:21:44
****************************************/

                 .primary_font{
                    	font-family: Lato !important;
	font-weight: normal;

                    
                }
                
                 .secondary_font{
                    	font-family: Oxygen !important;
	font-weight: normal;


                }            
                body{
	background-color: #ffffff;
	font-family: Oxygen;
	font-weight: normal;
}
#header-outer{
	background-color: #f0f2f2;
}
#header-inner{
	width: 75%;
	color: #BEBEBE;
}
#content-inner{
	width: 75%;
	background-color: #FFFFFF;
}
#content-inner h1{
	font-family: Lato;
	font-weight: normal;
	color: #3272a0;
}
#content-inner h1 a{
	color: #3272a0;
}
#content-inner h2{
	font-family: Lato;
	font-weight: normal;
	color: #2c3e50;
	padding-left: 10px;
}
#content-inner h2 a{
	color: #2c3e50;
}
#content-inner h3{
	font-family: Lato;
	font-weight: normal;
	color: #3d3d3d;
	padding-left: 20px;
}
#content-inner h3 a{
	color: #3d3d3d;
}
#content-inner h4{
	font-family: Lato;
	font-weight: normal;
	color: #3d3d3d;
	padding-left: 30px;
}
#content-inner h4 a{
	color: #3d3d3d;
}
#content-inner p, #content-inner .rbe_text, #content-inner .rbe_list{
	font-family: Oxygen;
	font-weight: normal;
}
#content-inner .rbe_bl a, .link-like{
	color: #3272a0;
}
#content-inner .rbe_bl a:hover, .link-like:hover{
	color: #3272A0;
}
#footer-outer{
	background-color: #f0f2f2;
}
#footer-inner{
	width: 75%;
	color: #32a078;
}
#footer-inner a{
	color: black;
}
#footer-inner a:hover{
	color: #3272a0;
}
/****************************************
         cards          
****************************************/
body .primary-bg, #content-inner .primary-bg{
	background-color: #3272a0;
}
body .primary-bg .secbutton,
                            #content-inner .primary-bg .secbutton,
                            body .primary-bg,
                            #content-inner .primary-bg{
	color: white;
}
body .primary-fg, i.primary-fg{
	color: #3272a0;
}
 .primary-border{ border: solid 1px #3272a0;} .primary-border-left{ border-left: solid 5px #3272a0;} .primary-bg-color{ background-color: #3272a0;} .breadcrumb li{ background-color: #3272a0;} .breadcrumb li:after{ border-left-color: #3272a0;} .breadcrumb li:before{ border-color: #3272a0; border-left-color: transparent;} #content-inner .breadcrumb a{ color: #4a93c7;} #content-inner .breadcrumb li.current a:hover{ color: #5a9ccc;}body .secondary-bg, #content-inner .secondary-bg{
	background-color: #3e627c;
}
body .secondary-bg .secbutton,
                            #content-inner .secondary-bg .secbutton,
                            body .secondary-bg,
                            #content-inner .secondary-bg{
	color: white;
}
body .secondary-fg, i.secondary-fg{
	color: #3e627c;
}
body .secondary-fg, i.secondary-fg{
	color: #3e627c;
}
 .secondary-border{ border: solid 1px #3e627c;} .secondary-border-left{ border-left: solid 5px #3e627c;} .secondary-bg-color{ background-color: #3e627c;} .breadcrumb li.current{ background-color: #3e627c;} .breadcrumb li.current a{ color: #517fa1;} .breadcrumb li.current:before{ border-color: #3e627c; border-left-color: transparent;} .breadcrumb li.current:after{ border-left-color: #3e627c;} #content-inner .breadcrumb li a:hover{ color: #5989ac;} .progressColor{ 
                background-color: #3272a0;
                color: white;
            }
             .progressColor a{ 
                color: white;
            }/****************************************
         navigation          
****************************************/
#content-inner .pagination > *, 
                #content-inner .miniMenu,
                #content-inner .miniMenu a,
                #content-inner .sublinks > a,
                #content-inner .actionlinks > a,
                .menu-sidebar-content ul a,
                #content-inner .course-links a,
                .dropdown>.hideable li a{
	background-color: #3d3d3d;
	color: #FFFFFF;
}
.menu-sidebar-content .toggle i{
	color: #FFFFFF;
}
#content-inner .pagination > :hover, 
                #content-inner .miniMenu a:hover,
                #content-inner .sublinks > a:hover,
                #content-inner .actionlinks > a:hover,
                .menu-sidebar-content ul a:hover,
                #content-inner .course-links a:hover,
                .dropdown>.hideable li a:hover{
	background-color: #3e627c;
	color: #f0f2f2;
}
#content-inner .pagination > strong,
                #content-inner .miniMenu a.current,
                #content-inner .sublinks > a.current,
                #content-inner .actionlinks > a.current,
                #content-inner .course-links li.current,
                .menu-sidebar-content ul>li.current>a{
	background-color: #2c3e50;
	color: #FFFFFF;
}
.menu-sidebar-content{
	background-color: #3d3d3d;
}
.menu-sidebar-content h2{
	background-color: #2c3e50;
	color: #FFFFFF;
}
/****************************************
         subnav          
****************************************/
/****************************************
         buttons          
****************************************/
button, input[type=submit], input[type=button], #container a.button{
	background-color: #2c3e50;
	color: #f0f2f2;
}
button:hover, input[type=submit]:hover, input[type=button]:hover, #container a.button:hover{
	background-color: #bdbdbd;
	color: #555555;
}
button.current, input[type=button].current, #container a.button.current{
	background-color: #3272a0;
	color: #f0f2f2;
}
#container button.secbutton, #container a.secbutton{
	color: #555555;
}
#container button.secbutton:hover, #container a.secbutton:hover{
	color: #3272a0;
}
#container button.secbutton.current, #container a.secbutton.current{
	color: #3e627c;
}
/****************************************
         modules          
****************************************/
/* Line #1 */
#header-line1{
}
#header-line1{
min-height: 89px;
}
/* Block logo */
#header-line1 #h-l1b1{
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	align-self: center;
	text-align: left;
}
/* Block menu */
#header-line1 #h-l1b2{
	color: #4c4c4c;
	align-self: flex-start;
	text-align: right;
	padding-top: 20px;
	font-family: Lato;
	font-weight: normal;
}
#header-line1 #h-l1b2 li.mi:not(.current)>a{
	color: #555555;
}
#header-line1 #h-l1b2  li.mi:not(.current)>label{
	color: #555555;
}
#header-line1 #h-l1b2 li.mi.current>a{
	color: #32a078;
}
#header-line1 #h-l1b2  li.mi.current>label{
	color: #32a078;
}
#header-line1 #h-l1b2 li.mi>a:hover{
	color: #f0f2f2;
	background-color: #32a078;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
#header-line1 #h-l1b2  li.mi>label:hover{
	color: #f0f2f2;
	background-color: #32a078;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
#header-line1 #h-l1b2 li.smi:not(.current) a{
}
#header-line1 #h-l1b2  li.smi:not(.current) label{
}
#header-line1 #h-l1b2 li.smi.current a{
}
#header-line1 #h-l1b2  li.smi.current label{
}
#header-line1 #h-l1b2 li.smi a:hover{
}
#header-line1 #h-l1b2  li.smi label:hover{
}
/* Line #2 */
#header-line2{
	padding-right: 20px;
}
#header-line2{
min-height: 31px;
}
/* Block void */
#header-line2 #h-l2b1{
	width: 90%;
}
/* Block loginmenu */
#header-line2 #h-l2b2{
	align-self: center;
	text-align: center;
	width: 25%;
	background-color: #ffffff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	padding-top: 11px;
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 11px;
	color: #3d3d3d;
	font-family: Lato;
	font-weight: normal;
}
/* Line #1 */
#footer-line1{
}
#footer-line1{
min-height: 40px;
}