@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
/*Header Area*/
a.top-icon:link,
a.top-icon:visited{
	color:#f6ab00;
}
a.top-icon:hover i.fas{
	color:#F5BA31;
}

/* Global Navigation */
#global_nav{
	background-color:#000000;
	font-weight: 700
}

.btn-bd-search{
	font-weight:500;
	color:#ffe484;
	background-color:#0982C9;
	border-color:#ffe484
}
.btn-bd-search:active,
.btn-bd-search:hover{
	color:#2a2730;
	background-color:#ffe484;
	border-color:#ffe484
}
.btn-bd-search:focus{
	box-shadow:0 0 0 3px rgba(255,228,132,.25)
}
.dropdown-menu .dropdown-item.active{
	background-color:#f6ab00;
}

/* Bread crumb */
.breadcrumb{
	background-color:#f8f9fa;
}

/* Local Navigation */
#sidebar-top {
	background-color:#212934;
	color: #ffffff;
	padding:5px;
}

#sidebar .list-group-item {
    border-radius: 0;
    background-color: #f5f5f5;
    color: #212934;
    /*border-left: 0;
    border-right: 0;*/
    border-color: #e5e5e5;
    border-left: 7px solid #CCCCCC;
}

/* For contents menu of global navi */
#sidebar-top-menu {
	background-color:#212934;
	color: #ffffff;
	/* padding:0px;*/
}

#sidebar .list-group-item-menu {
    background-color: #212934 !important;
	color: #ffffff;
    border-color: #212934;
    font-weight: 500;
    margin-top:1px !important;
}

#sidebar .list-group-item-menu:hover,
 .list-group-item-menu.current {
	color: #fff !important;
}
/* ↑For contents menu of global navi  */

#sidebar .list-group-item.current {
	border-left:#f6ab00 7px solid;
}

#sidebar .list-group-item:hover {
    color: #F5C962 !important;
    border-left:#F5C962 7px solid;
}

#sidebar .list-group-item.sub {
    margin-left:15px;
}

#sidebar .list-group-item.subsub {
    margin-left:25px;
}

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
    background-color: #f5f5f5;
}

/* closed state */
#sidebar .list-group .lnav_sub_menu[aria-expanded="false"]::after {
  font-family: "Font Awesome 5 Free";
  content: " \f0d7";
  font-weight: 900;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
  background-color: #f5f5f5;
}
#sidebar .list-group .lnav_sub_menu[aria-expanded="true"]::after {
  font-family: "Font Awesome 5 Free";
    content: " \f0da";
    font-weight: 900;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item  {
  padding-left: 20px;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item {
  padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
  padding-left: 40px;
}

/* change transition animation to width when entire sidebar is toggled */
#sidebar.collapse {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

#sidebar.collapsing {
  opacity: 0.8;
  width: 0;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;

}

.global_icon {
	color:#f6ab00;
}

/* Step Navigation */
.nav-pills.nav-wizard > li
{
	position: relative;
	overflow: visible;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}

.nav-pills.nav-wizard > li + li
{
	margin-left: 0;
}

.nav-pills.nav-wizard > li:first-child
{
	border-left: 0;
}

.nav-pills.nav-wizard > li:first-child span
{
	border-radius: 5px 0 0 5px;
}

.nav-pills.nav-wizard > li:last-child
{
	border-right: 0;
}

.nav-pills.nav-wizard > li:last-child span
{
	border-radius: 0 5px 5px 0;
}

.nav-pills.nav-wizard > li span
{
	border-radius: 0;
	background-color: #eee;
}

.nav-pills.nav-wizard > li:not(:last-child) span:after
{
	position: absolute;
	content: "";
	top: 0px;
	right: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #eee;
	z-index: 150;
}

.nav-pills.nav-wizard > li:not(:first-child) span:before
{
	position: absolute;
	content: "";
	top: 0px;
	left: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: #eee #eee #eee transparent;
	z-index: 150;
}

.nav-pills.nav-wizard > li:not(:last-child) span.active:after
{
	border-color: transparent transparent transparent #f6ab00;
}

.nav-pills.nav-wizard > li:not(:first-child) span.active:before
{
	border-color: #f6ab00 #f6ab00 #f6ab00 transparent;
}

.nav-pills.nav-wizard > li span.active
{
	background-color: #f6ab00;
}

.nav-pills.nav-wizard > li:not(:last-child) span.done:after
{
	border-color: transparent transparent transparent #ffedc3;
}

.nav-pills.nav-wizard > li:not(:first-child) span.done:before
{
	border-color: #ffedc3 #ffedc3 #ffedc3 transparent;
}

.nav-pills.nav-wizard > li span.done
{
	background-color: #ffedc3;
}

/*====================
 +catch_all_agreement
====================*/

input.chk_agree_checkbox[type=checkbox] {
	transform: scale(1.4);
}

div.chk_agree div.chkbox {
	float:left;
	padding-right:10px;
}

div.chk_agree div.agree_contents {
	float:left;
	padding-right:10px;
}

div#catch_all_agreement_box {
	height: 200px;
	border: solid 1px #999999;
	overflow-y: scroll;
	padding: 0;
}
#catch_all_agree_field {
	width: 90%;
	padding: 0 30px;
	margin: 5px 0;
	text-align: left;
}
#catch_all_agreement_box h2 {
	padding:0 0 0 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
#catch_all_agreement_box p {
	margin-bottom: 0;
}
#catch_all_agreement_box ul {
	list-style-type: lower-alpha;
	margin: 5px 0 5px 10px;
	padding-left:20px;
}
#catch_all_agreement_box ol {
	list-style-type: decimal;
	margin: 5px 0 5px 10px;
	padding-left:20px;
}

span.Qes{
	font-size:20px;
	font-weight: bold;
	color: #ff6600;
}
span.Ans{
	font-size:20px;
	font-weight: bold;
	color: #0033ff;
}
table.view_list dl dt {
	float:left;
	padding-right:5px;
}
table.view_list dl dd {
	padding-left: 30px;
}

/*** Server Form Check Error Color IT-4824 ***/
input.error,
select.error {
	border:solid 1px #dc3545;
}
textarea.error{
	border: 1px solid #dc3545;
}
div.error{
	border: 1px #dc3545 solid;
}
fieldset.error {
	border: 1px #dc3545 solid;
}


/*** img.lazyのmax-width, height: autoの指定。
 *!importantを付加しないと高さに定数が指定されている場合にうまくレスポンシブに表示されない。
 ****/
img.lazy
{
	max-width: 100% !important;
	height: auto !important;
}

.navbar-ecad
{
	background-color:#000000;

	margin-left:-20px;

}
.navbar-dark
{
	background-color:#000000 !important;

	margin-left:-20px;
	color:#ffffff !important;
}
.mainnav
{
	width:100%;
	padding-bottom:30px;
	text-align:center;
	color:#ffffff;
	clear:both;
	background-color:#000000;
	border-bottom: 1px solid #ffffff;
}

#lang-and-user-block
{
	width:100%;
	text-align:right;
}

#subnavbar
{
	background-color:#000000;
	border-top:1px solid #ffffff;
	height:50px;
	color:#ffffff;
}

#global_nav
{
	margin-top:-10px !important;
	min-height:38px !important;
}
#global_nav div ul li a
{
	/*font-weight:bold;*/
	color:#ffffff;
	/*font-family:open-sans,sans-serif;
	font-size:1.2em;*/
	/*text-transform:uppercase; //IT-7109 */
	margin-top:-25px;
	margin-bottom:0;
	padding-bottom:10px;
}

#global_nav div ul li a:hover
{
	color:#F5C962 !important;
	text-decoration:none !important;
}

.loginlabel
{
	width:100px;
}

.loginput
{
	border:solid 1px #cccccc;
	border-radius: 0;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
	box-shadow:  0px 2px 2px 0px rgba(0,0,0,0.15);
	height:50px;
	margin-left:6px;
}

#main_right input
{
	box-shadow:none !important;

	-webkit-box-shadow: 0px 2px 9px -8px #000000 !important;
	box-shadow: 0px 2px 9px -8px #000000 !important;
}
#main_right input[type=text], #main_right input[type=password]
{
	border:1px solid #ffffff !important;
}

#main_right input[type=text]:focus, #main_right input[type=password]:focus
{
	border:1px dotted #cccccc !important;
}

.btn-primary, .btn-success, .btn-secondary, .btn-secondary:active, .btn-primary:active, .btn-secondary:disabled, .btn-primary:disabled
{
	background-color:#F6AB00;
	border-radius:10px;
	/*width:400px;
	max-width:100px;*/
	border:1px solid #F6AB00;
	/*margin-left:100px;*/
	box-shadow:none;
	color:#ffffff !important;
	padding:4px 10px;
	text-transform:UpperCase;
}

 .btn-secondary, .btn-outline-primary
 {
 background-color:#ffffff;
 color:#F6AB00 !important;
 }
.btn-secondary, .btn-sm
{
	border-radius: 16px;
}
.btn-secondary i.fas
{
	color:#F6AB00 !important;
}

/* IT-7278 add :not(:disabled):not(.disabled) */
.btn-secondary:hover:not(:disabled):not(.disabled) i.fas
{
	color:#FFFFFF !important;
}

/* IT-7278 add :not(:disabled):not(.disabled) */
a.btn.btn-primary.active,a.btn.btn-outline-primary:hover, .btn-primary:focus,
 .btn-secondary:hover:not(:disabled):not(.disabled), .btn-secondary:active, .btn-secondary:hover, .btn-sm.btn-outline-primary:hover, .btn-sm.btn-outline-primary:active, .btn-sm.btn-outline-primary:focus, .btn.btn-outline-primary:active
 {
 	background-color:#F6AB00 !important;
	color:#FFFFFF !important;
	border:1px solid #F6AB00 !important;
	box-shadow:none !important;
 }
/* IT-7278 add :not(:disabled):not(.disabled) */
 a.btn.btn-outline-primary,
.btn-primary:hover:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .btn-primary:active:focus, .btn-secondary:focus, .btn-sm.btn-outline-secondary:hover, .btn-sm.btn-outline-secondary:active, .btn-sm.btn-outline-secondary:focus, .btn-sm.btn-outline-secondary:active:focus
{
	background-color:#ffffff !important;
	color:#F6AB00 !important;
	border:1px solid #F6AB00 !important;
	box-shadow:none !important;
}

a.btn-outline-secondary
{
	color:#FFFFFF !important;
	border:1px solid #FFFFFF !important;
}



.btn-primary i.fas, .btn i.fas
{
	color:#ffffff;
}

/* IT-7278 add :not(:disabled):not(.disabled) */
.btn-primary:hover:not(:disabled):not(.disabled) i.fas, .btn:hover:not(:disabled):not(.disabled) i.fas
{
	color:#F6AB00;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before
{
	background-color:#F6AB00;
	border-color:#F6AB00;
	box-shadow:none;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before
{
	background-color:#b59b61;
	border-color:#b59b61;
	box-shadow:none;
	box-shadow:none !important;
}

.custom-checkbox .custom-control-input:enabled ~ .custom-control-label::before, .custom-radio .custom-control-input:enabled ~ .custom-control-label::before
{
	box-shadow:none !important;
	border-color:#F6AB00;
}

.input-group input, .input-group input:active,.input-group input:focus
{
	box-shadow:none;
	border-color:#F6AB00;
	height:39px;
}
button[type='submit']
{
	height:39px;
	margin-left:0;
}

#call_no_srh button[type='submit']
{
	border-radius:0 8px 8px 0;
}

.popover-body
{
	background-color:#222A34;
}

footer.footer
{
	background-color: #222a34;
	padding:0 !important;
	margin:0 !important;
}
#footer_bottom
{
	background-color: #222a34;
	margin:0;
}

#footer-top-bar
{
border-bottom:1px solid #b7b4b3;
margin:0;
height:40px;
}

#footer_link, #footer_link a
{
	color:#b7b4b3;
}
#footer_link li
{
	font-size:.7em;
	height:100px;
	width:20%;

	margin:0;
}
#footer_link li+li
{
	border-left:solid 1px #b7b4b3;
}
#footer_link
{

	margin:0;
	padding:0;
}


.footer-column-header
{
	margin-bottom:12px;
	text-transform:uppercase;
	font-size:1em;
}

.bottomline
{
	border-bottom:1px solid #b7b4b3;
	margin:10px 0;
	color:#b7b4b3;
	font-size:.7em;
	line-height:0.1em;
	text-transform:uppercase;
}

.bottomline span
{
	background-color:#222A34;
	padding:0 10px;
}

.bottomline span a
{
	margin:0 5px;
	color:#b7b4b3;
}


body.side_panel
{
	background:url(../image/rbbackground.png) repeat-y;
	background-size:100%;


}

.home-header
{
	margin-left:20px;
}



a, a:hover
{
	color:#F6AB00;
}

#global_nav
{
	padding-top:0 !important;
	padding-bottom:0 !important;

}
.nav-item
{
	margin-bottom:-20px;margin-top:0;
}

.nav-item a.nav-link
{
	margin-bottom:0;
}

.nav-item.active
{
	border-bottom:2px solid #ffffff !important;
}

body
{font-family: 'Open Sans', sans-serif;}

#termofuse
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#step-nav
{
	padding-bottom:20px;
}
/*
for part search preferences page
*/
.check_icon
{
	color:#F6AB00;
}

.ps-th-services
{
	text-align:center !important;
}
.ps-th-services-sub
{
	text-align:center !important;
	white-space:normal !important;
	min-width:50px !important;
}
a.vendor_link
{
	background-color:#F6AB00;
	border-radius:14px;
	border:1px solid #F6AB00;
	color:#ffffff;
	padding:2px 16px;

}

a.vendor_link:hover, a.vendor_link:active, a.vendor_link:focus, a.vendor_link:active:focus
{
	background-color:#ffffff !important;
	color:#F6AB00;
	border:1px solid #F6AB00 !important;
	text-decoration:none;
}
/*
end of part search preferences page
*/

.custom-control-input
{
	border: 1px solid #ff0000 !important;
}


@media (max-width: 767px)
{
	#main_right
	{
	width:100% !important;
	background-color:#f8f8f8;
	padding:10px;
	max-width:100% !important;
	}
	body.side_panel
	{
	background-image:none;
	}
	#footer_link li {
		border-left:0 !important;
		width:100%;
	}
	#global_nav
	{
	min-height:38px !important;
	}
	.navbar-nav-scroll
	{
	overflow-y:visible;
	}

	#global_nav div ul li a
	{

		margin-top:10px;
		margin-bottom:10;
		padding-bottom:10px;
		border-bottom:0;
	}

	.nav-item
	{
		margin-bottom:0;margin-top:0;
	}

	.nav-item a.nav-link
	{
		margin-bottom:20px;
	}

	.nav-item.active
	{
		border-bottom:0 solid #000000 !important;
	}

	nav > ul
	{
		margin-top:0;
	}

}

/*ul#myTab.nav.nav-tabs.h5
{
	border:solid 1px #000000 !important;
}*/
.fa-stack
{
	/* background-color:#ffffff !important; */
}

#aboutaccount ul
{
	height:42px;
}

i.fas, div.h5 strong
{
	color:#F6AB00;
}

i.fas.fa-minus.minus_icon
{
	color:#b0b0b0 !important;;
}

div.card:hover
{
	text-decoration:none;
}

a#service-tab.active i.fa-hand-holding-heart, a#account-tab.active i.fa-users
{
	color:#000000;
}

div#service .card-header, div#account .card-header, div#aboutaccount .card-header
{
	background-color:#000000;
	color:#ffffff
}

div#service .card a:hover, div#account .card a:hover
{
	text-decoration:none;
}

div#service .card-body, div#account .card-body
{
	height:150px;
	color:#000000;
	background-color:#F8F8F8;
	border: 1px solid #ECECEC;

}

div#aboutaccount .card-header
{
	text-align:center;
}

div.detail_info .card-body
{
	height:200px;
	background-color:#F8F8F8;
	border: 1px solid #ECECEC;
}
div.detail_info .card-body ul li, div#service .card-body ul li, div#account .card-body ul li
{
	margin-left:-20px;
}
div.detail_info .card-body.larger
{
	height:300px;
	background-color:#F8F8F8;
	border: 1px solid #ECECEC;
}

@media (max-width:1450px)
{
	div.detail_info .card-body.larger
	{
		height:380px;
	}
	div.detail_info .card-body
	{
		height:235px;
	}
}
div.detail_info .card-header
{
	height:60px;

}
div#service .card-body a, div#account .card-body a
{
	color:#000000;
}
div.detail_info .global_icon
{
	background-color:#000000;
	padding-bottom:20px;
	font-size: 2em;
	text-align:center;
}

.card
{
	border:0;
}

.card:hover
{
	/*background-color:#cccccc;*/
}


.dropdown-menu
{
	background-color:#f2f2f2 !important;
	color:#000000;
	/* width:300px; */
	overflow:hidden;
}
.dropdown-menu a
{
	color:#000000;
}
.dropdown-menu a:hover
{
	background-color:#ffffff;
}

.detail_info .alert.alert-info
{
	background-color:#F6AB00;
	color:#ffffff;
	width:100%;
	border:0;
	border-radius:12px;
	padding:0
}

.detail_info .alert > .strong
{
	background-color:#222A34;
	width:100%;
	padding:12px;
	border-radius: 12px 12px 0 0;
}
.detail_info .alert > .small
{
	width:100%;
	padding:12px;
}
.detail_info .alert hr
{
	visibility:hidden;
}

.dropdown.aboutdrop > a, .dropdown.aboutdrop > a:hover, .dropdown.aboutdrop > a:focus, .dropdown.aboutdrop > a:active, .dropdown.aboutdrop > a:active:focus,
.dropdown.aboutdrop > a.btn-secondary:hover, .dropdown.aboutdrop > a.btn-secondary:active, .dropdown.aboutdrop > a.btn-secondary:focus, .dropdown.aboutdrop > a.btn-secondary:active:focus
{	width:300px;
	color:#000000 !important;
	background-color:#ffffff !important;
	box-shadow:none !important;
}
#aboutaccount th
{
	border:1px solid #222A34 !important;
	background-color:#222A34 !important;
	color:#ffffff !important;
}

#aboutaccount table tr td
{
	border:1px solid #F6AB00;
}

.voption
{
	margin: 5px 10px 0 10px !important;
	 color:#ffffff !important;
	 height:40px !important;
}
.voption:hover
{
	background-color:#000000 !important;
}

.onlinedoclinks
{
	 margin-top:0px!important;
	 background-color:#000000 !important;
	 padding-left:10px;
}

@media (max-width: 767px)
{
	.onlinedoclinks
	{
	margin:auto;
	background-color:#000000 !important;
	}
}

#basic_info_list_ymheader
{
	background-color:#222A34;
	color:#ffffff;
	padding:10px;
}
.list_announce, .list_mark, .list_date
{
	/*border:0 !important;*/
}

/*search css*/
.right-bar-sticky
{
	width:100%;
	position:-webkit-sticky;
	position:sticky;
	top:60px;
	z-index:1;
}

.adv-search-input
{
	margin:0 0 0 20px;
	height:35px;
	width:100%;
	max-width:300px
}

.adv-search-btn
{
	margin:-4px 0 0 -4px;
	border-radius:0 6px 6px 0;
}

.adv-search-wrapper
{
	margin:10px 0 0 25px;
}
/*search css*/

/*footer css*/
.footer__container {
    display: block;
    position: relative;
    width: 100%;
}
.footer__section {
    position: relative;
    border-top: 1px solid #b7b4b3;
    padding: 2rem 0
}

.footer__section:first-child {
    border-top: 0
}

.footer__section:last-child {
    padding-bottom: 0
}
.footer__menu {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.footer__social {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 4rem
}
.footer__menu--2 {
    position: absolute;
    top: -2.125rem;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 4rem;
    font-family: "open-sans",sans-serif;
    font-size: .8125rem;
    font-size: 0.8125rem;
}

.footer__menu--2 .menu-item {
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #222a34;
    padding: .5rem;
    order: 10
}

.footer__menu--2 .menu-item:first-child,.footer__menu--2 .menu-item:first-child+li {
    order: 0
}

.footer__menu--2 .menu-item:last-child {
    padding: .5rem 1rem;
    order: 5;
    color: #fff;
    font-weight: 700
}

.footer__menu--2 .menu-item:not(:last-child) a {
    display: block;
    color: #cccbcb;
    font-weight: 600;
    padding: 0 .5rem
}

.footer__menu--2 .menu-item:not(:last-child) a:focus,.footer__menu--2 .menu-item:not(:last-child) a:hover {
	text-decoration: none;
    color: #b7b4b3;
}
.footer__social__item {
    display: inline-block;
    padding: 0 1rem
}

.footer__social__anchor {
    color: #fff;
    display: block;
    width: 1.75rem;
    height: 1.75rem
}

@media (max-width: 47.1875rem) {
    .footer__menu--2 {
        position:static;
        display: flex;
        flex-wrap: wrap;
        -webkit-transform: none;
        transform: none;
        padding-left: 0;
        padding-right: 0
    }

    .footer__menu--2>li {
        flex-basis: 50%
    }
}
/*footer css*/
a.lang_switch_def{
	color: #cccbcb !important;
}
a:hover.lang_switch_def {
	color: #b7b4b3 !important;
}


/* page link css IT-7006 */
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #F6AB00;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #F6AB00;
    border-color: #F6AB00;
}

.page-link:hover {
    z-index: 2;
    color: #F6AB00;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    color: #F6AB00;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.table .thead-light th {
    background-color: #222A34 !important;
    color: #ffffff !important;
}

.table .thead-light td
{
	border: 1px solid #CCCCCC;
}

.card-header{
	background-color: #222A34 !important;
    color: #ffffff !important;
    padding:12px !important;
}