body{
	font-family: Roboto;
}


p{
	color: black;
}

input[type=number]{
	font-size: 20px!important;
	font-weight: bold!important;
	color: black!important;
}

.bold{
	font-weight: bold;
}

.text-center{
	text-align: center;
	width: 100%;
}

.no-padding{
	padding: 0 !important;
}

.uppercase{
	text-transform: uppercase;
}

.text-pi {
	color: #134fec;
}

.text-danger {
	color: #F93154;
}

.text_success {
	color: #00B74A;
}

.hidden{
	display: none;
}

.block{
	display: block;
}

.lang-container{
	display: flex;
	justify-content: flex-end;
}
.lang{
	width: auto;
	margin: 0;
	padding: 0 5px;
}

.site_address{
	font-family: Roboto Condensed;
	font-size: 14px;
	background: #f5f5f5;
	padding: 5px 0;
	margin-bottom: 1em;
	border-radius: 10px;
	border: 1px solid #ddd;
}


.brand1{
	font-family: Roboto;
	color: #134fec;
	text-align: center;
	padding-top: 10px;
	font-size: 50px;
}

.brand1 span:nth-child(1) {
	font-weight: 100;
	font-size: 44px;
	padding-right: 3px;
}

.brand1 span:nth-child(2) {
	font-weight: 900;
}

.brand1 span:nth-child(3) {
	font-weight: 100;
}


.brand2{
	font-family: Roboto;
	font-weight: 300;
	font-size: 14px;
	color: #134fec;
	text-align: center;
	font-style: italic;
	padding-top: 5px;
}



.big-title{
	color: #134fec;
	font-size: 24px;
	text-align: center;
	padding-top: .5em;
	padding-bottom: 1em;
}

.main-header-bar{
	padding: 10px;
	height: 5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-header-bar-left{
	width: 10%;
	display: flex;
	justify-content: center;
}

.main-header-bar-right{
	width: 10%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.title{
	position: relative;
	font-family: Roboto Condensed;
	font-size:  14px;
	font-weight: 400;
	color: #134fec;
	line-height: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal_title{
	text-align: center;
	font-family: Roboto;
	font-size:  18px;
	font-weight: 800;
	color: #134fec;
	line-height: 1.2em;
	padding-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.title b{
	font-weight: 800;
}

.icon-caret{
	line-height: 0!important;
}

#restaurant_selector{
	font-family: Roboto Condensed;
	font-size: 14px;
	line-height: 1.3em;
}


.title2{
	color: #0f1117;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block!important;
}

.title3{
	font-size: 13px!important;
	font-weight: 100;
	color: #556182;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block!important;
}

.content,.modal{
	padding: 24px;
}


.modal{
	font-size: 13px!important;
	color: #556182;
}

.bar-modal-footer{
	position:absolute;
	top: 40%;
	border-bottom: 0;
}


.btn-pie{
	background-color: #134fec;
	color: #ffffff;
	border: 0!important;
	width: 100%!important;
	height: 40px!important;
	font-size: 14px!important;
	line-height: 24px!important;
	border-radius: 5px;;
}
.disabled{
	background-color: #C7CDDB!important;
}
.btn-pie2{
	background-color: #ffffff;
	color: #134fec;
	border: 1px solid #134fec!important;
	width: 100%!important;
	height: 40px!important;
	font-size: 14px!important;
	line-height: 24px!important;
	border-radius: 5px;;
}
.btn-pie3{
	background-color: #ffb400;
	color: #ffffff;
	border: 0!important;
	width: 100%!important;
	height: 40px!important;
	font-size: 14px!important;
	line-height: 24px!important;
	border-radius: 5px;
}

.btn-danger, .bg-danger{
	background-color: #F93154;
}
.bg-warning{
	background-color: #EC9213;
}
.bg-dark{
	background-color: #444F69;
}
.btn-block i + span{
	margin-left: 10px;
}

input, input:-internal-autofill-selected{
	background-color: white!important;
	padding: 24px 24px!important;
	font-size: 14px!important;
	color: #65749a!important;
	border: 1px solid #b9c5dc;
}

.valign{
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}


.bar-footer, .bar-footer-secondary, .bar-footer-secondary-tab {
	border-top: 0px solid #ddd;

}

.bar-footer-secondary {
	padding: 24px!important;
	background-color: transparent;
}

.table-view {
	margin-top: -1px;
}

.table-view-cell {
	position: relative;
	padding: 11px 65px 11px 8px;
	overflow: hidden;
}

.table-view-cell > .btn, .table-view-cell > .badge, .table-view-cell > .toggle, .table-view-cell > a > .btn, .table-view-cell > a > .badge, .table-view-cell > a > .toggle {
	right: 5px;
}

.icon{
	color: #134fec!important;
}

.slide{
	height: 80vh;
	background: #134fec;
	background: linear-gradient(135deg, rgba(19,79,236,1) 0%, rgba(117,19,236,1) 80%);
	border-radius: 30px;
	border: 5px solid #fff;
}
.slide p{
	font-family: Roboto;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 700;
	color: white;
	padding: 10px;
}

.slide p:first-child{
	font-size: 50px;
}


.fuzy-numKey{
	display: block;
	-webkit-transition: -webkit-transform .25s;
	-moz-transition:    -moz-transform .25s;
	transition:         transform .25s;
	-webkit-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.fuzy-numKey.active {
	-webkit-transition: -webkit-transform .25s;
	-moz-transition:    -moz-transform .25s;
	transition:         transform .25s;
	-webkit-transform: translate3d(0, 0%, 0);
	-ms-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
}


#video-container{
	width: 100%;
	height: 240px;
	overflow: hidden;
}

#numero_table{
	width: 100%;
	height: 1.5em;
	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-weight: 500;
	font-size: 30px;
}


.keypad{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	padding: 5px 20px 5px 20px;
	background-color: #dedede;
}

.keypad table{
	width: 100%;
}

.keypad table tr td{
	width: 33.33%;
	height: 2.5em;
	text-align: center;
}

.keypad table tr td div{
	font-size: 20px;

	height: 80%;
	background-color: #fff;
	border-radius: 7px;
	margin: 3px;

	text-align: center;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 2px 1px #aaa;
}


.blackground {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	background-color: rgba(0, 0, 0, .3);
	-webkit-transform:translate3d(0,0,0);
}

.upload_file{
	width: 32% !important;
	height: 30px !important;
	overflow: hidden !important;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
	cursor: pointer;
	border: 1px solid #333;
	-webkit-opacity: 0;
}


.w-50{
	width: 49%!important;
}

.w-33{
	width: 32%!important;
}


.p-0{
	padding: 0;
}
.p-1{
	padding: 1em;
}
.p-2{
	padding: 2em;
}
.p-3{
	padding: 3em;
}
.p-4{
	padding: 4em;
}
.p-5{
	padding: 5em;
}



.pt-1{
	padding-top: 1em;
}
.pt-2{
	padding-top: 2em;
}
.pt-3{
	padding-top: 3em;
}
.pt-4{
	padding-top: 4em;
}
.pt-5{
	padding-top: 5em !important;
}


.pb-1{
	padding-bottom: 1em;
}
.pb-2{
	padding-bottom: 2em;
}
.pb-3{
	padding-bottom: 3em;
}
.pb-4{
	padding-bottom: 4em;
}
.pb-5{
	padding-bottom: 5em;
}