div.ui-datepicker, div.ui-datepicker button {
    font-family: ubuntu, sans-serif;
    /* font-size: 8pt; */
}

/* div.ui-datepicker-header span.ui-icon {
    background-size: cover;
    width: 1em;
    height: 1em;
} */

body.pc div.ui-datepicker {
    font-size: 12pt;
}

body.tablet div.ui-datepicker {
    font-size: 18pt;
}

td.ui-datepicker-week-col {
    text-align: center;
}

div.WaitStatus {
    position: fixed; /* absolute; */
    /* top: 50%;
    left: 50%;
    background-image: url(../img/loader6.gif);
    background-repeat: no-repeat;
    background-size: contain; */
    z-index: 10000;

    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    /* background-color: #ffffff;
    filter: Alpha(Opacity=30);
    opacity: 0.3; */
    background-color: rgba(153,153,153,0.3); /* rgba(222,222,222,0.3); */
    cursor: wait !important;
}

div.WaitStatus span {
    /* position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-image: url(../img/loader6.gif);
    background-repeat: no-repeat;
    background-size: contain; */
}

/* body.pc div.WaitStatus { */
body.pc div.WaitStatus span {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
}

body.phone div.WaitStatus span {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
}

/* body.tablet div.WaitStatus { */
body.tablet div.WaitStatus span {
    width: 2.8em;
    height: 2.8em;
    margin-top: -1.4em;
    margin-left: -1.4em;
}

div.WaitMessage {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(153,153,153,0.3);
}

div.WaitMessage span {
    position: absolute;
    background-image: url(../img/loader6.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: contain;
    z-index: 10000;
}

body.pc div.WaitMessage span {
    padding-left: 33px;
    padding-right: 5px;
    height: 28px;
    line-height: 28px;
}

body.tablet div.WaitMessage span {
    padding-left: 3.3em;
    padding-right: 0.5em;
    height: 2.8em;
    line-height: 2.8em;
}
/*
 * jQuery ListFilter: plugin which provides filtering of any list.
 * Copyright JDS
 * 08.04.2013
 * https://prodaXo.com
 */

.ListFilterItem.Invisible {
    display: none;    
}

div.FilterBar {
    background-color: #2cb3ea;
    /* width: 724px; */
    height: 28px;
    padding: 8px;
}

div.FilterBar div.FilterSection {
    float: left;
}

div.ListFilterContainer {
    /* background-image: url(../images/search.gif); */
    background-color: #ffffff;
    background-image: url(../img/listfilter.png);
    background-repeat: no-repeat;
    /* background-position: 99% center; */
    background-position: 1px center;
    /* border: 1px solid #000; */
    
    /* margin-top: 3px; */
}

body.pc div.ListFilterContainer {
    height: 28px;
}

input.ListFilterInput {
    /* width: 93%;
    margin: 6px 2px 2px 22px; */
    border-style: none;
    /* float: right; */
}

body.pc input.ListFilterInput {
    width: 92%; /* 93%; */
    margin: 6px 2px 2px 22px;
}

body.tablet input.ListFilterInput {
    width: 87%;
    margin-left: 22px;
    /* background-color: red; */
}
/*
 * Temporary used jQuery mobile classes for formating
 *

    body.ui-mobile-viewport div.ListFilterContainer {
        background-image: url(../images/listfilter.png);
        background-repeat: no-repeat;
        background-position: 1px center;
    
        border: 1px solid #000;
        height: 20px;
        margin-top: 3px;
    }
    
    body.ui-mobile-viewport input.ListFilterInput {
        width: 93%;
        margin: 2px 2px 2px 22px;
        border-style: none;
    }

 * 
 */

/*
 * jQuery Chat: plugin which provides chat system.
 * Copyright JDS
 * 18.04.2013
 * https://prodaXo.com
 */

div.ChatHeader {
    /* background-color: yellow; */
}

div.ChatHeader span.ChatCaption {
    font-size: 12pt;
    font-weight: bold;
    float: left;
    line-height: 21px;
}

div.ChatHeader div.OnOffSwitchPedestal {
    float: right;
    width: 40px;
}

#ulAvailableLogs {
    margin: 0px;
    list-style: none;
    padding-left: 8px;
    height: 150px;
    /* background-color: lightgreen; */
    /* width: 100%; */
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    overflow: auto;
}

.AvailableLog {
    /* display: block; */
    /* font-size: 14pt; */
    line-height: 29px; /* 35px; */
    /* width: 100%; */
    /* width: 245px; */
    border-bottom: 1px solid #ffffff;
    /* background-color: lightgreen; */
    cursor: pointer;
}

.AvailableLogSelected {
    color: #fff;
    background-color: green !important;
}

.AvailableLogWriter {
    background-image: url(../img/writing.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    /* color: red; */
}

.ChatHostLogName, .ChatFromLogName {
    font-weight: bold;
}

/* .ChatFromLogName {
    font-weight: bold;
    color: red;
} */

div.ChatFromMessageContainer {
    color: red;    
}

/*
 * jQuery OnOffSwitch: plugin which provides checkbox controls like on the iPad devices.
 * Copyright JDS
 * 24.04.2013
 * https://prodaXo.com/
 */
input[type=checkbox].OnOffSwitch {
    visibility: hidden;
}

div.OnOffSwitchPedestal {
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd; /* #999; */
    border-radius: 0.7em;
    /* min-width: 2.5em; */ /* 4em; */
    height: 1.45em;
    /* font-size: 14pt; */
    font-weight: bold;
    text-shadow: none;
    /* background: #eeeeee;
    background-image: -webkit-linear-gradient(#d8d8d8,#eeeeee);
    background-image: -moz-linear-gradient(#d8d8d8,#eeeeee);
    background-image: -ms-linear-gradient(#d8d8d8,#eeeeee);
    background-image: -o-linear-gradient(#d8d8d8,#eeeeee);
    background-image: linear-gradient(#d8d8d8,#eeeeee); */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#eeeeee', GradientType=0); */
    background-color: #2cb3ea; /* #FF6A00; */
}

body.pc div.OnOffSwitchPedestal {
    cursor: pointer;
}

body.pc div.OnOffSwitchPedestal.ReadOnly {
    cursor: default;
}

body.tablet div.OnOffSwitchPedestal {
    font-size: 14pt;
}

div.OnOffSwitchPedestalOn {
    /* color: #fff;
    background:#cbe0fc;
    background-image: -webkit-linear-gradient(#3168a9,#82b4f4);
    background-image: -moz-linear-gradient(#3168a9,#82b4f4);
    background-image: -ms-linear-gradient(#3168a9,#82b4f4);
    background-image: -o-linear-gradient(#3168a9,#82b4f4);
    background-image: linear-gradient(#3168a9,#82b4f4); */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3168a9', endColorstr='#82b4f4', GradientType=0); */
    background-color: lightgreen;
}

div.OnOffSwitchPedestal.Partly {
    background-color: #FFB4B4;
}

div.OnOffSwitchPedestal.Disabled {
    color: #ccc;
}

span.OnOffSwitchHandle {
    position: absolute;
    display: inline-block;
    top: -0.025em;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #000;
    border-radius: 0.7em;
    background:#eeeeee;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#aaaaaa));
    background-image: -webkit-linear-gradient(#eeeeee,#aaaaaa);
    background-image: -moz-linear-gradient(#eeeeee,#aaaaaa);
    background-image: -ms-linear-gradient(#eeeeee,#aaaaaa);
    background-image: -o-linear-gradient(#eeeeee,#aaaaaa);
    background-image: linear-gradient(#eeeeee,#aaaaaa);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa', GradientType=0); */
}

span.OnOffSwitchHandleOff, span.OnOffSwitchCaptionOn {
    left: 0px;
}

span.OnOffSwitchHandleOn, span.OnOffSwitchCaptionOff {
    right: 0px;
}

span.OnOffSwitchHandle.Partly {
    left: 50%;
    margin-left: -0.7em;
}

span.OnOffSwitchHandle.Disabled {
    border-color: #aaa;
}

span.OnOffSwitchCaption {
    position: absolute;
    display: inline-block;
    line-height: 1.4em;
    margin: 0px 8px;
}

/*
 * jQuery FlatCheckbox: plugin which provides flat checkbox controls that will seem same on all mobile devices.
 * Copyright JDS
 * 24.04.2013
 * https://prodaXo.com/
 */
input[type=checkbox].ToFlatCheckbox {
    margin-top: -6px;
    visibility: hidden;
}

span.FlatCheckbox {
    display: inline-block;
    /* border: 1px solid #aaa; */
    border: 1px solid #aaa;
    background-color: #ffffff;
    width: 1em; /* 12px; */
    height: 1em; /* 12px; */
    /* margin-top: 0.125em; */
    /* margin: 2px 5px; */
    background-repeat: no-repeat;
    background-position: center center;
}

body.pc span.FlatCheckbox:not(.Disabled) {
    /* width: 12px;
    height: 12px; */
    cursor: pointer;
}

body.pc span.FlatCheckbox:not(.Disabled)+span.RightLabel {
    cursor: pointer;
}

body.tablet span.FlatCheckbox {
    width: 1em;
    height: 1em;
    margin-top: 0.125em;
}

span.FlatCheckbox.Disabled {
    border-color: #aaaaaa; /* #ccc; */
    background-color: #e3e3e3;
}

span.FlatCheckbox.Disabled+span.RightLabel {
    color: lightblue;
    cursor: default;
}

span.FlatCheckboxChecked,
span.FlatCheckbox.Checked.Full {
    background-image: url(../img/checkmark.png);
}

span.FlatCheckbox.Checked.Partial,
span.FlatCheckboxCheckedDisabled {
    background-image: url(../img/checkmarkgray.png);    
}

span.FlatCheckboxPlaceholder {
    width: 17px;
    height: 17px;
}

/*
 * jQuery SimpleSwitch: plugin which provides simple text switch.
 * Copyright JDS
 * 22.10.2013
 * https://prodaXo.com/
 */
div.SimpleSwitch {
    float: right;
}


div.SimpleSwitch .Invisible{
    display: none;
}

div.SimpleSwitch span {
    width: 24px;
    padding: 0px 3px;
    line-height: 25px;
    /* color: #7ED0F1; */
    cursor: pointer;
}

div.SimpleSwitch span.SimpleSwitchButtonOn {
    text-align: right;
}

div.SimpleSwitchOn span.SimpleSwitchButtonOn, div.SimpleSwitchOff span.SimpleSwitchButtonOff {
    font-weight: bold;
    color: #ffffff;
}

div.SimpleSwitchOn span.SimpleSwitchButtonOff, div.SimpleSwitchOff span.SimpleSwitchButtonOn {
    font-weight: normal;
    color: #7ED0F1;
}

div.SimpleSwitch input {
    display: none;
}

/*
 * jQuery ProdaxoInputRadio: plugin which provides prodaXo style input type radio.
 * Copyright JDS
 * 08.08.2013
 * https://prodaXo.com/
 */
input[type=radio].ToProdaxoInputRadio {
    /* margin-top: -6px; */
    visibility: hidden;
}

span.ProdaxoInputRadio {
    display: inline-block;
    /* border: 1px solid #aaa; */
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-radius: 8px;
    width: 1.25em; /* 15px; */
    height: 1.25em; /* 15px; */ /* 19px; */
    margin-right: 3px;
    float: left;
    margin-top: 0.25em; /* 4px; */
}

span.ProdaxoInputRadioChecked {
    background: url(../img/multiplew.png) no-repeat center center;
}

span.ProdaxoInputRadioDisabled {
    border-color: lightblue;
    /* background: url(../img/multiplegray.png) no-repeat center center; */
}

span.ProdaxoInputRadioDisabled+label.RightLabel {
    color: lightblue;
}

div.ProdaxoRadioGroupContainer label.RightLabel {
    margin-right: 0.75em;
}

body.pc span.ProdaxoInputRadio+span.RightLabel {
    cursor: pointer;
}

span.InputRadio {
    display: inline-block;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/radio.png);
    cursor: pointer;
}

span.InputRadio.Checked {
    background-image: url(../img/radio_checked.png);
}

/*
 * jQuery ExtendTable: plugin which provides table with fixed header an footer position.
 * Copyright JDS
 * 25.04.2013
 * https://prodaXo.com
 */

/* div.TableHeader {
    background-color: #ebf3fb;
    border: 1px solid #c8d9e6;
    line-height: 17px;
}

div.TableHeader span {
    display: table-cell;
    font-size: 10pt;
    font-weight: bold;
    padding-left: 2px;
}

div.TableBody {
    overflow: auto;
    border-left: 1px solid #c8d9e6;
    border-right: 1px solid #c8d9e6;
}

div.TableBody table {
    font-size: 8pt;    
}

div.TableBody table tr {
    border-bottom: 1px dotted #999;
}

div.TableBody table tr:hover
{
    background-color: #e4e4e4;
    cursor: pointer;
}

div.TableBody table tr td:last-child
{
    width: 20px;
    text-align: right;
    color: #00608c;
}

div.TableFooter {
    background-color: #ebf3fb;
    border: 1px solid #c8d9e6;
    line-height: 17px;
}

div.TableFooter span.ListFilterCount {
    font-weight: bold;
}

div.TableFooter span.Button {
    display: block;
    width: 15px;
    height: 15px;
    color: #00608c;
    float: right;
    cursor: pointer;
}

.CellCheckboxChecked {
    background: url(../images/checkmark.png) no-repeat 2px center;
}

.CellCheckboxUnchecked {
    background: url(../images/chkuc.png) no-repeat 2px center;    
}

td.CellDeleteRow {
    background: url(../images/del.png) no-repeat center center;
} */

.DragOver {
    border-bottom: 2px double #555555 !important;
}

.DragOverChild {
    background-color: #cccccc !important;
}

/*
 * jQuery JDSDialog: plugin which provides modal dialog.
 * Copyright JDS
 * 14.07.2013
 * https://prodaXo.com
 */
div.JDSDialog {
    position: absolute;
    background-color: #2cb3ea;
    color: #ffffff;
    border: 1px solid #ffffff;
}

div.JDSDialogBody {
    position: relative;
}

body.pc div.JDSDialogTitle {
    /* padding: 8px 0px 8px 8px; */
    padding: 0.5em 0em 0.875em 0.5em;
    font-size: 12pt;
    font-weight: bold;
    cursor: move;
}

body.tablet div.JDSDialogTitle {
    /* padding: 8px 16px 16px 16px; */
    /* padding: 0.5em 0.5em 1em 1em; */
    padding: 0.5em 0.125em 1em 0.5em;
    font-size: 18pt;
    font-weight: bold;
    /* cursor: move; */
}

body.pc div.JDSDialogSubTitle {
    /* padding: 8px 0px 8px 8px; */
    /* padding: 0.5em 0em 0.875em 0.5em; */
    padding: 0em 0em 1em 1em;
    /* background-color: red; */
}

body.pc div.JDSDialogTabs {
    margin: 2px 8px 10px 8px;
    /* margin-bottom: 8px; */
    border-bottom: 1px solid #ffffff;
}

body.pc div.JDSDialogTabs span:not(.Invisible) {
    display: inline-block;
    padding: 2px 8px 0px 8px;
    cursor: pointer;
    /* background-color: yellow; */
}

body.pc div.JDSDialogTabs span:not(.Invisible):hover {
    outline: 1px dotted #ffffff;
}

div.JDSDialogTabs span.Selected {
    font-weight: bold;
    color: #2cb3ea;
    background-color: #ffffff;
}

/* div.JDSDialogTabs span.NewTabsGroup {
    margin-left: 50px;
} */

div.JDSDialog button {
    color: #ffffff;
    border-style: none;
    background-color: transparent;
    font-weight: bold;
    /* cursor: pointer; */
    font-family: inherit;
    /* padding: 0.5em; */
}

/* div.JDSDialog input[type=text][title] {
    background-image: url(../img/hastitle.png);
    background-repeat: no-repeat;
    background-position: right top;
} */

/* div.JDSDialog div.DropDownStarter {
    background-image: url(../img/dd.png);
    background-repeat: no-repeat;
    background-position: right bottom;
} */

div.JDSDialog button.Selected {
    background-color: #000080;
}

body.pc div.JDSDialog button {
    font-size: 12pt;
}

body.pc div.JDSDialog button:not([disabled]):hover {
    outline: 1px dotted #ffffff;
    cursor: pointer;
}

body.tablet div.JDSDialog button {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 18pt; /* 16pt; */
}

div.JDSDialogFormContent[disabled] {
    pointer-events: none;
    opacity: 0.8;
}

body.pc div.JDSDialogFormContent {
    padding: 0px 10px;
}

body.tablet div.JDSDialogFormContent {
    padding: 0px 16px;
}

div.JDSDialogFormContentRow {
    position: relative;
    min-height: 1.75em; /* 24px; */
    margin-bottom: 0.5em; /* 8px; */
}

div.JDSDialog .Invisible {
    display: none;
}

div.JDSDialog .Hidden {
    visibility: hidden;
}

div.JDSDialogFormContentBreak {
    border-top: 1px solid #ffffff;
    padding-top: 0.5em; /* 8px; */
}

div.FormContentSection {
    position: relative;
    float: left;
}

div.PictureSection {
    border: 1px solid #ffffff;
    background-size: cover;
}

div.PictureSection button.Invisible {
    display: none;
}

div.PictureSection button[data-offset="-1"],
div.PictureSection button[data-offset="1"] {
    position: absolute;
    bottom: 0px;
    padding: 0px;
}

div.PictureSection button[data-offset="1"] {
    right: 0px;
}

div.JDSDialogFormContent label {
    display: inline-block;
    /* line-height: 20px; */
    /* line-height: 1.8em; */
    float: left;
}

body.pc div.JDSDialogFormContent label {
    line-height: 1.6em;
}

body.tablet div.JDSDialogFormContent label {
    line-height: 1.8em;
}

body.pc div.JDSDialogFormContent span.FlatCheckbox:not(.JDSButtonRight) {
    margin-top: 4px;
}

body.tablet div.JDSDialogFormContent span.FlatCheckbox:not(.JDSButtonRight) {
    margin-top: 6px;
}

ul.JDSDialogList {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    overflow: auto;
    position: relative;
}

ul.JDSDialogList span.DeleteItem {
    display: inline-block;
    width: 17px; /* 1.3em; */
    height: 17px; /* 1.3em; */
    text-align: center;
    float: right;
}

ul.JDSDialogList span.DeleteItem:hover {
    background-color: #aaaaaa;
}

ul.JDSDialogList li.ListItem {
    height: 17px; /* 1.3em; */
    line-height: 17px; /* 1.3em; */
    /* padding: 0em 0em 0em 0.5em; */
    border-bottom: 1px dotted #aaaaaa;
    cursor: pointer;
}

/* ul.JDSDialogList.Defaultable li.ListItem:not(.Default) {
    color: #aaaaaa;
} */

ul.JDSDialogList.Defaultable li.ListItem.Default {
    font-weight: bold;
}

/* ul.JDSDialogList.Defaultable span.Default {
    font-weight: bold;
} */

ul.JDSDialogList li.ListDivider {
    height: 21px; /* 1.5em; */
    line-height: 21px; /* 1.5em; */
    font-weight: bold;
    /* border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa; */
}

ul.JDSDialogList li.ListDivider.Centered {
    text-align: center;
}

ul.JDSDialogList li.ListHeader,
ul.JDSDialogList li.ListFooter {
    height: 21px;
    line-height: 21px;
    border-bottom: 1px solid #aaaaaa;
    cursor: default;
}

ul.JDSDialogList li.ListItem:hover {
    background-color: #cccccc;
}

ul.JDSDialogList li.ListHeader span.ListColumn,
ul.JDSDialogList li.ListFooter span.ListColumn {
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

ul.JDSDialogList li.ListItem span.ListColumn {
    height: 17px;
    line-height: 17px;
}

ul.JDSDialogList li.ListItem span.ListColumn,
ul.JDSDialogList li.ListHeader span.ListColumn {
    padding-left: 0.25em;
    border-right: 1px dotted #aaaaaa;
}

div.ListFooter span.ListColumn,
ul.JDSDialogList li.ListFooter span.ListColumn {
    padding-left: 0.25em;
}

ul.JDSDialogList li.ListItem span.Checkbox {
    display: inline-block;
    border: 1px solid #aaa;
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.JDSDialogList li.ListItem span.Checkbox.Checked {
   background-image: url("../img/checkmark.png");
}

ul.JDSDialogList li.ListCommand {
    /* border-top: 1px solid #000000; */
    text-align: right;
    height: 21px; /* 1.5em; */
    position: absolute;
    bottom: 0px;
    right: 0px;
}

ul.JDSDialogList li.ListCommand button {
    padding: 0px;
    color: #000000;
    font-size: 13.33px;
}

ul.JDSDialogList li.ListCommand button:hover {
    outline: 1px dotted #aaaaaa;
}

div.DialogListFilter {
    background: url(../img/listfilter.png) no-repeat 1px center;
}

div.DialogListFilter input {
    width: 90%;
    margin-left: 22px;
}

p.MsgBoxContent {
    text-align: justify;
    min-width: 170px;
    max-width: 700px;
    max-height: 900px;
    overflow: auto;
}

p.Progress {
    width: 529px; /* 531px; */ /* 500px; */
    height: 326px; /* 328px; */ /* 300px; */
    border: 1px solid #ffffff;
    overflow: auto;
}

body.pc p.MsgBoxContent {
    margin: 0.5em 1em 0.25em 1em;
}

body.tablet p.MsgBoxContent {
    margin: 0em 1em;
}

body.tablet p.MsgBoxContent {
    -webkit-overflow-scrolling: touch;
}

p.MsgBoxContent input[type=text] {
    /* width: 100px; */
    border-style: none;
    /* background-color: inherit;
    color: inherit; */
    text-align: center;
}

button.MsgBoxOKButton {
    position: absolute;
}

body.pc div.JDSDialogCommand {
    position: relative;
    /* padding: 1em 0.5em 0.5em 0.5em; */
    padding: 0.75em 0.5em 1em 0.5em;
    height: 1.25em;
    /* background-color: red; */
}

body.tablet div.JDSDialogCommand {
    /* padding: 1em 0.5em 0.5em 0.5em; */
    padding: 0.5em 0.5em 1em 0.5em;
    height: 1.5em;
    /* background-color: red; */
}

/* div.JDSDialogCommand button[disabled] { */
div.JDSDialog button[disabled] {
    color: #aaaadd;
}

.JDSButtonRight {
    float: right;
}

.JDSButtonLeft {
    float: left;
}

.JDSDefButton {
    outline: 2px solid #79b7e7; 
}
/* div.JDSDialog.MsgBox p.MsgBoxContent {
    max-width: 600px;
    overflow: auto;
} */

/* #txtInputBoxValue {
    width: 532px;
} */

div.InputBoxPrompt {
    line-height: 21px;
}

/* JDSDialog menu
 * Copyright prodaXo
 * 01.10.2018
 * https://prodaXo.com/
 */
div.JDSDialogMenus {
    height: 21px;
}

div.JDSDialogMenus div.MenuStarter {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
}

div.JDSDialogMenus div.MenuStarter:hover,
/* div.JDSDialogMenus div.Menu > */ div.MenuCell:hover {
    outline: 1px dotted #ffffff;
}

/* div.JDSDialogMenus div.Menu {
    display: none;
    position: absolute;
    top: 21px;
    z-index: 9999;
    padding: 2px;
    background-color: #2cb3ea;
    border: 1px solid #ffffff;
}

div.JDSDialogMenus div.Menu span {
    height: 20px;
    line-height: 20px;
    float: left;
    cursor: pointer;
} */

/* div.JDSDialogMenus div.Menu > */ div.MenuCell {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px;
    float: left;
    cursor: pointer;
}

/* End of JDSDialog menu */

/*
 * jQuery DropDown: plugin which improves combo box.
 * Copyright prodaXo
 * 11.09.2013
 * https://prodaXo.com/
 */
.DropDownContainer {
    position: relative;
    display: inline-block;
    float: left;
}

/* div.DropDownContainer input[type=text] { */
div.DropDownContainer input.DropDownFilter {
    position: absolute;
    border-style: none;
    outline: none;
    /* top: 2px;
    left: 2px; */
}

/* div.DropDownContainer input[type=text].Invisible { */
div.DropDownContainer input.DropDownFilter.Invisible {
    display: none;
}

/* body.tablet.portrait div.DropDownContainer,
body.tablet.landscape div.DropDownContainer {
    font-size: 14pt;
} */

body.pc div.DropDownStarter:not([disabled]):not([readonly]):not(.ReadOnly) {
    cursor: pointer;
}

body.pc div.DropDownStarter.ReadOnly,
body.pc div.DropDownStarter[disabled],
body.pc div.DropDownStarter[readonly] {
    cursor: default;
}

div.DropDownStarter[disabled] {
    color: #6d6d6d;
    background-color: #e3e3e3;
}

.DropDownStarter.Placeholder {
    color: #888888;
}

.DropDownInput {
    display: inline-block;
    height: 1.25em; /* 16px; */
    /* padding: 1px 1px 1px 0.5em; */
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    /* overflow: hidden;
    cursor: default; */
}

body.pc .DropDownInput {
    padding: 1px;    
}

body.tablet .DropDownInput {
    padding: 1px 1px 1px 0.5em;    
}

.DropDown {
    display: none;
    position: absolute;
    z-index: 9999;
    /* border: 1px solid #000000; */
    padding: 2px;
    /* background-color: #ffffff; */
    background-color: #2cb3ea;
    color: #ffffff;
    border: 1px solid #ffffff;
    /* font-family: sans-serif;
    font-size: 8pt;
    height: 195px; */
    max-height: 240px; /* 195px; */
    width: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body.tablet div.DropDown {
    font-size: 14pt;
}

div.DropDownItem {
    padding: 2px;
    max-width: 950px;
    height: 1.2em;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

/* div.DropDownItem span {
    display: block;
    width: 100%;
} */

/* .DropDownItemHighlighted {
    background-color: #000088;
    color: #ffffff;
} */

div.DropDownItem:not(.DropDownItemSelected):hover {
    background-color: #000088;
    color: #ffffff;
}

.DropDownItemSelected {
    background-color: #cccccc; /* #A8C3FB */
    color: #000000;
}

div.DropDownItem.Invisible,
div.DropDownItem.ForceInvisible {
    display: none;
}

div.DropDownItem.Separator {
    border-bottom: 1px solid #ffffff;
}

.DropDownItem.Deleted {
    text-decoration: line-through;
}

span.DropDownItemChild {
    display: inline-block;
    float: left;
}

div.DropDownCommand {
    /* padding-top: 3px; */
    border-top: 1px solid #ffffff;
    text-align: right;
    height: 1.5em;
}

div.DropDownCommand button {
    padding: 0px 0px 0px 0px;
    border-style: none;
    background-color: transparent;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

div.DropDownCommand button:hover {
    outline: 1px dotted #ffffff;
}

/*
 * jQuery ProdaxoMenu: plugin which handles prodaxo menu.
 * Copyright prodaXo
 * 03.09.2014
 * https://prodaXo.com/
 */
div.MenuContainer {
    position: relative;
    display: block;
    /* float: left; */
}

body.pc div.MenuStarter {
    cursor: pointer;
}

div.Menu {
    display: none;
    position: absolute;
    z-index: 9999;
    padding: 2px;
    background-color: #2cb3ea;
    color: #ffffff;
    border: 1px solid #ffffff;
    width: auto;
}

div.Menu b {
    display: block;
    height: 1.2em;
    padding: 3px 3px;
    cursor: default;
    white-space: nowrap;
}

div.Menu hr {
    height: 1px;
    border: none;
    background-color: #ffffff;
}

table.History hr {
    border-top: 1px dotted #ffffff;
    border-bottom: none;
}

div.MenuItem {
    /* padding: 2px; */
    padding: 3px 16px;
    height: 1.2em;
    min-width: 80px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

div.MenuItem[data-action="SubmenuStarter"]:after {
    content: ">";
    position:absolute;
    right: 5px;
    font-weight: bold;
}

div.MenuItem.Submenued,
div.MenuItem:hover {
    background-color: #000088;
    color: #ffffff;
}

div.MenuItem.Invisible {
    display: none;
}

div.MenuItem.Disabled {
    color: lightblue;
}

div.MenuItem.Checked {
    background-image: url(../img/checkmarkwhite.png);
}

div.InputFileWrapper {
    height: 0;
    width: 0;
    overflow: hidden;
}

iframe.InputFileIFrame {
    display: none;
}

/*
 * jQuery ListPager: plugin which supports going through a list page by page.
 * Copyright prodaXo
 * 14.10.2013
 * https://prodaXo.com/
 */
div.ListPager {
    display: none;
    position: absolute;
    bottom: 0px;
    /* right: 15px; */
    left: 350px; /* this should be calculated */
    height: 18px;
    background-color: #2cb3ea;
    border: 2px solid #cccccc;
}

div.ListPager button {
    color: #ffffff;
}

div.ListPager button.CurrentListPage {
    background-color: blue;
}

div.ListPager button.Invisible {
    display: none;
}

/*
 * jQuery JDSScrollBar: plugin which helps to avoid builtin scroll bar.
 * Copyright prodaXo
 * 15.10.2013
 * https://prodaXo.com/
 */
div.JDSScrollBar {
    /* display: none; */
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    width: 16px;
    background-color: #ffffff; /* #2cb3ea #C0FFFF */
}

div.JDSScrollBar.AllBorders {
    top: 0px;
    bottom: 0px;
    right: 0px;
}

div.JDSScrollBar.LeftBorder {
    top: -1px;
    bottom: -1px;
    right: -1px;
}

div.JDSScrollBar div.JDSScrollButton {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #2cb3ea;
    background-repeat: no-repeat;
    background-position: center center;
    right: 0px;
    margin: 1px;
}

div.JDSScrollBar div.JDSScrollButtonUp {
    background-image: url(../img/scrollbuttonup.png);
}

div.JDSScrollBar div.JDSScrollButtonDown {
    bottom: 0px;
    background-image: url(../img/scrollbuttondown.png);
}

div.JDSScrollBar div.JDSScrollArea {
    position: absolute;
    top: 16px;
    bottom: 16px;
    width: 16px;
}

div.JDSScrollBar div.JDSScrollThumb {
    top: 0px;
    width: 14px;
    height: 14px;
    background-color: #2cb3ea; /* #0072C6 */
    margin: 0px 1px;
}

/*
 * jQuery ColumnNavigator: plugin which supports going through a page columns.
 * Copyright prodaXo
 * 04.11.2013
 * https://prodaXo.com/
 */

/* #divColumnsNavigator {
    position: absolute;
    bottom: 0px;
}

body.pc #divColumnsNavigator {
    width: 960px;
}

body.pc #divColumnsNavigator button {
    background-color: #2cb3ea;
    color: #ffffff;
}

body.pc #divColumnsNavigator button.Invisible {
    display: none;
} */

button.ColumnNavigator {
    position: absolute;
    bottom: 0px;
    background-color: #2cb3ea;
    color: #ffffff;
}

button.ColumnNavigator.Left {
    left: 0px;
}

button.ColumnNavigator.Right {
    right: 0px;
}

button.ColumnNavigator.Invisible {
    display: none;
}

div.Unfiltered {
    display: none;
}

div.LocalOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #999999;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}


/*
 * jQuery Chooser: choose from dropdown and add to ul.
 * Copyright prodaXo
 * 08.05.2014
 * http://www.prodaxo.com
 */
ul.JDSChoosenItems {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-left: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    border-bottom: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    overflow: auto;
    position: relative;
    float: left;
}

ul.JDSChoosenItems span.DeleteItem {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    float: right;
}

ul.JDSChoosenItems span.DeleteItem:hover {
    background-color: #aaaaaa;
    cursor: pointer;
}

ul.JDSChoosenItems li.ListItem {
    height: 1.3em;
    line-height: 1.3em;
    border-bottom: 1px dotted #aaaaaa;
}

ul.JDSChoosenItems li.Selected {
    background-color: #aaaaaa;
}

ul.JDSChoosenItems li.ListItem span.ListColumn {
    line-height: 17px;
    padding-left: 0.25em;
    /* border-right: 1px dotted #aaaaaa; */
}

ul.JDSChoosenItems li.ListCommand {
    text-align: right;
    height: 1.5em;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

ul.JDSChoosenItems li.ListCommand button {
    padding: 0px;
    color: #000000;
    font-size: 13.33px;
}

ul.JDSChoosenItems li.ListCommand button:hover {
    outline: 1px dotted #aaaaaa;
}

/*
 * jQuery JDSSelectable: plugin which enable cell selecting in a grid.
 * 
 * Copyright prodaXo
 * 12.05.2014
 * http://www.prodaxo.com
 */

/* div.Table {
    border: 1px solid #ffffff;
} */

/* div.Table div.TableRow:not(:last-child) {
    border-bottom: 1px dotted #ffffff;
} */

/* div.TableRow {
    background-color: green;
} */

/* div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #ffffff;
} */

/* div.TableCell.Header {
    font-weight: bold;
    text-align: center;
} */

/* div.TableRow.Header div.TableCell.Header {
    font-weight: bold;
    text-align: center;
} */


div.TableCell {
    float: left;
}

div.TableRow:not(.Disabled) div.TableCell:not(.Disabled):not(.Locked):not(.ReadOnly) {
    cursor: pointer;
}

div.TableRow.Disabled div.TableCell, div.TableCell.Disabled, div.TableCell.Locked {
    cursor: default;
}

div.TableCell.Disabled {
    /* background: url(../img/srf.png); */
    /* background-color: #999999;
    filter: Alpha(Opacity=30);
    opacity: 0.3; */
    background-color: #cccccc;
    filter: Alpha(Opacity=60);
    opacity: 0.6;
}

/* div.TableCell.Selected {
    background-color: #ffffff;
    color: #2cb3ea;
} */

/* div.TableRow:not(.Disabled) div.TableCell:not(.Header):not(.Selected):hover {
    outline: 1px solid #ffffff;
} */

.OutOfView {
    position: absolute;
    top: -2000px;
}

/*
 * jQuery JDSDateChooser: plugin which enable to choose a date from list of the available dates.
 * 
 * Copyright prodaXo
 * 02.05.2018
 * http://www.prodaxo.com
 */
div.DateChooser {
    display: inline-block;
    border: 2px solid #aaaaaa;
    height: 40px;
    overflow: auto;
    float: left;
    background-color: #ffffff;
    color: #000000;
}

div.DateChooser div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #000000;
}

div.DateChooser div.Date {
    position: relative;
    width: 89px;
    text-align: center;
}

div.DateChooser div.TableRow > div {
    margin-top: 2px;
    height: 21px;
}

div.DateChooser div.TableCell.Selected {
    background-color: #cccccc;
}

div.DateChooser div.TableCell:not(.Selected):hover {
    outline: 1px solid #000000;
}

div.DateChooser:focus {
    outline: 1px dotted #ffffff;
}

#divJDSHandwritingTools {
    width: 460px; /* 400px; */
    height: 21px;
}

#divJDSHandwritingTools span {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}

/* White style */*
#divJDSHandwritingTools.JDSDialogFormContentRow span.Selected {
    outline: 2px solid #ffffff;
}

#divJDSHandwritingTools.JDSDialogFormContentRow span:not(.Selected):hover {
    outline: 1px dotted #ffffff;
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-tool=Pencil] {
    background-image: url(../img/app/handwriting/white/pencil.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-tool=Highlighter] {
    background-image: url(../img/app/handwriting/white/highlighter.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-tool=Eraser] {
    background-image: url(../img/app/handwriting/white/eraser.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-tool=Clearer] {
    background-image: url(../img/app/handwriting/white/clearer.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-background=None] {
    background-image: url(../img/app/handwriting/white/background/none.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-background=Line] {
    background-image: url(../img/app/handwriting/white/background/line.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-background=Grid] {
    background-image: url(../img/app/handwriting/white/background/grid.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-thickness="1"] {
    background-image: url(../img/app/handwriting/white/thickness1.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-thickness="2"] {
    background-image: url(../img/app/handwriting/white/thickness2.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-thickness="3"] {
    background-image: url(../img/app/handwriting/white/thickness3.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-thickness="4"] {
    background-image: url(../img/app/handwriting/white/thickness4.png);
}

#divJDSHandwritingTools.JDSDialogFormContentRow span[data-thickness="5"] {
    background-image: url(../img/app/handwriting/white/thickness5.png);
}

/* Black style */*
#divJDSHandwritingTools.TestCommand span.Selected {
    outline: 2px solid #000000;
}

#divJDSHandwritingTools.TestCommand span:not(.Selected):hover {
    outline: 1px dotted #000000;
}

#divJDSHandwritingTools.TestCommand span[data-tool=Pencil] {
    background-image: url(../img/app/handwriting/black/pencil.png);
}

#divJDSHandwritingTools.TestCommand span[data-tool=Highlighter] {
    background-image: url(../img/app/handwriting/black/highlighter.png);
}

#divJDSHandwritingTools.TestCommand span[data-tool=Eraser] {
    background-image: url(../img/app/handwriting/black/eraser.png);
}

#divJDSHandwritingTools.TestCommand span[data-tool=Clearer] {
    background-image: url(../img/app/handwriting/black/clearer.png);
}

#divJDSHandwritingTools.TestCommand span[data-thickness="1"] {
    background-image: url(../img/app/handwriting/black/thickness1.png);
}

#divJDSHandwritingTools.TestCommand span[data-thickness="2"] {
    background-image: url(../img/app/handwriting/black/thickness2.png);
}

#divJDSHandwritingTools.TestCommand span[data-thickness="3"] {
    background-image: url(../img/app/handwriting/black/thickness3.png);
}

#divJDSHandwritingTools.TestCommand span[data-thickness="4"] {
    background-image: url(../img/app/handwriting/black/thickness4.png);
}

#divJDSHandwritingTools.TestCommand span[data-thickness="5"] {
    background-image: url(../img/app/handwriting/black/thickness5.png);
}

#divJDSHandwritingTools span[data-color="#000000"] {
    background-color: #000000;
}

#divJDSHandwritingTools span[data-color="#ff0000"] {
    background-color: #ff0000;
}

#divJDSHandwritingTools span[data-color="#00ff00"] {
    background-color: #00ff00;
}

#divJDSHandwritingTools span[data-color="#0000ff"] {
    background-color: #0000ff;
}

canvas[data-tool=Pencil] {
    cursor: url(../img/app/handwriting/black/pencil.png), crosshair;
}

canvas[data-tool=Highlighter] {
    cursor: url(../img/app/handwriting/black/highlighter.png) 0 15, crosshair;
}

canvas[data-tool=Eraser] {
    cursor: url(../img/app/handwriting/black/eraser.png), crosshair;
}

/* Sotable index views */
div.Sortable {
    position: relative;
    cursor: pointer;
}

div.Sortable span.SortIcon {
    position: absolute;
    right: 0px;
    display: inline-block;
    width: 13px; /* 17px; */
    height: 13px; /* 17px; */
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    background-position: right center
}

div.Sortable[data-sort="Asc"] span.SortIcon {
    background-image: url(../img/asc.png);    
}

div.Sortable[data-sort="Desc"] span.SortIcon {
    background-image: url(../img/desc.png);    
}

/* div.Sortable[data-sort="Unsorted"] span.SortIcon {
    display: none;    
} */

/* End of Sortable index views */

/* CountDown */
span.TimePart:not(.Seconds):after {
    content: ":";
}

span.TimePart.Days[data-content="0"],
span.TimePart.Days[data-content="0"]+span.TimePart.Hours[data-content="0"] {
    display: none;
}
/* End of CountDown */