body 
{ 
  margin: 0;
  color: #12234f; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Roboto', sans-serif;
  
} 

/***************Edited****************/
ul{
	list-style:none;
	padding:0;
	margin:0;
}

.table{
	width:100%;
}
.custom-header{ 
	background:#c1c1c1;
}
.conveyorware-distribution-box p table{
	font-size: 18px;
    color: #12234f;
    font-weight: bold;
}
.conveyorware-distribution-box-home p table{
	font-size: 18px;
    color: #12234f;
    font-weight: bold;
}
.user-login{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}
.user-login ul{
	float:right;
	padding-top: 5px;
}
.user-login ul li{
	float:left;
}
.user-login ul li strong table{
	font-weight:700;
}

.selection-box{}
.selection-box p{
	display:inline-block;
}
.selection-box p table{
	width:auto;
}
.shipping-box{}
.pc-name-box{}
.pc-name-box p{
	display:inline-block;
}
.pc-name-box p table{
	width:auto;
}
.help-text-box{}
.help-text-box p{
	display:inline-block;
	margin-right: 10px;
}
.help-text-box p table{
	width:auto;
}
.statusArea{
	visibility:hidden;
}


/*-----| login container |------*/
a, a:hover, a:focus{text-decoration: none;	outline: 0; /* color:#fff; */}
.login-wrapper{
	padding: 0;
}

.header-wrapper{
	background-color:#649013;
}
.login-left-panel{
	background-image:url(../images/login-bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding: 19% 15px 3%;
	background-size:cover;
	height:380px;
}
.login-logo-wrapper{
	padding: 0 20px;
	text-align: center;
	
}
.login-logo-wrapper img{
	width:80%;
}
.login-logo-wrapper p{
	color:#ffffff;
	margin: 20px 0 10px;
	font-size:15px;
}

.login-panel{
	 padding: 50px 25px 9px;
}
.login-panel h4{
    margin-bottom: 40px;
	color:#bbbaba;
	font-weight:400;
}
.login-panel h4 span{
	color:#00426a;
}
.login-wrapper {
    padding: 8% 0 0;
}
.login-container{
	margin: 0px auto 10px;
	max-width: 865px;
}
.login-card1 {
    padding: 0;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.login-form div.form-group{
	margin-bottom:35px;
}
.login-form div.form-group .form-control{
	border-bottom:1px solid #ccc8c9;
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius: 0px;
	box-shadow: none;
	padding: 0px 14px 6px 0;
	background-color:#fbfafa
}
.login-form div.form-group .user{
	background-image:url(../images/user.png);
	background-repeat:no-repeat;
	background-position: right center;
}
.login-form div.form-group .passcode{
	background-image:url(../images/passcode.png);
	background-repeat:no-repeat;
	background-position: right center;
}
.login-btn-box {
    padding: 0 0px 0 22px;
    line-height: 0.6;
}
.login-btn-box label.checkbox{
	float:left;
	font-weight: 400;
}
.login-btn-box input.login-submit{
	float:right;
}
.login-form div.form-group .form-control{
   width:100%;
}
.login-submit {
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #ce5922;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  height: 36px;
  padding: 5px 20px;
  border-radius: 20px;
}

.login-submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #577e10;
}
.forgot-password{
	text-align:center;
	    margin: 20px 0;
}
.forgot-password p{}
.forgot-password p a{
	color:#666e82;
}
.forgot-password p a span{
	font-weight:700;
}
td.HGREEN.HF input {
    border: none;
    padding-left: 14px;
}
td.HGREEN.HF input:focus {
    outline: inherit;
}
.hatsfieldtable .HGREEN.HF {
    text-align: left;
}
.pc-name-box td{	
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.inlineDiv {
    display: inline;
    margin-right: 0;
    margin-top: 20px;
    vertical-align: middle;
    width: 25%;
    float: left;
}
.inlineDiv_one {
    vertical-align: middle;
}
.inlineDiv_two {
    vertical-align: middle;
}
input.HWHITE.HF{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 21px;
    padding: 0px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    margin-bottom: 5px;
}
.inlineDiv td.HGREEN.HF {    
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.pc-name-box {
    float: left;
    width: 35%;
    margin-top: 50px;
}
.shipping-box {
    float: left;
    width: 65%;
    margin-top: 50px;
}
.text-right-align .shipping-box td {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
.pc-name {
    float: left;
    width: 50%;
}
.col-sm-12.buttons-section {
    margin-top: 20px;
}
.menu-wrapper .hatsfieldtable .HGREEN.HF {
    font-size: 18px;
    font-weight: 500;
}
.container.container-modify {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  	top: auto; 
  	left: 0;
  	min-width: 100%;
  	min-height: 100%;
}
a.topbtnmenu.con-dis-sys {
    position: absolute;
    top: 24px;
    left: 3px;
}
a.topbtnmenu.main-menu-box{
	top: 43px;
	position: absolute;
	left:32px;
}
.conveyorware-distribution-box-home {
    left:10px;
}
.conveyorware-distribution-box-home p {
    margin-bottom: 0;
}
.conveyorware-distribution-box p {
    margin-bottom: 0;
}

.sum-head table.HATSFIELDTABLE {
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
}

.col-sm-12.select-one {
    margin-top: 15px;
    margin-bottom: 15px;
}


button.btn.btn-primary.new-btns {
    color: #fff;
    background-color: #ffa32a;
    border-color: #ffa32a;
}
.new-btns img {
    margin-top: -2px;
    margin-right: 2px;
}
.buttons-section img {
    margin-right: 5px;
    width:auto;
    height: 30px;
}
button.btn.btn-primary {
    background-color: #0b466e;
}
button.btn.btn-primary:hover, 
button.btn.btn-primary:focus, 
button.btn.btn-primary:active, 
button.btn.btn-primary.active{ 
  color: #ffffff; 
  background-color: #0a456f; 
  border-color: #130269; 
} 
span.menu-numbers-rcm {
    display: inline-block;
    position: absolute;
    left: 33px;
    top: 26px;
    font-weight:bold;
}
span.menu-numbers-text-rcm {
    display: inline-block;
    position: absolute;
    left: 70px;
    top: 25px;
}

/* Blue and Green buttons */
.btn-blackWhite { 
  color: #000;
  background-color: #adafb1;
  border-color: #c1c1c1;
}
.btn-blackWhite:hover, 
.btn-blackWhite:focus, 
.btn-blackWhite:active, 
.btn-blackWhite.active, 
.open .dropdown-toggle.btn-blackWhite {
  opacity:0.8;
} 
 
.btn-blackWhite:active, 
.btn-blackWhite.active, 
.open .dropdown-toggle.btn-blackWhite { 
  background-image: none; 
} 
  
.btn-blackWhite .badge { 
  color: #040108; 
  background-color: #ffffff; 
}
/* Apply Payment to A/R */
.body-wrapper-box{
	text-align: center;
}
.body-content-wrap {
    width: 90%;
    border: 1px solid #c1c1c1;
    padding: 20px;
    display: inline-block;
    text-align:center;
    margin-top: 20px;
    -webkit-box-shadow: inset 0px 0px 20px -5px rgba(21,69,140,1);
	-moz-box-shadow: inset 0px 0px 20px -5px rgba(21,69,140,1);
	box-shadow: inset 0px 0px 20px -5px rgba(21,69,140,1);
	background-color:#f9fdff;
}
.component-label {
    float: left;
    width: 70%;
    padding-top: 8px;
}
.component-label-app-pay-ar {
    float: left;
    width:45%;
    padding-top: 8px;
}
.component-textbox.txt-box{
	width:50%
}
.component-textbox-app-pay-ar {
    float: left;
    width: 50%;
}
.component-label-notextbox-app-pay-ar {
    float: left;
    width: 45%;
}
.component-label-comp-name{
	float: left;
    width: 30%;
    padding-top: 8px;
}
.component-textbox-comp-name {
    float: left;
    width: 45%;
}
.component-textbox {
    float: left;
    width: 10%;
}
.left-section {
    width: 50%;
    float: left;
}
.component-label-notextbox {
    float: left;
    width: 10%;
}
.row-wise-data {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.row-wise-data input.HCYAN.HF {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 34px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.txt-box table:nth-child(1){
	width:24%;
	display:inline;
}
.txt-box table:nth-child(2){
	width:76%;
	display:inline;
}
.row-wise-data thead {
    background-color: #0a456f;
}
.row-wise-data thead tr th .hatsfieldtable .HGREEN.HF{
    color:#fff;
}
.col-sm-12.buttons-section-new{
	padding-left:0;
	padding-right:0;
    text-align: right;
    margin-top: 5px;
}
.buttons-section-new img {
    padding-right: 5px;
    min-height: 100%;
    width: 20px;
}
/* end */
.menu-wrapper td.HWHITE.HF {
    font-weight: bold;
}
.col-sm-6.command-line {
    position: relative;
    top: 0;
    width:50%;
}
.col-sm-6.command-line td.HWHITE.HF {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.col-sm-6.command-line input.HGREEN.HF {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.inlineDivInfoAssistOption {
    margin-right: 0;
    margin-top: 12px;
    vertical-align: middle;
}
.inlineDivInfoAssistOption td.HGREEN.HF {    
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (min-width:320px) and (max-width:768px){
	body{
		display: initial;
	}
	.col-sm-6.command-line td.HWHITE.HF{
		color:#000;
	}
	.container.container-modify{
		position:static;
	}
	.conveyorware-distribution-box-home p table{
		text-align:center;
	}
	.hatsfieldtable .HGREEN.HF {
	    font-size: 13px;
	}
	.user-login ul li strong table {
	    font-size: 13px;
	}
	.user-login {
	    padding-bottom: 0;
    	padding-top: 5px;
	}
	.menu-wrapper-box {
	    padding: 10px 0 0;
	    margin: 0 auto;
	}
	#outer-content .page-title-block img {
	    width: 100%;
	}
	.inlineDiv {
    	margin-top: 0px;
    	width:auto;
    }
    .text-right-align .pc-name-box table.hatsfieldtable td{
    	font-size:18px;
    }
    .shipping-box {
        margin-top: 15px;
    }
    .pc-name-box {
	    margin-left: 1px;
	    margin-top: 10px;
	}
	.col-sm-12.buttons-section {
	    float: left;
	    margin-bottom: 10px;
	    margin-top: 20px;
	}
	.pc-name-box{
		width:100%;
	}
	.user-login ul {
	    padding-top: 0;
	}
	.conveyorware-distribution-box {
	    left: 0;
	    padding-left: unset;
	    position: inherit;
	    top: 0;
	}
}
@media only screen and (max-width:320px){	
	.conveyorware-distribution-box {
	    padding-left: 0;
	    position: relative;
	    top: 0;
	}
}