html, body{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/*login*/

.vm-login-container{
	display: table;
	width: 100%;
	height: 100vh;
}

.vm-login-inner{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;

}

.vm-login-inner .container{
	background-image: url("../images/Home_Image.png");
	background-size: cover;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 8px;

	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);

}

@media (min-width: 992px){
	.vm-login-inner .container{
		width: 50%;
	}
}

@media (max-width: 767px){
	.vm-login-inner .container{
		margin-left: 15px;
		margin-right: 15px;
	}
}

.vm-login-logo img{
	width: 120px;
}

.vm-login-header-text h2{
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.vm-login-header-text{
	border: 3px solid #ed3237;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #155A9E;
}



	/*login*/



body{
	background-image: url("../images/Pizza_Header_big.jpg");
	background-size: cover;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;r;*/
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    background-repeat: no-repeat;
}

.vm-romans-con{
	border: 1px solid #000;
	background-size: cover;
}

.VM-1{
	background-image: url("../images/Home_Image.png");
}

.vm-2{
	margin-top: 0px !important;
	padding: 10px !important;
	background-image: url("../images/Pizza_Header_mobile.jpg");
	
}

.vm-2-header p{
	margin: 0px;
	color: #155A9E;
	font-weight: bold !important;
}

.vm-2-header a:hover{
	text-decoration: none;
	color: #ed3237;
}

.vm-2-header .col-md-8{
	padding-top: 15px;
}

.vm-2-con{
	background-color: #fff;
}



.vm-2-welcome{
	margin-top: 0px !important;
}



.vm-romans-header-logo{
	margin-top: 50px;
}
.vm-romans-header-logo img{
	width: 35%;
}


.vm-romans-please-sign-in{
	background-color: #155A9E;
	border: 5px solid #ed3237;
	color: #fff;
	margin-top: 20px;
}
.vm-romans-please-sign-in h2{
	color: #fff;
	margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
    font-size: 20px;
}


.vm-romans-form{
	margin-top: 20px;
}
.vm-romans-form-1, 
.vm-romans-form-2,
.vm-romans-form-3{
	margin-bottom: 8px;
}

input::placeholder {
  color: #00ade0 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #00ade0 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #00ade0 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #00ade0 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
:-moz-placeholder { /* Firefox 18- */
	color: #00ade0 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

.form-control{
	border: 1px solid #00ade0 !important;
	text-transform: uppercase !important;
	color: #155A9E !important;
	font-weight: bold !important;
	background-color: rgba(255,255,255, 0.8);
}

.alert-danger{
	background-color: rgba(255,255,255, 0.8);
	font-weight: bold !important;
}

.vm-romans-form-3 .form-control{
	border: none !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	color: #FFF !important;
	background-color: #ed3237;
}


.vm-romans-main-text h2{
	font-size: 20px;
	font-weight: bold;
	color: #155a9e;
}

.vm-romans-cash-balance{
	color: #155a9e;
}



.vm-romans-buttons .btn-info{
	background-color: #ed3237;
	border: none !important;
	font-size: 20px;
	width: 100%;
} 

.vm-romans-buttons .btn-info:hover{
	background-color: #155a9e;
}



.vm-romans-button-1,.vm-romans-button-2,.vm-romans-button-3{
		/*margin-bottom: 10px;*/
}

.vm-romans-send-voucher{
	margin-top: 20px;
}



label{
	color: #155a9e;
}

textarea{
	width: 100% !important;
	height: 60px;
	border: 1px solid #00ade0 !important;
	text-transform: uppercase !important;
	color: #155A9E !important;
	font-weight: bold !important;

	padding: 6px 12px;
}

.vm-romans-send{
	background-color: #ed3237;
	color: #fff !important;
	border: none !important;
}

.vm-romans-cancel{
	background-color: #155a9e;
	color: #fff !important;
	border: none !important;
}

.vm-area{
	margin-bottom: 5px;
}

table h2{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

.vm-table-header{
	background-color: #00ade0;
}

.vm-trans-header-1, .vm-trans-header-2{
	border-right: 3px dotted #fff;
}

.vm-transaction-history .container{
	padding-right: 0px;
	padding-left: 0px;
}

.vm-transaction-history  .row{
	margin-right: 0px;
	margin-left: 0px;
}

.vm-transaction-history-td-1, .vm-transaction-history-td-2{
	border-right: 3px dotted #fff;
}

.vm-transaction-history-td-1-1, .vm-transaction-history-td-1-2{
	border-right: 3px dotted #00ade0;	
}

.vm-transaction-history-td-1-1, 
.vm-transaction-history-td-1-2, 
.vm-transaction-history-td-1-3{
border-bottom: 3px dotted #00ade0;	
}

td{
	margin:0px;
	color: #155A9E;
	border-bottom: 3px dotted #00ade0;
}

table td{
	vertical-align: middle !important;
	width: 37% !important;
}

.fa{
	color: #00ade0;
}

.table th{
	background-color: #00ade0;
	border-bottom: none !important;
	color: #fff;
}

.th-1,
.th-2,
.th-3,
.th-4,
.th-5,
.th-6{
	border-right: 3px dotted #fff;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #665 !important;
}









.vm-romans-buttons{
	margin-top: 12px;
}

.vm-romans-button-1,.vm-romans-button-2{
	margin-bottom: 7px;
}


@media (min-width: 1200px){

	.vm-romans-please-sign-in .fa{
		float: left;
		margin-top: 15px;	
	}

	.vm-romans-con{
		border: 1px solid #000;
		margin-top: 10px;
		width: 80%;
		/*height: 630px;*/
		    min-height: 630px;
		padding-bottom: 20px;

		margin-bottom: 10px;
	}




	.form-group{
		margin-bottom: 0px;
	}

	.vm-2 img{
		/*width: 100% !important;*/
	}

	.vm-2, .vm-2-header {
	 background-position-y: 150px;
	}
	
}


.container.vm-main-container-inner {
	background: #fff;

	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.row.vm-login-logo.vm-main-logo-con {
	background-image: url("../images/Pizza_Header_mobile.jpg");
	background-size: cover;
}

.jumbotron p {
	font-size: 16px;
}
.container .jumbotron,
.container-fluid .jumbotron{
	padding-bottom: 3px;
	padding-top: 3px;
}
.jumbotron{
	margin-bottom: 0 !important;
}

.vm-main-icons .fa {
	color: #000;
}

.vm-float-icon{
	float: left;
}

.vm-float-icon .fa{
	color: #ffffff;
}