body{
    color:#111111;
    background-color:#cbcbcb
}
/* Errors/logs */
.uderror{
    display:none;
    text-align:left;
    padding:10px;
}
/* Scrollbars */
.udscroll{
    scrollbar-3dlight-color:#dfdfdf;
    scrollbar-arrow-color:#dfdfdf;
    scrollbar-base-color:#dfdfdf;
    scrollbar-darkshadow-color:#dfdfdf;
    scrollbar-face-color:#343434;
    scrollbar-highlight-color:#dfdfdf;
    scrollbar-shadow-color:#dfdfdf;
    scrollbar-track-color: #dfdfdf;
    -webkit-overflow-scrolling: touch;
}    
.udscroll::-webkit-scrollbar{
    background-color:transparent;
    width:15px;}
.udscroll::-webkit-scrollbar-track{
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
*/
}
.udscroll::-webkit-scrollbar-thumb{
    background-color: #cbcbcb;
    opacity:0.15;border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.udscroll.udscroll-inv::-webkit-scrollbar-thumb{
    background-color:#dfdfdf;
}
.udscroll.udscroll-white::-webkit-scrollbar-thumb{
    background-color:white;
}
/* Transparancy layers */
.udtrnsp{
    position:absolute;
    top:0px!important;
    bottom:0px!important;
    left:0px!important;
    right:0px!important;
    z-index:-1;
    background-color:rgba(0,0,0,0.3);
}
.ui-page-theme-b .ui-btn:focus, 
html .ui-bar-b .ui-btn:focus, 
html .ui-body-b .ui-btn:focus, 
html body .ui-group-theme-b .ui-btn:focus, 
html head + body .ui-btn.ui-btn-b:focus, 
.ui-page-theme-b .ui-focus, 
html .ui-bar-b .ui-focus, 
html .ui-body-b .ui-focus, 
html body .ui-group-theme-b .ui-focus, 
html head + body .ui-btn-b.ui-focus, 
html head + body .ui-body-b.ui-focus {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0) /*{b-active-background-color}*/;
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0) /*{b-active-background-color}*/;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0) /*{b-active-background-color}*/;
}

.udlayer{position:relative;}
.udlayer .udtrnsp{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.3);}

div[type|="button"]{padding:32px;text-align:center;cursor:pointer;min-width:64px;line-height:48px;}
div[type|="button"]:hover{padding:32px;text-align:center;cursor:pointer;background-color:rgba(128,128,128,0.5);}
div.udmsg div.udtrsnp{position:absolute;top:0;bottom:0;left:0;right:0;}
div.udmsg>div.udtrsnp{background-color:transparent;}
div.udmsg>div.uddata{position:absolute;top:0;bottom:0;left:0;right:0;}
div.udmsg div[type|="bttnset"]{text-align:right;margin-left: auto;margin-right: auto;width: 50%;min-width: 256px;max-width: 840px;}
div.udmsg div[type|="button"]{font-size:24px;display:inline-block;margin:16px;}

div#udcookie>div.uddata div[type|="text"]{font-size:24px;margin-top: 64px;margin-left: auto;margin-right: auto;text-align: left; width: 50%;min-width: 256px;max-width: 840px;}
div#udcookie>div.uddata div[type|="text"] p{;margin-top:16px;margin-bottom:16px}


div#udmsg.udmsg{z-index:10000;position:fixed;top:0;left:0;bottom:0;right:0;}
div#udmsg.udmsg>div.uddata{top:50%;}
div#udmsg>div.uddata div[type|="msg"]{font-size:24px;margin-top:-32px;margin-left:auto;margin-right: auto;text-align: left; width: 75%;min-width: 256px;max-width: 840px;position:relative;height:64px;}

div#udmsg>div.uddata div[type|="msg"]>div.udtrsnp{z-index: -1;background-color:rgba(232, 231, 228,0.8);border-radius:32px;}
div#udmsg>div.uddata div[type|="msg"]>div.txt{padding-left:32px;padding-right:16px;line-height:64px;vertical-align: middle;color:rgba(34, 34, 34, 1)}
div#udmsg>div.uddata div[type|="msg"]>div.txt i{font-size:32px;float:right; line-height:64px;}


div#udmsg>div.uddata div[type|="msg"]{width:375px;}

/* ======================================================================== */
/* ======================================================================== */
div.udimagebox{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;cursor:pointer;}
div.udimagebox div.udtrnsp{background-color:rgba(0,0,0,0.5);}
div.udimagebox div.center{text-align:center;height:100%;vertical-align:middle;position: relative;}
div.udimagebox div.center img{max-width:100%;max-height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor:pointer;}