html {
margin:0;
padding:0;
border:0;
overflow-x:hidden;
overflow-Y:auto;
}
html, body {
position:relative;
background-color: #FFFFFF;
font-family: Microsoft JhengHei,arial,helvetica,sans-serif;
}
a{
text-decoration:none;
color:#AAAAAA;
font-weight:bold;
}
a:link{
text-decoration:none;
color:#AAAAAA;
font-weight:bold;
}
a:visited {
color:#EEEEEE;
font-weight:bold;
}
a:hover {
//text-decoration:underline;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.navbar {
margin-bottom: 0;
border-radius: 0;
padding: 0;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.navbar-toggle.navbar-left {
float: left;
margin-left: 10px;
}
.main_header{
height:60px;
}
.footer {
background-color: #444;
color: white;
padding: 6px;
}
.col_menu {
position: relative;
padding:0;
background-color: #444;
}
.col_menu::-webkit-scrollbar {
display: none;
}
.main_body {
position: relative;
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
margin-top: 0px;
background-color: #444444;
}
.menu_panel{
margin: 0px;
padding: 10;
background-color: #444;
border : 0px solid #000000;
margin-bottom: 0px;
border-radius: 0px;
//-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
//box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 0px 0px rgba(0,0,0,.05);
}
@media screen and (max-width: 767px) {
.menu_panel_group{
list-style-type: none;
margin: 0;
padding: 10;
background-color: #444;
}
.row .col_body{
background-color: #FFF;
}
.main_content{
margin: 0px;
padding: 5px;
color:#000;
border : 0px solid #000000;
}
.td_field {
width:30%;
color: #999;
background-color: #f9f9f9;
}
}
@media all and (min-width: 768px) {
.menu_panel_group{
list-style-type: none;
margin: 0;
background-color: #444;
}
.row .col_menu{
margin: 0px;
padding: 0px;
border : 0px solid #000000;
}
.row .col_body{
margin: 0px;
padding: 0px;
border : 0px solid #000000;
background-color: #FFF;
}
.main_content{
margin: 0px;
padding: 20px;
color:#000;
border : 0px solid #000000;
}
.td_field {
width:20%;
color: #999;
background-color: #f9f9f9;
}
}
.menu_panel_group li{
float: none;
}
.menu_panel_group li a {
display: block;
color: #FFF;
padding: 8px 16px;
text-decoration: none;
}
/* Change the link color on hover */
.menu_panel_group li a:hover {
background-color: #555;
color: white;
}
.menu_panel_group a:visited {
color:#AAA;
font-weight:bold;
}
.menu_panel_group a:active {
text-decoration:none;
color:#FFF;
font-weight:bold;
}
.menu_panel_group a:link{
text-decoration:none;
color:#AAA;
font-weight:bold;
}
.menu_panel_group .active {
background-color: #555;
}
.menu_panel_group .menu_group{
margin: 0px;
padding: 0px;
}
.menu_panel_group ul{
margin: 0px;
padding: 10px;
}
.menu_panel_group li{
margin: 0px;
padding: 0px;
color:#FFF;
list-style-type: none;
//border : 1px solid #FFFFFF;
}
.menu_panel_group li a {
display: block;
color: #FFF;
padding: 8px 16px;
text-decoration: none;
}
/* Change the link color on hover */
.menu_panel_group li a:hover {
background-color: #555;
color: white;
}
.menu_panel_group a:visited {
color:#AAA;
font-weight:bold;
}
.search_scroll{
width:100%;
max-width:100%;
margin: 0px;
margin-top: 0px;
padding: 10px;
overflow-x:auto;
}
.search_box{
width:100%;
max-width:100%;
margin: 0px;
margin-top: 12px;
padding: 0px;
}
.upload_scroll{
width:100%;
height:480px;
margin: 0px;
margin-top: 0px;
overflow-x:auto;
}
.upload_box{
width:100%;
height:360px;
margin: 0px;
margin-top: 0px;
padding: 0px;
}
.table_title_left{
border : 0px solid #000000;
}
.table_title_left a {
color: #AAA;
}
.table_title_left a:hover {
color: #999;
}
.edit_title{
height:35px;
border : 0px solid #000000;
}
.edit_title_left{
float:left;
border : 0px solid #000000;
}
.edit_title_left a {
color: #AAA;
}
.edit_title_left a:hover {
color: #999;
}
.edit_title_right{
float:right;
border : 0px solid #000000;
}
.table_scroll{
width:100%;
max-width:100%;
margin: 0px;
padding: 5px;
overflow-x:auto;
border : 0px solid #000000;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #eaeaea;
}
.table_scroll table {
margin-bottom: 0px;
}
.table_scroll table tr th{
font-size:1.0em;
}
.table_scroll table tr td{
font-size:0.9em;
}
.table_scroll table tr th a {
color: #FFF;
}
.table_scroll table tr th a:hover {
color: #CCC;
}
.table_scroll table tr td a {
color: #337ab7;
}
.table_scroll table tr td a .glyphicon{
color: #444;
}
.table_scroll table tr td a:hover {
color: #999;
}
.alert a{
color: #FF0000;
}
.alert a:hover {
color: #999;
}
.table_footer{
position: relative;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
margin-top: 0px;
background-color: #f9f9f9;
border : 1px solid #EEE;
}
.table_footer_box{
width: 90%;
margin: 0px 0px 0px 10px;
margin-top: 3px;
padding: 0px;
}
.table_footer_checkbox{
width:100%;
margin: 0px 0px 0px 0px;
margin-top: 0px;
padding: 0px;
border : 0px solid #000;
display:inline;
}
.table_footer_checkbox select{
width:auto;
display:inline;
}
input[type="checkbox"]{
width: 15px; /*Desired width*/
height: 15px; /*Desired height*/
}
.page a {
color: #999;
}
#error_box{
display:none;
}
#upload_error_box{
margin: 0px auto;
}
#upload_error_box ul {
margin: 0px;
padding: 0px;
//border : 1px solid #000;
}
#upload_error_box ul li{
margin: 0px auto;
padding: 0px;
//border : 1px solid #000;
list-style-type: none;
}
#upload_success_box{
display:none;
margin-top:10px;
}
.status {
color: #FF0000;
}