/*modal for loading icons*/
	.modal_loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;  

    background: rgba( 255, 255, 255, .8 ) 
                url('../icons/loading_icon.gif')
                50% 200px
                no-repeat;    
  }

  body { padding-top: 60px; }

  .modal_loading1 {
    display:    block;
    position:   fixed;
    
    height:     100%;
    width:      100%;  

    background: rgba( 255, 255, 255, .8 ) 
                url('../icons/loading_icon.gif')
                50% 200px
                no-repeat;    
  }
	/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden   */
	body.loading {
	    
	}
/*overflow: hidden;   */
	/* Anytime the body has the loading class, our
	   modal element will be visible */
	body.loading .modal_loading {
	    display: block;
	}

  body.loading .modal_loading1 {
      display: block;
  }


    /*Style for menus*/
.navbar .navbar-nav {
      display: inline-block;
      float: none;
    }
  .navbar .navbar-collapse {
      text-align: center;
  } 

  .label_check {
    display: block;
    padding-left: 20px;
    text-indent: -10px;
  }
  
  .input_check {
    width: 13px;
    height: 17px;
    padding: 0;
    margin:5;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
  }

  .trHeader{
      background-color:#d3d3d3;
    }

    table.borderless td,table.borderless th{
     border: none !important;
  }

  .table.table-borderless {
      margin-bottom: 0px;
  }

  td.bottom {
    vertical-align: bottom;
  } 

  .tdFixed{
    overflow:hidden;
    }
  
  .blank_row
  {
    height: 48px !important; /* Overwrite any previous rules */
    background-color: #FFFFFF;
  }

  span.badge {
    background-color: #0065cc;

    position: relative;
    top: -8px;
    left: -2px;
  }

.hide-bottom-border {
  border-bottom: 1px solid #fff !important;
}
.hide-bottom-border1 {
  border-bottom: 1px solid #fff0e6 !important;
}
.hide-bottom-border2 {
  border-bottom: 1px solid #f5f5f0 !important;
}

.hide-right-border {
  border-right: 1px solid #fff !important;
}
.hide-right-border2 {
  border-right: 1px solid #f5f5f0 !important;
}
.hide-right-border1 {
  border-right: 1px solid #f5f5f0 !important;
}
.hide-right-border2 {
  border-right: 1px solid #fff0e6 !important;
}

.hide-left-border {
  border-left: 1px solid #fff !important;
}
.middle-align{
  vertical-align: middle !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

  .modal-dialog-center {
    margin-top: 14%;
}


.currency {
    padding-left:12px;
}

.currency-symbol {
    position:absolute;
    padding: 1px 5px;
}

.greenBold {
  color: green; 
  font-weight: bold;
}

.buddySize{
  width:auto; 
  max-width:97%;
}

.eventSize{
  width:auto; 
  max-width:97%;
}

.stockSize{
  width:auto; 
  max-width:100%;  
}

.headerStyle{
  background:#005a99; 
  color:white;  
}

.slotStyle{  
    width: 70px;
    padding:2px;
    border: none;
    margin: 2px;
}

/*comp colors list*/
.input-color {
    position: relative;
}

.color-box {
    width: 10px;
    height: 10px;  
    
    position: absolute;
    left: -13px;
    top: 3px;
}

/*Comp result style*/
.table-hover > tbody > tr.noHover:hover > td,
.noHover > td {
    background-color: transparent;
    cursor: default;
}

.resultBg{
  background-color : white !important;
}

/*timeslot style*/
.timeSlotBg{
  background-color: #e5f0ff !important;
}

.timeSlotTopB{
  border-top: 3px double !important;
}

.compTopB{
  border-top: 1px double !important;
}

.timeSlotBottomB{
  border-bottom: 3px double !important;
}

.scoreStyle{
  font: 500% bold !important;
}

.h5Style{  
  color: white !important; 
}

.h5StyleM{  
  color: white !important;
}

.holeBg{
  background-color: #737373 !important;
}

.headerResult{
  background-color: #f2f2f2 !important;  
}

.headerTitle{  
  color: red;
}

.headerImg{
  width:30%;
  height:30%;
  display: center;
}

.unavailableBg{
  background-color: #F0F0F0  !important;
}

.numberCircle {
    display:inline-block;
    line-height:0px;
    
    border-radius:50%;
    border:2px solid;
    
    font-size:12px;
}

.numberCircle span {
    display:inline-block;
    
    padding-top:50%;
    padding-bottom:50%;
    
    margin-left:8px;
    margin-right:8px;
}

.blueCircle{
  background: #5bc0de;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;  
}

.subTotalStyle{  
  color: #ff1a1a;
  font-weight: bold;
  background-image: url("../icons/paper.gif");
}

.totalStyle{ 
  font-weight: bold;
  color: white;
  background-image: url("../icons/totalBg.jpeg");
}

.grossStyle{
  font: 130% bold !important;
}