/**
 * @auther Mafuzul Hoque
 * @fileName bootstrap.css
 * @class Bootstrap
 * @package app.whistle
 */

*
{
	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 : rgba(0, 0, 0, 0) url("images/background-map.png") repeat-x scroll 0 0 / auto 100%;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* F-OIOGM-CC-A10.0 */
template
{
	display : inline;
	visibility : hidden;
}

ul, li, label
{
	font: inherit;
}
input
{
	text-overflow: ellipsis;
}
input:focus
{
	text-shadow: none;
}
input::placeholder
{
	font-size: 0.9rem;
}
/* F-OrdersWindow-CC-A16.0[h.4] */
input[type="text"][data-role="traverse-list-items"]
{
	width	: 0;
	height	: 0;
	
	margin	: 0;
	padding	: 0;
	
	opacity	: 0;
}
button, input, a, [data-role="page-title"]
{
	outline: 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); */
}

/*
* Selection - START
* F-OrdersWindow-CC-A16.0[c.1]
*/
[data-selected="true"]
{
	border: 1.5pt dotted rgba( 0, 0, 0, 0.85 );
	background	: rgba( 0, 0, 0, 0.5 );
}
[data-selected="true"] > *
{
	background: none;
}
/*
* Selection - END
*/

/*
* Filter - START
* F-OrdersWindow-CC-A16.0[c.5,6]
*/
[data-filter="true"]
{
/* 	visibility : visible; */
	display : block;
}
[data-filter="false"]
{
/* 	visibility : hidden; */
	display : none;
}
/*
* Filter - END
*/

#map 
{
    height: 100%;
    visibility : hidden;
}
#map > div:first-child
{
    bottom: -11px;
    height: auto;
    background: transparent;
}

.controls 
{
    height: auto;
    padding: 0;
    margin: 10px 0 0;
    outline: none;
    visibility: visible;
    width: 100%;
}
/*
* slider - START
*/
.slider-container
{
	position: relative;
}
.slider-previous-element, .slider-element, .slider-next-element
{
    position: absolute;
    top: 0;
    height: 100%;
    border : none;
    z-index: 0;
}
.slider-previous-element
{
	left: 0;
	right: auto;
}
.slider-element
{
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}
.slider-next-element
{
	left: auto;
	right: 0;
}
/*
* slider - END
*/
/**
 * @auther Mafuzul Hoque
 * @fileName app.css
 * @class App
 * @package app.whistle
 */

.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
*/

/*
* combobox - START
* F-AssignPendingOrderToDriver-CC-A15.0
*/
.row ul
{
	margin-top: 0;
}
.row ul[data-role="combobox-drop-down"]
{
    display : none;
	margin-bottom: 30px; 
}
.row li[data-role="combobox-drop-down"]
{
	height: 0;
	margin-top: -3px;
}
ul[data-role="combobox"], ul[data-role="list"], [data-role="combobox-drop-down"]
{
	list-style: none;
	padding: 0;
}
ul[data-role="combobox"]
{
	display: table; 
	width: 100%; 
}

ul[data-role="combobox-drop-down"]
{
	background: #01acc2;
	box-shadow: 12px 12px 30px rgba( 0, 0, 0, 0.75 );/*0px 5px 20px rgba( 0, 0, 0, 0.75 );*//* 0px 2px 12px rgba( 0, 0, 0, 0.3 ); */
	border: 1px solid;
    border-top: 1px dotted;
    font-size: inherit;
}
ul[data-role="combobox-drop-down"] li[data-role="list-item"] 
{
    border-bottom: 1px dotted;
    font-size: 0.76rem;
    height: auto;/*40px;*/
}
ul[data-role="combobox-drop-down"] .row:last-child 
{
    border-bottom: medium none;
}
[data-role="combobox-selected-label"] 
{
    border: 1px solid;
    cursor: pointer;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.5 );
    box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.5 );
}
[data-role="combobox-selected-label"]::after 
{
    content: "\25BC";
    float: right;
}
[data-role="combobox-selected-label"][data-valid="invalid"]
{
	border : 1px solid red;
}
ul[data-role="list"] li[data-role="list-item"]
{
	height: 50px;
	margin-bottom: 10px;
}
li[data-role="list-item"]
{
	padding: 9px 0px;
}
li[data-role="list-item"] label
{
	text-align: left;
}

li[data-role="list-item"] input[type="radio"], 
li[data-role="list-item"] input[type="checkbox"] 
{
    opacity: 0;
    position: absolute;
    width : 0;
    height : 0;
}
li[data-role="list-item"] input[data-role="checkbox"] + label 
{
	border: 1px solid;
	cursor: pointer;
	padding: 0 15px;
	line-height: 1;
	vertical-align: middle;
}
li[data-role="list-item"] input[data-role="checkbox"] + label::before 
{
	border: 1px solid;
	display: block;
	float: left;
	height: 20px;
	/* line-height: 1.15; *//*1.2;*/
	width: 20px;
	margin-right: 10px;/* 4px; */
	padding-right: 2px;
	padding-top: 1px;
	text-align: center;
	
	content: "";
}
li[data-role="list-item"] input[data-role="checkbox"]:checked + label::before 
{
	font-size: 1.25rem;
	font-weight: bold;/*added @ 22 JUn 2017*/

	content : "\2713";
}
/*
li[data-role="list-item"] input[data-role="checkbox"] + label::after 
{
}
*/
li[data-role="list-item"] input[data-role="checkbox"] + label[data-fees]::after 
{
	float: right;
	color : black;
	font-family: "Economica","fantasy","Roboto";
	
	content: "\0024" attr(data-fees);
}
/*
* combobox & list - END
*/
/**
 * @auther Mafuzul Hoque
 * @fileName driver-status.css
 * @class DriverStatus
 * @package app.whistle
 * @feature F-OrdersWindow-CC-A16.0[h.5]
 */
[data-status="" i] [data-role="status"],
[data-status="OFFLINE" i] [data-role="status"],
[data-role="status"][data-status="OFFLINE" i],
[data-role="status"][data-status="" i]
{
	background-color: rgba(255,0,0,0.85);
	color : white;
}

[data-status="FREE" i] [data-role="status"],
[data-role="status"][data-status="FREE" i]
{
	background-color: rgba(245,245,245,0.85);
	color : black;
	text-shadow: 1px 1px 4px rgba(95, 95, 95, 0.95);
}

[data-status="ON_PICKUP" i] [data-role="status"],
[data-role="status"][data-status="ON_PICKUP" i]
{
	background-color: rgba(255,255,0,0.85);
	color : black;
}

[data-status="ON_DROP_OFF" i] [data-role="status"],
[data-role="status"][data-status="ON_DROP_OFF" i]
{
	background-color: rgba(0,128,0,0.85);
	color: white;
}

[data-status="ON_BREAK" i] [data-role="status"],
[data-role="status"][data-status="ON_BREAK" i]
{
	background-color: rgba(128,128,128,0.85);
	color: white;
}
 /**
 * @auther Mafuzul Hoque
 * @fileName dialog.css
 * @class AbstractDialog
 * @package app.whistle.component.dialog
 */

.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;
}
.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,
.submit-button	/*F-AssignPendingOrderToDriver-CC-A15.0*/
{
	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;
}

@media ( orientation : landscape )
{
	.row .summary-line
	{
		height: 50px;/*70px;*/
	}
}
/**
 * @auther Mafuzul Hoque
 * @fileName work-in-progress-dialog.css
 * @class WorkInProgressDialog
 * @package app.whistle.component.dialog
 */

#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
 */

#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
 */

#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);
}
html, body 
{
	overflow: hidden;
}[data-role="auto-complete"]
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	display : none;
	
	padding: 0;
	margin : 0;
	margin-top: 25px;
	
	border: 1px solid #f1f1f1;
	border-bottom: none;
	border-top: none;
	z-index: 99;
}
[data-role="auto-complete"][data-show="true"]
{
	display : inline-block;
}

[data-role="auto-complete"] [data-role="item"]
{
	width: 100%;
	padding: 3pt;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
[data-role="auto-complete"] [data-role="item"]:hover
{
	background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
[data-role="auto-complete"] [data-role="item"].active
{
	background-color: DodgerBlue !important;
	color: #ffffff;
	font-weight: bold;
}

[data-role="auto-complete"] [data-role="item"]::before
{
	content: attr(data-mark);
	
	font-weight: bold;
}
[data-role="auto-complete"] [data-role="item"]::after
{
	content: attr(data-rest);
}
/**
 * @auther Mafuzul Hoque
 * @fileName orders.css
 * @class Orders
 * @package app.whistle
 * @feature F-OrdersWindow-CC-A16.0
 */

[data-role="order-container"]
{
	display: flex;
	width: 100%;
	padding: 0 5px;
	height: 42px;
}
[data-role="order-container"] > *
{
	white-space: nowrap;
}
[data-role="order-status"], [data-role="order-fare"]
{
	margin: auto;
}
[data-role="order-status"]
{
	width: 32px;
	text-align: center;
}
[data-role="order-origin-destination"], [data-role="order-matrix"]
{
    overflow:hidden;
    line-height: 1.25;
    min-width: 50px;
	font-weight: 700;
}
[data-role="order-origin-destination"]
{
    /* flex-grow: 4; */
	flex-shrink: 100;
    text-align: left;
    text-overflow:ellipsis;
	padding: 0 5px;
}
[data-role="order-matrix"]
{
    flex-grow: 1;
	border-right: 1px solid;
	padding: 0 5px;
}
[data-role="order-fare"]
{
	font-size: 1.3rem; 
	font-weight: bold;
	text-align: right;
	padding-left: 5px;
}

[data-role="order-fare"]::before
{
    content: "\0024";
}

[data-role="orders-container"] > li
{
	position: relative;
	
	display: flex;
	align-items: center;
	
/*	min-height: 70px; */
	min-height: 85px;
}
[data-role="orders-container"] li[data-filter="false"]
{
/* 	visibility : hidden; */
	display : none;
}
[data-role="orders-container"] > li[data-selected="true"]
{
	border-color: #1a16ec;
	background	: #1dcae0;
}
[data-role="orders-container"][data-style="full-list"] > li:not([data-selected="true"])
{
	border-top: 1px solid rgba( 255, 255, 255, 0.75 );
	border-bottom: 1px solid rgba( 0, 0, 0, 0.75 );
}
[data-role="orders-container"][data-style="full-list"] li:not([data-selected="true"]):last-child
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.75 );
}

[data-role="orders-container"] [data-order-status="pending" i]
{
	color: greenyellow;
}
[data-role="orders-container"] [data-order-status="unaccepted" i]
{
	color: purple;
}
[data-role="orders-container"] [data-type="order"]
{
	margin-top: 0;
}
[data-role="orders-container"][data-style="full-list"] [data-type="order"]
{
    /* background: none; */
	border-radius: 0;
	border: none;
}
[data-role="orders-container"][data-style="itemed-list"]
{
	padding-left: 5px;
	padding-right: 5px;
}
[data-role="orders-container"][data-style="full-list"]
{
	padding-left: 0;
	padding-right: 0;
}
[data-role="orders-container"][data-style="itemed-list"] button[data-role="list-item"]
{
    height: 100%;
    display: flex;
    align-items: center;
}

[data-role="orders-container"]
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: inherit;
}

[data-role="orders-container"] button
{
    color: inherit;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    width: 100%; 
    outline: none;
	font-size: 0.9rem;
}
[data-role="orders-container"] button *
{
	cursor : inherit;
}
	
[data-role="orders-container"] [data-role="order-container"]
{
	height: auto;
}
	
[data-role="orders-container"] [data-role="order-matrix"]
{
	color : #e9e918;/* rgb( 0, 255, 127 ); */
	border-right: 1px solid white;
}

[data-role="orders-container"] [data-role="order-fare"]
{
	min-width: 70px;
	
	font-size: 0.9rem;
	color : #ffff00; 
}

[data-role="orders-container"] [data-order-status="pending" i] [data-role="order-status"]::after
{
	content : " ";

	display: inline-block;
	height: 32px;
	width: 32px;

	background: url( "images/themes/default/notifications-pending.gif" ) no-repeat center center / auto 80%;
}
[data-role="orders-container"] [data-order-status="unaccepted" i] [data-role="order-status"]::after
{
	content : "\274C";
	font-size: 1.2rem;
	vertical-align: middle;
}
[data-role="orders-container"] [data-order-status="accepted" i] [data-role="order-status"]::after
{
	content : "\2713";
	font-size: 1.5rem;
	color: #05fe1a;
/*	
	content: "🗸";
	font-size: 1.5rem;
	color: #05fe1a;
	font-style: italic;
	font-family: u1f400;
*/
}

[data-role="orders-container"] button
{
	/* background: inherit; */
	border-radius: inherit;
	height: 100%;
	
	color: white;
	cursor: pointer;
}
[data-role="orders-container"] button/*:nth-child(2)*/
{
/*	position: static; */
	padding: 0;
	
	background: #41b6c5;
	cursor: pointer;

	position: absolute;
	top: 0;
	width: 100%;
	
	border: none;
}

[data-role="orders-container"] [data-role="order-status"]
{
	font-weight: bold;
}

@media ( orientation : portrait )
{
	[data-role="orders-container"] li
	{
		display: flex;
	}
	
	[data-role="orders-container"] [data-role="order-container"]
	{
		flex-flow: row wrap;
		
		/*Left "order-status" column*/
		position: relative;
		padding-left: 32px;
	}
	
	/*Left "order-status" column - START*/
	[data-role="orders-container"] [data-role="order-status"]
	{
		position: absolute;
		top: 25%;
		left: 0;
	}
	
	[data-role="orders-container"] [data-order-status="accepted" i] [data-role="order-status"]::after
	{
		line-height: 1.5;
	}
	
	[data-role="orders-container"] [data-order-status="unaccepted" i] [data-role="order-status"]::after
	{
		line-height: 2.1;
	}
	
	[data-role="orders-container"] [data-order-status="pending" i] [data-role="order-status"]::after
	{
		margin-top: 5px;
	}
	/*Left "order-status" column - END*/
	
	[data-role="orders-container"] [data-role="order-origin-destination"]
	{
		border-bottom: 1px solid rgba( 255, 255, 255, 0.75 );
		padding-bottom: 3px;
		margin-bottom: -1px;
		
		/*Left "order-status" column*/
		width: 100%;
	}
	
	[data-role="orders-container"] [data-role="order-matrix"]
	{
		width: 49%;
		flex-grow: 0;
		/* border-top: 1px solid white; */
	}
	
	[data-role="orders-container"] [data-role="order-fare"]
	{
		width: 45%;
	}
	
	/*
	* iPhone 4 - portrait
	*/
	@media ( max-width : 320px ) /* and ( max-height : 480px ) */
	{
		[data-role="orders-container"] [data-role="order-origin-destination"]
		{
			/*Left "order-status" column*/
			width: 100%;
		}
	}
}

@media ( orientation : landscape )
{
}
/**
 * @auther Mafuzul Hoque
 * @fileName order-detail.css
 * @class OrderDetail
 * @package app.whistle
 * @feature F-OrdersWindow-CC-A16.0
 */
#order-detail-pane [data-role="pane-body"].show
{
	display : flex;
}
#order-detail-pane [data-role="pane-body"].hide
{
	display : none;
}
#order-detail-pane [data-role="pane-body"]
{
	flex-direction: column;
	justify-content: center;
}

[data-role="order-detail-container"]
{
	flex: 1 auto;

	height: 100%;

	overflow-y: auto;
}

[data-role="order-card-window"]
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

[data-role="order-card-window"] ul
{
	display: flex;
	
    list-style: none;
    margin: 0;
    padding: 0;
}

[data-role="order-card-window"] > *
{
	align-self: center;
	
	width: 100%;
	max-width: 1000px;
	min-height: 100px;
	
	padding: 10pt;

	border-top: 1px solid rgba( 255, 255, 255, 0.75 );
	border-bottom: 1px solid rgba( 0, 0, 0, 0.75 );
}
[data-role="order-card-window"] hr
{
 	margin-bottom: 4.5%;
}

[data-role="order-card-window"] [data-element]::before
{
	margin: 0 9px 0 0;
}

[data-role="order-card-window"] a
{
	text-decoration: none;
	font-weight: 400;
}

[data-role="order-card-window"] a::after
{
	line-height: 0;
}

[data-role="order-card-window"] a[data-element]::after
{
	content: attr(data-value);
}

[data-role="order-card-window"] a[href*="mailto"]::before
{
	content: "\2709";
	font-size: 1.5rem;
}

[data-role="order-card-window"] a[href*="tel"]::before
{
	content: "\1F4DE";
}

[data-role="order-card-window"] label
{
	display: inline-block;
	
	width: 70px;
}

[data-role="order-card-window"] .card
{
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	
	width: 100%;
	height: 50px;
	
	margin: auto;
	
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.95);
}
[data-role="order-card-window"] .card[data-align="center"]
{
	text-align: center;
}
[data-role="order-card-window"] .card > *
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
[data-role="order-card-window"] [data-role="order-card"] .card > *
{
	width: 100%;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-element]
{
	display: flex;
	align-items: start;
	justify-content: start;
	
	width: 100%;
	margin: 5pt 0;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-element]::before
{
 	content: attr(data-element);
	
	display: inline-block;
	width: 70pt;
	
	font-weight: 300;
	text-transform: capitalize;
}

[data-role="order-card-window"] div span:nth-child(2)
{
	margin: 0 3px;
}

[data-role="order-card-window"] [data-element="status"]
{
	font-style: italic;
}

[data-role="order-card-window"] [data-role$="-card"][data-has="true"]
{
	display: flex;
	align-items: center;
}
[data-role="order-card-window"] [data-role$="-card"][data-has="true"] hr
{
	display: none;
}

/* Order Card - START */
[data-role="order-card-window"] [data-role="order-card"]
{
	align-items: center;

 	border-top : none;
}

[data-role="order-card-window"] [data-role="empty-card"]
{
 	border-bottom : none;
}

[data-role="order-card-window"] [data-role="order-card"] > *
{
	height : auto;
}

[data-role="order-card-window"] [data-role="order-card"] .card
{
	flex-flow: row wrap;
}

[data-role="order-card-window"] [data-role="order-card"][data-theme="true"]
{
	padding : 0 5px;
	border-radius: 5px;
}

[data-role="order-card-window"] [data-role="order-card"][data-theme="true"] [data-role="destination"]
{
	margin-top : 1px;
}

[data-role="order-card-window"] [data-role="order-card"] [data-role="origin"],
[data-role="order-card-window"] [data-role="order-card"] [data-role="destination"]
{
	width: 100%;
	height: auto;
}
[data-role="order-card-window"] [data-role="order-card"] [data-role="origin"]
{
	margin-top: 10px;
}
[data-role="order-card-window"] [data-role="order-card"] [data-role="destination"]
{
	margin-top: 4px;
}

[data-role="order-card-window"] [data-role="order-card"] .card [data-role="fare"],
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="passengers"]
{
	flex-direction: row;
	align-items: center;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-element="fare"],
[data-role="order-card-window"] [data-role="order-card"] .card [data-element="passengers"]
{
	flex: 1 auto;

	width: auto;
}

[data-role="order-card-window"] [data-role="order-card"] .card [data-element="fare"]::after
{
	content: "\0024" " " attr(data-value);
	
	color: whitesmoke;
}

[data-role="order-card-window"] [data-role="order-card"] [data-element="fare"]::after,
[data-role="order-card-window"] [data-role="order-card"] [data-element="passengers"]::after,
[data-role="order-card-window"] [data-role="order-card"] .card [data-element="vehicles"]::after
{
	font-size: 1.5rem;
	margin-right: 2px;
	
	font-weight: 400;
	font-family: "Economica","fantasy","Roboto";
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-element="passengers"]::after
{
	content: "\1F46A" " " attr(data-value);
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-element="vehicles"]::after
{
	content: "\1F695" " " attr(data-value);
}

[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"],
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="notes"]
{
	flex-direction: row;
	
	display: none;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"][data-has="true"],
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="notes"][data-has="true"]
{
	display: flex;
	
	margin: 5pt 0;
}

[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options-container"],
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="notes-container"]
{
	flex-direction: column;
	align-items: start;
	flex: 1 auto;
	
	margin: 0;
	
	white-space: pre;
}

[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="item"]
{
 	display : flex;
 	
 	width: 100%;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="quantity-rate"]
{
	display: flex;
	justify-content: space-between;

 	width: 35pt;	
	
	margin: 0 5pt;
	
	color: #d4d4d4;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="item"]::before
{
 	content: attr(data-label);
 	
 	flex: 1 auto;
 	
 	font-weight: 400;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="item"]::after,
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="quantity-rate"]::after
{
	content: "\0024" " " attr(data-rate) attr(data-fare);
	
	display: inline-block;
	
	width: 40pt;
	
	text-align: right;
	font-family: "Economica","fantasy","Roboto";
	font-weight: 600;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="item"]::after
{
	margin-right: 5pt;
	
	color: whitesmoke;
	
	font-weight: bold;
}
[data-role="order-card-window"] [data-role="order-card"] .card [data-role="options"] [data-role="quantity-rate"]::before
{
 	content: attr(data-quantity);
 	
 	margin-right: 3pt;
}

[data-role="order-card"] [data-element="status"][data-value="pending" i]::after
{
	color: yellow;
}
[data-role="order-card"] [data-element="status"][data-value="accepted" i]::after
{
	color: greenyellow;
}
[data-role="order-card"] [data-element="status"][data-value="unaccepted" i]::after
{
	color: hotpink;
}


[data-role="order-card"] [data-element="type"][data-value="schedule" i]::after
{
	color: yellow;
}
[data-role="order-card"] [data-element="type"][data-value="instant" i]::after
{
	color: greenyellow;
}
/* Order Card - END */

/* Driver Card - START */
[data-role="order-card-window"] [data-role="driver-card"]
{
	display: none;
}

[data-role="order-card-window"] [data-role="driver-card"] [data-role="name"],
[data-role="order-card-window"] [data-role="driver-card"] [data-role="taxi-company-id"]
{
	flex: 1 auto;
}
[data-role="order-card-window"] [data-role="driver-container"] [data-role="taxi-company-id"] > *,
[data-role="order-card-window"] [data-role="driver-container"] [data-role="email-phone"] > *
{
	margin: 1px 0;
}

[data-role="order-card-window"] [data-role="driver-card"] [data-role="name"]
{
	flex: 2 auto;
}

[data-role="order-card-window"] [data-role="driver-card"] .card > *:not([data-role="status"])
{
	margin-right: 5px;
}

[data-role="order-card-window"] [data-role="driver-card"] [data-role="profile-image"] img
{
	border-radius: 5px;
}

[data-role="order-card-window"] [data-role="driver-card"] [data-role="profile-image"] img::before,
[data-role="order-card-window"] [data-role="driver-card"] [data-role="profile-image"] img::after
{
	content: "";
}

[data-role="order-card-window"] [data-role="driver-card"] [data-role="taxi-company-id"]
{
	white-space: nowrap;
}

[data-role="order-card-window"] [data-role="driver-card"] [data-element="id"]::before
{
	content: "\1F194";
}

[data-role="order-card-window"] [data-role="order-card-window"] [data-role="driver-card"] [data-element="taxi"]::before
{
	content: "\1F696";
}

[data-role="order-card-window"] [data-role="driver-card"] [data-element="company"]::before
{
	content: "\1F3E0";
}
[data-role="order-card-window"] [data-role="driver-card"] [data-role="email-phone"]
{
	text-align: left;
}

[data-role="order-card-window"] .card [data-value]::after
{
	content: attr(data-value);
	
	font-weight: 400;
}

[data-role="order-card-window"] .card [data-role="status"],
[data-role="order-card-window"] [data-role="driver-card"] [data-role="status"]
{
	transition: background-color 1s ease-in-out, color 1s ease-in-out;
	border-radius: 5px;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 1px;
	margin: 0 0 0 25px;
}
/* Driver Card - END */

/* Client Card - START */
[data-role="order-card-window"] [data-role="client-card"]
{
	display: none;
}

[data-role="order-card-window"] [data-role="client-card"] [data-role="profile-image"] img
{
	border-radius: 5px;
}

[data-role="order-card-window"] [data-role="client-card"] [data-role="profile-image"] img::before,
[data-role="order-card-window"] [data-role="client-card"] [data-role="profile-image"] img::after
{
	content: "";
}

[data-role="order-card-window"] [data-role="client-card"] [data-role="status"]
{
	text-align: right;
}

[data-role="order-card-window"] [data-role="client-card"] [data-role="name"]
{
	flex: 1 auto;
}
[data-role="order-card-window"] [data-role="client-card"] [data-element="name"]::after
{
	font-weight: 700;
}
[data-role="order-card-window"] [data-role="client-card"] [data-role="email-phone"]
{
	text-align: left;
}

[data-role="order-card-window"] [data-role="client-card"] [data-role="status"]
{
	margin: 0 0 0 25px;
	
	background: none;
}
/* Client Card - END */

/* Assign Card - F-AssignPendingOrderToDriver-CC-A15.0 - START */
[data-role="driver-assign"]
{
	display: none;
	color : white;
	border: none;
}
[data-role="driver-assign"][data-has="true"]
{
	display: flex;
	align-items: end;
}

[data-role="driver-assign"] #driver-assign-apply-button
{
	height: 45px;

	box-shadow: none;
}
[data-role="driver-assign"] #driver-assign-apply-button::before
{
	content: attr(data-text);
	
	font-size: 1.5em;
}

[data-role="driver-assign"] #driver-assign-apply-button[data-button-status="inactive"]
{
	background-color: rgba(131, 164, 191, 0.9);/*#83a4bf;*/
}

/* Assign Card - END */
/**
 * @auther Mafuzul Hoque
 * @fileName drivers.css
 * @class Drivers
 * @package app.whistle.map.infobox
 * @feature F-OrdersWindow-CC-A16.0
 */

[data-role="drivers-container"]
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: inherit;
}
[data-role="drivers-container"] li[data-role="list-item"] input[data-role="checkbox"] + label::before 
{
	line-height: 0.95;
	
	padding-left: 2px;
}

[data-role="drivers-container"] > li
{
	position: relative;
	
	display: flex;
	align-items: center;
	
/*	min-height: 70px; */
	min-height: 85px;
}
[data-role="drivers-container"] li[data-filter="false"]
{
/* 	visibility : hidden; */
	display : none;
}
[data-role="drivers-container"] > li
{
	border-top: 1px solid rgba( 255, 255, 255, 0.75 );
	border-bottom: 1px solid rgba( 0, 0, 0, 0.75 );
}
[data-role="drivers-container"] li:last-child
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.75 );
}
[data-role="driver-container"]
{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
/* 	padding: 0 5px; */
	height: 50px;
	
	font-weight: 700;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.95);
}
[data-role="driver-container"] > *
{
	white-space: nowrap;
}
[data-role="driver-container"] [data-element]::before
{
	margin: 0 7px 0 0;
}


[data-role="pane"] [data-status="OFFLINE" i]
{
	/* display	: none; */
}
[data-role="pane"] [data-status="FREE" i] [data-role="driver-container"] [data-role="profile-image"]
{
	background-color: rgba(255,255,255,0.85);
}

[data-role="profile-image"]
{
	/* margin: 5px; */
}
[data-role="profile-image"][data-load="error"] img
{
	display: none;
}
[data-role="profile-image"]:not([data-load="error"]) svg
{
	display: none;
}
[data-day-status="DAY" i] [data-role="profile-image"][data-load="error"] svg 
{
	fill: rgb(245, 245, 245);
}

[data-day-status="NIGHT" i] [data-role="profile-image"][data-load="error"] svg 
{
	fill: rgb(253, 217, 0);
}

[data-role="profile-image"] > *
{
	height: 50px;
}
[data-role="profile-image"][data-load="error"] svg
{
/*	width: 50px;
	height: 50px;
	margin: 0 auto;
*/
	width: 50px;
	height: inherit;
/*	padding: 2px;*/	/*F-ImplDataChangeListener-CC-A13.0[h.3]*/
}

[src*="profile-picture.png"]
{
	border: 1.5pt solid black;
}

[data-role="profile-name"]
{
	width: 75px;
	font-size: 1.1rem;
	font-weight: 300;
	margin: auto;
	letter-spacing: -1pt;
    padding: 0 3px;
    text-align: left;
}
/* 
[data-role="profile-name"]
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
 */
[data-role="profile-phone"]
{
	border-left: 1px solid white;
	background: rgba(0, 255, 255, 0.75);
}
[data-role="profile-phone"]:hover
{
	background: cyan;
}
[data-element="phone"]
{
	display: block;
/* 	height: 100%; */
	width: 45px;
}
[data-element="phone"] a
{
	text-shadow: 0px 0px 10px white;
	line-height: 1.9;
	display: inline-block;
	text-decoration: none;
	font-size: 2rem;
	height: 100%;
	width: 100%;
}
[data-role="profile-info"]
{
	border: none;
	border-left: 1px solid;
	padding: 4px 10px;
}
[data-align="center"] [data-role="profile-info"]
{
	padding: 4px 0;
}

/* [data-role="profile-info"]:last-child
{
	border-left: 1px solid;
}
 */
[data-role="profile-heading"]
{
}

[data-role="profile-value"]
{
	font-size: 0.8rem;
	font-weight: 300;
}

[data-info="driver-id"] [data-role="profile-heading"],
[data-info="taxi-id"] [data-role="profile-heading"]
{
	line-height : 23px;
}

[data-role="driver-container"] > *
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

[data-day-status="DAY" i] [data-role="driver-container"]
{
	background-color: rgba(25, 23, 23, 0.75);
	box-shadow: 1px 1px 48px;
}

[data-day-status="DAY" i] [data-role="driver-container"] *:not(img)
{
	color: rgb(245, 245, 245);
	border-color: rgba(255, 255, 255, 0.5);
}

[data-day-status="NIGHT" i] [data-role="driver-container"]
{
	background-color: rgba(25, 23, 23, 0.9);
	box-shadow: 0px 0px 4px rgba(225, 195, 0, 0.5), 0px 0px 100px 10px rgba(225, 195, 0, 0.5);/* 0px 0px 100px 10px #8b8b45; *//* #f5f5e7; */
}

[data-day-status="NIGHT" i] [data-role="driver-container"] *:not(img)
{
	color: rgb(253, 217, 0);
	border-color: rgba(210, 210, 210, 0.5);
}
[data-role="driver-container"][data-align="center"]
{
	text-align: center;
}
/*F-ImplDataChangeListener-CC-A13.0 - START - [h.3,4]*/
[data-role="driver-container"] [data-role="profile-image"][data-load="error"]
{
	padding : 1px;
}
[data-role="profile-image"][data-load="error"] svg
{
/* 	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 50%; */
}
[data-role="profile-image"][data-load="error"] svg [data-role="bg"]
{
	fill : white;
}
[data-role="profile-image"][data-load="error"] svg [data-role="top-arc"]
{
	
}
[data-role="profile-image"][data-load="error"] svg [data-role="human-figure"]
{
	
}
/*F-ImplDataChangeListener-CC-A13.0 - END*/

[data-role="driver-container"] [data-role="profile-name"]
{
	flex: 2;
}
[data-role="driver-container"] [data-role="profile-info"]
{
	/* flex-direction: column; */
	flex: 1;
	margin: auto;
	padding: 0 3px;
	white-space: nowrap;
}

/* To prevent breaking of the name, of the driver, into 3 lines */
[data-role="driver-container"] [data-info="status"] [data-role="profile-value"]
{
	padding: 0 5px;
}

/* [data-role="driver-container"] [data-info="driver-id"]
{
	display: none;
} */
[data-role="driver-container"] [data-state="none" i],
[data-role="driver-container"] [data-state="hide" i]
{
	display: none;
}
[data-role="driver-container"] [data-state="show" i],
[data-role="driver-container"]:hover [data-state="hide" i]
{
	display: flex;
}

/*Hiding Driver ID*/
/* [data-role="driver-container"] [data-role="profile-info"]:last-child */
/* [data-role="driver-container"] [data-info="driver-id"]
{
	display: none;
} */

[data-role="driver-container"] [data-value]::after
{
	content : attr(data-value);
}

/*F-ImplDataChangeListener-CC-A13.0[h.3]*/
[data-role="pane"] [data-role="profile-image"] img
{
	border-radius: 2pt 3pt 3pt 2pt;
}

[data-role="pane"] li[data-role="list-item"] input[data-role="checkbox"] + label
{
	display: flex;
	align-items: center;
	
	width : 100%;
	
	padding: 0 5px;
/* 	padding-right: 10px; */
	
	font-size: 0.9rem;
	white-space: nowrap;
	
	color: white;
	border : none;
}
[data-role="pane"] li[data-role="list-item"]
{
	padding: 0;
}
/**
 * @auther Mafuzul Hoque
 * @fileName driver-card.css
 * @class DriverCard
 * @package app.whistle
 * @feature F-OrdersWindow-CC-A16.0
 */
[data-role="driver-container"] [data-role="name"],
[data-role="driver-container"] [data-role="taxi-company-id"]
{
	flex: 2 auto;
}

[data-role="driver-container"] [data-role="name"]
{
	flex: 2 auto;
}

[data-role="pane-body"] [data-role="drivers-container"] [data-role="driver-container"] > *:not([data-role="status"])
{
	margin-right: 5px;
}

[data-role="driver-container"] [data-role="profile-image"] img
{
	border-radius: 5px;
}

[data-role="driver-container"] [data-role="profile-image"] img::before,
[data-role="driver-container"] [data-role="profile-image"] img::after
{
	content: "";
}

[data-role="driver-container"] [data-role="taxi-company-id"]
{
	justify-content: space-between;
	
	font-size: 0.7rem;
	
	white-space: nowrap;
}

[data-role="driver-container"] a
{
	text-decoration: none;
}

[data-role="pane-body"] [data-role="driver-container"] a[href*="mailto"]::before,
[data-role="pane-body"] [data-role="driver-container"] a[href*="tel"]::before,
[data-role="pane-body"] [data-role="driver-container"] [data-element="id"]::before,
[data-role="pane-body"] [data-role="driver-container"] [data-element="company"]::before,
[data-role="pane-body"] [data-role="driver-container"] [data-element="taxi"]::before
{
	line-height: 0;
}

[data-role="driver-container"] a[href*="mailto"]::before
{
	content: "\2709";
	font-size: 1.5rem;
}

[data-role="driver-container"] a[href*="tel"]::before
{
	content: "\1F4DE";
}

[data-role="driver-container"] [data-element="id"]::before
{
	content: "\1F194";
}

[data-role="pane-body"] [data-role="driver-container"] [data-element="taxi"]::before
{
	content: "\1F696";
}

[data-role="driver-container"] [data-element="company"]::before
{
	content: "\1F3E0";
}
/*[data-role="driver-container"] [data-role="email-phone"]
{
	justify-content: space-around;
	
	min-width: 140px;
	
	text-align: left;
}*/
/*
[data-role="driver-container"] [data-role="taxi-company-id"],
[data-role="driver-container"] [data-role="email-phone"]
{
	justify-content: space-between;
}
*/
[data-role="driver-container"] [data-role="status"]
{
	transition: background-color 1s ease-in-out, color 1s ease-in-out;
	border-radius: 5px;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 1px;

	margin: 0;
	padding: 0 2px;
	font-size: 0.7rem;
}

[data-role="driver-container"] [data-element="status"]
{
	width: 60px;
	
	font-style: italic;
	font-weight: bold;
	
	text-align: center;
}
/**
 * @auther Mafuzul Hoque
 * @fileName pane.css
 * @class Pane
 * @package app.whistle.component.pane
 * @feature F-OrdersWindow-CC-A16.0
 */

[data-role="panes-container"]
{
	display: flex;
	align-items: center;
	justify-content: center;

	height: 100%;
	
	overflow : auto;
}

[data-role="pane"]
{
	display: flex;
	flex-direction: column;
	height: 99.9%;
	width: 33%;
	
	background-color: #41b6c5;
	border-right: 1px solid;
}
[data-role="pane"] [data-role="header"]
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	height: 60pt;
	min-height: 60pt;
	
	border-bottom: 1px solid rgba( 0, 0, 0, 0.75 );/*1px solid rgba( 255, 255, 255, 0.75 );*/
}
[data-role="pane"] [data-role="header"] [data-role="pane-title"]
{
	letter-spacing: 1px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.95);
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"]
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	
	width: 100%;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"]
{
	display: flex;
	justify-content: center;
	align-items: center;
	
 	width : 48%;
/* 	margin: 0 3pt; */
	margin: 0 5pt 0 0;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"][data-item-for="reset"]
{
	width: auto;
	
	margin-left: 5pt;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-element="reset"]
{
	height: 20pt;
	
	padding: 0;
	padding-right: 0.65pt;
	padding-top: 2.25pt;
	padding-bottom: 0;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-element="reset"]::before
{
	content : attr(data-icon);
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-for]
{
	position: relative;
	width: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-for]::before
{
	content : attr(data-for);
	
	position: absolute;
	left: 3pt;
	top: -15pt;

	font-weight: 400; 
	font-size: 0.9rem;

	text-transform: capitalize;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"]:last-child [data-for]::before
{
	left: auto;
	right: 3pt;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-for]::after
{
	content : attr(data-icon);
	
	position: absolute;
	right: 3pt;
	top: 3pt;

	font-size: 0.9rem;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-for="sort"]::after
{
	transform: rotate(90deg);
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] input[type="text"]
{
	height: 25px;

	padding-top: 3pt;

	font-size: 1.2rem;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] input[type="checkbox"]
{
	position : absolute;
	
	width	: 0;
	height	: 0;
	
	opacity	: 0;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] input[type="checkbox"]+[data-role="sort-order"]
{
	max-width: 18.6667pt;
	width: 24.6667pt;
	height: 18.6667pt;
	
	margin-left: 3pt;
	
	border: 1px solid lightgray;
	background: white;
	
	text-align: center;
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] input[type="checkbox"]+[data-sort="true"]::after
{
	content : "\25B2";
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] input[type="checkbox"]:checked+[data-sort="true"]::after
{
	content : "\25BC";
}
[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="item"] [data-role="sort-order"]::after
{
	content : attr(data-icon);
}
[data-role="pane"] [data-role="header"] input[type="text"]::placeholder
{
	font-size: 0.9rem;
}

[data-role="pane"] [data-role="pane-body"]
{
	flex: 1 auto;

	overflow-y: auto;
}
[data-role="pane-title"]::after
{
	content : attr(data-title);
	font-weight: bold;
}

[data-role="pane"] [data-role="pane-body"] ul li:not([data-selected="true"]):first-child
{
    border-top: none;
}

[data-role="pane"]
{
	max-width: 600pt;
	min-width: 350pt;
}

[data-role="pane"] [data-role="email-phone"]
{
	justify-content: space-around;
	
	min-width: 140px;
	
	text-align: left;
}

[data-role="pane"] [data-filter="true"]
{
/* 	visibility : visible; */
	display : flex;
}

[data-role="pane"] [data-role="header"] [data-role="toolbar"] [data-role="auto-complete"] [data-role="item"]
{
	width: 100%;
	
	justify-content: start;
}

#order-detail-pane
{
	flex: 1 auto;
	
	max-width: none;
}