body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .modal-dialog {
      width: 96%;
      height: 98%;
      margin:auto;
      padding: 0;
    }

    .modal-content {
      height: 98%;
    }
} */

/* body.preventscroll {
    overflow: hidden;
} */

.btn {
    margin-top :2px;
    margin-bottom:2px;
    white-space: normal;
}

.grid_container {
    padding:10px 10px 10px 10px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)  {
    .modal-dialog {
      width: 96%;
      margin:auto;
      padding: 0;
    }

    .modal-content {
   }
   


    .grid_container {
        padding:0;
    }

/*     .container-fluid{
        padding-left:10px;
        padding-right:10px;
    }  */
}
 

     .container {
        width:100%;
        padding:0;
        margin:0;
    }
 
.blockcontainer{
    display:block;
}

 
body.modal-open {
overflow: auto;
overflow-y: auto;
overflow: visible; 
/* overflow: hidden;
position: fixed;
 */
}

/* body.modal-open-toc{
overflow: auto;
overflow-y: auto;
overflow: visible;
} */

body.viewport-lg {
    position: absolute; 
}
body {
    overflow-x: hidden;
    overflow-y: scroll !important;
}

body {
padding-right:0px !important;
margin-right:0px !important;
/*background-image:url(/display/images/Champagne_femme_matras.jpg);
 background-image:url(/display/images/frontispiceMC.jpg);
 */}

.open_toc_link, .open_tom_link{
    color:#337ab7;
}
.open_toc_link:hover, .open_tom_link:hover{
    cursor:pointer;
}

 
.nomargin{
    margin:0;
    padding:0;
}

.input_uneditable{
    background-color:lightblue;
}

/*select menu*/
/* .volatile_buttonset_div{
    display:inline-block;
    vertical-align: top;
    vertical-align : bottom;
} */

/* TurboGears flash bootstrap look */
#flash {
  text-align:center;
}

#flash > div {
  padding: 8px 35px 8px 14px;
  /* margin-bottom: 20px; */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #c09853;

}

#flash > .ok {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#flash > .error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  }

#flash > .info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* Footer styling */
/* .footer {
    margin-top: 45px;
    padding: 35px 30px 36px;
    border-top: 1px solid #e5e5e5;
}

.footer p {
    margin-bottom: 0;
    color: #555;
} */

.dropdown-menu.navbar-inverse li a{
color:#9d9d9d;
}

/* tables*/
th {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

ul {
    list-style-type: none;
}

.required th {
    font-weight: bold;
    color:red;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}


.error-block{
    color:red;
    font-weight:bold;
    display:block;
}

.content_section {
/*     padding-top: 50px;
    padding-bottom:50px */
    background-color: white;
    padding-top: 40px;

}

.flash-section {
    margin-top: 40px;
    text-align: center;
    padding:0;  
    }

.footer_section{
    margin-bottom: 200px; 
    }

.action_area_container{
    margin:10px 0px 10px 0px;
}

.action_area{
    /* margin:10px 10px 10px 10px; */
    margin:5px 0px 5px 0px;
    padding:5px 5px 5px 5px;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-radius:4px;
    background-color:white;
    width:100%;
    margin: auto;
    border:1px solid black;
    
    
    border-color: #66afe9;
    border-color: lightgrey;
/*     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
 */    box-shadow: 0 1px 1px lightblue inset, 0 0 8px lightblue;

    outline: 0 none;   
}

h1{
    text-align:center;
    font-weight:bold;
    font-size:150%;
}

h2{
    text-align:center;
    font-weight:bold;
    font-size:120%;
}
/* grids */
/* .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr, .ui-corner-bottom, .ui-corner-bl, .ui-corner-br {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
} */

.ui-jqgrid table { border-collapse: separate; }
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox { width: auto; height: auto; }

.ui-pg-div:first-child span{display:none;}

.ui-pg-div{margin-left:5px;margin-right:5px;}

.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {font-size:.7em;}

/* #book_grid_widget_pager{width: 1058px;} */


/* #book_grid_widget_pager_right{display:none;}
#book_grid_widget_pager_center{display:none;}
#book_owned_grid_widget_pager_right{display:none;}
#book_owned_grid_widget_pager_center{display:none;}
#temp_book_grid_widget_pager_right{display:none;}
#temp_book_grid_widget_pager_center{display:none;}
#tag_grid_widget_pager_right{display:none;}
#tag_grid_widget_pager_center{display:none;}
#user_grid_widget_pager_right{display:none;}
#user_grid_widget_pager_center{display:none;}
#circle_grid_widget_pager_right{display:none;}
#circle_grid_widget_pager_center{display:none;} 
 */


#book_grid_widget_toppager_left{display:none;}
#book_owned_grid_widget_toppager_left{display:none;}
#temp_book_grid_widget_toppager_left{display:none;}
#tag_grid_widget_toppager_left{display:none;}
#user_grid_widget_toppager_left{display:none;}
#circle_grid_widget_toppager_left{display:none;}

/* #book_grid_widget_toppager_right{display:none;}
#book_owned_grid_widget_toppager_right{display:none;}
#temp_book_grid_widget_toppager_right{display:none;}
#tag_grid_widget_toppager_right{display:none;} 
#user_grid_widget_toppager_right{display:none;}
#circle_grid_widget_toppager_right{display:none;} */

#book_grid_widget_toppager_center{display:none;}
#book_owned_grid_widget_toppager_center{display:none;}
#temp_book_grid_widget_toppager_center{display:none;}
#tag_grid_widget_toppager_center{display:none;} 
#user_grid_widget_toppager_center{display:none;}
#circle_grid_widget_toppager_center{display:none;}

.js_msg{
    display:none;
}