/*
image ratio
*/
.ratio-4-3{
  width:100%;
  position:relative;
  background:url() 50% 50% no-repeat;
  background-size:cover;
  background-clip:content-box;
}

.ratio-4-3:before{
	display:block;
    content:"";
    padding-top:75%;
}


.loader-sm {
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid #3498db;
	width: 10px;
	height: 10px;
	-webkit-animation: spin 0.1s linear infinite;
	/* Safari */
	animation: spin 0.1s linear infinite;
}

.loader-bg {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #3498db;
	width: 100px;
	height: 100px;
	-webkit-animation: spin 0.5s linear infinite;
	/* Safari */
	animation: spin 0.5s linear infinite;
}

@keyframes spin { 0% {transform: rotate(0deg);}100%{transform:rotate(360 deg);}}

.loading {
	background-color: #ffffff;
	background-image:
		url("http://loadinggif.com/images/image-selection/3.gif");
	background-size: 25px 25px;
	background-position: right center;
	background-repeat: no-repeat;
}

.mnh {
	min-height:500px;
	
}
/* 
body { padding-top: 40px; } */
/* 
nav .dropdown-menu a:hover {background-color: green;}
 */
/* .navbar {
  padding:0rem;
  margin-bottom:2rem;
} */
/* 
.dropdown .dropdown-menu {
  border-radius:0;
 }
 */
/* Medium devices (tablets, 768px and up) 
The navbar toggle appears at this breakpoint */
/* @media (min-width: 768px) {  
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  border-radius:0;
 }
} */
.card {
	margin-bottom: 10px;
}

.boxshadow{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.deleteProduct{
	color:red;
}

.round-border {
 	border: 1px solid orange;
 	
   	border-radius: 25px;
	padding: 12px 5px 12px 5px;
}

 .br {
            display: block;
            margin-bottom: 0em;
 }
         
[v-cloak] > * { display: none; }
[v-cloak]::before {
  content: " ";
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  background: #c4c4c447;
  background-image: url(https://raw.githubusercontent.com/SamHerbert/SVG-Loaders/master/svg-loaders/puff.svg);
  background-size: cover;
  left: 50%;
  top: 50%;
}