/* Sticky top-menu & footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by sticky-footer height */
  margin-bottom: 60px;
  /* Margin top by sticky-top-menu height */
  margin-top: 40px;
  background-color: #bbb;
  /* Move down content because we have a fixed navbar that is 50px tall */
  padding-top: 50px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #ddd;
}


/* Page-load & page-unload styles
-------------------------------------------------- */
#loader-container {
display:block;
position:fixed;
top:0; left:0;
overflow:hidden;
height:100%; width:100%;
opacity:0.6; filter:alpha(opacity=60);
background-color: transparent;
background-image: url('../../../common/images/bg-overlay.gif');
z-index: 998;
}
#loader-body {
display:block;
position:fixed;
top:40%; left:42%;
width:160px; height:62px;
background:#000 url('../../../common/images/loader.gif') no-repeat 16px 16px;
padding:20px 8px 2px 70px;
color:#ff0;
font: normal 16px Georgia,serif;
border: 1px dashed #666;
border-radius:4px; -moz-border-radius:4px;
box-shadow:0px 0px 38px 6px #f0f;
opacity:0.9; filter:alpha(opacity=90);
z-index:999;
}


/* Custom page CSS
** Page: common
-------------------------------------------------- */
.footer .text-muted {
  margin: 20px 0;
}
code {
  font-size: 80%;
}

/* override bootstrap.css -- start -- */
.btn { margin-bottom:8px; }
/* override bootstrap.css -- end -- */
.colval{ margin:-6px 0 16px 0;padding:6px 10px;background-color:#fafafa;color:#488;font:normal 18px Georgia,serif;border:1px dashed #088;border-radius:6px;min-height:36px;}
.hidden-file-btn{ position:absolute;top:0;left:0;height:0px;width:0px;opacity:1;z-index:-9999; }
.font-xs{ font-size:0.6em; }
.font-sm{ font-size:0.8em; }
.font-md{ font-size:1.2em; }
.font-lg{ font-size:1.6em; }
.show-grid{ padding-bottom:25px; }
.pl-20{ padding-left:20px; }
.pr-20{ padding-right:20px; }
.ml-20{ margin-left:20px; }
.mr-20{ margin-right:20px; }
.mt-10{ margin-top:10px; }
.mt-20{ margin-top:20px; }
.mb-10{ margin-bottom:10px; }
.mb-20{ margin-bottom:20px; }
.m-t-xs-r{ margin-top:-2px; }
.text-box{ padding:6px 10px; border:1px solid #eee; border-radius:6px; }
.text-middle{ vertical-align:middle !important; }


/* Custom page CSS
** Page: sign-in
-------------------------------------------------- */
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}