/**
center table data
**/

input[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}

.table > tbody > tr > td, .table > thead > tr > th {
     vertical-align: middle;

   text-align: center;  word-break:normal;
}


.input-id{
	width: 80%;
    padding: 12px 20px;
    box-sizing: border-box;
    outline: none;
    border: none;
    border-radius: 4px;
    border: 1px solid black !important;
}

.btn-search-id{
	background-color: #1565C0;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 16px 20px;
    text-decoration: none;
    margin: 8px 2px;
    cursor: pointer;
}

.btn-search-id:active{
	background-color:#08088A;
}

.loading-icon{
	display:none;
}

.container-custom{
	padding-top:0;
	padding-bottom:30px;
}

.search-results-wrapper{
	height:auto;
    box-sizing: border-box;
	
	
	padding-top:10px;
	padding-bottom:10px;
}
#search-results{
	margin:auto 0;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.glyphicon-refresh-animate {
  animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
  -moz-animation: spin2 .7s infinite linear;
}

@-moz-keyframes spin2 {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

/**/
 td label { 
       display: block;
       text-align: center;
    }
    
    /**login**/
.login-container {
	max-width: 330px;
	padding: 10px 30px 30px 30px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);  
}
    
.login_background {
	background: #eee !important;
	padding-top: 40px;
	padding-bottom: 40px;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1205px;
    }
}