*{
    box-sizing: border-box;
}
html{
    width:100%;
    height:100%;
    font-size:7.5pt; /* IMPORTANT base is 7.5pt = 10px for rem (root)*/
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
body{
    width:100%;
    height:100%;
    padding: 0px;
    margin:0px;
    border:0px;
    font-family: arial;
    font-size: 0.8333rem;
    background-size:100% 100%;
}

a, input, button{
    touch-action: manipulation;
}

.font8pt{
    font-size: 0.6667rem;
}
.font9pt{
    font-size: 0.75rem;
}
.font10pt{
    font-size: 0.8333rem;
}
.font11pt{
    font-size: 0.9167rem;
}
.font12pt{
    font-size: 1rem;
}
.font14pt{
    font-size: 1.1667rem;
}
.font16pt{
    font-size: 1.3333rem;
}
.font18pt{
    font-size: 1.5rem;
}
.font20pt{
    font-size: 1.6667rem;
}
.font24pt{
    font-size: 2rem;
}
.font30pt{
    font-size: 2.5rem;
}


img{
    margin:0px;
    border: none;
    opacity: 1;
}
img.disabled{
    opacity: .5;
}

.rotate0{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

}
.rotate90{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate270{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.frame{
    float:left;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
}
.frame .stretch{
    float:none !important;
    width:auto !important;
}
.box{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
}

.link2{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin-left:0.5rem;
}
.link2.ul{
    border-bottom: 1px solid rgb(50,50,50);
}
.link2.disabled{
    color:rgb(180,180,180);
}
.link2.ul.disabled{
    border-bottom: 1px solid rgb(180,180,180);
}
.link2:hover{
    border-bottom: 1px solid rgb(50,50,50);
}
.link2.disabled:hover{
    border-bottom: none;
}
.link2.ul.disabled:hover{
    border-bottom: 1px solid rgb(180,180,180);
}

.link,.link td{
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
    text-shadow:none;
    /*color:#425B84;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.link.ul, .link.ul td{
    text-decoration: underline;
}
.link.white, .link.white td{
    color:white;
}
.link.white:hover, .link.white td:hover{
    color:rgba(255,255,255,.8);
}
.link.white.disabled, .link.white.disabled td{
    color:#999;
    cursor: default;
    text-shadow: none;
}
.link.gray, .link.gray td{
    color:#555;
}
.link.gray:hover, .link.gray td:hover{
    color:#888
}
.link.gray.disabled, .link.gray.disabled td{
    color:#AAA;
    cursor: default;
    text-shadow: none;
}
.link.green{
    color:#219C11
}
.link.blue{
    color:#11859C
}
.link.flat {
    text-shadow:none;
}
.link:hover, .link td:hover{
    /*color:#8773BF;*/
    text-decoration: underline;
}
.link.noul{
    text-decoration: none;
}
.link.noul:hover, .link.noul td:hover{
    /*color:#8773BF;*/
    text-decoration: none;
}
.link.noul{
    text-decoration: none;
}
.link.green:hover{
    color:#36B825
}
.link:active{
    /*color:#5F4D91;*/
    /*text-shadow: 1px 1px #FFF;*/
}
.link.selected {
    cursor: default;
    font-weight: bold;
}
.link.selected:hover {
    color:#425B84;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
    cursor: default;
    text-shadow: none;
}
.link.disabled, .link.disabled td{
    color:#AAA;
    /*text-decoration: none;*/
    cursor: default;
    text-shadow: none;
}
.link img{
    opacity: 1
}
.link.disabled img{
    opacity: .5
}
.link.disabled:hover, .link.disabled td:hover{
    color:#AAA;
    text-decoration: none;
    cursor: default;
    text-shadow: none;
}
.link.disabled:active, .link.disabled td:active{
    color:#AAA;
    text-decoration: none;
    cursor: default;
    text-shadow: none;
}
.link.ul.disabled:hover, .link.disabled td:hover{
    color:#AAA;
    text-decoration: underline;
    cursor: default;
    text-shadow: none;
}
.link.ul.disabled:active, .link.disabled td:active{
    color:#AAA;
    text-decoration: underline;
    cursor: default;
    text-shadow: none;
}
.link.active {
    color:#5F4D91;
    text-shadow:none;
    text-decoration: underline;
}
.link.active.disabled{
    color:#AAA;
    text-decoration: none;
    cursor: default;
    text-shadow: none;
}
.link.no-color, .link.no-color td{
    color:inherit;
}
.link.no-color:hover{
    color:inherit;
    text-decoration: underline;
}

.a{
    color:inherit;
    text-decoration: none
}

.userSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}
.userSelectBody{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select:none;
    user-select:none;
    user-drag: none;
    -webkit-user-drag: none;
    cursor: default;
}
.userSelectText{
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select:text;
    user-select:text;
}

.disableView{
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(50,50,50,.5);
    display: none;
    z-index: 1000;
}
.disableViewTransparent{
    position: fixed;
    width:100%;
    height:100%;
    background-color: transparent;
    display: none;
    z-index: 1000;
}