.ccm-ui .well a > i{
    margin-left:5px;
}
#canvas_container{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	width:100%;
	min-height:300px;
	border: 1px solid #ccc;
	padding :15px;
	overflow:auto;
}

#whale-form ul#canvas{
	list-style-type: none;
	margin: 0;
    padding: 0;
}
#whale-form ul#canvas li{
	padding :0 15px 15px 0;
	float:left;
}
#whale-form ul#canvas li img{
	padding:1px;
	border: 1px dotted #BBB;
}

#whale-form #canvas_container_tags{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    width:97%;
    min-height:50px;
    border: 1px solid #ccc;
    padding :10px;
    overflow:auto;
}
#whale-form ul#canvas_tags{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#whale-form ul#canvas_tags li{
    margin: 0 10px 10px 0;
    float:left;
    padding: 5px 15px;
    cursor:pointer;
}

#whale-form .row{
}
#whale-form .row:first-child{
}
#whale-form hr{
    margin-bottom: 10px;
    margin-top: 10px;
    border-color: #ddd;
}

#whale-form .control-label{
    text-align: left;
}
#whale-form .text-muted{
    font-weight: normal;
    font-size:small;
}
#whale-form .input-group{
    margin-bottom: 5px;
}
#whale-form .label{
    margin-top: 5px;
}

/*well headers*/
#whale-form h2{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    font-size: 25px!important;
    font-weight: bold;
    line-height: 30px;
}
#whale-form h2 a{
    color: #333!important;
    font-size: 15px;
    line-height: 30px;
}
#whale-form h2 a i{
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}

#whale-form .well.dark{
    background-color: #ECECEC;
}

#whale-form #table-share-buttons thead td{
}
#whale-form #table-share-buttons thead tr td:last-child,
#whale-form #table-share-buttons tbody tr td:last-child,
#whale-form #table-share-buttons tfoot tr td:last-child
{
    text-align: center;
}
#whale-form i.move-row{
    cursor: move;
}
.nav-tabs input[type="checkbox"] {
    margin: 0!important;
}

.stripe-1 {
  background: repeating-linear-gradient(
    -45deg,
    #f5f5f5,
    #f5f5f5 10px,
    #f9f9f9 10px,
    #f9f9f9 20px
  );
}
hr.internal{
    border-width: 0!important;
}

/*compact textfields for input-groups*/
.compact{
    padding-left: 2px!important;
    padding-right: 2px!important;
}
.compact.first{
    padding-left: 15px!important;
}
.compact .input-group-addon{
    padding: 6px 6px!important;
}
.compact .form-control{
    padding: 6px 6px!important;
}

#whale-form .label.label-default:not(.label-success) {
    background-color: #DDD;   
}

#canvas_container.beat {
  animation: bgcolor-beat-anim 1s infinite ease-in-out;
}
@keyframes bgcolor-beat-anim {
  0% {background-color: #eee;}
  50%{background-color:#fff;}
  100% {background-color: #eee;}
}