/* ------------- global start ---------------- */

html, body{
    margin: 0;
    padding: 0;
    height:100%;
    box-sizing: border-box;
    font-family: 'Arial';
    background-color: #fff;
    overflow: hidden;
}

.all{
    visibility: hidden;
    display:flex;
    flex-direction:column;
    height: 100%;
}

a{
    cursor: pointer;
    color: #368ec4;
}

.all >header{
/* HDW changed height from fit-content to auto. Fit content does not exist */
    height: auto;
    background-color: #fff;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.middle{
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 104px);
    max-height: calc(100% - 104px);
}

.all > footer{
    box-sizing: border-box;
    padding: 5px 0;
    height:max-content;
    background-color: #005686;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B4B6BA;
    font-size: 12px;
    z-index: 100000;
}

.dropdown-backdrop{
    display: none;
}

.title-font{
    font-family: 'Arial';
}

.loading1{
    width:40px;
    height:25px;
    margin:60px auto;
    text-align:center;
}
.loading1 span{
    width:3px;
    height:100%;
    display:inline-block;
    background:#005686;;
    animation: mymove 1.2s infinite ease-in-out;
    -webkit-animation:mymove 1.2s infinite ease-in-out;
     /*  
        mymove代表动画名字
        1.2s代表执行时间
        infinite表示一直循环执行
        ease-in-out表示先慢后快的缓动
    */
}
.loading1 >span:nth-child(2){
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s;
}
.loading1 >span:nth-child(3){
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s;
}
.loading1 >span:nth-child(4){
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
}
@keyframes mymove{
    0%{transform:scaleY(0.4);}
    25%{transform:scaleY(1.0);}
    50%{transform:scaleY(0.4);}
    75%{transform:scaleY(0.4);}
    100%{transform:scaleY(0.4);}
}
@-webkit-keyframes mymove{
    0%{transform:scaleY(0.4);}
    25%{transform:scaleY(1.0);}
    50%{transform:scaleY(0.4);}
    75%{transform:scaleY(0.4);}
    100%{transform:scaleY(0.4);}
}

/* HDW: Commented out unsupported. Differences btwn Firefox and Chrome */
/*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}*/


::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgb(226, 228, 227);
    border-radius: 5px;
}


/* HDW: These webkit items may never have functioned as webkit-scrollbar is not part of standard and is not meant for production.*/  
/*::-webkit-scrollbar-thumb:hover {
    background: #b4b6ba;
}*/

@font-face {
    font-family: "3ds_fontitcon"; 
    src: url("FrameFonts/3ds_fonticon.eot") format('embedded-opentype'), 
         url("FrameFonts/3ds_fonticon.woff") format('woff'),
         url("FrameFonts/3ds_fonticon.ttf") format('truetype'),
         url("FrameFonts/3ds_fonticon.svg") format('svg');
         font-style:normal;
}

@font-face {
    font-family: "3dsregular"; 
    src: url("FrameFonts/3dsregular.eot") format('embedded-opentype'), 
         url("FrameFonts/3dsregular.woff") format('woff'),
         url("FrameFonts/3dsregular.ttf") format('truetype'),
         url("FrameFonts/3dsregular.svg") format('svg');
         font-style:normal;
}

@font-face {
    font-family: "OpenDyslexic-Bold"; 
    src: url("FrameFonts/OpenDyslexic-Bold.otf") format('opentype'),
         url("FrameFonts/OpenDyslexic-Bold.woff") format('woff')
}

@font-face {
    font-family: "OpenDyslexic-Regular"; 
    src: url("FrameFonts/OpenDyslexic-Regular.otf") format('opentype'),
         url("FrameFonts/OpenDyslexic-Regular.woff") format('woff')
}

/* ------------- global end ---------------- */