/*
 * Used.
 */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html * {
    font-family: Ubuntu, Calibri, 'sans-serif';
}

html.full,
html.full body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.inline {
    display: inline-block;
}

.block {
    display: block;
}

.center {
    text-align: center;
}

.right {
    text-align:right;
}

.top {
    vertical-align:top;
}

.middle {
    vertical-align: middle;
}

.fright,
.float-right {
    float:right;
}

.full {
    width:100%;
}

.fullheight {
    height:100%;
}

.left {
    text-align: left;
}

.italic {
    font-style:italic;
}

.tiny {
    font-size: 10px;
}

.small {
    font-size: 12px;
}

.smaller {
    font-size: 14px;
}

a {
    cursor:pointer;
}

a:hover{
    text-decoration: underline;
}

textarea.styled,
input[type="text"].styled,
input.styled[type="password"],
input[type="number"].styled,
span.input {
    background-color: #FFE;
    border: 1px solid #CCC;
    padding:2px;
    border-radius: 4px;
    margin:2px;
}

span.input {
    font-size: 14px;
}

span.input.disabled {
    color: rgb(84, 84, 84);
}

input[type="text"]:focus {
    border-color:#ACF;
    box-shadow: 0px 0px 3px #ACF;
}


input[type="text"].seamless,
textarea.seamless {
    background-color: transparent;
    border-color: transparent;
    padding:2px;
    margin:0px;
}

input[type="text"].seamless.full,
textarea.seamless.full {
    width: 100%;
}

input[type="text"].seamless.inherit {
    text-align: inherit;
}

.hide {
    display: none !important;
}

.top {
    vertical-align: top;
}

.bold {
    font-weight: bold;
}

.notbold {
    font-weight: normal;
}

.italic {
    font-style:italic;
}

.notitalic {
    font-style:normal;
}

.textarea {
    display: inline-block;
    width: 200px;
    height: 80px;
    background-color: #FFE;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 2px;
}

.description {
    background-color: #FFD;
    border: 1px dotted #CCC;
    border-radius: 4px;
    padding:4px;
    text-align:left;
}

div.error-description {
    margin-top: 10px;
    background-color: #FCC;
    border: 1px solid #F00;
    padding: 4px;
    border-radius: 4px;
}

div.warning-description {
    margin-top: 10px;
    background-color: #FCA;
    border: 1px solid #F62;
    padding: 4px;
    border-radius: 4px;
    text-align: center;
}

.clickable {
    cursor: pointer;
}

.cursor-text,
a.cursor-text {
    text-decoration:none;
    cursor: text;
}

span.elipses {
    display: block;
    width: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*//input:required:invalid, input:focus:invalid { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC); background-position: right top; background-repeat: no-repeat; -moz-box-shadow: none; }*/


.tooltip {
    font-size: 12px;
    width:12px;
    height:12px;
    display:inline-block;
    color: #888;
    cursor: pointer;
}

.tooltip:hover {
    color: #03F;
    font-weight: bold;
}

fieldset {
    border: 1px solid #CCC;
    margin:15px;
}

input[type="range"][data-orient="vertical"] {
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 175px;
    padding: 0 5px;
}

div.absolute {
    position:absolute;
    top:0px;
    right: 0px;
    left: 0px;
    bottom:0px;
}

div.absolute-padding {
    position:absolute;
    top:15px;
    right: 15px;
    left: 15px;
    bottom:15px;
}

.rtl {
    direction: rtl;
}


.margin-left {
    margin-left: 5px;
}

.margin-left-l {
    margin-left: 10px;
}

.margin-left-xl {
    margin-left: 15px;
}

.ui-front {
    z-index: 1000 !important;
}

.ui-dialog {
    z-index: 1001 !important;
}

input.edittext{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border-color: var(--border-color, lightgray);
    border-style: solid;
    border-width: 1px;
    height: 24px;
}

input.edittext:focus{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid var(--border-color-hover, #ff741a);
    box-shadow: 0 0 5px var(--box-shadow-hover, #ff741a);
    height: 48px;
    margin: 0px;
}

input.edittext:disabled{
    color: rgb(84, 84, 84);
}

.varEditTextBlue{
    --border-color: lightgray;
    --border-color-hover: #0A4c82;
    --box-shadow-hover: #0A4c82;
}

.varEditTextBlack{
    --border-color: lightgray;
    --border-color-hover: #333;
    --box-shadow-hover: #333;
}

.selector{
    background-color: var(--bgcolor, white);
    color: var(--color, black);
}

.selector:hover{
    background-color: var(--bgcolor-hover, #ff741a);
    color: var(--color-hover, white);
}

.selector option{
    background-color: white;
    color: black;
}
.selector-white{
    background-color: var(--bgcolor, white);
    color: var(--color, black);
}

.selector-white:hover{
    background-color: var(--bgcolor-hover, #F2F3F3);
    color: var(--color-hover, black);
}

.selector-white option{
    background-color: #008C8B;
    color: white;
    font-weight: bold;
}

.varSelectorBlue{
    --bgcolor: white;
    --color: black;
    --bgcolor-hover: #0A4C82;
    --color-hover: white;
}
.varSelectorBlue option:hover{
    --bgcolor: white;
    --color: black;
    --bgcolor-hover: #0A4C82;
    --color-hover: white;
}