@charset "utf-8";
/* CSS Document */
a {
    cursor: pointer;
}

i.fa {
    margin-right: 5px;
    margin-left: 5px;
}

.modal-body {
    overflow-y: auto;
    max-height: 75vh;
}

.font_w {
    color: #fff;
}

    .font_w a {
        color: #FFFFFF;
    }

.font_r {
    color: #CC0000;
}

    .font_r a {
        color: #CC0000;
    }

.font_y {
    color: #FFFF66;
}

    .font_y a {
        color: #FFFF66;
    }

.font_c {
    color: #2cb6f7;
}

    .font_c a {
        color: #2cb6f7;
    }

.font_c2 {
    color: #0054A8;
}

    .font_c2 a {
        color: #0054A8;
    }

.font_ry {
    color: #ff7506;
}

    .font_ry a {
        color: #ff7506;
    }

.font_g1 {
    color: #8fc028;
}

    .font_g1 a {
        color: #8fc028;
    }

.font_g2 {
    color: #006600;
}

    .font_g2 a {
        color: #006600;
    }

.font_g {
    color: #333;
}

    .font_g a {
        color: #333;
    }




a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-width: 990px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #efefef;
}

blockquote {
    padding: 0 1em;
}

strong {
    font-weight: bold;
}

.clear {
    clear: both;
}


.map_web {
    display: block;
    width: 100%; /* 這樣將會建立為 100% 瀏覽器寬度的容器 */
    min-width: 990px;
    height: 100%;
    min-height: 690px;
    background: #efefef;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: "Microsoft JhengHei",Verdana, Arial;
}

/*- HEAD -*/
.web_head {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0;
    background: #0065aa;
    position: relative;
    z-index: 1110;
}

.sys_logo {
    display: block;
    width: 220px;
    height: 60px;
    margin: 0;
    padding: 0;
    background: url(../images/web_top_sys_logo.png) no-repeat;
    text-indent: -9999px;
    float: left;
}


/*- 主選單---*/

.main_menu {
    display: inline-block;
    line-height: 60px;
    margin: 0;
    padding: 0 1em;
}

    /*- 主選單_下拉區塊 --*/
    .main_menu div {
        display: inline-block;
        margin: 0;
        padding: 0 0.5em;
        line-height: 60px;
        float: left;
        position: relative;
    }

        /*- 主選單_BTN--*/
        .main_menu div p {
            display: inline-block;
            line-height: 60px;
            margin: 0;
            padding: 0;
        }

            .main_menu div p a {
                color: #ffffff;
            }

                .main_menu div p a:hover {
                    font-weight: bold;
                    text-shadow: 1px 1px 1px #333;
                    text-decoration: none;
                }


        /*- 主選單_下拉BTN區塊 -*/
        .main_menu div ul {
            display: inline-block;
            margin: 0;
            padding: 6px;
            position: absolute;
            top: 60px;
            left: 0;
            background: #fff;
            box-shadow: #999999 2px 2px 4px;
        }

            .main_menu div ul li {
                display: block;
                font-size: 15px;
                line-height: 30px;
                color: #333;
            }

                .main_menu div ul li a {
                    margin: 0.2em 0.1em;
                    padding: 0.2em;
                    color: #333;
                    white-space: nowrap;
                }


.close_up {
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    background: #aaaaaa url(/images/close_up.gif) no-repeat center;
    line-height: 24px;
    text-indent: -9999px;
}

.main_menu_box #pull {
    display: none;
}


/*Styles for screen 1150px and lower*/
@media screen and (max-width: 1150px) {

    .sys_logo {
        width: 60px;
        background: url(/images/web_top_sys_logo_s.png) no-repeat;
    }

    .main_menu_box {
        height: auto;
        width: 100%;
        margin: 0;
    }

        .main_menu_box .main_menu {
            display: none;
            position: absolute;
            margin-top: 60px;
            z-index: 9;
        }

    .main_menu {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        background: #3d5600;
    }

        .main_menu div {
            display: block;
            float: none;
            width: 100%;
        }

            .main_menu div p {
                display: block;
                width: 100%;
                border-bottom: #FFF 1px solid;
            }

    .main_menu_box #pull {
        display: block;
        width: 30px;
        height: 30px;
        float: left;
        text-indent: -9999px;
    }

        .main_menu_box #pull:after {
            content: "";
            background: url(/images/nav-icon.png) no-repeat center;
            width: 30px;
            height: 30px;
            display: inline-block;
            position: absolute;
            left: 60px;
            top: 15px;
        }

    .main_menu div ul {
        display: block;
        position: sticky;
        width: 90%;
    }
}

/*- 管理中心_使用者區塊 --------*/

.user_menu {
    display: inline-block;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

    .user_menu p {
        float: right;
    }


/*- 管理中心_使用者名稱_BTN -*/

.user_name a {
    display: block;
    width: 152px;
    height: 60px;
    background: url(/images/user_bgd.png) no-repeat top;
    text-align: center;
    font-size: medium;
    font-weight: bold;
    line-height: 48px;
    margin: 0;
    padding: 12px 0 0 0;
    color: #fff;
    float: right;
}

/*-------登出_BTN ---------*/
.web_head p {
    margin: 0;
    padding: 0;
}

.out_btn a {
    display: block;
    width: 2.5em;
    height: 60px;
    margin: 0;
    padding: 0.5em 0.1em;
    text-align: center;
    float: right;
    color: #FFFFFF;
    background: #ff4040;
}

    .out_btn a:hover {
        text-shadow: 1px 1px 2px #333;
        text-decoration: none;
    }


/*- 警示按鈕 top_btn---------*/


.alert_box a {
    display: inline-block;
    margin: 10px 0;
    padding: 0.2em 1em;
    border-radius: 0.3em;
    font-size: large;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: #FF2D31;
}

/*-------直式_tabs------*/
.ui-tabs-vertical {
    width: 100%;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: .2em .1em .2em .2em;
        width: 11em;
        float: left;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin: 0 -1px .2em 0;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                padding-right: .1em;
                margin-bottom: .1em;
                border-right-width: 1px;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        display: block;
        width: auto;
        padding: 1em;
        float: right;
        margin-left: 11.2em;
    }

#tabs_c1_a, #tabs_c1_b, #tabs_c1_c {
    display: block;
    position: relative;
    width: 100%;
    min-height: 25em;
}

    #tabs_c1_a ul, #tabs_c1_b ul, #tabs_c1_c ul {
        padding-right: 0;
        position: absolute;
        left: 2px;
        top: 2px;
    }

.ui-widget-content .btn {
    color: #fff;
}

/*---------------------------------圖台內容-----------------------------------*/

/*---------------------------------左方選單--------------------------------------*/
.web_left {
    display: block;
    margin: 0;
    padding: 5px 0 5px 5px;
    float: left;
}

.left_title {
    display: block;
    height: 40px;
    margin: 0 0 5px 0;
    padding: 0.2em;
    color: #fff;
    font-size: large;
    font-weight: bold;
    background: #002850;
    border-radius: 0.2em;
}

    .left_title img {
        margin: 0 0.2em 0 0;
        vertical-align: bottom;
    }

.left_list {
    display: block;
    margin: 0;
    padding: 5px;
    width: 215px;
    background: #fff;
    border: 1px solid #999999;
    overflow-y: auto;
}

/*---------------------------------左選單_列表展開_BTN---------------------------------------*/
.l_list_btn_o a {
    display: block;
    margin: 9px 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(/images/left_list_btn_o.png) no-repeat top;
    text-indent: -9999px;
    float: right;
}

.l_list_btn_c a {
    display: block;
    margin: 9px 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(/images/left_list_btn_c.png) no-repeat top;
    text-indent: -9999px;
    float: right;
}

    .l_list_btn_o a:hover,
    .l_list_btn_c a:hover {
        background-position: bottom;
    }

.l_list_title {
    display: block;
    border-bottom: 1px solid #666666;
    margin: 0 0 0.1em 0;
    padding: 0.2em 0.3em;
    font-weight: bold;
    font-size: large;
    line-height: 30px;
}

.vgroup_t {
    display: block;
    border-bottom: 1px solid #666666;
    margin: 0;
    padding: 0.2em 0;
    font-weight: bold;
    font-size: large;
    line-height: 2em;
    background: #eeeeee;
}


.l_list_con, .vgroup_list_c {
    display: block;
    margin: 0;
    padding: 0.3em;
    overflow: auto;
}

    .l_list_con li, .vgroup_list_c li {
        display: block;
        border-bottom: 1px dashed #999999;
        margin: 0;
        padding: 0.2em 0.3em;
        font-weight: bold;
        font-size: large;
        line-height: 36px;
    }

        .l_list_con li img, .vgroup_list_c li img {
            margin: 0;
            padding: 0;
            float: right;
        }

/*---------------------------------右方圖台_選單---------------------------------------*/

.web_con {
    display: block;
    margin: 0 0 0 220px;
    padding: 5px 5px 0 20px;
    background: #efefef;
    position: relative;
}

/*---------------------------------左選單_收開按鈕---------------------------------------*/

.left_btn_c a {
    display: block;
    width: 20px;
    height: 120px;
    margin: -60px 0 0 0;
    padding: 0;
    background: url(/images/left_btn_c.png) no-repeat left;
    position: absolute;
    top: 50%;
    left: 0;
    text-indent: -9999px;
}

.left_btn_o a {
    display: block;
    width: 20px;
    height: 120px;
    margin: -60px 0 0 0;
    padding: 0;
    background: url(/images/left_btn_o.png) no-repeat left;
    position: absolute;
    top: 50%;
    left: 0;
    text-indent: -9999px;
}

    .left_btn_c a:hover,
    .left_btn_o a:hover {
        background-position: right;
    }

/*-----------------------------------右區塊---------------------------------------*/
.web_right {
    display: block;
    margin: 0;
    padding: 0 0 20px 0;
    position: relative;
}

/*-----------------------------------圖台區塊---------------------------------------*/
.web_map {
    display: block;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 1px solid #999999;
}

/*-----------------------------------圖台內容區塊---------------------------------------*/
.vehicle_map {
    display: block;
    margin: 0;
    padding: 0;
}

/*---------------------------------下清單_收開按鈕---------------------------------------*/
.map_btn_c a {
    display: block;
    width: 120px;
    height: 20px;
    margin: 0 0 0 -60px;
    padding: 0;
    background: url(/images/bottom_btn_c.png) no-repeat top;
    position: absolute;
    bottom: 0;
    left: 50%;
    text-indent: -9999px;
}

.map_btn_o a {
    display: block;
    width: 120px;
    height: 20px;
    margin: 0 0 0 -60px;
    padding: 0;
    background: url(/images/bottom_btn_o.png) no-repeat top;
    position: absolute;
    bottom: 0;
    left: 50%;
    text-indent: -9999px;
}

    .map_btn_c a:hover,
    .map_btn_o a:hover {
        background-position: bottom;
    }

/*---------------------------------資訊清單欄位---------------------------------------*/
.rt_monitor {
    display: block;
    height: 240px;
    margin: 0;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #999999;
    overflow: auto;
}

/*---------------------------------行車軌跡欄位---------------------------------------*/
.orbit_div {
    display: block;
    margin: 0;
    padding: 0 10px;
}


/*----------------------------------監控中心_彈出視窗-------------------------------------*/
.set_con {
    display: block;
    width: 96%;
    height: 90%;
    margin: 0 1%;
    padding: 1%;
    position: fixed;
    top: 60px;
    left: 1%;
    z-index: 1020;
    background: #FFF;
    box-shadow: #333 3px 3px 5px;
    overflow: auto;
}

    .set_con h3 {
        display: block;
        margin: 0 0 10px 0;
        padding: 10px;
        font-size: larger;
        color: #fff;
        font-weight: bold;
    }


/*-------中控台_title--------*/

.ctrl_list .mweb_con_title {
    background: #006044;
}

.box_list_btn {
    float: right;
    margin: 0;
    padding: 5px 5px 0 0;
}

    .box_list_btn span {
        float: left;
    }

        .box_list_btn span a {
            display: block;
            margin: 0 2px;
            width: 36px;
            height: 36px;
            text-indent: -9999px;
        }

            .box_list_btn span a:hover, .box_list_btn .btn_act a {
                background-position: bottom;
            }

.car_three a {
    background: url(/images/box_list_btn_3.gif) no-repeat center top;
}

.car_four a {
    background: url(/images/box_list_btn_4.gif) no-repeat center top;
}

.car_five a {
    background: url(/images/box_list_btn_5.gif) no-repeat center top;
}

.ctrl_con_div {
    display: block;
    width: 32%;
    height: 32%;
    margin: 0.5%;
    padding: 2px;
    background: #666666;
    float: left;
}

/*-------中控台_頁面按鈕樣式--------*/
.ctrl_list .page_list {
    margin: 10px 10px 0 0;
    color: #fff;
    float: right;
}

/*-----頁面按鈕_page_list---*/
.page_list {
    padding: 3px;
    font-family: "Arial Unicode MS";
}

    .page_list a {
        margin: 1px;
        padding: 3px;
        background: #FFFFFF;
        color: #333333;
        border: #666666 1px solid;
    }

.page_btn_act a {
    background: #0054A8;
    color: #fff;
    border: #fff 1px solid;
}

.btn_pre a {
    padding-left: 20px;
    background: url(/images/btn_pre.gif) no-repeat left center #FFFFFF;
}

.btn_next a {
    padding-right: 20px;
    background: url(/images/btn_next.gif) no-repeat right center #FFFFFF;
}




/*-------系統管理_title--------*/

.system_set .mweb_con_title {
    background: #666666;
}


/*-------車輛列表_title--------*/

.vehicle_list .mweb_con_title {
    background: #0054A8;
}


/*-------警示設定_title--------*/

.alert_set h3 {
    background: #ff4e00;
}

.alert_set_btn {
    display: block;
    width: 5em;
    height: 26px;
    margin: 6px 6px 0 0;
    float: right;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-size: medium;
    font-weight: bold;
    border: 2px #ccc solid;
    border-radius: 4px;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #777777 0%, #06C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#333333)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #777777 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #777777 0%,#333333 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #777777 0%,#333333 100%); /* IE10+ */
    background: linear-gradient(to bottom, #777777 0%,#333333 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

    .alert_set_btn a {
        color: #fff;
    }

        .alert_set_btn a:hover {
            text-decoration: none;
        }


/*-------監控設定_title--------*/

.rt_set_btn {
    display: inline;
    width: 2em;
    height: 24px;
    margin: 0 0 0 2px;
    padding: 0 2px;
    color: #fff;
    text-align: center;
    border: 2px #ccc solid;
    border-radius: 4px;
    background: #06C; /* Old browsers */
    background: -moz-linear-gradient(top, #54aaff 0%, #06C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54aaff), color-stop(100%,#06C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #54aaff 0%,#06C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #54aaff 0%,#06C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #54aaff 0%,#06C 100%); /* IE10+ */
    background: linear-gradient(to bottom, #54aaff 0%,#06C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54aaff', endColorstr='#06C',GradientType=0 ); /* IE6-9 */
}

    .rt_set_btn a:hover {
        text-decoration: none;
    }


/*-------監控設定_title--------*/
.ctrl_set h3 {
    background: #0090ff;
}


.ctrl_table {
    border: #ccc;
    background: #FFF;
}

    .ctrl_table p {
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }

    .ctrl_table img {
        margin: 2px;
        padding: 0;
    }

    .ctrl_table th {
        background: #333;
        color: #fff;
        margin: 0;
        padding: 10px 5px;
        font-weight: bold;
        font-size: large;
    }

.th_c th {
    text-align: center;
}

.ctrl_table td {
    margin: 0;
    padding: 5px 3px;
    font-size: medium;
    color: #333;
}

.c_set_close_btn a {
    display: block;
    width: 32px;
    height: 32px;
    margin: 3px 5px 0 0;
    background: url(/images/close.gif) center right no-repeat;
    text-indent: -9999px;
    float: right;
}

.add_btn a {
    display: inline-block;
    margin: 0;
    padding: 3px 5px;
    border-radius: 5px;
    border: #C4F3FF 2px solid;
    font-size: medium;
    line-height: 1.2em;
    color: #fff;
    white-space: nowrap;
    background: #06C; /* Old browsers */
    background: -moz-linear-gradient(top, #54aaff 0%, #06C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54aaff), color-stop(100%,#06C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #54aaff 0%,#06C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #54aaff 0%,#06C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #54aaff 0%,#06C 100%); /* IE10+ */
    background: linear-gradient(to bottom, #54aaff 0%,#06C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54aaff', endColorstr='#06C',GradientType=0 ); /* IE6-9 */
}

    .add_btn a:hover, .del_btn a:hover {
        color: #fff;
        text-decoration: none;
    }

.del_btn a {
    display: inline-block;
    margin: 0;
    padding: 3px 5px;
    border-radius: 5px;
    border: #ffdca0 2px solid;
    font-size: medium;
    line-height: 1.2em;
    color: #fff;
    white-space: nowrap;
    background: #ed3d00; /* Old browsers */
    background: -moz-linear-gradient(top, #ff5a00 0%, #ed3d00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a00), color-stop(100%,#ed3d00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff5a00 0%,#ed3d00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff5a00 0%,#ed3d00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff5a00 0%,#ed3d00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff5a00 0%,#ed3d00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ed3d00',GradientType=0 ); /* IE6-9 */
}



/*---------------------------------WEB_CON---------------------------------------*/

.mweb_con {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 5px 0 5px;
    background: #fff;
    position: absolute;
    z-index: 1020;
    top: 60px;
}

.mweb_con_title {
    display: block;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: larger;
    color: #fff;
    font-weight: bold;
}


.report_list_1 .mweb_con_title {
    background: #0090ff;
}


.report_list_2 .mweb_con_title {
    background: #005f65;
}

/*---------------------------------警示中心---------------------------------------*/



.alert_list .mweb_con_title {
    background: #d80000;
}

/*-中控台視窗---*/
.alert_tabs, .ctrl_con {
    display: block;
    background: #fff;
    overflow: auto;
}


.tabs_con {
    display: block;
    margin: 0;
    padding: 5px 20px;
}


    .tabs_con h5 {
        margin: 10px 5px;
        padding: 0;
        border-bottom: #FC6 1px dashed;
        font-size: 17px;
        color: #F30;
    }

    .tabs_con p {
        margin: 5px 15px 10px 15px;
        padding: 0;
        font-size: 15px;
        line-height: 1.5em;
    }

.box_bgd {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50); /*IE,透明度50%*/
    -moz-opacity: 0.5; /*Firefox,透明度50%*/
    opacity: 0.5; /*其他浏览器,透明度50%*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 801;
}

/*---------------------------------project_list---------------------------------------*/
.project {
    display: block;
    line-height: 30px;
    margin: 2px 0;
    padding: 2px;
    border: #ccc 1px solid;
}

.P_info {
    display: block;
    margin: 0 32px 0 0;
}

.info_date_01, .info_user {
    display: inline-block;
    margin: 0;
    padding: 0 0.5em 0 1em;
    background: #d7fff9;
}

.info_date_02, .info_user_name {
    margin: 0;
    padding: 0 2px;
    background: #FFF;
}

.info_date_03 {
    float: right;
}

.p_list_btn {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 2px 0 0;
    padding: 0;
    float: right;
}

.p_list_MENU ul {
    display: block;
    width: 9em;
    background: #FFF;
    border: #CCC 1px solid;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 9;
}

.tableProject {
    display: none;
    margin: 5px;
}

    .tableProject th {
        padding: 3px 8px;
        background: #666;
        color: #FFF;
        font-weight: bold;
        font-size: medium;
    }

    .tableProject td {
        padding: 3px 8px;
        color: #333;
        font-size: medium;
    }

    .tableProject table th {
        background: #333;
        border-color: #666;
    }

    .tableProject table td {
        border-color: #666;
    }

/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

    .box.box-primary {
        border-top-color: #3c8dbc;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.collapsed-box .box-body,
    .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            background: transparent;
        }

        .box.box-solid > .box-header .btn:hover,
        .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box.box-solid.box-default > .box-header a,
                .box.box-solid.box-default > .box-header .btn {
                    color: #444444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #3c8dbc;
        }

            .box.box-solid.box-primary > .box-header {
                color: #ffffff;
                background: #3c8dbc;
                background-color: #3c8dbc;
            }

                .box.box-solid.box-primary > .box-header a,
                .box.box-solid.box-primary > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-info {
            border: 1px solid #00c0ef;
        }

            .box.box-solid.box-info > .box-header {
                color: #ffffff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box.box-solid.box-info > .box-header a,
                .box.box-solid.box-info > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-danger {
            border: 1px solid #dd4b39;
        }

            .box.box-solid.box-danger > .box-header {
                color: #ffffff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box.box-solid.box-danger > .box-header a,
                .box.box-solid.box-danger > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-warning {
            border: 1px solid #f39c12;
        }

            .box.box-solid.box-warning > .box-header {
                color: #ffffff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box.box-solid.box-warning > .box-header a,
                .box.box-solid.box-warning > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-success {
            border: 1px solid #00a65a;
        }

            .box.box-solid.box-success > .box-header {
                color: #ffffff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box.box-solid.box-success > .box-header a,
                .box.box-solid.box-success > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*='bg'] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box > .overlay,
    .overlay-wrapper > .overlay,
    .box > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #ccc;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle="tooltip"] {
        position: relative;
    }

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .box-header > .box-tools .dropdown-menu > li > a {
        color: #444 !important;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}

.chart-legend {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-comments {
    background: #f7f7f7;
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-comments .box-comment:before,
        .box-comments .box-comment:after {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:before,
        .box-comments .box-comment:after {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:last-of-type {
            border-bottom: 0;
        }

        .box-comments .box-comment:first-of-type {
            padding-top: 0;
        }

        .box-comments .box-comment img {
            float: left;
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }

/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
    background: #f4f4f4;
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd;
}

    .fc-button:hover,
    .fc-button:active,
    .fc-button.hover {
        background-color: #e9e9e9;
    }

.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}

.fc-header-right {
    padding-right: 10px;
}

.fc-header-left {
    padding-left: 10px;
}

.fc-widget-header {
    background: #fafafa;
}

.fc-grid {
    width: 100%;
    border: 0;
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
    border-right: 0;
}

.fc-toolbar {
    padding: 10px;
    margin: 0;
}

.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}

.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .fc-color-picker > li {
        float: left;
        font-size: 30px;
        margin-right: 5px;
        line-height: 30px;
    }

        .fc-color-picker > li .fa {
            -webkit-transition: -webkit-transform linear 0.3s;
            -moz-transition: -moz-transform linear 0.3s;
            -o-transition: -o-transform linear 0.3s;
            transition: transform linear 0.3s;
        }

            .fc-color-picker > li .fa:hover {
                -webkit-transform: rotate(30deg);
                -ms-transform: rotate(30deg);
                -o-transform: rotate(30deg);
                transform: rotate(30deg);
            }

#add-new-event {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.external-event {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: move;
}

    .external-event:hover {
        box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
    }

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.text-red {
    color: #dd4b39 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #111111 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}

/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    color: #444;
    background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
    border-radius: 0;
    border-top: 3px solid transparent;
    color: #444;
}

    .nav-pills > li > a > .fa,
    .nav-pills > li > a > .glyphicon,
    .nav-pills > li > a > .ion {
        margin-right: 5px;
    }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    border-top-color: #3c8dbc;
}

.nav-pills > li.active > a {
    font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
    background: transparent;
    color: #444;
    border-top: 0;
    border-left-color: #3c8dbc;
}

.nav-stacked > li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

    .nav-tabs-custom > .nav-tabs {
        margin: 0;
        border-bottom-color: #f4f4f4;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .nav-tabs-custom > .nav-tabs > li {
            border-top: 3px solid transparent;
            margin-bottom: -2px;
            margin-right: 5px;
        }

            .nav-tabs-custom > .nav-tabs > li.disabled > a {
                color: #777;
            }

            .nav-tabs-custom > .nav-tabs > li > a {
                color: #444;
                border-radius: 0;
            }

                .nav-tabs-custom > .nav-tabs > li > a.text-muted {
                    color: #999;
                }

                .nav-tabs-custom > .nav-tabs > li > a,
                .nav-tabs-custom > .nav-tabs > li > a:hover {
                    background: transparent;
                    margin: 0;
                }

                    .nav-tabs-custom > .nav-tabs > li > a:hover {
                        color: #999;
                    }

            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
                border-color: transparent;
            }

            .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #3c8dbc;
            }

                .nav-tabs-custom > .nav-tabs > li.active > a,
                .nav-tabs-custom > .nav-tabs > li.active:hover > a {
                    background-color: #fff;
                    color: #444;
                }

                .nav-tabs-custom > .nav-tabs > li.active > a {
                    border-top-color: transparent;
                    border-left-color: #f4f4f4;
                    border-right-color: #f4f4f4;
                }

            .nav-tabs-custom > .nav-tabs > li:first-of-type {
                margin-left: 0;
            }

                .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
                    border-left-color: transparent;
                }

        .nav-tabs-custom > .nav-tabs.pull-right {
            float: none !important;
        }

            .nav-tabs-custom > .nav-tabs.pull-right > li {
                float: right;
            }

                .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
                    margin-right: 0;
                }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
                        border-left-width: 1px;
                    }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
                        border-left-color: #f4f4f4;
                        border-right-color: transparent;
                    }

        .nav-tabs-custom > .nav-tabs > li.header {
            line-height: 35px;
            padding: 0 10px;
            font-size: 20px;
            color: #444;
        }

            .nav-tabs-custom > .nav-tabs > li.header > .fa,
            .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
            .nav-tabs-custom > .nav-tabs > li.header > .ion {
                margin-right: 5px;
            }

    .nav-tabs-custom > .tab-content {
        background: #fff;
        padding: 10px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .nav-tabs-custom .dropdown.open > a:active,
    .nav-tabs-custom .dropdown.open > a:focus {
        background: transparent;
        color: #999;
    }

    .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
        border-top-color: #3c8dbc;
    }

    .nav-tabs-custom.tab-info > .nav-tabs > li.active {
        border-top-color: #00c0ef;
    }

    .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
        border-top-color: #dd4b39;
    }

    .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
        border-top-color: #f39c12;
    }

    .nav-tabs-custom.tab-success > .nav-tabs > li.active {
        border-top-color: #00a65a;
    }

    .nav-tabs-custom.tab-default > .nav-tabs > li.active {
        border-top-color: #d2d6de;
    }


/*-----------------即時看板-------------------*/
.con_page {
    display: block;
    width: 99.5%;
    height: 100%;
    margin: 0 auto;
    padding: 1em;
}

.web_con_p1 {
    display: block;
    margin: 0;
    padding: 0.3em;
}

    .web_con_p1 .p1_title {
        display: block;
        margin: 0.2em 0;
        padding: 0.4em 0.2em 0.1em 0.2em;
        background: #002f4a;
        font-size: X-large;
        font-weight: bold;
        color: #ffffff;
        border-radius: 0.2em;
    }

        .web_con_p1 .p1_title img {
            margin: -0.1em 0.2em 0.2em 0.2em;
        }

.p1_table th, .p1_table td {
    padding: 0.5em;
    border-bottom: #CCCCCC 1px solid;
    text-align: center;
    font-size: large;
}

.p1_table th {
    color: #FFFFFF;
    background: #666666;
    font-weight: bold;
}

.f_table th, .f_table td {
    padding: 2em;
    text-align: center;
    font-size: x-large;
}

.c_box {
    margin: 0.1em;
    padding: 0.5em;
}

.row {
    padding: 0 0.5em;
}

.box_border {
    border: solid 1px #FFFFFF;
}

.font_200 {
    font-size: 200%;
}

.modal-dialog {
    width: 90%;
}

.con_td_bg {
    padding: 0.2em 1em;
    background: #eeeeee;
}

/*--------------rwd_table-------------*/

.rwd-table {
    background: #fff;
}

    .rwd-table td:before {
        display: none;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: 0.25em 0.5em;
    }

    .rwd-table tr:nth-of-type(2n) {
        background: #f6f6f6;
    }

.table_rc th, .table_rc td {
    text-align: center;
}



@media (max-width: 480px) {
    .rwd-table {
        min-width: 100%;
    }

        .rwd-table th {
            display: none;
        }

        .rwd-table td {
            display: block;
        }

            .rwd-table td:before {
                content: attr(data-th) " : ";
                font-weight: bold;
                display: inline-block;
                margin-right: 0.5em;
            }

        .rwd-table th, .rwd-table td {
            width: 100%;
            margin: 0;
        }

            .rwd-table th, .rwd-table td:before {
                font-weight: bold;
            }

    .table_rc th, .table_rc td {
        text-align: left;
    }

    .F_MENU .menu_list2 {
        left: 1em;
    }
}

/*-------Scroll_table------*/

.tableScroll_box {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}
/*----外層元件要設定固定高度----*/

.tableScroll {
    table-layout: fixed;
    width: 100%; /* 固定寬度 */
}

    .tableScroll thead th {
        position: sticky;
        top: 0; /* 列首永遠固定於上 */
        background-color: #333333;
        color: #fff;
        z-index: 7;
    }

        .tableScroll thead th a {
            color: #fff;
        }

    .tableScroll tr:nth-of-type(2n) {
        background: #f6f6f6;
    }

/*跳頁物件css*/
.btn_page_num {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
    text-align: center;
}

.btn_page_num li {
    padding: 5px;
    margin: 1px;
    min-width: 36px;
    display: inline-block;
    /*border: 1px #333 solid;*/
    background: #d2d6de;
    cursor: pointer;
}

.btn_page_num li:hover {
    background: #ff9e40;
}

.btn_page_num li.selected {
    background: #ff6a00;
    color: #fff;
}

.btn_page_num_info {
    text-align: center;
    padding-top: 10px;
}

.btn_page_num_info span {
    color: #ff6a00;
}

label.checkbox {
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 5px 5px 5px 30px;
}

label.checkbox:hover {
    background-color: #ffc974;
}