@CHARSET "UTF-8";


	.modal-footer button{
    	margin-right:45%;
    }

    #Beacon_LoanList_Modal
    {
    	margin: auto 0;
    }
    
    #Beacon_LoanList_Modal .modal-body {
	    max-height: 220px;
	    overflow-y: auto;
	}
    
    
    #modal-vertical
    {
    	vertical-align: middle;
    	height: 100%;
    }
    
    .modal-content{
    	margin-top: 50%;
    }
    
    .modal-content h4 , .modal-content p{
    	text-align:center;
    }
    
    .modal-content .barcode{
    	margin-top: 2%;
    	margin-bottom: 2%;
    	text-align:center;
    }
    
    .modal-content .barcode img{ 
    	margin:0 auto;
    	width: 80%;
    	position: relative;
    }
    
    .modal-header .modal-title{
    	font-weight: bold;
    }
    
    .modal-body .text{
    	font-weight: bold;
    }
    
    .modal-body p{
    	font-size: 14px;
    	margin: 0px;
    }
		
	.modal-footer button{
    	margin-right:45%;
    	background-color: #32c0c4;
    	color: white;
    	font-size: 15px;
    	font-weight: bold;
    	height: 37px;
    }
    
    .modal-footer .buttonList{
    	width:100%; 
    	margin:3 auto; 
    	float:left;
    }
	
	.modal-footer .buttonList #oneButton{
		width: 100%;
		float: left;
		margin: 0;
		border: 0px;
	}
	
	.modal-footer .buttonList #twoButton_left{
		width:48%;
		float:left;
		margin:0;
		border: 0px;
	}
	
	.modal-footer .buttonList #twoButton_right{
		width:48%;
		float:left;
		margin:0 0 0 2px;
		border: 0px;
	}