/* -------------------------------- 

Primary style

-------------------------------- */

/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,
b, u, i, center,*/
dl, dt, dd, ol, ul, li,
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
/*article, aside, canvas, details, embed,*/
/*figure, figcaption, footer, header, hgroup,*/
/*menu, nav, output, ruby, section, summary,*/
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/*article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main { display: block; }
body { line-height: 1; }*/
ol, ul { list-style: none; }
/*blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*, *::after, *::before { box-sizing: border-box; }*/

html { font-size: 62.5%; }

h1 { text-align: center; width: 90%; margin:1.5em auto 0; font-size: 2rem; color: #007aff; font-weight: bold; }
h2 { text-align: center; width: 90%; margin:1em auto 0.3em; font-size: 26px; color: #007aff; font-weight: bold; }

@media only screen and (min-width: 600px) {
    h1 { font-size: 3.2rem; }
}

input { font-family: "Jaldi", sans-serif; font-size: 1.6rem; }

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu { width: 90%; /*max-width: 600px;*/ background: #4d5158; margin:2em auto; /*box-shadow: 0 4px 40px #70ac76;*/ }
.cd-accordion-menu ul { /* by default hide all sub menus */ display: none; }
.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; }
.cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 15px 18px 15px 70px; background: #007aff; box-shadow: inset 0 -1px #80bdff; color: #ffffff; font-size: 1.6rem; }
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-accordion-menu label { cursor: pointer; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after { background-image: url(../img/cd-icons.png); background-repeat: no-repeat; }
.cd-accordion-menu label::before { /* arrow icon */ left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.cd-accordion-menu label::after { /* folder icons */ left: 41px; background-position: -16px 0; }
.cd-accordion-menu a::after { /* image icon */ left: 36px; background: url(../img/cd-icons.png) no-repeat -48px 0; }
.cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */ background-position: -32px 0; }
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; }
.cd-accordion-menu ul label,
.cd-accordion-menu ul a { background: #2e92ff; box-shadow: inset 0 -1px #80bdff; padding-left:85px; }
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; }
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a { /*box-shadow: none;*/ }
.cd-accordion-menu ul label::before { left: 36px; }
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after { left: 59px; }
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a { padding-left: 106px;background:#237fe2 }
.cd-accordion-menu ul ul label::before { left: 54px; }
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after { left: 77px; }
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a { padding-left: 134px;background:#4aa1ff }
.cd-accordion-menu ul ul ul label::before { left: 72px; }
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after { left: 95px; }

@media only screen and (min-width: 600px) {
    .cd-accordion-menu label, .cd-accordion-menu a { padding: 24px 24px 24px 82px; font-size: 1.9rem; }
    .cd-accordion-menu label::before { left: 24px; }
    .cd-accordion-menu label::after { left: 53px; }
    .cd-accordion-menu ul label,
    .cd-accordion-menu ul a { padding-left: 106px; }
    .cd-accordion-menu ul label::before { left: 48px; }
    .cd-accordion-menu ul label::after,
    .cd-accordion-menu ul a::after { left: 77px; }
    .cd-accordion-menu ul ul label,
    .cd-accordion-menu ul ul a { padding-left: 130px; }
    .cd-accordion-menu ul ul label::before { left: 72px; }
    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul a::after { left: 101px; }
    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a { padding-left: 154px; }
    .cd-accordion-menu ul ul ul label::before { left: 96px; }
    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul a::after { left: 125px; }
}

.cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.exam_test {width: 90%;
margin: 0 auto;}