/* Minification failed. Returning unminified contents.
(494,1): run-time error CSS1019: Unexpected token, found '@import'
(494,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.base.css"'
(495,1): run-time error CSS1019: Unexpected token, found '@import'
(495,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.theme.css"'
(560,1): run-time error CSS1019: Unexpected token, found '@import'
(560,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.core.css")'
(562,1): run-time error CSS1019: Unexpected token, found '@import'
(562,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.accordion.css")'
(563,1): run-time error CSS1019: Unexpected token, found '@import'
(563,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.autocomplete.css")'
(564,1): run-time error CSS1019: Unexpected token, found '@import'
(564,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.button.css")'
(565,1): run-time error CSS1019: Unexpected token, found '@import'
(565,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.datepicker.css")'
(566,1): run-time error CSS1019: Unexpected token, found '@import'
(566,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.dialog.css")'
(567,1): run-time error CSS1019: Unexpected token, found '@import'
(567,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.progressbar.css")'
(568,1): run-time error CSS1019: Unexpected token, found '@import'
(568,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.resizable.css")'
(569,1): run-time error CSS1019: Unexpected token, found '@import'
(569,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.selectable.css")'
(570,1): run-time error CSS1019: Unexpected token, found '@import'
(570,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.slider.css")'
(571,1): run-time error CSS1019: Unexpected token, found '@import'
(571,9): run-time error CSS1019: Unexpected token, found 'url("jquery.ui.tabs.css")'
(2256,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4316,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4317,10): run-time error CSS1035: Expected colon, found '{'
(4334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4335,10): run-time error CSS1035: Expected colon, found '{'
(4352,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4353,10): run-time error CSS1035: Expected colon, found '{'
(4385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4386,10): run-time error CSS1035: Expected colon, found '{'
 */
/*! jQuery UI - v1.8.24 - 2012-09-28
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/*!
 * jQuery UI Accordion 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

/*!
 * jQuery UI Autocomplete 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import url("jquery.ui.core.css");

@import url("jquery.ui.accordion.css");
@import url("jquery.ui.autocomplete.css");
@import url("jquery.ui.button.css");
@import url("jquery.ui.datepicker.css");
@import url("jquery.ui.dialog.css");
@import url("jquery.ui.progressbar.css");
@import url("jquery.ui.resizable.css");
@import url("jquery.ui.selectable.css");
@import url("jquery.ui.slider.css");
@import url("jquery.ui.tabs.css");

/*!
 * jQuery UI Button 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * jQuery UI Datepicker 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*!
 * jQuery UI Dialog 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*!
 * jQuery UI Progressbar 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*!
 * jQuery UI Resizable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/*!
 * jQuery UI Selectable 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*!
 * jQuery UI Slider 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*!
 * jQuery UI Tabs 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*!
 * jQuery UI CSS Framework 1.8.24
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/*.dropShadow {
    color: @black;
    opacity: @dropShadowOpacity;
    /*
        X offset: 2px
        Y offset: 2px (down)
        Blur: 2px

}*/

.collapsing > .expand-button {
    background: url(Sprites/sprite_controls.png) no-repeat;
    background-position: -150px -120px;
    width: 30px;
    height: 18px;
    float: right;
    /*border: none;*/
    cursor: pointer;
}

    .collapsing > .expand-button.collapsed {
        background-position: -120px -120px;
    }

.collapsing input.waterMarkInput {
    margin-bottom: 5px;
}

.collapsing input.waterMarkValue {
    font-style: italic;
}

.collapsing .search {
    background: url(Sprites/sprite_controls.png) no-repeat;
    background-position: -34px -34px;
    width: 26px;
    height: 24px;
    float: right;
    /*border: none;*/
    margin-right: 10px;
    cursor: pointer;
}

.collapsing article {
    margin-top: 0px;
}

.collapsing .search-panel {
    height: 35px;
}
/*
.collapsing .fields {
    width: 100%;
    clear: both;
}
*/
.collapsing.qrcode {
    width: 400px;
    margin-left: 435px;
    margin-top: -70px;
    height: 20px;
}
.color1
{
  color:#000000;
}

.color2
{
  color:#4e4e4e;
}

.color3
{
  color:#d4d4d4;
}

.color4
{
  color:#f3f3f3;
}

.color5
{
  color:#ffffff;
}

.color6 {
    color: #3a3a3a;
}

.color7
{
  color:#2c98bc;
}

.color8
{
  color:#f7971c;
}

.color9
{
  color:#8ab6c3
}

.color10
{
  color:#9ab3b8;
}

.color11
{
  color:#c4d3d8;
}

.color12
{
  color:#d5e0da;
}

.color13
{
  color:#ff0000;
}

.color14
{
  color:#5f9a26;
}

.bgcolor1
{
  background-color:#000000;
}

.bgcolor2
{
  background-color:#4e4e4e;
}

.bgcolor3 {
    background: url(img/images/bg_sunrise.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.bgcolor4
{
  background-color:#f3f3f3;
}

.bgcolor5
{
  background-color:#ffffff;
}

.bgcolor6
{
  background-color:#29497a;
}

.bgcolor7
{
  background-color:#2c98bc;
}

.bgcolor8
{
  background-color:#f7971c;
}

.bgcolor9
{
  background-color:#8ab6c3
}

.bgcolor10
{
  background-color:#9ab3b8;
}

.bgcolor11
{
  background-color:#c4d3d8;
}

.bgcolor12
{
  background-color:#d5e0da;
}

.bgcolor13
{
  background-color:#ff0000;
}

.bgcolor14
{
  background-color:#5f9a26;
}
body {
}

.not-displayed {
    display: none;
}

.not-displayed-important {
    display: none !important;
}

.transparent {
    filter: alpha(opacity=0); /* For IE8 and earlier */
    opacity: 0;
}

.multi-control-line {
    display: table;
    width: 100%;
}
.half-label{
    width:30%; 
}
.half-label-readonly{
    width:30%; 
    margin-bottom:10px;
}

.uppercase {
    text-transform: uppercase;
}

    .multi-control-line > * {
        display: table-cell;
        table-layout: fixed;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .multi-control-line > :first-child {
        padding-left: 0;
    }

    .multi-control-line > :last-child {
        padding-right: 0;
    }

    .multi-control-line.two-halves > * {
        width: 50%;
    }

    .multi-control-line.date-and-time > :first-child {
        width: 62%; /*200px;*/
    }

    .multi-control-line > input[type='hidden'] {
        width: 0;
        display: none;
    }

    .date-part .multi-control-line > p {
        padding-left:0;
        padding-right:4px;
    }
    
    .half {
        width: 50%;
    }

    .halffixed { /*Fixed half width*/
        width: 161px;
    }

    .quarter {
        width: 25%;
    }
    .button-right {
        float:right;
        margin-left:10px;
        text-align:right;
    }

/* Move to other file when all pages use standard controls.*/
.columnLayout > div > div:not(:first-of-type) h2 {
    padding-top: 60px;
}

.required:after {
    content: '*';
}

/* Popup Message  - BEGIN */

#popupMessage ~ div .buttonOk {
    height: 40px;
    width: 40px;
    background-image: url('../../img/icons/sprite_controls.png');
    background-position: -0px -100px;
}

#popupMessage ~ div .buttonCancel {
    height: 40px;
    width: 40px;
    background-image: url('../../img/icons/sprite_controls.png');
    background-position: -40px -100px;
}

#popupMessage, .popupMessage {
    width: 550px !important;
    margin: 0 auto;
}

/* Popup Message  - END */
.columntop{
  padding-top:0px !important;
}

.section-header-changepassword {
    font-size: 20pt;
    color: #3A3A3A;
    margin-left: 35px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}
.table-grid {
    margin-left: 35px;
    margin-right: 35px;
}

.edit-details-header {
    font-size: 16pt;
    color: #3a3a3a;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.custom-edit-header {
    font-size: 11pt;
    color: #1B709F;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.custom-label-style {
    font-size: 10pt !important;
    color: #3a3a3a !important;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
}

.welcome-message {
    margin-left: 35px;
}
/* menu */
nav {
    position: fixed !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    nav#main-menu {
        float: left;
        width: 65px;
        height: 100%;
        padding-top: 64px;
    }

.main-menu-button {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-admin {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-log {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}
.main-menu-button-adminaccount {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-clients {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-editaccount {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-changepassword {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-button-logout {
    width: 65px;
    height: 65px;
    display: block;
    overflow: hidden;
}

.main-menu-icon {
    width: 32px;
    height: 32px;
    background-position-x: 0;
    margin-top: 16px;
    margin-left: 16px;
}

.clear-both {
    clear: both;
}

/* headers */
.headerFullA {
    font-size: 20pt;
}

.headerFullB {
    word-wrap: break-word;
    max-width: 350px;
    font-size: 10pt;
}

a {
    color: #2998BC; /* color 7 */
}

    a.buttonA {
        width: 160px;
        height: 30px;
        line-height: 30px;
        background-image: url('Sprites/ButtonTypeABSprite.png');
    }

/* text box */
input.text-box {
    width: 330px;
    height: 30px;
    font-size: 11pt;
    text-indent: 10px;
    border: 0;
    padding: 0;
    background-color: #dfeaed; /* color 4*/
    border: 1px solid #f3f3f3; /* color 4*/
}

    input.text-box:focus {
        background-color: #dfeaed; /* color 5 */
        border: 1px solid #f0a322; /* color 3*/
        outline: none;
    }

input[type='submit'] {
    width: 40px;
    height: 40px;
    background: url(Sprites/sprite_controls.png) no-repeat 0 -100px;
    color: transparent;
    border: none;
}

.editor-label {
    margin-top: 8px;
}

    .editor-label label {
        font-size: 8pt;
        color: #1b709f;
    }

.editor-field {
    position: relative;
    width: 400px; /* fixes chrome validation label positioning */
}

.field-validation-error {
    color: #ff0000; /* color 13 */
    position: absolute;
    padding: 10px;
    border: 1px solid #ff0000; /* color 13 */
    margin-left: -341px;
    background-color: #ffffff; /* color 5 */
    text-align: left;
    top: 50%;
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 325px;
    z-index: 1;
    margin-top: -47px;
}

    .field-validation-error:before, .field-validation-error:after {
        right: 179px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
    }

    .field-validation-error:after {
        border-color: rgba(255, 255, 255, 0); /* color 5 */
        border-right-color: #ffffff; /* color 5 */
        border-width: 10px;
        top: 49px;
        margin-top: -10px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        left: 144px;
    }

   

.field-validation-error-strongpassword {
    color: #ff0000; /* color 13 */
    position: absolute;
    padding: 10px;
    border: 1px solid #ff0000; /* color 13 */
    margin-left: -338px;
    background-color: #ffffff; /* color 5 */
    text-align: left;
    top: -97%;
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 325px;
    z-index: 1;
}

    .field-validation-error-strongpassword:before, .field-validation-error-strongpassword:after {
        right: 164px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
    }

    .field-validation-error-strongpassword:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 10px;
        top: 50px;
        margin-top: -11px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        left: 160px;
        -webkit-padding-before: 2px;
    }

    .field-validation-error-strongpassword:before {
        border-color: rgba(255, 0, 0, 0);
        border-right-color: #ff0000;
        border-width: 11px;
        top: 50px;
        margin-top: -11px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -webkit-padding-before: 2px;
    }

.new-password .field-validation-error-strongpassword:after {
    top: 50px;
}

.new-password .field-validation-error-strongpassword:before {
    top: 50px;
}

.field-validation-error-tips {
    color: #ff0000; /* color 13 */
    position: absolute;
    padding: 10px;
    border: 1px solid #ff0000; /* color 13 */
    margin-left: -338px;
    background-color: #ffffff; /* color 5 */
    text-align: left;
    top: -200%;
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 325px;
    z-index: 1;
}

    .field-validation-error-tips:before, .field-validation-error-tips:after {
        right: 164px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
    }

    .field-validation-error-tips:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 10px;
        top: 48px;
        margin-top: 49px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        left: 160px;
        -webkit-padding-before: 6px;
    }
    @-moz-document url-prefix() {
        .field-validation-error-tips:after {
            margin-top: 49px;
        }
    }

.field-validation-error-tips:before {
    border-color: rgba(255, 0, 0, 0);
    border-right-color: #ff0000;
    border-width: 11px;
    top: 48px;
    margin-top: 49px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -webkit-padding-before: 7px;
}
.new-password .field-validation-error-tips {
    top: -158%;
}
.new-password .field-validation-error-tips:after {
    top: 29px;
}
.new-password .field-validation-error-tips:before {
    top: 29px;
}

.tel-error {
    margin-left: -328px;
}
    .tel-error:after {
        left: 123px;
        top: 50px;
    }

    .field-validation-error:before {
        border-color: rgba(255, 0, 0, 0); /* color 13 */
        border-right-color: #ff0000; /* color 13 */
        border-width: 11px;
        top: 51px;
        margin-top: -11px;
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    }

input.input-phone {
    height: 30px;
    width: 330px;
}

input.input-validation-error {
    border-color: #ff0000; /* color 13 */
}

    input.input-validation-error:focus {
        border-color: #ff0000; /* color 13 */
    }

/* display */
.display-label, .display-field {
    margin-top: 13px;
    color: #4e4e4e; /* color 2*/
}

.editor-link {
    margin-top: 8px;
    max-width:350px;
        font-size: 10pt;
}

.display-field {
    margin-bottom: 25px;
}

/* checkbox */
input[type='checkbox'] {
    /* Hide the input, but have it still be clickable */
    position: absolute;
    width: 18px;
}

    input[type='checkbox'] + label {
        margin: 0;
        clear: none;
        /* Left padding makes room for image */
        padding: 0 0 0 24px;
        /* Make look clickable because they are */
        cursor: pointer;
        background: url('Sprites/CheckboxSprite.png') left top no-repeat;
        line-height: 20px;
        display: inline-block;
    }

    input[type='checkbox']:checked + label {
        background-position: 0 -20px;
    }

.between-buttons-margin {
    margin-right: 10px;
}
/* buttons */
button {
    border: 0;
    padding: 0;
    font-size: 13pt;
    cursor: pointer;
}

    button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.buttonA {
        height: 40px;
        line-height: 30px;
    }
    .resourceButtons{
        padding-top:50px;
    }

.buttonABImage, .buttonB {
    width: 30px;
    height: 30px;
    background-image: url('Sprites/ButtonTypeABSprite.png');
}

.buttonABImage {
    float: left;
}

.buttonABCancel {
    background-position: 0 0;
}

.buttonABSave {
    background-position: -30px 0;
}

.buttonABArrow {
    width: 40px;
    height: 40px;
    background: url(Sprites/sprite_controls.png) no-repeat 0 -100px;
    color: transparent;
    border: none;
}

.buttonABNext {
    background-position: -90px 0;
}

.buttonABCheck {
    background-position: -120px 0;
}

.buttonABSendMail {
    background-position: -150px 0;
}

.buttonABEdit {
    background-position: -180px 0;
}

.buttonABLockClosed {
    background-position: -210px 0;
}

.buttonABLockOpen {
    background-position: -240px 0;
}

.buttonABRefresh {
    background-position: -270px 0;
}

.buttonABZoomIn {
    background-position: 0 -30px;
}

.buttonABZoomOut {
    background-position: -30px -30px;
}

td.dxgvHeader {
    padding-bottom: 15px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #4e4e4e;
    background: #FFF;
    font-size: 16px;
}

td.dx-ac {
    text-align: left;
}

table.dxgvControl {
    border: 0;
}

div.dxgvPagerBottomPanel div.dxpLite,
table.dxgvControl {
    font-family: Segoe UI;
    font-size: 14px;
    color: #4e4e4e;
}

img.dxGridView_gvHeaderSortDown,
img.dxGridView_gvHeaderSortUp {
    width: 18px;
    height: 10px;
}

td.dxgvHeader {
    padding-left: 0;
}

tr.dxgvSelectedRow td.dxgv {
    padding-top: 15px;
    padding-bottom: 15px;
    border-style: none;
}


img.dxGridView_gvHeaderSortDown {
    background: url('Sprites/TableControlsSprite.png') no-repeat -40px 0;
}

img.dxGridView_gvHeaderSortUp {
    background: url('Sprites/TableControlsSprite.png') no-repeat -60px 0;
}

td.dxgv {
    cursor: pointer;
}

tr.dxgvDataRow td.dxgv {
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

tr.dxgvDataRowAlt {
    background-color: #f3f3f3;
}

tr.dxgvSelectedRow {
    background-color: inherit;
    color: black;
    border: none;
}

tr.dxgvFocusedRow {
    background-color: #f3f3f3;
    color: black;
    border-style: none;
}

td.dxgvEditFormDisplayRow {
    border-style: none;
}

div.dxgvPagerBottomPanel {
    background: #fff;
}

tr.dxgvFilterRow td.dxgv {
    background: #fff;
    border-style: none;
}

span.dxWeb_edtCheckBoxChecked,
span.dxWeb_edtCheckBoxUnchecked,
span.dxWeb_edtCheckBoxGrayed,
span.dxWeb_edtCheckBoxCheckedDisabled,
span.dxWeb_edtCheckBoxUncheckedDisabled,
span.dxWeb_edtCheckBoxGrayedDisabled {
    background: url('Sprites/TableControlsSprite.png') no-repeat;
    background-position: 0 0;
    height: 20px;
    width: 20px;
}

span.dxWeb_edtCheckBoxChecked {
    background-position: -20px 0;
}

td .dxgvEditFormDisplayRow td.dxgv,
td .dxgvDataRow td.dxgv,
td .dxgvDataRowAlt td.dxgv,
td .dxgvSelectedRow td.dxgv,
td .dxgvFocusedRow td.dxgv {
    padding-left: 0;
    padding-right: 0;
}

div.grid-search-button {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('Sprites/TableControlsSprite.png') no-repeat -80px 0;
}

.search-box {
    display: none;
    float: right;
    position: relative;
    width: 350px;
    height: 40px;
}

    .search-box .grid-search-button {
        position: absolute;
        right: 7px;
        top: 10px;
    }

    .search-box input::-ms-clear {
        margin-right: 22px;
    }

.grid-header {
    height: 40px;
    margin-top:70px;
}

    .grid-header h1, h2, h3 {
        float: left;
    }

.password-strength-indicator {
    width: 120px;
    height: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}


.footer-buttons {
    margin-bottom: 0;
    width: 100%;
    height: 70px;
    margin-top: auto;
    display: none;
    overflow: hidden;
}


.footer-content-offset {
    margin-left: 64px;
}

.footer-menu-icon {
    margin-top: 3px;
    width: 50px;
    height: 50px;
    background-position: 0 0;
    background-image: url('Sprites/ButtonTypeDSprite.png');
    background-size: 150px;
    background-repeat: no-repeat;
}

.footer-menu-title {
    color: white;
    font-size: 8pt;
    text-align: center;
    width: 50px;
}

.footer-menu-icon-block {
    background-position: 0 0;
}

.footer-menu-icon-unblock {
    background-position: -50px 0;
}

.footer-menu-icon-force {
    background-position: -100px 0;
}

.footer-menu-icon-help {
    background-position: -50px 0;
}

.footer-menu-button {
    background-color: transparent;
    width: 65px;
    height: 73px;
}

.footer-menu-button-cloak {
    display: none;
}

.footer-menu-button-left {
    float: left;
}

.footer-menu-button-right {
    float: right;
}

.footer-menu-separator {
    width: 26px;
    height: 40px;
    margin-top: 10px;
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 1px;
}

li.dxmLite li.dxm-item, li.dxmLite li.dxm-popOut {
    border-style: none;
}
.radio-button{
    margin-top:10px;
}
input[type='checkbox'].invisible,
input[type='radio'].invisible {
    display: inline;
}

input[type='checkbox'],
input[type='radio'] {
    display: none;
    height: 0px;
    margin: 0px;
    opacity: 0;
}

input ~ label[for] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;*/
}


input[type=radio] ~ label[for] {
    z-index: 1;
    padding-left: 22px;
    text-indent: -22px;
    margin-bottom: 19px;
}

input[type='radio'] ~ label[for]:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    vertical-align: top;
}

input[type=checkbox] ~ label[for] {
    z-index: 1;
    margin-bottom: 19px;
    padding-left: 25px;
    text-indent: -25px;
}

/* checkbox icon styles */

input[type='checkbox'] ~ label[for]:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: top;
    box-sizing: border-box;
}

/*.action-grey-background input[type='checkbox'] ~ label[for]:before {
    height: 20px;
    width: 20px;
}
*/

fieldset input + label[for] {
    width: 50%;
    float: left;
}

/* Color for disabled checkbox and radio button*/
input[type='checkbox']:disabled + label[for],
.action-grey-background input[type='checkbox']:disabled + label[for],
input[type='radio']:disabled + label[for],
.action-grey-background input[type='radio']:disabled + label[for] {
    font-family: OpenSansLight;
    color: #a0a0a0;
}

/* Default checkbox */
input[type='checkbox'] + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat 0px -140px;
}


/* Disabled checkbox */
input[type='checkbox']:disabled + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -140px;
}

/* Checkbox in hover mode */
input[type='checkbox'] + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -20px -140px;
}

/* Disabled checkbox in hover mode */
input[type='checkbox']:disabled + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -140px;
}

/* Checked checkbox */
input[type='checkbox']:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -40px -140px;
}

/* Disabled checked checkbox */
input[type='checkbox']:disabled:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -200px -140px;
}

/* Checked checkbox in hover mode */
input[type='checkbox']:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -60px -140px;
}

/* Disabled checked checkbox in hover mode */
input[type='checkbox']:disabled:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -200px -140px;
}

/* Dark background checkbox */
.action-grey-background [type='checkbox'] + label[for]:before {
    background: url(Sprites/sprite_controls.png)) no-repeat -80px -140px;
}

/* Disabled dark background checkbox */
.action-grey-background [type='checkbox']:disabled + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -140px;
}

/* Dark background checkbox in hover mode */
.action-grey-background input[type='checkbox'] + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -100px -140px;
}

/* Disabled dark background checkbox in hover mode */
.action-grey-background input[type='checkbox']:disabled + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -140px;
}

/* Checked dark background checkbox */
.action-grey-background input[type='checkbox']:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -120px -140px;
}

/* Disabled checked dark background checkbox */
.action-grey-background input[type='checkbox']:disabled:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -200px -140px;
}

/* Checked dark background checkbox in hover mode */
.action-grey-background input[type='checkbox']:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -140px -140px;
}

/* Disabled checked dark background checkbox in hover mode */
.action-grey-background input[type='checkbox']:disabled:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -200px -140px;
}


/* radio button icon styles */

/* Default radio button */
input[type='radio'] + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat 0px -160px;
}

/* Disabled radio button */
input[type='radio']:disabled + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -160px;
}

/* Radio button in hover mode */
input[type='radio'] + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -16px -160px;
}

/* Disabled radio button in hover mode */
input[type='radio']:disabled + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -160px;
}

/* Checked radio button */
input[type='radio']:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -32px -160px;
}

/* Disabled checked radio button */
input[type='radio']:disabled:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png)no-repeat -196px -160px;
}

/* Checked radio button in hover mode */
input[type='radio']:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -48px -160px;
}

/* Disabled checked radio button in hover mode */
input[type='radio']:disabled:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -196px -160px;
}

/* Dark background radio button */
.action-grey-background input[type='radio'] + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -64px -160px;
}

/* Disabled dark background radio button */
.action-grey-background input[type='radio']:disabled + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -160px;
}

/* Dark background radio button in hover mode */
.action-grey-background input[type='radio'] + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -80px -160px;
}

/* Disabled dark background radio button in hover mode */
.action-grey-background input[type='radio']:disabled + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -180px -160px;
}

/* Checked dark background radio button */
.action-grey-background input[type='radio']:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -96px -160px;
}

/* Disabled checked dark background radio button */
.action-grey-background input[type='radio']:disabled:checked + label[for]:before {
    background: url(Sprites/sprite_controls.png) no-repeat -196px -160px;
}

/* Checked dark background radio button in hover mode */
.action-grey-background input[type='radio']:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -112px -160px;
}

/* Disabled checked dark background radio button in hover mode */
.action-grey-background input[type='radio']:disabled:checked + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -196px -160px;
}

input[type='radio'] + label[for],
input[type='checkbox'] + label[for] {
    display: inline-block;
    vertical-align: text-top;
    font-size: 10pt;
    cursor: default;
    color: #3a3a3a;
    font-family: 'OpenSansLight',Verdana,sans-serif;
    font-weight: 400;
}

input[type='radio'].invisible.focusByKey:focus + label[for],
input[type='checkbox'].invisible.focusByKey:focus + label[for] {
    color: #F0A322 !important;
}

.action-grey-background h2,
.action-grey-background input[type='radio'] + label[for],
.action-grey-background input[type='checkbox'] + label[for],
.action-grey-background textarea + label[for],
.action-grey-background label,
.action-grey-background legend {
    color: #FFFFFF;
    font-family: 'Open Sans',Verdana,sans-serif;
}

form {
    width: inherit;
    margin-bottom: 25px;
    margin-left: 35px;
}
.form-like {
    width: inherit;
    margin-bottom: 25px;
    margin-left: 35px;
}

.button-without-form {
    margin-left: 35px;
}


fieldset {
    border: 0;
    margin: 0 0 0 0;
    padding: 0;
    min-width: 0; /*to prevent width: min-content redering by browsers*/
}

@-moz-document url-prefix() {
    /*FF to prevent fieldset width: min-content redering  ( needs this apart from min-with) */
    fieldset {
        display: table-cell;
    }
}




legend {
    font-size: 8pt;
    -webkit-padding-before: 9px; /* Extra padding top for chrome and safari. */
    margin-bottom: 4px;
    color: #A0A0A0;
    font-family: 'Open Sans', Verdana, sans-serif;
}

/* Remove chrome arrows.*/
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type="time"] {
    -webkit-appearance: none;
}

input[type=button] {
    width: 30px;
    height: 30px;
    float: right;
    background-position: -30px 0;
    background-color: inherit;
}

/* dropdown */
.drpdwn {
    background-color: #DFEAED;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 0 8px;
    margin: 0;
    margin-bottom: 19px;
    font-size: 10pt;
    border: 1px solid #DFEAED;
}

.action-grey-background .drpdwn {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

    .action-grey-background .drpdwn > input[type=button].drpdwn-button {
        background-position: -210px -30px;
        border-left: none;
    }

.drpdwn > input[type=text]:focus {
    padding-right: 23px;
}

input.drpdwn-search {
    border: 0;
    height: 28px;
    background: transparent;
}

    input.drpdwn-search:hover {
        background: transparent;
    }

    input.drpdwn-search:focus {
        border: 0;
    }

.drpdwn > input[type=button] {
    height: 30px;
    width: 30px;
    border-left: 0;
    background-image: url(Sprites/sprite_controls.png);
    background-position: -180px -30px;
    position: static;
    margin-right: -9px;
    margin-top: -1px;
    margin-bottom: 0;
}

.drpdwn-search + label:hover {
    background: transparent;
}

.drpdwn > .drpdwn-search:hover {
    background: transparent;
}

.drpdwn > .drpdwn-src-icn {
    float: right;
    margin-right: -8px;
    height: 30px;
    width: 30px;
    background-image: url(Sprites/sprite_controls.png);
    background-position: 0 -30px;
}

.validation-error > .drpdwn > input[type="button"],
.remote-validation-error > .drpdwn > input[type="button"] {
    border-right-color: #F20012;
    border-bottom-color: #F20012;
    border-top-color: #F20012;
    border-left-color: transparent;
}

.validation-error > .drpdwn,
.remote-validation-error > .drpdwn {
    border-color: #F20012;
}

.drpdwn > input[type=text] {
    float: left;
    padding: 0;
    width: calc(100% - 25px);
    background: transparent;
    border-color: transparent;
    margin-bottom: 0;
}

    .drpdwn > input[type=text].drpdwn-who-search {
        width: calc(100% - 70px);
    }
/* dropdown - hover and focus */
.drpdwn-focus {
    background-color: #FFFFFF;
    border-color: #F0A322 !important;
}

    .drpdwn-options-hover, .drpdwn:active input[type=button], .drpdwn > input[type=text]:active input[type=button], .drpdwn > input[type=text]:focus input[type=button], .drpdwn-focus input[type=button] {
        background-position: -150px -30px !important;
        border: 1px #F0A322 solid !important;
    }

.drpdwn-options .first-option {
    margin: 0;
}

.drpdwn:hover input[type=button], .drpdwn:active input[type=button], .drpdwn > input[type=text]:active input[type=button], .drpdwn > input[type=text]:focus input[type=button], .drpdwn-focus input[type=button] {
    border-left: none !important;
}

.action-grey-background .drpdwn input[type='radio'] + label[for],
.action-grey-background .drpdwn input[type='checkbox'] + label[for],
.action-grey-background .drpdwn textarea + label[for],
.action-grey-background .drpdwn label,
.action-grey-background .drpdwn legend {
    color: #3A3A3A;
    font-family: OpenSansLight, Verdana, sans-serif;
    font-style: normal;
    font-weight: 100;
}

.action-grey-background .drpdwn [type='checkbox'] + label[for]:before {
    background-position: 0px -140px;
}

.action-grey-background .drpdwn [type='checkbox'] + label[for]:hover:before {
    background: url(Sprites/sprite_controls.png) no-repeat -20px -140px;
}

.action-grey-background .drpdwn [type='checkbox']:checked + label[for]:before {
    background-position: -40px -140px;
}

.action-grey-background .drpdwn [type='checkbox']:checked + label[for]:hover:before {
    background-position: -60px -140px;
}

.locationsearch > .drpdwn-options > div > div {
    padding: 12px 8px;
}

.drpdwn-results-locations > div > div > p {
    margin-top: 0;
    margin-bottom: 0;
}

.expndr {
    background: url(Sprites/sprite_controls.png) no-repeat;
    background-position: -150px -120px;
    width: 26px;
    height: 18px;
    float: right;
    cursor: pointer;
}



.address-container select,
select.drpdwn-select {
    width: 150px;
}

.expndr-collapsed {
    background-position: -120px -120px;
}

.locationsearch > .drpdwn-options > div > div > p {
    margin-top: 0;
    margin-bottom: 0;
}

/* dropdown options container and options styling*/
.drpdwn-options {
    position: relative;
    top: 2px;
    max-height: 200px;
    background: #fff;
    border: 1px solid #A0A0A0;
    z-index: 1000;
    visibility: collapse;
    margin-left: -9px;
    overflow-y: scroll;
    border-collapse: collapse;
    width: calc(100% + 16px);
}

::-webkit-validation-bubble-icon, ::-webkit-validation-bubble-body, ::-webkit-validation-bubble-text-block, ::-webkit-validation-bubble-arrow-heading {
    display: none;
}

.drpdwn-options > div {
    z-index: 1000;
    border: 1px solid transparent;
    /*display: table-row;*/
    outline-style: none;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    min-height: 38px; /* With border it's 40px */
    margin-top: -1px; /* Especially for dropdowns with photos. This will make the distance between the photos in the list prettier. */
}

/* Dropdown multiple select results */
.drpdwn-results {
    border-collapse: collapse;
}

    .drpdwn-results > div {
        outline-style: none;
        box-shadow: none;
    }

.drpdwn-options > div:hover {
    border: 1px solid #f0a322;
    border-style: double;
}

/* for options with photos */

.drpdwn-photo {
    display: table-cell;
    vertical-align: middle;
}

.drpdwn img, .drpdwn-results img {
    width: 0;
    height: 0;
    padding: 20px; /* Workaround for FF and Chrome, which display a border around <img> if it does not have a src. */
    float: left;
    background-size: cover;
    background-position: 50% 0; /* In order to center images in the box. */
}

.drpdwn-mlt-label-text {
    display: inline-block;
    vertical-align: middle;
    min-height: 40px;
    box-sizing: border-box;
}

.drpdwn-label, .drpdwn-mlt-label {
    padding: 2px 2px 2px 8px;
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    box-sizing: border-box;
}

/* dropdown - multi select correction */

.drpdwn-mlt-options > div > input[type=checkbox] ~ label[for] {
    text-indent: 0;
    padding-left: 5px;
    margin-bottom: 0;
}

.drpdwn-mlt-options input[type='checkbox'] ~ label:before {
    float: left;
    margin-top: 9px; /* This is not really vertically aligned, but works for labels with <3 lines of text. */
}

.template {
    display: none;
    visibility: collapse;
}

/* dropdown results for multiple select */

.drpdwn-results-multiplephotos input[type='checkbox'] ~ label[for]:before {
    float: left;
}

.drpdwn-results-multiplephotos input[type='checkbox'] ~ label[for] {
    padding-left: 0;
    text-indent: 0;
}

.drpdwn > a.cleartext {
    float: right;
    position: relative;
    right: 26px;
}

a.showpassword {
    content: " ";
    background: url(Sprites/sprite_controls.png) no-repeat -60px -188px;
    width: 28px;
    height: 20px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    display: inline-block;
}

.drpdwn-results.drpdwn-results-who {
    float: left;
}

.drpdwn-results img {
    margin-right: 5px;
}

input[type='password']::-ms-clear, input::-ms-reveal {
    display: none;
}


/* Submit button */
input[type='submit'] {
    width: 40px;
    height: 40px;
    background: url(Sprites/sprite_controls.png) no-repeat 0px -100px;
    color: transparent;
    border: none;
}

input ~ a.cleartext,
textarea ~ a.cleartext {
    background: url(Sprites/sprite_controls.png) no-repeat -40px -186px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-left: -28px;
    cursor: pointer;
}
/*Remove clear button because we use our own.*/
::-webkit-clear-button {
    display: none;
}

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

form input[type=button].addControl {
    background: url(Sprites/sprite_controls.png) no-repeat -90px -30px;
}

    form input[type=button].addControl:hover {
        background-position: -60px -30px;
    }

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
textarea {
    /* Remove shadow from safari.*/
    -webkit-appearance: none;
    color: #3a3a3a;
    font-size: 10pt;
}

input[type=date] {
    border-right: none;
}

input[type=button].date-button {
    border-left: none;
}

.no-border {
    border: none;
}

.location-housenr-inp {
    width: calc(50% - 12px);
    padding-right: 20px;
    display: inline-block;
}

.location-housenr-addition-inp {
    width: calc(50% - 12px);
    display: inline-block;
}

.location-display {
    margin: 0;
    margin-bottom: 0;
}

    .location-display.location-name {
        margin-bottom: 16px;
    }

.location-name > span {
    font-family: 'OpenSansLight', 'Open Sans';
    font-size: 11pt;
    color: #2B487A;
}

.location-name.location-display > span {
    font-family: 'OpenSansLight', 'Open Sans';
    font-size: 10pt;
    color: #3a3a3a;
}

.location-type {
    font-family: 'Open Sans';
    font-size: 8pt;
    color: #A0A0A0;
}

.location-address {
    font-family: 'OpenSansLight';
    font-size: 10pt;
    color: #3A3A3A;
}

.setting-body {
    text-align: left;
    padding: 15px 20px 0px 20px;
    margin-top: -5px;
}

    .setting-body textarea:not([readonly]), .setting-body input:not([readonly]), .setting-body .drpdwn, .setting-body .drop-down-button {
        background-color: #FFFFFF;
    }

    .setting-body input:not([readonly]) {
        padding: 0 8px;
        height: 28px;
    }

    .setting-body input[type=text]:focus,
    .setting-body input[type=tel]:focus,
    .setting-body input[type=email]:focus {
        padding-right: 30px;
    }

    .setting-body .multi-control-line .half {
        float: left;
    }

    .setting-body fieldset input + label[for] {
        width: 100%;
    }

    .setting-body.supportive-blue-background {
        word-wrap: break-word;
    }

.setting-header {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2;
    width: 100%;
    height: 40px;
    display: inline-table;
}


    .setting-header td {
        margin: 0;
        padding: 0;
    }

    .setting-header .settingname, .setting-header .settingcode {
        font-size: 11pt;
    }

.setting-value {
    margin-top: 18px;
    padding-bottom: 5px;
}

    .setting-value .multi-control-line {
        padding-top: 3px;
    }

    .setting-value .supportive-blue-background {
        padding: 0;
    }

td.setting-code {
    padding-left: 15px;
    padding-right: 15px;
    width: 25pt;
}

.setting-box {
    display: block;
    width: 734px;
    color: #3A3A3A;
    margin-top: 30px;
}

    .setting-box .drpdwn {
        max-width: 322px;
    }

    .setting-box .column {
        display: block;
        width: 322px;
    }

.setting-header .confirm {
    margin: 0px;
    border-left: 3px solid #fff;
}

.setting-header .cancel {
    margin: 0px;
    border-left: 3px solid #fff;
}

.setting-body .multi-control-line {
    width: 50%;
}

.setting-body .multi-control-line-advance {
    width: 75%;
}

    .setting-body .multi-control-line-advance .half {
        float: left;
    }

.setting-value .multi-control-line-advance {
    padding-top: 3px;
}

.multi-control-line-advance.multi-control-line-advance-readonly {
    width: auto;
}



.multi-control-line.multi-control-line-readonly {
    width: auto;
}

.addresslabel {
    height: 18px;
}

geo-level-icon {
    display: block;
    height: 28px;
}

    geo-level-icon.next-to-header {
        margin-top: -24px;
        float: right;
    }

recurrence-control .triedSaving input[type=checkbox][required].ng-invalid + label[for] {
    color: #F20012;
}

days-of-week-checkbox .triedSaving input[type=checkbox][required].ng-invalid + label[for] {
    color: #F20012;
}

/* Setting 21 style*/

.settingappointmentcommunicationsendmomentrule .setting-body .multi-control-line {
    min-width: 100% !important;
}

.settingappointmentcommunicationsendmomentrule .supportive-blue-background .clearText {
    height: 30px;
}

/* Setting 21 style - End*/

bs-dropdown {
    margin-bottom: 19px;
}

    /* hide input field in readonly mode of bs-dropdown - fix */
    bs-dropdown[readonly] > .bs-dropdown-field {
        display: none;
    }

label.custom-checkbox,
label.custom-radio {
    margin-bottom: 16px;
}

    label.custom-checkbox.vcentered {
        margin-top: 8px;
        margin-bottom: 8px
    }

.balloon-above-vcentered-checkbox {
    position: relative;
    top: 8px;
}

.checkboxes-header,
.radiobuttons-header {
    margin-bottom: 5px;
}

tree-view-selection-checkbox label.custom-checkbox,
[tree-view-selection-checkbox] label.custom-checkbox {
    margin-bottom: 0px;
}

/* Typed item list item readonly input - start */

typed-item-list input.readonly-item {
    background-color: #fff;
    border: 1px solid transparent;
}

/* Typed item list item readonly input - end */

.setting-header .button-b1, .setting-header .button-b2 {
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 3px;
}

.setting-header .button-b1 {
    margin-left: 0px;
}

/* Date navigator - start */

date-navigator {
    display: block;
    height: 50px;
}

    date-navigator .button-c {
        float: left;
    }

    date-navigator .right .button-c {
        margin-left: 10px;
    }

    date-navigator .left .button-c {
        margin-right: 10px;
    }

    date-navigator .left span {
        line-height: 40px;
    }
/* Date navigator - end */

ng-contractor.subsection h2,
.columnLayout > div > div ng-contractor.subsection h2 { /* we need specificity to be higher than original columnLayout one */
    font-size: 10pt;
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 0;
}

/* custom html tags display setting */
employee-preferences,
ng-contractor {
    display: block;
}

label.use-cue {
    font-style: italic;
    margin-bottom: 19px;
    margin-top: -14px;
}
#outer {
    width: 100%;
    text-align: center;
    margin-left: -160px;
}
@-moz-document url-prefix() {
    #outer {
        width: 100%;
        text-align: center;
        margin-left: -230px;
    }
}

.inner {
    display: inline-block;
}
#outer-admin {
    width: 100%;
    text-align: center;
    margin-left: -305px;
}
#outer-addsettings {
    width: 100%;
    text-align: center;
    margin-left: -140px;
}

#outer-addsettings-type {
    width: 100%;
    text-align: center;
    margin-left: -7px;
}

@-moz-document url-prefix() {
    #outer-addsettings-type {
        width: 100%;
        text-align: center;
        margin-left: -80px;
    }
}



.action-grey-background input,
.action-grey-background textarea {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

    .action-grey-background input.active,
    .action-grey-background input[type=date]:focus,
    .action-grey-background input[type=date]:focus + input[type=button],
    .action-grey-background textarea.active {
        border-color: #f0a322;
    }

    .action-grey-background input .validation-error,
    .action-grey-background textarea .validation-error,
    .action-grey-background input .remote-validation-error,
    .action-grey-background textarea .remote-validation-error,
    .action-grey-background input .validation-state-invalid,
    .action-grey-background textarea .validation-state-invalid {
        color: #F20012;
    }

    .action-grey-background textarea:hover,
    .action-grey-background textarea:active,
    .action-grey-background textarea:focus,
    .action-grey-background input:hover,
    .action-grey-background input:active,
    .action-grey-background input:focus {
        background-color: #FFFFFF;
    }


.single-field-control {
    padding: 0;
}

textarea {
    height: 82px;
    padding-top: 4px;
    padding-bottom: 4px;
    overflow: auto;
    width: 330px;
}

    textarea[maxlength='8000'] {
        /* Bigger text area is bigger.*/
        height: 164px;
    }

form.ng-submitted .ng-invalid {
    border-color: #F20012;
    box-shadow: none;
}

input[readonly='readonly'] {
    height: auto;
    padding-left: 0px;
}

.bs-validation-error {
    color: #F20012;
    box-shadow: none;
}

bs-dropdown .bs-dropdown-field.bs-validation-error {
    border-color: #F20012 !important;
}

    bs-dropdown .bs-dropdown-field.bs-validation-error .bs-dropdown-button {
        height: 30px;
        margin-top: -4px;
        vertical-align: bottom;
    }

textarea,
input {
    background-color: #DFEAED; /* color 12 */
    outline: 0;
    border: 1px solid #DFEAED; /* color 12 */
    width: 345px;
}

    textarea.validation-error,
    input.validation-error:not([type=submit]),
    textarea.remote-validation-error,
    input.remote-validation-error:not([type=submit]),
    textarea.validation-state-invalid,
    input.validation-state-invalid:not([type=submit]),
    input[type='date'].ng-invalid,
    input[type='date'].ng-invalid + input[type='button'].date-button,
    input[type='date'].ng-invalid + .cleartext + input[type='button'].date-button,
    input[type='date'].validation-state-invalid + input[type='button'].date-button,
    input[type='date'].validation-state-invalid + .cleartext + input[type='button'].date-button {
        border-color: #F20012;
        color: #F20012;
        box-shadow: none;
    }

    textarea:not([readonly]):hover,
    textarea:not([readonly]):active,
    textarea:not([readonly]):focus,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-error):not(:disabled):hover,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-error):not(:disabled):active,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-error):not(:disabled):focus,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.remote-validation-error):not(:disabled):hover,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.remote-validation-error):not(:disabled):active,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.remote-validation-error):not(:disabled):focus,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-state-invalid):not(:disabled):hover,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-state-invalid):not(:disabled):active,
    input:not([type='date']):not([type=button]):not([type=submit]):not(.validation-state-invalid):not(:disabled):focus {
        background-color: #FFFFFF; /* color 5 */
        border-color: #F0A322; /* color 4 */
    }

    textarea[readonly='readonly']:hover {
        cursor: default;
    }

    textarea.validation-error:hover,
    textarea.validation-error:active,
    textarea.validation-error:focus,
    input.validation-error:hover:not([type=submit]),
    input.validation-error:active:not([type=submit]),
    input.validation-error:focus:not([type=submit]),
    input.validation-error:not([type=submit]),
    textarea.remote-validation-error:hover,
    textarea.remote-validation-error:active,
    textarea.remote-validation-error:focus,
    input.remote-validation-error:hover:not([type=submit]),
    input.remote-validation-error:active:not([type=submit]),
    input.remote-validation-error:focus:not([type=submit]),
    input.remote-validation-error:not([type=submit]),
    textarea.validation-state-invalid:hover,
    textarea.validation-state-invalid:active,
    textarea.validation-state-invalid:focus,
    input.validation-state-invalid:hover:not([type=submit]),
    input.validation-state-invalid:active:not([type=submit]),
    input.validation-state-invalid:focus:not([type=submit]),
    input.validation-state-invalid:not([type=submit]),
    input[type='date'].ng-invalid:hover + input[type='button'].date-button,
    input[type='date'].ng-invalid:active + input[type='button'].date-button,
    input[type='date'].ng-invalid:focus + input[type='button'].date-button,
    input[type='date'].validation-state-invalid:hover + input[type='button'].date-button,
    input[type='date'].validation-state-invalid:active + input[type='button'].date-button,
    input[type='date'].validation-state-invalid:focus + input[type='button'].date-button {
        border-color: #F20012;
        color: #F20012;
    }

    input.validation-attention,
    textarea.validation-attention,
    input.validation-state-attention,
    textarea.validation-state-attention {
        color: #F16722;
    }

.main-menu-icon-myaccount-hidden {
    display: none;
}
html, body {
  width: 100%;
  max-height: 100%;
  margin: 0;
  height:100%;
}

body {
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  font-size: 11pt;
}

address, article, aside, canvas, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

h1, h2, h3 {
    margin: 0;
    font-weight: lighter;
}

A:link {
  text-decoration: none;
}

.qrcode {
    width:130px;
    height:130px;
    margin-left:140px;
    padding-top:35px;
    padding-bottom: 35px;
}


A:visited {
    text-decoration: none;
}

A:active {
  text-decoration: none;
}

A:hover {
  text-decoration: none;
}

/* layout */
header {
  overflow: hidden;
}

.button-field.align-right{
    margin-top:60px;
}

.editor-field + .align-right > button {
    margin-top: 60px;
}

header + section {
    margin-top: 40px;
}

section#main-section-start {
    color: #000000;
    height: 100%;
    width: 400px;
    background-color: #ffffff;
    top: 0px !important;
    margin-left: 200px !important;
    -webkit-box-shadow: 1px 1px 10px 1px #808080;
    box-shadow: 1px 1px 10px 1px #808080;
}
.logonlogo {
    position: absolute;
    bottom: 35px;
    left: 220px;
}
.logontitle {
    margin-top: 100px;
    margin-left: 35px;
    margin-right: 35px;
}

section#main-section {
  margin-left: 65px;
  background-color: white;
  height: 100%;
  position:relative;
  overflow:hidden;
}

section#content {
    margin-top: 100px;
}

div.submit-buttons-start {
  text-align: right;
  position: relative;
  width: 350px;
}

div.align-left {
  float: right;
}
div.align-right {
  float: right;
  margin-right:35px;
}

div.submit-buttons {
  margin-top: 60px;
}

section#main-section-start header {
  display:inline-block;
}
.column-layout {
    margin-top: 30px;
}
.column-layout-column {
    width: 400px;
}
#column-a {
    float: left;
}

#column-b {
    float: left;
}
.editor-field+header {
    margin-top: 30px;
}
.column-layout-column > .editor-label:first-child {
    margin-top: 0;
}
.info-messages {
    font-style: italic;
    font-size: 10pt;
}

.info-messages-app {
    font-style: italic;
    font-size: 10pt;
}

.info-messages-phone {
    font-style: italic;
    font-size: 10pt;
}

@font-face {
  font-family: 'BrightSummerIconFont';
  src:  url(fonts/BrightSummerIconFont.eot?83jivz);
  src:  url(fonts/BrightSummerIconFont.eot?83jivz);
  src:  url(fonts/BrightSummerIconFont.eot?83jivz#iefix) format('embedded-opentype'),
    url(fonts/BrightSummerIconFont.woff2?83jivz) format('woff2'),
    url(fonts/BrightSummerIconFont.ttf?83jivz) format('truetype'),
    url(fonts/BrightSummerIconFont.woff?83jivz) format('woff'),
    url(fonts/BrightSummerIconFont.svg?83jivz#BrightSummerIconFont) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon"], [class*=" icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'BrightSummerIconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconRadar:before {
  content: "\e924";
}
.iconCircleArrowCounterclockwise:before {
  content: "\e900";
}
.iconCircleSquare:before {
  content: "\e91f";
}
.iconCircleSquareInverse:before {
  content: "\e920";
}
.iconFloppy:before {
  content: "\e921";
}
.iconHouseArrowRight:before {
  content: "\e922";
}
.iconArrowLeft:before {
  content: "\e923";
}
.iconArrowRight:before {
  content: "\e901";
}
.iconArrowRightCircle:before {
  content: "\e902";
}
.iconCheckCircle:before {
  content: "\e903";
}
.iconDashedClock:before {
  content: "\e904";
}
.iconPrinterCrossed:before {
  content: "\e905";
}
.iconSquare:before {
  content: "\e906";
}
.iconTriangle:before {
  content: "\e907";
}
.iconTwoPersons:before {
  content: "\e908";
}
.iconX-Circle:before {
  content: "\e909";
}
.iconCA-pb:before {
  content: "\e90a";
}
.iconDay-pb:before {
  content: "\e90b";
}
.iconEvent-pb:before {
  content: "\e90c";
}
.iconLTP-pb:before {
  content: "\e90d";
}
.iconWeek-pb:before {
  content: "\e90e";
}
.iconEditClock:before {
  content: "\e90f";
}
.iconOpenClock:before {
  content: "\e910";
}
.iconDeleteClock:before {
  content: "\e911";
}
.iconLaptop:before {
  content: "\e912";
}
.iconTools:before {
  content: "\e913";
}
.iconResources:before {
  content: "\e914";
}
.iconActivate:before {
  content: "\e600";
}
.iconAdd:before {
  content: "\e601";
}
.iconAgenda:before {
  content: "\e602";
}
.iconAttachment:before {
  content: "\e603";
}
.iconCalendar:before {
  content: "\e604";
}
.iconCall:before {
  content: "\e605";
}
.iconCancel:before {
  content: "\e606";
}
.iconCareware:before {
  content: "\e607";
}
.iconChange:before {
  content: "\e608";
}
.iconCheck:before {
  content: "\e609";
}
.iconCheckdouble:before {
  content: "\e60a";
}
.iconClose:before {
  content: "\e60b";
}
.iconCollapsehorizontal:before {
  content: "\e60c";
}
.iconCollapsevertical:before {
  content: "\e60d";
}
.iconCopy:before {
  content: "\e60e";
}
.iconDeactivate:before {
  content: "\e60f";
}
.iconDelete:before {
  content: "\e610";
}
.iconEdit:before {
  content: "\e611";
}
.iconEmail:before {
  content: "\e612";
}
.iconExpandhorizontal:before {
  content: "\e613";
}
.iconExpandvertical:before {
  content: "\e614";
}
.iconExportexcel:before {
  content: "\e615";
}
.iconFavorite:before {
  content: "\e616";
}
.iconFileFormatImage:before {
  content: "\e617";
}
.iconFileFormatSound:before {
  content: "\e618";
}
.iconFileFormatText:before {
  content: "\e619";
}
.iconFileFormatVideo:before {
  content: "\e61a";
}
.iconHelp:before {
  content: "\e61c";
}
.iconInfo:before {
  content: "\e61d";
}
.iconLess:before {
  content: "\e61e";
}
.iconLock:before {
  content: "\e61f";
}
.iconLogout:before {
  content: "\e620";
}
.iconMessage:before {
  content: "\e621";
}
.iconMore:before {
  content: "\e622";
}
.iconOpen:before {
  content: "\e623";
}
.iconPassword:before {
  content: "\e624";
}
.iconPaste:before {
  content: "\e625";
}
.iconPin:before {
  content: "\e626";
}
.iconPreferences:before {
  content: "\e627";
}
.iconPrint:before {
  content: "\e628";
}
.iconRadiobuttonchecked:before {
  content: "\e629";
}
.iconRecover:before {
  content: "\e62a";
}
.iconRefresh:before {
  content: "\e62b";
}
.iconRegister:before {
  content: "\e62c";
}
.iconSearch:before {
  content: "\e62d";
}
.iconServiceware:before {
  content: "\e62e";
}
.iconSettings:before {
  content: "\e62f";
}
.iconShowless:before {
  content: "\e630";
}
.iconShowmore:before {
  content: "\e631";
}
.iconSortascending:before {
  content: "\e632";
}
.iconSortdescending:before {
  content: "\e633";
}
.iconSubmit:before {
  content: "\e634";
}
.iconTakepicture:before {
  content: "\e635";
}
.iconTeam:before {
  content: "\e636";
}
.iconTimer:before {
  content: "\e637";
}
.iconUncheck:before {
  content: "\e638";
}
.iconUndo:before {
  content: "\e639";
}
.iconUnfavorite:before {
  content: "\e63a";
}
.iconUnpin:before {
  content: "\e63b";
}
.iconUser:before {
  content: "\e63c";
}
.iconView:before {
  content: "\e63d";
}
.iconZoomin:before {
  content: "\e63e";
}
.iconMinus:before {
  content: "\e915";
}
.iconTwoCalendars:before {
  content: "\e916";
}
.iconZoomout:before {
  content: "\e63f";
}
.iconCalendarPlus:before {
  content: "\e917";
}
.iconFilter:before {
  content: "\e918";
}
.iconViewHide:before {
  content: "\e640";
}
.iconFollowUp:before {
  content: "\e641";
}
.iconFilterClearClose:before {
  content: "\e642";
}
.iconList:before {
  content: "\e643";
}
.iconBuilding:before {
  content: "\e644";
}
.iconGoToFirst:before {
  content: "\e645";
}
.iconGoToLast:before {
  content: "\e646";
}
.iconLetter:before {
  content: "\e919";
}
.iconLink:before {
  content: "\e91a";
}
.iconResend:before {
  content: "\e91b";
}
.iconSearchClearClose:before {
  content: "\e91c";
}
.iconSMS:before {
  content: "\e91d";
}
.iconEnvelope:before {
  content: "\e91e";
}

/*colors*/

.focusyellow:before {
    color: #f0a322;
}

.supportivegrey:before {
    color: #a0a0a0;
}

.mediumblue:before {
    color: #1b709f;
}

.confirmblue:before {
    color: #2998BC;
}

.attentionorange:before {
    color: #f16722;
}

.warningred:before {
    color: #f20012;
}

.warningred {
    color: #f20012;
}

.darkblue:before {
    color: #2b487a;
}

.actiongrey:before {
    color: #3a3a3a;
}

.marketinggreen:before{
    color: #7FC13D;
}

/*type A buttons*/

.button-a:hover {
    cursor: pointer;
}

.button-a:before {
    color: white;
    font-size: 28px;
    line-height: 28px;
    margin-left: 10px;
    margin-left: 2px;
}

.button-a.active:before {
    color: #F0A322;
}

.iconDeselectAll.iconUncheck:before {
    font-size: 24px;
    line-height: 24px;
}

.iconDeselectAll.iconUncheck {
    border: 2px solid #FFF;
    width: 28px;
    height: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 4px;
}

/*type B1 + B2 buttons*/

.button-b1 {
    width: 40px;
    background: #f16722;
    height: 40px;
}

.button-b2 {
    width: 40px;
    background: #2998BC;
    height:40px;
}

.button-b3 {
    width: 60px;
    background: #f16722;
}

.button-b4 {
    width: 60px;
    background: #2998BC;
}

.button-b5 {
    width: 40px;
    background: #3A3A3A;
}

.button-b6 {
    width: 60px;
    background: #2B487A;
}

.button-b1:hover, .button-b2:hover, .button-b3:hover, .button-b4:hover, .button-b5:hover, .button-b6:hover {
    cursor: pointer;
}

.button-b1:before, .button-b2:before, .button-b5:before {
    color: white;
    line-height: 40px;
    font-size: 25px;
    margin: 0 7px;
}


.button-b3:before, .button-b4:before, .button-b6:before {
    color: white;
    line-height: 60px;
    font-size: 40px;
    margin: 0 10px;
}




/*type C buttons*/


.button-c { /* button-c is square button with icon */
    width: 40px;
    background: #2B487A;
    box-shadow: 2px 2px 2px rgba(58,58,58,0.45);
    color: #FFF;
    line-height: 40px;
}

    .button-c:hover {
        cursor: pointer;
    }

    .button-c:before {
        line-height: 40px;
        font-size: 25px;
        margin: 0 8px;
    }

    .button-c.button-c2 { /* button-c2 has flexible width and text instead of icon */
        width: auto;
        padding: 0 15px;
        font-size: 11pt;
    }

        .button-c.button-c2.button-pse {
            max-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .button-c.button-c2.button-pse:hover {
                background: #F0A322;
            }

/*type D buttons*/

.button-d:hover {
    cursor: pointer;
}

.button-d:before {
    color: #2B487A;
    line-height: 20px;
    font-size: 20px;
    text-shadow: 2px 2px 2px rgba(58,58,58,0.45);
}

/*type E buttons*/
.button-e {
    display: block;
    height: 40px;
    width: 40px;
    color: #3a3a3a;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    margin: 0 !important;
    cursor: pointer;
}

.button-e:hover {
    color: #F0A322;
}

.button-e:before {
    text-shadow: 2px 2px 2px rgba(160, 160, 160, 0.45);
}

.button-e-divider {
    display: block;
    height: 22px;
    width: 2px;
    margin: 9px 19px !important;
    background: #3a3a3a;
}




/*checkboxes*/

.checkbox {
    height: 20px;
    width: 20px;
    margin-right: 8px;
    border: 1px solid #3a3a3a;
    box-sizing: border-box;
}

.square {
    height: 12px;
    width: 12px;
    margin: 3px;
    background: #F0A322;
}

.checkbox:hover {
    border-color: #f0a322;
}

.checkbox:before {
    color: #f0a322;
    line-height: 19px;
    font-size: 15px;
    margin: 0 2px;
}

.checkbox.disabled {
    border-color: #a0a0a0;
}

    .checkbox.disabled:hover {
        border-color: #a0a0a0;
    }

    .checkbox.disabled:before {
        color: #a0a0a0;
    }

.action-grey-background .checkbox {
    border: 1px solid #ffffff;
}

.action-grey-background .disabled {
    border: 1px solid #a0a0a0;
}



/*Radiobuttons*/

input[type=radio] {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    border: 1px solid #3a3a3a;
}

.radiobutton:hover {
    border-color: #f0a322;
}

input[type=radio]:checked {
    content: "\e626";
}

input[type=radio]:before {
    color: #f0a322;
    line-height: 16px;
    font-size: 10px;
    margin: 0 5px;
}

.action-grey-background input[type=radio] {
    border: 1px solid #ffffff;
}



/*Controls icons*/

.button-inputfield {
    width: 30px;
    background: #dfeaed;
}

    .button-inputfield:hover {
        cursor: pointer;
        background: #f0a322;
    }

    .button-inputfield:before {
        color: #2B487A;
        line-height: 30px;
        font-size: 20px;
        margin: 0 6px;
    }

    .button-inputfield:hover:before {
        color: #ffffff;
    }


.icon-inputfield {
    width: 20px;
}

    .icon-inputfield:before {
        color: #2B487A;
        line-height: 20px;
        font-size: 20px;
    }


/*table icons*/


.search:before {
    color: #2B487A;
    line-height: 20px;
    font-size: 20px;
}

.active:before {
    color: #F0A322 !important;
}

.sortup:before, .sortdown:before {
    line-height: 12px;
    font-size: 12px;
    color: #F0A322;
}

.sortup:hover, .sortdown:hover, .search:hover {
    cursor: pointer;
}

.table:before {
    line-height: 20px;
    font-size: 20px;
}

/*statusses plan*/

.status {
    width: 30px;
}

    .status:before {
        color: white;
        line-height: 30px;
        font-size: 20px;
        margin: 0 5px;
    }

.future {
    background: #FFFFFF;
}

    .future:before {
        color: #2998BC;
    }

.confirm {
    background: #2998BC;
}

.warning {
    background: #f20012;
}

.attention {
    background: #f16722;
}

.pin:before {
    color: #2998BC;
    line-height: 15px;
    font-size: 15px;
}


/*statusses registration*/


.registration:before {
    line-height: 16px;
    font-size: 16px;
}


/*files types*/
.file {
    height: 24px;
}

    .file:before {
        line-height: 24px;
        font-size: 24px;
        color: #2B487A;
    }

.iconFileFormatUnknown {
    height: 24px;
    width: 24px;
    border: 1px solid #2b487a;
    box-sizing: border-box;
}

.upload-failed:before {
    color: #f16722;
    font-size: 15px;
    line-height: 15px;
}

/*logo*/

.logo {
    height: 24px;
}

    .logo:before {
        line-height: 24px;
        font-size: 172px;
        color: #ffffff;
    }


/*Storypage*/

.arrow:before {
    line-height: 24px;
    font-size: 72px;
    color: #ffffff;
}

.arrow:hover {
    cursor: pointer;
}

.flip:before {
    line-height: 24px;
    font-size: 24px;
}

.flip:hover {
    cursor: pointer;
}

.iconPin.PinnedStatistic:before {
    color: #3A3A3A;
    font-size: 30px;
    line-height: 30px;
}

@-moz-keyframes rotate-pin {
    from {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes rotate-pin {
    from {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes rotate-pin {
    from {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.iconPin.PinnedStatistic:hover {
    -moz-animation-name: rotate-pin;
    -o-animation-name: rotate-pin;
    -webkit-animation-name: rotate-pin;
    animation-name: rotate-pin;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes return-pin {
    from {
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    to {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.iconPin.PinnedStatistic {
    -moz-animation-name: return-pin;
    -o-animation-name: return-pin;
    -webkit-animation-name: return-pin;
    animation-name: return-pin;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@media only screen and (max-device-width: 1680px), screen and (max-width: 1679px) {

    .iconPin.PinnedStatistic:before {
        font-size: 26px;
        line-height: 26px;
    }
}

@media only screen and (max-device-width: 1440px), screen and (max-width:1439px) {
    .iconPin.PinnedStatistic:before {
        font-size: 24px;
        line-height: 24px;
    }
}

@media only screen and (max-device-width: 1280px),screen and (max-width: 1279px) {
    .iconPin.PinnedStatistic:before {
        font-size: 23px;
        line-height: 23px;
    }
}

@media only screen and (max-device-width: 1152px), screen and (max-width: 1151px) {
    .iconPin.PinnedStatistic:before {
        font-size: 22px;
        line-height: 22px;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape), screen and (max-width: 1023px) {
    .iconPin.PinnedStatistic:before {
        font-size: 20px;
        line-height: 20px;
    }
}

@media only screen and (max-device-width: 960px) and (orientation: portrait), screen and (max-width: 960px) {
    .iconPin.PinnedStatistic:before {
        font-size: 20px;
        line-height: 20px;
    }
}


/* swipe area */

.swipe-area {
    position: fixed;
    height: 100%;
    height: calc(100% - 160px);
    width: 100px;
    top: 100px;
    bottom: 60px;
    background-color: transparent;
    z-index: 999;
}

.swipe-area:hover {
    cursor: pointer;
}

.swipe-area.iconCollapsehorizontal,
.swipe-area.iconExpandhorizontal {
    color: transparent;
}

.swipe-area.iconExpandhorizontal {
    width: 80px;
    right: 20px; /* avoid overlap with scrollbar */
}

.swipe-area.iconCollapsehorizontal {
    left: 0;
}

.swipe-area.iconCollapsehorizontal:before,
.swipe-area.iconExpandhorizontal:before {
    font-size: 50px;
    line-height: 50px;
    width: 100px;
    text-align: center;
    position: relative;
    top: 50%;
    top: calc(50% - 75px);
}

.swipe-area.iconCollapsehorizontal:hover:before,
.swipe-area.iconExpandhorizontal:hover:before {
    color: #2b487a;
}

.swipe-area.iconCollapsehorizontal:hover:before,
.swipe-area.iconExpandhorizontal:hover:before {
    transition: color 0.150s ease-in-out;
}

/* swipe area [end] */

/* other */

.dashboard-tile-warning-icon {
    font-size: 22px;
    margin-top: 5px;
}

.dashboard-tile-warning-icon:hover:before {
    color: #fff;
}

.dashboard-tile-action-icon {
    width: 40px;
    height: 40px;
    background: transparent;
}

.dashboard-tile-action-icon:hover {
    background: rgba(255,255,255,0.2);
}

.dashboard-tile-action-icon:active {
    background: rgba(255,255,255,0.4);
}

.dashboard-tile-action-icon:before {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    margin: 0 10px;
}

.ServiceTemplate:before {
    font-size: 15px;
    color: #2998BC;
}

.onpage:before {
    line-height: 30px;
    font-size: 30px;
    color: #f16722;
}

.onpage:hover {
    cursor: pointer;
}

.grouptile:before {
    line-height: 50px;
    font-size: 40px;
    color: #ffffff;
}

.grouptile:hover {
    cursor: pointer;
}

.camerabutton {
    width: 60px;
    height: 60px;
    background: #2998BC;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    left: 337px;
    top: -80px;
    position: relative;
}

    .camerabutton:before {
        line-height: 60px;
        font-size: 35px;
        color: #FFFFFF;
        margin-left: 12px;
    }

    .camerabutton:hover {
        cursor: pointer;
        background: #F0A322;
    }

     .twin:before {
        line-height: 30px;
        font-size: 30px;
       
    }

/*Accuracybar*/

.accuracybar span {
    background-color: #7FC13D;
    margin-left: 3px;
    width: 3px;
    display: inline-block;
}

    .accuracybar span:nth-child(1) {
        height: 11px;
    }

    .accuracybar span:nth-child(2) {
        height: 14px;
    }

    .accuracybar span:nth-child(3) {
        height: 17px;
    }

    .accuracybar span:nth-child(4) {
        height: 20px;
    }

    .accuracybar span:nth-child(5) {
        height: 23px;
    }

.accuracybar.four span:nth-child(5) {
    background-color: #A0A0A0;
}

.accuracybar.three span:nth-child(4),
.accuracybar.three span:nth-child(5) {
    background-color: #A0A0A0;
}

.accuracybar.two span:nth-child(3),
.accuracybar.two span:nth-child(4),
.accuracybar.two span:nth-child(5) {
    background-color: #A0A0A0;
}

.accuracybar.one span:nth-child(2),
.accuracybar.one span:nth-child(3),
.accuracybar.one span:nth-child(4),
.accuracybar.one span:nth-child(5) {
    background-color: #A0A0A0;
}

.breadcrumbs a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'BrightSummerIconFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e613";
    width: 6px;
    font-size: 15px;
    line-height: 15px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2998bc;
    padding-left: 4px;
    padding-right: 16px;
}

/*Admin tile icons*/

.admin-tile-icon:before {
    line-height: 100px;
    font-size: 100px;
    color: #A0A0A0;
}
/*Tile icons*/

.tile-icon:before {
    line-height: 35px;
    font-size: 35px;
    color: #FFFFFF;
}

/*styling just for this page*/
.standardIcons h2 {
    padding-top: 40px;
    clear: both;
}

.standardIcons > div > div,
.standardIcons > div > div > div {
    margin: 0 10px 10px 0;
    float: left;
}
.main-menu-icon {
    background-image: url('Sprites/MainMenuIconsSprite_IdentityProvider.png');
}

.main-menu-icon-myaccount {
    background-position: 0px -32px;
}

.main-menu-button:hover .main-menu-icon-myaccount {
    background-position: 32px -32px;
}

.main-menu-icon.main-menu-icon-admin.focused {
    background-position: 32px -96px;
}

.main-menu-icon.main-menu-icon-clients.focused {
    background-position: 32px 260px;
}

.main-menu-icon.main-menu-icon-logs.focused {
    background-position: 32px -64px;
}
.main-menu-icon.main-menu-icon-domain.focused {
    background-position: 32px 0px;
}

.main-menu-icon.main-menu-icon-myaccount.focused {
    background-position: 32px -32px;
}

.main-menu-icon.main-menu-icon-changepassword.focused {
    background-position: 32px -128px;
}

.main-menu-icon.main-menu-icon-log.focused {
    background-position: -0px -160px;
}



.main-menu-icon-changepassword {
    background-position: 0px -128px;
}

.main-menu-button:hover .main-menu-icon-changepassword {
    background-position: 32px -128px;
}

.main-menu-icon-admin {
    background-position: 0px -96px;
}
.main-menu-button-selected .main-menu-icon-admin {
    background-position: 32px -96px;
}
.main-menu-button:hover .main-menu-icon-admin {
    background-position: 32px -96px;
}

.main-menu-icon-clients {
    background-position: 0px 260px;
}
.main-menu-icon-selected .main-menu-icon-clients {
    background-position: 32px 260px;
}
.main-menu-icon-selected:hover .main-menu-icon-clients {
    background-position: 32px 260px;
}

.main-menu-icon-log {
    background-position: 0 -160px;
}
.main-menu-button-selected .main-menu-icon-log {
    background-position: -0px -160px;
}
.main-menu-button:hover .main-menu-icon-log {
    background-position: -32px -160px;
}

.main-menu-icon-logs {
    background-position: 0px -64px;
}
.main-menu-button:hover .main-menu-icon-logs {
    background-position: 32px -64px;
}

.main-menu-icon-domain {
    background-position: 0px 0px;
}

.main-menu-button-selected .main-menu-icon-domain {
    background-position: 32px 0px;
}

.main-menu-button:hover .main-menu-icon-domain {
    background-position: 32px 0px;
}


#breadcrumb {
    float: left;
}

#user-name {
    float: right;
    height: 32px;
    cursor: pointer;
}

.user-menu-icon {
    width: 32px;
    height: 32px;
    background-image: url('Sprites/MainMenuIconsSprite_IdentityProvider.png');
    background-position: 0 -32px;
    background-repeat: no-repeat;
    float: right;
    margin-left: 15px;
}

.layout-column-loginlogs {
    float: left;
    margin-right: -300px;
}

.encripted-key-header {
    margin-bottom: 10px;
    margin-left: 35px;
}

.button-submit-code {
    margin-top: 25px;
}

.layout-column-admin {
    float: left;
}

.layout-column {
    float: left;
    width: 375px;
    margin-right: 480px;
}

.phonenumber-column {
    float: left;
    width: 380px;
    margin-right: 140px;
    margin-left: 430px;
    margin-top: -35px;
}

.qrcode-fields {
    float: left;
    width: 380px;
    margin-right: 140px;
    margin-left: 20px;
    margin-top: 10px;
    margin-left: -120px;
}

div#qrcode-fields.fields.secret {
    float: left;
    margin-left: -140px;
    margin-top:-40px;
}

.layout-column-pass {
    width: 360px;
    margin-right: 140px;
    float: left;
    position: absolute;
    margin-top: 210px;
}

.two-columns .display-row-odd {
    width: 180px;
    margin-left: 400px;
}

.two-columns .display-row-even {
    width: 180px;
    margin-left: 400px;
}

.section-header {
    float: left;
}

.section-buttons {
    float: right;
}

.section-buttons-advance {
    margin-top: -240px;
    margin-left: 430px;
    height: 200px;
    width: 700px;
}

.radio-buttons-account {
    margin-left:0;
}

.cancelButton {
    display: block;
    float: left;
}

.editButton {
    display: block;
}

.identity-widget {
    margin-bottom: 30px;
}

#back-button {
    position: absolute;
    left: 10px;
    top: 50px;
}

/* login page*/
#rememberMeLabel {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #4e4e4e; /* color 2*/
    margin-left:20px;
}


table.submit-buttons-forgot-table {
    width: 100%;
    border: none;
}

div.cancelButtonA {
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 0;
    padding: 0;
    font-size: 13pt;
}

.messagebox-body {
    height: 150px;
    width: 400px;
    margin: auto;
}

.messagebox-buttons {
    margin-top: 60px;
}

.messagebox-text {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.messagebox-leftButton {
    float: left;
}

.messagebox-rightButton {
    float: right;
}

.grid-selectedRow {
    border: none;
}

.map-canvas {
    height: 600px;
    width: 100%;
}

.logout-menu-item {
    line-height: 25px;
    margin-left: 100px;
    text-align: right;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.error-box {
    margin-top: 10px;
}

.error-label {
    display: inline;
    font-weight: bold;
}

.error-message-inline {
    display: inline;
}

.error-message {
    text-align: justify;
    color: black;
}

/* DevExpress GridView styles - BEGIN */

td.dxgvHeader {
    padding-bottom: 15px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid #4e4e4e;
    background: #FFF;
    font-size: 16px;
}


table.dxgvControl {
    border: 0;
}

div.dxgvPagerBottomPanel div.dxpLite,
table.dxgvControl {
    font-family: Segoe UI;
    font-size: 14px;
    color: #4e4e4e;
}

img.dxGridView_gvHeaderSortDown,
img.dxGridView_gvHeaderSortUp {
    width: 18px;
    height: 10px;
}

img.dxGridView_gvHeaderSortDown {
    background: url('Sprites/TableControlsSprite.png') no-repeat -40px 0;
}

img.dxGridView_gvHeaderSortUp {
    background: url('Sprites/TableControlsSprite.png') no-repeat -60px 0;
}

tr.dxgvDataRow td.dxgv {
    border: 0;
    padding: 15px 0 15px 0;
    text-align: left;
}

div.dxgvPagerBottomPanel {
    background: #fff;
}

tr.dxgvFilterRow td.dxgv {
    background: #fff;
    border: 0;
}

span.dxichCellSys {
    padding-left: 0;
}


/* DevExpress GridView styles - END */

.ui-dialog-titlebar {
    display: none;
}



.captcha-container {
    margin-top: 15px;
}

#recaptcha_response_field {
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important;
    width: 338px !important;
    height: 34px !important;
    font-size: 11pt !important;
    border: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    background-color: #f3f3f3 !important; /* color 4*/
    border: 1px solid #f3f3f3 !important; /* color 4*/
}

    #recaptcha_response_field:focus {
        background-color: white !important;
    }

    #recaptcha_response_field:-ms-input-placeholder {
        color: gray !important;
    }

    #recaptcha_response_field::-webkit-input-placeholder {
        color: gray !important;
    }

    #recaptcha_response_field:-moz-placeholder { /* Firefox 18- */
        color: gray !important;
    }

    #recaptcha_response_field::-moz-placeholder { /* Firefox 19+ */
        color: gray !important;
    }

    #recaptcha_response_field:-ms-input-placeholder {
        color: gray !important;
    }

#recaptcha_table tbody tr td {
    padding: 0 !important;
}

.captcha-error {
    display: none;
}

.field-validation-error.captcha-error {
    display: block;
    position: relative;
    top: -25px;
    left: 350px;
}

.ui-dialog {
    z-index: 1000;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../Common/fonts/OpenSans-Regular.ttf'), url('../fonts/OpenSans.eot'), url('../fonts/OpenSans.woff');
}

.configure-manually {
    background-color: #DFEAED;
    height: 330px;
    margin-top: 55px;
    margin-right: 35px;
    margin-bottom: 53px;
    font-family: 'Open Sans', Verdana, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 10pt;
    color: #3a3a3a;
    padding: 5px 8px 19px 8px;
}
.readonly-idetification {
    float: right;
    margin-right: 500px;
    width: 200px;
}
.account-details {
    margin-top: 120px;
    margin-left: 400px;
    width: 300px;
}
.lastlogin {
    float: left;
    margin-left: -840px;
    margin-top: 65px;
}
.header-div {
    margin-top:20px;
}
.header-div {
    margin-top: 20px;
}
.header-div-advance{
    margin-top:60px;
}
.header-password {
    font-size: 11px;
}
.last-changed {
    margin-top: 60px;
}
.editor-password {
    margin-top: 90px;
    margin-left: 20px;
}
.password-changed-label {
    font-size: 8pt;
    color: #A0A0A0;
}
.password-locked-label {
    font-size: 8pt;
    color: red;
}
.locked-changed {
    color: red;
    width: 300px;
}

.time-changed {
    width: 300px;
    margin-bottom: 20px;
}
.attention-label {
    font-size: 8pt;
    color: red;
}
.force-pass {
    color: red;
}
.header-account {
    font-size: 11px;
}
.account-changes-details {
    margin-left: 414px;
    height: 200px;
}
.header-account {
    font-size: 11px;
}
.password-created-label {
    font-size: 8pt;
    color: #A0A0A0;
}
.account-header {
    margin-top:20px;
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

  .field-validation-error {
    left: 0;
    margin-left: 0;
    width: 330px;
    top: 75%;
    padding-right: 0;
    -o-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0,50% );
    transform: translate(0, 50%);
  }

    .field-validation-error:after {
      top: 0;
      left: 157px;
      margin-top: -19px;
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    .field-validation-error:before {
      top: 0;
      left: 156px;
      margin-top: -22px;
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  input.text-box {
    padding-left: 3px;
  }

  div.submit-buttons-start {
    width: 338px;
  }

  .submit-buttons {
    width: 342px;
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  input.text-box {
    padding-left: 3px;
  }

  section#main-section-start {
    margin-top: 5px;
    margin-left: auto;
  }

  div.submit-buttons-start {
    width: 338px;
  }

  .submit-buttons {
    width: 342px;
  }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #breadcrumb {
    padding-top: 30px;
    /*margin-top: 40px;*/
  }

  #user-name {
    /*float: none ;*/
    position: absolute;
    padding-top: -10px;
  }


  section#main-section {
    padding-left: 5px;
  }

  input.text-box {
    padding-left: 3px;
  }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  #breadcrumb {
    padding-top: 30px;
    /*margin-top: 40px;*/
  }

  #user-name {
    /*float: none ;*/
    position: absolute;
    padding-top: -10px;
  }


  input.text-box {
    padding-left: 3px;
    width: 305px;
  }

  section#main-section {
    padding-top: 5px;
    padding-left: 5px;
  }

  section#main-section-start {
    margin-top: 5px;
    margin-left: 5px;
  }

    section#main-section-start header * {
      white-space: normal;
    }

  div.submit-buttons-start {
    width: 305px;
  }

  div.align-left {
    float: right;
    margin-bottom: 3px;
  }


  .submit-buttons {
    width: 305px;
  }

  .field-validation-error {
    width: 298px;
  }

  .layout-column {
    width: 245px;
  }
  .messagebox-text {
     width: 295px;
    margin-left: 0;
  }
  .messagebox-body {
    margin-left: 5px;
    width: 305px;
  }
  .messagebox-buttons {
    width: 295px;
  }
}

a.buttonB.cancelButton.qrcodebutton {
background:none;
}

button.buttonB.bar-ok {
    height: 60px;
    width: 60px;
    margin-left:-9px;
}
#bar-cancel button {
    background: url(Sprites/sprite_actionbar.svg) no-repeat -180px 0;
    width: 60px;
    height: 60px;
}

.action-bar {
    font-family: 'Open Sans',Verdana, sans-serif;
    font-weight: 400;
    height: 60px;
    position: fixed;
    background-color: #3A3A3A !important;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    z-index: 1000;
}

a.buttonB.cancelButton.bar-cancel {
    width: 60px;
    height: 60px;
    background-image:none !important;
}


section#action-bar {
    font-family: 'Open Sans',Verdana, sans-serif !important;
    font-weight: 400 !important;
    height: 60px;
    position: fixed;
    background-color: #3A3A3A;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    z-index: 1000;
    display: none; /* It appears on jquery slide */
    margin-left: 65px;
}

    section#action-bar #right-bar {
        float: right;
    }

#right-bar #global-right-bar {
    float: left;
}

section#action-bar #right-bar,
#right-bar #global-right-bar {
    height: 60px;
}

.bar-separator,
.bar-action {
    float: left;
}

.bar-action {
    width: 100px;
    height: 53px;
    padding-top: 7px;
    font-size: 10pt;
    line-height: 10pt;
    text-align: center;
}

    .bar-action:hover {
        cursor: pointer;
    }

    .bar-action span {
        max-width: 90px;
    }

    .bar-action .icon {
        background-image: url('../img/icons/sprite_actionbar.svg');
        background-repeat: no-repeat;
        margin-bottom: 7px;
        height: 28px;
        width: 28px;
        margin-left: auto;
        margin-right: auto;
    }

    .bar-action#bar-add .icon,
    .bar-action .bar-add.icon {
        background-position: 0 -60px;
    }

    .bar-action#bar-assign .icon {
        background-position: 0px -60px;
    }

    .bar-action#bar-edit .icon,
    .bar-action.bar-edit .icon,
    .bar-action .bar-edit.icon {
        background-position: -28px -60px;
    }

    .bar-action#bar-edit-registration .icon {
        background-position: -252px -144px;
    }

    .bar-action#bar-print .icon {
        background-position: -54px -60px;
    }

    .bar-action#bar-present .icon {
        background-position: -84px -60px;
    }

    .bar-action#bar-not-present .icon {
        background-position: -112px -60px;
    }

    .bar-action#bar-activate .icon {
        background-position: -140px -60px;
    }

    .bar-action#bar-deactivate .icon {
        background-position: -168px -60px;
    }

    .bar-action#bar-show-more .icon {
        background-position: -196px -60px;
    }

    .bar-action#bar-show-less .icon {
        background-position: -224px -60px;
    }

    .bar-action#bar-open .icon,
    .bar-action.bar-open .icon,
    .bar-action .bar-open.icon {
        background-position: -252px -60px;
    }

    .bar-action.bar-zoomin .icon,
    .bar-action .bar-zoomin.icon {
        background-position: -224px -144px;
    }

    .bar-action.bar-zoomout .icon,
    .bar-action .bar-zoomout.icon {
        background-position: -196px -144px;
    }

    .bar-action#bar-client-dashboard .icon,
    .bar-action.bar-client-dashboard .icon,
    .bar-action .bar-client-dashboard.icon {
        background-position: -252px -60px;
    }

    .bar-action#bar-delete .icon,
    .bar-action.bar-delete .icon,
    .bar-action .bar-delete.icon {
        background-position: -56px -88px;
    }

    .bar-action#bar-deleteall .icon {
        background-position: -56px -88px;
    }

    .bar-action#bar-delete-registration .icon {
        background-position: -280px -144px
    }

    .bar-action#bar-show-all .icon {
        background-position: -112px -88px;
    }

    .bar-action#bar-show-active .icon {
        background-position: -84px -88px;
    }

    .bar-action#bar-export .icon {
        background-position: -140px -114px;
    }

    .bar-action#bar-approve .icon {
        background-position: -84px -60px;
    }

    /* Used in standard controls */
    .bar-action#bar-login .icon {
        background-position: 0px -116px;
    }

    /* Used in standard controls */
    .bar-action#bar-attachments .icon,
    .take-photo .icon {
        background-position: -140px -88px;
    }

    .bar-action#bar-download .icon {
        background-position: -28px -144px;
    }

    /* Used in standard controls */
    .bar-action#bar-icons .icon,
    .add-photo .icon {
        background-position: -224px -88px;
    }

    .bar-action#bar-copy .icon {
        background-position: 0px -88px;
    }

    .bar-action#bar-copyall .icon {
        background-position: 0px -88px;
    }

    .bar-action#bar-register .icon {
        background-position: -28px -88px;
    }

    .bar-action#bar-recover .icon {
        background-position: -28px -144px;
    }

    .bar-action#bar-view .icon {
        background-position: -84px -116px;
    }

    .bar-action.bar-search .icon,
    .bar-action .bar-search.icon,
    .bar-action#bar-search .icon {
        background-position: -112px -116px;
    }

    .bar-action#bar-settings .icon {
        background-position: -28px -60px;
    }

    .bar-action#bar-plan .icon,
    .bar-action .bar-plan.icon {
        background-position: -84px -60px;
    }

    .bar-action#bar-unplan .icon,
    .bar-action .bar-unplan.icon {
        background-position: -112px -60px;
    }

    .bar-action.bar-filter .icon,
    .bar-action .bar-filter.icon,
    .bar-action#bar-filter .icon {
        background-position: -112px -144px;
    }

    .bar-action#bar-default .icon {
        background-position: 0px -116px;
    }

    .bar-action#bar-followup .icon {
        background-position: 0px -144px;
    }

    .bar-action#bar-agenda .icon {
        background-position: -28px -116px;
    }

    .bar-action#bar-communication .icon,
    .bar-action .bar-communication.icon {
        background-position: -56px -116px;
    }

    .bar-action#bar-dropdown .icon,
    .bar-action .bar-dropdown.icon {
        background-position: -112px -88px;
    }

    .bar-action#bar-paste,
    .bar-action#bar-ok, .bar-action#bar-close,
    .bar-action#bar-cancel
    {
        padding: 0;
        border-left: 5px solid #fff;
        width: 60px;
        height: 60px;
    }

    .bar-action .bar-qrcodebutton,
    .bar-action#qrcodebutton {
        padding: 0;
        width: 45px;
        height: 34px;
        margin-top: 9px;
        margin-left: 39px;
    }

    .bar-action .bar-lockbutton,
    .bar-action#lockbutton {
        padding: 0;
        width: 34px;
        height: 34px;
        margin-top: 9px;
        margin-left: 39px;
    }

    .bar-action .bar-lockbutton, .bar-action#undoforcebutton, .bar-action#undoforcebutton-domain {
        padding: 0;
        width: 34px;
        height: 34px;
        margin-top: 9px;
        margin-left: 55px;
    }


    .bar-action .bar-unlockbutton,
    .bar-action#unlockbutton {
        padding: 0;
        width: 34px;
        height: 34px;
        margin-top: 9px;
        margin-left: 39px;
    }


    a.buttonB.cancelButton.undoforcebutton {
        background: none;
    }

    a.buttonB.cancelButton.undoforcebutton-domain {
        background: none;
    }

    .bar-action .bar-resetphonebutton,
    .bar-action#resetphonebutton {
        padding: 0;
        width: 20px;
        height: 34px;
        margin-top: 9px;
        margin-left: 45px;
    }

    .bar-action .bar-vok,
    .bar-action#bar-vok,
    .bar-action#bar-vcopy {
        padding: 0;
        width: 60px;
        height: 60px;
    }

    .bar-action .bar-ok,
    .bar-action#bar-ok,  .bar-action#bar-close,
    .bar-action#bar-vok {
        background: url(Sprites/sprite_actionbar.svg) no-repeat -240px 0;
    }

    .bar-action .bar-qrcodebutton,
    .bar-action#qrcodebutton {
        background: url(Sprites/sprite_controls.png) no-repeat -122px -635px;
    }

    .bar-action .bar-lockbutton,
    .bar-action#lockbutton {
        background: url(Sprites/sprite_controls.png) no-repeat -32px -635px;
    }

    .bar-action .bar-unlockbutton,
    .bar-action#unlockbutton {
    background: url(Sprites/sprite_controls.png) no-repeat -66px -635px;
    }

    .bar-action .bar-undoforcebutton,
    .bar-action#undoforcebutton {
        background: url(Sprites/sprite_controls.png) no-repeat 1px -635px;
    }

.bar-action .bar-undoforcebutton-domain,
.bar-action#undoforcebutton-domain {
    background: url(Sprites/sprite_controls.png) no-repeat 1px -635px;
    margin-left: 100px;
    margin-top: 7px;
}



.bar-action .bar-undoforcebutton-force,
.bar-action#undoforcebutton-force {
    background: url(Sprites/sprite_controls.png) no-repeat 1px -635px;
    width: 35px;
    
}


.bar-action#resetphonebutton {
    background: url(Sprites/sprite_controls.png) no-repeat -102px -635px;
}

    .bar-action .bar-clear-filter {
        background: url(Sprites/sprite_actionbar.svg) no-repeat -300px 0;
    }

    .bar-action#bar-cancel {
        background: url(Sprites/sprite_actionbar.svg) no-repeat -180px 0;
    }

    .bar-action#bar-vcopy {
        background: url(Sprites/sprite_actionbar.svg) no-repeat -60px 0;
    }

    .bar-action#bar-paste {
        background: url(Sprites/sprite_actionbar.svg) no-repeat 0px 0;
    }

@media only screen and (max-device-width: 960px) and (orientation: portrait), screen and (max-width: 960px) {
    .bar-action#bar-view, .bar-action#bar-copyall {
        display: none !important;
    }
}

.bar-separator {
    height: 40px !important;
    background-color: white;
    width: 2px !important;
    margin: 10px 0;
}

.vertical-action-bar {
    background-color: #3A3A3A !important;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
}

div.vertical-action-bar-angular drop-down .drop-down-wrapper,
div.vertical-action-bar-angular input {
    color: #3A3A3A;
}

div.vertical-action-bar-angular drop-down-list-viewer-item label {
    color: #a0a0a0;
}

div.vertical-action-bar-angular,
section#vertical-action-bar {
    background-color: #3A3A3A;
    color: #ffffff;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 370px;
    z-index: 10000;
    display: none;
    padding-left: 24px;
    padding-right: 24px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .vertical-action-bar header,
    div.vertical-action-bar-angular header,
    section#vertical-action-bar header {
        font-size: 14pt;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        margin-bottom: 25px;
        padding: 0;
        border: 0;
        display: block;
        font-family: "OpenSansLight", Verdana, sans-serif;
    }

.vertical-action-bar-angular .bs-dropdown-options {
    color: #3a3a3a;
}

.vertical-action-bar-close-button,
#vertical-action-bar-close-button {
    position: absolute;
    background-image: url('../img/icons/sprite_actionbar.svg');
    background-position: -252px -116px;
    width: 18px;
    height: 18px;
    top: 24px;
    right: 24px;
    background-color: transparent;
    cursor: pointer;
}

.vertical-action-bar-close-icon {
    position: absolute;
    top: 24px;
    right: 24px;
    background-color: transparent;
    cursor: pointer;
}

.vertical-action-bar-body {
    position: absolute;
    left: 24px;
    top: 75px;
    right: 0;
    bottom: 70px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .vertical-action-bar-body > div {
        width: 322px;
    }

#vertical-action-bar .custom-input {
    margin-bottom: 20px;
    width: 50%;
}

.vertical-action-bar-buttons-angular,
#vertical-action-bar-buttons {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    .vertical-action-bar-buttons-angular .buttons-layout {
        float: right;
    }

.vertical-action-bar-checkbox {
    margin: 5px 0 20px;
}

#vertical-action-bar legend,
#vertical-action-bar fieldset {
    padding: 0;
    border: 0;
    margin: 0;
    margin-bottom: 24px;
    font-family: "Open Sans", Verdana, sans-serif;
    font-weight: 400;
    font-size: 0; /* fix for whitespace between inline elements */
}

#vertical-action-bar legend {
    margin-bottom: 5px;
    font-size: 8pt;
}

#vertical-action-bar input {
    margin-top: 5px;
    margin-bottom: 5px;
}

#vertical-action-bar .label-text /*check box label*/, #vertical-action-bar label /*radio button label*/ {
    color: #ffffff;
    font-family: 'Open Sans',Verdana,sans-serif;
    font-weight: 400;
}
.button-title-phone {
    margin-top: 35px;
    width: 100px;
    margin-left: -40px;
}

.button-title-qr {
    margin-top: 35px;
    width: 100px;
    margin-left: -29px;
}

.button-title-lock {
    margin-top: 35px;
    width: 100px;
    margin-left: -36px;
}
.add-button {
    margin-left: 20px;
    margin-top: 8px;
    width: 70px;
    text-align: center;
}
.edit-button {
    margin-top: -46px;
    margin-left: 110px;
    width: 50px;
    text-align: center;
}
.delete-button {
    margin-top: -45px;
    margin-left: 190px;
    width: 50px;
    text-align: center;
}
.button-delete {
    margin-left: -4px;
}
.force-button {
    margin-top: -50px;
    margin-left: 186px;
    width: 50px;
    text-align: center;
}
.button-force {
    margin-top: 24px;
    width: 120px;
    margin-left: -45px;
    font-size: 14px;
}
.undo-force {
    margin-left: 270px;
    margin-top: 8px;
}
.button-undo {
    margin-top: 30px;
    width: 120px;
    margin-left: -45px;
    font-size: 14px;
}
.button-add {
    font-family: 'Open Sans',Verdana,sans-serif;
    margin-top: 3px;
}
.button-edit {
    font-family: 'Open Sans',Verdana,sans-serif;
    margin-top: 3px;
}
.button-delete {
    font-family: 'Open Sans',Verdana,sans-serif;
    margin-top: 3px;
}