#accordion h3 { font-size:1em!important; font-weight:bold; color:#265b8e; padding-left: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; background: none;}
#accordion h3 { cursor:pointer; border-bottom:1px solid #ccc; padding-bottom:10px; }
.article-content h4:before { content:'\25b8'; margin-right:10px; }
#accordion .ui-state-default:before { content:'\25b8'; margin-right:10px; }
#accordion .ui-state-active:before { content:'\25be'; color:#000; margin-right:10px; }

#accordion .accordionNest { padding:10px 20px !important; margin-bottom:20px !important; background:#f2f2f2; }
#accordion .accordionNest h3 {color:#265b8e; }
.kb-article header h1, .kb-article footer h1 { font-size:3em !important; margin-bottom:20px !important; color:#333 !important; }
#accordion p { padding:1% 2%; }

#accordion2 h3 { font-size:1em!important; font-weight:bold; color:#265b8e; padding-left: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; background: none;}
#accordion2 h3 { cursor:pointer; border-bottom:1px solid #ccc; padding-bottom:10px; }
.article-content h4:before { content:'\25b8'; margin-right:10px; }
#accordion2 .ui-state-default:before { content:'\25b8'; margin-right:10px; }
#accordion2 .ui-state-active:before { content:'\25be'; color:#000; margin-right:10px; }

#accordion2 .accordionNest { padding:10px 20px !important; margin-bottom:20px !important; background: #f2f2f2;}
#accordion2 .accordionNest h3 {color:#265b8e; }
.kb-article header h1, .kb-article footer h1 { font-size:3em !important; margin-bottom:20px !important; color:#333 !important; }
#accordion2 p { padding:1% 2%; }

#accordion3 h3 { font-size:1em!important; font-weight:bold; color:#265b8e; padding-left: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; background: none;}
#accordion3 h3 { cursor:pointer; border-bottom:1px solid #ccc; padding-bottom:10px; }
.article-content h4:before { content:'\25b8'; margin-right:10px; }
#accordion3 .ui-state-default:before { content:'\25b8'; margin-right:10px; }
#accordion3 .ui-state-active:before { content:'\25be'; color:#000; margin-right:10px; }

#accordion3 .accordionNest { padding:10px 20px !important; margin-bottom:20px !important; background:#f2f2f2; }
#accordion3 .accordionNest h3 {color:#265b8e; }
.kb-article header h1, .kb-article footer h1 { font-size:3em !important; margin-bottom:20px !important; color:#333 !important; }
#accordion3 p { padding:1% 2%; }

.ui-accordion .ui-accordion-content {border: none; padding: 10px; font-size: 15px; line-height: 2em;}
.ui-widget {font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;}
.accordionNest .ui-widget-content {background: none;}

.btn.start {background: #3A8DDE; color: #fff!important; font-size: 13px; margin-bottom: 2px;}
.btn.start:hover {background: #000;}

.btn.login {background: #d61d24; color: #fff!important; font-size: 13px; margin-bottom: 2px;}
.btn.login:hover {background: #000;}

.btn.supplier {background: #07bc58; color: #fff!important; font-size: 13px; margin-bottom: 2px;}
.btn.supplier:hover {background: #000;}

.btn.espplus {background: #FFFFFF; color: #fff!important; font-size: 14px; margin-bottom: 2px; border: 1px solid #164569;}
.btn.espplus:hover {background: #FFFFFF;}


div.left {float: left; width: 50%;}
div.right {float: right; width: 48%; text-align: right; margin-top: -50px;}

.dp-po .dp-po-homepage .dp-po-block {float: left;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.dp-po .dp-po-search-form input[type=submit] {
    position: absolute;
    top: -10000px;
    left: -10000px;
    background: #fff;
    border: 2px solid var(--grey-dark);
    border-radius: 0 4px 4px 0;
    margin-left: -2px;
    padding: 0 12px;
    color: var(--grey-dark);
    height: 57px;
    align-self: stretch;
    font-weight: 600;
}

.dp-po .dp-po-search-form input[type=search]:focus~input[type=submit] {
    position: relative;
    top: 0;
    left: 0;
} 



.dp-po-search-hint-header-title {display: none!important;}

@media screen and (max-width: 480px) {
div.left, div.right {width: 100%; float: none;}
.btn.login {margin-left: 0px!important; margin-bottom: 10px;}
div.right {margin-top: 20px; text-align: left;}
div.right .btn {display: block!important; margin-left: 0px!important;}
.embed-container {margin-bottom: 10px;}
}