#tabs {
   padding: 15px;
   margin: 20px;
   background: white; }

#tabs .title { padding: 0; }
#tabs .title.cf { width: 100%; margin: 1em 0 0 0; padding: 0; }

#tabs .title ul { list-style: none; display: -webkit-flex; display: flex; margin: 0 auto; text-align: center; overflow: initial; }   
#tabs .title ul li { float: none; list-style: none; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; width: 25%; left: 0; padding: 0; }

#tabs .title ul li a { display: block; font-size: 110%; font-weight: 400; color: #fff; text-transform: none; padding: 10px; line-height: 1; min-height: 14px; background: #a8b0d1; border-right: 1px #fff solid; }
#tabs .title ul li a span { }
#tabs .title ul li:last-child a { border-right: none; }

#tabs .title a:hover { background: #515f99;  }
#tabs .title a:active { background: #364581; }
#tabs .title li.ui-tabs-active a { position: relative; background: #19296b; }

#tabs .ui-tabs-panel {
   background: #e3e8ee;
   padding: 1em; }