body {
    padding-top: 80px;
  }
  .panel{
    box-shadow: none;
  }
  pre {
    border: none;
    color: #2c3e50;
  }
  .table-bordered {
      border-color: #2C3E50;
  }
  .table-bordered > thead > tr {
    background-color: #2C3E50;
    color: #ecf0f1;
  }
  .table-bordered > thead > tr > th {
    border-color: #2C3E50;
  }
  .table-bordered > tbody > tr > td {
    border-color: #2C3E50;
  }
  footer {
    background-color: #2C3E50;
    padding: 20px 0;
    margin-top: 40px
  }
  footer p {
    margin: 0;
  }
  .row1 {
   -webkit-column-width: 24em;
      -moz-column-width: 24em;
           column-width: 24em;
   -webkit-column-gap: 1em;
      -moz-column-gap: 1em;
           column-gap: 1em;
    margin-left: 0;
    margin-right: 0;
  }
  .item {
   display: inline-block;
   padding:  .25rem;
   width:  200%;
  }
  svg{
    float: left;
  }
/*  .msgTxt {
    text-align: center;
    padding: 10px;
    border-radius: 20px;
    left: 283px;
    top: -147px;
    width: 50%;
    position: relative;
    border: 1px solid;
  }*/
  
  .cstmAnimate {
    -webkit-animation: slide-in 0.5s forwards;
    animation: slide-in 0.5s forwards;
  }
  
  @keyframes slide-in {
    0% {
      -webkit-transform: translateX(100%);
    }
  
    100% {
      -webkit-transform: translateX(0%);
    }
  }
  
  @-webkit-keyframes slide-in {
    0% {
      transform: translateX(100%);
    }
  
    100% {
      transform: translateX(0%);
    }
  }
  
  @keyframes slide-out {
    0% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(100%);
    }
  }
  
  @-webkit-keyframes slide-out {
    0% {
      -webkit-transform: translateX(0%);
    }
  
    100% {
      -webkit-transform: translateX(100%);
    }
  }
  
  
  @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation: portrait){
	  
  	body {
  		padding-top: 50px;
  	}
	
  }