.grid {
    width: 500px;
    height: 250px;
}

.removeButton {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:8px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	margin-left:20px;

}
.removeButton:hover {
	background-color:#5cbf2a;
}
.removeButton:active {
	position:relative;
	top:1px;
}
#canvas{

margin-top:10px;

}

/*  label Preview for image crop bug [3446] */

.custom-label {

    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 1opx;
    padding: 18px 23px;
    text-decoration: none;
     margin-right: 20px
}

/* button for Email template*/

.btn-primary {
  Margin-bottom: 10px;
  width: auto !important;
  color: #ffffff;
}
.btn-primary td {
  background-color: #348eda; 
  border-radius: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-size: 14px; 
  text-align: center;
  vertical-align: top; 
}
.btn-primary td a {
  background-color: #348eda;
  border: solid 1px #348eda;
  border-radius: 25px;
  border-width: 10px 20px;
  display: inline-block;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  line-height: 2;
  text-decoration: none;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.emailcontent {
  display: block;
  margin: 0 auto;
  max-width: 600px;
}
/* Let's make sure tables in the content area are 100% wide */
.emailcontent table {
  width: 100%;
}

li ul {display:none;}

li:hover > ul{
	display:block;
	position:absolute;
}
li:hover li{float:none;}

/* DISABLED: Angularjs wasn't properly removing ng-invalid when a field became valid so this style was never removed.
input.ng-dirty.ng-invalid {
  border: 1px solid #fc8f8f;
}*/