a{
    cursor:pointer;
}

/*close button of dialog box*/
.close{   opacity:0.7;    color:white;}
.close:hover{opacity: 0.9;    color:white;}

.conatiner, .container-fluid
{
    padding:0px;
    margin:0px;
}

/*the menu item overflows*/
.navbar-nav--removed { /*removed because the menu bar will be taller*/
    margin: 7.5px 0px; 
}

#doc_content, #doc_menu{
    margin:0px;
}

body{
    padding:0px;
    margin:0px 5px;
}

pre {
  tab-size: 4; /* Set tab size to 4 spaces */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
/* when hover on the main menu, change the bkgnd*/
.navbar-default .navbar-nav>li>a:hover
{
    background-color:#e0e0e0;
    color:blue;
}

/*remove the space below the navibar*/
.navbar
{
    margin-bottom: 2px; 
}

/* active drop down menu */
#bs-navbar-collapse-1 .dropdown-menu>.active>a, 
#bs-navbar-collapse-1 .dropdown-menu>.active>a:focus, 
#bs-navbar-collapse-1 .dropdown-menu>.active>a:hover {
     color: black;
     background-color: #e7e7e7;
}

#site-top-bar a
{
    color:white !important;
}

#site-top-bar a:hover
{
    color:lightblue !important;
}

/* disabled button style */
button:disabled
{
    /*opacity:0.6;*/
    color:#888;

    cursor:not-allowed;
}

/* panel */
form.panel
{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    background-color: #e6e6e6;
    padding:10px;

    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.35);
}


/* do not group these rules */
*::-webkit-input-placeholder {
    color: silver !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: silver  !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: silver  !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: silver  !important;
}
    

form label[for]:hover
{
        cursor:pointer;
        color:blue;
}
form input
{
    font-weight:normal;
}
form .section-title
{
    font-size:120%;
    margin-left:10px;
}

.btn-info
{
    color:black;
}

.label_field{
    /*background-color:whitesmoke;*/
    color:blue;
    padding:5px;
    margin-right:10px;
    min-width:100px;
    display:inline-block;
    text-align:left;
}

textarea {
    /*white-space: pre;*/
    word-wrap: normal;
}

.modal-header{
    background-color: #337ab7;
    color: white;
    padding: 4px;
}
.glyphicon{
    padding-top:3px;
    padding-bottom:3px;
}


table > tbody> tr.active > td {
    background-color:lightblue !important;
}

/* prod_test_selection */

#prod_test_selection label, #prod_test_selection input
{
    margin:0px;
    padding:0px;
}

#prod_test_selection 
{
    border-radius:5px;
    text-align:center;

    font-weight:normal; 
    font-size:120%; 
    margin:0px; 
    padding:5px;
    border:1px solid gray; 
    box-shadow:3px 2px 3px gray;
    
}

.sel_prod
{
    background-color: pink;
}

.sel_test
{
    background-color: lightgray;
}

#prod_test_selection span.prod_test{
    /*background-color:lightgray;
    border-radius:5px;*/
    padding:5px 10px;
}

/* macro table */
#div_macro
{
   /* margin-top:20px; */
    padding:15px;
    text-align:left;
}

.pz_table{
     border:1px solid black; width:100%; border-collapse:collapse;
 }

.pz_table th{
    background-color:gray;
    color:white;
    text-align:center;
}
.pz_table td, .pz_table th {
    border: 1px solid black;
    padding: 5px;
}

.pz_table tr:nth-child(2n+1)
{
    background-color:#eee;
}

.pz_table tr:hover
{
    background-color:lightcyan;
}


/*tb-item-list, using table as item list */
table.tb-item-list td
{
    padding:2px;
}

table.tb-item-list label
{
    margin:0px;
    padding:0px;
    font-weight:normal;
    cursor:pointer;
}
table.tb-item-list label:hover
{
    color:blue;
}
table.tb-item-list input[type="checkbox"]
{
    cursor:pointer;
}
table.tb-port-list td
{
    padding:2px;
}


/* for grid */
.ag-row-hover
{
    background-color:lightcyan !important;
}

.ag-row-hover.ag-row-selected
{
    background-color:lightblue !important;
}

.agg-row-index
{
    text-align:right;
    /*background-color:gray;*/
    background-image: linear-gradient(rgb(255, 255, 255), rgb(211, 211, 211));/*the gradient background*/
    color:gray;
    border-bottom: 1px silver solid !important;
}

.ag-floating-bottom-container div.ag-row
{
    border-top:1px gray solid;
    background-image: linear-gradient(rgb(255, 255, 255), rgb(211, 211, 211));/*the gradient background*/
}

.admin-grid-menu
{
    color:red;
}

/*cell header when filter applied*/
.ag-header-cell-filtered {
        background-color: #e5e5e5;
}

.filter-active{
    background-color: yellow;
}

.filter-inactive{
    background-color: lightyellow;
}

.report-param-panel{
    border: 1px solid whitesmoke; 
    box-shadow: 0px 0px 8px gray;
    margin-bottom:20px;
}

/*ace search box*/
.ace_search_field
{
	color:black;
	
}

.ace_search_form, .ace_replace_form
{
    color:black;
    font-family: sans-serif;
}

.ace-monokai .ace_marker-layer .ace_selected-word {
    border: 1px solid yellow !important;
}


.ace-monokai .ace_marker-layer .ace_selection {
    background: blue ! important;
    opacity: 0.7 !important;
}

.ace-monokai .ace_comment {
    color: #d894cc !important;
}

/*for the cell, drag fill handle */
.ag-cell span.drag_fill_handle
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background-color:black;
    cursor: crosshair;
    z-index: 1000;
}

/*for the cell, drag fill handle */
.ag-cell span.drag_fill_handle_no_editor
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    border:1px solid black;
    z-index: 1000;
}



/*------ inline_editor ied ------------*/
/*
classes:
    fwa_dormant: not editable. The control does not accept input
    fwa_active: editable. The control accepts input and can change
*/
.ied_nofocus
{
    border:1px green dashed;
}

.ied_focused
{
    border:1px green solid;
}

.ied_hintmsg
{
    position:absolute;
    margin:0px;
    padding:0px; 
    font-size:11px; 
    background-color:lightyellow; 
    right:0px;top:0px;
    opacity:0.6;
}

.ied_no_edit
{
    border:1px solid gray;
    background-color:silver;
}

.ied_can_edit
{
    border:1px solid blue;
    background-color:white;
}