.settings-container {
  display: flex;
  padding: 10px;
  flex-direction: column;
  align-items: center;
}

.settings-category{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items:center;
  background: white;
  width: 35%;
  padding: 20px;
  margin: 1px;
  cursor: pointer;
}

.settings-category-title {
 color: #qaqaqa;
 align-self: flex-start;
 margin-left: 34%;
 padding: 3px;
 font-size: 14px;
}

.settings-category-icon {
  padding-right: 10px;
  width:20px;
  height:20px;
 }


.settings-category-label {
  color: Black;
  font-size: 18px;
  cursor:pointer;
 }
 
 .settings-category-arrow-icon {
    margin-left: auto;
    width: 8px;
}


@media only screen and (min-device-width: 100px) and (max-width: 720px){
  .settings-category{
    width: 100%;
  }

  .settings-category-title {
    margin-left: 4%;
   }
}


@media only screen and (min-device-width: 720px) and (max-width: 1200px){
  .settings-category{
    width: 60%;
  }

  .settings-category-title {
    margin-left: 20%;
   }
}

#mainContainer
{
	position: relative;
	left: 0;
	right: 0px;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

#maskContainer
{
	position:fixed;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	display: none;   
}

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

.maskPhaseTwo 
{
  background-color: rgba(0, 0, 0, 0.2) !important;

  animation: pulse 2s ;
}

@keyframes pulse {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.2);
  }
}


#spinnerContainer
{
	position: relative;
	top: 44%;
}

#spinnerTable
{
	width:100%;
}

#spinnerBackground
{
	width: 100px;
	background-color: #353535;
	padding: 1.5em 1.5em 1.25em;
	-webkit-border-radius: 1.25em;
	border-radius: 1.25em;
	opacity: 0.6;
}

#spinnerText
{
	font-size:20px;
	color:#fff;
}    
div.spinner {
	position: relative;
	width: 100px;
	height: 100px;
	display: inline-block;
}
	
div.spinner div {
	width: 12%;
	height: 26%;
	background: #fff;
	position: absolute;
	left: 44.5%;
	top: 37%;
	opacity: 0;
	-webkit-animation: fade 1s linear infinite;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	animation: fade 1s linear infinite;
	border-radius: 50px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s; transform:rotate(0deg) translate(0, -142%); animation-delay: 0s;}    
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s; transform:rotate(30deg) translate(0, -142%); animation-delay: -0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s; transform:rotate(60deg) translate(0, -142%); animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s; transform:rotate(90deg) translate(0, -142%); animation-delay: -0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s; transform:rotate(120deg) translate(0, -142%); animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s; transform:rotate(150deg) translate(0, -142%); animation-delay: -0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s; transform:rotate(180deg) translate(0, -142%); animation-delay: -0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s; transform:rotate(210deg) translate(0, -142%); animation-delay: -0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s; transform:rotate(240deg) translate(0, -142%); animation-delay: -0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s; transform:rotate(270deg) translate(0, -142%); animation-delay: -0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s; transform:rotate(300deg) translate(0, -142%); animation-delay: -0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s; transform:rotate(330deg) translate(0, -142%); animation-delay: -0.0833s;}

@-webkit-keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}
	
@keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}

.innerMaskContainer {
	height: 100%;
	width: 100%;
	z-index: 3;
	position: fixed;
	top: 0px;
	opacity: 0.3;
	background-color: black;
	display: none
}


.spinnerDots {
  width: 70px;
  text-align: center;
}

.spinnerDots > div {
  width: 15px;
  height: 15px;
  background-color: #FFF;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinnerDots .b1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinnerDots .b2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

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

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




.relative-centered 
{
    position: relative;
   -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
    top: 50%;
    z-index:2;
}

.circle-text-style
{
    position: absolute;   
    color: #41a2de;
    text-align: center;
    font-size: 20px;
    top:115%;
    left: 50%;
    transform: translate(-50%, 0);
}

.meter {
	height: 3px;
	position: relative;
	background-color: #CCCBCB;
}

.meter > span {
	display: block;
	height: 100%;
	background-color: #0271B6;
	position: relative;
	overflow: hidden;
}

#iconsPanel
{
	width: 100%;
	height: 50%;
	text-align:center;
	padding-top: 5px;
}

#loadingPanel
{
	height: 100%;
	width: 100%;
	background: url("../Images/fieldservice.jpg");
    background-size: cover;
    bottom: 0;
    position: absolute;
}

#errorInfoContainer
{
	display: none;
}

#progressBarContainer
{
	width: 100%;
}

#loadingPanelTextContainer img
{
	vertical-align: text-bottom;
	position: relative;
}

#loadingInfoAlert,
#progressColumn
{
	height: 20px;
    margin: 5px;
    text-align: center;
    font-size: 11px;
    color: #0271B6;
}

/*#loadingInfoRow
{
	display: none;
}*/

.failedManifest
{
	color: #A00000 !important;
}

.appCacheLoader
{
	width: 0;
	height: 0;
	display: none;
	position: absolute;
	border: none;
}

.invisible
{
	visibility: hidden;
}

.hidden
{
	display: none;
}

.form
{
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
}

.form#frmClockReportEditForm
{
	width: auto;
}

.form > div:first-child
{
	
}

/* Rotem - bug #95225 */
input, textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}

textarea, input, select
{
	border: 1px solid rgba(204, 204, 204, 0.65);
	padding: 1px;
	font-size: 15px !important;
	line-height: 20px;
	background: white;
	-webkit-appearance: none;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-ms-border-radius: 3px;
	border-radius: 3px; 
	color: rgb(48, 48, 48);
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
}

.embeddedShortDescription
{
	font-size: 15px !important;
	color: rgb(48, 48, 48) !important;
}

select
{
	background-image: url("../Images/ComboArrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

/*Polina: Bug #67836*/
.dateControlPseudoFocus
{
	border: 1px solid rgb(253,184,19) !important;
}
/*Idan ofek :Bug #69792 IOS- IPAD - combobox control- missing orange frame when combobox is focused  */
.dateControlPseudoFocusIpadSelect {
    border: 1px solid rgb(253,184,19) !important;
}
.dateControlPseudoFocusIpadSelect  ul
{
	border-right: 1px solid rgb(253,184,19) !important;
	border-left: 1px solid rgb(253,184,19) !important;
}
.notValidPropertyIpadSelect {
	border-color: #A00000 !important;
}
.notValidPropertyIpadSelect ul {
	border-left: 1px solid #A00000 !important;
	border-right: 1px solid #A00000 !important;
}
/*end-Idan ofek :Bug #69792 */

/*Polina: iOS8*/
textarea:focus, input:focus, select:focus, input[type=text]:focus,
.dateControlPseudoFocus
{
	border-color: rgb(253,184,19);  
	-webkit-box-shadow: 0px 0px 3px rgba(211, 152, 28, 0.5); 
	-ms-box-shadow: 0px 0px 3px rgba(211, 152, 28, 0.5);    
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
    outline: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

/*Polina: iOS8*/
textarea:disabled, select:disabled, input:disabled, div:disabled,
input[disabled], textarea[disabled]
{
   -webkit-text-fill-color: rgba(48, 48, 48, 1); 
   -webkit-opacity: 1; 
   color: rgba(48, 48, 48, 1); 
   background: #EEE;
}

/*Polina: iOS8*/
select[disabled]
{
    background-color: #EEE;
    background-image: url("../Images/ComboArrow.png");
    background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

/*Polina: iOS8*/
input[disabled].W6CMPropPanel_Date,
input[disabled].W6CMPropPanel_Time
{
   background: white;
}

input[readonly=readonly].W6CMPropPanel_Date
{
    background-color: white;
}

/*Polina: Bug #67836*/
input.PCTimePicker_Input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

textarea[readonly=readonly], select[readonly=readonly], div[readonly=readonly], input[disabled],
textarea[readonly=readonly]:focus, select[readonly=readonly]:focus, input[readonly=readonly]:focus, div[readonly=readonly]:focus
{
	/*border: 1px solid #CCC;*/
	color: rgb(48, 48, 48);
	background-color: #EEE;
}


input[type=checkbox], input[type=radio]
{
	border: 0px;
	display: inline-block;
	font-size: 15px;
	line-height: 1em;
	padding: 0;
	vertical-align: text-top;
	-webkit-box-shadow: 0px 0px 0px;
	-ms-box-shadow: 0px 0px 0px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	margin: 0;
}

input[type=radio]
{
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.W6CMPanel
{
	padding: 3px 5px;
	-webkit-transform: translate3d(0,0,0);
}

.W6CMPanel > table
{
	border-collapse: collapse;
	border-spacing: 0;
}


.W6CMPanelLabel
{
	padding-top: 10px;
	padding-left: 5px;
	font-size: 15px;
	font-weight: bold;
	color: rgb(48, 48, 48);
}

.W6CMPropPanel_LabelPanel
{
	vertical-align: top;
	font-size: 15px;
	padding: 5px 0;
	overflow-x: hidden;
	height: 100%;
	color: rgb(48, 48, 48);
	word-break: break-all;
}

.W6CMPropPanel_VerticalLabel
{
	padding: 5px 0 1px 1px !important;
	font-size: 13px !important;
}

.W6CMPropPanel_VerticalFilterLabel
{
    font-size: 13px !important;
    padding: 3px 0px;
}

.W6CMPropPanel_VerticalSingelLabel
{
    padding: 5px 0 1px 5px !important;
    font-size: 13px !important;
}

.W6CMPanelHtmlContainer
{
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 5px;
	font-size: 15px;
	color: rgb(48, 48, 48);
}

.PropPanel_TextArea
{
    padding-right: 12px !important;
}

.W6CMPropPanel_ValuePanel
{
	font-size: 15px;
}

@media screen and (max-device-width: 1023px)
{
	/* for iPad and Android */
	.W6CMPropPanel_ValuePanel_INPUT
	{
		/*for PC version with ::-webkit-inner-spin-button, PPC version doesn't have spin buttons*/

		padding-right: 20px;
	}

	/* for iPhone and iPod*/
	.iPhone .W6CMPropPanel_ValuePanel_INPUT
	{
		/*for PC version with input::-webkit-inner-spin-button, PPC version doesn't have spin buttons*/
		padding-right: 10px;
	}
}

@media screen and (min-device-width: 1024px)
{
	/* also can be applied with .Safari and .Chrome */
	/* for Chrome Windows and Safari Windows */
	.W6CMPropPanel_ValuePanel_INPUT
	{
		/*for PC version with input::-webkit-inner-spin-button, PPC version doesn't have spin buttons*/
		padding-right: 10px;
	}
}

.W6CMPropPanel_ValuePanel_INPUT > input
{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}



.W6CMPropPanel_ValuePanel > select, .W6CMPropPanel_ValuePanel > textarea
{
	width: 100%;
}

.W6CMPropPanel_ValuePanel_Text
{
	width: 100%;
	padding-left: 5px;
}
	
.W6CMPropPanel_ValuePanel > select
{
	height: 25px;
	margin: 0 0 5px;
	}
	

.W6CMPropPanelCombo .W6CMPropPanel_ValuePanel
{
	padding-right: 1px;
}

.W6CMPropPanel_ValuePanel > .W6CMPropPanel_Date
{
	width: 48%;
	float: left;
	min-width: 86px;
}

.W6CMPropPanel_ValuePanel > .W6CMPropPanel_Time
{
	width: 40%;
	float: right;
	min-width: 76px;
}

.W6CMPanel.W6CMPropPanelFile .W6CMPropPanel_ValuePanel
{
	padding-right: 0px;
}

.W6CMPanel.W6CMPropPanelMultiValueOfBusinessObject .W6CMPropPanel_ValuePanel,
.W6CMPanel.W6CMPropPanelBusinessObject .W6CMPropPanel_ValuePanel,
.W6CMPanel.W6CMPropPanelLinkedBusinessObject .W6CMPropPanel_ValuePanel,
.W6CMPanel.W6CMPropPanelClockReport .W6CMPropPanel_ValuePanel,
.W6CMPanel.W6CMPropPanelMultiValueOfAttachments .W6CMPropPanel_ValuePanel,
.W6CMPanel.W6CMPropPanelMultiValueOfLinkedBusinessObject .W6CMPropPanel_ValuePanel
{
	padding-right: 0px;
}

.W6CMPropPanelClockReport .W6CMPropPanel_ValuePanel
{
	padding-right: 1px;
}

.W6CMPropPanelBoolean
{
    padding: 5px 0;	
}

.clockReportComment
{
	padding-right: 14px;
}

#header > div > a
{
	background-color: transparent;
	padding: 6px 11px 5px;
}

.homeButton
{
	padding: 5px 17px !important;
}

#header .middle
{
	
}

#schedule #slist .item .status
{
	padding-right: 0px;
}

.btnArrow
{
    width: 10px;
    height: 10px;
}

#itemNavigationArrowsContainer
{
    margin: 2px 5px 0;
}

.navigationButtonImg
{
	width: 24px;
}

.navigationButton
{
	height: 24px; 
    line-height: 27px; 
    font-weight: bold; 
    padding: 8px 0px 9px; 
}

#navigationArea
{
	position: relative;
}

#prevDateButtonContainer,
#nextDateButtonContainer
{
    width: 12.5%;	
}

#showAllButtonContainer,
#todayButtonContainer,
#dateContainer
{
	width: 25%;
}

#dateContainer
{
	position: relative;
}

.navigationTable
{
    width: 100%; 
    text-align: center; 
    border-spacing: 0; 
    overflow: hidden;
}

#showAllButtonText, #todayButtonText
{
	display: none;
}

#interactiveToday
{
	position: relative; 
    font-weight: normal; 
    bottom: 34px; 
    color: #0271B6; 
    font-size: 11px;
}

#multipleDayBox
{
    width: 53px;
    height: 20px;
    background-color: #D3D3D3;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border-radius: 6px;
    font-size: 12px;
    margin-left: 10px;
}

#taskform .ui-widget-content
{
	background-color: White;
	border: 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1px;
	/*box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1px;*/
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px;
}

#taskform .ui-tabs .ui-tabs-panel
{
	padding: 5px;
	min-height: 70vh;
}

#taskform .tabs .right, #taskform .tabs .left, #taskform .tabs .middle
{
	/* Trucate tab's text to prevent text overflow to the second line */
	overflow: hidden;
	white-space: nowrap;
}

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

	cursor: pointer;
	position: relative;
}

#taskform .tabs .middle div,#taskform .tabs .right div,#taskform .tabs .left div
{
    position: absolute;
    width: 100%;
    left: 0px;
}

#taskform .tabs .middle
{
    cursor: default !important;
}

#taskform .tabs .right img
{
	float: right;
	width: 20px;
}

#taskform .tabs .right span
{
	width: 100%;
}

#taskform .tabs .left img
{
	float: left;
	width: 20px;
}

#taskform .button1 div
{
	/* prevent button text flow out of buttons boundaries*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.taskformContainer
{
	padding-top: 0;
	margin-top: 3px;
	padding-bottom: 18px; /* Rotem - bug #75716 */
	background-color: white; /* Rotem - bug #75716 */
}

/* Rotem - bug #75716 */
#schedule
{
	margin-bottom: 18px;
}

/* Rotem - bug #51430 */
#btnOnLineSearch
{
    min-height: 19px;
    height: auto;
}

.middle
{
	text-align: center;
}

#indexButtonsPanel > div
{
	float: none;
	display: inline-block;
	min-width: 100px;
	min-height: 90px;
	word-wrap: break-word;
	vertical-align: top;
	width: 20%;
	word-break: break-word;
}

#frmModules {
	overflow-x: hidden;
}

#logTableContainer
{
	position: relative;
}

#logContainer TR > TD:last-child > div
{
	max-height: 100px;
	overflow-y: scroll;
}

.ui-menu .ui-menu-item
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.ui-menu .ui-menu-item a
{
	padding-top: 9px;
	padding-bottom: 7px;
	font: normal normal normal 15px/normal;
	color: #0271B6;
}

.MainNotifyContainer
{
    position: absolute;
    width: 200px;
    height: 48px;
    color: rgb(53, 152, 220);
	text-align: center;	
	overflow: hidden;
    z-index: 2;
    pointer-events:none;
    opacity: 0.7;
}

.MainNotifyMessage
{
    border-radius: 6px;
    background-color: rgb(53, 152, 220);
    color: #FFF;
    font-size: 15px;
    text-align: center;
    padding: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-animation: cmFadeIn .3s ease-in; 
    animation: cmFadeIn .3s ease-in; 
}

a:focus
{
	outline: none;
}





*
{
	outline: none;
}

/******************* Log ***********************/







#testMenuContainer
{
	position: absolute;
	right: 0;
	z-index: 10000;
}

#logContainer
{
}

#logTable
{
	border: 1px solid black;
	border-collapse: collapse;
}

#logTable > tbody > tr
{
	background-color: White;
}

#logTable > tbody > tr > td:first-child
{
	white-space: nowrap;
}

#logTable > tbody > tr > td:last-child
{
	white-space: pre;
}

#logTable > tbody > tr > td
{
	vertical-align: top;
	padding: 5px;
}

#frmLoginIFrame > iframe
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	height: 100%;
	width: 100%;
}

/******************* TimePicker ***********************/

#sw-wrapper
{
	position: absolute;
	z-index: 1000;
	left: 0;
	width: 100%;
    bottom: -165px;
	text-align: left;
    -ms-touch-action:none;	
    touch-action:none;
}

#sw-header
{
	position: relative;
	width: 100%;
	height: 43px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177c1), to(#0271B6));
	background-image: -ms-linear-gradient(top, #0177C1 0%, #0271B6 100%);
	opacity: 0.9;
}

#sw-cancel, #sw-done, #sw-clear
{
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	line-height: 40px;
}

#sw-cancel
{
	left: 7px;
	float: left;

}

#sw-done
{
	right: 7px;
	float: right;

}

#sw-clear
{
	right: 7px;
	float: left;

}

.sw-pressed
{
	opacity: 0.4;
}

#sw-slots-wrapper
{
	position: relative;
	z-index: 999;
	display: block;
	height: 122px;

	overflow: hidden;
	width: 100%;
}

#sw-slots
{
	display: table;
	width: 100%;
	background: #fcfcfc;
}

#sw-slots div
{
	display: table-cell;
	height: 100%;
	padding-top: 40px;
	border-left: 1px solid gray;
	background: #ecf0f1;
}

#sw-slots div:first-child
{
	border: 0;
}

#sw-slots ul
{
	padding: 0 0 85px 0;
	margin: 0;
	list-style: none;
}

#sw-slots .sw-right
{
	text-align: center;
}
#sw-slots .sw-shrink
{
	width: 1%;
}
#sw-slots .sw-readonly
{
	background: #ddd;
}

#sw-slots li
{
	padding: 0 8px;
	height: 44px;
	overflow: hidden;
	font-size: 24px;
    line-height: 44px;
}

#sw-frame
{
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	bottom: 0;
	height: 34px;
    padding: 44px 0;
}

#sw-marker
{
	height: 36px;
    border-right: none;
    border-left: none;
    background: rgb(142, 146, 146);
    opacity: 0.2;
}

/******************* PC Time Picker ***********************/
.PCTimePicker_ControlStructure
{
    width: 45%;
	float: right;
	min-width: 78px;
	background-color: white;
	border: 1px solid rgba(204, 204, 204, 0.65);
	border-radius: 3px;


}

.PCTimePicker_EditContainer
{
	padding: 0 5px !important;
	border-radius: 3px 0 0 3px;
}

.PCTimePicker_ButtonsContainer
{
	width: 20px;
	border-left: 1px solid rgba(204, 204, 204, 0.65);
	border-radius: 0 3px 3px 0;
}
		
.PCTimePicker_Input
{
	border: none;
	width: 100%;
	background-color: white;
	font: normal 15px !important;

	box-shadow: none;
	padding: 0;
}

.PCTimePicker_ButtonUp, .PCTimePicker_ButtonDown
{
	padding: 3px 0 3px 6px;
}
		
.PCTimePicker_ButtonUp
{
	border-bottom: 1px solid #CCC;
}
		
.PCTimePicker_ButtonDown
{
}
		
.PCTimePicker_ButtonImage
{
	display: block;
}

/******************* Duration control ***********************/
.PCDuration_ControlStructure
{
	border: 1px solid rgba(204, 204, 204, 0.65);
	border-radius: 3px;
	height: 25px;
    line-height: 24px;
}

.PCDuration_ButtonUp, .PCDuration_ButtonDown
{
	display: inline-block;
    width: 27px;
    text-align: center;
}

.PCDuration_ButtonUp
{
    
}

.PCDuration_ButtonDown
{

}

.PCDuration_ButtonsContainer
{
	width: 60px;
    border-left: 1px solid rgba(204, 204, 204, 0.65);
    float: right;
}

.PCDuration_EditContainer
{
	padding: 1px 5px !important;
	float: left;
}

.Duration_EditContainer
{
    border: none;
    -webkit-box-shadow: none;
    width: 19px;
    padding-left: 1px;
    padding-right: 1px;
    text-align:right;
    /*Idan Ofek Bug - 68357 - duration control inputs don't show keyboard when pressed*/
    /*-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;*/
}

.Duration_EditContainer[readonly=readonly]
{
    border:none;
}

#minuteInput
{
    text-align:left;
}

.Duration_EditContainer:focus
{
    color:#0177c1;
    border: none;
    -webkit-box-shadow: none;
}

.Duration_EditContainer:blur
{
    color:black;
}

.durationImg
{
	width: 10px;
}

/******************* File Upload ***********************/

.previewImage
{
	vertical-align: top;
	text-align: center;
	padding-left: 15px;
}

.getPictureButton
{
	text-decoration:none;
	border:1px solid #A3A6AF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e4eafa;
	background-image: -moz-linear-gradient(100% 100% 90deg, #DEDFE4, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DEDFE4));
	background-image: -ms-linear-gradient(top, #fff 0%, #DEDFE4 100%);
	border-bottom:1px solid #8A8C93;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding: 8px 14px;
	cursor: pointer;
	margin-top: 3px;
}

.cancelPictureButton
{
	text-decoration:none;
	border:1px solid #A3A6AF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e4eafa;
	background-image: -moz-linear-gradient(100% 100% 90deg, #DEDFE4, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DEDFE4));
	background-image: -ms-linear-gradient(top, #fff 0%, #DEDFE4 100%);
	border-bottom:1px solid #8A8C93;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding: 5px 14px;
	cursor: pointer;
	margin-top: 3px;
}

.deletePictureButton
{
	text-decoration:none;
	border:1px solid #A3A6AF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e4eafa;
	background-image: -moz-linear-gradient(100% 100% 90deg, #DEDFE4, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DEDFE4));
	background-image: -ms-linear-gradient(top, #fff 0%, #DEDFE4 100%);
	border-bottom:1px solid #8A8C93;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding: 5px 14px;
	cursor: pointer;
	margin-top: 3px;
}

.pictureTable
{
	text-align: right;
	vertical-align: middle;
}

.uploadBackground
{
	vertical-align: middle;
	height: 100px;
	background-color: White;
	border:1px solid #CCC;
	cursor: pointer;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 2px;
}

.waterMark
{
	position: absolute;
	line-height: 122px;
	text-align: center;
	width: 100%;
	color: #CCC;
	font-size: 15px;
}

/******************* List View Control ***********************/
.W6ListView
{
	vertical-align: middle;
	min-height: 40px;
	color: Black;
	font-size: 15px;
}
	
.W6ListView > div
{
	background-color: White;
	border: 1px solid #F4F3F0;
	min-height: 40px;
	cursor: pointer;
	border-top-color: #F4F3F0;
	border-bottom-color: #F4F3F0;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
	
.W6ListView > div:first-child
{
	background-color: White;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-color: #CCC;
}
	
.W6ListView > div:last-child
{
	background-color: White;
	border-bottom-color: #CCC;
}


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

.W6ButtonsList
{
	text-decoration:none;
	border:1px solid #93acec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e4eafa;
	background-image: -moz-linear-gradient(100% 100% 90deg, #d6e0fa, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d6e0fa));
	background-image: -ms-linear-gradient(top, #fff 0%, #d6e0fa 100%);
	border-bottom:1px solid #4a6acb;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	margin: 5px;
	margin-bottom: 10px;
}

.W6ListViewButton
{
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #E4EAFA;
	background-image: -moz-linear-gradient(100% 100% 90deg, #DEDFE4, white);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DEDFE4));
	background-image: -ms-linear-gradient(top, #fff 0%, #DEDFE4 100%);
	border-bottom: 1px solid #8A8C93;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #A00000;
	padding: 5px 15px 5px 15px;
	margin-right: 5px;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.W6ListViewItemCheckBox
{
	border: 0px solid;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	width: 30px;
	height: 30px;
}

.ListViewItemText
{
	font-size:12px;
	word-break:break-word;
	vertical-align:middle;
	white-space:pre-wrap;
	margin-top:2px;
}

.ListViewButtonText
{
	font-size:12px;
	vertical-align:middle;
	margin: 0;
    word-break: normal;
    white-space: nowrap;
    color: #253F6D;
}

.commentContainer {
    width: 0;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    color: #0874bf;
    padding-top: 5px;
    cursor: pointer;
}

.addComment {
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    padding-right: 10px;
    width: 100%;
}

.commentSeeMore {
    overflow: auto;
    min-width: 70px;
}

.attachmentFailMessage {
    color: #b33b2b;
}

.W6AttachmentsList
{
	cursor: default !important;
}

.W6AttachmentsList #titleText
{
	overflow: hidden;
	text-overflow: ellipsis;
	height: 22px;
	white-space: nowrap !important;
}

.W6AttachmentsList #itemCheckBox
{
	
}

.W6AttachmentsList #itemMarkCell
{
	vertical-align: middle !important;
	text-align: right;
	color: white;
	padding: 0;
}

.W6AttachmentsList #actionButton, #fileBrowserItemList .fileOpenButton {
    height: 17px;
    min-width: 50px;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.W6AttachmentsList #saveButton
{
	height: 17px;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 2px;
    padding: 5px;
	text-align: center;
}

.W6AttachmentsList #itemMarkCell div.spinner
{
	height: 11px;
	width: 9px;
	position: absolute;
	margin-top: -11px;
	right: 5px;
	visibility: hidden;
}


.W6AttachmentsList #itemMarkCell div.spinner div
{
	background: #131212;
}

.W6AttachmentsList #statusText
{
	font-size: 9px;
	color: #555454;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

}

.disableImage
{
	opacity: 0.6;
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}

.W6CMBusinessObjectTemplate .summaryItem > div
{
	line-height: 34px;
}

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

.summaryItem > div
{
	background-color: White;
	min-height: 40px;
	cursor: default;
}
	
.summaryItem > div:first-child
{
	background-color: White;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-color: #CCC;
}
	
.summaryItem > div:last-child
{
	background-color: White;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-color: #CCC;
}

#itemTable
{
	position: relative;
	vertical-align: middle;
	width: 100%;
	height: inherit;
	padding: 3px 5px;
}

.W6AttachmentsList #itemTable
{
    table-layout: fixed;
}

#itemTextCell
{
    vertical-align: middle;
}

#itemCheckboxCell
{
    width: 30px;
}

#itemMarkCell
{
	vertical-align: top;
	width: 21px;
    padding: 0 15px 0 5px;
}

#itemCheckBox
{
	overflow: hidden; 
    height: 30px;
}

#buttonsArea
{
	text-align:center;
	border: 1px solid #CCC;
	border-top: none;
	border-radius: 0 0 5px 5px;
	padding: 3px 1px;
}

#mainSignatureContainer #buttonsArea
{
    padding: 3px 1px;
    margin: 0 2px 0 2px;	
}

#bubbleArea
{
	text-align: center;
	border: 1px solid rgba(172, 172, 172, 0.59);
	margin-top: 15px;
	position: relative;
	background: white;
	margin-bottom: 10px;
	width: 100%;	
}

.bubbleAreaArrowTop
{
	text-align: center;
    margin-top: -8px;
    position: relative;
    background: #f4f3f0;
    margin-bottom: 10px;
    border: 1px solid rgba(172, 172, 172, 0.59);
    background: rgb(68, 68, 68);

}

.bubbleAreaArrowBottom {
    text-align: center;
    border: 1px solid rgba(172, 172, 172, 0.59);


    margin-top: -45px;
    position: relative;
    background: rgb(68, 68, 68);

}

.bubbleAreaReloadContainerImage 
{
    content: url('../Images/RefreshGray.png');
}


.emptyMessageLabel
{
	color: #CCC;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
}


.floatingList .emptyMessageLabel
{
    border-radius: 5px;	
}

.buttonImage
{
	width: 18px;
	height: 18px;
}

.signatureContainer
{
	text-align: center;
	margin: 0 2px 0 2px;
	border: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	-ms-touch-action: none;
	touch-action:none;
}

.signatureContainerRounded
{
	text-align: center;	
	margin: 0 2px;
	border: 1px solid #CCC;
	border-radius: 5px;
}

.floatingList .emptyMessageLabel
{
    border-radius: 5px;	
}

.buttonImage
{
	width: 18px;
	height: 18px;
}

.W6CMBusinessObjectTemplate
{
	font-size: 15px;
}

.buttonEnabled
{
	text-decoration:none;
	border:1px solid #A3A6AF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e4eafa;
	background-image: -moz-linear-gradient(100% 100% 90deg, #DEDFE4, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#DEDFE4));
	background-image: -ms-linear-gradient(top, #fff 0%, #DEDFE4 100%);
	border-bottom:1px solid #8A8C93;
	font-weight:bold;
	font-size:15px;
	color: Gray;
	text-align:center;
	padding: 9px  20px 9px  20px;
}

.dictionarySyncStatusImage
{
	width: 20px;

	height: 20px;
	padding-top: 5px;
}

.dictionarySyncName
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
}

#dictionariesContainer
{
	min-width: 225px;
}

.syncDictionaryItem
{
	white-space: normal !important;
	line-height: 32px !important;
}

#frmDictionariesTitle
{
	margin-top: 0;
	color: rgb(68, 68, 68);
}

.clock
{
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #ECECEC;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
}

.date
{
	font: bold 14px; /*Polina: Bug #62304*/




}

.selectDate
{
	border: 0;
	width: 90px;
	opacity: 0;
	position: relative;
	cursor: pointer;
}


	
#tblDiv
{
	border: 1px #253F6D;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.reloadLabel
{
    vertical-align: top;
	font-size: 15px;
}

/******************* Timesheet ***********************/

#clockReportForm
{
	background-color: white;

	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
}

#frmTimesheetClockReport
{
    padding: 0 0 10px;
}

.formContainer
{
	padding: 7px;
}

.timesheetOpeningButtonsContainer
{
	padding: 0 40px 0 5px;
}

.engraveInnerFormLabel
{
	font-size: 16px; 
    text-align: center; 
    width: 100%; 
    margin-top: 20px; 
    color: rgb(170, 170, 170); 
}   

.asterisk
{
	color: #BE1111;
	display: inline;
}
.redButton
{
	border: 1px solid #983335;
	background-color: #D84A4D;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D84A4D), to(#D84A4D));
	background-image: -moz-linear-gradient(100% 100% 90deg, #D84A4D, #D84A4D);
	background-image: -ms-linear-gradient(top, #D84A4D 0%, #D84A4D 100%);
}

.errorBarHeadMsg
{
	font-size:14px;
	font-weight: bold;
}

.errorBarMsgDetails
{
	font-size:10px;
}

#errorBarButton
{
	margin: 10px 5px 0;
	width: 20px;
    padding: 6px 17px 5px;
}

/******************* Filter ***********************/
#filtersBar
{
	position: relative;
	width: 100%;
	font-size: 15px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	margin-top: -8px;
	color: #0271B6;
}

.filter
{
	background-color: White;
	min-height: 24px;
	padding: 10px 5px 9px 8px;
	margin-bottom: 10px;
	border: 1px solid rgba(172, 172, 172, 0.59);
	color: #0271B6;
}

#filterButtonArea
{
    margin-right: 40px;
    margin-top: 10px;
}
    
.filterImage
{
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.filterClearButtonImage
{
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.inputText
{
	border-radius: 3px;
	border: 1px solid rgba(204, 204, 204, 0.65); 
	height: 22px;

	margin-right: 4px;
}

.selectProperty
{
	border: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: relative;
	cursor: pointer;
	line-height: 20px;
	padding-left: 0;
	padding-bottom: 5px;
	color: #0271B6; 
}

.andStyle
{
	color: #253F6D;
	border: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background: white;
	cursor: pointer;
	line-height: 24px;
	padding-right: 5px;
}

.inputContainer
{
	position: relative;
	padding: 0;
	width: 100%;

}

.clickHere
{
	position: absolute;
    padding: 0 15px 0 0;
	color: #0271B6;
	margin-top: 4px;
}

#currentDateContainer > .clickHere
{
	position: absolute; 
    color: #0271B6; 
    width: 100%; 
    font-size: 16px;
}

.filterItemHeader
{

}

.propertyNameCombo
{
	border: 0;
	opacity: 0;
	position: absolute;
	cursor: pointer;
	padding-left: 0;
	z-index: 1;
}

.propertyName
{
	background-image: url("../Images/ComboArrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	line-height: 24px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.propertyConditionsContainer
{
	max-width: 70%; /* Rotem - bug #51430 */
	padding: 0 10px;
}
	
.propertyConditions
{

	border: 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	background: white;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.filterInputBlur
{
    border-color: rgba(204, 204, 204, 0.65);
}

.filterInputFocus
{
    border-color: #FF9900;
}

.toolButton
{
	padding: 5px 17px 7px;
}

.toolButtonDown
{
    background-color: #0271B6 !important;
}

.editButton
{
	padding: 5px 0 3px;
	z-index: 1;
	position: relative;
	text-align: center;
}

.editButtonsSeparator
{
}

#buttonsContainer > td:last-child table,
#selectButtonsContainer > td:last-child table,
#buttonsContainer > td:last-child div
{
    border-right: none;
}

.WP-highlight #item
{
    background: rgba(37,63,109,0.3)!important
}

.highlightEnable
{
    cursor: pointer;
}

.highlight:active #item,
#btnNewContainer:active .highlightEnable,
#btnSelectContainer:active .highlightEnable,
#btnDeleteContainer:active .highlightEnable,
#btnReloadContainer:active .highlightEnable,
#btnSelectAllContainer:active .highlightEnable,
#btnSelectNoneContainer:active .highlightEnable,
.highlightEnable:active, 
.fileBrowserItem:active,
div.button1:active .highlightEnable,
div.W6ButtonsList:active,

div.toolButtonDown:active,
.adaptive_ui_panel_tab:active,


.propertyConditionsContainer:active,
.highlightEnable:active #propertyName,
#removeProperty:active,
.alertInboxNewItem:active,
.alertInboxItem:active,
.button1:active .highlightEnable
{
	 background: rgba(37,63,109,0.3)!important;
}

div.timeReportButton:active,
div.redButton:active
{
	background: rgba(37,63,109,0.3) !important;
	border: 1px solid #CCC;
}

.adaptive_ui_panel_tab_toggle_button:active,
input[type=checkbox]:active
{
	background-color: rgba(37,63,109,0.3) !important;
}

.selectAllButton
{
	margin-right: 2px;
}

.filterDate
{
	float: left;
	width: 50%;
}

.selectDate > .filterDate
{
    width: 100%;
	cursor: pointer;
}

.filterTime
{
	float: right;
	width: 41%;
}

.filterCombobox
{
	width: 100%;
	height: 24px;
	padding-right: 0;
}

.filterLong
{
	width: 100%;
}

.filterDescription
{
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #ECECEC;
}

.removeFiltering
{
	width: 12px;
	cursor: pointer;
	padding: 2px 10px 0 0;
}


.filterTextBox
{
	background-color: white;
	border: none;
	width: 100%;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin: 0;
	border-radius: 3px;
	padding: 1px 0;
}


.filterClearButtonContainer
{
	padding: 2px !important;
	line-height: 0;
	width: 30px;
}


.filterTextBox:focus
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-user-modify: read-write-plaintext-only;
    outline: none;
}

input[missingValue=true]::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input[missingValue=true]::input-placeholder, textarea::input-placeholder
{
  color: #A00000;
  font: normal 12px;
  line-height: 30px;
}

.errorMessage
{
	color: #A00000;
	font: normal 12px;
}

.notValidProperty
{
    border-color: #A00000 !important;;
}

/*Polina: Bug #62660*/
.notValidMV
{
    border: 1px solid #A00000 !important;
    border-radius: 5px;
}

.notValidBoolean
{
    border: 1px solid #A00000  !important;
    border-radius: 20px;
}

.attentionMessage
{
    text-shadow: 0px 1px 0px #ECECEC;
    font-size: 14px;
    width: 100%;
    color: #CCC;
    padding-left: 4px;
}

.errorMessageCombo
{
	position: absolute;
	padding-left: 5px;
}

.removeFilterProperty
{
	cursor: pointer;
	padding: 5px 10px;
}

.conversationTextBoxDiv
{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5px;
	border-radius: 0;
	border: 1px solid rgba(172, 172, 172, 0.59);
    	border-right: none;
    	border-left: none;
    	padding: 4px 3px 3px;
    	box-shadow: rgba(0, 0, 0, 0.0901961) 0 0 0 0;
	margin-bottom: 25px; /* Rotem - bug #75716 */
}

body.Windows_Phone .conversationTextBoxDiv
{
	height: 60px;
}

.conversationDiv
{
	overflow-y: auto;
	padding-top: 8px;
	margin-top: 0;
}

.toContainer
{
    top: 0;
    padding: 5px;
    position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	border-radius: 0;
	border: 1px solid rgba(172, 172, 172, 0.59);
    border-right: none;
    border-left: none;
    padding: 4px 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.0901961) 0 0 0 0;
}

#conversationForm
{
    -ms-touch-action:none;
    touch-action:none;
    padding: 1px;	
}

.messageDestination
{
	top: 35px;
}

/******************* Toggle control ***********************/

.toggleMainElement
{
	position: relative;
}

.toggleContainer
{
	position: absolute;
	float: left;
	border: 1px solid #B3B3B3;
	border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	height: 22px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1)));
	background: #eeeeee;
	overflow: hidden;
	color: #253F6D;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	left: 11px;
	padding: 0 5px 0 18px;
	text-overflow: ellipsis;
	cursor: pointer;

}

.toggleSlider
{
	position: absolute;
	border: 1px solid #B3B3B3;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	left: -1px;
	width: 22px;
	height: 22px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(30%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
	background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 30%,#d1d1d1 50%,#fefefe 100%);
	cursor: pointer;
}

.toggleBackgroundColor
{
	position: absolute;
	float: left;
	border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	width: 11px;
	height: 24px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1)));
	background: -ms-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	overflow: hidden;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	text-overflow: ellipsis;
	cursor: pointer;

}

.lockImage
{
	width: 17px;
	position: relative;
	top: 1px;
}

.menuItemImage
{
	width: 16px;
	height: 16px;
	padding: 1px 10px 0 0;
}

.norightcorners
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-right: none;
}

.noleftcorners
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;

}

.bubbleArrow {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-bottom-right-radius: 1px;
	height: 15px;
	position: absolute;
	width: 15px;
	background: white;
	border-left: 2px solid rgba(172, 172, 172, 0.59);
	border-top: 2px solid rgba(172, 172, 172, 0.59);
	top: 50px;
	border-right: none;
	border-bottom: none;
}

#filtersPanel
{
	margin-top: 25px;
}

#filterBubbleArrow
{
	background-color: White;
	top: -9px;
}

.headerButtonImage
{
	vertical-align: middle;
}

.menuBubbleArrow
{
	right: 10px;
	background: rgb(238, 238, 238);
	margin-top: -19px;
	border-right-color: #E9F0FA;
	border-bottom-color: #E9F0FA;
	top: 9px;
    z-index: 101;
}

.deleteTextColor
{
	color: #A00000;
	font-weight: bold;
}

.smallIcon
{
	width: 12px;
	height: 12px;
}






































































/******************* Message bubble ***********************/

.orangeBubble
{
	background-color: #0271B6;


}

.grayBubble
{
	background-color: #0271B6;
}

.lightGreenBubble
{
	background-color: #9AF3C1;
}

.darkBlueBubble
{
	background-color: #0271B6;
}

.lightBlueBubble
{
	background-color: #0271B6;
}

.chat-bubble-glare {
	height: 6px;
	padding: 6px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;


}

.chat-bubble-left {
	position: relative;
	margin: 6px 0 6px 10px;
	border: 1px solid #0271B6;
	border-radius: 5px;





	min-width: 10px;
	min-height: 29px;
	padding: 0 5px;
	text-align: left;
	cursor: pointer;
}

.chat-bubble-left-arrow {
	border-color: transparent #0271B6 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 3px;
	left: -7px;
	-webkit-transform: rotate(230deg);
	-moz-transform: rotate(230deg);
	-ms-transform: rotate(230deg);
	transform: rotate(230deg);
}

.chat-bubble-left-arrow-border {
	border-color: transparent #0271B6 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 2px;
	left: -7px;
	-webkit-transform: rotate(230deg);
	-moz-transform: rotate(230deg);
	-ms-transform: rotate(230deg);
	transform: rotate(230deg);
}

.chat-bubble-right {
	position: relative;
	margin: 6px 10px 6px 0;









	border:1px solid #0271B6;
	border-radius: 5px;
	min-width: 10px;
	min-height: 29px;
	padding: 0 5px;
	text-align: left;
	cursor: pointer;
}

.chat-bubble-right-arrow-border 
{
	border-color: transparent #0271B6 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 3px;
	right: -7px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

.chat-bubble-right-arrow {
	border-color: transparent #0271B6 transparent transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 4px;
	right: -7px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

.messageBubbleMainElement
{
	display: inline-block;
	max-width: 250px;
}


.contextMenuOpened .orangeBubble,
.contextMenuOpened .grayBubble,







.contextMenuOpened .chat-bubble-right,
.contextMenuOpened .chat-bubble-left,





.contextMenuOpened .chat-bubble-right-arrow-border,
.contextMenuOpened .chat-bubble-left-arrow-border,





.contextMenuOpened .chat-bubble-right-arrow,
.contextMenuOpened .chat-bubble-left-arrow
{
	-webkit-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
	filter: brightness(0.8);
}

.messageContentCell {
	width: 1px;
}

.messageTimeCellLeft {
	text-align: left;
}

.messageTimeCellRight {
	text-align: right;
}

.messageContentTable {
	border-spacing: 0; 
	width: 100%;
	padding: 0 7px;
}

.separateLine {
	background-image: url("../Images/GraySeparator.png");
	background-repeat: repeat-x;
	background-position: right center;
}

.messageDateContainer {
	width: 100%;
	border-spacing: 0;
}

.messageTimeRight
{
	text-shadow: 0px 1px 0px #ECECEC;
	position: relative;
	right: 5px;
	bottom: 9px;
	font-size: 11px;
	display: inline-block;
}

.messageTimeLeft
{
	text-shadow: 0px 1px 0px #ECECEC;
	position: relative;
	left: 5px;
	bottom: 9px;
	font-size: 11px;
	display: inline-block;
}

.messageDate
{
	text-shadow: 0px 1px 0px #ECECEC;
	width: 1px;
	white-space: nowrap ;
}

.messageText
{
	position: relative;
	margin: 6px 3px;
	word-wrap: break-word;
	top: -18px;
	margin-bottom: -10px;
	white-space: pre-wrap;
}

.chat-bubble-right > .messageText
{
	color: white;
}

.chat-bubble-left > .messageText
{
	color: white;
}

.MVButtonContainer
{
	width: 25%;
	padding-top: 3px;
	padding-bottom: 0;
}

#lastMessage
{
	white-space:pre-wrap;
	height: 51px;
	overflow: hidden;
	margin-bottom: 5px;
}

body.Windows_Phone #lastMessage,
body.iPhone #lastMessage
{
	height: 55px !important;
}

.newMessageButton
{
	padding: 6px 17px 12px !important;
}

.addressBook
{
    overflow:hidden;
    font-size:15px;
    border: 1px solid #CCC;
    height: 25px;
    border-radius: 3px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: Black;
	background-color: #EEE;
	padding: 0 5px;
}

.addressBookLabel
{
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 5px;
}

.addressBookButton
{
    margin: 0 5px;
    padding: 4px 17px 3px !important;
}

.sendMessageButton
{
    padding: 0 20px 8px !important;
    line-height: 28px;
    border: none !important;
    box-shadow: none !important;
}

.messageTextArea
{
    width: 100%;
    height: 19px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 19px;
}

#txtMessage.messageTextArea
{
    padding: 4px 0 4px 4px;
}
/******************* Buttons bubble panel ***********************/

.buttonsBubblePanel
{
	position: absolute;
	z-index: 3;
}

.buttonsBubblePanelCenter
{
    left: 80px;
}

.buttonsBubblePanelRight
{
    right: 5px;
    direction: rtl;
}

.buttonsBubblePanelLeft
{
    left: 5px;
    direction: ltr;
}

.bubbleArrowRight
{
    right: 20px;
    margin-top: 0;
}

.bubbleArrowLeft
{
    left: 20px;

}

.bubbleArrowCenter
{
    left: 40%;
    margin-top: 0;
}

.bubbleButtonText
{
    padding: 0 10px;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
}

.bubbleButtonsContainer
{
    color: white;
}

.bubbleArrowTop
{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom-right-radius: 1px;
	height: 15px;
	position: relative;
	width: 15px;
	background: rgb(68, 68, 68);
	border-left: 1px solid rgb(68, 68, 68);
	border-top: 1px solid rgb(68, 68, 68);
	border-right: none;
	border-bottom: none;
	z-index: 1;
}

.bubbleArrowBottom
{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	transform: rotate(45deg);
    border-bottom-right-radius: 1px;
    height: 15px;
    position: relative;
    width: 15px;
    background: rgb(68, 68, 68);
    border-right: 1px solid rgb(68, 68, 68);
    border-bottom: 1px solid rgb(68, 68, 68);
    margin-top: -8px;
    border-left: none;
    border-top: none;
    z-index: 1;
    bottom: 7px;
}

.bubbleInnerButton
{
	padding: 3px 0px 5px;
    background: rgb(68, 68, 68);
}

.bubbleOverSendControlRight
{
	top: 10px;
	right: 2px;
}

.bubbleOverSendControlLeft
{
	top: 10px;
	left: 2px;
}

.bubbleOverSendControlArrowRight
{
	top: 1px;
    right: 10px;
}

.bubbleOverSendControlArrowLeft
{
	top: 1px;
}

/******************* Predefined Filters ***********************/


.predefinedFilterIcon
{
    display: inline;
    position: relative;
    top: 5px;
}


.predefinedFilterName
{
    padding: 0px 10px;
    display: inline;
    color: #0271B6;
}


.predefinedFilterButton
{
	text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

/******************* Right-To-Left Support ***********************/

/*Rotem - bug #66032*/
#loginHtml[dir=rtl] #domain 
{
    background-position: left center;
}

#formContainer[dir=rtl] select,
#filtersBar[dir=rtl] select
{
    background-image: url("../Images/ComboArrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
}

#formContainer[dir=rtl] textarea,
#formContainer[dir=rtl] input,

.loginBox[dir=rtl] input,
.dialogBox[dir=rtl] input,
.form[dir=rtl] input
{
    padding-left: 5px;
}

#formContainer[dir=rtl] .PCTimePicker_ButtonsContainer,
#filtersBar[dir=rtl] .PCTimePicker_ButtonsContainer
{
    border-right: 1px solid #CCC;
    border-left: none;
}

#formContainer[dir=rtl] .PCTimePicker_ButtonUp,
#formContainer[dir=rtl] .PCTimePicker_ButtonDown,
#filtersBar[dir=rtl] .PCTimePicker_ButtonUp,
#filtersBar[dir=rtl] .PCTimePicker_ButtonDown
{
    padding: 3px 6px 3px 0;
}

#formContainer[dir=rtl] .W6CMPropPanel_ValuePanel > .W6CMPropPanel_Date
{
	float: right;
}

#formContainer[dir=rtl] .W6CMPropPanel_ValuePanel > .W6CMPropPanel_Time,
#formContainer[dir=rtl] .PCTimePicker_ControlStructure
{
	float: left;
}

#formContainer[dir=rtl] .PropPanel_TextArea,
#formContainer[dir=rtl] #commentValue
{
    padding-right: 0 !important;
    padding-left: 2px;
}

#formContainer[dir=rtl] .W6CMPropPanel_ValuePanel_Text
{
    padding-right: 0;
    padding-left: 0;
}

#formContainer[dir=rtl] .clockReportComment
{
    margin-left: 2px;
    padding-right: 0;
}

#formContainer[dir=rtl] .editButtonsSeparator,
#panelArea[dir=rtl] .editButtonsSeparator
{


}

#formContainer[dir=rtl] #buttonsContainer > td:last-child table,
#formContainer[dir=rtl] #selectButtonsContainer > td:last-child table,
#formContainer[dir=rtl] #buttonsContainer > td:last-child div,
#panelArea[dir=rtl] #buttonsContainer > td:last-child table
{
    border-left: none;
}

#formContainer[dir=rtl] .TextBoxControlExpendButton
{
	left: 5px !important;
	right: auto !important;
}

.headerMenu[dir=rtl] .menuItemImage 
{
    padding-left: 5px;
}

.headerMenu[dir=rtl] .menuBubbleArrow
{
    /*right: 0;*/
}

#conversationForm[dir=rtl] .headerMenu
{
    left: 7px;
    right: auto;
}

#conversationForm[dir=rtl] .menuBubbleArrow
{
    right: 178px;
}

#filtersBar[dir=rtl] #filterButtonArea
{
    margin-left: 40px;
    margin-right: 0;
}

#filtersBar[dir=rtl] .removeFilterProperty
{
    padding: 5px 10px 5px 5px;
}

#filtersBar[dir=rtl] .inputText
{
	margin-left: 4px;
	margin-right: 0;
}

#filtersBar[dir=rtl] .propertyName
{
    background-image: url("../Images/ComboArrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 0;
}

#filtersBar[dir=rtl] .errorMessage
{
    padding-left: 0;
    padding-right: 2px;
}

#filtersBar[dir=rtl] .clickHere
{
    padding: 0 2px 0 0;
}

#filtersBar[dir=rtl] .filter
{
	padding: 10px 8px 9px 5px;
}

#frmTimesheetOpening[dir=rtl] .clock,
#frmTimesheetOpening[dir=rtl] .date
{
    text-align: left;
}

#frmTimesheetOpening[dir=rtl] #label,
.alertForm[dir=rtl] .alertInboxNewItem,
.alertForm[dir=rtl] .alertInboxItem,
.headerMenu[dir=rtl],

#formContainer[dir=rtl] .W6AttachmentsList #titleText,
#formContainer[dir=rtl] .W6AttachmentsList #secondaryText
{
    text-align: right;
}

#frmTimesheetOpening[dir=rtl] .timesheetOpeningButtonsContainer
{
    padding: 0 5px 0 38px;
}

#formContainer[dir=rtl] #itemMarkCell
{
	vertical-align: top;
	width: 21px;
    padding: 0 5px 0 15px;
}

.deleteAlert
{
    position: absolute;
    right: -0.5px;
    top: 0px;
    display: block;
    padding: 16px;
}

.alertForm[dir=rtl] .followUpIndication
{
	right: auto;
	left: 37px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.alertForm[dir=rtl] .followUpIndication,
.alertForm[dir=rtl] .yellowArrow
{
	right: auto;
	left: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.alertForm[dir=rtl] .previewIconHolder
{
	padding-left: 10px;
}

.alertForm[dir=rtl] .previewTextHolder
{
    padding-right: 40px;
}


.fileOpenButton[dir=rtl] .fileBrowserOpenFileBtn
{
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

#frmPredefinedFilters[dir=rtl] .predefinedFilterButton
{
	text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

/******************* Jump to Tab ***********************/

.selectTab
{
	opacity: 0;
    position: absolute;
    cursor: pointer;
    width: 100%;
    left: 0.5px;
    height: 100%;
    top: 0;
}

/******************* IE support ***********************/

select::-ms-expand
{
    display: none;
}

input::-ms-clear
{
    display: none;
}

textarea
{
	overflow: auto;
}

img
{
    border: none;	
}

/*input[type="checkbox"] + label span,*/
.checkBox
{
    display:inline-block;
    width: 30px;
    height: 30px;
    background:url("../Images/CheckBox.png") left top no-repeat;
    background-size: 30px;
    -webkit-transition: all .2s ease-out; 
    transition: all .2s ease-out; 
    cursor: pointer;
}

/*input[type="checkbox"]:checked + label span,*/
.checkBoxChecked
{
    background:url("../Images/CheckBoxChecked.png") left top no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/*input[type=checkbox]:disabled + label span*/
.checkBoxDisabled
{
	background:url("../Images/CheckBoxDisabled.png") left top no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

/*input[type=checkbox]:disabled:checked + label span*/
.checkBoxCheckedDisabled
{
	background:url("../Images/CheckBoxDisabledChecked.png") left top no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
}

/******************* MASK SPINNER START *****************/
/* Eyal Ohayon */
.SpinnerCheckImage
{
    position: relative;
	z-index: 103;
	left: 15px;
	top: -83px;
	width: 56px;
}

.SpinnerClockImage
{
    width: 100px;
}

.SpinnerBackground
{
    border-radius: 50%;
	height: 100px;
	width: 100px;
	/*background: rgba(255,255,255,0.9);*/
	display: inline-block;
}

.rotate {
    -webkit-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@keyframes spin {
    100% {
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
/******************* MASK SPINNER END *******************/

#dontShow
{
	line-height: 30px;
	height: 40px;
}

.OfflineAlertContainer
{
	padding: 0 10px;
}

#divGPSAlert
{
	width: 275px;
}

/******************* BUTLER MANAGER *******************/
#ButlerManagerPanel
{
    width: 34px;
    height: 42px;
    position: absolute;
    display: block;
    overflow: hidden;
    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(1, 119, 193, 1)), to(rgba(2, 113, 182, 1)));*/
    margin-right: 10px;
    margin-top: -44px;
    right: 0;
    z-index:4;
}

#ButlerExpandButton
{
    width: 35px;
    height: 43px;
    position: absolute;
    display: inline;
    right: 2px;
    z-index: 1;
}

#ButlerImg
{
    width: 27px;
    display: inline;
    height: 27px;
    float: right;
    padding-top: 9px;
    padding-right: 4px;
    cursor: pointer;
}

#ButlerNumbersButton
{
    position: absolute;
    right: 0px;
    top: 3px;
    z-index: 1;
    margin-top: 1px;
    text-align: center;
    cursor: pointer;
    opacity:1;
}

.ButlerRegularIconBadge
{
    width: 15px !important;
}

.ButlerLargeIconBadge
{
    width: 16px !important;
}

.ButlerLargerIconBadge
{
    width: 19px !important;
    text-indent: 0px;
}

#ButlerRightButton
{
    cursor: pointer;
    top: 75px;
    position: absolute;
    width: 25px;
    height: 100px;
    right: 0;
    z-index: 1;
}

.butlerPanel
{
    display: block;
    position: relative;
    float: left;
    margin-top: 0px;
    box-shadow: rgba(54, 54, 54, 0.498039) 0px 1px 2px;
}

.ButlerButtonImg
{
    padding-top: 6px;
    margin-right: 5px;
    margin-left: 5px;
    width: 8px;
}

#ButlerLeftButton
{
    cursor: pointer;
    top: 75px;
    position: absolute;
    width: 25px;
    height: 100px;
    z-index: 1;
}

#butlerData
{
    width: 8000px;
    visibility: hidden;
    position: relative;
    left: 0px;
}
        
#ButlerPages
{
    position: fixed;
    text-align: center;
    visibility: hidden;
    margin-right:25px;
    padding-top:3px;
    right: 5px;
    z-index: 1;
}

#butlerDataList
{
    height: 100%;
}

.butlerButtonText
{
    margin-top: -6px;
    color: white;
    height: 16px;
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.butlerButtonEnable
{
    cursor: pointer;
    Width : 35%;
    Text-Align : center;
}

.butlerButtonDisable
{
    opacity: 0.5;
    Width : 35%;
    Text-Align : center;
}

.butlerMidButtonEnable
{
    cursor: pointer;
    Width : 30%;
    Text-Align : center;
}

.butlerMidButtonDisable
{
    opacity: 0.5;
    Width : 30%;
    Text-Align : center;
}

.butlerButtonsContainer
{
    height: 51px;
    padding-top: 4px;
}

.butlerTitleContainer
{
    cursor: default;
    margin: 0px 25px;
    color: White;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;

}

.butlerImageContainer
{
    text-align: center;
    margin-top: 14px;
    height: 63px;
}

.butlerItemIcon
{
    width: 50px;
    height: 50px;
    padding-top: 5px;
}

.butlerButtonImage
{
    padding-top: 2px;
    height: 28px;
}

.butlerTextContainer
{
    cursor: default;
    text-overflow: clip;
    overflow-y: auto;
    padding: 2px 25px 0px;
    color: white;
    font-size: 13px;
}

.butlerWidgetContainer
{
    padding: 4px 25px;
    text-align: center;
    background: white;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 5px;
    height: 40px;
}

.butlerPaging
{
    width: 6px;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    display: inline-block;
}

.butlerPagingSelected
{
    width: 6px;
    height: 3px;
    background: white;
    border-radius: 10px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    display: inline-block;
}

/******************* TABLE LAYOUT *******************/
.TL_1
{
    max-width: 10%;
    min-width: 10%;
    display: inline-block;
    vertical-align: top;
}
.TL_2
{
    max-width: 20%;
    min-width: 20%;
    display: inline-block;
    vertical-align: top;
}
.TL_3
{
    max-width: 30%;
    min-width: 30%;
    display: inline-block;
    vertical-align: top;
}
.TL_4
{
    max-width: 40%;
    min-width: 40%;
    display: inline-block;
    vertical-align: top;
}
.TL_5
{
    max-width: 50%;
    min-width: 50%;
    display: inline-block;
    vertical-align: top;
}
.TL_6
{
    max-width: 60%;
    min-width: 60%;
    display: inline-block;
    vertical-align: top;
}
.TL_7
{
    max-width: 70%;
    min-width: 70%;
    display: inline-block;
    vertical-align: top;
}
.TL_8
{
    max-width: 80%;
    min-width: 80%;
    display: inline-block;
    vertical-align: top;
}
.TL_9
{
    max-width: 90%;
    min-width: 90%;
    display: inline-block;
    vertical-align: top;
}
.TL_10
{
    max-width: 100%;
    min-width: 100%;
    display: inline-block;
    vertical-align: top;
}

.TL_Empty
{
    display:inline-block;
}

.TL_Hidden
{
    display:none !important;
}

@media only screen and (max-width: 500px)
{
	.TL_1
    {
        max-width: 20%;
        min-width: 20%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_2
    {
        max-width: 40%;
        min-width: 40%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_3
    {
        max-width: 60%;
        min-width: 60%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_4
    {
        max-width: 80%;
        min-width: 80%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_5
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_6
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_7
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_8
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_9
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .TL_10
    {
        max-width: 100%;
        min-width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    
    .TL_Empty
    {
        display:none !important;
    }
}

.formNotificationPanel
{
        display: block;
        background-color: #fdf8e4;
        margin-top: 2px;
        margin-bottom: -10px;
        padding: 7px 20px 5px 20px;
        border-color: #f1eedd;
        border-width: 1px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 1px;
}

/******************* Progress Pie chart *******************/

.pie-chart-title
{
    text-align: center;
    font-size: medium;
    cursor: default;
}

.pie-chart-bottom
{
    text-align: center;
    font-size: larger;
    cursor: default;
    color: #B6B6B6;
}

.progress-pie-chart
{
    width: 62px;
    height: 62px;
    border-radius: 50%;
    position: relative;
    margin: 10px auto;
}

.ppc-progress
{
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 31px);
    top: calc(50% - 31px);
    width: 62px;
    height: 62px;
    clip: rect(0, 62px, 62px, 31px);
    /*left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;*/
}

.ppc-progress-fill
{
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 31px);
    top: calc(50% - 31px);
    width: 62px;
    height: 62px;
    clip: rect(0, 62px, 62px, 31px);
    /*left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;*/
}

.ppc-percents
{
    position: absolute;
    border-radius:50%;
    left: calc(50% - 26px);
    top: calc(50% - 26px);
    width: 52px;
    height: 52px;
    background: #fff;
    text-align: center;
    display: table;
    /*left: 50%;
    margin-left: -27px;
    top: 50%;
    margin-top: -27px;*/
}

.ppc-percents-wrapper
{
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.ppc-percents-wrapper-text
{
    display: inline-block;
    font-size: 15px;
    margin: 0 auto;
    max-width: 52px;
    max-height: 52px;
}

.ppc-percents-wrapper-text span
{
    font-size: 12px;
    word-break: break-word;
    border-radius: 50%;
}

.ppc-grater180
{
    clip: rect(0, 31px, 62px, 0);
}

/******************* Value chart *******************/

.value-chart
{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: relative;
    margin: auto;
}

.value-chart-fill
{
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 26px);
    top: calc(50% - 26px);
    width: 52px;
    height: 52px;
    clip: rect(0, 52px, 52px, 26px);
    /*left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;*/
}

.value-chart-text
{
    position: absolute;
    border-radius:50%;
    left: calc(50% - 22px);
    top: calc(50% - 22px);
    width: 44px;
    height:44px;
    background: #fff;
    text-align: center;
    display: table;
    /*left: 50%;
    margin-left: -22px;
    top: 50%;
    margin-top: -22px;*/
}

.value-chart-wrapper
{
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-align: -webkit-center;
}

.value-chart-wrapper span
{
    display: table-cell;
    font-size: 15px;
    max-width: 44px;
    max-height: 44px;
    word-break: break-word;
    border-radius: 50%;
}

.value-chart-image-panel
{
    width: 13px;
    position: relative;
    left: -11px;
    text-align: center;
    padding-top: 35px;
}

.value-chart-image
{
    width: 11px;
    height: 15px;
}

/******************* Multi Progress Bar *******************/

.multi-progress-bar
{
    width: calc(100% - 50px);
    display: inline-block;
    padding: 5px 0;
}

.mpb-text
{
    float: right;
    width: 45px;
    display: inline-table;
}

.mpb-text span
{
    color: #B6B6B6;
}


.multi-progress-bar-item
{
    display: inline-block;
}

.mpbi-text
{
    text-align: center;
    padding:3px 0;
    color: #B6B6B6;
}

.mpbi-item
{
    height: 7px;
    width: 100%;
    border: 1px solid rgb(218, 218, 218);
    background: rgb(218, 218, 218);
    border-bottom: 0px;
    border-top: 0px;
}

/** Snapshot **/
.chromeSnapshotImg
{
    cursor: pointer;
    top: 380px;
    display: inline-block;
    position: absolute;
    left: 270px;
    padding: 9px 10px 10px 8px;
    z-index: 1;
    background: white;
    opacity: 0.6;
    border-radius: 100%;
    height: 40px;
    width: 41px;
}

.chromeSnapshotFrame
{
    width: 600px;
    height: 450px;
}

/* Bug 82248:Cut label of BO in PowerMap */
.gm-style-iw
{
    overflow: visible !important;
}

/* Rotem - bug #121332. Change google maps :after element */
.gm-style .gm-style-iw-t.changed:after {
    background: none;
    opacity: 0.7;
    width: 0px;
    height: 0px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 24px solid rgb(0, 0, 0);
    left: -12px;
    transform: none;
}

.loginDisabled {
	background: #DEDFE4 !important;
	color: #B0B0B0 !important;
	cursor: default !important;
}

.loginDisabled:active {
	background: #DEDFE4 !important;
}