/**
 * @auther Mafuzul Hoque
 * @fileName bootstrap.css
 * @class Bootstrap
 * @package app.whistle
 * @feature F-ImplAdminCenter-AC-A0.0
 */

*
{
	box-sizing: border-box;
}

html, body 
{
    height: 100%;
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-family : "-apple-system"						/*for San Francisco in Safari on Mac OS X and iOS, and it targets Neue Helvetica
    													  and Lucida Grande on older versions of Mac OS X*/
    			, "BlinkMacSystemFont"					/*for equivalent for Chrome on Mac OS X*/
    			, "Lato", "Open Sans", "Roboto"			/*for Android and newer Chrome OS*/
    			, "Oxygen", "Ubuntu", "Cantarell"		/*for KDE, Ubuntu and GNOME*/
    			, "Fira Sans"							/*for Firefox OS*/
    			, "Droid Sans"							/*for older versions of Android*/
    			, "Segoe UI"							/*for Windows and Windows Phone*/
    			, "Helvetica Neue", "Lucida Grande"		/*for pre-El Capitan versions of Mac OS X*/
    			, "Helvetica", "Arial", "sans-serif"	/*for others and default*/
    			;
}
body
{
	background-color: #ffe1ac;
}

template
{
	display : inline;
	visibility : hidden;
}

ul, li, label
{
	font: inherit;
}
input
{
	text-overflow: ellipsis;
}
input:focus
{
	text-shadow: none;
}
button, input, a, [data-role="page-title"]
{
	outline: 0 none;
}
button:focus,
input:focus,
a:focus
{
	outline: 0 none;
}


[data-layer-level="top"]
{
	z-index: 2147483647;
}
[data-layer-level="second"]
{
	z-index: 2147483600;
}
[data-layer="modal"]
{
	position: fixed; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0;
	width: auto;
	height: auto;
    overflow: hidden;
}
[data-valid="valid"]
{
}
[data-valid="invalid"]
{
}
[data-container-type="popup"]
{
	display: none;
	height: auto;
	position: absolute;
}
[data-container-type="popup"] ul
{
}
[data-type="order"]
{
}
nav label, nav span, nav button, nav a,
.slider-container label, slider-container span, slider-container button, slider-container a,
.modal-dialog-toolbar label, .modal-dialog-toolbar span, .modal-dialog-toolbar button, .modal-dialog-toolbar a,
[data-role="combobox"] label, [data-role="combobox"] span, [data-role="combobox"] button, [data-role="combobox"] a,
[data-unselectable="ture"], [data-unselectable="ture"] *
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	
	/* Introduced in IE 10.*/
	-ms-user-select: none;
	user-select: none;
}

/*input[type="text"]:focus
{
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}*/
/*
[data-animate="true"]
{
	transition: left 0.5s ease-in-out 0s, right 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s, bottom 0.5s ease-in-out 0s;
}*/


[data-animation-starts-at="top"][data-animate="true"]
{
	transition: top 0.5s ease-in-out 0s;
}
[data-role="slider-element"][data-animate="true"],
[data-animation-starts-at="left"][data-animate="true"]
{
	transition: left 0.5s ease-in-out 0s;
}
[data-animation-starts-at="right"][data-animate="true"]
{
	transition: right 0.5s ease-in-out 0s;
}

[data-blur="true"], [data-blur="before"]::before, [data-blur="after"]::after
{
	filter: blur(1px); /* brightness(0.99); */
}
/**
 * @auther Mafuzul Hoque
 * @fileName app.css
 * @class App
 * @package app.whistle
 * @feature F-ImplAdminCenter-AC-A0.0
 */

/*F-ImplAuthSys-AC-A1.0*/
.templates-container
{
	visibility : hidden;
	position : absolute;
	left : -999999999px;
	top : -999999999px;
	width : 0;
	height : 0;
}

input::placeholder 
{
	font-size: 1.5rem;
	text-shadow: none;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="time"]
{
    font-family: Roboto;
    font-size: 1.5rem;/* 2rem; */
    font-weight: 300;
    height: 37px;
    padding: 0 5px;
    text-overflow: ellipsis;
    width: 100%;
}
input[type="date"], input[type="time"]
{
	-webkit-appearance : none;
	text-overflow: ellipsis;
}

button, input, a, [data-role="page-title"]
{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

[data-type="number"], [data-type="currency"]
{
	font-family: "Economica","fantasy","Roboto";
}
[data-type="currency"]
{
	color : black;
}
[data-valid="invalid"]
{
	border : 1px solid red;
}
[data-container-type="popup"]
{
	background: inherit;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.75);
}
[data-container-type="popup"] ul
{
	line-height: 0;
}
[data-type="order"]
{
	background: #4d92fe;
	color: inherit;
    margin-top: 5px;
    text-align: right;
}

.row 
{
    height: 40px;
    margin-bottom: 2px;
    position: relative;
    width: 100%;
}
.row:last-child 
{
    margin-bottom: 0;
}
.row-panel 
{
    display: inline-block;
    position: relative;
    width: 100%;
}

/*
* modal-dialog - START
*/
.row.item
{
    height: 40px;
    margin-bottom: 20px;
}
.row.label
{
    height: 25px;
}
.row.may-has-content
{
    height: 4px;
}
.row.group-end
{
	border-bottom: 1px dashed;
    padding-bottom: 15px;
}
.row.label > label/* .modal-dialog .row > label */
{
	vertical-align: bottom;
}
.modal
{
	display: none;
	background: rgba(255, 255, 255, 0.08);
}
.modal .row
{
	display : table;
}
.modal .row > *
{
	display : table-cell;
    margin: 0;
    padding: 0;
}

/*
* modal-dialog - END
*/
/**
 * @auther Mafuzul Hoque
 * @fileName app-version.css
 * @class AppVersion
 * @package app.whistle
 * @feature F-ImplAdminCenter-AC-A0.0
 */

#app-version
{
	display: flex;
	width: 100%;
	justify-content: center;
	position: fixed;
	bottom: -27px;
	/* visibility: hidden; */
	z-index: 99999999999;
}
#app-version > *
{
	background: rgba(0,0,0,0.5);
	border-radius: 5pt;
	bottom: 30px;
	box-shadow: 0px 0px 6px rgba( 0, 0, 0, 0.9 );
	color: white;
	font-size: 0.6rem;/* 0.95rem; */
	letter-spacing: 1pt;
	padding: 2px 4px;
	position: absolute;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
	
	text-align: center;
}

body[data-day-status="NIGHT" i] #app-version > * 
{
	background: rgba( 150, 150, 150, 0.5 );
	box-shadow: 0px 0px 6px rgba( 50, 50, 50, 0.9 );
	text-shadow: 1px 1px 2px rgba( 50, 50, 50, 0.75 );
}

#app-version a
{
	color: #f6f60c;/* inherit; */
	font-size: 0.5rem;
	font-weight: bold;
	text-transform: uppercase;
	/* border-bottom: 1px solid darkgray; */
}

#app-version hr
{
	margin: 2px 0;
}
/**
 * @auther Mafuzul Hoque
 * @fileName apps.css
 * @class Apps
 * @package app.whistle
 * @feature F-ImplTaxiApp-AC-A4.0, F-ImplAppsI-AC-A3.0, [F-ImplAppsCWAPH-AC-A2.0]
 */

#apps-container
{
	display : flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	
	/* padding: 50px; */
	overflow: auto;
}

[data-role="apps-container"],
[data-role="app-operations-container"]	/*F-ImplAppsI-AC-A3.0*/
{
	display : none;/* flex; */
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

/*F-ImplAppsI-AC-A3.0*/
[data-role="app-operations-container"]
{
	display : none;
	/* width : 100%; */
	/* justify-content: space-between; */
}

[data-role="apps-container"] [data-role="app"],
[data-role="app-operations-container"] [data-role="operation"]	/*F-ImplAppsI-AC-A3.0*/
{
	display : flex;
	justify-content: center;
	align-items: center;
	
	width: 200px;
	height: 200px;
	margin: 20px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

[data-app-items="row"] [data-role="app"]
{
	flex-flow: row wrap;
}

[data-app-items="column"] [data-role="app"],
[data-app-items="column"] [data-role="operation"]	/*F-ImplAppsI-AC-A3.0*/
{
	flex-flow: column;
}

[data-role="app"]::before,
[data-role="operation"]::before,
#app-operation-title button::before	/*F-ImplAppsI-AC-A3.0*/
{
	content : attr(data-icon);
}

[data-role="app"]::after,
[data-role="operation"]::after,
#app-operation-title button::after	/*F-ImplAppsI-AC-A3.0*/
{
	content : attr(data-value);
}

[data-app-items="row"] [data-role="app"]::before
{
	margin-right: 1px;
}

[data-app-items="row"] [data-role="app"]::after
{
	margin-left: 1px;
}

button[data-role="app"],
button[data-role="operation"]	/*F-ImplAppsI-AC-A3.0*/
{
	font-size: 2rem;
}

/*F-ImplAppsI-AC-A3.0 - START*/
#app-operation-title
{
	width: 100%;
	margin: 0 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	
	position: relative;
}
#app-operation-title::before
{
	margin-right: 3px;
}

#app-operation-title::after
{
	margin-left: 3px;
}

#app-operation-title button
{
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    font-size: 1.5rem;
    /* line-height: 0; */
    
    background: none;
    border: none;
	
	cursor: pointer;
}

#app-operation-title[data-app=""]::before
{
	content : "?";
}
#app-operation-title[data-app=""]::after
{
	content : "?";
}

#app-operation-title[data-app="taxi"]::before
{
	content : "\1F696";
}
#app-operation-title[data-app="taxi"]::after
{
	content : "Taxi";
}

#app-operation-title[data-app="driver"]::before
{
	content : "\1F60E";
}
#app-operation-title[data-app="driver"]::after
{
	content : "Driver";
}

#app-operation-title[data-app="employee"]::before
{
	content : "\1F464";
}
#app-operation-title[data-app="employee"]::after
{
	content : "Employee";
}

#app-operation-title[data-app="settings"]::before
{
	content : "\1F39B";
}
#app-operation-title[data-app="settings"]::after
{
	content : "Settings";
}
/*F-ImplAppsI-AC-A3.0 - END*//**
 * @auther Mafuzul Hoque
 * @fileName dialog.css
 * @class AbstractDialog
 * @package app.whistle.component.dialog
 * @feature F-ImplAuthSys-AC-A1.0
 */

.modal-dialog
{
	display: none;
	/* padding: 25px; */
	color: white;
	background-color: rgba(65, 182, 197, 0.5);/* rgba(0,0,0,0.5); */
	border: 2px solid rgba(255,255,255,0.5);
    overflow-x: hidden;
    overflow-y: hidden;/*auto;*/
}
.modal-dialog [data-role="modal-dialog-container"]
{
	display : flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.modal-dialog [data-role="modal-dialog-container"]::before
{
	content: "";
	background-image: url("images/bg-blur.png");
/*	background-size: cover; */
	position: fixed;
	top: -5%;
	left: -5%;
	right: 0;
	bottom: 0;
	width: 110%;
	height: 110%;
	display: block;
	z-index: -1;
}
.modal-dialog [data-role="modal-dialog-container-pane"]
{
	background-color: #41b6c5;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog .row
{
	display : table;
    height: 30px;
}

.modal-dialog [data-role="modal-dialog-body"]
{
    padding: 25px;
}

.modal-dialog .row:empty
{
    height: 10px;
}
.modal-dialog .row > *
{
	display : table-cell;
    font-size: 1.5rem;/* 1.15rem; */
    margin: 0;
    padding: 0;
}
.modal-dialog .row > input
{
	font: inherit;
    padding: 0 5px;
    font-size: 1.75rem;
}
.modal-dialog .row > textarea, 
.modal-dialog .row > button
{
/*	width: 98%;
    height: 33px;*/
    height: 33px;
    padding: 0 5px;
    width: 100%;/*97%;*/
}
.modal-dialog .row > textarea
{
	height: 100px;
	min-height: 100px;
	max-height: 200px;
	resize: vertical;
}
.modal-dialog .row.bottom
{
	display: block;
	height: 65px;
}
.modal-dialog .row.footer
{
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0;
	height: 55px;
}
.modal-dialog-page > .row:first-child
{
	margin: 10px 0;
}

.back-button,
.reset-button		/*F-ImplTaxiApp-AC-A4.0*/
{
	background: transparent; 
	border: none; 
	color: inherit; 
    cursor: pointer;
	font-size: inherit; 
	font-family: fantasy,roboto; 
	font-weight: bold;
	margin: 5px; 
	padding: 5px;
	float: right;
	z-index: 1;
}
.back-button::before
{
	/* content: {{back-button-active}}; */
	margin-right: 5px;
	font-family: -apple-system;
	font-size: 1.35rem;
	font-weight: normal;
	line-height: 0;
	vertical-align: middle;
	
	content: "\2192";
	transform: scale(-1,1);
	display: inline-block;
}

/*F-ImplTaxiApp-AC-A4.0*/
.reset-button
{
	float: left;
}
.reset-button::before
{
	margin-right: 5px;
	font-family: -apple-system;
	font-size: 1.35rem;
	font-weight: normal;
	line-height: 0;
	vertical-align: middle;
	
	content: "\27F3";
}


.modal-dialog-toolbar
{
	position: fixed; 
	left: 0px; 
	right: 0px; 
	top: 0px;
	text-align: left;/*center;*//*right;*/ 
	z-index: 1; 
	background: rgba(0, 0, 0, 0.57); 
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.75);
}
.modal-dialog .modal-dialog-page
{
	display : none;
}
.modal-dialog-toolbar label
{
    display: inline-block;
    margin-top: 7px;
    position: absolute;
    width: 100%;
	z-index: -1;
	text-align: center;
}

.modal-dialog-toolbar label[id], .modal-dialog-page label[id], #contact-info-dialog label[id]
{
	font-size : 1.5rem;
    font-style: italic;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.row .summary-line
{
	height: 80px;/*70px;*/
}

[data-role="modal-dialog-container"] .modal-dialog-toolbar,
[data-role="modal-dialog-container"] .modal-dialog-toolbar label,
[data-role="modal-dialog-container"] .row.footer
{
	position: initial;
}

[data-role="modal-dialog-container"] .modal-dialog-toolbar label
{
	margin: 7px 0;
}

.modal-dialog .footer .submit-button
{
	width: 100%;/*98.8%;*/ 
	height: 55px;
	color: inherit;
	background-color: rgba(102, 174, 232, 0.9);/*#66afe9;*/
	box-shadow: 0 5px 18px black;
    border: none;
    outline: 0 none;
    cursor: pointer;
    font-size: 1.5em;
}
.modal-dialog .footer .submit-button[data-button-status="active"]::after
{
	content : "\2192";
	font-family: -apple-system;
}
.modal-dialog .footer .submit-button[data-button-status="inactive"]
{
	background-color: rgba(131, 164, 191, 0.9);/*#83a4bf;*/
}
.modal-dialog .footer .submit-button[data-button-status="inactive"]::after
{
	content : "\274C";
}

.submit-button::after
{
    margin-left: 5px;
}

.modal-dialog [data-role="modal-dialog-body-container"] label
{
	color : black;
}
/**
 * @auther Mafuzul Hoque
 * @fileName work-in-progress-dialog.css
 * @class WorkInProgressDialog
 * @package app.whistle.component.dialog
 * @feature F-ImplAuthSys-AC-A1.0
 */

#work-in-progress-dialog
{
/*	background : rgba(255, 255, 255, 0.08) url("images/background-map.png") repeat-x scroll 0 0 / auto 100%;*/
    display: none;
}
#work-in-progress-dialog .row
{
	height: 100%;
    text-align: center;
}  
#work-in-progress-dialog .row div
{
	vertical-align: middle;
}  

#work-in-progress-dialog img
{
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: workingInProgress;
    animation-timing-function: ease-in-out;
    content: "";
    z-index: 1;
    vertical-align: middle;

	/*iPhone fix*/
    width: 86px;
    height: 86px;
    display: inline-block;
    background-image: url('images/logo_64_45.png');
}
@keyframes workingInProgress 
{
	0% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	24.99% 
	{
	    transform: rotateX(0deg) rotateY(360deg) rotateZ(0deg);
	}
	25% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	49.99% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg);
	}
	50% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	74.99% 
	{
	    transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
	}
	75% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg);
	}
	100% 
	{
	    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}
/**
 * @auther Mafuzul Hoque
 * @fileName auth-dialog.css
 * @class AuthDialog
 * @package app.whistle.component.dialog
 * @feature F-ImplAuthSys-AC-A1.0
 */

#auth-dialog-page
{
	display : table-cell;
}

#auth-dialog .submit-button::after 
{
    margin-left: 15px;
}

#auth-dialog .submit-button::before
{
	content : attr(data-text);
}
/**
 * @auther Mafuzul Hoque
 * @fileName password-change-dialog.css
 * @class AuthDialog
 * @package app.whistle.component.dialog
 * @feature F-ImplAuthSys-AC-A1.0
 */

#password-change-dialog-page
{
	display : table-cell;
}

#password-change-dialog .submit-button::after 
{
    margin-left: 15px;
}

#password-change-dialog .submit-button::before
{
	content : attr(data-text);
}
/**
 * @auther Mafuzul Hoque
 * @fileName session-timeout-dialog.css
 * @class SessionTimeoutDialog
 * @package app.whistle.component.dialog
 * @feature F-ImplAuthSys-AC-A1.0
 */

#session-timeout-dialog-page
{
	display : table-cell;
}

#session-timeout-dialog .row.label
{
	height: 75px;
}

#session-timeout-dialog .submit-button::after 
{
    margin-left: 15px;
}

#session-timeout-dialog .submit-button::before
{
	content : attr(data-text);
}

#session-timeout-dialog [data-role="count-down-time"]
{
	display: inline-block;
	color : black;
	
/*	font-weight : bold;
	font-size: 2.5rem;
	//OR//
*/	font-size: 2.75rem;
	text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
}
#session-timeout-dialog [data-size="1"]
{
	min-width: 25px;
}
#session-timeout-dialog [data-size="2"]
{
	min-width: 40px;
}
#session-timeout-dialog [data-size="3"]
{
	min-width: 65px;
}
#session-timeout-dialog [data-size="4"]
{
	min-width: 75px;
}

#session-timeout-dialog .row[data-role="heading"]::before
{
	content: "\26A0";
	vertical-align: bottom;
	display: table-cell;
	font-size: 5rem;
	line-height: 0.75;
}

#session-timeout-dialog [data-role="heading"]
{
	font-weight : bold;
}

#session-timeout-dialog label
{
	text-align: center;
}

#session-timeout-back-button
{
	width: 35%;
	float: left;
	display: inline-block;
	background-color: #c22d2d;
	padding : 0;
}

#session-timeout-apply-button
{
	width: 60%;
	float: right;
	padding : 0;
}

#session-timeout-dialog #session-timeout-back-button::before
{
	content: "\2192";
	font-family: -apple-system;
	transform: scale(-1,1);
	display: inline-block;
	margin-right: 5px;
}
/**
 * @auther Mafuzul Hoque
 * @fileName app-base-dialog.css
 * @class AppBase
 * @package app.whistle.apps
 * @feature F-ImplTaxiApp-AC-A4.0, F-ImplDriverApp-AC-A5.0, F-OverHaulResManTED-AC-A7.0
 * @update U-ImplAddressDlg-AC-A6.1
 */

[data-role="app-container"] 
{
	display: flex;
	justify-content: center;
	
	padding: 25px 100px;
	padding-top: 50px;
	
	overflow: auto;
}

/*F-OverHaulResManTED-AC-A7.0*/
[data-role="app-container"] input[type="date"	]:disabled,
[data-role="app-container"] input[type="email"	]:disabled,
[data-role="app-container"] input[type="number"	]:disabled,
[data-role="app-container"] input[type="tel"	]:disabled,
[data-role="app-container"] input[type="text"	]:disabled,
[data-role="app-container"] input[type="time"	]:disabled
{
	color: black;
	background: inherit;/* white; */
	border-radius: 3pt;
	border: 1px solid rgb(218, 218, 218);
	font-weight: 300;
}

[data-role="app-container"] .modal-dialog-toolbar
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*U-ImplAddressDlg-AC-A6.1*/
[data-role="app-container"] [data-role="modal-dialog-body"]
{
	display: flex;
	justify-content: center;
}

[data-role="app-container"] [data-role="page-title"]
{
	width: 100%;
	font-size: 2rem;
	font-weight: 300;
	margin-top: auto;
}

[data-role="app-container"] [data-role="page-title"]::before
{
	content : attr(data-icon);
	
	margin-right: 3px;
}

[data-role="app-container"] [data-role="page-title"]::after
{
	content : attr(data-value);
	
	margin-left: 3px;
}

[data-role="app-container"] .reset-button::before
{
	font-size: 2rem;
	vertical-align: initial;
}

/* [data-role="app-container"] .submit-button::before
{
	content : attr(data-value);
}
 */
[data-role="app-container"] .submit-button[data-button-status="active"]::after
{
	content : "\2713";
	color: #9aff00;
}
[data-role="app-container"] .submit-button[data-button-status="inactive"]::after
{
	font-size: 1.75rem;
}

[data-role="app-container"] [data-role="modal-dialog-body"] .item
{
	display : flex;
	flex-flow: row wrap;
	justify-content: center;
	height: auto;
}
[data-role="app-container"] [data-role="modal-dialog-body"] .key-value-pair
{
	justify-content: normal;
}
[data-role="app-container"] [data-role="modal-dialog-body"] .key-value-pair > input,
[data-role="app-container"] [data-role="modal-dialog-body"] .key-value-pair > span
{
	width : auto;
	flex: 2;
}

[data-role="app-container"] [data-role="modal-dialog-body"] .item > label
{
	min-width : 145px;
	text-align: right;
	margin-right: 5px;
	text-shadow: 1px 1px 1px black;
}

[data-role="app-container"] [data-required="required"]
{
	position: relative;
}
[data-role="app-container"] [data-required="required"]::after
{
	content: "*";
	position: absolute;
	top: -14px;
	color: black;
	right: -7px;
	font-weight: bold;
}
/*F-OverHaulResManTED-AC-A7.0*/
[data-role="app-container"][data-action="delete" i] [data-required="required"]::after
{
	visibility: hidden;		
}
[data-role="app-container"] .footer[data-required="required"]::after
{
	content: "* required";
	top: -30px;
	right: 5px;
	font-weight: normal;
}

[data-role="app-container"] input[type="text"],
[data-role="app-container"] input[type="password"],
[data-role="app-container"] input[type="tel"],
[data-role="app-container"] input[type="email"],
[data-role="app-container"] input[type="number"],
[data-role="app-container"] input[type="date"],
[data-role="app-container"] input[type="time"]
{
    height: 40px;		/*U-ImplAddressDlg-AC-A6.1*/
    margin-top: -2px;	/*U-ImplAddressDlg-AC-A6.1*/
}

div[data-valid="invalid"]
{
	border: 0 none;
}

div[data-valid="invalid"] select,
div[data-valid="invalid"] input
{
	border: 1px solid red;
}

/*F-ImplDriverApp-AC-A5.0 - START*/
[data-role="app-container"] [data-role="modal-dialog-body"] .item[data-role="db-lists"]
{
	display: none;
	margin-bottom: 60px;
}
[data-role="app-container"] [data-role="db-lists"] select
{
	flex: 1;
}
[data-role="app-container"][data-action="edit" i] [data-role="modal-dialog-body"] .item[data-role="db-lists"],
[data-role="app-container"][data-action="delete" i] [data-role="modal-dialog-body"] .item[data-role="db-lists"]
{
	display: flex;
}

[data-role="app-container"][data-action="edit" i] [data-role="fields-container"],
[data-role="app-container"][data-action="delete" i] [data-role="fields-container"]
{
	display: none;
}

[data-role="app-container"] [data-role="modal-dialog-body-container"]
{
	width: inherit;
	
	/*U-ImplAddressDlg-AC-A6.1 - START*/
	min-width :  700px;
	max-width : 1000px;
	display: block;
	/*U-ImplAddressDlg-AC-A6.1 - END*/
}

[data-role="app-container"] [data-role="modal-dialog-body"] select
{
	text-align: center;
	font-size: 1rem;
	text-overflow: ellipsis;
	
	margin-right: -2px;
	margin-left: -2px;
	
	/*U-ImplAddressDlg-AC-A6.1 - START*/
	margin-top: -1px;
	height: 40px;
	/*U-ImplAddressDlg-AC-A6.1 - END*/
}

[data-role="app-container"] .pair > div
{
	display: flex;
	flex-flow: column;
	width: 19%;
	height : 64px;
}

[data-role="app-container"] .pair div:not([data-valid="invalid"]) input:not([data-valid="invalid"])
{
	border-radius: 3pt;
	border: 1px solid rgb(218, 218, 218);
	width: auto;
}

[data-role="app-container"] .key-value-pair[data-required="required"]::after
{
	top: -16px;
	right: -11px;
}

[data-role="app-container"] .item[data-selection]
{
	justify-content: space-between;
}

[data-selection] input
{
	/* visibility: hidden; //for : driver-app-select,js */
}

[data-role="app-container"] [data-role="preview"]
{
	max-width : 100%;
	max-height: 250px;
}

[data-role="app-container"] [data-role="preview"][src=""]
{
	visibility: hidden;
}

[data-role="app-container"] [data-role="file-chooser"] /*F-OverHaulResManTED-AC-A7.0*/
{
	opacity: 0;
	z-index: -111;
	
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
}
[data-role="app-container"] [data-role="data-chooser"] main span button:hover,		/*F-OverHaulResManTED-AC-A7.0*/
[data-role="app-container"] input:hover,
[data-role="app-container"] select:hover
{
	font-style: italic;
}
[data-role="app-container"] .row >	[data-role="false-picture"],
[data-role="app-container"] .row >	[data-role="address-selector"],															/*U-ImplAddressDlg-AC-A6.1*/
[data-role="app-container"] .row	[data-role="data-chooser"] main span button:not([data-role="data-chooser-delete"])		/*F-OverHaulResManTED-AC-A7.0*/
{
	/* position: absolute; */	/*F-OverHaulResManTED-AC-A7.0*/
	flex: 0 auto;
	width: auto;
	min-width: 190px;
	/* left: 150px; */			/*F-OverHaulResManTED-AC-A7.0*/		/*(min-width + margin-right)px [of associated label]*/
	font-weight: lighter;
	cursor: pointer;
}
[data-role="app-container"] [data-role="false-name"]
{
	width: auto;
	min-width: auto;
	position: absolute;
	left: 360px;
}
[data-role="app-container"] .row > [data-role="false-picture"],
[data-role="app-container"] [data-role="false-name"]
{
	z-index: -111;
}
[data-role="app-container"] [data-role="false-name"]::before,
[data-role="app-container"] [data-role="address-label"]::before,					/*U-ImplAddressDlg-AC-A6.1*/
[data-role="app-container"] [data-role="data-chooser"] main span label::before		/*F-OverHaulResManTED-AC-A7.0*/
{
	content : attr(data-value);
	
	font-size: 0.85rem;
}
/*F-ImplDriverApp-AC-A5.0 - END*/

/*F-OverHaulResManTED-AC-A7.0 - START*/
[data-role="modal-dialog-body-container"] form
{
	margin-bottom: 110px;
}
[data-role="app-container"] [data-role="data-chooser"] main
{
	flex: 2;
	display: flex;
	flex-flow: column wrap;
	max-width: 82%;
}
[data-role="app-container"] [data-role="data-chooser"] main span
{
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}
[data-role="app-container"] [data-role="data-chooser"] main span[data-style*="attached"]
{
	justify-content: flex-end;/* flex-start; */
	align-items: start;
}
[data-role="app-container"] [data-role="data-chooser"] main span img:not([src=""])
{
	margin-top : 16px;/* 5px; */
}
[data-role="app-container"] [data-role="data-chooser"] main span img[src=""] + button
{
	display: none;
}
[data-role="app-container"] [data-role="data-chooser"] main span button:not([data-role="data-chooser-delete"])
{
	z-index: auto;
	
	font-size: 1.5rem;
}
[data-role="app-container"] [data-role="data-chooser"] main span label
{
	margin-left: 5px;
	
	text-shadow: 1px 1px 1px black;
	
	/*Ellipsis ...*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
[data-role="data-chooser"] main span button:not([data-role="data-chooser-delete"])::before
{
    content: "Choose \2026";
}
[data-role="data-chooser"] main [data-role="data-chooser-delete"]
{
	position: absolute;
	right: 0;
	padding: 1px;
	cursor: pointer;
}
[data-role="data-chooser-delete"]::before
{
	content : "\274C";
}
[data-role="data-chooser"] main span [data-role="data-chooser-delete"][data-style*="no-bg"]
{
	right: -6px;
	top: 30px;
	font-size: 0.55rem;
	background: transparent;
	border: none;
}
[data-role="data-chooser"] main span[data-style*="attached"] [data-role="data-chooser-delete"]
{
	position: initial;
}
[data-role="data-chooser"] main span[data-style*="attached"] [data-role="data-chooser-delete"][data-style*="no-bg"]
{
/*
	font-size: 0.75rem;
	margin-top: -3px;
	margin-left: -9px;
	line-height: 117%;
*/	
	font-size: 1.5rem;
	margin-top: 5px;/* -7px; */
	margin-left: -12px;
	padding: 1px 0 0 0;
	line-height: 95%;
}
[data-action="delete" i] [data-ele="chooser"],
[data-action="delete" i] [data-role="data-chooser-delete"],
[data-action="edit"   i] [data-role="data-chooser-delete"]
{
	display : none;
}
/*F-OverHaulResManTED-AC-A7.0 - END*/

/*U-ImplAddressDlg-AC-A6.1 - START*/
[data-action="add" i] .submit-button::before,
[data-action="add" i] [data-role="address-selector"]::before
{
	content : "Add";
}

[data-action="edit" i] .submit-button::before,
[data-action="edit" i] [data-role="address-selector"]::before
{
	content : "Edit";
}

[data-action="delete" i] .submit-button::before
{
	content : "Delete";
}
[data-action="delete" i] [data-role="address-selector"]
{
	display : none;
}
[data-action="delete" i] [data-role="modal-dialog-body"] .item > [data-role="address-label"]
{
	position : static;
	text-align: left;
}
/*U-ImplAddressDlg-AC-A6.1 - END*/
/**
 * @auther Mafuzul Hoque
 * @fileName taxi-app-dialog.css
 * @class TaxiApp
 * @package app.whistle.apps
 * @feature F-ImplTaxiApp-AC-A4.0
 */

[data-selection="make"] [data-ele="other-make"],
[data-selection="make"] [data-ele="other-model"],
[data-selection="make"] [data-ele="other-trim"],
[data-selection="make"] [data-ele="other-feature"],
[data-value="other"][data-ele="other-year"],
[data-value="other"][data-ele="other-make"],
[data-value="other"][data-ele="other-model"],
[data-value="other"][data-ele="other-trim"],
[data-value="other"][data-ele="other-feature"]
{
	visibility: visible;
}

[data-selection="model"] [data-ele="other-model"],
[data-selection="model"] [data-ele="other-trim"],
[data-selection="model"] [data-ele="other-feature"]
{
	visibility: visible;
}

[data-selection="trim"] [data-ele="other-trim"],
[data-selection="trim"] [data-ele="other-feature"]
{
	visibility: visible;
}

[data-selection="feature"] [data-ele="other-feature"]
{
	visibility: visible;
}
/**
 * @auther Mafuzul Hoque
 * @fileName driver-app-dialog.css
 * @class DriverApp
 * @package app.whistle.apps
 * @feature F-ImplDriverApp-AC-A5.0
 */
[data-role="fields-container"] [data-after]
{
	position : relative;
}
[data-role="fields-container"] [data-after]::after
{
	content : attr(data-after);
	position : absolute;
	font-size : 0.9rem;
	left: 0;
	top: 80%;
	right: 0;
	text-align: center;
	color : #626262;/* #c6c6c6; */
}
[data-role="app-container"] button[data-required="required"]::after
{
    top: -16px;
    right: -16px;
}
/**
 * @auther Mafuzul Hoque
 * @fileName employee-app-dialog.css
 * @class EmployeeApp
 * @package app.whistle.apps
 * @feature F-ImplEmployeeApp-AC-A6.0, F-OverHaulResManTED-AC-A7.0
 */
#employee-app-container[data-action="add" i] [data-role="employee-app-status"]
{
	display: none;
}

[data-ele="employee-app-employee"], [data-ele="employee-app-level"], [data-role="employee-app-level"] ul, [data-ele="employee-app-status"]
{
	width: auto;
	flex: 2;
}
[data-role="employee-app-level"] ul
{
	list-style: none;
}
[data-role="employee-app-level"] ul li
{
	display: flex;
}
label[for*="employee"]
{
	flex: 2;
	display: flex;
	justify-items: center;
	justify-content: space-between;
	margin-left : 5px;
	letter-spacing: 1px;
	white-space: nowrap;
	color: black;
	text-shadow: 1px 1px 1px black;
}
label[for*="employee"]::after,
[data-action="delete" i] [data-ele="employee-app-label-level"	]::before	/*F-OverHaulResManTED-AC-A7.0*/
{
	content: attr(title);
	font-size: 0.8rem;
	margin: auto 0;
	margin-left: 20px;
	white-space: normal;
	text-align: justify;
	text-shadow: none;
	color: gray;
}

/*F-OverHaulResManTED-AC-A7.0 - START*/
[data-action="delete" i] [data-role="employee-app-level"	] ul,
[data-action="delete" i] [data-role="employee-app-status"	] select
{
	display: none;
}

[data-action="delete" i] [data-ele="employee-app-label-level"	]::before
{
	position: absolute;
	top: 11px;
	right: 0;
}

[data-action="delete" i] [data-ele="employee-app-label-level"	]::after,
[data-action="delete" i] [data-ele="employee-app-label-status"	]::after
{
	content: attr(data-value);
	
	position: absolute;
	
	margin-left: 5px;
}
/*F-OverHaulResManTED-AC-A7.0 - END*/
/**
 * @auther Mafuzul Hoque
 * @fileName address-dialog.css
 * @class AddressDialog
 * @package app.whistle.component.dialog
 * @update U-ImplAddressDlg-AC-A6.1
 */

#address-dialog
{
	display: none;/* block; */
	background: url("images/bg-blur.png") rgb(65, 182, 197);
}

#address-dialog[data-role="app-container"] [data-role="modal-dialog-body"] .item > label
{
	min-width: 165px;
}

#address-dialog [data-role="fields-container"]
{
	margin-top: 75px;
	display : block;
}

/*#address-dialog[data-role="app-container"] [data-role="page-title"]::before
{
	font-size: 4rem;
	line-height: 0;
	vertical-align: sub;
}*/

/*#address-dialog input
{
	padding: 20px 5px;
	margin-top: -5px;
}*/

#address-dialog [data-role="search-address-field"]::after
{
	content: "* Search without ''Address 2''";
	position: absolute;
	bottom: -25px;
	right: 0;
	color: black;
	font-size: 1rem;
	text-shadow: 1px 1px 1px darkgray;
}
#address-dialog [data-role="search-address-field"] label
{
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px darkgray;
}
/*[data-ele="address-dialog-apply-button"]::before
{
	content : attr(data-text);
}*/

.pac-container
{
	z-index: 9999999999999999999;
}

.hdpi.pac-logo
{
	box-shadow: 0px 7px 28px rgba(0, 0, 0, 0.75), 1px 1px 5px black;
	
	margin-top: 5px;
}
/*.hdpi.pac-logo::after
{
	display: none;
}*/