/* =====================================================/ RESET \===================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	font-size: 12px; /* 100% */
	font-family: Arial, Helvetica, sans-serif;
	/* REMOVED: vertical-align: baseline; */
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing: 0;} /* REMOVE --> border-collapse: collapse */
/* =====================================================\ RESET /===================================================== */

BODY {margin:0;padding:2px;overflow:auto;background:White;height:auto !important}
IFRAME {margin:0;padding:0px;border:0 none;border-spacing:0}

/* -------------------------/ Master Page \------------------------- */
/* TabsUC */
.topMenu {padding:0;margin:0;width:100%;border:0 none;border-spacing:0;font-size:16px}
.topMenu TD {padding:0;margin:0;border:0 none;border-spacing:0}

.blue_line {background-color:#0B80D0}
.path_style {font-family:Arial;font-size:11px;font-weight:bold;color:Black}

TD.headerIcons {cursor:default;vertical-align:top;width:1%;height:24px;white-space:nowrap}
TD.alert_numbers_styles {cursor:default;height:19px;white-space:nowrap}
.alert_numbers_styles SPAN {font-family:Arial; font-size:12px}
.alert_numbers_styles SPAN.erDetail{font-size:16px;display:inline;height:16px;line-height:12px}
.alert_numbers_styles SPAN.erDetail SPAN {font-size:16px;height:16px;line-height:14px}
.alert_numbers_styles IMG {vertical-align:top}
.alert_numbers_styles #imgSoundIcon {cursor:pointer}
/*
.alert_numbers_styles A {margin:0;padding:0;vertical-align:top}
.alert_numbers_styles A > IMG {margin:0;padding:0;vertical-align:top}
*/

.tdLogout
{
	background-image: url(../../Images/Btn_1pix.gif) !important;
	height: 18px;
}

.logout_text
{
	background-color:transparent;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#0d4a82;
	height:16px;
	line-height:18px !important;
	border:0 none;
	margin:0 2px;
	padding:0 0 2px 0;
	cursor:pointer;
}

.logout_text_hover
{
	background-color:transparent;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#F56801;
	height:16px;
	line-height:18px !important;
	border:0 none;
	margin:0 2px;
	padding:0 0 2px 0;
	cursor:pointer;	
}

/* Master Header Buttons */
A.btnHome, A.btnKeypad, A.btnUser, A.btnHelp, A.btnMap, A.btnSettings, A.btnTabEdit, A.btnDashboard  {background: url(../images/HeadIcons.png) no-repeat;width:16px;height:16px;display:block}

A.btnHome               {background-position:0px 0px;margin:4px 0 0 1px;display:inline-block}
A.btnHome:hover         {background-position:0px -16px}

A.btnKeypad             {background-position:-16px 0px}
A.btnKeypad:hover       {background-position:-16px -16px}

A.btnUser               {background-position:-32px 0px}
A.btnUser:hover         {background-position:-32px -16px}

A.btnHelp               {background-position:-48px 0px}
A.btnHelp:hover         {background-position:-48px -16px}

A.btnMap                {background-position:-64px 0px;margin:4px 0 0 1px;display:inline-block}
A.btnMap:hover          {background-position:-64px -16px}

A.btnSettings           {background-position:-80px 0px}
A.btnSettings:hover     {background-position:-80px -16px}

A.btnTabEdit            {background-position:-96px 0px}
A.btnTabEdit:hover      {background-position:-96px -16px}

A.btnDashboard          {background-position:-112px 0px;margin:4px 0 0 1px;display:inline-block}
A.btnDashboard:hover    {background-position:-112px -16px}
/* -------------------------\ Master Page /------------------------- */


/* -------------------------/  Top Menu   \------------------------- */
DIV.fgMnu {min-width:440px;margin:0 5px}
.fgMnu {clear: both; padding: 0px 1px; height:16px; line-height:18px; z-index:999; position:relative}
.fgMnu > UL > LI > A {padding:2px 8px 2px 8px}
.fgMnu > UL > LI > UL {margin: 3px 0 1px 0}
.fgMnu UL {margin:0;padding:0;list-style:none}
.fgMnu LI {display:inline;position:relative}
/*.fgMnu A:hover {background: #eeeeee; color: #222222;}*/
.fgMnu UL :hover > A {background: #3D679C; color: #FFFFFF}

.fgMnu UL A {
	padding: 0px 10px 0px 10px;
	color: Black;
	text-decoration: none;
	font:Verdana,Arial;
	font-size:13px !important;
}
.fgMnu UL UL {
	display: block;
	height: auto;
	width: 150px;
	padding: 0;
	border: solid 1px #3D679C;
	
	position: absolute;
	visibility: hidden;
	top: 15px;
	margin: 0;
	z-index:1000;
}
.fgMnu UL UL LI {
	list-style: none;
}
.fgMnu UL UL A {
	display: block;
	height: auto;
	width: 130px;
	padding: 5px 10px 5px 10px;
	border:none;

	color: Black;
	/* line-height: 1em; */
}
.fgMnu UL UL A:hover { /* Sub Links on Mouse Over */
	background: #3D679C; color: #fff;
	/* background: #456b8d url(../js/jQuery/jquery-ui/images/ui-bg_glass_50_456b8d_1x400.png) 50% 50% repeat-x; color: #fff; */
	
	padding:5px 9px 5px 9px !important;
	border-left:1px solid transparent !important;
	border-right:1px solid transparent !important;
}
.fgMnu UL UL UL {
	width: 150px; top: -1px; /* -1: because of the border */
}

.fgMnu TABLE {position: absolute; top: 0px}

.fgMnu A.FmNoLnk {cursor:default;}

.fgMnu UL :hover UL,
.fgMnu UL :hover UL :hover UL,
.fgMnu UL :hover UL :hover UL :hover UL
{visibility: visible;}

.fgMnu UL :hover UL UL,
.fgMnu UL :hover UL :hover UL UL,
.fgMnu UL :hover UL :hover UL :hover UL UL
{visibility: hidden;}

.fgMnu UL :hover UL :hover UL :hover UL :hover UL {visibility: visible}


/* ======== LTR ======== */

.fgMnuLTR {direction:ltr;}
.fgMnuLTR LI {float:left;}
.fgMnuLTR UL UL {left:0px;}
.fgMnuLTR UL UL UL {left: 150px;}
.fgMnuLTR TABLE {left: 0px;}
.fgMnuLTR UL UL A {text-align:left;}
DIV.fgMnuLTR UL :hover > A {border-left: solid 1px #3D679C;padding-left:8px}
DIV.fgMnuLTR > UL > LI > A {border-left: solid 1px #D6E2EF;}
DIV.fgMnuLTR > UL > LI.FmFNL > A {border-left: 0px;}
.fgMnuLTR UL UL {background:#f5faff url(../Images/fgMenuBG.png) top left no-repeat}

/* ======== RTL ======== */

.fgMnuRTL {direction:rtl;}
.fgMnuRTL LI {float:right;}
.fgMnuRTL UL UL {right:0px;}
.fgMnuRTL UL UL UL {right: 150px;}
.fgMnuRTL TABLE {right: 0px;}
.fgMnuRTL UL UL A {text-align:right;}
DIV.fgMnuRTL UL :hover > A {border-right: solid 1px #3D679C;padding-right:8px}
DIV.fgMnuRTL > UL > LI > A {border-right: solid 1px #D6E2EF;}
DIV.fgMnuRTL > UL > LI.FmFNL > A {border-right: 0px;}
.fgMnuRTL UL UL {background:#f5faff url(../Images/fgMenuBG_RTL.png) top right no-repeat}

.fgMnuPopIcon {	vertical-align: middle; border: none; }
/* -------------------------\  Top Menu   /------------------------- */

/* -------------------------/ Cube Tables \------------------------- */
.CubeTable{background-color:#E4EEFF;border:1px solid #0C80D0;padding:8px}

.CubeTitle{background-color:#99CCFF;font-size: 12px; font-family: Verdana,Arial;font-weight: bold;}
.CubeInner{background-color:#E4EEFF;font-size: 12px; font-family: Verdana,Arial}
.CubeLine{background-color:#0C80D0;font-size: 12px; font-family: Verdana,Arial;height:1px}
.CubeTdLeftRight {border-left: #0C80D0 1px solid;border-right: #0C80D0 1px solid;padding-right: 2px;padding-left: 2px;}
.CubeTdBottom {border-bottom: #0C80D0 1px solid;padding-right: 2px;padding-left: 2px;}
.CubeTdBottomLeftRight{border-left: #0C80D0 1px solid;border-right: #0C80D0 1px solid;border-bottom: #0C80D0 1px solid;padding-right: 2px;padding-left: 2px;}
.CubeTdTop {border-top: #0C80D0 1px solid;}

TD.CubeForTable {padding:8px}
TABLE.CubeSubTable {border-collapse:collapse}
TABLE.CubeSubTable TD {padding:4px;border:1px solid #0C80D0}
TD.CubeFooterB,TD.CubeFooterE {padding:0 8px 8px 8px;white-space:nowrap}
/* -------------------------\ Cube Tables /------------------------- */


/* --------------/ Red, Green & Yellow border colors \-------------- */
.tbl_3colors {width:289px}
.tbl_red_top, .tbl_green_top, .tbl_yellow_top {font-weight:bold;font-size:14px;text-align:center}
.tbl_red_top { background: url(../images/tbl_red_top.png) no-repeat; height: 38px; color: #C50000; }
.tbl_red { background: url(../images/tbl_red.png) repeat-y; }
.tbl_red_bottom { background: url(../images/tbl_red_bottom.png) no-repeat; height: 27px; }
.tbl_green_top { background: url(../images/tbl_green_top.png) no-repeat; height: 38px; color: #005204; }
.tbl_green { background: url(../images/tbl_green.png) repeat-y; }
.tbl_green_bottom { background: url(../images/tbl_green_bottom.png) no-repeat; height: 27px; }
.tbl_yellow_top { background: url(../images/tbl_yellow_top.png) no-repeat; height: 38px; color: #917000; }
.tbl_yellow { background: url(../images/tbl_yellow.png) repeat-y; }
.tbl_yellow_bottom { background: url(../images/tbl_yellow_bottom.png) no-repeat; height: 27px; }
/* --------------\ Red, Green & Yellow border colors /-------------- */


/* ------------------------/ Table Wrapper \------------------------ */
.tblWrapper { border-right: #4b4f5b 1px solid; border-top: #4b4f5b 1px solid; background: #f5f5f5; overflow-x: hidden; margin: 2px auto 0px; overflow: hidden; border-left: #4b4f5b 1px solid; width: auto; color: #394b58; border-bottom: #4b4f5b 1px solid; cursor:default}
.tblWrapper TABLE { width: 100%; color: #394b58; border-collapse: collapse; }
.tblWrapper TH { padding-right: 6px; padding-left: 6px; background: #aaa8a8; padding-bottom: 4px; border-left: #dcdcdc 1px solid; color: #25323d; padding-top: 4px; text-align: left; }
.tblWrapper TABLE .first { border-right: 0px; border-top: 0px; border-left: 0px; color: #394b58; border-bottom: 0px; }
.tblWrapper TD { padding-right: 6px; padding-left: 6px; padding-bottom: 4px; border-left: LightGray 1px solid; color: #394b58; padding-top: 4px; }
.tblWrapper .odd TD { background: #dcdcdc; color: #394b58; }
.tblWrapper TD A { color: #627f94; }
.tblWrapper TD .red { border-right: #71040f 1px solid; border-top: #71040f 1px solid; background: #b80000; border-left: #71040f 1px solid; width: 10px; border-bottom: #71040f 1px solid; height: 10px; }
.tblWrapper TD .orange { border-right: #db8a02 1px solid; border-top: #db8a02 1px solid; background: #ffab00; border-left: #db8a02 1px solid; width: 10px; border-bottom: #db8a02 1px solid; height: 10px; }
.tblWrapper .odd { color: #394b58; }
.tblWrapper .tr_ligh_grey { background-color: #e9eaeb; }
.tblWrapper .grdWorkingHours_header { background-color: #aaa8a8 !important; font-weight: bold; text-align: center; }
.tblWrapper .divArrow { padding: 0px; background: url(../images/ComboArrow.gif) right top no-repeat; }
.tblWrapper select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.tblWrapper .popupArrow SPAN { background: url(../images/ComboArrow.gif) no-repeat; display:inline-block }
.tblWrapper .RegionGrpCTRL { width: 160px; }
/* ------------------------\ Table Wrapper /------------------------ */


/* ----------------------/ TELERIK OVERRIDES \----------------------- */
.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {width:100%;display:inline-block;margin:0;padding:0;list-style-type: none}
.rcbItem,.rcbHovered {border-bottom:1px solid #EBEBEB}
.rcbItem {border-bottom:1px solid #EBEBEB}
.rcbFooter {background-image:none !important;background-color:#ADD8E6 !important}
.RadWindow td.rwLoading, .loaderBG {background: white url('../Images/animated/ajax-loading.gif') no-repeat center !important}
/* ----------------------\ TELERIK OVERRIDES /----------------------- */


/* -------------------/ AJAX TOOLTIP OVERRIDES \--------------------- */
td.ajax__validatorcallout_callout_arrow_cell {padding: 8px 0px 0px 0px !important}
td.ajax__validatorcallout_callout_cell {padding: 0px !important}
td.ajax__validatorcallout_error_message_cell{font-family:Arial !important;font-size:11px !important;font-weight:bold !important;background-color:#FFFACD !important; border-top:1px solid !important; border-bottom:1px solid !important}
td.ajax__validatorcallout_icon_cell{background-color:#FFFACD !important;border-top:1px solid !important;border-left:1px solid !important;border-bottom:1px solid !important}
td.ajax__validatorcallout_close_button_cell{background-color:#FFFACD !important; border-top:1px solid !important; border-right:1px solid !important; border-bottom:1px solid !important}
.ajax__validatorcallout_popup_table{z-index:100;}
/* -------------------\ AJAX TOOLTIP OVERRIDES /--------------------- */


/* -----------------------/ jQuery Plugins \------------------------- */
/* Big Blue (Animated) */
.progBar1_outer { border-top: solid 1px #000; border-bottom: solid 1px #000; }
.progBar1_inner { position: relative; border-left: solid 1px #000; border-right: solid 1px #000; margin: 0pt -1px; height: 20px; background: #E4EEFF; }
.progBar1_indicator { width: 0px; height: 20px; background: #2F73A5 url('../Images/animated/animatedProgressBar.gif') repeat-x; overflow: hidden; }
.progBar1_finished { background: #3F7EA6; }

/* Small Gray (Not animated) */
.progBar2_outer { border-top: solid 1px #000; border-bottom: solid 1px #000; }
.progBar2_inner { position: relative; border-left: solid 1px #000; border-right: solid 1px #000; margin: 0pt -1px; height: 10px; background:#EAEAEA; }
.progBar2_indicator { width: 0px; height: 10px; background: #747474 url('../Images/progressGray.gif') repeat-x; overflow: hidden; }
.progBar2_finished { background: #7A7A7A; }

/* ToolTip */
.DefaultToolTipHover {position:absolute; padding:10px; z-index:999999999; white-space:normal; max-width:300px; color: #303030; background-color:#f5f5b5; border:2px solid #DECA7E; font-family:Sans-Serif, Arial; font-size:14px; line-height:18px; cursor:default}

/* jQuery UI Numeric Up/Down */
.ui-numeric { display: inline-block;text-align:right;direction:ltr;vertical-align:middle;height:17px;width:120px;margin:0 !important;padding:0 !important;white-space:nowrap}
.ui-numeric input[type=text] {border:0 none; text-align: right; margin: 1px; vertical-align: top; font-size:12px !important;width:64px;padding:0 !important;float:left}
.ui-numeric-currency { display: inline-block; padding: 0px 2px; vertical-align: top}
.ui-numeric-buttons { display: inline-block; padding-left: 2px;overflow:hidden;float:right}
.ui-numeric-buttons .ui-button { margin: 0px; width: 14px; height: 17px}
/* -----------------------\ jQuery Plugins /------------------------- */


/* ----------------------/ Vehicle Commands \------------------------ */
/* .vCmd {} */
.vCmd .list {padding:6px 0;cursor:default;text-align:center}
.vCmd .list UL {margin:0;padding:0;list-style:none}
.vCmd .list LI {width:184px;height:40px;display:inline-block;position:relative;padding:0 6px;margin:4px;text-align:center;overflow:hidden;cursor:pointer}
.vCmd .list LI:hover {border: 1px solid #486d8e; background: #ffdc4f url(../js/jQuery/jquery-ui/images/ui-bg_glass_0_ffdc4f_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #37536f}
.vCmd .list LI DIV {width:184px;height:40px;display:table-cell;vertical-align:middle;line-height:normal}
.vCmd .list .noSupport {font-size:14px;padding-top:20px}

.vCmd .property {cursor:default}
.vCmd .property .title {font-size:14px;text-align:center;font-weight:bold;border-bottom:1px dotted #666666;padding:0 0 12px;margin:-21px 0 10px 0}
.vCmd .property .desc {margin-bottom:24px;display:inline-block}
/* .vCmd .property .dynamic {} */
.vCmd .property .cancelInfo {font-size:14px;text-align:center;font-weight:bold;color:#800000;padding-top:16px}

.vCmd .progress {cursor:default;text-align:center}
.vCmd .progress .title {display:block;padding:30px 0 16px 0;font-size:14px;color:#444444;font-weight:bold}
.vCmd .progress .status {display:block;padding:16px 0 0 0;font-size:14px;color:#000000}
.vCmd .progress .remark {display:block;padding:16px 0 0 0;font-size:11px;position:absolute;bottom:2px;left:0px;width:100%;padding:4px 0px;background-color:#fff;text-align:center}
.vCmd .progress .circle {background: url('../Images/animated/ajax-loading.gif') no-repeat center !important;height:31px}

.vCmd .footer {position:absolute;bottom:0px;left:0px;width:100%;background-color:#fcfdfd}
.vCmd .footer > DIV {padding:0.5em 1em}

.vCmd .employeeList {position: absolute; top: 36px; bottom: 0; overflow-x:hidden; overflow-y: scroll; border-top: 1px dotted #82A5C4; right: 0; left: 0; padding: 5px 8px }
/* ----------------------\ Vehicle Commands /------------------------ */


/* -----------------------/ Popup Panel BG \------------------------- */
.ppPrBG { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0; margin: 0;
          background-color: #000; opacity: 0.1; filter: alpha(opacity=10); height: 100%; z-index: 1000000 }
.ppPrDiv { position: fixed; z-index: 1000001; background-color: transparent; cursor:default; overflow: hidden;
           top: 35%; left: 0px; right: 0px }
.ppPrDiv > DIV { position: static; padding: 10px; background-color: transparent;
				 margin: 0 auto; width: 200px; text-align:center }
/* -----------------------\ Popup Panel BG /------------------------- */


/* -----------------------/ Toaster Message \------------------------ */
.toaster {position:absolute;z-index:99999999;overflow:hidden;border:none;background-color:transparent}
.toaster > DIV {position:absolute;display:none;z-index:99999999;border:4px solid #416484;cursor:default;
                background: #d4dee7 url(../images/edit_region_bg.jpg) repeat-x}

.toaster > DIV .title {border:0;background-color:#416484;color:#fff;font-weight:bold;font-size:12px;padding:2px 0;line-height:14px;height:16px}
.toaster > DIV .title > .txt {overflow:hidden; width:85%;white-space:nowrap}

.toaster > DIV .msg {margin:10px auto;text-align:center;display:block;color:#003764}
.toaster > DIV .msg LABEL {margin:0 10px;display:block;cursor:inherit}
.toaster > DIV .msg A {color:#004E8C;font-weight:bold;text-decoration:none;cursor:pointer !important}
.toaster > DIV .msg A:hover {color:#006CC6}
/* -----------------------\ Toaster Message /------------------------ */


/* ----------------------/ TABLES with DIV's \----------------------- */
.table-container,                                       /* A */
.table_body                                             /* B */
    { display: table; cursor: default }

    .table-container .table-row,                        /* A */
    .table_row                                          /* B */
    { display: table-row; }

        .table-container .table-row .table-cell,        /* A */
        .table_cell                                     /* B */
        { display: table-cell; }
/* ----------------------\ TABLES with DIV's /----------------------- */


/* ---------------------------/ GLOBAL \----------------------------- */
.PageContent {padding:0px !important;border-top:0 none;border-right:1px solid #0B80D0;border-bottom:1px solid #0B80D0;border-left:1px solid #0B80D0}
H1 SPAN {font-weight:normal;font-size:14px;color:#606262}

A.aBtn {border:1px solid #2C4661;padding:2px 6px;text-decoration:none;color:#FFFFFF;font-size:12px;white-space:nowrap;background-color:#436C96;display:inline-block;font-weight:bold;line-height:13px;text-align:center}
A.aBtn:hover {color:#2C4661;background-color:#9CB8D3}

A.aLnk {text-decoration:none;color:#000066;white-space:nowrap;display:inline-block;font-weight:bold}
A.aLnk:hover {color:#0D0DFF;text-decoration:underline}

.NoWrap {white-space:nowrap}
.Wrap {white-space:normal}
.gPad {padding:8px}
.pad0 {padding:0 !important}
.pad4 {padding:4px}
.pad7 {padding:7px}
.padVer4 {padding:4px 0}
.padTop4 {padding-top:4px}
.padHor2I {padding-left:2px !important; padding-right:2px !important}
TABLE.gPadTabTD > TBODY > TR > TD , TABLE.gPadTabTD > TR > TD {padding:2px}
.width1p {width:1%}
.width99p {width:99%}
.width100p {width:100%}
.width100pI {width:100% !important}
.all100p {width:100%;height:100%}
.marCenter {margin-left:auto !important;margin-right:auto !important} /* Great for TABLE align to center */
.cursorDef {cursor:default}
.dHidden {display:none !important}
.dInBlok {display:inline-block !important}
.dBlok {display:block !important}
.dInTable {display:inline-table !important}
.fixNearCB {line-height:18px;vertical-align:bottom}
.clearBoth {clear:both}

.noPEvents {pointer-events: none;-moz-user-select:none; -webkit-user-select:none}   /* <-- Set: Mouse overlay ignored (goes good with class ".NoSelection") */
.NoSelection {-moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none}  /* <-- Set: no DOM selection, supporting all browsers */

.fixCB { vertical-align: text-top; }
.oflowHide { overflow: hidden !important}
.oflowAuto { overflow: auto !important}
.bold {font-weight:bold}

.weight700 { font-weight: 700 }

/* Buttons / Links: */
A.btnGHelp { width:16px; height:16px; display:block; background: url(../images/GMap/GMapButtons.png) no-repeat -48px 0px; cursor:default}
A.btnGHelp:hover { background-position: -48px -16px}

A.btnGDelete { width:16px; height:16px; display:block; background: url(../images/GMap/GMapButtons.png) no-repeat -16px -32px; cursor:pointer; display:inline-block}
A.btnGDelete:hover { background-position: -16px -48px}

/* Colors: */
.colorRedB {color:#800000 !important;font-weight:bold !important}
.colorBlueB {color:#003C77 !important;font-weight:bold !important}
.colorGreenB {color:#006600 !important;font-weight:bold !important}

/* Languages issues (For both LTR/RTL): */
.alignL {text-align:left}
.alignR {text-align:right}
.alignC {text-align:center}
.dirLTR {direction:ltr}						/* Use it for AJAX Tooltip for example */
.dirRTL {direction:rtl}						/* Use it for RTL combination on client for example */
.dirLeft {text-align:left;direction:ltr}	/* align to LEFT for all languages directions - use it for English fields (emails, phone numbers, etc...) */
.dirNum {text-align:right;direction:ltr}    /* use it for number fields */

/* Forms */
.Asterisk {color:Red;font-family:Verdana;font-size:12px !important;line-height:12px !important;vertical-align:text-bottom !important;font-weight:bold;display:inline !important}
.Bullet   {color:Red;font-family:Verdana;font-size:12px !important;line-height:12px !important;vertical-align:baseline !important}

.DivFullScreenLock {position:absolute; top:0; left:0; background-color:Black; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; width:100%; height:100%; display:none; z-index:999}
.DivFullScreenLock2 {position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.20); display:none; z-index:999; cursor: default}

/* Dynamic DropDownList */
SELECT.popupDDL {position:absolute;display:none;border:1px solid #333333;width:auto;font-size:12px;font-family:Arial}
A.popupDDL {position:absolute;display:none;padding:0px 2px 1px 2px;text-decoration:none;background-color:#333333; color:White;font-weight:bold;font-family:Verdana,Arial;font-size:11px;line-height:12px;text-align:center}

/* Miscs */
.tdS1 {white-space:nowrap}
.tdS1 INPUT {vertical-align:text-bottom}

.flipIt {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

/* Borders */
.borRou5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.borRou12 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.borRou12 label { font-size: 16px; }
.borRou12-top,
.borRou12-left,
.borRou12-tl { border-top-left-radius: 12px; }
.borRou12-top,
.borRou12-right,
.borRou12-tr { border-top-right-radius: 12px; }
.borRou12-bottom,
.borRou12-left,
.borRou12-bl { border-bottom-left-radius: 12px; }
.borRou12-bottom,
.borRou12-right,
.borRou12-br { border-bottom-right-radius: 12px; }

/* Lists */
ul.defaultList {list-style: none; display:block;position:static;margin:0;padding:0;width:auto;height:auto;white-space:nowrap;font-family: Arial}
ul.defaultList > DIV {white-space:normal}
ul.defaultList li {display:block; padding:2px 6px 2px 6px;cursor:pointer;text-decoration:none;font-size: 12px;color: #2c4258;width:auto}
ul.defaultList li:hover {background-color: #ffdc4f;width:auto; color:Black}
ul.defaultList li.selected {background-color: #456B8D; font-weight: normal; color: #FFFFFF}

.ReadOnlyInput input[readonly="readonly"]
{
    background-color:white;
    color: Gray;
}

/* jQuery-UI Dialog: Tight content fix */
.tightDialog { cursor: default }
.tightDialog .ui-dialog-titlebar.ui-corner-all { border-bottom-left-radius: initial; border-bottom-right-radius: initial }
.tightDialog .ui-dialog-content{ padding: 0 !important }
.tightDialog .ui-dialog-buttonpane { margin-top: 0 !important; /*padding: 4px !important*/ }

/* ---------------------------\ GLOBAL /----------------------------- */

/* ----------------------/ jQuery-UI FIX's \------------------------- */
.ui-front {	z-index: 1001 !important }
.ui-dialog { z-index: 1002 !important }
.zIndexAuto { z-index: auto !important }
/* ----------------------\ jQuery-UI FIX's /------------------------- */


/* ---------------/ select2 jQuery-Plugin FIX's \-------------------- */
.select2-drop { line-height: normal }
.select2-container .select2-choice { height: 24px !important; line-height:24px !important }
.select2-search-choice-close { top: 7px !important }
/* ---------------\ select2 jQuery-Plugin FIX's /-------------------- */

/* -------------------------/ JQI - Fixes \-------------------------- */
.jqibox {
            -webkit-user-select: none ;-moz-user-select: none ;-khtml-user-select: none ;-ms-user-select: none ;-o-user-select: none ;user-select: none; /* <-- unselectable */
            cursor: default
}
.jqibutton, .jqiclose { cursor: pointer !important }
/* -------------------------\ JQI - Fixes /-------------------------- */

/* IE10 fix - remove all clear x inside inputs */
.IERemoveX input::-ms-clear { display: none; }

TABLE.TEST_TABLE_BORDER > TR > TD, TABLE.TEST_TABLE_BORDER > TBODY > TR > TD, DIV.TEST_TABLE_BORDER {border:1px solid Red !important}

.table-container.borRou12.dInBlok {
    width: 100%;
    max-width: 250px;
    min-width: 24%;
}

/* Fix after Telerik migration */
.RadMultiPage {
    height: 100%;
}

.gPad {
    height:100%;
}

#frmDrivingAnalysis, #frmFleetManagement {
    width: 100%;
    height: 350px;
}

.password-wrapper {
    position: relative;
    display: inline;
}

.eye-show, .eye-hide {
    width: 16px;
    top: -1px;
    cursor: pointer;
    position: absolute;
}

.eye-hide {
    display: none;
}

.d-flex {
	display: flex !important;
}