/*bootstrap ui*/
.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

/*on demand*/
.fabric-container {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202%202%22%3E%3Cpath%20d%3D%22M1%202V0h1v1H0v1z%22%20fill-opacity%3D%22.05%22%2F%3E%3C%2Fsvg%3E");
  background-size: 16px 16px;
  background-color: #f2f2f2;
  border: 1px solid #cbcbcb; }

.bg-transparent, .checkered {
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2), -webkit-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  background-image: -moz-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2), -moz-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  background-image: -o-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2), -o-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  background-image: -ms-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2), -ms-linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  background-image: linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2), linear-gradient(45deg, #e2e2e2 25%, transparent 25%, transparent 75%, #e2e2e2 75%, #e2e2e2);
  -webkit-background-size: 14px 14px;
  -moz-background-size: 14px 14px;
  background-size: 14px 14px;
  background-position: 0 0, 7px 7px; }

.label.label-drk-border {
  color: #333;
  border: solid 1px #333; }

body > div.od-po-lo.popover {
  top: 75px !important;
  left: 10px !important; }

designer-toolbar .btn.btn-default.active {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  animation: pulse 2.5s infinite; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }

.bordered-grid-box {
  padding: 6px;
  border: solid 1px #eaeaea; }

@media only screen and (max-width: 768px) {
  .bordered-grid-box {
    margin: 0 8px; } }

