.container_form
{
    width:100%;
    margin-top: 25px;
}
.box
{
    width:600px;
    margin:0 auto;
    border:1px solid #ccc;
}
   .has-error
   {
    border-color:#cc0000;
    background-color:#ffff99 !important;
   }
.card
{
   width: 40%;
}
.card-img-top
{
    width:60%;
}
.form-group label 
{
    float: left;
}

i {
    font-size: 12px;
}
.form-check-label {
    margin-left: 16px;
}
input[type="file"] {
    border: 1px solid red;
    white-space: normal;
    word-wrap: break-word;
    width: 300px;
    overflow: auto;
}

.modal-dialog-centered
{
	transform: translate(0, 1%) !important;
}
.modal-header {
    padding: 0px 15px 0px 15px;
}
h3 {
    margin-top: 0px;
}
.modal-header {
    border-bottom: 0px solid #e5e5e5;
}
.survey-footer.clearfix {
    padding: 12px;
}
.btn-outline-primary:hover {
    background-color: #e8e9ea;
    border-color: #dbdbdb;
}
@media only screen and (min-width:000px) and (max-width:1000px) 
{
	.card
	{
	   width: 100%;
	   padding: 0px;
	   }
/** all devices and responsive browser windows **/
@media screen and (max-width: 800px) {
	body {
		padding: 10px 15px;
	}
	#container {
		width: 100%;
	}
	#hongkiat-form #aligned {
		width: 100%;
		float: none;
		display: block;
	}
	#hongkiat-form #aside {
		width: 100%;
		display: block;
		float: none;
	}
	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 85%;
	}
	#prioritycase {
		float: left;
		display: block;
	}
	#recipientcase {
		float: left;
		display: block;
		margin-right: 55px;
	}

  table td
  {
   /* border-bottom: 1px solid #ddd;*/
    display: block;
    font-size: .8em;
  }
  .table-responsive > .table > tbody > tr > td
  {
	  white-space:normal;
  }
}
  


/* smaller screen dropoff *******/
@media only screen and (max-width: 550px) {
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 80%;
	}
}

/* iPhone Landscape ********/
@media only screen and (max-width: 480px) {
	body {
		padding: 10px 0px;
	}
	select.selmenu {
		width: 190px;
	}
}

/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
	body {
		padding: 10px 0px;
	}
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 70%;
	}
	#hongkiat-form #aligned {
		overflow: hidden;
	}
	select.selmenu {
		width: 160px;
	}
	#recipientcase {
		margin-right: 30px;
	}
}
}