.sfe-container{max-width:100%; margin-bottom:20px;text-align:center;}
.sfe-inputs{ display: flex; margin-bottom: 20px;}
.sfe-inputs .sfe-input{ flex:1; padding: 0 10px;}
.sfe-submit{ margin-bottom: 20px;}
.sfe-input label{ display: block; margin-bottom: 5px;}
.sfe-input input[type=text]{ display: block; width: 100%; padding:5px; text-align: center;}

.sfebtn-default{ display: block; margin: 0 auto; background-color: #2c2d73; color: #fff; border:none; padding: 10px 20px; cursor: pointer;}
#result{ max-width:100%; overflow-x:auto; }
#result::-webkit-scrollbar              { height:5px;  }
#result::-webkit-scrollbar-button       { display:none; background-color:#000; }
#result::-webkit-scrollbar-track        { box-shadow: inset 0 0 5px #eee; border-radius: 10px; }
#result::-webkit-scrollbar-track-piece  { background-color:#eee; }
#result::-webkit-scrollbar-thumb        { background: #ccc; }
#result::-webkit-scrollbar-thumb:hover 		{  background: #aaa; }
#result::-webkit-scrollbar-corner       { background-color:#ccc; }
#result table{ max-width: 100%; border-collapse: collapse; border:1px solid #333 !important; }
#result table thead{ border-bottom:1px solid #333;}
#result table thead tr td{ font-size:10px; line-height: 1.5; font-weight:bold; text-transform: uppercase; border-right-color:#fff; background-color:#2c2d73; color:#fff; }
#result table tr{ }
#result table tr td{ border-bottom:1px solid #333; border-right:1px solid #333; padding:5px; font-size:12px; text-align:center;}

@media screen and (max-width: 1024px){
  .sfe-inputs{ flex-direction:column;}
}