/* 縮小失敗。正在傳回未縮小的內容。
(89,1): run-time error CSS1019: Unexpected token, found '@'
(117,1): run-time error CSS1019: Unexpected token, found '@'
(140,1): run-time error CSS1019: Unexpected token, found '@'
(163,1): run-time error CSS1019: Unexpected token, found '@'
 */
img.loading {
    width: 42px;
    height: 42px;
}

/*�ץ� �r��j�p*/
.ui-widget {
    font-size: 1em;
}

/*�ץ� tab���e padding*/
#main_content.content, .ui-tabs .ui-tabs-panel {
    padding: 0;
}

div.pageContent {
    padding-left: 2px;
    padding-right: 2px;
}

/*����U�Կ��*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    font-size: small;
    color: black;
}

.hideme {
    display: none;
}

/*��jquery UI dialog �ᵲ�b�̤W��*/
.ui-dialog {
    z-index: 1032;
}

.ui-front {
    z-index: 1031;
}

/*���W��header�Psidebar�涰�϶� ���Ϥ�*/
.main-header .logo, .main-header .logo {
    background-color: transparent;
}

.main-header .logo {
    padding: 0 0 0 0px;
}

/*�ܧ���\����C��*/
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #44b5e7;
}

.skin-yellow-light .sidebar-menu > li.header {
    background: #44b5e7;
}

.skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a {
    background: #44b5e7;
}

.skin-yellow-light .sidebar-menu > li > .treeview-menu {
    background: #c6e2ef;
}



/*�W������C��r�[�ʥ[��*/
.main-header .navbar .sidebar-toggle,
.main-header .navbar .nav > li > a {
    font-weight: bold;
}

/*����~����J��*/
.clsInputDate {
    width: 125px;
}

/* for jqgrid rwd */
.clear-col-padding {
    padding-left: 0;
    padding-right: 0;
}

/*xs*/
@@media (max-width: 767px) {
    .modal.modal-wide .modal-dialog {
        width: 95%;
    }

    div.bsmap {
        position: absolute;
        top: 226px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    div.tmap {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    img.logo-xs-rwd {
        width: 100%;
        height: 50px;
    }
}

/*sm ipad*/
@@media (min-width: 768px) and (max-width: 991px) {
    .modal.modal-wide .modal-dialog {
        width: 85%;
    }

    div.bsmap {
        position: absolute;
        top: 120px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    div.tmap {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}

/*MD*/
@@media (min-width: 992px) and (max-width: 1199px) {
    .modal.modal-wide .modal-dialog {
        width: 75%;
    }

    div.bsmap {
        position: absolute;
        top: 92px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    div.tmap {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}

/*LG*/
@@media (min-width: 1200px) {
    .modal.modal-wide .modal-dialog {
        width: 80%;
    }

    div.bsmap {
        position: absolute;
        top: 92px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    div.tmap {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
}

.icon {
    line-height: 2.5em;
}

.block-for-100 {
    width: 100%;
    height: 100%;
    display: inline-block;
}

/* �P�C����� */
.block-for-2 {
    width: 45%;
    height: 100%;
    display: inline-block;
}
/* �P�C���T�� */
.block-for-60 {
    width: 60%;
    height: 100%;
    display: inline-block;
}
/* �P�C���T�� */
.block-for-3 {
    width: 33%;
    height: 100%;
    display: inline-block;
}

.block-for-2 {
    width: 18%;
    height: 100%;
    display: inline-block;
}

.block-for-1 {
    width: 10%;
    height: 100%;
    display: inline-block;
}
/* �P�C������ */
.block-for-6 {
    width: 24%;
    height: 100%;
    display: inline-block;
}

.u-line {
    font-size: 16px;
    color: rgba(251,121,22,1.00);
    font-weight: normal;
    padding-bottom: 0px;
    margin: 15px 0px;
    border-bottom: 1px dotted rgba(255,149,0,1.00);
}

.modal-wide .modal-body {
    overflow-y: auto;
}

/*jqgrid �۰ʴ���*/
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height: auto;
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
    overflow: hidden;
    padding-right: 4px;
    padding-top: 2px;
    position: relative;
    vertical-align: text-top;
    white-space: normal !important;
}
/*�g�n����ܦ�m*/
.ol-scale-line {
    background: #666666;
    padding: 5px;
    top: auto;
    bottom: 1em;
    margin-left: 230px;
}

.ol-mouse-position {
    top: auto;
    bottom: 2em;
    font-size: larger;
}

.toggleDisplay {
    display: none;
}

thead.TableHeader {
    background-color: #44b5e7;
    color: white;
}

.tab-pane {
    border-top: 0;
    width: 100%;
    height: 100%;
    /*background-color: #F0F0F0;*/
    background: linear-gradient(to top, #dfe9f3 0%, white 100%);
}
/*
                    .navbar.navbar-default {
                        background: url(images/banner_s.png) repeat top left;
                    }
            */

.navbar-bg {
    background-image: linear-gradient(90deg, #0CB5B5 0%, #0CB5B5 100%);
    font-size: 14px;
    color: #606060;
}

#main_content {
    background-image: linear-gradient(150deg, #D0D4D7 0%, #FCFCFD 100%);
    font-size: 14px;
    color: #606060;
}

/*  footer  */
.App-footer {
    background-color: #30cad6;
    padding: 0;
    margin: 0;
}

.footerL {
    /*background-color: #30cad6;*/
    padding: 15px 0px 10px 5px;
    vertical-align: middle;
}

div.bg-grey-e, th.bg-grey-e {
    background-color: rgb(90, 100, 165);
    color: #fff;
}

.wrapper {
    min-height: 50vh;
    background-color: #e8f1f2;
}


.box-skyblue {
    border: solid #5eb4e8;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}

.label .badge {
    position: absolute;
    top: -19px;
    left: 10%;
    transform: translateX(-50%);
    background-color: #38b5ed;
    color: #fff;
    box-shadow: 0px 0px 3px 0px #fff;
    /*border: 3px solid #fff;*/
    font-size: 24px;
    padding: 10px;
}

.btn-outline-primary {
    color: rgb(1, 179, 175);
    background-color: rgb(1, 179, 175);
    border-radius: 4px;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active:hover {
        color: rgb(1, 179, 175);
        background-color: rgb(1, 179, 175);
        border-radius: 4px;
    }

.btn-outline-primary2 {
    color: #FF6231;
    background-color: #FF6231;
    border-radius: 4px;
}

    .btn-outline-primary2:hover, .btn-outline-primary2:focus, .btn-outline-primary2:active:hover {
        color: #FF6231;
        background-color: #FF6231;
        border-radius: 4px;
    }

.btn-outline-primary3 {
    color: #1A63B3;
    background-color: #1A63B3;
    border-radius: 4px;
}

    .btn-outline-primary3:hover, .btn-outline-primary2:focus, .btn-outline-primary2:active:hover {
        color: #FF6231;
        background-color: #1A63B3;
        border-radius: 4px;
    }

.btn-dark-primary {
    color: rgb(26, 99, 179);
    background-color: rgb(26, 99, 179);
    border-radius: 4px;
}

    .btn-dark-primary:hover, .btn-dark-primary:focus, .btn-dark-primary:active:hover {
        color: rgb(26, 99, 179);
        background-color: rgb(26, 99, 179);
        border-radius: 4px;
    }

.btn-light-primary {
    color: rgb(103, 205, 215);
    background-color: rgb(103, 205, 215);
    border-radius: 4px;
}

    .btn-light-primary:hover, .btn-light-primary:focus, .btn-light-primary:active:hover {
        color: rgb(103, 205, 215);
        background-color: rgb(103, 205, 215);
        border-radius: 4px;
    }

.btn-light-green {
    color: rgb(99, 231, 187);
    background-color: rgb(99, 231, 187);
    border-radius: 4px;
}

    .btn-light-green:hover, .btn-light-green:focus, .btn-light-green:active:hover {
        color: rgb(99, 231, 187);
        background-color: rgb(99, 231, 187);
        border-radius: 4px;
    }

.btn-dark-secondary {
    color: rgb(155, 155, 155);
    background-color: rgb(155, 155, 155);
    border-radius: 4px;
}

    .btn-dark-secondary:hover, .btn-dark-secondary:focus, .btn-dark-secondary:active:hover {
        color: rgb(155, 155, 155);
        background-color: rgb(155, 155, 155);
        border-radius: 4px;
    }

.row-light-blue {
    border-radius: 4px;
    background-color: rgba(94, 202, 213, 0.21);
}

.text-orange-border {
    border-color: RGBA(245,166,35,0.58);
    border-radius: 4px;
    border: solid 1px rgb(245, 166, 35);
}

.text-blue-border {
    border-color: rgba(94, 202, 213, 0.57);
    border-radius: 4px;
    border: solid 1px rgb(94, 202, 213);
}

.file-blue-border {
    color: rgb(57, 114, 180);
    font-size: 16px;
    border-radius: 4px;
    border: solid 1px rgb(57, 114, 180);
    background-color: rgba(74, 144, 226, 0.09);
}

.cancel-orange-border {
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: solid 1px rgb(237, 151, 88);
    background-color: rgba(237, 151, 88, 0.82);
}

.check-blue-border {
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: solid 1px rgb(26, 99, 179);
    background-color: rgb(26, 99, 179);
}


th.table-th-yellow {
    background-color: RGB(241,236,173);
    color: #000;
}

th.table-th-blue {
    background-color: rgba(94, 202, 213, 0.94);
    color: #000;
}

th.table-th-address {
    background-color: #42CAD5;
    color: #FFF;
}

th.table-th-road {
    background-color: rgba(122, 157, 159, 0.57);
    color: #000;
}


.padding-0 {
    padding: 0;
}

.padding-l2{
    padding-left: 2em;
}

.width-100{
    width: 100%;
}

.height-70 {
    height: 70vh;
}

.overflow-y-a {
    overflow-y: auto;
}

.color-red {
    color: red;
}