@font-face {
    font-family: supermarket;
    src: url(../../fonts/supermarket/supermarket.woff);
}

.box {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.box-header.with-border {
    border-bottom: 2px dotted #CCCCCC;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    border: 1px solid #e3e3e3;
}
.nav-tabs-custom {
	border: 1px solid #CCCCCC;
}
.nav-tabs-custom>.nav-tabs{
	border-bottom: 1px solid #CCCCCC;
}
table thead tr th{
	border-bottom: 1px solid #CCCCCC;
}

.crop {
    width: 80px;
    height: 80px;
    overflow: hidden;
	border:1px solid #CCCCCC;
	border-radius:3px;
}

.crop img {
	width: 100px;
	margin: -5px -21px -20px -12px;
}

.cropForReport {
    width: 120px;
    height: 120px;
    overflow: hidden;
	border:1px solid #CCCCCC;
	border-radius:3px;
}

.cropForReport img {
	width: 150px;
	margin: -5px -21px -20px -12px;
}

.dropdown-menu {
  border-color: #bbbbbb;
}

.dropdown-menu > .divider {
    background-color: #dddddd;
}

.table-bordered {
    border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform: rotate(270deg);
}
.verticalTableHeader p {
    margin:0 -999px;/* virtually reduce space needed on width to very little */
    display:inline-block;
}
.verticalTableHeader p:before {
    content:'';
    width:0;
    padding-top:110%;
    /* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform:
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(270deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.iconBlink {
    animation: blink 0.5s;
    animation-iteration-count: infinite;
}

.bgWhite{
	background-color: #FFFFFF !important;
}
.bgColor{
	background-color: #EEEEEE !important;
}