

/* style-template.css */

body { 
    /*background-color:#ececec;*/ 
    background-color: white; 
    color:#0d0d0d; 
       /*font:1em/1.3em arial, helvetica, sans-serif;*/ 
    text-align: left; margin: 0px; padding: 0px; }

IMG {border: none; margin:0px; padding: 0px;}
A, A:visited {text-decoration: none; color: #000000}

#main-cent {margin: 0px; padding: 0px; text-align: center;}
#main {text-align: left; background: transparent url('../img/vmenu-bg.png') top left repeat-y; margin-left: auto; margin-right: auto; display: block;	min-width: 1000px;  
       /*_width: expression(document.body.clientWidth < 1000? "1000px" : "auto" )*/
       ;
}
#main-HP  {text-align: left; margin-left: auto; margin-right: auto; display: block;	width: 800px;}

#head {height: 65px; margin: 0px 0px; padding: 0px; background: transparent url('../img/head-bg.png') top left repeat-x;}
#head-HP {height: 80px; margin: 0px; padding: 0px; text-align: center; background: transparent url('../img/head-hp-bg.png') top left repeat-x;}
#head-HP-in {margin-left: auto; margin-right: auto; display: block; width: 800px; text-align: left;}
.sLogo {margin: 0px 30px 0px 20px; width: 170px; height: 46px; float: left}
.sLogo IMG {margin: 10px 0px;}
.sLogo-HP {margin: 0px 30px 0px 20px; width: 217px; height: 79px; float: right}
.sLogo-HP IMG {margin: 10px 0px;}

.hTools {float: right; width: 70%; text-align: right; line-height: 13px; height: 13px; font-size: 0.70em; margin-top: 5px;}
.hTools2 {position: absolute; top:24px;left: 215px;
          float: none; width: auto; text-align: right; line-height: 13px; height: 13px; font-size: 0.80em; margin-top: 5px;padding-right: 10px;}
.hTools-noheader {position: absolute;top: 28px; right: 23px; z-index:1001;font-size: 0.70em;padding-right: 34px;}
.hTools-noheader img#infoImage {position: absolute;top: 0px; right: 0px;}
.hTools-noheader img#infoImage2 {position: absolute;top: 0px; right: 18px;}

.hTools .logged {padding-right: 10px;}
.hTools .language {padding-right: 10px;}
.hTools .language A, .hTools .language A:visited {margin: 0px 2px;}

.hTitle {color: #59595b; text-transform: uppercase; line-height: auto; font-size: 1.35em; font-weight: bold; position: absolute; 
         top:8px;left: 215px;
         clear: right;  display: block; height: auto;overflow: hidden; }
.hTitle SPAN {color: #d93c4d;}
.hTitle A, .hTitle A:visited { color: #59595b; }

div#infoArea {display: none;position: absolute;right: 23px;top: 40px;width: 320px;  background-color: #f6f6f6; padding: 3px; border: 1px solid silver;color: green;z-index: 200; }
img#infoImage {position: absolute;right: 10px;top: 38px; border: 0px none black;cursor:pointer;}
a.infoIcons {border: 0px none black;cursor:pointer;}
img#infoImage2 {position: absolute;right: 30px;top: 38px; border: 0px none black; cursor:pointer;}

#hMenu-L1 {font-size: 9pt; line-height: 23px; height: 25px; 
           /*background: #0d0d0d url('../img/hmenu-bg.png') top left repeat-x;*/ 
           background: #0d0d0d ; 
           padding: 0px 20px;}

#hMenu-L1-vmenu {font-size: 9pt; line-height: 23px; height: 25px; background: #0d0d0d url('../img/hmenu-bg.png') top left repeat-x; padding: 0px 20px 0px 0px; margin-left: 210px; border-left: 5px solid #ffffff; overflow-y: hidden;}

#hMenu-L1 A, #hMenu-L1 A:visited, #hMenu-L1-vmenu A, #hMenu-L1-vmenu A:visited{color: #ffffff; padding: 0px 5px; border-right: 1px solid #ffffff; height: 25px; display: block; float: left}
#hMenu-L1 A:hover, #hMenu-L1 A.active, #hMenu-L1 A.active:visited, #hMenu-L1-vmenu A:hover, #hMenu-L1-vmenu A.active, #hMenu-L1-vmenu A.active:visited {
 background: #af0216;  /*url('../img/hmenu-bg-active.png') top left repeat-x;*/
}
#hMenu-L1 A.active, #hMenu-L1 A.active:visited,#hMenu-L1-vmenu A.active, #hMenu-L1-vmenu A.active:visited { font-weight: bold;}
/*Přestávky v menu*/
#hmenu-L1-info {position: relative; right: 0px;text-align: right;color: #ececec;padding-right: 3px;float: right;}

#hMenu-L2 {font-size: 9pt; line-height: 21px; min-height: 22px; padding-left: 10px; 
           background: #ececec url('../img/hmenu-l2-left.png') top left repeat-y; 
           background-image: url('../img/hmenu-l2-left.png'),url('../img/hmenu-l2-right.png');
           background-position: top left, top right;
           background-repeat: repeat-y,repeat-y;
           color: #58585a; margin: 0px 20px;}
#hMenu-L2 DIV {background: transparent url('../img/hmenu-l2-right.png') top right repeat-y; }
#hMenu-L2 A, #hMenu-L2 A:visited {color: #58585a; padding: 0px 5px; white-space: nowrap;}
#hMenu-L2 A:hover, #hMenu-L2 A.active, #hMenu-L2 A.active:visited  {color: #cb0117;}
#hMenu-L2 A.active:hover {color: #7c000e;}
#hMenu-L2 A.active {font-weight: bold;}
#hmenu-L2-info {float: right;position: relative;top:0px; padding-right: 5px;}

#vMenu {float: none; display: block; position: absolute; top: 65px; left: 0px;
        width: 190px; margin-left: 20px; background-color: #f6f6f6; font-size: 9pt; height: calc(100% - 95px); overflow-y: auto; }

#vMenu UL, #vMenu LI {list-style-type: none; margin: 0px 0px 0px 2px; padding: 0px; }
#vMenu LI { line-height: 29px; background: transparent url('../img/vmenu-item-bg-top.png') left top repeat-x; display: block; }
#vMenu LI A, #vMenu LI A:visited {display: block; min-height: 29px; _height: 29px; background: transparent url('../img/vmenu-item-bg-bottom.png') left bottom repeat-x;}
#vMenu LI A SPAN, #vMenu LI A:visited SPAN {display: block; min-height: 29px; background: transparent url('../img/vmenu-item-lline.png') top left repeat-y; padding-left: 10px; }
#vMenu LI A:hover SPAN, #vMenu LI A.active SPAN, #vMenu LI A.active:visited SPAN {background: transparent url('../img/vmenu-item-lline-active.png') top left repeat-y; color: #cb0117;}
#vMenu LI A.active SPAN, #vMenu LI A.active:visited SPAN { font-weight: bold;}
#vMenu LI A.active:hover SPAN {background: transparent url('../img/vmenu-item-lline-active-hover.png') top left repeat-y; color: #7c000e;}
#vMenu LI UL {margin-left: 3px;}

#content-lLine {background: #ffffff url('../img/content-lline.png') top left repeat-y; margin: 0px 20px; padding-left: 2px; }
#content-lLine-HP {background: #ffffff url('../img/content-lline.png') top left repeat-y; margin: 0px 0px; padding-left: 2px; clear: both; }
#content-lLine-vmenu {background: #ffffff url('../img/content-lline.png') top left repeat-y; margin: 0px 20px 0px 215px; padding-left: 2px; }
#content-rLine {background: transparent url('../img/content-rline.png') top right repeat-y; padding-right:2px;}
#content-tLine {border-top: 1px solid #9e9e9e; }
#content {  
    overflow: auto;
    margin: 0px 0px 0 0px; padding-left: 7px; padding-right: 21px;}

.HP-parts {line-height: 35px; height: 40px; color: #58585a; font-size: 1.85em; margin: 20px 0px 10px 0px; _padding-bottom: 20px; float: left; }
.HP-parts IMG {float: left; margin-right: 30px;}
#content.HP-modules ,.HP-modules {width: 100%; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px;}
#content.HP-modules TD,.HP-modules TD {width: 50%; margin: 0px; padding: 0px; }
/*Rozcestník*/
#content .HP-modules A, #content .HP-modules A:visited {
    /*color: #ff7d00;*/ 
    color: #333333; 
    font-size: 1.4em; text-decoration: none !IMPORTANT;} 
#content .HP-modules A P, #content .HP-modules A:visited P {
    /*color: #58585a;*/ 
    color: #666666; 
    font-size: 0.6em; margin: 0px;text-decoration: none !IMPORTANT;} 

#foot {background: transparent url('../img/foot-bg.png') top left repeat-x; font-size: 0.65em; line-height: 20px; text-align: right; margin: 0px 0px 0px 0px; height: 20px; color: #58585a;}
#foot A, #foot A:visited {color: #58585a;}
#foot-tLine {background: transparent url('../img/foot-tline.png') top left repeat-x; padding: 0px 22px;
/*             height: 40px;*/
             background-color: #eaeaea;overflow: hidden;}

div#head, div#hMenu-L1, div#hMenu-L2 {
    position: relative;
    z-index:90;
}


table.titleProject {
    border-collapse: collapse;
}
table.titleProject td {
    padding-right: 25px; 
    font-size: 1.3em;
    text-align: left;
}
table.titleProject tr.note td {
    font-size: 0.80em;
    color: gray;
    font-style: italic;
}

table.titleProject tr.note td a {
    /*font-size: 0.80em;*/
    color: gray;
    font-style: italic;
}



/* jquery.treeview.css */

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }


/* ui/jquery-ui-1.12.1.css */

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 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;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


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


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.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 {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.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,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.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,
.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: 0;
}

/* 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,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	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-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.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-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.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;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.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-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.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: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.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;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #d3d3d3;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #555555;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #212121;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #aaaaaa;
	background-color: #CCC;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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 {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: -8px -8px 8px #aaaaaa;
	box-shadow: -8px -8px 8px #aaaaaa;
}


/* ui/jquery.ui.timepicker.css */

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; background-color: #fff;z-index: 5; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    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/jquery.qtip2.css */

/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Sat Oct 12 2013 04:01 UTC+0000
 * Plugins: viewport modal
 * Styles: css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 600px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none !IMPORTANT;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
                margin-top: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}



.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-width: 0;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}
	
	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}
	
	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}
	
	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}



#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}



/* select2.css */

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle; }
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block !IMPORTANT;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block !IMPORTANT;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-search--inline {
    float: left; }
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }

.select2-results {
    display: block; }

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; }

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none; }
.select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
    left: 0; }

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
    display: block;
    padding: 4px; }
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px; 
    /*JH fix*/
    position: absolute;
    right: 5px;
    
    
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
    padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white; }

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
    border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
    border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
    padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }
/*//JH ADD*/
span.selection {
    display: inline !IMPORTANT;
}


/* comboTreePlugin.css */

/*!
 * jQuery ComboTree Plugin 
 * Author:  Erhan FIRAT
 * Mail:    erhanfirat@gmail.com
 * Licensed under the MIT license
 * Version: 1.2.1
 */


:root {
    --ct-bg: #fff;
    --ct-btn-hover: #e8e8e8;
    --ct-btn-active: #ddd;
    --ct-btn-color: #555;
    --ct-border-color: #e1e1e1;
    --ct-border-radius: 5px;
    --ct-tree-hover: #efefef;
    --ct-selection: #418EFF;
    --ct-padding: 8px;
}


.comboTreeWrapper{
    position: relative;
    text-align: left !important;
    display: inline-block;
}

.comboTreeInputWrapper{
    position: relative;
    display: inline-block;
}

.comboTreeArrowBtn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    box-sizing: border-box;
    /*border: 1px solid var(--ct-border-color);*/
    /*border-radius: 0 var(--ct-border-radius) var(--ct-border-radius) 0;*/
    /*background: var(--ct-border-color);*/
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    width: 18px;
}
.comboTreeArrowBtn:hover {
    /*background: var(--ct-btn-hover);*/
}
.comboTreeArrowBtn:active {
    background: var(--ct-btn-active);
}
.comboTreeInputBox:focus + .comboTreeArrowBtn {
    color: var(--ct-btn-color);
    border-top: 1px solid var(--ct-selection);
    border-right: 1px solid var(--ct-selection);
    border-bottom: 1px solid var(--ct-selection);

}

.comboTreeArrowBtnImg{
    font-size: 1.25rem;
}

.comboTreeDropDownContainer {
    display: none;
    background: var(--ct-bg);
    border: 1px solid var(--ct-border-color);
    position: fixed;
    /*width: 100%;*/
    min-width: 350px;
    box-sizing: border-box;
    z-index: 9999;
    max-height: 40vh;
    overflow-y: scroll;
    padding-bottom: 0.5em;
}
/*fixed position to display in dialog*/
.comboTreeDropDownContainerFixed {
    position: fixed;
}

.comboTreeDropDownContainer ul{
    padding: 0px;
    margin: 0;
}

.comboTreeDropDownContainer li{
    list-style-type: none;
    padding-left: 15px;
}

.comboTreeDropDownContainer li .selectable{
    cursor: pointer;
}

.comboTreeDropDownContainer li .not-selectable{
    cursor: not-allowed;
}


.comboTreeDropDownContainer li:hover{
    background-color: var(--ct-tree-hover);}
.comboTreeDropDownContainer li:hover ul{
    background-color: var(--ct-bg)}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{
    background-color: var(--ct-selection);
    color: var(--ct-bg);
    border-radius: 2px;
}

span.comboTreeItemTitle{
    display: block;
    padding: 3px var(--ct-padding);
}
span.comboTreeItemTitle input[type="checkbox"] {
    vertical-align: baseline;
}

.comboTreeDropDownContainer label{
    cursor: pointer;
    width: 100%;
    display: block;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
    position: relative;
    top: 2px;
    margin: 0px 4px 0px 0px;
}
.comboTreeParentPlus{
    position: relative;
    left: -12px;
    top: 4px;
    width: 4px;
    float: left;
    cursor: pointer;
}


.comboTreeInputBox {
    /*	padding: var(--ct-padding);
        border-radius: var(--ct-border-radius);
        border: 1px solid var(--ct-border-color);*/
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
    min-width: 150px;
    background: linear-gradient(to bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);
}
.comboTreeInputBox:focus {
    border: 1px solid var(--ct-selection);
    /*outline-width: 0;*/
    outline: #3daee9 solid 2px;
}


.multiplesFilter{
    width: 100% !IMPORTANT;
    padding: 5px;
    box-sizing: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--ct-border-color);
}

div.comboTreeItemSelectAll {
    padding: 6px;
}

div.comboTreeItemSelectAll span {
    cursor: pointer;  
}
div.comboTreeItemSelectAll span i {
    vertical-align: bottom;
}
div.comboTreeItemSelectAll span:hover {
    color: var(--ct-selection);

}
div.comboTreeItemSelectAll span.comboTreeItemUnSelect {
    position: relative;
    left: 0px;
    right: auto;
    float: right;

}
div.comboTreeInputWrapper div.comboTreeInputBox {
    display: inline-block;
    min-width: 70px;
    min-height: 1.9em;
    white-space: normal;
    height: auto;
    border: 1px solid silver;
    padding: 2px;
    vertical-align: middle;
    border-top-left-radius:     4px;
    border-bottom-left-radius:  4px;
    max-height: 4.5em;
    overflow-y: auto;
    max-width: 600px;
}

/* styl.css */


/* 
    Document   : styl
    Created on : 22.5.2011, 8:26:46
    Author     : Jan Janys <jan.hanys@gmail.com>
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
    font-size: 9pt;
}

body, td, textarea {
    font-family: Verdana, Ariel, sans-serif ;
    font-size:  9pt;
}

form {
    padding: 0;
    margin: 0;
    border: 0;
}

div#wrapper {
    text-align: center;
}

div#loginSection {
    text-align: left;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

div#loginSection label {
    width: 180px;
    display: inline-block;
}
/*TODO make it more nice*/

fieldset, table {
    font-size: 9pt;
}

hr {
	border-top: 1px solid gray;
	border-bottom: none;
}

.content a {
    text-decoration: underline;
    color: #026890;
}
.link {
    color: #026890;
}
.link:hover {
    color: #3daee9;
}

div#content {
    padding-bottom: 5px;
    background-color: white;
}

/*Table view - styl pro automatické tabulky*/

/*"id"=>"",
        "tableClass"=>"autoTable",
        "rowClass"=>"autoTableTr",
        "rowClass2"=>"autoTableTr2", //for alterning colors in the table
        "filter"=>false,
        "filterCols"=>"",
        "repeatHeader"=>20, //after how many records to repeat header
"rightAlignCols"=>""*/

/*způsobí, aby tabulka nepřetekla šablonu*/
div.autoTableContainer {
    /*    overflow: auto;*/
    margin: 5px 0px 0px;
}

table.autoTable {
    border-collapse: collapse;
    background-color: #fafafa;
    border: 1px solid #adadad;
    margin: 0;
    font-size: 0.9em;
}

table.autoTable thead {
    /*    margin-bottom: 20px;*/
}

table.autoTable thead tr.blank {
    border: 0px;
    background: #ffffff;
    height: 7px;
    font-size: 3px;
}

table.autoTable thead tr th, table.autoTable  tr th{
    background-color: #fafafa;
    padding: 3px 3px 3px 3px;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
/* Opakující se hlavičky tabulek*/
tr.autoTable_headerRow th {
    background-color: #fafafa;
    padding: 3px 3px 3px 3px;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
tr.autoTable_groupRow td {
    background-color: #f1ff98;
    color: black;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
    border-right: 1px solid silver;
    /*    border-bottom: 1px solid silver;*/
}

table.autoTable tr.autoTable_groupRow2 td {
    background-color: #f4feb9;
    color: navy;
    /*    font-weight: bold;*/
    padding: 3px 3px 3px 3px;
    padding-left: 20px;
    border-right: 1px solid silver;
}
table.autoTable tr.group1sum td {
    color: navy;
    /*    border-right: 1px solid silver;*/
}
table.autoTable tr.group0sum td {
    color: #025d04;
    /*    border-right: 1px solid silver;*/
}

table.autoTable tr.groupTablesum td {
    color:saddlebrown;
    font-weight: bold;
    /*    border-right: 1px solid silver;*/
}
table.autoTable tr.groupTableavg td {
    color: #0056b3;
    font-weight: bold;
    /*    border-right: 1px solid silver;*/
}




table.autoTable tr.autoTableTr {
    background-color: #ffffff;
}

table.autoTable tr.autoTableTr2 {
    background-color: #f0f0f0;
}

table.autoTable tbody tr td {
    border-right: 1px solid gray;
    border-bottom: 1px solid silver;
    padding: 2px 3px 2px 3px;
    height: auto;
    vertical-align: middle;
}

table.autoTable tbody tr td a {
    vertical-align: middle;
}

table.autoTable tbody tr.currentRecord td {
    /*    border-top: 2px dotted red; */
    border-bottom: 1px dashed #5e7f01;
}

a.ajs {
    cursor: pointer;
}

table.autoTablePaging {
    width: 100%;
}
table.autoTablePaging select.tablePaginSelect {
    font-size: 1.2em;
    vertical-align: middle;
    /*padding: 2px;*/
    position: relative;
    height: 27px;
    margin: 2px;
    border: 1px solid silver ;
    border-radius: 4px;
}
/*table.autoTablePaging select.tablePaginSelect option {
    font-size: 9pt;
}*/


table.autoTable tr.autoTableSummary td {
    font-weight: bold;
    background-color: #8BFF8B;
}


/*Zvýraznění řádku tabulky*/
tr.rowHeader td{
    font-weight: bold;
    background-color: #D3D3D3;
}

input.datePicker[type='text'], input.form-datepicker[type='text']{
    width: 120px ;
    text-align: right;
}

input.datePicker[type='text'][readonly], input.form-datepicker[type='text'][readonly], input.form-timepicker[type='text'][readonly]{
    background-color: white;
}

input.datePicker[type='text'][readonly]:focus, input.form-datepicker[type='text'][readonly]:focus, input.form-timepicker[type='text'][readonly]:focus{
    background-color: #FFFEbb;
    outline: #3daee9 solid 2px;
}


input.timePicker[type='text'],input.form-timepicker[type='text'],fieldset.filter input.form-timepicker[type='text']{
    width: 70px;
    text-align: right;
}

label {
    display: inline-block;
    text-align: right;
    width: 100px;
    font-size: 9pt;
    color: #0d0d0d;
}

label.bold {
    font-weight: bold;
}

td.smallLabel label, label.smallLabel{
    width: 80px;
}
td.wideLabel label, label.wideLabel {
    width: 170px;
}

td.mediumLabel label, label.mediumLabel {
    width: 60px;
}

td.autoLabel label, label.autoLabel {
    width: auto;
    /*display: inline-block !IMPORTANT;*/
}
td.autoLabelLeft label, label.autoLabelLeft {
    width: auto;
    text-align: left;
    /*display: inline-block !IMPORTANT;*/
}

table.autoLabel label, label.autoLabel {
    width: auto;
}

label.inline {
    display: inline !IMPORTANT;
}

table.projectRights th{
    height: auto;
}

table.projectRights th a {
    /*    -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-0deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);*/
    width: 90px;
    display: block;
}

label.normalLabel {
    display: inline !IMPORTANT;
    width: auto;
}

/*druhá auto*/
td.autoLabelSecond label {
    width: auto;
}
/*první popisek v buče má standardní šířku, druhý je auto*/
td.autoLabelSecond label:first-child {
    width: 100px;
}


td.noLabel label {
    display: none;
}

td.labelTop label {
    display: block;
    text-align: left;
    width: auto;
}

.labelTop label, label.labelTop {
    display: block;
    text-align: left;
    width: auto;
}
.labelTop label.secondLabel, label.labelTop.secondLabel {
    display: inline-block;
    text-align: left;
    width: auto;
}


table.labelTopSmall td label ,td.labelTopSmall label {
    display: block;
    text-align: left;
    font-size: 8pt;
    width: auto;
}

.smallFont {
    font-size: 8pt;
}


td.labelTopSmall.right label {
    display: block;
    text-align: right;
    font-size: 8pt;
    width: auto;
}

fieldset table td {

    /*white-space: nowrap;*/
}
fieldset table td iframe{
    vertical-align: top;
}

fieldset table td label{
    white-space: normal;
}

.fullWidth{
    width: 99%;
}
.fullWidthLabel{
    width: calc(100% - 120px);
}

.fullWidthLabelHistory{
    width: calc(100% - 140px);
}

.fullHeight, textarea.fullHeight{
    height:  99%;
}


textarea.bigger{
    width: 450px;
}
textarea.double{
    width: 320px;
    /*height: 160px;*/
}

textarea.high{
    height: 450px;
}
textarea.higher{
    height: 300px;
}

.top, td.top {
    vertical-align: top !IMPORTANT;
}
.bottom, td.bottom {
    vertical-align:bottom !IMPORTANT;
}
.top textarea {
    vertical-align: top;
}

input.smallText{
    width: 40px;
}

input.miniText{
    width: 25px;
}

input.mediumText{
    width: 70px;
}

input.wideText{
    width: 400px;
}

input[type=number]{
    text-align: right;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.bottom {
    vertical-align: bottom;
}
.baseline {
    vertical-align: baseline;
}
.highlight {
    background-color: #79c9ec;
    border-color:  #79c9ec;
}

.noWrap {
    white-space: nowrap;
}
.normalWrap {
    white-space: normal !IMPORTANT;
}
.center {
    text-align: center;
}

button.imageButton16 {
    width: 20px !IMPORTANT;
    height: 20px;
    padding: 0px;
    border: 0;
    background-color: transparent;
    text-align: center;
    vertical-align: top;
}


button.imageButton16 img {
    width: 16px;
    height: 16px;
    padding: 0px;
    border: 0;
    margin: 0;
    vertical-align: middle;

}

button.imageIcon16 span.ui-button-text{
    padding: 2px 2px  0 2px;
}

button {
    margin: 2px;
}

/*make a phone call - list of phones and people*/
.makePhoneCall table {
    margin-top: -4px;
}
.makePhoneCall table td {
    border: 1px solid silver;
    background-color: papayawhip;
    margin: 2px;
    padding: 2px 3px 0 3px;
    white-space: normal;
}

.makePhoneCall table td img {
    /*    vertical-align: middle;*/
    /*    margin-left: 3px;
        margin-right: 2px;
        float: right;*/

}
.makePhoneCall table td div.phoneNumStatus {
    margin-top: 4px;

}

span.phoneNumber {
    font-size: 14pt;
    text-align: center;
    display: block;
    margin-bottom: -2px;
    margin-top: -2px;

}

table.called span.phoneNumber {
    text-shadow: 0 0 3px #FF0000;
}

span.phoneNote {
    font-size: 10pt;
    text-align: left;
    vertical-align: middle;
}
#notify {
    color: #6eac2c;
}

span.error {
    color: red;
}

div#ui-datepicker-div{
    display: none;
}

span.vertical {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#tableProjectRights label {
    width: auto;
    text-align: center;
    display: block;
}

#tableProjectRights span input {
    margin: 0;
}

#tableProjectRights span {
    width: 15px;
    text-align: center;
    display: inline-block;
}

h2 {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*new contact div*/
div#newContactContainer {
    overflow: auto;   
    font-size: 9pt;
}

div#newContactContainer label {
    /*     width: 85px;*/

}

div#newContactContainer input[type='text'] {
    width: 100px;
    font-size: 9pt;
}

div#newContactContainer input[type='text'].smallText {
    width: 50px;
}
/*
div#newContactContainer #newContactHead {
    padding: 3px;
    background-color: #0078ae;
    color: white;
    font-weight: bold;
    border: 1px solid #e14f1c;
}
div#newContactContainer #newContactHead a {
    display: block;
    float: right;
}*/

/*filter*/
span.filterSelectEach {
    border: 1px solid #c0c0c0;
    font-size: 8pt;
    padding-bottom: 2px;
    padding-top: 1px;
    margin-right: 3px;

}

div.filterSearch {
    display: none;
}

.filterUsed {
    background-color: #b8fffb;
    background-image: none;

}
.filterUsed.filterSelectEach {
    background-color: white;
    background-image: none;
}
.filterSelectEach input:checked{
    background-color: #b8fffb;
    background-image: none;
}
.filterSelectEach input:checked + label{
    background-color: #b8fffb;
    background-image: none;
}
fieldset.filter .filterSelectEach label, .filterSelectEach label {
    color: black;
    background-image: none;
    font-size: 8pt;
    width: auto;
    display: inline-block !IMPORTANT;
}


/*pro div skrytý*/
div.selectEachOver {
    display: none;
    position: absolute;
    width: 200px;
    border: 1px solid gray;
    background-color: #FFFEbb;
    padding: 3px;
    max-height: 350px;
    overflow-y: auto;
    white-space: normal;
    z-index: 2000;
}
div.selectEachOver span.noWrap {
    display: block;
    white-space: normal;
}
input.datePast {
    width: 60px;
    text-align: right;
}

fieldset.filter label{
    width: auto;
    color: #091c59;
}

/* make filter with labels on the top of filed*/
fieldset.filter.labelTop span.noWrap{
    display: inline-block;
}
fieldset.filter.labelTop span label:first-child{
    font-size: 8pt;
}

fieldset.filter input[type='checkbox']{
    vertical-align: middle;
}

fieldset.filter input[type='text']{
    width: 100px;
}

div.contentTopRight {
    float: right;
    width: 400px;
    text-align: right;
    font-size: 9pt;
}

tr.strike {
    text-decoration: line-through;
}

tr.strikeRed {
    text-decoration: line-through;
    color: red;
}

div.fieldError {
    position: relative;
    color: red;
    display: inline-block;
    background-color: linen;
    border: 1px solid red;
    margin-left: 4px;
    padding: 2px;
    font-size: 9pt;
    border-radius: 5px;
}

div.checkboxlist{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #2191c0;
    background-color: #f8da4e;
    padding: 4px; 
}

div.checkboxlist div{
    display: inline-block;
    width: 150px;
}

/*Color picker css*/
/*.colorpicker-picker-span{
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    border: 1px solid #000;
    margin-right: 2px;
    cursor: pointer;
}

.colorpicker-picker-info{
    padding: 0 0 2px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.colorpicker-picker-span:hover {
    border: 1px solid #fff;
}

.colorpicker-picker-span.active {
    border: 1px solid #fff;
}

.colorpicker-picker {
    background-color: #353534;
    padding: 5px;
    display: none;
    position: absolute;
    top: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #111;
    -moz-box-shadow: 2px 2px 5px #111;
    -webkit-box-shadow: 2px 2px 5px #111;
}

.colorpicker-trigger {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    border: 1px solid #000;
    cursor: pointer;
    background-color: #808080;;
}

.colorpicker-wrap {
    font-family: 'Trebuchet MS', Verdana, Arial, Geneva, sans-serif
}

.colorpicker-label {
    float: left;
    margin-right: 2px;
}*/

/*End color picker css*/

select.colorPicker {

}

table.productSelect {
    border-collapse: collapse;
    empty-cells: show;
    border-top: 2px solid #f8f8f8;;
}
table.productSelect tr {
    /*       background-color: #f8f8f8;*/
    border-bottom: 2px solid #f8f8f8;;
}



table.productSelect td {
    /*    background-color: #f8f8f8;*/
    margin-top: 2px;
    padding: 2px;
}

table.productSelect label,table.orderProduct label {
    text-align: left;
    width: auto;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 8pt;
}


.note {
    color:#49494b;
    font-style: italic;
}


/*predictive*/
#predictivePause{
    position: absolute;
    top: 65px;
    text-align: center;
    right: 10px;
    z-index: 2000;
    width: 150px;
    background-color: #d0d0d0;
    padding: 4px;
    border: 1px solid gray;
}
/*predictive*/
#predictivePause1{
    position: relative;
    /*    top: 65px;*/
    /*    text-align: center;*/
    /*    right: 10px;*/
    /*    z-index: 2000;*/
    /*    width: 150px;*/
    float: right;
    /*    background-color: #d0d0d0;*/
    color: #f8da4e;
    cursor: pointer;
    /*    padding: 4px;*/
    /*    border: 1px solid gray;*/
}

/*toto deprecated*/
/*.queuePause {
    color: grey;
}
.queueRun {
    color: darkolivegreen;
    font-weight: bold;
}*/
/*stav front*/ 
span.statusQueueRun {
    color: green;
}
span.statusQueuePause {
    color: gray;
}
span.statusQueueCallWait {
    color: #A91123;
    font-weight: bold;
}
#pauseStateTime{
    display: inline-block;
    width: 13em;
}


.activePhone, .activePhone div  {
    background-color: chartreuse !IMPORTANT;
}

.pozadiSeda {
    background-color: #fafaf0;
    /*    border-color:  #fafaf0;*/

}

.pozadiZluta {
    background-color: #fefcac;
}

#waitAnimation {
    position: fixed;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    /*width: 800px;*/
    width: 100px;
    height: 100px;
    content: url("../images/wait3.gif");
    /*background-image: url("../images/wait.gif");*/
    background-color: transparent;
    z-index: 3000;
    /*    background-repeat: no-repeat;
        background-position: 2px 2px;*/

}


/* Lead*/
#callLeadSectionStatic td,#callLeadSection td{
    /*	width: 100px;*/
    text-align: left;
}
#callLeadSectionStatic select,#callLeadSection select{
    /*	width: 120px;*/
    /*	margin-top: -10px;*/
}

#callLeadSectionStatic input, #callLeadSection input{
    width: 400px;
}

#callLeadSectionStatic label,#callLeadSection label {
    display: inline-block;
    text-align: left;
    width: auto;

}

#callLeadSectionStatic hr ,#callLeadSection hr{
    visibility: hidden;
}

/*Kontaktní údaje*/
.poznamka textarea{
    width: 700px;
}
.doubletouch fieldset td{
    width: 25%;
}

textarea.note {
    width: 150px;
}

#cooltmobile label {
    width: 60px;
    padding: 0;
    font-size: 8pt;
}
#cooltmobile label.autoLabel {
    width: auto;
    padding: 0;
    font-size: 8pt;
}



.validatorError {
    /* supply height to ensure consistent positioning for every browser */
    height:15px;
    background-color:#FFFE36;
    border:1px solid #E1E16D;
    font-size:11px;
    color:#000;
    padding:3px 10px;
    margin-left:-2px;

    /* CSS3 spicing for mozilla and webkit */
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
    /*	-moz-border-radius-bottomleft:0;
        border-radius-bottomleft:0;
        -moz-border-radius-topleft:0;
        border-radius-topleft:0;
        -webkit-border-bottom-left-radius:0;
        -webkit-border-top-left-radius:0;*/

    -moz-box-shadow:0 0 6px #ddd;
    box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}
.validatorError p {
    margin: 0;
}

span.valError {
    /* supply height to ensure consistent positioning for every browser */
    /*	height:15px;
        background-color:#FFFE36;
        border:1px solid #E1E16D;*/
    font-size:11px;
    font-weight: bold;
    color:red;
    /*	padding:3px 10px;
        margin-left:-2px;*/
    padding: 2px;
    /* CSS3 spicing for mozilla and webkit */
    /*	-moz-border-radius:4px;
        border-radius:4px;
        -webkit-border-radius:4px;*/
    /*	-moz-border-radius-bottomleft:0;
        border-radius-bottomleft:0;
        -moz-border-radius-topleft:0;
        border-radius-topleft:0;
        -webkit-border-bottom-left-radius:0;
        -webkit-border-top-left-radius:0;*/

    -moz-box-shadow:0 0 6px #ddd;
    box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
}

input.invalid, select.invalid,textarea.invalid ,span.invalid {
    box-shadow: 0 0 6px red !IMPORTANT;
    -webkit-box-shadow: 0 0 6px red !IMPORTANT;
    -moz-box-shadow: 0 0 6px red !IMPORTANT;
}

input.phpvalidwarn, select.phpvalidwarn,textarea.phpvalidwarn ,span.phpvalidwarn {
    box-shadow: 0 0 6px #FFCC6F;
    -webkit-box-shadow: 0 0 6px #FFCC6F;
    -moz-box-shadow: 0 0 6px #FFCC6F;
}
input.phpvalidok, select.phpvalidok,textarea.phpvalidok ,span.phpvalidok {
    box-shadow: 0 0 6px green;
    -webkit-box-shadow: 0 0 6px green;
    -moz-box-shadow: 0 0 6px green;
}

div#alertBoxContainer {
    position: fixed;
    width: auto;
    left: 40%;
    right: 40%;
    top: 200px;
    /*    bottom: 48%;*/
    border: thin solid #5b5b5b;
    background-color: #cdcdcd;
    color: black;
    font-size: larger;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    border-radius: 6px;
    box-shadow: 0 0 6px green !IMPORTANT;
}
div#alertBoxContainer.error {
    box-shadow: 0 0 6px red !IMPORTANT;
}
#alertBoxContainer span.title {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

div.lockUser {
    text-align: center;
    font-size:  larger;
    padding: 3px;
    font-weight: bold;
    color: red;
    margin-top: 2px;
    border: 2px solid red;
    background-color: #ECE9D8;
}

/*historie změn v tabulce*/
table.changesHistory {
    display: none;
    font-size: 9pt;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    width: 100%;
}
table.changesHistory td {
    border-right: 1px solid gray;
    border-bottom:  1px solid gray;
    font-size: 8pt;
    vertical-align: top;
}


table.changesHistory thead tr th {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    font-size: 8pt;
}


table.changesHistory ins, ins {
    color: green;
    text-decoration: underline #99E094 dotted;
}
table.changesHistory del, del {
    color: #DD0000;
}
pre.changesHistory ins {
    color: green;
    text-decoration: underline #99E094 dotted;
}
pre.changesHistory del {
    color: #DD0000;
}

table.autoTable.tableChangeHistory tbody tr td {
    vertical-align: top;
}

div#orderDetailContainer {
    background-color: #FFFEbb;
    /*    padding-bottom: 3px;*/
}
div#orderDetailContainer table.autoTable {
    margin-left: 3px;
    margin-bottom: 5px;
}

div.autoTableHelp {
    padding: .5em;
    border: 1px solid silver;
    margin: 3px;
    border-radius: .5em;
}
div.autoTableContainerMain fieldset {
    border-radius: .3em;
}
/*styly pro form elementy*/
span.frmTextStr {
    padding: 2px;
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    display: inline-block;
    min-width: 80px;
    max-width: 1024px;

    white-space: pre-wrap !IMPORTANT;
}

iframe.dialogFrame {
    width: 99%;
    height: auto;
    border: thin none black;
}

table.minimal {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: 1px none gray;
}
table.minimal td{
    margin: 0px;
    padding: 0px;
    border: 1px none gray;
}


span.callLengthStatus {
    text-align: center;
}

/*form elements*/
input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=number],textarea,input[type=rc] {
    border: 1px solid silver;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -op-border-radius: 3px;
    padding: 2px;
}

input[type=text]:focus,input[type=email]:focus,input[type=phone]:focus,input[type=number]:focus,input[type=password]:focus,
select:focus,textarea:focus,input[type=search]:focus,input[type=rc]:focus {
    background-color: #FFFEbb;
    /*background-image: none;*/
    outline: #3daee9 solid 2px;
}

select{
    border: 1px solid silver;
    border-radius: 3px;
    padding: 1px;
    margin: 1px;

    background: linear-gradient(to bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);

    /*    background: white;
        background-image: -o-linear-gradient(bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);
        background-image: -moz-linear-gradient(bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);
        background-image: -webkit-linear-gradient(bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);
        background-image: -ms-linear-gradient(bottom, #F7F7F7 10%, #ECEDDC 43%, #F0F0F0 90%);
    
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.1, #F7F7F7),
            color-stop(0.43, #ECEDDC),
            color-stop(0.9, #F0F0F0)
            );*/

}

/*button {
    border: 1px solid silver;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -op-border-radius: 3px;
    background-color: gray;
    
    padding: 2px;
    margin: 2px;
    
}*/

/* file list*/
div.fileList {
    background-color: #FFFFC7;
    padding: 4px;
    border: 1px solid gray;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -op-border-radius: 5px;

}

div.fileList table.fileList {
    width: 99%;
}
div.fileList a {
    text-decoration: none !IMPORTANT;

}


div.fileList table{
    border-collapse: collapse;
}

div.fileList table td{
    border-bottom: 1px solid #CCCCCC;
}




/**on line oíld

*/

/** users-online **/
.users-online {clear: both; width: 100%}
.users-online-item { display: block; width: 270px; float: left; margin: 2px 6px; height: 88px; line-height: 17px; _width: 273px; _height: 77px; }
.users-online-item A, .users-online-item A:visited {text-decoration: none; display: block;}
.users-online-item A:hover {background-color: #adb2fa;}
.users-online-item .info-ico { cursor: pointer; float: right; margin: 1px 1px 1px 0px; }
.users-online-item .status-ico { float: left; margin: 1px 2px 0px 1px}


.users-online .online, .popup-onlineinfo .online {background-color: #CCCCCC; color: #000000; border-left: 1px solid #FAFAFA; border-top: 1px solid #FAFAFA; border-right: 1px solid #A6A6A6; border-bottom: 1px solid #A6A6A6;}
.users-online .offline, .popup-onlineinfo .offline {background-color: #FAFAFA; color: #BBBBBB; border-left: 1px solid #FDFDFD; border-top: 1px solid #FDFDFD; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
.users-online .unknown, .popup-onlineinfo .unknown {background-color: #FAFAFA; color: #000000; border-left: 1px solid #FDFDFD; border-top: 1px solid #FDFDFD; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
.users-online .ringing, .popup-onlineinfo .ringing {background-color: #fae9ad; color: #000000; border-left: 1px solid #FFFFC7; border-top: 1px solid #FFFFC7; border-right: 1px solid #E0CF94; border-bottom: 1px solid #E0CF94;}
.users-online .pause, .popup-onlineinfo .pause {background-color: blue; color: yellow; border-left: 1px solid #FFFFC7; border-top: 1px solid #FFFFC7; border-right: 1px solid #E0CF94; border-bottom: 1px solid #E0CF94;}
.users-online .longpause, .popup-onlineinfo .longpause {background-color: #DD0000; color: #000000; border-left: 1px solid #FFFFC7; border-top: 1px solid #FFFFC7; border-right: 1px solid #E0CF94; border-bottom: 1px solid #E0CF94;}
.users-online .ringing2, .popup-onlineinfo .ringing2 {background-color: #fae9ad; color: #000000; border-left: 1px solid #FFFFC7; border-top: 1px solid #FFFFC7; border-right: 1px solid #E0CF94; border-bottom: 1px solid #E0CF94;}
.users-online .speak, .popup-onlineinfo .speak {background-color: #b2faad; color: #000000; border-left: 1px solid #CCFFC7; border-top: 1px solid #CCFFC7; border-right: 1px solid #99E094; border-bottom: 1px solid #99E094;}
.users-online .speakWarning, .popup-onlineinfo .speakWarning {background-color: #32b424; color: #000000; border-left: 1px solid #CCFFC7; border-top: 1px solid #CCFFC7; border-right: 1px solid #99E094; border-bottom: 1px solid #99E094;}
.users-online .legend {clear: both}
.users-online .uoi-l-title {font-size: 0.85em; font-weight: bold; padding-left: 8px; padding-top: 15px;}

.users-online .uo-workgroup {font-size: 0.85em; font-weight: bold; margin-top: 15px; margin-bottom: 8px; background: #919292 url('../img/bg-workgroup.gif') repeat-x; color: #000000; height: 17px; line-height: 17px; float: left; width: 100%; padding: 0px;}
/**.users-online .uo-workgroup .uow-l {background: transparent url('../img/bg-workgroup-l.gif') top left no-repeat; width: 100%;}
.users-online .uo-workgroup .uow-r {background: transparent url('../img/bg-workgroup-r.gif') top right no-repeat; width: 100%;}**/
.users-online .uo-workgroup SPAN { margin-left: 4px; padding: 0px 4px; background: transparent url('../img/bg-workgroup-text.gif') repeat-x;}
.users-online .uo-show-style {float: right; margin-right: 10px;}

/** blue  background-color: #adb2fa; color: #000000; border-left: 1px solid #C7CCFF; border-top: 1px solid #C7CCFF; border-right: 1px solid #9499E0; border-bottom: 1px solid #9499E0;**/

.popup-onlineinfo {	font-size: 13px; font-family: Arial; background-color: #ffffff; min-height: 350px;}
.popup-onlineinfo TABLE {font-size: 13px; width: 370px; border: none; border-collapse: collapse; margin: 0px 5px }
.popup-onlineinfo TABLE TD {padding: 2px}

.popup-onlineinfo TABLE.queuemembership {border-bottom: 1px solid black; margin-bottom: 15px}
.popup-onlineinfo TABLE.queuemembership TH {border: 1px solid #A6A6A6; font-size: 0.85em; padding: 2px}
.popup-onlineinfo TABLE.queuemembership TD {border-top: 1px solid #D9D9D9; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; padding: 2px}
.popup-onlineinfo .users-online-item{ width: 370px; _width: 380px; margin: 2px 0px; float: none; padding: 0px 5px;}
.popup-onlineinfo .users-online-item SPAN {float: right; font-weight: bold;}
.popup-onlineinfo .queuemembership-m-title {font-weight: bold; margin: 20px 3px 0px 3px}
.popup-onlineinfo .queuemembership-title {margin: 5px 5px 0px 5px}
.popup-onlineinfo .devicesinfo-title {margin: 20px 5px 0px 5px;font-weight: bold; vertical-align: bottom}
/** users-online end **/

/** users-online switch **/
.online-users-switch {margin-left: 5px; width: 1153px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid black; }
.online-users-switch INPUT.in-radio {width: 35px; border: none; background-color: transparent; }
.online-users-switch UL {margin: 0px; padding: 0px;}
.online-users-switch .switch-do {float: right; background-color: #FFC269; padding: 0px 5px 0px 5px; margin: 1px 1px 0px 1px; width: 421px; _width: 431px; height: 29px; list-style-type: none;}
.online-users-switch .switch-do BUTTON {float: left; width: 92px; height: 27px; border: none; color: #ffffff; font-weight: bold; padding: 0px 0px 3px 0px; margin: 1px 1px 1px 5px; background: transparent url('../img/button.gif') no-repeat}
.online-users-switch .switch-do LABEL {float: left; line-height: 29px;}
.online-users-switch .switch-to {float: left; width: 250px; height: 27px; margin: 1px; padding: 5px 2px 0px 2px; line-height: 25px; border-color: #FFC269; _padding-top:0px;}
.online-users-switch .switch-item {display: block; float: left; width: 141px; padding: 0px; margin: 1px 0px 0px 1px; height: 27px; line-height: 27px; _width: 143px; _height: 29px; list-style-type: none;}

.online-users-switch .call-ringing, .online-users-switch .call-ring {background-color: #fae9ad; color: #000000; border-left: 1px solid #FFFFC7; border-top: 1px solid #FFFFC7; border-right: 1px solid #E0CF94; border-bottom: 1px solid #E0CF94;}
.online-users-switch .call-up, .online-users-switch .call-down {background-color: #b2faad; color: #000000; border-left: 1px solid #CCFFC7; border-top: 1px solid #CCFFC7; border-right: 1px solid #99E094; border-bottom: 1px solid #99E094;}
.online-users-switch .switch-item:hover, .online-users-switch .call-ringing:hover, .online-users-switch .call-ring:hover, .online-users-switch .call-up:hover, .online-users-switch .call-down:hover, .online-users-switch .switch-item.hover, .online-users-switch .call-ringing.hover, .online-users-switch .call-ring.hover, .online-users-switch .call-up.hover, .online-users-switch .call-down.hover {background-color: red;}
.online-users-switch .si-marked {}
/** users-online switch end **/

/** queues-online - DELETE**/
.front-box {
    background: #ffffff;
    /*url('../img/fb-bglines-lr.gif') top left repeat-y;*/ 
           margin: 10px; 
           /*float: left;*/ 
           width: 350px; display: inline; overflow: hidden; }
.front-box .fb-bg-top {
    border: 2px solid #dedede;
    border-radius: 7px;
    /*background: transparent url('../img/fb-bglines-top.gif') top left no-repeat;*/ 
    padding: 0px}
.front-box .fb-bg-bottom {
    /*background: transparent url('../img/fb-bglines-bottom.gif') bottom left no-repeat;*/ 
    padding: 0px}
.front-box .fb-box-in {padding: 0px; background-color: transparent;}

.queuedetail-box { margin: 10px; float: left; width: 850px; display: inline; overflow: hidden; }

#online-queues-change {margin: 10px 0px;}
.fb-simpleview {margin: 0px 10px}
.fb-nochange {background-color: #DEDEDE; display: block; min-height: 20px; z-index:0;}
.fb-gochange {background-color: #8BFF8B; display: block; min-height: 20px; z-index:0;}
.fb-alarmred {background-color: red; display: block; min-height: 20px; z-index:0;}
.fb-alarmyellow {background-color: yellow; display: block; min-height: 20px; z-index:0;}
.fb-xxchange {background-color: red; display: block; min-height: 20px; z-index:0;}
.fb-title {margin: 1px 5px; font-weight: bold; 
          /*float: left;*/ 
          display: inline-block;
          width: 200px;}
.fb-sl {margin: 1px 5px; float: left; width: 190px;}
.fb-waiting {margin: 1px 5px; width: 124px; float: right; text-align: right;}
.fb-waiting1 {margin: 1px 5px; width: 134px; float: right; text-align: right;}
TABLE.fb-list, TABLE.fb-waiting-list {width: 344px; border-collapse: collapse; clear: both; border: 1px solid none; font-size: 0.85em;}

TABLE.fb-detail {width: 850px; border-collapse: collapse; clear: both; border: 1px solid #DEDEDE; font-size: 0.85em;}
TABLE.fb-detail TD {border: 1px solid #DEDEDE; padding: 1px 4px;}

TABLE.fb-list TD, TABLE.fb-waiting-list TD {border-top: 1px solid #DEDEDE; padding: 1px 4px; border-right: 1px solid #DEDEDE;}
TABLE.fb-list TD.rb-none, TABLE.fb-waiting-list TD.rb-none { border-right: none;}
TABLE.fb-list TD.bb-none, TABLE.fb-waiting-list TD.bb-none { border-bottom: none;}
TABLE.fb-waiting-list TD {font-weight: bold}

.fb-workgroup {clear:both; font-size: 0.85em; font-weight: bold; margin-top: 15px; margin-bottom: 8px; background: #ffffff url('../img/bg-workgroup.gif') repeat-x; color: #000000; height: 17px; line-height: 17px; float: left; width: 100%;}
.fb-workgroup .uow-l { width: 100%; }
.fb-workgroup .uow-r { width: 100%; }
.fb-workgroup SPAN { margin-left: 8px;}

/** queues-online end **/

/*   ui dialog alert*/
div.ui-dialog-titlebar.chat{
    background-color: #E6B6BD !IMPORTANT;
    background-image: none !IMPORTANT;
}
div#dialogBoxChat{
    padding: 3px;
}
div#dialogBoxChat p {
    margin: 0px;
    margin-bottom: 2px;
}

div#dialogBoxChat div#dialogBoxChatMes {
    margin-bottom: 70px;
    /*overflow-y: auto;*/
}
div#dialogBoxChat div#dialogBoxChatMes a {
    cursor: pointer;
    color: #189DE1;
    text-decoration: underline;
}

div#dialogBoxChat div#dialogBoxChatRep {
    position: absolute;
    background-color: white;
    width: 96%;
    bottom: 2px;
}
div#dialogBoxChat p span.time {
    font-weight: bold;
    color: #2F6FAB;
}
input#chatRepplyMessage {
    width: 95%;
}

div#dialogBoxChatUser a {
    cursor: pointer;
    color: #189DE1;
    text-decoration: underline;
}
div#dialogBoxChatUser {
    background-color: #f6c5c5;
    padding: 2px;
}


/*custom UI*/

/*list box a combo box*/
.ui-combobox {
    position: relative;
    display: inline-block;
}
.ui-listbox {
    position: relative;
    display: inline-block;

    margin-right:  30px;
}
.ui-combobox-toggle {
    position: absolute !IMPORTANT;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0 !IMPORTANT;
    padding-top: 2px !IMPORTANT;;
    /* adjust styles for IE 6/7 */

}
.ui-combobox-input {
    margin: 0;
    padding: 2px;

}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.selectui-overflow {
    max-height: 300px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 300px;
}

.custom-list-box-filter span.ui-button-text {
    line-height: 1;
    padding: 3px 5px 3px 5px;
}

.ui-state-default{
    font-weight: normal !IMPORTANT;
}

.custom-list-box-filter.ui-state-active span.ui-button-text{
    color: #E17009 ;
}

.custom-list-box-filter {
    display: inline-block !IMPORTANT;
}

/*  Vyspsání emailů na stránce, komunikací */
table.mailList {
    width: 99%;
    border-collapse: collapse;
}
/*Hlavička s komu a tak*/
table.mailList tr.head{
    background-color: #DFEFFC;
    border-left:  1px solid #919292 ;
    border-right: 1px solid #919292 ;
}
table.mailList tr.head.first {
    border-top: 1px solid #919292 ;
}

table.mailList tr.head td{
    padding: 3px;
}

table.mailList tr.body{
    background-color: #FCFDFC;
    border: 1px solid #919292 ;
}

table.mailList tr.body td, .padding{
    padding: 3px;
}

#phoneListTable input[type="text"],#phoneListTable input[type="phone"] {
    width: 8em;
}

.pointer a, .pointer {
    cursor: pointer !IMPORTANT;
}
.help a, .help {
    cursor: help !IMPORTANT;
}

td.thickTop {
    border-top: 2px gray solid ;

}

.grayNote {
    font-size: 0.8em;
    color:#919292;
}


span.selectEachBlock span.item {
    display: block;
}


code {
    font-family: monospace;
}

/*   select 2*/
.my_select2_optgroup_selected {
    background-color: #ddd;
}
.my_select2_optgroup_hovered {
    color: #ADD9ED;
    background-color: #5897fb !important;
    cursor: pointer;
}
strong.select2-results__group {
    padding: 0 !important;
}

.select2-results__option--highlighted div {
    color: black;
}

.my_select2_optgroup {
    display: block;
    padding: 6px;
}

/* INVALID GPS is red*/

input.gps[value="1000"] {
    background-color: #f68484;
}

table.editTable td {
    white-space: normal;
}

input[readonly]{
    background-color:#BAF2FF;
}

/*Redefine jQuery UI*/
span.ui-selectmenu-button {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 1px;
    padding-right: 1px;
    padding-left: 1px;
}

/*material design*/
@font-face {
    font-family: 'Material Icons Merge';
    font-style: normal;
    font-weight: 400;
    unicode-range: U+0-10FFFF;
    /*  src: url(../images/MaterialIcons-Regular.eot);   For IE6-8 
      src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../images/MaterialIcons-Regular.woff2) format('woff2'),
        url(../images/MaterialIcons-Regular.woff) format('woff'),
        url(../images/MaterialIcons-Regular.ttf) format('truetype');
    */

    /*src: url(../images/MaterialIconsMerge-Regular.eot);   For IE6-8 */
    src: local('Material Icons Merge'),
        local('MaterialIconsMerge-Regular'),
        /*url(../fonts/MaterialIconsMerge-Regular.woff2) format('woff2'),*/
        url(../fonts/MaterialIconsMerge-Regular.woff) format('woff'),
        url(../fonts/MaterialIconsMerge-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons Merge';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}
/* Main Switch icon in list*/
.main-switch .material-icons  {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    color: #A91123; 
}


.main-switch td {
    padding-bottom: 1em;
}

/* Rules for sizing the icon. */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-1em { font-size: 1em;line-height: 1.4; vertical-align: middle;}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



a.tableAction i.material-icons {
    text-decoration: none;
    color: #7c000e;
    cursor: pointer;
    vertical-align: middle;
}
a.tableAction i.material-icons:hover {
    color: #CB0117;
}


.inner-addon { 
    position: relative; 
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

/* style icon */
.inner-addon .material-icons {
  position: absolute;
  padding: 0px;
  padding-top: 4px;
  
}

/* align icon */
.left-addon .material-icons, .material-icons.left-addon  { left:  2px;}
.right-addon .material-icons, .material-icons.right-addon { right: 2px;}

/* add padding  */
.left-addon input  { padding-left:  20px; }
.right-addon input { padding-right: 20px !IMPORTANT; }
.both-addon input { padding-right: 20px !IMPORTANT; padding-left:  20px;}



/*new look*/
fieldset {
    /*border: none;*/
    /*    border-bottom: 1px solid #919292;
        padding: 0px;*/

}
fieldset legend {
    /*width: 100%;*/
    /*border-bottom: 1px solid #919292;*/
}

table.noBorder  td {
    border: none;
    background-color: transparent;
}

.disabled {
    color: silver;
}

/* - nové formuláře- */
table.appForm td {
    vertical-align: top;
}
table.appForm {
    border-collapse: collapse;
}

/*fix .ui-menu*/
.ui-menu .ui-menu-item {
    line-height: 170%;
    padding-left: 4px;
    padding-right:  4px;

}

.notActive {
    font-style: italic;
    color:darkslategray;
}
.bold, .bold:hover {
    font-weight: bold;
}

.tableLock {
    font-style: italic;
    background-image: linear-gradient(0deg, silver 0%, transparent 20%, transparent 80%, silver);

}
.underline {
    text-decoration: underline;
}

.yesColor {
    background-color: #D9FFD9;
}
.noColor {
    background-color: #fddfdf;
}
.hiddenColor {
    background-color: #9e0505;
    color: white;
}
.lockedColor {
   background-color: #9e0505;
    color: yellow;
}


tr.indent td:first-of-type {
    padding-left: 1em;
}

tr.bold td label {
    font-weight: bold;
}

/*ankety*/
textarea.answerText {
    height: 1.5em;
}
textarea.answerOnlyText {
    width: 99%;
}

button.ui-button:focus-visible {
    outline: none;
}

.uni-stat-bar label {
    width: auto;
}
/*Tabulka s fixní hlavičkou zatím problémy na Safari*/
div.autoTableContainerBody.fixedHeader table.autoTable {
    border-collapse: separate;
    border-spacing: 0;
    /*table-layout: fixed;*/
    border-bottom: none;
    border-right: none;
}


/*div.autoTableContainerBody.fixedHeader table thead  {
    position: sticky;
    position: -webkit-sticky; safari
    top:0px;
    
}*/
div.autoTableContainerBody.fixedHeader table thead  th{
    position: sticky;
    position: -webkit-sticky;
    top:0px;
    z-index: 2;

}

div.autoTableContainerBody.fixedHeader table thead th.fixedColumnLast{
    position: sticky;
    position: -webkit-sticky;
    right: -21px;
    z-index: 3;
    background-color: white;
}

div.autoTableContainerBody.fixedHeader table tbody td.fixedColumnLast{
    position: sticky;
    position: -webkit-sticky;
    right: -21px;
    z-index: 1;
    background-color: white;

}

div.autoTableContainerBody.fixedHeader table thead th.fixedColumnFirst{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 3;
    background-color: white;
}

div.autoTableContainerBody.fixedHeader table tbody td.fixedColumnFirst{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 1;
    background-color: white;

}
/*Jakákoliv tabulka s fixed header a fixed firt columns*/
table.fixedHeaderFirst {
    border-collapse: separate;
    border-spacing: 0;
    /*table-layout: fixed;*/
    border-bottom: none;
    border-right: none;
}

table.fixedHeaderFirst  thead  th{
    position: sticky;
    position: -webkit-sticky;
    top:0px;
    z-index: 2;

}

table.fixedHeaderFirst thead tr th:first-of-type{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 3;
    background-color: white;
}

table.fixedHeaderFirst tbody tr td:first-of-type{
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 1;
    background-color: white;

}
/*End fixed table*/

table.simple {
    border-collapse: collapse;
    border: 1px gray solid;
}

table.simple thead tr th {
    position: static !IMPORTANT;

}


/*FIX for datepicker display below table fixed header*/
#ui-datepicker-div {
    z-index: 9999 !IMPORTANT;
}

/*menu hover display hidden items default template*/
div.menu-hidden {
    display: none;
}
a.menu-hover {
    background-color: silver;
}
#hMenu-L1 A:hover {
    background-color: silver;

}


@media only print{
    div#content {
        overflow: visible;
    }
    textarea {
        min-height: 200px !IMPORTANT;
    }
}
div.op-app {
    background-color: white;
}

table.op-actionTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px;
}
table.op-actionTable>tbody>tr.op-actionTable-tr>td{
    vertical-align: top;
    height: 100%;
    border-left: 1px solid silver;
    border-right:  1px solid silver;
    border-bottom:   1px solid silver;
    border-top:   1px solid silver;
    background-color: inherit;
}

table.op-actionTable fieldset{
    margin: 0;
    margin-top: -9px;
    border-left: none;
    border-right:  none;
    border-bottom: none;
    border-top: none;
    padding: 5px;
    background-color: inherit;
}

table.op-actionTable fieldset legend {
   
}

div.op-app {
    position: sticky;
    top: 0px;
    z-index: 50;
}

div.log-note-list {
    width: 100%;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
}
div.log-note-list  div.note-first,div.log-note-list div.note-last {
    background-color: #CCFFC7;
    text-align: center;
    color: #8b0000;
}
div.log-note-list div.note-first:hover,div.log-note-list div.note-last:hover {
    background-color:#6eac2c;
}
div.log-note-list div.note-text {
    min-height: 22px;
    padding: 2px;
}
div.log-note-list div.hidenote {
    display: none;
}
div.log-note-list div.note-text.even {
    background-color: #d0d0d0;
}
div.log-note-list div.note-icon {
    width: 24px;
    margin-top: 2px;
    float: right;
}
div.log-note-list div.note-icon i {
    color: #A91123;
}

textarea.log-note-textarea {
    width: calc(100% - 6px);
    height: 60px;
}


.ui-tabs .ui-tabs-panel {
   padding: .2em .6em;
}

#hMenu-L1 #pauseStateInfo label {
    color:white;
}
#hmenu-L2-info label, #hmenu-L1-info label {
    color:white;
}

button.major {
    border: 1px solid #d3d3d3;
    /*background: #555555 url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;*/
    font-weight: bold;
    /*color: #eeeeee;*/
    border-radius: 6px;
}
button.major:hover {
    font-weight: bold;
}

select.major {
    margin-top: 1px;
    border-radius: 6px;
    border: 2px solid #d3d3d3;
    /*color: #eeeeee;*/
    /*background: #575757 url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;*/
}


th.vertical{
    writing-mode:  vertical-lr;
  text-orientation:  sideways-right;
  transform: rotate(-180deg);
  vertical-align: middle;
  text-align: center;
}

.light {
    color: #898989;
}

/*zobrazit/skrýt/zvýraznit/aktivovat/deaktivovat
tady by mělo být jak visibility: hidden tak display: none;
pro zájem a nastavení tříd */

.ukazat, .visible {visibility: visible !IMPORTANT; }
.zakryt, .notvisible {visibility: hidden; }
.skryt, .hide {display: none !IMPORTANT;}
.zobrazit, .show {display: inherit !IMPORTANT;} 


table.autoTable caption {
    background-color: #F7F7F7;
    border-top: 1px solid silver;
    border-left:  1px solid silver;
    border-right:  1px solid silver;
}
table.autoTable caption div {
    text-align: center;
    font-size: 150%;
    font-weight: bolder;
    max-width: 100vw;
    padding: .5em 1em ;
}

/* appForm.css */

/*
 © 2020 Sipcon, s.r.o. <www.sipcon.cz>
 © 2020 Jan Hanyš <jan.hanys@gmail.com>
 Všechna práva vyhrazena
 21. 1. 2021
    Created on : 21. 1. 2021, 8:26:19
    Author     : jan
    File: appForm.css

    CSS pro použití ve formulářích jako doplňkové třídy formátování
    Základ vzhledu je v styl.css
    Tabulka formuláře má class appForm 
    Fieldset appForm appFormMain
    
*/
.appForm tr.red-background {
    background-color: #F2DEDE;
}
.appForm tr.green-background {
    background-color: #B0DE78 ;
}
.appForm tr.blue-background {
    background-color: #77d5f7;
}


.appForm .red-color {
    color: #8b0000;
}
.appForm tr.green-color {
    color: #025d04 ;
}
.appForm tr.blue-color {
    color: #000099;
}


