/* nav sub */

.mwd-nav-sub-title {
text-transform: capitalize;
}

.mwd-nav-sub-container {
margin: 0;
padding: 0;
background-color: rgba(116, 194, 225, 1.0); 
}		

.mwd-nav-sub-container ul {
margin: 0;
padding: 0;
}	
	
.mwd-nav-sub-list-main li {
display: inline-block;
float: left;
}
	
.mwd-nav-sub-list-main li a {
display: inline-block;
text-decoration: none;
color: rgba(255, 255, 255, 0.69);	
margin: 12px 10px 2px 10px;
padding: 4px 10px;
font-size: 10px;
}
	
.mwd-nav-sub-list-main li a:hover {
color: rgba(255, 255, 255, 1.0);
}
	
.mwd-nav-sub-list-sub li {
display: inline-block;
float: right;
}
	
.mwd-nav-sub-list-sub li span {
background-color: rgba(116, 194, 225, 1.0);
color: rgba(255, 255, 255, 0.69);	
display: inline-block;
padding: 10px 20px;
text-align: center;
}

.mwd-nav-sub-list-sub li a {
text-decoration: none;
color: rgba(255, 255, 255, 0.69);	
display: inline-block;
padding: 10px 20px;
text-align: center;
}

.mwd-nav-sub-list-sub li a:hover {
background-color: rgba(116, 194, 225, 1.0);
color: rgba(255, 255, 255, 1.0);
}

.mwd-nav-sub-active {
display: block;
width: 100%;
background-color: rgba(116, 194, 225, 1.0); 
color: rgba(255, 255, 255, 1.0);
padding: 10px 20px;
text-transform: uppercase;
}
	
@media (max-width: 600px) { 
	
.col-top-main {
background-color: #f0f0f0;
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
	
.mwd-nav-sub-main {
display: block;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}
	
.mwd-nav-sub-list-main li a {
display: block;
width: 100%;
color: rgba(116, 194, 225, 1.0);	
margin: 12px 10px 12px 10px;
}
	
.mwd-nav-sub-list-main li a:hover {
background-color: rgba(116, 194, 225, 0.24);
color: rgba(0, 0, 0, 1.0);	
}
	
.mwd-nav-sub-list-main {
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}

.mwd-nav-sub-list-sub li {
display: block;
width: 100%; 
}
	
.mwd-nav-sub-list-sub li a {
display: block;
width: 100%; 
border-right: none;
border-left: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.69);
}

}

/* content */

.mwd-tools-content-area {
background-image:url("../images/sp/001-004.png");
padding: 3em 1em;
border-bottom: 1px solid rgba(103, 103, 103, 0.10);
}

/* list group */

.mwd-list-group {
background-color: rgba(240, 240, 240, 0.9) !important;
padding: 2em 1em 3em 1em;
}

.mwd-list-group .list-group-item { 
border-bottom: 1px solid rgba(255, 255, 255, 0.64);
border-top: none !important;
border-right: none !important;
border-left: none !important;
border-radius: 0 !important;
background-color: rgba(255, 255, 255, 0.20) !important;
}	

.mwd-list-group .list-group-item:hover { 
background-color: rgba(255, 255, 255, 0.50) !important;
}

.mwd-list-group .disabled {
position: relative;
background-color: rgba(255, 255, 255, 0.60) !important;
color: rgba(0, 0, 0, 0.60) !important;
}

.mwd-list-group .disabled::after {
position: absolute;
font-family: 'FontAwesome';
font-size: 16px;
content: "\f3c5";
color: rgba(0, 0, 0, 0.60) !important;
top: 4px;
right: 20px;
}

@media screen and (min-width: 1400px) {
.mwd-list-group .list-group-item:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.64) !important; 
}
}

@media only screen and (max-width: 769px) {
	
.mwd-nav-sub-sub-container {
text-align: center;
}	
	
.mwd-nav-sub-title {
text-align: center;
}	
	
.mwd-list-group .list-group-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.64);
}
}