:root {
  --success:'#0F0';
}

section {
    width:100%;
    max-width:100vw;
    height:auto;
    min-height:30px;
    padding:0;
    background-attachment:scroll;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:visible;
    position:initial;
    display:flex;
    align-items:stretch;
}
inner {
    width:100%;
    height:auto;
    display:block;
    position:initial;
    overflow:visible;
}

* {
    xxxscrollbar-width:thin;
}

*,:before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
}
*:disabled {
    cursor:not-allowed;
    background-color:rgba(128,128,128,0.22);
}
img {
    max-width:100%;
    display:block;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,html,body,p,form,input,select,textarea{
    margin:0;
    padding:0;
}
html {
    scroll-behavior:smooth;
}
body {
    background-color:transparent;
    overflow-x:hidden;
    font-family:'Open Sans';
    font-size:16px;
    height:100vh;
    width:100vw;
    min-height:100vh;
    max-width:100vw;
}

hr {
    display:block;
    width:100%;
    border:none;
    border-bottom:solid 1px #CCC;
    margin-top:10px;
    margin-bottom:10px;
}

bodyinner {display:block;}

.prv6wrapper {
    position:relative;
    border:solid 1px transparent;
    color:#000;
}
.prv6wrapper.accessall .prv6 {
    background-color:#000;
    color:#FFF;
}
.prv6wrapper .prv6 {
    background-color:#EEE;
    border:solid 1px silver;
    padding:6px;
    display:block;
    font-size:11px;
    margin:2px;
    overflow:hidden;
}
.prv6wrapper .prv6 .var {
    border:solid 1px #0F0;
    padding:0px 2px;
    margin:0 2px;
    background-color:#3C3;
    color:#FFF;
    font-weight:bold;
}
.prv6wrapper .prv6show {
    max-height:unset;
}
.prv6arrow {
    cursor:pointer;
    border: solid 1px #CCC;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    bottom:-4px;
    left:10px;
    font-size:12px;
    width:20px;
    height:20px;
    background-color:white;
    border-radius:50%;
    z-index:1;
}
.prv6wrapper .prv6arrow{
    display:none;
}
.prv6wrapper.prv6hidden .prv6arrow{
    display:inline-flex;
}






















select,input,textarea{
    display:block;
    width:100%;
    border:solid 1px #AAA;
    min-height:16px;
    height:32px;
    font-size:14.5px;
    line-height:18px;
    padding-left:5px;
    border-radius:0;
    ___font-family:"Helvetica Neue", Helvetica, sans-serif;
}


select {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background:transparent;
    background-repeat:no-repeat;
    background-position-x:100%;
    background-position-y:5px;
}
select:not(disabled){
    background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}
.xblackversion select:not(disabled){
    background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}
select:hover, input:hover, textarea:hover{
    border-color:#171717;
}
textarea {
    height:72px;
    padding:4px;
}
form {
    width:100%;
    overflow:visible;
}
button {
    background-color:#F0F0F0;
    border:solid 1px #AAA;
    cursor:pointer;
}
iframe {
    border:none;
}
h1,h2,h3,h4,h5,h6 {
    font-family:'Oswald';
}
h1{font-size:26px; line-height:33px; }
h2{font-size:23px; line-height:30px; }
h3{font-size:16px; }
h4{font-size:14px; }
ul{
    list-style-type:none;
}
li{
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid;
}
a {
    text-decoration:none;
    color:black;
    cursor:pointer;
}
a:hover{
    color:#111;
}
table {
    border-collapse:separate;
    border-spacing:0px;
    width:100%;
}
table thead th {
    font-size:13px;
    font-weight:normal;
    text-align:left;
}
table thead th,
table thead th a{
    color:#888;
}
table tbody tr:hover {
    background-color:rgba(128,128,128,0.05);
}
table tbody tr td {
    padding:0px;
}
.columns {
    display:grid;
    grid-gap:2px;
    grid-template-columns:100%;
}
.columns .col {
    border:solid 0px red;
}
.pagination,
pagination .pagination{
    margin-top:10px;
    display:inline-flex;
    overflow:auto;
    border:solid 1px #aaa;
    align-items:flex-start;
    width:auto;
}
pagination .pagination li a{
    display:inline-block;
}
.pagination .pagination,.pagination li, .pagination li a,
pagination .pagination,.pagination li, .pagination li a{
    background-color:rgba(0,0,0,0.00);
    color:black;
    padding-top:0px;
    padding-bottom:0px;
    padding:0;
    min-width:37px;
    text-align:center;
}
.pagination li.active a,
.pagination li.active,
pagination .pagination li.active,
pagination .pagination li.active a{
    background-color:#ccc;
    color:white;
}
.pagination li.active a:hover,
pagination .pagination li.active a:hover{
    color:white;
}
pagination{background-color:#ffffff; }

moduleBAR {
    font-size:24px !important;
    font-weight:bold !important;
    display:none;
    align-items:center !important;
    justify-content:center !important;
    width:100vw !important;
    height:30px !important;
    background-color:#FF9900 !important;
    color:white !important;
    font-family:"verdana",sans-serif !important;
}
@media screen and (max-width:767px){
    moduleBAR{
        font-size:20px !important;
    }
}
.visibleModule{
    min-height:0px;
}
.hiddenModule{
    height:0px;
    min-height:0px;
    max-height:0px;
    overflow:hidden;
}
.label {
    float:left;
    display:inline-block;
    font-size:10px;
    border:solid 1px rgba(255,255,255,.45);
    padding:0px 6px 1px 6px;
    background-color:#666;
    box-sizing:border-box;
}

@media screen and (min-width:768px){
    .visibleModule moduleBAR{
        display:flex;
    }
    .visibleModule{
        height:30px !important;
        height-min:30px !important;
        height-max:30px !important;
        display:block !important;
    }
}
container {
    display:block;
    right:auto;
    left:auto;
    margin:auto;
    width:100%;
    overflow:visible;
}
gridWraper {
    display:grid;
    grid-gap:0px;
    color:#444;
    width:100%;
}
blockA,blockB,blockC,blockD,blockE,blockF,blockG,blockH,blockI,blockJ{
    font-size:16px;
    display:flex;
    height:100%;
}
blockA{grid-area:blockA;}
blockB{grid-area:blockB;}
blockC{grid-area:blockC;}
blockD{grid-area:blockD;}
blockE{grid-area:blockE;}
blockF{grid-area:blockF;}
blockG{grid-area:blockG;}
blockH{grid-area:blockH;}
blockI{grid-area:blockI;}
blockJ{grid-area:blockJ;}
@media screen and (min-width:1400px){container{max-width:1400px;}}
@media screen and (max-width:1399px){container{max-width:1200px;}}
@media screen and (max-width:1199px){container{max-width:992px;}}
@media screen and (max-width:991px){container{max-width:767px;}}
.b01x{
    grid-template-columns:minmax(100%,100%);
    grid-template-areas:"blockA";
}
.b02x{
    grid-template-columns:minmax(50%,50%) minmax(50%,50%);
    grid-template-areas:"blockA blockB";
}
.b03x{
    grid-template-columns:minmax(33.3333%,33.3333%) minmax(33.3333%,33.3333%) minmax(33.3333%,33.3333%);
    grid-template-areas:"blockA blockB blockC";
}
@media screen and (max-width:1199px){
    .b02x{
        grid-template-columns:minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    .b03x{
        grid-template-columns:minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}
@media screen and (max-width:991px){
    .b02x{
        grid-template-columns:minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
        ;
    }
    .b03x{
        grid-template-columns:minmax(100%,100%);
        grid-template-areas:
            "blockA"
            "blockB"
            "blockC"
        ;
    }
}
.fixed{position:fixed !important; }
.errorClass {background-color:rgba(255,0,0,0.1) !important; box-shadow:inset 0px 0px 0px 1px #F00 !important;}

.xblackversion,
.xblackversion a,
.xblackversion h1,
.xblackversion h2,
.xblackversion h3,
.xblackversion h4,
.xblackversion h5,
.xblackversion h6,
.xblackversion li,
.xblackversion table{
    color:white;
}

@media only screen and (max-width:767px){
    .hidden-xs {display:none !important;}
    .h-xs {display:none !important;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hidden-sm {display:none !important;}
    .h-sm {display:none !important;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hidden-md {display:none !important;}
    .h-md {display:none !important;}
}
@media only screen and (min-width:1200px){
    .hidden-lg {display:none !important;}
    .h-lg {display:none !important;}
}

.title-top xgroup {
    flex-direction:column !important;
    display:flex;
}

xwrapper {
    display:flex;
    width:100%;
    margin-bottom:2px;
    position:relative;
}
xgroup {
    display:flex !important;
    width:100%;
}
xleft {
    display:flex;
    align-items:center;
    justify-content:center;
    border:solid 1px rgba(128,128,128,0.5);
    border-right:none;
    padding-left:7px;
    padding-right:7px;
    background-color:rgba(190,190,190,0.25);
    white-space:nowrap;
    width:auto;
}
xleft:not(.hasTitle){
    min-width:43px;
}
xright {
    padding:0 7px;
    display:block;
    border-left:none;
    border:solid 1px silver;
    border-left:transparent !important;
    height:32px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap;
    background-color:rgba(190,190,190,0.25);
}
xright:not(.hasTitle){
    min-width:35px;
}
xlabel {
    display:flex;
    align-items:center;
    padding-left:5px;
    width:100%;
    height:32px;
    border:solid 1px silver;
}
xtitle {
    font-size:16px;
    display:block;
    font-weight:bold;
    font-style:italic;
    text-decoration:underline;
}
xtext {
    font-size:12px;
    line-height:13px;
    display:block;
}
.xblackversion xtext {
    color:white;
}


.xblackversion xtitle {
    color:white;
    padding:11px 0 4px 0;
}

xmessage {
    display:flex;
    align-items:center;
    overflow:auto;
    border:solid 1px rgba(128,128,128,0.3);
    border:solid 1px #FFF;
    padding:5px 5px;
    border-radius:0px;
    background-color:#7e7e7e;
    text-align:left;
    margin:0px;
    line-height:16.5px;
    white-space:normal;
    min-height:32px;
    margin-top:0px;
    margin-bottom:5px;
    font-size:14.5px;
}
xmessage * {
    color:white;
    font-size:14.5px;
}
xmessage i {
    margin-right:7px;
}
xmessage a {
    text-decoration:underline;
}
xbutton,.xbutton {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:solid 1px rgba(128,128,128,0.5);
    padding-left:7px;
    padding-right:7px;
    height:32px;
    background-color:#F0F0F0;
    cursor:pointer;
    color:black;
    white-space:nowrap;
    float:left;
    font-size:14px;
}
xbutton:hover, .xbutton:hover {
    text-decoration:none;
    color:black;
}
xbutton:focus, .xbutton:focus {
    text-decoration:none;
}
xbutton:hover, .xbutton:hover {
    background-color:#e4e4e4;
}
.xblackversion xbutton, .xblackversion .xbutton {
    color:black;
}

.xblackversion xbutton.success:hover, .xblackversion .xbutton.success:hover,
.xblackversion xbutton.success:focus, .xblackversion .xbutton.success:focus,
xbutton.success:hover, .xbutton.success:hover,
xbutton.success:focus, .xbutton.success:focus {
    background-color:#2dba75;
    color:white;
}
.xblackversion xbutton.info:hover, .xblackversion .xbutton.info:hover,
.xblackversion xbutton.info:focus, .xblackversion .xbutton.info:focus,
xbutton.info:hover, .xbutton.info:hover,
xbutton.info:focus, .xbutton.info:focus {
    background-color:#2fa3de;
    color:white;
}
.xblackversion xbutton.warning:hover, .xblackversion .xbutton.warning:hover,
.xblackversion xbutton.warning:focus, .xblackversion .xbutton.warning:focus,
xbutton.warning:hover, .xbutton.warning:hover,
xbutton.warning:focus, .xbutton.warning:focus {
    background-color:#d1c44d;
    background-color:#E87020;
    color:white;
}
.xblackversion xbutton.danger:hover, .xblackversion .xbutton.danger:hover,
.xblackversion xbutton.danger:focus, .xblackversion .xbutton.danger:focus,
xbutton.danger:hover, .xbutton.danger:hover,
xbutton.danger:focus, .xbutton.danger:focus {
    background-color:#ff5757;
    color:white;
}

/* xselect */
.xblackversion xwrapper.xselect select * {
    background-color:#444444;
}

/* xinput */
xwrapper.xinput xleft {
    min-width:none !important;
}

/* xdisabled */
xwrapper.xdisabled xleft {
    min-width:none !important;
}

xwrapper.xdisabled disableElement{
    width:100%;
    display:flex;
    width:100%;
    min-height:16px;
    height:32px;
    font-size:14.5px;
    line-height:18px;
    padding-left:5px;
    border-radius:0;
    border:solid 1px #555;
    align-items:center;
    background-color:#222222;
}



/* xcolor */
.dropdown-menu{position:absolute;background-color:white; border:solid 1px silver;}
xwrapper.xcolor .input-group-addon {
    padding:0;border:none; min-width:20px; width:20px; height:20px;
}
xwrapper.xcolor xright div {
    cursor:pointer;
}

/* xicon */
xwrapper.xicon xgroup {
    position:relative;
    display:table;
    border-collapse:separate;
    width:100%;
}
xwrapper.xicon xleft {
    width:1%;
    white-space:nowrap;
    vertical-align:middle;
    display:table-cell;
    padding:6px 12px;
    font-weight:normal;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee;
    border:1px solid #AAAAAA;
    border-left:none;
}
xwrapper.xicon .iconpicker-item{box-shadow:0 0 0 1px #fff !important;padding:8px !important;margin:0px !important;width:20px !important;}
xwrapper.xicon .iconpicker-item:hover{background-color:#eee; }
xwrapper.xicon .iconpicker-item:before{border:5px solid #ffea00; }
xwrapper.xicon .iconpicker-selected {
    color:black !important;
}
xwrapper.xicon .iconpicker-popover {
    z-index:2;
    border:solid 1px silver;
}
xwrapper.xicon input-group-addon {
    border:none; background-color:transparent !important;
}
xwrapper.xicon .iconpicker-search:focus,
xwrapper.xicon .iconpicker-search {
    color:black;
    background-color:transparent;
}
.xblackversion xwrapper.xicon .iconpicker-items * {
    color:black;
}


/* xsteps */
xwrapper.xsteps .step {
    cursor:pointer;
    padding:10px 5px 10px 0;
    display:flex;
    flex-direction:column;
    line-height:16px;
    min-width:100px;
    max-width:150px;
}
xwrapper.xsteps .wasnotactiveyet {
    color:black;
}
xwrapper.xsteps .wasactive:hover,
xwrapper.xsteps .wasactive {
    color:#CCC;
}
xwrapper.xsteps steptitle {
    font-family:'Montserrat';
    font-weight:700;
}
xwrapper.xsteps stepdesc {
    font-family:'Montserrat';
    font-weight:100;
    font-size:12px;
}


/* xdatetime */
xwrapper.xdatetime .list-unstyled{padding-left:0;list-style:none}
xwrapper.xdatetime .collapse{display:none}
xwrapper.xdatetime .collapse.in{display:block}
xwrapper.xdatetime .table {
    width:100%;
    max-width:100%;
    margin-bottom:20px;
}
xwrapper.xdatetime .table-condensed > thead > tr > th,
xwrapper.xdatetime .table-condensed > tbody > tr > th,
xwrapper.xdatetime .table-condensed > tfoot > tr > th,
xwrapper.xdatetime .table-condensed > thead > tr > td,
xwrapper.xdatetime .table-condensed > tbody > tr > td,
xwrapper.xdatetime .table-condensed > tfoot > tr > td {
    padding:5px;
}
xwrapper.xdatetime .dropdown-toggle:focus {
    outline:0;
}
xwrapper.xdatetime .dropdown-menu {
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:5px 0;
    margin:2px 0 0;
    list-style:none;
    font-size:14px;
    text-align:left;
    background-color:#ffffff;
    border:1px solid rgba(0,0,0,0.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
    box-shadow:0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}
xwrapper.xdatetime xgroup {
    position:relative;
    display:table;
    border-collapse:separate;
}
xwrapper.xdatetime .input-group-addon {
    align-items:center;
    display:flex;
    align-items:center;
    border:solid 0px #AAAAAA;
    border-top:solid 1px #AAAAAA;
    border-bottom:solid 1px #AAAAAA;
    border-right:solid 1px #AAAAAA;
}
xwrapper.xdatetime {
    display:flex !important;
    flex-direction:row;
}
xwrapper.xdatetime > input {
    display:block;
}
xwrapper.xdatetime > span {
    display:block;
}
xwrapper.xdatetime xleft {
    cursor:pointer;
}
xwrapper.xdatetime a{color:black; }
xwrapper.xdatetime li{color:black; }
xwrapper.xdatetime table{color:black; }

/* xcheckbox */

/*span*/

xwrapper.xcheckbox {
    font-size:14px;
    
}



xwrapper.xcheckbox xcheckelement {
    min-height:32px;
    
    
}
xwrapper.xcheckbox xgroup {
    display:flex !important;
    flex-direction:column;
}
xwrapper.xcheckbox xcheckElement {
    display:flex;
    flex-direction:row;
}

xwrapper.xcheckbox label{border:solid 0px red; min-height:20px; margin:0; display:block; position:relative; padding-left:20px; cursor:pointer; -webkit-user-select:none; }
xwrapper.xcheckbox label{-moz-user-select:none; -ms-user-select:none; user-select:none;overflow:auto; }
xwrapper.xcheckbox label input{position:absolute;opacity:0;cursor:pointer; top:0; left:0; height:0px; width:0;}
xwrapper.xcheckbox label:hover input ~ checkmark{background-color:#F2F2F2; }
xwrapper.xcheckbox label input:checked ~ checkmark{background-color:#2DBA75; border:solid 1px #000; }
xwrapper.xcheckbox label input:checked ~ checkmark:after{display:block;}
xwrapper.xcheckbox label checkmark:after{left:6px; top:2px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; }
xwrapper.xcheckbox label checkmark:after{-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
xwrapper.xcheckbox checkmark:after{content:""; position:absolute; display:none;}
xwrapper.xcheckbox checkmark {border:solid 1px silver; position:absolute;top:0;left:0;height:18px;width:18px;background-color:#FFF;}
xwrapper.xcheckbox label input:disabled ~ checkmark {
    filter:opacity(0.3);
    cursor:not-allowed;
}
xwrapper.xcheckbox * {
    scrollbar-width:none; 
}

xwrapper.xcheckbox div {
    padding-left:3px;
}
xwrapper.xcheckbox.clear_checkbox {
    font-size:13px;
    line-height:15px;
}
xwrapper.xcheckbox.clear_checkbox div {
    white-space:initial;
    padding-top:2px;
    padding-bottom:3px;
}
xwrapper.xcheckbox.clear_checkbox xcheckelement {
    min-height:0;
}
xwrapper.clear_checkbox xlabel {
    height:18px;
    
}

xwrapper.clear_checkbox, xwrapper.clear_checkbox * {
    background-color:transparent;
    border:red;
}
xwrapper.clear_checkbox xlabel {
    height:auto;
}
.xblackversion xwrapper.xcheckbox div {
    color:#fFF;
}

xwrapper.xcheckbox label{ overflow:hidden; }

xwrapper.xradiobuttonv3 .radioLabel {
    display:block;
    position:relative;
    padding-left:18px;
    padding-top:18px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
xwrapper.xradiobuttonv3 .radioLabel input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    border:solid 3px red !important;
    top:-7px;
    left:-0px;
}
xwrapper.xradiobuttonv3 .checkmark {
    position:absolute;
    top:0;
    left:0;
    height:18px;
    width:18px;
    background-color:#fff;
    border-radius:50%;
    border:solid 1px #CCC;
}
xwrapper.xradiobuttonv3 .radioLabel:hover input ~ .checkmark {
    background-color:#eee;
}
xwrapper.xradiobuttonv3 .radioLabel input:checked ~ .checkmark {
    border:solid 1px #000;
    background-color:#2DBA75;
}
xwrapper.xradiobuttonv3 .checkmark:after {
    content:"";
    position:absolute;
    display:none;
}
xwrapper.xradiobuttonv3 .radioLabel input:checked ~ .checkmark:after {
    display:block;
}
xwrapper.xradiobuttonv3 .radioLabel .checkmark:after {
    -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
}
xwrapper.xradiobuttonv3 .radioLabel .checkmark:after {
    left:6px; top:2px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0;
}
xwrapper.clear_radiobuttonv3 xleft,
xwrapper.clear_radiobuttonv3 xlabel {
    height:18px;
}
xwrapper.clear_radiobuttonv3 xleft {
    min-width:18px;
    padding:0;
}
xwrapper.clear_radiobuttonv3 {
    background-color:transparent;
    border:red;
}
xwrapper.clear_radiobuttonv3 xleft,
xwrapper.clear_radiobuttonv3 xlabel{
    border:red;
}
xwrapper.clear_radiobuttonv3 xleft {
    background-color:transparent;
}

/* xnumeric */
xwrapper.xnumeric xleft,
xwrapper.xnumeric xright {
    min-width:35px;
    width:35px;
    cursor:pointer;
}
xwrapper.xnumeric i {
    margin:0;
    font-size:17px;
}


/* xselectfilter */
xwrapper.xselectfilter {
    position:relative;
    display:inline-block;
}
xwrapper.xselectfilter .dropdown-wrapper {
    position:relative;
}
xwrapper.xselectfilter .dropdown-content {
    margin-top:0px;
    display:none;
    position:absolute;
    background-color:#ddd;
    min-width:130px;
    overflow:auto;
    border:1px solid #ddd;
    z-index:3;
    max-height:300px;
    overflow-x:hidden;
}
xwrapper.xselectfilter .elements{
    display:flex; width:100%;
}
xwrapper.xselectfilter .dropdown-content a {
    color:black;
    padding:1px 3px;
    text-decoration:none;
    display:block;
    font-size:12px;
    border-bottom:solid 1px white;
}
xwrapper.xselectfilter a:hover {
    background-color:#ddd;
}
xwrapper.xselectfilter .show {
    display:block;
}



/* xprogressbar */

xwrapper.xprogressbar {
    display:flex;
    justify-content:center;
}
xwrapper.xprogressbar el {
    width:100%;
    background-color:#CCC;
    border-right:solid 1px rgba(255,255,255,0.5);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    height:14px;
    color:white;
}
xwrapper.xprogressbar el:last-child {
    border-right:0px;
}


/* xtabc */
xwrapper.xtabc {
    display:block;
    width:100%;
    overflow:auto;
}
xwrapper.xtabc element {
    float:left;
    border:solid 1px #B7B7B7;
    border-left:none;
    display:inline-block;
    min-width:31.0px;
    max-width:200px;
    text-align:center;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    background-color:#EFEFEF;
}
xwrapper.xtabc element:hover {
    background-color:#E0E0E0;
}
xwrapper.xtabc element:first-child {
    border:solid 1px #B7B7B7;
}
xwrapper.xtabc a {
    display:inline-flex;
    height:30px;
    padding:5px;
    text-decoration:none;
    align-items:center;
    justify-content:center;
    color:black;
    font-size:12.5px;
}
xwrapper.xtabc a:hover,
xwrapper.xtabc a:focus,
xwrapper.xtabc a:active{
    text-decoration:none;
    color:#000;
}
xwrapper.xtabc i{
    text-align:center;
    display:block;
}
xwrapper.xtabc .active{
    background-color:#777;
}
xwrapper.xtabc .active a{
    color:white;
}
xwrapper.xtabc .active:hover{
    background-color:#888;
}
xwrapper.xtabc .active i{
    color:white;
}
xwrapper.xtabc.tabComponentV2 element{
    height:55px;
    min-width:55px;
}
xwrapper.xtabc.tabComponentV2 element a{
    padding:0 5px 2px 5px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    height:100%;
}
xwrapper.xtabc.tabComponentV2 element span{
    display:block;
    width:100%;
    font-size:13px;
}
xwrapper.xtabc.tabComponentV2 element span i{
    display:block;
    font-size:28px;
}
xwrapper.xtabc .tabDisabledElement a, xwrapper.xtabc .tabDisabledElement i{
    color:#aaa;
    cursor:not-allowed;
}
@media screen and (max-width:480px){
    xwrapper.xtabc element {
        padding:0;
    }
    xwrapper.xtabc a {
        height:25px;
    }
    xwrapper.xtabc element a{
        padding:0 3px;
    }
    xwrapper.xtabc element a span{
        font-size:11px;
    }
    xwrapper.xtabc.tabComponentV2 element{
        height:48px;
        min-width:48px;
    }
    xwrapper.xtabc.tabComponentV2 element a{
        padding:0 4px 2px 4px;
    }
    xwrapper.xtabc.tabComponentV2 element span{
        font-size:13px;
    }
    xwrapper.xtabc.tabComponentV2 element span i{
        font-size:20px;
    }
}

/* xtinymce */

xwrapper.xtinymce {
    margin-bottom:32px;
}
xwrapper.xtinymce .textarea{min-height:10vh !important; height:20vh !important; }
xwrapper.xtinymce #textarea_ifr{height:calc(100vh - 350px) !important; min-height:calc( 350px ) !important; }
xwrapper.xtinymce .mce-menu-item{background-color:#777 !important; margin:0!important;}
xwrapper.xtinymce .mce-container-body{background-color:#AAA !important;}
xwrapper.xtinymce .mce-widget{background-color:transparent !important;}
xwrapper.xtinymce .mce-widget button{padding-left:0; padding-right:0;}
xwrapper.xtinymce .mce-widget:hover{border-color:transparent !important;}
xwrapper.xtinymce .mce-toolbar-grp{background-color:#AAA !important; }
xwrapper.xtinymce .mce-floatpanel{background-color:#666 !important; }
xwrapper.xtinymce .mce-tinymce{margin-bottom:4px !important; }
xwrapper.xtinymce .mce-tinymce .mce-btn{margin-left:0; margin-right:0; margin-bottom:0!important; margin-top:1px;}
xwrapper.xtinymce .mce-tinymce .mce-btn-group{padding:0;}
xwrapper.xtinymce.mce-tinymce.mce-container.mce-panel{border:none !important; }

xwrapper.xtinymce textarea {
    height:400px; background-color:#DDDDDD !important; border-radius:0; color:#BBB !important; padding:0;
}
xwrapper input {
    height:32px;
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0.75);
}
xwrapper input:focus {
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0.75);
    z-index:2;
}
xwrapper.xrow rowArea{
    width:100%;
    display:flex;
    flex-direction:row;
}
xwrapper.xrow>xgroup {
    display:flex;
    flex-direction:column;
}
xwrapper.xicontext {
    display:flex;
    padding:0;
    margin:0;
    align-items:center;
}
xwrapper.xicontext iconStatus{
    display:inline-block; width:8px; height:8px; min-width:8px; min-height:8px; background-color:#888; border-radius:50%;
    margin-right:3px;
}
xwrapper.xicontext .iconvalue{
    font-size:10px;
    line-height:12px;
}

xwrapper.xlegend {
    border:solid 1px white;
    font-size:11px;
    background-color:rgba(128,128,128,0.5);
    padding:2px 7px;
    background-color:#BBB;
    color:#FFF;
    border-radius:0px;
}
xwrapper.xlegend * {
    color:#FFF;
}


.xblackversion xwrapper.xlegend {
    border-color:#FFF;
    background-color:#CCC;
    color:#000;
}
.xblackversion xwrapper.xlegend * {
    color:#000;
}


xwrapper.xhiddenbox * {
    transition:padding 0.4s;
}
xwrapper.xhiddenbox > xgroup {
    display:flex;
    flex-direction:column;
    xxborder:solid 1px red;
}
xwrapper.xhiddenbox .showhiddenbox {
    cursor:pointer;
}
xwrapper.xhiddenbox .hiddenbox {
    xxborder:solid 4px yellow;
    max-height:0px;
    overflow:hidden;
}
xwrapper.xhiddenbox plus,
xwrapper.xhiddenbox minus {
    display:flex;
    text-align:center;
    width:13px;
    height:14px;
    top:5px;
    left:0px;
    position:absolute;
    z-index:2;
    padding:0px;
    line-height:14px;
    padding-left:2px;
    font-weight:bolder;
}
xwrapper.xhiddenbox belka{
    top:14px;
    position:absolute;
    display:block;
    width:100%;
    border-bottom:solid 1px #ddd;
    z-index:1;
}
xwrapper.xhiddenbox text{
    z-index:2;
    color:#000;
    font-size:12px;
    position:relative;
    margin-left:20px;
    font-style:italic;
}
xwrapper.xhiddenbox minus {
    display:none;
}
xwrapper.xhiddenbox.show .hiddenbox {
    max-height:9999px;
    padding-top:5px;
}
xwrapper.xhiddenbox.show plus {
    display:none;
}
xwrapper.xhiddenbox.show minus {
    display:block;
}
xwrapper.xhiddenbox.show .hiddenbox {
    overflow:visible !important;
}
.xblackversion xwrapper.xhiddenbox belka{
    border-bottom:solid 1px #222;
}
.xblackversion xwrapper.xhiddenbox text{
    color:#EEE;
}





xwrapper.xsearchbox * {
    transition:padding 0.4s;
}
xwrapper.xsearchbox > xgroup {
    display:flex;
    flex-direction:column;
    xxborder:solid 1px red;
}
xwrapper.xsearchbox .showsearchbox {
    cursor:pointer;
}
xwrapper.xsearchbox .searchbox {
    xxborder:solid 4px yellow;
    max-height:0px;
    overflow:hidden;
}
xwrapper.xsearchbox plus,
xwrapper.xsearchbox minus {
    display:flex;
    text-align:center;
    width:13px;
    height:14px;
    top:4px;
    left:0px;
    position:absolute;
    z-index:2;
    padding:0px;
    line-height:14px;
    padding-left:2px;
    font-weight:bolder;
}
xwrapper.xsearchbox belka{
    top:14px;
    position:absolute;
    display:block;
    width:100%;
    border-bottom:solid 1px #ddd;
    z-index:1;
}
xwrapper.xsearchbox text{
    z-index:2;
    color:#000;
    font-size:13.5px;
    position:relative;
    margin-left:20px;
    font-style:italic;
}
xwrapper.xsearchbox minus {
    display:none;
}
xwrapper.xsearchbox.show .searchbox {
    max-height:9999px;
    padding-top:5px;
}
xwrapper.xsearchbox.show plus {
    display:none;
}
xwrapper.xsearchbox.show minus {
    display:block;
}
xwrapper.xsearchbox.show .searchbox {
    overflow:visible !important;
}
.xblackversion xwrapper.xsearchbox belka{
    border-bottom:solid 1px #222;
}
.xblackversion xwrapper.xsearchbox text{
    color:#EEE;
}









paperWrapper {
    background-color:#F8F9FA;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:30px 0;
}
paper {
    border:solid 1px #ccc;
    max-width:1000px;
    width:100%;
    background-color:#FFF;
    padding:40px 30px 40px 30px;
    height:0%;
    box-shadow:1px 1px 5px rgba(0,0,0,0.175);
}
paper h1 {
    margin-bottom:10px;
}
@media only screen and (max-width:991px){
    paperWrapper {
        padding:10px;
    }
    paper {
        padding:20px;
        border:solid 0px #ccc;
    }
}
@media only screen and (max-width:767px){
    paperWrapper {
        padding:0;
    }
    paper {
        padding:10px;
    }
}


.formSearch {
    display:flex;
}
.formSearch xwrapper {
    margin-bottom:0;
}
.formSearch input {
    border-right:none;
}
.formSearch .xsubmit {
    background-color:#19A15F;
    color:white;
}
.formSearch .xsubmit:hover {
    background-color:#2dba75;
    color:white;
}
.formSearch:hover input {
    border-color:#171717;
}
.tNav {
    border-bottom:solid 1px rgba(128,128,128,0.4);
    display:flex;
    margin-bottom:10px;
    justify-content:space-between;
    align-items:flex-end;
    padding:0 5px 5px 5px;
    min-height:39px;
}
.tNav.tNav-nobreak{
    flex-direction:row;
    xxxbackground-color:red;
}
.tNav .tNavPath {
    font-size:15px;
    padding:0px;
    margin:0px;
    line-height:17px;
    height:17px;
    display:inline-flex;
    align-items:flex-end;
    color:white;
}
.tNav .tNavI {
    font-size:13px;
    border-radius:2px;
    width:24px;
    
    text-align:center;
    padding:5px 1px;
}
.tNav tNavRight {
    display:inline-flex;
    float:right;
}
.tNav .division {
    display:inline-block;
    padding:0 2px;
    color:rgba(128,128,128,0.6);
}
.tNav .tNavPath,
.tNav .tNavPath a {
    color:black;
}
.tNav .tNavPath a:hover {
    color:black;
}





.tNav-select .title {
    position:absolute;
    color:#FFF;
}
.tNav-select {
    width:80px;
    position:relative;
    background-color:#28C445;
    
    display:flex;
    align-items:center;
    justify-content:center;
}




.tNav-select select {
    opacity:0;
    z-index:2;
    width:100%;
    margin:0;
    padding:0 5px;
    height:24px;
    outline:none;
    cursor:pointer;
    border:none;
    border-radius:0;
    background-color:transparent;
    color:#074153;
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:0.01px;
    text-overflow:"";
}
.tNav-select select::-ms-expand {
    display:none;
}














@media screen and (max-width:480px){
    .tNav {
        flex-direction:column;
        align-items:flex-start;
        padding:9px 5px 5px 0px;
    }
    .tNav tNavRight:not(:empty){
        xxxxmargin-top:5px;
    }
    .tNav .tNavI  {
        font-size:9px;
        border-radius:1px;
        width:16px;
        padding:3px 0px;
    }
    .tNav .tNavPath {
        font-size:11px;
    }
    .tNav .division {
        padding:1px;
    }
}
xTitleTop {
    font-size:12.5px;
    line-height:15px;
}
.xblackversion xTitleTop {
    color:#AAA;
}
.xblackversion .tNav .tNavPath,
.xblackversion .tNav .tNavPath a {
    color:white;
}
.tNav tnavleft i {
    background-color:#444;
    color:#FFF;
}
.xblackversion .tNav tnavleft i {
    background-color:#FFF;
    color:#000;
}



.xblackversion input,
.xblackversion select,
.xblackversion textarea,
.xblackversion xlabel,
.xblackversion .xtabc element {
    background-color:transparent;
    color:white;
    border-color:#555;
}
.xblackversion .formSearch:hover input,
.xblackversion select:hover,
.xblackversion input:hover,
.xblackversion textarea:hover{
    border-color:#CCC;
}
.xblackversion .formSearch:focus input,
.xblackversion select:focus,
.xblackversion input:focus,
.xblackversion textarea:focus{
    border-color:#CCC;
    background-color:#444;
}
.xblackversion .formSearch:focus-within input {
    border-color:#ccc;
}
.xblackversion xleft,
.xblackversion xright {
    background-color:#242425;
    color:#ccc;
    border-color:#555;
}
.xblackversion xwrapper.xtabc element:hover a, .xblackversion xwrapper.xtabc element:hover i,
.xblackversion xwrapper.xtabc element:focus a, .xblackversion xwrapper.xtabc element:focus i,
.xblackversion xwrapper.xtabc element:active a, .xblackversion xwrapper.xtabc element:active i{
    color:#FFF;
}
.xblackversion .xtabc element {
    background-color:#666666;
    border-color:#DDDDDD;
}
.xblackversion .xtabc element:first-child {
    color:white;
    border-color:#DDDDDD;
}
.xblackversion xwrapper.xtabc i,
.xblackversion xwrapper.xtabc a{
    color:#FFF;
}
.xblackversion .xtabc element:hover {
    background-color:#777;
}
.xblackversion .xtabc .active *{
    background-color:#FFF;
    color:black;
}
.xblackversion .xtabc .active:hover *{
    background-color:#F0F0F0;
    color:black;
}
.xblackversion .xtabc .tabDisabledElement:hover *,
.xblackversion .xtabc .tabDisabledElement * {
    color:#AAA;
}
.default,.default:hover {
    background-color:#7E7E7E;
    color:white;
}
.success,.success:hover {
    background-color:#19A15F;
    color:white;
}
.info,.info:hover {
    background-color:#2490C6;
    color:white;
}
.warning,.warning:hover {
    background-color:#E87020;
    color:white;
}
.danger,.danger:hover {
    background-color:#f23e3e;
    color:white;
}
.black,.black:hover {
    background-color:#222;
    color:white;
}
.white,.white:hover {
    background-color:#000;
    color:#000;
}
/*
.xblackversion .default,.xblackversion .default:hover {
    background-color:#7E7E7E;
    color:white;
}
.xblackversion .success,.xblackversion .success:hover {
    background-color:#19A15F;
    color:white;
}
.xblackversion .info,.xblackversion .info:hover {
    background-color:#2490C6;
    color:white;
}
.xblackversion .warning,.xblackversion .warning:hover {
    background-color:#d96518;
    color:white;
}
.xblackversion .danger,.xblackversion .danger:hover {
    background-color:#f23e3e;
    color:white;
}
.xblackversion .black,.xblackversion .black:hover {
    background-color:#222;
    color:white;
}
.xblackversion .white,.xblackversion .white:hover {
    background-color:#000;
    color:#000;
}
*/
.xblackversion .default,.xblackversion .default:hover {
    background-color:#7E7E7E;
    color:white;
}
.xblackversion .success,.xblackversion .success:hover {
    background-color:#19A15F;
    color:white;
}
.xblackversion .info,.xblackversion .info:hover {
    background-color:#2490C6;
    color:white;
}
.xblackversion .warning,.xblackversion .warning:hover {
    background-color:#d96518;
    color:white;
}
.xblackversion .danger,.xblackversion .danger:hover {
    background-color:#f23e3e;
    color:white;
}
.xblackversion .black,.xblackversion .black:hover {
    background-color:#222;
    color:white;
}
.xblackversion .white,.xblackversion .white:hover {
    background-color:#000;
    color:#000;
}

.hrv2{
    display:block;
    width:100%;
    height:30px;
    color:#000;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}
.hrv2 hrbelka{
    top:50%;
    position:absolute;
    display:block;
    width:100%;
    border-bottom:solid 1px #ddd;
    z-index:1;
}
.hrv2 hrtext{
    z-index:2;
    color:#000;
    font-weight:100;
    font-size:10px;
    padding-left:5px;
    padding-right:5px;
    background-color:white;
}
.xblackversion .hrv2 hrbelka{
    border-bottom:solid 1px #333;
}
.xblackversion .hrv2 hrtext{
    font-weight:normal;
    background-color:transparent;
    color:#AAA;
}

.table1D tr td:first-child{
    width:180px;
}
.tableWhiteGrid tr td{
    border-top:solid 1px #888;
    border-right:solid 1px #888;
    font-size:11px;
}
.tableWhiteGrid tr td:first-child{
    border-right:solid 0px #888;
}

/******************************************/

/*
.aaa0,
.aaa0,
.aaa0 td{
    font-size:15px;
}
*/

.szachownica {
    background-color:white;
}
.xblackversion .szachownica {
    background-color:black;
}










.protext {
    font-size:15px;
}
.aaa1 .protext {
    font-size:18px;
}
.aaa2 .protext {
    font-size:20px;
}

.aaa1,
.aaa1,
.aaa1 td{
    font-size:18px;
}
.aaa1 xbutton,
.aaa1 .xbutton,
.aaa1 xmessage,
.aaa1 xmessage *,
.aaa1 xtitle,
.aaa1 xwrapper,
.aaa1 xwrapper input,
.aaa1 xwrapper select,
.aaa1 xwrapper textarea{
    font-size:17px;
    line-height:19px;
}
.aaa1 xtitle {
    font-size:19px;
    line-height:22px;
}

.aaa2,
.aaa2 a,
.aaa2 td{
    font-size:20px;
}
.aaa2 xbutton,
.aaa2 .xbutton,
.aaa2 xmessage,
.aaa2 xmessage *,
.aaa2 xtitle,
.aaa2 xwrapper,
.aaa2 xwrapper input,
.aaa2 xwrapper select,
.aaa2 xwrapper textarea{
    font-size:18px;
    line-height:21px;
}
.aaa2 xtitle{
    font-size:21px;
    line-height:24px;
}


.aaa1 .tNavPath {
    font-size:18px;
}
.aaa2 .tNavPath {
    font-size:20px;
}

.aaa1 xwrapper.xtabc span,
.aaa1 xwrapper.xtabc.tabComponentV2 span {
    font-size:14px;
}
.aaa2 xwrapper.xtabc span,
.aaa2 xwrapper.xtabc.tabComponentV2 span {
    font-size:16px;
}

.aaa1 xwrapper xgroup xtitletop {
    font-size:14px;
    line-height:18.5px;
}
.aaa2 xwrapper xgroup xtitletop {
    font-size:16px;
    line-height:20px;
}
.fb_dialog {
    z-index:100 !important;
}
.addicionalfields {
    overflow:auto;
    position:relative;
}
.addicionalfields.addicionalfieldsHidden .addicionalfieldsArea {
    xxxxx-margin-bottom:26px;
    overflow:hidden;
}
.addicionalfields.addicionalfieldsHidden .addicionalfieldsButton{
    display:block;
}
.addicionalfields .addicionalfieldsButton {
    display:none;
    background-color:#2490C6;
    border:solid 1px white;
    color:white;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:1px 3px 2px;
    font-size:13px;
    cursor:pointer;
}

chars {
    background-color:green;
    font-size:10px;
    padding:1px 3px 1px;
    color:white;
    line-height:10px;
    display:flex;
    align-items:center;
    border:solid 1px #0F0;
    position:absolute;
    right:0;
    top:0;
    z-index:3;
}
chars:empty {
    border:transparent;
}
chars.maxlength {
    background-color:#a3b012;
    border:solid 1px yellow;
}
chars.overmax {
    background-color:red;
    border:solid 1px #ff8080;
}


div.descriptionv2 {
    font-size:11px;
    overflow:hidden;
    text-overflow:ellipsis;
    overflow:hidden; 
    xxwhite-space:nowrap;
}

div.titlev2 {
    
}

div.contentv2 {
    
}

count {
    font-size:10px;
    padding:0 3px 0 3px;
    border-radius:2px;
}

.tabr-button{
    cursor:pointer;
    background-color:#7E7E7E;
    color:#FFF;
    border:solid 1px #fff;
    display:inline-block; border-radius:3px; padding:1px 7px 2px; font-size:10px; text-decoration:none;
}
.tabr-button:hover{
    text-decoration:none;
    background-color:#8E8E8E;
}
.tabr-button.success{background-color:#19A15F; color:#fff; border:solid 1px #2ed182;}
.tabr-button.info{background-color:#2490C6; color:#fff; border:solid 1px #66b9e3;}
.tabr-button.warning{background-color:#E87020; color:#fff; border:solid 1px #f79554;}
.tabr-button.danger{background-color:#f23e3e; color:#fff; border:solid 1px #ff8080;}
.tabr-button.white{background-color:#FFF; color:#000 !important; border:solid 1px #CCC;}
.tabr-button.success:hover{background-color:#2dba75;}
.tabr-button.info:hover{background-color:#2fa3de;}
.tabr-button.warning:hover{background-color:#f27b2c;}
.tabr-button.danger:hover{background-color:#ff5757;}
.tabr-button.white:hover{background-color:#ddd; }






.aaa1 .tabr-button {
    font-size:12px;
    padding-left:2px;
    padding-right:2px;
}
.aaa2 .tabr-button {
    font-size:14px;
    padding-left:2px;
    padding-right:2px;
}


.tabr-textdotted{
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
    white-space:nowrap;
}

.xblackversion *:disabled {
    background-color:#222;
}

.textshadow {
    text-shadow:
    -1px -1px 0px #000,
     0px -1px 0px #000,
     1px -1px 0px #000,
    -1px  0px 0px #000,
     1px  0px 0px #000,
    -1px  1px 0px #000,
     0px  1px 0px #000,
     1px  1px 0px #000,

    -2px -2px 0px #000,
    -1px -2px 0px #000,
     0px -2px 0px #000,
     1px -2px 0px #000,
     2px -2px 0px #000,
     2px -1px 0px #000,
     2px  0px 0px #000,
     2px  1px 0px #000,
     2px  2px 0px #000,
     1px  2px 0px #000,
     0px  2px 0px #000,
    -1px  2px 0px #000,
    -2px  2px 0px #000,
    -2px  1px 0px #000,
    -2px  0px 0px #000,
    -2px -1px 0px #000;
}
    
.membersavatar,
.membersavatarnoimage{
    user-select:none;
    color:#FFF;
    width:32px;
    height:32px;
    border-radius:3px;
    xxmargin-top:3px;
    xxmargin-bottom:3px;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:bolder;
    text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

@keyframes button-saved {
    from {max-height:200px; opacity:1;}
    to {max-height:0px; padding:0; margin:0; opacity:0;}
}
.button-saved {
    min-height:0px;
    animation-delay:2250ms;
    animation-fill-mode:forwards;
    animation-name:button-saved;
    animation-duration:5s;
}

.xtypeahead .tt-menu{background-color:#444;color:white;padding:0px 0px 0px 0px;min-width:300px;}
.xtypeahead .tt-suggestion{padding:5px 30px 0 10px;border-bottom:solid 1px #888;font-size:13px;}
.xtypeahead .tt-suggestion:hover{cursor:pointer;background-color:#555;}
.xtypeahead .twitter-typeahead{width:100%;}
.xtypeahead .hiddenInput{display:none;}

.xiframe {
    width:100%; 
    border:none; 
}
.xform .errorClass{
    background-color:rgba(255,0,0,0.1) !important;
    box-shadow:inset 0px 0px 0px 1px #F00 !important;
}