body * {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

body
{
	background-color:rgb(230,235,236);
	margin:0;
	color: rgb(74, 74, 74);
	font-size: 13px;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-ms-touch-action:none;
	/*touch-action:none; Rotem - bug #95147 */
}

/* not for wp8 */
body.Chrome, body.Safari, body.Windows_NT, body.Android
{
    overflow: hidden;
}

body.Android #frmSyncDictionaries,
body.Android .PanelSideMenu
{
	-webkit-transform: translate3d(0,0,0);
}

a
{
	background-color: White;
	margin:0;
	color:#0271B6;
	font: normal 12px;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	cursor: default;
}

a imgbutton_disabled
{
	border:0px;
}

.loadingSpinner 
{
  margin: 30px auto 0;
  width: 70px;
  text-align: center;
}

.loadingSpinner > div 
{
  width: 10px;
 height: 10px;
  background-color: #0271B6;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loadingSpinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loadingSpinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.belowLoadingAnimation
{
margin-top: 10px;
color: #057BC5;
text-align: center;
font-size: 20px;
transition: all .2s ease-in-out;
-webkit-animation: cmFadeIn .6s ease-in;
animation: cmFadeIn .6s ease-in;

}

#frmLoginIFrame {		
	position: absolute;
	height: 100%;
}

.TextBoxControlExpendButton
{
    height: 30px;
    -webkit-transform: translate3d(0,0,0);
    float: right;
    margin-top: -7px;
    margin-right: -10px;
    margin-bottom: -20px;
}

.TextBoxControlExpendButtonIcon
{
    background-size: 25px;
	background-image: url('../Images/textbox_expendable_open.png');
    background-repeat: no-repeat;
	width: 25px;
    height: 25px;
    background-position: 0px 0px;
    cursor: pointer;
}

canvas
{
	-webkit-transform: translate3d(0,0,0);
}

.inputfile { 
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
}

.PanelSideMenu 
{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: #2C3030;
	padding-bottom:60px;
}

.PanelSideMenuItem
{
	width: 100%;
	height: 35px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	transition: all .16s ease-in-out; 
    -webkit-transition: all .16s ease-in-out; 
}

.PanelSideMenuItem .PanelSideMenuItemIcon
{
	height: 35px;
	width: 35px;
	background-size: 32px 32px !important;
	background-repeat: no-repeat !important;
	background-position: 7px 3px !important;
	margin-left: 3px;
}


.PanelSideMenuItem .PanelSideMenuItemText
{
	color: #ecf0f1;
	position: absolute;
	top: 0;
	left: 44px;
	right:0;
	bottom: 0;
	height: 35px;
	white-space: nowrap;
}

.PanelSideMenuItem .PanelSideMenuItemTextInner
{
	margin-top:12px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px !important;	
}

.PanelSideMenuSeparator 
{
	margin-top: 5px;
}

.PanelSideMenuSeparator div:nth-child(1)
{
	padding-left: 5px;
	color: #9A9A9A;
	font-size: 12px;
}

.PanelSideMenuSeparator div:nth-child(2)
{
	height: 1px;
	background-color: #848A8A;
	margin-top: 5px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
	
}

.clear { clear: both; height: 50px; }


#connectionBanner {
    background-color: #33cc33;
    color: white;    
    width:100%;
    position: fixed;
    bottom: 0px;
    height: 50px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
     transition: background-color 2s ease-out;   
}


#connectionTable
{
    overflow-x:auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 0px;
    margin-top:10px;
}

#connectionTable td
{
    text-align:center;
}

#tdLastOnline
{
    white-space: pre-line;
    width: 50%;
}

#tdPendingRequests, #tdConnecitonStatus
{
    width: 25%;
}

.connection_status_bar_container 
{
	position: absolute;
	height: 22px;
	left: 0;
	bottom: 22px;
	width: 200px
}

.connection_status_bar_left_inner
{
	width: 12px;
	box-sizing: border-box;
	width: 0px;
	height: 0px;
	border-top: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid rgba(0, 0, 0, 0);
	border-right: 11px solid #104097;
	height: 100%;
	margin-left: 3px;
	float: left;
}

.connection_status_bar_middle_inner
{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%,#0271B6 100%);
	height: 100%;
	float: left;
	font-size: 14px;
	overflow: hidden;
	box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.5);
}

.connection_status_bar_middle_inner_text 
{
	text-shadow: 1px 1px 0px #0A0A0A;
	margin-left: 1px;
	margin-top: 3px !important;
	color: #FFF;
}

.connection_status_bar_right_inner
{
	width: 20px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%,#0271B6 100%);
	height: 100%;
	float: left;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.59);
}

.connection_status_bar_circle
{
	border: 1px solid rgb(68, 68, 68); 
	border-radius: 12px;
	height: 20px;
	background-repeat: no-repeat !important;
	background-position: 0px 1px !important;
	margin-top: 1px;
}

.connection_status_bar_circle_red
{
	background: url('../Images/circle_red18.png');
}

.connection_status_bar_circle_green
{
	background: url('../Images/circle_green18.png');
}

.connection_status_bar_circle_orange
{
	background: url('../Images/circle_orange18.png');
}

.adaptive_ui_panel 
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-ms-user-select: none;
	background-color: #0271B6;	
	-webkit-animation: cmFadeIn .1s ease-in;
	animation: cmFadeIn .1s ease-in;
}

.adaptive_ui_panel_resize
{
	-webkit-user-select: none;
	-ms-user-select: none;
}

.adaptive_ui_panel_resize_top
{
	border-bottom: 2px dashed black;
}

.adaptive_ui_panel_resize_bottom
{
	border-top: 2px dashed black;
}

.adaptive_ui_panel_resize_right
{
	border-left: 2px dashed black;
}

.adaptive_ui_panel_resize_left
{
	border-right: 2px dashed black;
}

.adaptive_ui_panel_tab
{
	position:absolute;
	z-index: 1;
	overflow:hidden;
	width: 0px;
	height: 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.adaptive_ui_panel_tab * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.adaptive_ui_panel_tab_toggle_button 
{
	display: none;
	position: absolute;
	z-index: 2;
	right:8px;
	bottom:8px;
	width: 40px;
	height: 40px;
	background-image: url("../Images/Panel_Labels_Hide.png");
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.adaptive_ui_panel_tab_toggle_button_hidden
{
	background-image: url("../Images/Panel_Labels_Show.png") !important;
}

.adaptive_ui_panel_tab_align_left
{
	background-image: -webkit-gradient(linear, left bottom, right bottom, from(#0271B6), to(#0177c1));
	background-image: -ms-linear-gradient(top, #0271B6 0%, #0177c1 100%);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.adaptive_ui_panel_tab_align_right
{
	background-image: -webkit-gradient(linear, left bottom, right bottom, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%, #0271B6 100%);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.adaptive_ui_panel_tab_align_top
{
	background-image: -webkit-gradient(linear, right bottom, right top, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%, #0271B6 100%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.adaptive_ui_panel_tab_align_bottom
{
	background-image: -webkit-gradient(linear, right top, right bottom, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%, #0271B6 100%);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.adaptive_ui_panel_tab #adaptive_ui_panel_tab_pin
{
	position:absolute;
	left:2px;
	top:2px;
	width: 16px;
	height: 16px;
	background-image: url("../Images/panel_unpinned.png");
	background-repeat:no-repeat;
}

.adaptive_ui_panel_tab #adaptive_ui_panel_tab_title
{
	position:absolute;
	left: 20px;
	top: 4px;
	bottom:2px;
	right: 4px;
	word-break:break-all;
	overflow:hidden;
	color: white;

font-size: 10px;
text-shadow: 1px 1px 0px #202020; 
font-weight: bold;

}

.adaptive_ui_panel_tab_pinned #adaptive_ui_panel_tab_pin
{
	background-image: url("../Images/panel_pinned.png");
}

.adaptive_ui_panel_tab_no_space #adaptive_ui_panel_tab_pin
{
	background-color: #A00000;
	border-radius: 8px;
}

.adaptive_ui_panel_tab_vertical #adaptive_ui_panel_tab_title
{
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 0% 0%;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: 0% 0%;
	transform: rotate(270deg);
	transform-origin: 0% 0%;
	height: 16px;
	width: 71px;
	bottom: -12px;
	left: 2px !important;
	right: 2px !important;
	top: auto !important;
	color: white;
	font-size: 11px;
}

.adaptive_ui_panel_mask
{
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	display:none;
	z-index: 1;
}

.cm_ui_widget_bar_touch
{
	overflow: initial !important;
	bottom: initial !important;
	min-height: initial !important;
}

.cm_ui_widget_bar_touch_horizontal
{
	overflow: initial !important;
	right: initial !important;
	min-height: initial !important;
}

.cm_ui_widget_bar_auto_size
{
	right: 0px !important;
	bottom: 0px !important;
}


.cm_ui_widget_bar_touch_scroller
{
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.cm_ui_widget_bar 
{
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.cm_ui_widget_container
{
	border: 1px solid #0271B6;
	margin: 2px;
	display: block;
	border-radius: 5px;
	background-color: #ecf0f1;
}

.cm_ui_widget_bar .cm_ui_widget_master 
{
	vertical-align: top;
	width: 100%;
	display: block;
}

.cm_ui_widget_master_auto_size .cm_ui_widget_container {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.cm_ui_widget_master_auto_size .cm_ui_widget_title {
	cursor: default !important;
}

.cm_ui_widget_master_no_title .cm_ui_widget_title {
	display: none !important;
}

.cm_ui_widget_master_no_title .cm_ui_widget_content {
	left: 0px !important;
}

.cm_ui_widget_container .cm_ui_widget_title
{
	height: 25px;
	border-bottom: 1px solid #0271B6;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177c1 0%, #0271B6 100%);
	padding-left: 2px;
	cursor: pointer;
	position: relative;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}

.cm_ui_widget_title .cm_ui_widget_title_inner
{
	height: 16px;
	overflow: hidden;
	word-break: break-all;
	position: absolute;
	bottom: 2px;
	top: 5px;
	left: 5px;
	font-weight: bold; 
	font-size: 12px;
color: white;
text-shadow: 1px 1px 0px #3D3C3C; 

}

.cm_ui_widget_container .cm_ui_widget_content
{
	width:100%;
	overflow: hidden;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 5px;
}

.cm_ui_widget_bar_horizontal 
{
	overflow-y: initial;
	overflow-x: auto;
	white-space: nowrap;
}

.cm_ui_widget_bar_horizontal .cm_ui_widget_container
{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.cm_ui_widget_master {
	position: relative;
}

.cm_ui_widget_bar_horizontal .cm_ui_widget_master 
{
	width: initial;
	height: 100%;
	display: inline-block;
}

.cm_ui_widget_bar_horizontal .cm_ui_widget_content
{
	position: absolute;
	display: block;
	left: 21px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: auto;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.cm_ui_widget_bar_horizontal .cm_ui_widget_title
{
	overflow: hidden;
	position: absolute;
	width: 20px;
	top: 0;
	bottom: 0;
	height: auto;
	border-bottom: initial !important;
	border-right: 1px solid #0271B6;
	background-image: -webkit-gradient(linear, left bottom, right bottom, from(#445E8F), to(#2E4775));
	background-image: -ms-linear-gradient(top, #445E8F 0%, #2E4775 100%);
	padding-left: initial !important;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;

}

.cm_ui_widget_bar_horizontal .cm_ui_widget_title_inner {
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 0% 0%;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: 0% 0%;
	transform: rotate(270deg);
	transform-origin: 0% 0%;
	height: 20px;
	width: 92px;
	bottom: -15px;
	left: 2px;
	top: auto !important;
	font-weight: bold; 
	font-size: 12px;
}

.cm_ui_form_paging_indication 
{
    height: 15px;
	visibility: visible; 
    text-align: center; 
    margin-bottom: 1px; 
    margin-top: -11px;
}

.cm_ui_form_paging_indication .cm_ui_form_paging_indication_tab
{
	background-color: darkgray;
	border-radius: 10px;
	margin-right: 3px;
	margin-left: 3px;
	height: 2px;
	width: 12px;
	display: inline-block;
}

.cm_ui_window_outer_surface {
	position: absolute;
	left: 0px;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.cm_ui_window_outer_surface_dark 
{
	background-color: rgb(0, 0, 0);
	opacity: 0.3;
	/*Idan Ofek - Bug 68410 - Black screen shown in the background for a milisec whenever any window/alert pops-up  */
	/*change animation time into .00001s*/
	/*-webkit-animation: cmFadeIn .00001s;
	animation: cmFadeIn .00001s;*/
}

.cm_ui_window_inner_surface {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0.5);
}

.cm_ui_window_title_surface .cm_ui_window_title_inner_surface {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
}

.cm_ui_window_content_surface {
	min-height: 50px;
	background-color: #ecf0f1;
	padding: 3px;
	position: relative;
}

.cm_ui_window_text_content_surface {
	margin:15px; 
	background-color:#F4F3F0; 
	min-height:30px; 
	padding:5px;
}

.cm_ui_window_buttons_surface {
	background-color: #ecf0f1;
	text-align: center;
	padding: 0px;
	padding-bottom: 19px;
	z-index: 3;
	position: relative;
}

.cm_ui_window_buttons_surface_flat {
	background-color: #ecf0f1;
	text-align: center;
	padding: 0px;
	padding-bottom: 0px;
	z-index: 3;
	position: relative;
}

.cm_ui_window_sys_notification {
    background: url(../Images/fieldservice.jpg) no-repeat;
    background-size: cover;
    Height: 100%;
}

.cm_ui_auto_refresh_text_area {
    text-align: center;
    margin: 15px;
    max-width: 350px;
}


.cm_ui_window_sys_notification_text {
    text-align: center; 
    margin: 20px; 
    font-size: 15px;
}

.cm_ui_window_buttons_button {
	margin: 3px;
}

.cm_ui_window_table_structure_full_screen {
	height: 96% !important;
	width: 96% !important;
}

.cm_ui_window_table_structure_flat {
	height: 100% !important;
	width: 100% !important;
}

/*Polina: Bug #70062*/
.cm_ui_window_table_structure_fixed {
	width: 300px;
}

.cm_ui_window_table_structure_full_screen .cm_ui_window_content_surface {
	height: 100% !important;
}

.cm_ui_window_table_structure_flat .cm_ui_window_content_surface {
	height: 100% !important;
	padding: 0px;
}

.cm_ui_window_table_structure tr:nth-child(2) {
	height: 100%;
}

.cm_ui_window_table_structure tr td {
	padding: 0px;
	vertical-align: top;
}

.button_min 
{
	display: -webkit-inline-box !important;
	display: inline-block !important;
	margin-right: 3px;
	margin-left: 3px;
	min-width: 55px;
}

.button_with_icon
{
	min-width: 0;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 8px 17px 7px;
	height: 19px;
	cursor: pointer;
	background-color: #0271B6;
	color: white;
}

.button_with_icon_alert
{
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding-top: 9px;
	padding-right: 5px;
	height: 19px;
	display:inline;
	cursor:pointer;
}

.iconPlaceHolder
{
	position:relative;
}

.iconImage
{
	position: relative;
	width: 30px;
}

.iconBadgeShadow
{
	height: 18px;
	position: absolute;
	width: 18px;
	right: -9px;
	top: -21px;
	opacity: 0;
}

.iconHalo
{
	background-image: -webkit-gradient(radial, center center, 5, center center, 50, color-stop(0.1, white), color-stop(0.6, rgba(255, 255, 255, 0)));
	background-image: -ms-gradient(radial, center center, 5, center center, 50, color-stop(0.1, white), color-stop(0.6, rgba(255, 255, 255, 0))); /*???*/
	height: 60px;
	width: 60px;
	position: absolute;
	opacity: .9;
	top: -32px;
	right: -15px;
	display: none;
}

.iconBadge
{
	position: absolute;
	background-color: #e74c3c;
	border: 1px solid white;
	right: -11px;
	top: -23px;
	font-size: 11px;
	color: white;
	/*font-weight: bold;*/
	text-indent:-1px;
	opacity:0;
	box-shadow: 1px 1px 2px rgba(92, 92, 92, 0.30);
	/*padding: 1px 0;*/
}

.iconShine
{
	position: absolute;
	height: 58px;
	width: 58px;
	background-image: -webkit-gradient(radial, center center, 0, center center, 19, color-stop(0.1, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0)));
	background-image: -ms-gradient(radial, center center, 0, center center, 19, color-stop(0.1, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0))); /*???*/
	left: -14px;
	top: -35px;
	display:none;
}

.iconTapSurface
{
	position: absolute;
	height: 40px;
	width: 40px;
	left: -5px;
	top: -25px;
	display: block;
	opacity:0;
	background-color: #e74c3c;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#Close
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.yellowArrow
{
	position: absolute;
	right: 20px;
	top: 14px; 
}

#alertsPanelDetailsTitle
{
	font-size: 15px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 8px;
	color: #0271b6;
}

.alertInboxItem
{
	position: relative;
	background-color: #E4E8E9;
	padding: 10px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: left;
	padding-right: 40px;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.alertInboxNewItem
{
	position: relative;
	background-color: white;
	padding: 10px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: left;
	padding-right: 40px;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.alertItemCaption
{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	color: #0271b6;
}

.alertItemDescription
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.inboxContainer > div:first-child
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.inboxContainer > div:last-child
{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.followUpIndication
{   
	top: 20px;
	right:37px;
	position: absolute;
	opacity: 0.8;
}

.captionSmall
{
	font-size: 14px; 
}

#emptyInbox
{
	position: relative;
	right: 10px;
	opacity: 0.95;
	cursor: pointer;
	bottom: 8px;
	padding: 6px;
}

.noAlertMsg
{
	height: 50%;
	position: relative;
	bottom: -100%;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #F8DA5D;
	color: rgba(143, 116, 2, 0.6);
}

.button1_icon
{
	width:50px;
}

.button1_down
{
	background-color:#d6e0fa;
	background-image:none;
}

.label1
{
	font-size:15px;
	margin-bottom:15px;
}

.tableHeaders {
	font-size: 140%;
	padding-left: 2px;
}

.tableData
{
	font-size:110%;   
}

.headerMenu
{
	display:none;
	z-index:100;
	position:absolute;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*color:#253F6D;*/
	/*border: 2px solid rgba(172, 172, 172, 0.59);*/
	padding:10px;
	right:8px;
	top: 58px;
	width:190px;
	background: rgb(238,243,243);
	box-shadow: 0px 1px 4px rgba(155,152,152,0.7);  
}

.headerMenu ul
{
	padding:0;
	margin:0;
}

.headerMenu ul li
{
	list-style: none;
	line-height:20px;
	border-bottom:1px solid grey;
	cursor:pointer;
}

#footer
{
	margin:10px 0;
	text-align:center;
	font-weight:bold;
	color:#687183;
}


/* ALERTS TOP PANEL */
#alertsPanel
{
	background-color: #d0d9db;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	height: 50px;
}

#alertsPanel .title
{
	color: #0271b6;
	font-size:14px;
	font-weight: bold;
}

#alertsPanel .more
{
	color:#626b7b;
	font-size:14px;
}

#alertsPanel > .textHolder
{
	display: none;
	margin-left: 10px;
	padding-right: 30px;
	padding-top: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

#alertsPanel > .col-r
{
	margin: 7px 5px;
}

#alertsPanelDetails
{
	display:none;
	color:#3a3a43;
	text-align:center;
	padding:5px 4px;
	position:relative;
	right:0;
	left:0;
	bottom:0;
	top:0px;
	background-color: #d0d9db;
}

#alertsPanelDetailsMain
{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 20px;
	top: 38px;
	margin: 0 4px 0 4px;
}

#alertsPanelDetailsFooter
{
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
}

#alertsMarginPanel
{
	display:none;
	height: 2px;
	background-color: #B4BEC0;
}

.alertsOneLine
{
	line-height: 32px;
}

#frmAlert
{
	height: 100%;
}

.reloadDataRow
{
    line-height: 32px;
}

.reloadCheckboxContainer
{
	width: 32px;
}

.previewIconHolder
{
	position: absolute;
	top: 7px;
}

.previewTextHolder
{
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 75%;
	padding-left: 40px;
}

/* SCHEDULE PANEL */
#schedule
{
	margin-top: 0px !important;
}

#schedule #toolButtonsPanel
{
	/*margin: 10px 0 0 0;*/
	/*margin-top: -1px;*/
}

#toolButtonsPanel
{
    height: 44px;
}

#schedule #toolButtonsPanel .button1
{
    font-size: 15px;
    display: block;
    min-width: 0;
    color: rgb(48, 48, 48);
    -webkit-box-shadow: none;    
    padding: 11px 17px 14px !important; 
    background-color: transparent; 
    box-shadow: none; 
    border: none;

}



#schedule .navigation
{
	height:43px;
	margin:7px 0;
}

#schedule .navigation > .col-l
{
	padding:10px 0 0 5px;
}

#schedule .navigation .col-r, #schedule .navigation_bottom .col-l
{
}

#schedule .navigation h2.date
{
	margin:0;
	font-size:15px;
}

#schedule .navigation ul
{
	margin:10px 0;
	padding:0;
}

#schedule .navigation ul li
{
	display: inline;
	list-style: none;
}

.secondaryTitleSchedule 
{ 
    margin-top: -2px !important; 
    margin-bottom: 3px; 
}

#slist
{	
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#slist .item
{
	background-color: #fff;
	margin: 1px 0;
	padding: 10px;
	color: rgb(68, 68, 68);
	/*transition: all .3s ease-out; */
}

#slist .item_readOnly
{
	background-color: #EEEEEE !important;
}

#slist .title_marked
{
	color: #4A4A4A !important;
}

#slist #listContainer
{
}

#slist #listContainer > div:first-child > .item
{
}

#slist #listContainer> div:last-child > .item
{
}

#slist .item_clicked
{
	color:#fff;
	background-color:#5f81c6;
}

.appsItemTitle,
#slist .item .title,
#itemTextCell #titleText
{
	font-size:18px;
	word-break: break-word;
	-ms-word-break: break-all;
	color: rgb(48,48,48);
	white-space: pre-wrap;
	text-shadow: 0px 0px 0px rgba(90, 90, 90, 0.30);
}

.titleTextMessage 
{ 
    color: #0271B6 !important; 
    text-shadow: 0px 0px 0px rgba(2, 113, 182, 0.6) !important; 
} 


#slist .loadMore
{
	text-align:center;
}

#slist .item .time
{
	font-size:18px; 
    word-break: break-word; 
    -ms-word-break: break-all; 
    color: rgb(48,48,48); 
    white-space: pre-wrap; 
    text-shadow: 0px 0px 0px rgba(90, 90, 90, 0.30); 
    margin-top: 2px; 
}

#slist .item .status
{
	font-size:14px;
	text-align:right;
	margin-top: 4px;
}

.appsItemInfoText,
#slist .item .info, #slist .item a.telLink,
#itemTextCell #itemText
{
	font-size:14px;
	word-break: break-word;
	-ms-word-break: break-all;
	color: #4A4A4A;
	white-space: pre-wrap;
}

.appsItemSecondaryTitle,
#slist .item .secondaryTitle,

#itemTextCell #secondaryText
{
	font-size:14px;
	color: #0271B6;
	word-break: break-word;
	-ms-word-break: break-all;
	margin-top: 2px;
	white-space: pre-wrap; /* Rotem - bug #104756 */
	text-shadow: 0px 0px 0px rgba(2, 113, 182, 0.6);
	min-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Rotem - bug #104756 */
.W6AttachmentsList #itemTextCell #secondaryText {
    white-space: nowrap;
    width: 0;
}

/* Chrome only: */
/*@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    #itemTextCell 
    {
        width: 0;
        min-width: 100%;
    }
}*/

#attachmentCommentInput {
  width: 100%;
  height: 50%;
}

#todayButton
{
}

#prevDateButton
{
}

#nextDateButton
{
}

/* taskform */
#taskform .tabs
{
	height:39px;
	/*padding: 10px 0px 0;*/
	margin-top: -1px;
}

#taskform .tabs .button1
{
	font-size: 18px;
	display: block;
	min-width: 0;
	color: #254770;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 11px 17px 14px !important; 
	font-weight: normal; 
	background-color: transparent; 	
	border: none; 
}

#taskform .tabs .left, #taskform .tabs .right
{
}

#taskform .tabs .left
{
	float:left;
}

#taskform .tabs .right
{
	float:right;
}

#taskform .tabs .button1 img
{
	position:relative;
	top:2px;
}

#taskform .tabs .left img
{
	margin:0 4px 0 0;
}

#taskform .tabs .right img
{
	margin:0 0 0 4px;
}

#taskform .tabs .norightcorners
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

#taskform .tabs .noleftcorners
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

#taskform .form
{
	background-color:#fff;
	border-top:2px solid #dfe3ed;
	padding:15px 5px;
}

#taskform .underform
{
	margin: 10px 7px 50px;
}


/* index */
#indexButtonsPanel
{
	padding:0px;	
	border-bottom: 0px;
	text-align:center;	
	font-size: 14px;	
	color: rgb(64, 64, 64);
	margin-top: 10px;
	text-shadow: 0px 0px 0px rgba(90, 90, 90, 0.30); 
	-webkit-animation: cmFadeIn .2s ease-in; 
	animation: cmFadeIn .2s ease-in; 
}

#indexButtonsPanel > div
{
	float:left;
	width:33.33%;
	margin:15px 0;
}

#rightNow
{
	margin:10px;
}

#rightNow h2
{
	text-align:center;
}

#rightNow .item
{
	background-color:#fff;
	margin:1px 0;
	padding:10px;
	font-size:15px;
	font-weight:bold;
}

#rightNow .itemi
{
	padding-right:15px;
}

#rightNow .first
{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

#rightNow .last
{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#rightNow .item .time
{
	color:#000;
	float:left;
	width:50px;
}

#rightNow .item .task
{
	white-space: nowrap;
	overflow:hidden;
}

#rightNow .item_clicked
{
	color:#fff;
	background-color:#5f81c6;
}

#rightNow .item_clicked .itemi
{
	background-image:none;
}

#rightNow .item_clicked .time
{
	color:#fff;
}

/* login */
#login
{
	padding: 8px;
}

#login .loginBox
{
	background-color: rgb(255,255,255);
	padding: 8px 2px 0 2px; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
	width: 35%;
	margin: 35px auto;
	min-width: 285px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-animation: cmFadeIn .5s ease-in;
    animation: cmFadeIn .5s ease-in;
	padding-bottom:10px;
}

#login .loginBox .title
{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
}

#login .loginBox .loginLabel
{
	font-size:15px;
	margin-bottom:15px;
}

#login .loginBox .loginInput
{
	font-size:15px;
}

.SysNotificationLoginBox
{
	text-align: center !important;
	margin: 69px auto !important;
	padding-bottom: 10px !important;
}

.SysNotification_Image
{
    height: 100px;
    padding-top: 15px;
}

#login .SysNotification_LogoutBtn
{
    margin: 40px auto 20px auto; 
    width: 30%; 
    min-width: 100px;
}

#login table
{
	margin-left:auto;
	margin-right:auto;
}

#login .btnHolder
{
	text-align:right;
	padding-top:20px;
	padding-right: 3px;
}

#login .button1
{
	border-radius:2px;
}
#login .logo
{
	margin:16px 0;
	text-align: center;
}

#login .loginDomainInput
{
	background-image: url("../Images/ComboArrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#login .loginDomainList {
	position: relative;
	top: -21px;
	padding-left: 7px;
	margin-left: 2px;
	font: normal 16px;
	color: black;
	background-color: white;
	border: 1px solid #7f9db9;
	list-style-type: none;
}
		
#login .loginDomainList li:hover 
{
	cursor: pointer;
	background-color: #3399ff;
}

/* form (dialog) */

/* gps alert (dialog windows)*/
#divGPSAlert /* Tal */
{
    background-color:white;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
    margin-top: 8px;
    width: 93%;
    margin-left: 8px;    
    margin-bottom: 5px;
    z-index:10000;
}

/* login */
#form_dialog
{
	padding: 8px;
}

#form_dialog .dialogBox
{
	background-color:white;
	padding:12px 5px 5px 5px; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
}

#form_dialog .dialogBox .title
{
	text-align:center;
	font-size:16px;	
	margin-bottom:15px;
	text-shadow: 0px 0px 0px rgba(90, 90, 90, 0.20); 
}

#form_dialog .dialogBox .dialogLabel
{
	font-size:15px;
	margin-bottom:15px;
}

#form_dialog .dialogBox .dialogInput
{
	font-size:15px;
}

#form_dialog table
{
	margin-left:auto;
	margin-right:auto;
}

#form_dialog .btnHolder
{
	text-align:right;
	padding-top:20px;
}

#form_dialog .logo
{
	margin:8px;
	text-align: center;
}

/* map */
#map
{
	height:100%;
}

#mapToolbar
{
	padding:10px;
	margin:5px 0;
	background: #b5c8f9;
	background-image: -moz-linear-gradient(100% 100% 90deg, #b5cbef, #b5c8f9);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5c8f9), to(#b5cbef));
	background-image: -ms-linear-gradient(top, #b5c8f9 0%,#b5cbef 100%);
}

#mapToolbar .left, #mapToolbar .right
{
	width:33.3%;
}

#mapToolbar .left
{
	float:left;
}

#mapToolbar .right
{
	float:right;
	direction:rtl;
}

#mapToolbar .middle
{
	text-align:center;
}

#mapToolbar .back img
{
	margin:0 4px 0 0;
	position:relative;
	top:2px;
}

#mapCanvas
{
	width:100%;
	height:100%;
}

/* Confirm Popup */
#confirmPopup
{
	width:150px;
	height:150px;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
	background-color:#92979a;
	color:#fff;
	font-size:25px;
	text-align:center;
	position:absolute;
	display:none;
}

#confirmPopupi
{
	padding-top:50px;
}

/* other */

.description
{
	width:98%;
}

.cols
{
	display:block;
}

.col-al
{
	display:inline-block;
}

.col-l
{
	float:left;
}

.col-r
{
	float:right;
}

.col-m
{
	float:left;
	padding-left:3px;
	padding-top:0.5px;
}

a.telLink
{
	background-color:inherit;
}

.clickmobile_captionBar_middle
{
	text-align: center;
	cursor: pointer;
	padding-right: 60px;
}

.clickmobile_captionBar_mibble_inner
{
	text-overflow: ellipsis;
	overflow: hidden;
}

.clickmobile_captionBar_title_text
{
	white-space: nowrap;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	display: inline;
	line-height: 44px;
	margin: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0.7);
}

.clickmobile_captionBar_title_asterisk
{
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px 0px rgba(10,10,10,0.2);
	display: inline;
}

#clickmobile_alertsBar
{
	width: 100%;
	z-index: 2;
}

.adaptive_view_empty_section 
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: url("../Images/click_logo.png") no-repeat center center;
	opacity: 0.7;
	background-size: 100% 100%;
	width: 240px;
	height: 226px;
}

#clickmobile_errorsBar
{
	width: 100%;
	z-index: 1;
	background-color: #e8adb2;
	color:#983335;
	height:53px;
	display:none;
	border-bottom: 1px solid;
}

.statusBar
{
	width: 100%;
    z-index: 4;
    background: #d0d9db;
    box-shadow: 0px 1px 2px rgba(54, 54, 54, 0.35);
    bottom: 0;
    position: absolute;
    display: none;
}

body.Windows_Phone > .statusBar
{
	/*bottom: 20px;*/
}

#refreshManifest
{
	text-align: center;
	width: 40px;
	padding: 0 5px;
}

.refreshManifestButton {
	width: 25px;
	height: 25px;
	display: none;
}

#filesCount
{
	text-align: center;
    font-size: 11px;
    color: #0271B6;
    padding: 0 5px;
    width: 40px;
}

.statusBarTop
{
	padding-top: 7px;
}

.statusBarTop, .statusBarBottom
{
	width: 100%;
	border-spacing: 0;
	margin: 0;
}

.statusBarLeftColumn
{
	width: 40px;
	padding: 0 5px;
	text-align: center;
}

#expandImg,
#collapseImg
{
	width: 20px;
	height: 20px;
	transition: all .2s ease-in; 
    -webkit-animation: cmFadeIn .3s ease-in; 
}

.moreDetailsLink
{
	cursor: pointer;
	text-decoration: underline;
}
body.Safari > .statusBar
{
    bottom: 50px;
	
}

.statusBar_error
{
	background-color: #e8adb2;
	color:#983335;
}

#errorsBarMsg
{
	vertical-align: middle;
	font-size: 10px;
	padding: 3px 5px;
}

.fileBrowserItem
{
	position:relative;
	background-color: white;
	padding: 8px 5px 8px 5px;
	margin: 2px 5px 2px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	text-shadow: 1px 1px 0px #F5F0F0;
	font-size: 14px;
}

.fileTextCont
{
	display: inline-block;
	position:relative;
	top: -2px;
	width: 64%;
}

.fileDetails
{
	font-size:12px;
	color: #555454;
	font-weight:normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fileName
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size:14px;
	color: #000;
}

.fileTypeIcon
{
	display: inline-block;
	padding-right: 10px;
	position:relative;
	top: 2px;
}

.sourcePickerLabel
{
	margin-left: 10px;
}

.fileBrowserMsg
{
	padding-top:10px;
	color: #747373;
	line-height: 44px;
	height: 44px;
	text-shadow: 0px 1px 0px #ECECEC;
	font-size: 15px;
}

.pickerInnerCaption
{
	padding-left:14px;
	padding-top:11px;
	margin-left:10px;
	color: #747373;
	text-shadow: 0px 1px 0px #ECECEC;
	font-size: 15px;
}

.sourcePickerButtonHolder
{
	padding: 0 40px;
}
.sourceConflictButtonHolder
{
	padding: 0 0px;
}

.sourcePickerImg
{
	width: 25px;
}

.fileBrowserOpenFileBtn
{
	height: 17px;
	background: -webkit-linear-gradient(top, rgba(198,191,190,1) 0%,rgba(145,141,133,1) 100%);
	background: -ms-linear-gradient(top, rgba(198,191,190,1) 0%,rgba(145,141,133,1) 100%);
	margin: 0 5px;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 15px;
}

.fileOpenButton
{
	position: relative;
	top: 2px;
	width: 27px;
}

.moreDetailsMessageBox
{
	text-align: right;
	text-decoration: underline;
	cursor: pointer;
}

.dataConflictMessageBtn
{
	text-align: center;
    margin-top: 5px;
}

/*****************flot Graph********************
.flot-x-label-transform
{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}

.flot-x-axis
{
    top: 8px!important;
    left: -20px!important;
}

.flot-tick-label
{
    color:Red;
}
****************flot Graph********************/
.flot-x-axis
{
    top: 30px!important;
    left: 2.3%!important;
}

.flot-y-axis
{
    left:0px!important;
    top:20px!important;
}

.flot-overlay
{
    display: none;
}
/****************flot Graph********************/

#offlineNoteContainer {
    text-align: -webkit-center;
    display: none;
    padding: 2%;
    margin: 3%;
    background-color: #f3f3f3;
    justify-content: center
}

#offlineNote {
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}