.parking_clr1{

	background-color: #E53935 !important;

	color:#fff;

	padding: 10px;

	border: 4px solid #fff;

    border-radius: 7px;

    box-shadow: 0px 5px 20px 0px #FF89C0;

    margin-bottom:8px;

}


.footer2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #AAAAAA;
  color: #000;
  padding-top: 8px;
  text-align: center;
}








.parking_clr2{

	background-color: #43A047 !important;

	color:#fff;

	padding: 10px;

    border: 4px solid #fff;

    border-radius: 7px;

    box-shadow: 0 5px 20px 0px rgba(38, 198, 218, 0.5);

    margin-bottom:8px;

}

.parking_clr3{

	background-color: #ffc400 !important;

	color:#000;

	padding: 10px;

	border: 4px solid #fff;

    border-radius: 7px;

    box-shadow: 0px 5px 20px 0px #FF9A3C;

    margin-bottom:8px;

}







.heading1{

	font-size: 16px;

}

.percentage{

	font-size: 45px;

	font-weight: bold;

}

.bg1{

	padding-top: 30px;

}

.imgstyle{

	width: 70px;

    height: 70px;

    float: right;

    opacity: 0.3;

}



.pad1{

    padding-top:20px;

}



























.column {

    float:left;

    width:25%;

    padding: 10px;

    margin-bottom:0px;

}

		.row:after {

    content: "";

    display: table;

    clear: both;

}



@media only screen and (max-width: 768px) {

    .column {

    float: left;

    width: 100%;

    padding: 10px;

}

}



.btn-warning {

    background: linear-gradient(to top, #5d6dc3, #3c86d8);

    border: 1px solid #5d6dc3 !important;

}



.btn-warning:hover {

    color: #fff;

    background-color: #3c86d8;

    border-color: #3c86d8;

}



.grid_button{

    display:block;

}



@media only screen and (max-width: 768px) {

   .grid_button{

    display:none;

}

}



.item { 

    

    /*max-width: 320px;*/

    border-radius: 4px;

    border: 1px solid #e7e7e7;

    background: #fff;

    position: relative;

    min-height: 113px;

    border-radius: 3px;

    box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

}

.bg-red {

    

    color:#fff;

   

    background: linear-gradient(50deg, #b40000   0%, #ff0000  100%);

}

.bg-yellow{

    background: linear-gradient(50deg, #ff9a00   0%, #f0ff00  100%);

    color: #000;

    border-radius: 3px;

    box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

}

.bg-green{

    background: linear-gradient(50deg, #006700   0%, #00ff00  100%);

	color:#fff;

    border-radius: 3px;

     box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

   

}



.circle1{

background-color:#d50000;

padding-left: 3px;

margin-left: 10px;

margin-top: 10px;

color:#FFF;

font-size:20px;

font-weight:bold;

width: 40px;

height: 40px;

border-radius: 20px;

 box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

}





.circle2{

background-color:#ff9a00;

padding-left: 3px;

margin-left: 10px;

margin-top: 10px;

color:#FFF;

font-size:20px;

font-weight:bold;

width: 40px;

height: 40px;

border-radius: 20px;

 box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

}





.circle3{

background-color:#00ae00;

padding-left: 3px;

margin-left: 10px;

margin-top: 10px;

color:#FFF;

font-size:20px;

font-weight:bold;

width: 40px;

height: 40px;

border-radius: 20px;

 box-shadow: inset 0px 0px 0px 3px rgba(0,0,0,0.1);

}





.item .icon {

    position: absolute;

    width: 60px;

    height: 60px;

    line-height: 40px;

    text-align: center;

    color: #fff;

   

    border-radius: 100px;

    top: -35px;

    left: 20px;

    font-size: 16px;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

}

.bg-white {

    background-color: #ffffff !important;

}



.item h3 {

    margin-top: 30px;

    margin-left: 15px;

    font-size: 20px;

    line-height: 24px;

}

.item h2 {

    font-weight: 800;

    margin-left: 15px;

    font-size: 40px;

}

.heading1{

    margin-left:15px;

    margin-bottom: 0px;

}



table tr:nth-child(odd) {

 background-color: #e3f2fd;

}

table tr:nth-child(even) {

 background-color: #ffffff;

}