/* Sass Document */
@import url(http://fonts.googleapis.com/css?family=Roboto); 
body {
  font-family: roboto;
}
.sm-modal {
	max-width: 200px !important;	
}
.modal-header{
	border-bottom: none;	
}
.track-container{
	margin-top: 5%;
}
.result h3 {
	margin: 0 !important ; 
}	
.track-form {
  width: 100%;
  max-width: 400px;
  background: #252525;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 30px;
  margin-bottom: 100px;
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
}
.track-form .track-id {
	color:#FFF;
  box-sizing: border-box;
  border-radius: 20px;
  border: none;
  padding: 10px 20px;
  width: 70%;
  outline: none;
  background: black;
}
.track-form .track-id:focus {
  background: white;
	color:#000;
}
.track-form .track-btn {
  box-sizing: border-box;
  width: 28%;
  padding: 10px;
  border: none;
  border-radius: 20px;
  background: #57b947;
  outline: none;
  color:#fff;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

 .modal-lg {
  max-width: 900px;}
@media (min-width: 768px) {
   .modal-lg {
    width: 100%;
  } 
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.avtar-image { max-width:100px; max-height:100px;}
.avtar-image2 { max-width:200px; max-height:200px;}
.container-fluid .row { margin: 5% 0;}
.qrcode { border:1px solid #999;}