@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");


/*Including Mobile and Tablets*/
@media screen and (min-width: 1px) {
	/*Merchant Store Hours PAge*/
	#MerchantHoursCheckBox {
		width: 100%;
		text-align: center;
		margin-right: 10px;
		height: 50px;
		visibility: hidden;
	}

	.StoreHoursActiveDiv {
		
		margin: 0 auto;
		padding-left: 35px !important;
		padding-right: 35px;
		border: solid 1px black;
		color: #000;
		box-shadow: 2px 2px #ea2300;
	}

	.MerchantClosedCheckbox {
		width: 65%;
		left: -4px;
		position:relative;
		padding-bottom:20px;
		padding-top: 150px;
	}

	.StoreHoursToAndFromDivs {
		margin: 0 auto;
		
		
	}

	.StoreHoursToAndFromDivs p{
		
		width:10px;
	    font-weight:bolder;
		margin-left:5px;
	}
	
	
	.StoreHoursToDiv {
		z-index:2;
		position:relative;
		display:inline-block;

		float: left;
	}

	.StoreHoursFromDiv {
		z-index: 2;
		position: relative;
		display: inline-block;

		float: left;
	}

/**/

	.MerchantStoreHourDiv {
		    margin-top:40px;
			
			margin: 0 auto;
			cursor:unset!important;
	}

	#storeHourSave {
	width: 100%;
	height: 49px;
	color: #fff;
}

 .merchantDashboardHours p {
	 padding: 10px 0;
 }


/*Merchant store hours page end*/
	.MerchantPendingOrderDiv:hover {
		 background:#fff!important;
	}
	
	
	.items {
		padding-left: 12px;
	}

/*Driver Profile*/
.driverInfoHolder {

}

.driverImageHolder {

}

.halfie {
	width:45%;
	display:inline-block;

}

/*Archive Jobs*/
	.receiptImage {
		width:100%;
		min-height:50px;
	}

	.receiptImageImage {
		width:100%;
	}
/*End Archive Jobs*/
	.MerchantApplicationSectionShadow {
		background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%);
	}

	.merchantTitleText {
			color:#fff!important;
			font-size:20px!important;
			margin-left:0!important;
	}

	#topPagePadding {
		padding-top:35px;
	}

	#deliver-email,
	#deliver-password{
		width: 219px;
	}

	#driverHelpButtonPosition {
		top:20px;
		bottom:unset;
	}
	/*CurrentlySelectedJob*/
	#JobHolder {
		padding-bottom:65px;
	}

	#driverFooter {
		position:fixed;
		bottom:0px;
		left:0px;
		min-height:50px;
		
		background:#ea2300;
		color:#fff;
		width:100%;
	}



	#driverFooter div div a {
		height:100%;
		width:100%;
		display:block;
	}

	#driverFooter div div {
		width:calc(1/4 * 100%);
		margin: 0 auto;
		display:inline-block;
		height:100%;
		line-height:50px;
		text-align:center;
	}

		#driverFooter div div:hover {
			background: #2bde20;
			cursor:pointer;
		}

		#driverFooter div div:active {
			background: #2bde20;
		}

	#totalsSection {
		width:100%;
	}

	#totalsSection p {
		text-align:right;
		padding:1px;
	}

	#contactButtons {
		width:100%;
		height:60px;
	}

	#contactButtons div {
		background:#ea2300;
		float:left;
		margin: 0 5px 0 5px;
	}

		#contactButtons div,
		#AcceptJobButton,
		#PickupDirectionsButton,
		#directionsButton,
		.GreenButton,
		.RedButton,
		.signOutButton,
		#delivererSuccess-ok {
			width: 46%;
			height: 50px;
			margin-top: 10px;
			text-align: center;
			line-height: 50px;
			font-size: 20px;
			color: #fff;
		}

		#contactButtons div a,
		#AcceptJobButton a,
		#PickupDirectionsButton a,
		#directionsButton a,
		.GreenButton a,
		.RedButton a,
		.signOutButton a{
			display:block;
		}

	.GreenButton {
		background-color: #2bde20;
		width: 100%;
		cursor:pointer;
	}

	.RedButton, .signOutButton {
		background-color: #ea2300;
		width: 100%;
		cursor: pointer;
	}

	
	.items div {
		display: inline-block;
	}


	#item-column,
	#quantity-column,
	#total-column {
		vertical-align:top;
	}

	#item-column p,
	#quantity-column p,
	#total-column p{
		padding:5px 0 10px 0;
	}

	#item-column {
		width:60%;
	}

	#quantity-column {
		width:15%;
	}
	#total-column {
		width:20%;
	}

	#JobName #OrderNumber {
		float: left;
	}

	#JobName #TimeElapsed {
		float: right;
		display: inline;
		color: red;
		float: right;
		position: relative;
		display: block;
	}

	#SelectedJobDiv #PickupAddressHolder:hover,
	#SelectedJobDiv #DeliveryAddressHolder:hover,
	#AllCurrentJobDiv:hover,
    .AllJobDiv:hover, .signOutButton:hover  {
		background: #ddd;
	}

	/*All Current Jobs*/
	#AllCurrentJobDiv,
    .AllJobDiv,
	#SelectedJobDiv {
		cursor:pointer;
		background: #fff;
		border: solid 1px black;
		color: #000;
		box-shadow: 2px 2px #ea2300;
	}
	#AllCurrentJobDiv,
    .AllJobDiv {
		/*height: 270px;*/
	}
		#AllCurrentJobDiv div p, #AllCurrentJobDiv div div p,
        .AllJobDiv div p, .AllJobDiv div div p,
         #SelectedJobDiv div p, #SelectedJobDiv div div p {
			font-size: 14px;
		}


		#AllCurrentJobDiv #JobName,
        .AllJobDiv #JobName {
			height: 25px;
		}

		#AllCurrentJobDiv #JobAddress div,
        .AllJobDiv #JobAddress div {
			float: left;
			width: 100%;
		}

			#AllCurrentJobDiv #JobAddress div p ,
            .AllJobDiv #JobAddress div p{
				display: inline-block;
				
			}

		#AllCurrentJobDiv #JobName #OrderNumber,
		#AllCurrentJobDiv #JobName #OrderNumber p,
        .AllJobDiv #JobName #OrderNumber,
		.AllJobDiv #JobName #OrderNumber p
         {
			float: left;
			display: inline;
		}


		#AllCurrentJobDiv #JobName #TimeElapsed,
        .AllJobDiv #JobName #TimeElapsed {
			color: red;
			float: right;
			position: relative;
			display: block;
			max-width:150px;
		}

			#AllCurrentJobDiv #JobName #TimeElapsed p,
            .AllJobDiv #JobName #TimeElapsed p {
			}

		#AllCurrentJobDiv #JobAddress ,
        .AllJobDiv#JobAddress{
			height: 75px;
		}

			#AllCurrentJobDiv #JobAddress #PickupAddress,
            .AllJobDiv #JobAddress #PickupAddress {
			}

			#AllCurrentJobDiv #JobAddress #DropoffAddress,
            .AllJobDiv #JobAddress #DropoffAddress
             {
			}

		#AllCurrentJobDiv #JobInfo,
        .AllJobDiv #JobInfo {
			position: relative;
			/*bottom: -21px;*/
		}

	/*Current Driver Jobs*/
	#driverCurrentJobDiv {
		height: 200px;
	}

		#driverCurrentJobDiv #JobName {
			font-weight: bold;
			float: left;
		}

		#driverCurrentJobDiv #JobAddress {
		}

		#driverCurrentJobDiv #JobButtons {
			width: 100%;
		}

			#driverCurrentJobDiv #JobButtons #directionsButton,
			#driverCurrentJobDiv #JobButtons #statusButton {
				width: 45%;
				float: left;
				display: inline-block;
			}

	/*Dashboard*/
	#activeDiv {
	}

	#weekSelection, #availableShiftsDiv,
	#activeShifts {
		background: white;
		color: black;
	}

	#activeDiv {
		padding-left: 5px;
	}

	#availableShiftsDiv ul li:hover,
	#weekSelection p:hover, #activeShifts ul li:hover {
		background: #2bde20;
		color: white;
	}

	#availableShiftsDiv ul li {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		font-size: 17px;
	}

	#delivererNote {
		border: 1px solid #000;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		display: inline-block;
		line-height:22px;
	}

	#submitButton {
		width: 80px;
		margin: 0 auto;
	}

	#driverAvailForm {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#driverAvailableShiftDiv p {
		margin-bottom: 5px;
	}

	#driverUpcomingShiftDiv p {
		margin-bottom: 5px;
	}

	#driverAvailableShiftDiv ul li {
		padding: 5px;
	}

	#driverUpcomingShiftDiv ul li {
		padding: 5px;
		font-size: 17px;
	}

	#driverAvailableShiftDiv ul li:hover {
		background-color: #2bde20;
	}

	#driverUpcomingShiftDiv ul li:hover {
		background-color: #2bde20;
	}

	.deliverer-day {
		position: relative;
		right: 17px;
		color: #fff;
	}

	.deliverer-button {
		background: #ea2300;
		width: 10%;
		max-width: 20px;
		padding: 9px 18px !important;
	}


	#driverLogButton,
	.driverLogButton{
		margin-top: 10px;
		float: left;
		bottom: 1px;
	}


	#allContent #account-menu {
		height: unset;
		top: 209px;
	}

	#requestPaymentBtn-active,
	#saveAvailablilityBtn,
	#driverLogButton, 
	.driverLogButton{
		width: 100%;
		height: 43px;
		background-color: #EA2300;
		padding: 0 24px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		text-align:center;
		line-height:42px;
		cursor: pointer;
	}



	.delivererDialogBtn {
		width: 48%;
		margin: 0 auto;
		line-height: 43px;
		height: 43px;
		background-color: #EA2300;
		padding: 0 24px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

	#requestPaymentBtn {
		width: 100%;
		height: 43px;
		background-color: #BBB;
		padding: 0 24px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
	}

	#requestPaymentBtn-active:hover, #driverLogButton:hover,
	.driverLogButton:hover{
		background-color: #2bde20;
	}


	.active {
		background-color: #2bde20;
		color: #fff;
	}

	.inputs label {
		display: inline-block;
		width:unset;
		margin: 0 10px 0 0;
		
	}

	.RememberMe {
		display:inline-block;

	}
	/*/////////////////////////////////////////////////////////////*Below this is old CSS*/


}

@media screen and (min-width: 550px) {
	/*Merchant Store Hours PAge*/
	.MerchantStoreHourDiv {
		width: 500px;
	}
	/*Merchant page ends*/

	input[type="text"], input[type="password"] {
	}
}

@media screen and (min-width: 800px) {
	.MerchantClosedCheckbox {
		width: 33%;
		margin: 0 auto;
		padding-top: 50px;
	}

	.MerchantStoreHourDiv {
		width: 100%;
	}

	.StoreHoursToAndFromDivs p {
		display: inline;

	}

	.StoreHoursToDiv {
		margin-left: 20px;
		
	}

	.StoreHoursActiveDiv {
		width: 655px;
	}
		.merchantTitleText {
		color: #fff !important;
		font-size: 2.2vw !important;
		margin-left: 0 !important;
	}
}

@media screen and (min-width: 1076px) {
	/*Merchant Store Hours PAge*/

	/*Merchant page ends*/
}