html 
{ 
	height                  : 100%;
    text-rendering          : optimizeLegibility !important;
    -webkit-font-smoothing  : antialiased !important;
}
body
{
	margin				: 0;
	padding				: 0;
	height				: 100%;
	font-size			: 8pt;
	font-family			: Tahoma, Arial, Verdana;
	/*-moz-user-select	: -moz-none;
    -khtml-user-select	: none;
    -webkit-user-select	: none;
    -ms-user-select		: none;
    user-select			: none;*/
}

.fullScale
{
    width               : 100%;
    height              : 100%;
    overflow            : hidden;
}
.block
{
    width               : 100%;
    display             : block;
}
.dxLabel
{
    float               : left;
    height              : 30px;
    line-height         : 30px;
    vertical-align      : middle;
    padding-right       : 10px;
    white-space         : nowrap;
}
*[clickable]
{
    cursor              : pointer;
}
.left
{
    float               : left;
}
.right
{
    float               : right;
}
.bold
{
    font-weight         : bold;
}
.rightAlignText
{
    text-align          : right;
}

.rightAlignTextAndMargin
{
    text-align          : right;
    margin-top          : 10px;
}

.comboBoxStyle
{
    margin-left         : 10px;
    float               : left;
    margin-top          : 10px;
}

.comboStartHoursStyle
{
    margin-top          : -30px;
    margin-left         : 245px;
}

.comboArriveHoursStyle
{
    margin-top          : -30px;
    margin-left         : 230px;
}

.dateEditStyle
{
    margin-top          : 45px;
    margin-left         : -100px
}

.dateEditStyleForArrive
{
    margin-top          : 45px;
    margin-left         : -80px
}


*:focus 
{
    outline				: none;
}
.selectablePageText
{
    /*-moz-user-select	: -moz-text;
    -khtml-user-select	: text;
    -webkit-user-select	: text;
    -ms-user-select		: text;
    user-select			: text;*/
}

#frmMain
{
    width               : 100%; 
    height              : 100%;
}
.topBand
{
	width				: 100%;
	height				: 75px;
	float				: left;
	display				: block;
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 1001;
}
/*
.notificationBand
{
	width				: 100%;
	height				: 33px;
	float				: left;
	background			: #172D41 url(images/main/arvento-logo.png) 0 0 no-repeat;
}
.notificationBand[beta]
{
    background			: #172D41 url(images/main/arvento-beta-logo.png) 0 0 no-repeat;
}
.notificationBand .versionWrapper
{
    position            : relative;
    left                : 170px;
    top                 : 0;
    height              : 33px;
    float               : left;
}
.notificationBand .version
{
    position            : absolute;
    bottom              : 2px;
    color               : #FFFFFF;
    font-weight         : bold;
    font-size           : 8pt;
    font-family         : Courier New;
}
.notificationBandBorder
{
	width				: 100%;
	height				: 2px;
	float				: left;
	background			: rgba(0, 0, 0, .16);
	z-index				: 1001;
}
.searchBarBand
{
	width				: 100%;
	height				: 41px;
	float				: left;
	background			: rgba(23, 45, 65, .20);
	z-index				: 1000;
	margin-top          : -2px;
}
.searchBarBand[active]
{
    background			: url(images/main/search-bar-bg.png) repeat-x; 
}
.searchBarBandBorder
{
	width				: 100%;
	height				: 1px;
	float				: left;
	background			: rgba(23, 45, 65, .40);
	z-index				: 1000;
}
*/
/* Global Shader */
.globalShader, .globalWaiter
{
    left                                : 0;
    top                                 : 0;
    width                               : 100%;
    height                              : 100%;
    z-index                             : 4999;
    background                          : rgba(0, 0, 0, 0.6);
}
.globalShader 
{
	position                            : fixed;
}

.globalWaiter
{
	position                            : absolute;
	background				            : rgba(255, 255, 255, 0.85) url(images/window/loading.gif) center center no-repeat;
}
.doubleLogin
{
    position                            : absolute;
    left                                : 0;
    top                                 : 0;
    width                               : 100%;
    height                              : 100%;
    z-index                             : 4999;
    background                          : rgba(0, 0, 0, 0.6);
}
.doubleLogin .warning
{
    position                            : fixed;
    left                                : 50%;
    top                                 : 50%;
    width                               : 480px;
    height                              : 270px;
    margin-top                          : -135px;
    margin-left                         : -240px;
    background                          : url(images/main/double-login.png) 10px center no-repeat;
}
.doubleLogin .warningTextContainer
{
    float                               : left;
    margin-left                         : 200px;
    margin-top                          : 173px;
    width                               : 250px;
    height                              : 90px;
}
.doubleLogin .warningText
{
    float                               : left;
    width                               : 100%;
    height                              : 20px;
    line-height                         : 20px;
    vertical-align                      : middle;
    display                             : block;
    color                               : rgba(255, 255, 255, 0.85);
}
.doubleLogin .warningText[icon]
{
    background                          : url(images/main/double-login-warning.png) 0 center no-repeat;
    text-indent                         : 25px;
}
/*
::-webkit-scrollbar 
{
    width                               : 6px;
}
::-webkit-scrollbar-track 
{
    -webkit-box-shadow                  : inset 0 0 6px rgba(0,0,0,0.3); 
	
}
::-webkit-scrollbar-thumb 
{
    background                          : #6c6c6c;
    -webkit-box-shadow                  : inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive 
{
	background                          : rgba(255, 0, 0, 0.4); 
}
*/
/*Text input*/
.placeHolder
{
    color: Dimgray;    
}



.editingBlock
{
    width                               : 100%;
    display                             : block;
    float                               : left;
    margin-top                          : 10px;
}
.editingLabel
{
    height                              : 28px;
    line-height                         : 28px;
    vertical-align                      : middle;
    font-weight                         : normal;
    float                               : left;
    min-width                           : 80px;
}
.colorWhite
{
    color                               : #FFFFFF;
}



/*Devexpress*/


.dxeHelpText_ArvDxTheme, 
.dxeTBValueToolTip_ArvDxTheme
{
    position    : relative;
    padding: 2px;
    background: #B8B8B8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #B8B8B8 solid 1px;
}

.dxeHelpText_ArvDxTheme:after, 
.dxeTBValueToolTip_ArvDxTheme:after 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width:6px 5px 6px 0;
    border-color: transparent #B8B8B8;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -6px;
    left: -5px;
    top: 50%;
}

.dxeHelpText_ArvDxTheme:before,  
.dxeTBValueToolTip_ArvDxTheme:before 
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width:  6px 5px 6px 0;
    border-color: transparent #B8B8B8;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -6px;
    left: -6px;
    top: 50%;

}
.whatIsNew
{
    position                            : absolute;
    right                               : -400px;
    top                                 : -360px;
    width                               : 400px;
    height                              : 360px;
    z-index                             : 1099;
    border-left                         : 1px solid #68b1df;
    border-bottom                       : 1px solid #68b1df;
	-webkit-border-bottom-left-radius   : 3px;
	-moz-border-radius-bottomleft		: 3px;
	border-bottom-left-radius			: 3px;
	-moz-box-sizing		                : border-box;
	box-sizing			                : border-box;
    background-color                    : #FFFFFF;	
    color                               : #172D41;
    cursor                              : pointer;
}
.whatIsNew[active]
{
    -webkit-box-shadow                  : 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow                     : 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow                          : 2px 2px 6px 0px rgba(0, 0, 0, 0.3);    
}
.whatIsNew h1
{
    margin-left                         : 0;
    margin-right                        : 0;
    margin-bottom                       : 0;
    margin-top                          : 10px;
    padding-left                        : 0;
    padding-right                       : 0;
    padding-top                         : 0;
    padding-bottom                      : 10px;
    border-bottom                       : 1px solid #68b1df;
    width                               : 100%;
    text-align                          : center;
    font-size                           : 12pt;
}
.whatIsNew ul
{
    font-size                           : 10pt;
}
.whatIsNew .editingLabel
{
    margin-left                         : 20px;
    height                              : 21px;
    line-height                         : 21px;
    white-space                         : nowrap;
}
.whatIsNew .editingLabel:first-of-type
{
    font-weight                         : bold;
}
.whatIsNew .editingBlock
{
    font-size                           : 10pt;
}
.whatIsNew .editingBlock:not(:first-of-type)
{
    margin-top                          : 0px;
    padding-bottom                      : 10px;
    border-bottom                       : 1px solid #68b1df;
}
.whatIsNew .container
{
    width                               : 100%;
    height                              : 270px;
    float                               : left;
    overflow-x                          : hidden;
    overflow-y                          : auto;
}
.whatIsNew .container .splitter
{
    float                               : left;
    width                               : 100%;
    height                              : 21px;
    line-height                         : 21px;
    vertical-align                      : bottom;
    border-bottom                       : 1px solid #68b1df;
    text-align                          : right;
}
.whatIsNew ul
{
    margin-top                          : 10px;
    margin-bottom                       : 0px;
    display                             : block;
    float                               : left;
    white-space                         : normal;
    width                               : 350px;
    font-size                           : 10pt;
}
.whatIsNew .close
{
    height                              : 20px;
    margin-left                         : auto;
    margin-right                        : auto;
    cursor                              : pointer;
    width                               : 100px;
    text-align                          : center;
    font-weight                         : bold;    
}
