@media screen and (max-width: 600px) {
   body {
   background-color: #34495E;
   }
   }
   @media screen and (max-width: 600px) {
   body {
   background-color: #34495E;
   }
   }
   body {
   background-color: #0167ff;
   }
   .centered-form {
   margin-top: 15px;
   }
   .centered-form .panel {
   box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
   }
   .legend {
   font-family: poppins, Helvetica, sans-serif;
   font-size: 15px;
   margin-left: 15px;
   }
   .form-group {
   margin-left: 15px;
   }
   .btn-default {
   margin-left: 25%;
   }
   .form-control input {
   margin-left: 5px;
   }
   table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
   border: 1px solid #ddd;
   }
   th,
   td {
   text-align: left;
   padding: 8px;
   }


   table {
   border: 1px solid #ccc;
   width: 100%;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
   border-spacing: 0;
   font-family: Poppins
   }
   table tr {
   border: 1px solid #ddd;
   padding: 5px;
   background: #fff;
   }
   table th,
   table td {
   padding: 10px;
   text-align: center;
   }
   table th {
   letter-spacing: 1px;
   }
   @media only screen and (max-width: 800px) {
   #flip-scroll .cf:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
   }
   #flip-scroll * html .cf {
   zoom: 1;
   }
   #flip-scroll *:first-child+html .cf {
   zoom: 1;
   }
   #flip-scroll table {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   }
   #flip-scroll th,
   #flip-scroll td {
   margin: 0;
   vertical-align: top;
   }
   #flip-scroll th {
   text-align: left;
   }
   #flip-scroll table {
   display: block;
   position: relative;
   width: 100%;
   }
   #flip-scroll thead {
   display: block;
   float: left;
   }
   #flip-scroll tbody {
   display: block;
   width: auto;
   position: relative;
   overflow-x: auto;
   white-space: nowrap;
   }
   #flip-scroll thead tr {
   display: block;
   }
   #flip-scroll th {
   display: block;
   text-align: right;
   }
   #flip-scroll tbody tr {
   display: inline-block;
   vertical-align: top;
   }
   #flip-scroll td {
   display: block;
   text-align: left;
   }
   }


   .form-group {
   font-family: Poppins;
   font-size: 15px;
   margin-bottom: 20px;
   padding-left: 20px
   }
   .legend {
   font-family: Poppins;
   background-color: #0265ff;
   color: #fff;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 20px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   box-shadow: -1px 1px 3px #000;
   font-size: 15px;
   text-shadow: 2px 0px 3px #000;
   }
   .btn {
   font-family: Poppins;
   background-color: #015ae0;
   color: #fff
   }
   .jumbotron {
   font-family: Poppins;
   background-color: #0165fd;
   color: #fff;
   line-height: 20px;
   font-weight: 800
   }
   .panel-default1 {
   font-family: Poppins;
   background-color: #0166ff;
   color: #fff;
   line-height: 30px;
   text-align: center;
   }