input[type="file"] {
    display: none !important;
}

td > a {
    display: block;
    width: 100%;
}

td > a:hover,
td > a:focus {
    text-decoration: none;
    cursor: default;
}

table > tbody > tr.clickable-row > td {
    vertical-align: middle;
}

.border-box {
    border: 1px solid #000000;
    border-bottom: 3px solid #000000;
    padding: 10px;
}

.line_ht_2 {
    line-height: 2em;
}

.mrgn_lft25 {
    margin-left: 25px;
}

.mrgn_top0 {
    margin-top: 0px;
}

.product-photo {
    height: 45px;
    width: 45px;
    line-height: 3em;
    text-align: center;
    font-size: 0.5em;
}
.product-photo:hover {
	-webkit-transform:	scale(5.0) translate(5px, 0);
	-moz-transform: scale(5.0) translate(5px, 0);
    -o-transform: scale(5.0) translate(5px, 0);
    -ms-transform: scale(5.0) translate(5px, 0);
	transform: scale(5.0) translate(5px, 0);
	box-shadow: 1px 2px 3px #000;

}

.selected {
    background-color: #ddebf7 !important;
}

.btm_brdr {
    border-bottom: 1px solid #000000;
}

.valign-middle {
    vertical-align: middle;
}

.breadcrumb {
    padding: 0px;
    background: #D4D4D4;
    list-style: none;
    overflow: hidden;
    margin-top: 13px;
}
.breadcrumb>li+li:before {
    padding: 0;
}
.breadcrumb li {
    float: left;
}
.breadcrumb li.active a {
    background: blue;                   /* fallback color */
    background: #337ab7;
}
.breadcrumb li.active a:after {
    border-left: 30px solid #337ab7 ;
}
.breadcrumb li a,
.breadcrumb li span {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 45px;
    position: relative;
    display: block;
    float: left;
}
.breadcrumb li a:after,
.breadcrumb li span:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(0, 0%, 83%, 1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 1;
}
.breadcrumb li a:before,
.breadcrumb li span:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.breadcrumb li:first-child a {
    padding-left: 15px;
}
.breadcrumb li a:hover { background: #ffc107  ; }
.breadcrumb li a:hover:after { border-left-color: #ffc107   !important; }

.width-90 {
    width:90%;
}

.date > input {
    font-size: 12px;
    z-index: 1 !important;
}

.panel-center {
    margin:0 auto;
}

.padding-left-30 {
    padding-left:30%;
}

.uploadbtn, .dloadbtn {
    width: 120px;
}

.large-product-photo {
    position: relative;
    z-index: 0;
    top: -80px;
    left: 20px;
    width: 300px;
    height: 100%;
    display: none;
}

.enlarge > span {
    position: absolute;
}

.panel-border {
    border: 1px solid black;
}

.custom-col-md-push-6pct {
    left: 6%;
}

.file-input-field {
	position: absolute;
}

/* Loading Modal */
.loading-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('https://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loading-modal {
    display: block;
}

/* disable text selection on list item */
ul.form-control {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* copy select > options css START */
ul.form-control > li[data-selected=true] {
		background: #26a0da;
		color:#ffffff;
}

ul.form-control > li[data-selected=false] {
	background: #ffffff;
	color: #555555;
}

ul.form-control > li:hover,
ul.form-control > li[data-selected=false]:hover {
	background:#d6d6d6;
	color:#333333;
}

ul.form-control > li[data-selected=true]:hover {
		background: #5ab7e3;
		color:#ffffff;
}
/* copy select > options css END */

/* copy custom css for list items with tooltip START */
ul.tooltip-area > li[data-selected=true]:hover {
	background: #5ab7e3 !important;
	color:#ffffff;
}

ul.tooltip-area > li:hover {
	background:#deb3ba !important;
}
/* copy custom css for list items with tooltip END */

.text-wordbreak {
  -ms-word-break: break-all;
  word-break: break-all;
}