@charset "utf-8";
/* CSS Document */
.accordion_right {float:right;width:50%;}
.accordion_left {float:left;width:50%;}


h2.section_header {
	background-color:#4277AE;
	color:#fff;
	padding:7px 10px;
}


.asterisk { color:red;font-weight:800; }

button.top {margin-top:22px;}
button {border:none;background:#fff;}

.accordion {
    background-color: #fff;
	border: none;
    color: #4277ae; /* 444 */
    cursor: pointer;
	padding: 0 25px 0 20px;
    width: 100%;
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
	font-weight:700;
    transition: 0.4s;
}
.active, .accordion:hover {
    /*background-color: #ccc;*/
	color:#153e7e;
}
.accordion:after {
    content: '»'; /* 002b */
	/*font-size:24px;*/
    color: #4277ae; /* 777 */
    font-weight: bold;
    float: right;
    margin-left: 5px;
	padding-right:10px;
}
.accordion:after:hover {
    color: #153e7e; /* 777 */
}
/* =================== accordion arrow left == */
.accordion-left {
    background-color: #fff;
    color: #4277ae; /* 444 */
    cursor: pointer;
	padding: 0 25px 0px 20px;
    width: 100%;
    border: 1px solid white; 
	border-radius: 25px;
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
	font-weight:700;
    transition: 0.4s;
	text-indent: -1.3em;
	
}

.accordion-left:focus {
border: 1px solid #4D76A3;
border-radius: 25px;
}

.active, .accordion-left:hover {
    /*background-color: #ccc;*/
	color:#153e7e;
}
.accordion-left:before {
    content: '\25BC'; /*\25BA ˅ » 002b */ 
	/*font-size:24px;*/
    color: #4277ae; /* 777 */
    font-weight: bold;
    float: left;
    margin-left: 5px;
	padding-right:10px;
}
.accordion-left:before:hover {
    color: #153e7e; /* 777 */
}
/* =========================================== */
.active:before {
    content: "\25B2"; /*˄ \2304 2212 */
}

div.panel2 {
	/*margin-bottom:10px;*/
	max-height:  0;
	width: 90%;
	border:none;
	border-bottom:solid 0 #fff;
	background:white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	box-shadow: none;
	/*padding: 10px 0 10px 5px;*/
}
div.panel2 p {
	margin:0 0 5px;
	padding: 10px 0px 0 14px;
	line-height: 1.3;
	width: 90%;
	border:none;
	border-bottom:solid 0 #fff;
	background:white;
} 
/* ================ left == */
div.panel2 img {
	margin:0 10px 0 5px;
	padding: 10px 0px 0 10px;
	width:50px;
	
} 
div.panel2 ul.left {
	margin:12px 10 0 46px;
	line-height: 1.3;
} 
/* ======================== */
div.panel2 ul {
	margin:12px 0 0 21px;
	line-height: 1.3;
} 

.ocbuttons{
float: right; 
margin-right: 15px;
}

#openAll {
    float:left;
	margin: 5px;
	/*margin-right:4px;*/	
	background:#e5e5e5;
	color: #153e7e; /* 444 */
    cursor: pointer;
    border: none;
    outline: none;
	padding:4px 6px 5px;
    font-size: 0.9em;
	font-weight:700;
    transition: 0.4s;
	border-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#closeAll {
    float:left;
	margin: 5px;	
	/*margin-right:25px;*/
	background:#e5e5e5;	
	color: #153e7e; /* 444 */
    cursor: pointer;
    border: none;
    outline: none;
	padding:4px 6px 5px;
    font-size: 0.9em;
	font-weight:700;
    transition: 0.4s;
	border-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
#openAll:focus,
#closeAll:focus,
#openAll:hover,
#closeAll:hover {
	color: #fff; /* 444 */
	background:#153e7e;
	text-decoration: none;
}

/* Responsive code */



@media (max-width:40em) {
	button.accordion-left { margin-left:0; }
	.accordion-left:before { margin-left:0;padding-left:0; }
	.active:before { content: "\25B2";margin-left:0;padding-left:0; /*˄ \2304 2212 */ }
	.accordion-left { /*font-size:80%;*/line-height:1.5; }
	div.panel2 p.left { /*font-size:80%;*/padding-left:15px; }
	/*#openAll, #closeAll { font-size:70%; }*/
	}



@media (max-width:825px){	 
	div.panel2 {width:89%;}
}
@media (max-width:810px){
	.accordion_right, .accordion_left {float:none;width:100%;}

	
}


@media (max-width:350px)
{
	div.panel2 {width:83%;}

}