body {background-color:#F5F5F5;}

 .h1 {
            text-align: center;
            font-family: Helvetica, Arial, sans-serif;
        }


.page_title {
  display: flex;
  justify-content: space-between;
}

/* form*/
.readonly { background-color:transparent;}
.fd_label { font-size:small; color: #0a0a0a;}
.fd_caption { font-size:small; color: #0a0a0a;}
.fd_value { color:orange; }

/* notify */
.badge {background-color:#00c300}

/* jquery.validate */
label.error {color:red; font-size:9pt;}

/* boostrap */
span.glyphicon-th, span.glyphicon-th-list {font-size: 1.5em;}

/* ui-datepicker */
.ui-datepicker-month, .ui-datepicker-year {color: blue;}


/* line space */
.br1 { line-height: 1;}
.hr5 { width:100%;height:5px;border:0;}
.hr1 { width:100%;height:1px;border-bottom: 1px solid #e7e7e7;}


/* modal */
.modal_loading
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /* background-color: Black; */
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.modal_center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 76px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.modal_center img
{
    height: 66px;
    width: 66px;
}



/* image */
.center-cropped {
      object-fit: none; /* Do not scale the image */
      object-position: center; /* Center the image within the element */
      height: 200px;
      width: 100%;
}


/* scroll */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 20px;
    display:none;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}



.img-avatar {
    border-radius: 50%;
}



.borderless td, .borderless th {
    border:0px !important;
}

.table {
  padding: 0 !important;
  margin: 0 !important;
}


.table-borderless td, .table-borderless th {
    border:0px !important;
}

.title_bar { background:#dee; border-bottom:1px solid #ddd; }


.image_circle {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  border: 0;
  margin: 0px;
}

.image_circle .image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity: 1;
  transition: .25s;
}


div.bg_aaa { background-color:#aaa; }
div.bg_bbb { background-color:#bbb; }
div.bg_ccc { background-color:#ccc; }
div.bg_ddd { background-color:#ddd; }
div.bg_eee { background-color:#eee; }
div.bg_fff { background-color:#fff; }
div.bg_white { background-color:#fff; }


div.div_card {
    padding:5px;
    border:1px solid #ddd;
    border-radius:8px;
    /* background-color:#fff; */
}


div.div_msg {
    padding:8px;
    border:1px solid #ddd;
    border-radius:8px;
    /* background-color:#fff; */
}


p.message {
  display:inline-block;
  clear: both;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-size:9pt;
  background-color:#eee;
}


.url2go, .url2open, .fd_data {cursor:pointer; }
.url2go:hover, .url2open:hover, .fd_data:hover {background:#f5f6f7; }


.div_scroll_350px { max-height: 350px; overflow-y: scroll; }
.div_scroll_400px { max-height: 400px; overflow-y: scroll; }

.input-group-addon:hover {cursor:pointer}

.data-title { 	background-color:#777;color:#1B5A90; }
.data-body { background-color:#f17575; }


pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}