@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016/9/8, 上午 09:48:37
    Author     : Daniel
*/
body,.ui-dialog,.ui-widget button,#public, #maptype option, .waitMsg {
    font-family: "微軟正黑體", "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";			
}

.waitMsg {
    margin:30px auto;
    width: 300px;
    font-size: 1.5em;
}

#public {
    font-size: 0.8em;
}

#span-userid, #app-connect-serial{
    font-weight:600;
    font-family:Helvetica;
}

.waytogologo{
    vertical-align: baseline;
    border-width:0;
}

.divSearch{
    margin:60px auto 30px;
}

.oneline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:200px;
}

table th, table td {
    text-align:center;
    vertical-align: middle !important;
}

.public-icon{
    margin-left:3px;
    font-size:16px;
    vertical-align:middle;
    color:#666;   
}

.views{
    margin-left:3px;
    font-size:0.8em;
    vertical-align:middle;
    color:#666;   
}

.bound-finding{
    font-size: 18px;
    vertical-align:bottom;
    cursor:pointer;
    color: #00f;                    
    text-decoration:underline;
}

.row td .btn-primary{
    display:block;
}

/* for bsmessage alert */
.alert{
    position: absolute;
    right: 0;
    max-width: 90%;
    margin:10px;
}

img.thumb {
    max-width:128px;
}

select {			
    margin: 0px 0px 20px 3px;
}

td button {
    margin-bottom:3px !important;
}

td.mapname{
    text-align:left;
}

.author,.creator,.mapdate{
    font-size:8pt;
    margin-left:6px;
}

.subscription-icon{
    font-size:16px;
    vertical-align:middle;
    color:#09f;   
}

.subscription{
    font-size:8pt;
    margin-top:3px;
}

.ui-tooltip, .arrow:after {
    background: black;
}
.ui-tooltip {
    padding: 5px;
    color: white;
    border-radius: 5px;
    font: 10pt 微軟正黑體,"Helvetica Neue", Sans-Serif;
}                
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* begin form dialog */						

label.valid {
    background: rgba(0, 0, 0, 0) url("images/valid.png") no-repeat scroll center center;
    display: inline-block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;
}
label.error {
    color: #F00;
    font-weight: bold;
    margin-top: 2px;
    padding: 2px 8px;			
}

.form-group.error .control-label, .form-group.error .help-block, .form-group.error .help-inline {
    color: #C00;
}

.multiselect-container, .multiselect-selected-text, #maptype option{			
    font-size:0.8em;
}

.overview{
    margin:30px auto 10px;
    max-width:90%;
    text-align:center;
    position: relative;
}

.overview img{                    
    max-width:100%;
}

.blockUI.blockMsg {
    width: fit-content !important;
}

/* end form dialog */

@media screen and (max-device-width: 480px) {
    h1{
        font-size:20pt;
    }

    .waytogologo{
        height:30px;
    }

    .divSearch{
        margin:30px auto 30px;
    }

    select {
        max-width:80% !important;				
    }

    td.xs-cell{
        max-width:160px;
    }

    label.error {
        font-size:0.8em;
    }

    .multiselect-container>li>a>label {
        max-width: 230px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

/*
    .overview{
        display:none;    
    }
*/	
}