html {
	min-height: 100%;		
}
body {
	height: 100%;
	background: linear-gradient(#4AFF54 , #FFB246); /* Standard syntax (must be last) */
	
	
}
.table-center {    
 text-align: center;   
}

.btn-space {
    margin-top: 5px;
}

.box{ 
	height:170px;
	width: 230px;
	padding:0px;
	margin: 15px;
	box-shadow: 3px 3px 5px black;
}
.linebox{ 
	display: flex;
	justify-content: center;
	flex-wrap: wrap;			
}

.pull-middle {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-left: 0px;
}

.tr-hover:hover {
    cursor: pointer;
}

.marg-bot{    
        margin-bottom: 30px; }

.marg-top{    
        margin-top:0; }
.font-red{
        color: red ;
    
}

.bg-white {background :white;}

.bg-black {background: #1a1a1a;}

.bd {border:1px solid red;}

.boxheight { height:100px;}
.vspace {margin-top:50px;}

.center-vh {display: flex; justify-content: center; align-items: center; color:red;}
.center-h {display: flex; justify-content: center; }
.center-v {display: flex; align-items: center; }

@media(max-width:480px)
{

.col-xxs {
      display:block;
      float:none;
      width: 100%
   }
	


}