.urgentnotice-default,
.isoracleavail-wrapper{
	padding:3px; 
	background-color:#ffeb99; 
	font-size:110%;
	text-align:center; 	 
	width:100%; 
	padding:12px 10%;
	line-height:1.2em;
	border-bottom: medium solid #5bbf21;
	border-left:medium solid #ffe066;
	border-right:medium solid #ffe066;
}

.urgentnotice-style02{
	padding:3px; 
	background-color:#f7f7f7; 
	font-size:100%;
	text-align:left; 	 
	width:100%; 
	padding:12px 10%;
	line-height:1.2em;
	border-bottom: medium solid #e37707;
	/*
	border-left:medium solid #FFF388;
	border-right:medium solid #FFF388;
	*/
}
.urgentnotice-style03{
	padding:3px; 
	background-color:#FFF388; 	
	text-align:left; 	 
	width:100%; 
	line-height:1.2em;
	border-bottom: medium solid #FFBB72;
	
	/*
	padding:14px 10%;	
	font-size:120%;
	*/
	
	font-size:90%;
	padding:12px 10%;
	
}


.urgentnotice-default .inner-content,
.isoracleavail-wrapper .inner-content,
.urgentnotice-style02 .inner-content,
.urgentnotice-style03 .inner-content{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
/*--------urgent-notice--------*/
.urgentnoticebar {
	margin-bottom:6px;
}


/*--------covid-style--------*/
.notice-closed{
	min-height:20px;
}
.notice-opened{
	min-height: 100px;
	min-height: 100px;
}
.notice-closed.urgentnotice-covid19 .view-more-notice::after {
    border: solid #468c94;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    content: "";
    margin-left: 8px;
	color: #468c94;
	vertical-align: middle;
}
.notice-opened.urgentnotice-covid19 .view-more-notice::after {
    border: solid #468c94;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    margin-left: 8px;
	color: #468c94;
	vertical-align: middle;
}
.urgentnotice-covid19 {
	background-color: rgb(230,230,230);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
	border:none;
	border-bottom: medium solid #468c94;
	padding:0;
}
.notice-opened.urgentnotice-covid19 {
	background-image: linear-gradient(to left, rgba(230,230,230,0), rgba(230,230,230,1) 50%),  url("https:www.ccok.com/assets/images/notice/cv-bg-sm.jpg") ;
}
.urgentnotice-covid19 p {
	color:#444;
}
.urgentnotice-covid19 .inner-content{
	padding: 12px 10%;
	
 }
 .urgentnotice-covid19 .wrapper{
	max-width:900px; 
	margin:0 auto;
	text-align:left;
	width: 100%;
    background-color: transparent;
    border: 0;
    box-shadow: none;
 }
.urgentnotice-covid19 div.cont {
	display:inline-flex;
}
.urgentnotice-covid19 .cont-info {
	max-width: 30%;
	padding-right:12px;
}
.urgentnotice-covid19 .cont-links {
	max-width: 50%;
}
.urgentnotice-covid19 a {
	color: #276269;
	font-weight: bold;
	display:block;
	padding: 3px 6px 3px 0;
	white-space: nowrap;
	text-decoration: none;
}
.urgentnotice-covid19 a::before {
	border: solid #468c94;
 	 border-width: 0 3px 3px 0;
 	 display: inline-block;
  	padding: 3px;
	transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	content: ""; 
 	margin-right: 8px;
	color: #468c94;  
}
.urgentnotice-covid19 h3 {
	font-size: 120%;
	color: #4e5258
}
.cc-top-nav-container .alert {
	border-radius: 0;
	border-bottom-right-radius: .25em;
	border-bottom-left-radius: .25em;
}
p.cont-info {
	margin-bottom:.2rem;
}

.notice-title{
	max-width: 900px;
    text-align: left;
    margin: 0 auto;
	font-size: 1.2em;
    font-weight: bold;
    display: inherit;
	 line-height: 0;
	 color: #444;
	 padding:15px 10% 12px 0;
	 background-color: rgb(230,230,230);
	 -webkit-transition: all .3s ease-in-out;
	 -moz-transition: all .3s ease-in-out;
	 -ms-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	 transition: all .3s ease-in-out;	 
}
.notice-title .view-more-notice{
	white-space:nowrap;
	font-size:.8em;
	margin-left:20px;
	cursor:pointer;
}
.notice-closed .notice-hidden{
	display:none;
}
.notice-opened .notice-title{
	background:none;
}
/*--------end-covid-style--------*/

/*--------covid-vaccine-style--------*/

#covid19-vaccine {
	background-color: #007852;
	color: #fff;
	border-color: #b5eab7;
}
#covid19-vaccine:hover {
	background-color: #468c94;
	color: #e4faf5;
	border-color: #9dd5c4;
}

/*--------end-covid-vaccine-style--------*/
@media all and (max-width: 850px){
	.urgentnotice-covid19 div.cont {
		display:block;
	}
	.urgentnotice-covid19 .cont-info, 
	.urgentnotice-covid19 .cont-links {
		max-width: 80%;
	}
	.urgentnotice-covid19 .cont-info {
		padding-bottom:12px;
	}
}
@media all and (max-width: 615px){
	
	.urgentnotice-style03{
		padding:3px; 
		background-color:#FFF388; 
		
		text-align:left; 	 
		width:100%; 
		font-size:100%;
		padding:12px 10%;
		line-height:1.2em;
	}
	.urgentnotice-covid19 .cont-info, 
	.urgentnotice-covid19 .cont-links {
		max-width: 96%;
	}
	
}