html,
body {
  font-family: "MyriadPro",Arial,sans-serif;color: #666666;font-size: 14px;
}
@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf')  format('truetype'),
		url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;font-style: normal;}

@font-face {
	font-family: 'MyriadPro-It';
	src: url('../fonts/MyriadPro-It.eot');
	src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-It.woff') format('woff'),
		url('../fonts/MyriadPro-It.ttf')  format('truetype'),
		url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
	font-weight: normal;font-style: italic;}

@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Bold.woff') format('woff'),
		url('../fonts/MyriadPro-Bold.ttf')  format('truetype'),
		url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;font-style: normal;}


.bg-container{background-image: url(../grfx/image0.jpg);
  background-repeat: no-repeat;
  background-size: cover;width:100%;}
.pagebg{background-image: url(../grfx/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;width:100%;padding: 25px;}
.form-signin {
  width: 100%;
  max-width: 800px;
  padding: 0px;
  margin: 15% auto;background-color: RGBA(0, 0, 0, 0.65);
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: 0px;
  border-radius: 0;
  
}
.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-radius: 0;
  
}
.fa .fa-calendar{width: 38px;

  text-align: center;
  
  padding: 4px;}
  .fa-calendar::before {

   
    font-size: 24px;
    text-align: center;

}
.form_date{position: relative;}
.form_date .input-group-addon {
  position: absolute;
  right: 15px;
  top: 4px;
  width: 100%;
  text-align: right;
}

.loginpage{width: 499px;
  display: inline-block; padding: 15px;vertical-align: top; text-align: left;;
  }
  .loginpage h1{margin-bottom: 25px;}
.loginpage .checkbox{text-align: left; vertical-align: middle;}
.loginpage .checkbox input{vertical-align: middle;}
.loginpage label{    color: #00adee;
  font-size: 1.2em;}

.loginpage .btn-primary {
  color: #fff;
  background-color: #2ba117;
  border-color: #2ba117;
}
.loginpage .btn-primary:hover {
  color: #fff;
  background-color: #1a680d;
  border-color: #1a680d;
}
.loginlogo hr {
  color: #feac76;
  height: 2px;
  background: #feac76;
  margin: 4px 0;
  padding: 0;
  border-top: 0px transparent solid;
}
.loginlogo p {
  line-height: 18px;
  font-size: 14px;
  color: #124177;
}
.loginlogo .h3, .loginlogo h3 {
  font-size: 1.25rem;
  margin-top: 25px;
  color: #124177;
}
.logoutinfo{text-align: center;}
.logoutinfo p{    font-size: 1.5em;
  text-align: center;
  color: orange;
  margin-top: 4em;}
.logoutinfo button{padding:5px 25px;color:#fff;border-radius:3px;border:0px transparent solid; background-color: orange; cursor: pointer;}
.logoutinfo button:hover{background-color: white; color:orange;}



.checkbox.note{text-align: center;}
.loginlogo{display: inline-block;
  width: 296px;
  background-color: #fff;
  padding: 25px 0px;min-height: 455px;}
.user{color: #fff; font-size: 14px; margin-right: 15px; margin-left:5px;}
.user span{color: #fff;
  font-size: 14px;
  margin-right: 15px;
  margin-left: 15px;
  border-right: 1px #fff solid;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
  line-height: 14px;}
.logout{ color: #fff;}



.dashboard{
  padding: 25px;
  margin: 25px;
}
.dashboard ul{padding: 0;
  list-style: none;
  width: 70%;
  margin: 0 auto;text-align: center;}
.dashboard ul li{margin: 0;
  padding: 15px;
  list-style: none;
  display: inline-block;}

.user i, .logout i{font-size: 25px;}
.heading{}
.fullwidth{padding: 15px;}
.pageheadfield{background-color: #525252;}
.pageheadfield ul{margin: 0; padding: 0!important;  list-style: none;  padding: 5px;}
.pageheadfield ul li{display: inline-block;
  width: auto;
  color: #fff;
  font-size: 14px;
  padding: 5px 15px;
  border-right: 1px #ccc solid;
  min-width: 11%;}
  .pageheadfield ul li:last-child{border: transparent;}
.pageheadfield ul li span{color:#3fa2e0; font-size: 14px; font-weight: 600; display: block;width: 100%;}
.pageheadfield input{max-width: 100px; height: 22px;}
.marginTop{margin-top: 15px;}
.paddingZero{padding: 0px;}
button{border: transparent; margin-right: 3px;}
.gray{background-color: #848484; padding: 2px;color: #fff;}
.red{background-color: #be2a2a;padding: 2px;color: #fff;}
.green{background-color: #2eaa6a; color: #fff;}
.receiverdetails span {

  color: #3fa2e0;
  font-size: 14px;
  font-weight: 600;
  display: block;
  width: 100%;

}

  /* Navbar css */
.bg-light {background-color: #104981 !important;}
.navbar-brand{padding: 0px;}
.navbar-nav{text-align: center;}
.navbar-nav .nav-item{padding:15px 5px 6px;border-right:1px #406d9a solid;}
.navbar{padding: 0px 15px;}
.navbar ul li a{color: #fff !important;font-size: 12px;text-transform: uppercase;}
.nav-item.active{background-color: #00adee;}
.nav-item:hover{background-color: #00adee;}

/*   //// */

.heading{background-color: #00adee; padding: 10px 15px; font-weight: 600; font-size: 16px; text-transform: uppercase;color: #fff;}
.fullwidth{background-color: #fff; min-height: 450px;}
.radioBTN {background-color: #dfdfdf !important;padding: 10px 15px 5px;font-size: 14px;font-weight: 600;}
.radioBTN label{margin-right: 15px;vertical-align: middle;}
.covertDiv{display: none;}
.titlehead {font-size: 15px; font-weight: 600; background-color: #dfdfdf !important;border-bottom: 0px solid rgba(0,0,0,.125);padding: .75rem 1.25rem; margin: 15px 0 0 0;  text-transform: uppercase;  color: #205285;}
.titlehead2 {font-size: 15px; font-weight: 600; border-bottom: 0px solid rgba(0,0,0,.125);padding: .25rem 0rem; margin: 15px 0 0 0;  text-transform: uppercase;  color: #205285;}
.recoateData{margin-bottom: 15px;background-color: #dfdfdf;float: left; width: 100%;}
.bluebg, .storeman .bluebg{background-color: #00adef;
  text-transform: uppercase;  
  color: #fff;  
  font-size: 15px;  
  font-weight: 600;  
  line-height: 34px;  
  padding-left: 15px;}
.recoateData label, .recoateData input, .recoateData select{display: inline!important;}
.recoateData input, .recoateData select{width: 50%;}
.recoateData div{float: left; padding: 5px;}
.RelocateDiv .table, .adjustDiv .table{margin-bottom: 0px;}
.storeman{margin-bottom: 0px;background-color: #dfdfdf;float: left; width: 100%;}
.storeman div{line-height: 34px;float: left; padding: 5px;}
.btnright{margin-top: 21px;

  float: right;}
/* Card Header */
.accordion{margin-bottom: 15px;}
.card{border: 0px solid rgba(0,0,0,.125);}
.card-header{background-color: #dfdfdf!important;border-bottom: 0px solid rgba(0,0,0,.125);}
.card-header h5{font-size: 15px; font-weight: 600; text-transform: uppercase; color: #6a6a6a;}
.card-header h5 i{float: right;}
.card-body{background-color: #f3f3f3;}
.card-body label {display: inline-block; margin-bottom: .3rem; font-size: 13px; font-weight: 600; color: #494949;}
a:not(.collapsed) .rotate-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.packingdetails tr td:last-child{width:150px;}
.packingdetails tr td, .packingdetails tr th{max-width: 12%;}
.packingdetails tr td input{width: 100px;}

input, select, textarea{font-size: 13px;color: #494949;}
.mb-3, .my-3 {margin-bottom: .5rem !important;}

.btn{text-transform: uppercase;}
.align-right{text-align: right;}

.btn-primary {
  color: #fff;
  background-color: #4298cc;
  border-color: #4298cc;
}
/*Table style--*/
.table{background-color: #f0f0f0;}
.table thead th {white-space: nowrap;vertical-align: bottom;border-bottom: 1px solid #dee2e6;border-bottom-width: 1px;background: #6a6a6a;color: #fff;font-weight: normal;padding: 5px 15px;}
.table tr td .btn{padding: 2px 10px;font-size: 11px; }
.table tr th:last-child, .table tr td:last-child{text-align: right;}
.table td, .table th {padding: 5px 15px;vertical-align: middle;}
.table-bordered td, .table-bordered th {border: 0px solid #dee2e6;border-top: 1px solid #fff !important;}
.topmargin{margin-top: 15px;}
.bottommargin{margin-bottom: 15px;}
.signedarea {
  min-height: 85px;
  background-color: #f1f1f1;
  text-align: center;
  color: #000;
  margin-top: 15px;
  border: #f1f1f1;
}

/*Start: Login page*/
 .msgblock{width:772px; margin:0 auto;}
 .msgblock .transport{font-family:arial; font-size:13px;}
 .msgblock .holiday{float: right;width: 47%;}
 .msgblock .transport h2, .msgblock .holiday h2{background:#f32836; padding:10px; text-align:left; font-weight:600; font-size:14px; color:#fff;margin-bottom:1px;}
 .msgblock .msgbox{background:#f3f3f3; padding:0px 10px;border-bottom: 2px red solid;color:red;}
 .msgblock .msgbox table tr td:first-child{width:40%;}
 .msgblock .msgbox table tr td{padding:3px;font-size: 12px;}
/*End: Login page*/

/*  */
@media only screen and (max-width: 768px) {
  .loginlogo{display: none;}

.form-signin {
  width: 100%;
  max-width: 800px;
  padding: 0px;
  margin: 15% 9%;
  background-color: RGBA(0, 0, 0, 0.65);
}
.loginpage {
  width: 100%;
}
}



@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}