/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*div {
    overflow-x: hidden;
    overflow-y: hidden;
}*/
::-webkit-scrollbar {
    width: 1em;
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}
.listResponseItem {
    -webkit-border-radius: .6em;
    border-radius: .6em;
    margin: 5px 7px 5px 7px;
}
.row
{
	margin-left: 0px!important;
}
.LoginContainer {
    padding-left: 2em;
    padding-right: 2em;
}

.BolListContainer {
    /*padding-left: 2em;
    padding-right: 2em;*/
}

.BolDetailContainer {
    padding-left: 2em;
    padding-right: 2em;
}

.SignatureBox {
    border-style: solid;
    border-color: gray;
}


.LoadingPage {
    background-color: white;
    height: 100%;
    padding-top: 30%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 500000;
    font-size: 40px;
    font-weight: bold;
}

.HideEle {
    display: none;
}

[data-role=page] {
    height: 100% !important;
    position: relative !important;
}

html, body {
    height: auto;
}

.body .div {
    min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 4.1em; /* this needs to be bigger than footer height*/
}
.h1
{
line-height: 4em!important;
}
#header-text {
    font-size: 18px;
    color: gray;
}

.footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear: both;
    padding-top: 20px;
}

.SigCanvas {
	margin: auto;
	width: 600px;
    height: 150px;
    border-style: solid;
    border-color: gray;
}

.busy
{
    left: 40%;
    position: fixed;
    top: 35%;
    z-index: 500;
}

.busy-holder
{
  background-color: white;
    height: 500em;
    opacity: 1;
    position: fixed;
    width: 500em;
    z-index: 499;      
}

.toggle-list
{
      font-size: 18px;
    padding-right: 1em;
    width: 6em;
      word-wrap: break-word;

}

.toggle-list-head {
        list-style-type: none;
    text-align: right;
    width: 16em;
    display:block;
    margin:0 auto;
    /*padding-bottom:1em;*/
}

.toggle-list-item
{
    padding-bottom:.5em;
}


.filter-label
{
    margin-bottom: 0em!important;
    font-weight: bold!important;
      font-size: 18px;
      clear: both;
}
.block_container
{
    text-align:center;
     width: 20em;
    line-height: 2em!important;
    margin-bottom: 3em;
}
.block1
{
    display:inline;
    float: left;
}
.block2
{
    display:inline;
     float:right;
}
.ui-controlgroup-controls {
    /*width: 11em !important;*/
}

.radio-toggle {
    width: 13em !important;
    float: right;
}