.bg-img {
  background-image: url("../../images/bg2.svg");

  min-height: 100%;
/* padding-top: 44px; */
  /* Center and scale the image nicely */
  /* background-position: center;
  background-repeat: no-repeat; */
  background-size: cover;
 /*  position: relative; */
  
  
}

 .modal-header {
      background: -webkit-linear-gradient(top,rgb(74, 89, 125),rgb(106, 120, 152));
     /* background: -webkit-linear-gradient(top,rgb(253, 16, 10),rgb(167, 39, 36));
      background: -webkit-linear-gradient(top,rgb(29, 249, 47),rgb(15, 171, 35));*/
      color:white !important;
      text-align: center;
      font-size: 30px;
  }
  h4, .close {
      /*background-color: #5cb85c;*/
      color:white !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }
  
      .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 400px}
   
   .cusbttnmargin
   {
	   margin-bottom: 10px;
	   margin-top: 10px;
   }
   
#message {
    display:none;
    color: #000;
    text-align: left;
    
}
/* The message box is shown when the user clicks on the password field */
#message p {
    padding-left: 6px;
    font-size: 12px;
    float: left;
}

.Tpicked
{
	background: #f32d2d;color: white;font-family: sans-serif;font-weight: bolder;border-radius: 8px;text-indent: 24px;
}
.TShip
{
	background: #f32d2d;color: white;font-family: sans-serif;font-weight: bolder;border-radius: 8px;text-indent: 24px;
}

.TDroped
{
	background: #f32d2d;color: white;font-family: sans-serif;font-weight: bolder;border-radius: 8px;text-indent: 24px;
}

.EmailPickMsg
{
	background: chartreuse;color: #272626;font-family: sans-serif;font-weight: bolder;border-radius: 8px;text-indent: 24px;
}


.Desti
{
	background: #d6970b;color: white;font-family: sans-serif;font-weight: bolder;border-radius: 8px;padding-left: 22px;
}

.valid {
    color: green;
	background : white;
}

.valid:before {
    /* position: relative;
    left: -35px; */
    content: "✔";
	padding-right: 3px;
}

.invalid {
    color: red;
	background : white;
}

.invalid:before {
    /* position: relative;
    left: -35px; */
    content: "✖";
	padding-right: 3px;
	
}

.paddzero
{
	padding-right: 0px;
	padding-left: 0px;
}
    
	
/* registeration form  open here */

.customerForm
{
max-width:1200px;margin:auto	
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
  padding-left: 930px;
}

.inputblock-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 0px;
}

.inputb-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.inputC-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 66%;
  margin-bottom: 15px;
  float: left;
}

.inputD-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 34%;
  margin-bottom: 15px;
  float: right;
  padding-top: 17px;
}
	
.inputinline-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 33%;
  margin-bottom: 15px;
  float: left;
}

.inputbloack-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: right;
}

.dropdown-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 60%;
  margin-bottom: 0px;
  float: right;
}
.dropdown-containerEmp {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 52%;
  margin-bottom: 0px;
  float: right;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
  font-size: 16px;
}

.input-field {
  width: 85%;
  padding: 10px;
  outline: none;
}

.inputD-field {
  width: 75%;
  padding: 10px;
  outline: none;
}
.inputb-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputinline-field {
  width: 80%;
  padding: 10px;
  outline: none;
  color: black;
}

.inputbloack-field {
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
  outline: none;
  color: black;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

.inputD-field:focus {
  border: 2px solid dodgerblue;
}

.inputb-field:focus {
  border: 2px solid dodgerblue;
}

.inputinline-field:focus {
  border: 2px solid dodgerblue;
}

.inputblock-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.customerbtn {
  background-color: dodgerblue;
  background: -webkit-linear-gradient(top,rgb(41, 136, 255),rgb(37, 124, 212));
  color: white;
  padding: 15px 30px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  float: right;
  border-radius: 10px;
      outline: none;
}

.customerbtn:hover {
  opacity: 1;
  background: -webkit-linear-gradient(top,rgb(79, 81, 84),rgb(55, 56, 58));
}

/* registeration form  close here*/

.head {
	font-size: 30px;  
  }
  
  .headregdes {
	font-size: 30px; 
	margin: 5px;
  }
 .head_main{
	font-size: 46px;
    font-family: sans-serif;
    letter-spacing: 4px;
    font-weight: 700;
  }
  
.orgdes
{
	 width: 78%;
}

.searchupdate
{
margin-top: 0px;
}

    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {

      .row.content {height:auto;} 
	  
	  #message p {
    padding-left: 6px;
    font-size: 10px;
    float: left;
     }
	 
	   .cusbttnmargin
   {
	   margin-bottom: 10px;
	   margin-top: 10px;
   }
	 
/* registeration form  open here */

.customerForm
{
max-width:80%;margin:auto	
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 0px;
}

.inputblock-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 0px;
}

.inputC-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.inputD-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: right;
  padding-top: 17px;
}

.inputb-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}
	
.inputinline-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.inputbloack-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 0px;
} 

.dropdown-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  float: right;
}

.dropdown-containerEmp {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  float: right;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
}

.inputD-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputD-field:focus {
  border: 2px solid dodgerblue;
}

.searchupdate
{
margin-top: 130px;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputb-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputinline-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputbloack-field {
  width: 100%;
  padding: 10px;
  outline: none;
  color: black;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

.inputb-field:focus {
  border: 2px solid dodgerblue;
}

.inputinline-field:focus {
  border: 2px solid dodgerblue;
}

.inputbloack-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.customerbtn {
  background-color: dodgerblue;
  background: -webkit-linear-gradient(top,rgb(41, 136, 255),rgb(37, 124, 212));
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  float: none;
  border-radius: 10px;
      outline: none;
}

.customerbtn:hover {
  opacity: 1;
  background: -webkit-linear-gradient(top,rgb(79, 81, 84),rgb(55, 56, 58));
}

/* registeration form  close here*/
.head {
	font-size: 20px;  
  }
  
  .headregdes {
	font-size: 20px;  
  }
  
  .head_main{
	font-size: 24px;
    font-family: sans-serif;
    letter-spacing: 4px;
    font-weight: 700;
  }
    }   

	@media screen and (max-width: 467px) {

      .row.content {height:auto;} 
	  
	  #message p {
    padding-left: 6px;
    font-size: 10px;
    float: left;
     }
	 	h4, .close {
      /*background-color: #5cb85c;*/
      color:white !important;
      text-align: center;
      font-size: 15px;
  }

    .cusbttnmargin
   {
	   margin-bottom: 10px;
	   margin-top: 10px;
   }
   
   .fontSize
    {
	  font-size: 15px;
   }
  
   .modal-header {
      background: -webkit-linear-gradient(top,rgba(74, 215, 239, 1),rgb(7, 124, 169));
     /* background: -webkit-linear-gradient(top,rgb(253, 16, 10),rgb(167, 39, 36));
      background: -webkit-linear-gradient(top,rgb(29, 249, 47),rgb(15, 171, 35));*/
      color:white !important;
      text-align: center;
      font-size: 15px;
	  padding: 5px 5px !important;
  }
  
  .modal-body
  {
	  padding: 16px 30px !important;
  }
  
  .modal-dialog
  {
	position: relative;
    width: auto;
    margin: 10px;
    padding-top: 75px;
  }

.inputD-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputD-field:focus {
  border: 2px solid dodgerblue;
}

.searchupdate
{
margin-top: 130px;
}

/* registeration form  open here */

.customerForm
{
max-width:80%;margin:auto	
}
	.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  padding-left: 0px;
}

.inputblock-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 0px;
}

.inputC-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}

.inputD-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: right;
  padding-top: 17px;
}

.inputb-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  float: left;
}
	
.inputinline-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.inputbloack-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.dropdown-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  float: right;
}

.dropdown-containerEmp {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  float: right;
}
.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputb-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputinline-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.inputbloack-field {
  width: 100%;
  padding: 10px;
  outline: none;
  color: black;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

.inputb-field:focus {
  border: 2px solid dodgerblue;
}

.inputinline-field:focus {
  border: 2px solid dodgerblue;
}

.inputbloack-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.customerbtn {
  background-color: dodgerblue;
  background: -webkit-linear-gradient(top,rgb(41, 136, 255),rgb(37, 124, 212));
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  float: none;
  border-radius: 10px;
      outline: none;
}

.customerbtn:hover {
  opacity: 1;
  background: -webkit-linear-gradient(top,rgb(79, 81, 84),rgb(55, 56, 58));
}

/* registeration form  close here*/
  
  .head {
	font-size: 20px;  
  } 
  .headregdes {
	font-size: 20px;  
  }
  
    .head_main{
	font-size: 24px;
    font-family: sans-serif;
    letter-spacing: 4px;
    font-weight: 700;
  }
}