@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


.background {
	background-image:url('../images/dots.png');
	background-repeat: repeat;
	font-family: 'Open Sans', sans-serif;
	
}

.full {
	width:100%;display:table;
}

td.rightnone {border-right: none;}
td.leftnone {border-left-style: none;}

.fullpdfpage {width: 99%;
float: left;
display: table;
margin: 20px 10px 0 0;}

.locationboxleft {margin-left: 22px;}

.norightcolumn {width: 89% !important;}/*IF HIDING THE RIGHT COLUMN USE THIS CLASS ON THE CENTERCOLUMN*/
.detailslayout {float: left;width: 98% !Important;}/*USE THIS CLASS ON THE CENTERCOLUMN ON DETAILS PAGES*/

.categorymargintop {width: 77%;margin-top: -61px;}

.imagecontainer { float:left; }
.autowidthdropdown {width:auto !important}
.staticwidthdropdown {width:300px !important}

.inlinemarginleft {margin-left: -30px !Important;}

.barcodecontainer {float: right;
margin-top: -35px;
background-color: #E7E4E4;
padding: 10px 20px 20px 20px;
border-radius: 0 0 8px 8px;}


.totalcontainer {
	float: right;

background-color: #E7E4E4;
padding: 10px 20px 20px 20px;
border-radius: 8px;
	width:100%;
}

.alerthead th {
  background-color: #d43f3a;
  color: white;
  font-size: 17px;
}
.alertrow:hover td {
  background-color: #F2DEDE;
  cursor: default;
}
.nomargin {
	margin-bottom:0px;
}


.rightback {
width: 60%;
float: left;
}
.left {width:50%; float:left;}
.leftsmall{width:40%; float:left;}
.leftsearch{width:48%; float:left;}
.leftsearchsmall {width:34%; float:left;}
.rightsearchlarge {width:60%; float:left;}
.right {width:50%; float:left;}
.backbutton {text-align: right;margin: 20px 0;}
.alertbutton {
text-align: right;
color: #a94442;
border:1px solid #a94442;
border-radius:4px;
padding: 5px !important;
margin: 0px !important;
float: right;
background-repeat: repeat-x;
border-color: #dca7a7;
background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);

}


.tooltipcircle {border-radius: 20px;padding: 2px 10px;margin-top: -14px;}
.fullcontainer {width:100%;display:table;padding-bottom: 80px;}
.leftcolumn {
   	width: 13%;
	padding-right: 20px;
	display: table-cell;
vertical-align: top;
}

.fullrightcontainer {
}

.pagearrow {font-size: 17px;color: orange;}


.marginleft {margin-left:-10px !Important;}
.marginleft2 {
margin-left: -15px;
}

.marginleftparts {
margin-left: 15px !important;
}
.marginleftleft {
margin-left: 5px;
}
.marginleftnone {margin-left:0px!important; margin-right:0px !important;}

.paddingbottom {padding-bottom: 7px;}

.mimscontainer {background-color: #954B00;
border: 1px solid #BB6A0D;
padding: 7px 0;
width: 362px;
border-radius: 4px;
color: #e38d13;
float: left;
text-align: center;
font-weight: bold;
margin-top: 11px;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);}

.centercolumn{  
   display:table-cell;
   width: 67%;
   margin-left:20px;}
 
}

.rightcolumn {   
   display:table-cell;
   width:auto;
   margin-left:10px;
}





.yellowheader {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(87, 17, 0, 0.2) inset;
	box-shadow: 0px 0px 0px 1px rgba(87, 17, 0, 0.2) inset;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
	background-color: #e4842a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8b300), color-stop(1, #e4842a));
	background-image: -webkit-linear-gradient(top, #f8b300, #e4842a);
	background-image: -moz-linear-gradient(top, #f8b300, #e4842a);
	background-image: -ms-linear-gradient(top, #f8b300, #e4842a);
	background-image: -o-linear-gradient(top, #f8b300, #e4842a);
	background-image: linear-gradient(top, bottom, #f8b300, #e4842a);
}

.brandcolor {
	color:#954B00;
}

.navbar-inverse .navbar-nav>.active>a {
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
background-color: #FF9900;
border-radius: 4px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

}

.selectmargintop {
	margin-top: -9px;
}


.searchmargintop {
	margin-top: 4px;
}
.margintop {
	margin-top: 80px;
}

.marginbottom {
	margin-bottom:10px;
}


.headerpadding {padding: 3px 0px 5px 0px;}

.floatleft {
	float:left;
}

.floatright {
	float:right;margin-left: 10PX;
}

.dashboardcontainer {border: 1px solid #DDD; padding:0px 20px 20px 20px;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);border-radius: 4px;background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
 margin: 0px 0px 20px 20px;}

.dashboardcontainerpdf {
border: 1px solid #DDD;
padding: 20px 20px 20px 20px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
border-radius: 4px;
background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
margin: 0px 0px 20px 20px;
}
 .navdashboardcontainer {padding:0px 20px 20px 20px; margin: 0px 0px 20px 20px;}



.list-group.panel > .list-group-item {
border-radius: 4px;
color: #fff;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4d4d), color-stop(1, #949292));
background-image: -webkit-linear-gradient(top, #535353, rgba(31, 30, 30, 0.56));
background-image: -moz-linear-gradient(top, #4d4d4d, #333333);
background-image: -ms-linear-gradient(top, #4d4d4d, #333333);
background-image: -o-linear-gradient(top, #4d4d4d, #333333);}
.list-group-submenu {
  margin-left:20px;
}

.line {
	width:100%; border:1px silver solid; margin:10px 0px 20px 0px;
}


.filtercontainer {
	
float: left;
margin: 10px 0px -10px 0;
}

.filtercontainer2 {
float: left;
margin: 10px 0px 1px 0;
}

.filtercontainerright {
float: left;
margin: 10px 0px -10px 20px;
}

.filtercontainerright2 {
float: left;
margin: 10px 0px -10px 0px;
}

.rowfiltercontainer {
width: auto;
float: left;
margin: 0px 10px 10px 0;
}

.listbtncontainer {
	width: auto;
	float:right;
margin: 10px 0 0px 0;
}

.listbtncontainer2 {
width: auto;
margin: 10px 0 0px 0;
}

.detailslistbtncontainer {
		width: auto;
float: right;
margin-top:-10px;

}

.rowleftheader {
padding-left: 30px !Important;
}


.btn-gray {
background-repeat: repeat-x;
border-color: #8C8E8C;
background-image: linear-gradient(to bottom,#DADADA 0,#919391 100%);
}


.visible>div {
    display:block;
}

.text_container {
text-align: left;
width: 90%;
color: #000;
background-repeat: repeat-x;
border:1px solid #9acfea;

background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);padding:10px;
margin:10px;
padding: 10px 10px 5px 10px;
cursor: pointer;
border-radius: 4px;
}
.hidden {
display: block !Important;
visibility: visible !Important;
}

.hidden>div {
    display:none;
}



/***********************text field widths*************************************/

.width84 {
	width: 84px !important; float:left;
}

.width80 {
	width: 80px !important; float:left; margin-right:30px;
}


.width165 {
	width:165px !important;
	float:left;
}

.width400 {
	width:400px !important;
	float:left;
}


.smallselect {
	width:68px !important;
}

.mediumselect {
	width:98px !important;
}



.xsmallbox {
	width:95px !important;
}

.xxsmallbox {
  width: 50px !important;
}

.xsmallboxinline {
	width:70px !important;
  display:inline-block;
  margin-right:5px;  
    margin-left:5px; 

}
.marginleft3 {
	    margin-left:5px; 

}

#currencyDisplay {
	float:left;
	  margin-bottom: -5px;
}

.partbox {
	
	width:300px !important;
	margin-bottom:15px;
	float:left;
	display:block;
}


.smallbox {
	width:150px;
}
.smallboxinline {
		width:95px;

  display:inline-block;
  margin-right:5px;  
    margin-left:5px; 
}

.mediumbox {
width: 285px;
}

.deliverylocation {
	width: 300px;
margin-left: 23px;
}

.largebox {
	width:50%;
}

.xlargebox {
	width:100%;
}

#testtable{
	background-color: rgb(255, 255, 255);
}

.inventorytable>thead>tr>th,  {
  padding: 2px !important;
  }
/********************form styles**************************/

.searchfilterwidth {
	width:100%;
}

.tablebutton {
	margin-top: 9px;
}

.tabledropdownbutton {
	margin-top: -2px;
}

.width30 {
	width:30%!important;
	display:inline-block;
	margin-right:20px;
}

.smallcheck {
	right:0 !important;
}

.red {
	color: rgb(208, 54, 54);
}

.green {
	color:green;
}

.orange {
	color:orange;
}

.lightinlinelabel {
width: 120px!important;
float: left;
padding-top: 0px !important;
}

.lightblueinlinelabel {
width: 120px!important;
margin-top: 5px;
float: left;
}

.inlinelabelmed2 {
width: 162px!important;
margin-left: 49px;
}


.inlinelabel {
width: 100px!important;
margin-left: 15px;
}

.inlinelabel2 {
width: 100px!important;
margin-left: 40px;
float:left;
}

.col-sm-2inline {
width: 170px !Important; float:left;margin-left: 15px;
}



.margintopnone {
	margin-top:0px !Important;
}
.inlinedescription {
	width:300px;
}

.longinlinelabel {
	width: 215px!important;
margin-top: 5px;
}


.inlinelabelmargin {
	margin-top: 5px; margin-left:-14px;
}

.inlinethreecolumn {
	width: 32%;
}

.inlinethreecolumn2 {
	width: 32%;
}


.inlinelabelxmed {
width: 126px!important;
margin-top: 11px;
}

.inlinelabelmed {
width: 162px!important;
margin-top: 5px;
}

.inlinelabellg{
width: 178px!important;
margin-top: 5px;
}


.inlinelabelxsm {
width: 100px!important;
}

.inlinelabelxxsm {
width: 70px!important;
margin-top:5px;
}

.inlinelabelxxxsm {
width: 40px!important;
margin-top: 7px;
float: left;
}

.inlinelabelsm {
width: 100px!important;
margin-top: 7px; float:left;}

.col-sm-1 {
width: 9.333333%;
}


.col-sm-20 {
width: 100px;
margin-left: 45px
}

.col-sm-21 {
width: 100px !important;
margin-left: -68px;
}

.col-sm-16 {
width: 7.7%;
float: left;
}

.col-sm-35 {
width: 9.5%;
float: left;
}

.col-sm-13 {/*xsmallbox*/

width: 8.333333%;
}

.col-sm-11 {/*smallbox*/
width: 11.333333%;
}

.col-sm-12 {  /*mediumbox*/
width: 21.333333%;
}

.col-16 {
width: 23.333333%;
float: left;
margin-left: 10px;
}

.col-sm-14 {/*inline form*/

width: 40.333333%;
float: left;
margin-left: 10px;
}
.col-sm-15 {/*inline form small*/
width: 20.333333%;
float: left;
margin-left: 10px;
}

.col-sm-16 {
width: 28.333333%;
float: left;
margin-left: 10px;
}


.col-sm-17 {
width: 21%;
float: left;
margin-left: 10px;
}


.logintextcolor {
	color:#ccc !important; float:left !Important;margin-top: 12px;
}

.lightblue {
	background-color: rgb(216, 238, 245);
}
.the-legend {
    border-style: none;
       margin-bottom: 0;
       width: auto;
}

.the-fieldset {
    border: 2px groove threedface #444;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

.control-label {
text-align: left !Important;
}

.control-labelinline {
margin-bottom: 0;
vertical-align: middle;
margin-top: 6px;
}

legend {
display: block;
/* width: 100%; */
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}

.well {
padding: 19px;
background-image:none !important;
border: none;
border-radius: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}

.required {
	float: left;
	color: rgb(213, 13, 13);
	font-size: 15px;
	margin: 6px 0;
}

.percent {
	float: left;
	font-size: 15px;
	margin: 6px 0;
	display:inline-block;
}

.price {
float: left;
font-size: 15px;
margin: 0px 5px 0 10px;
}

.purprice {
	margin-left:10px;
	margin-bottom:0px !important;
}

#price {
float: left;
font-size: 15px;
}



label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size: 14px;
}

.formregulartext {float: left;width: auto;margin: 6px 20px 0px 5px;}

.inline-formregulartext {
float: left;
width: auto;
margin: 3px 20px 0px 15px;
}

.col-sm-2 {
width: 203px !Important;

}

.col-sm-22 {
width: 213px !Important;
float:left;
}

.col-sm-25 {
width: 23.333333% !important;
float: left;
margin-left: 15px;
}

.subcattable {
	background-color:none;

}

.subcattable th{
	border-top:none!important;
}

.subcattable td {
	background-color:#F5F5F5 !Important;

}


.subcattd {
	width:450px!important;
}

.well2 {
	background-color:white;
}

.autowidth {
	margin-top:11px;
	width:auto;
}

.tooltipposition {

top: 5px;
padding:0 0 0 10px!important;}

.tooltipposition2 {
top: 5px;
padding: 0 0 0 10px!important;
left: -6px;
}

.rowtooltipposition2 {
top: -11px;
padding: 0 0 0 10px!important;
left: 113px;
}

.rowtooltipposition3 {
top: 17px;
padding: 0 0 0 10px!important;
left: 188px;
}

.rowtooltipposition4 {
top: 17px;
padding: 0 0 0 10px!important;
left: 0px;
}

.rowtooltipposition5 {
top: -11px;
padding: 0 0 0 10px!important;
left: 127px;
}


.rowtooltipposition {
  top: -11px;
  padding: 0 0 0 10px!important;
  left: 112px;
}

.tooltippositionright {
  top: 16px;
  padding: 0 0 0 10px!important;
}

.legendtooltipposition {

top: -34px;
padding: 0 0 0 10px!important;
left: 120px;
}

.bootstrap-select.btn-group .btn .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
font-size: 14px;
}

.form-horizontal .form-group-sm .form-control {
height: 34px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
}

.nobottommargin {
  margin-bottom: 0px !important;
}

.noleftmargin {
  margin-left: 0px !important;
}

.has-feedback .form-control {
padding-right: 0px;
}

.unitmargin {
	
	margin-left:5px;
}


.partprice {
  float: left;
  font-size: 15px;
  margin: 6px -5px 0px 10px;
}

.inlinelabelsales {
  width: 130px!important;
  margin-top: 7px;
  float: left;
}

.labelpadding {
  padding: 6px;
}

/********************button styles**************************/

.searchbtn {
	border-radius: 0px 4px 4px 0px; border:1px solid #ccc;margin: -3px -3px 0 -4px;padding: 8px 12px;
}


.searchinput {
	background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
border-radius: 4px 0 0 4px;
padding: 5px 10px;}

.recmargin {
	margin-left:30px;
}

/******************table styles******************/

.smallchars {
	width: 30px !Important;
	display:inline-block;
}

.centeralign {
	text-align:center;
}

.rightalign {
	text-align:right;
}

table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

#tables{
  border-collapse: separate;
  border-spacing: 0 5px;
  background-color: #2873B4;
}

thead th {
  background-color: #2873B4;
  color: white;
  font-size:17px;
}

.tealhead {background-color:#289EB4;}

tbody td {
  background-color: #EEEEEE;
}

tr:hover td  {background-color:#CAE5EB; cursor:default;}


tr td:first-child,
tr th:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}



/**styles for login page**/

.sign-in {
border-radius: 5px;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d4d4d), color-stop(1, #949292));
background-image: -webkit-linear-gradient(top, #535353, rgba(31, 30, 30, 0.56));
background-image: -moz-linear-gradient(top, #4d4d4d, #333333);
background-image: -ms-linear-gradient(top, #4d4d4d, #333333);
background-image: -o-linear-gradient(top, #4d4d4d, #333333);width: 463px;
margin-bottom: 30px;

}
.sign-in .popup {
	border-radius: 8px;
    box-shadow: 
        inset 0 0 0 1px rgba(255,255,255,0.16),
        0 3px 15px -1px rgba(0,0,0,0.5);
        width: 463px;;
		height: 269px;
}
.sign-in .popup-title {
    margin: 1px;
   	text-transform:uppercase;
    padding: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-radius: 7px 7px 0px 0px;

    background-color: rgba(0,0,0,0.1);

    box-shadow: 0 1px 0 0 rgba(255,255,255,0.1);

    color: white;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
.sign-in .close-link {
    width: 20px;
    height: 20px;
    float: right;

    background-color: initial;
    background-image: url('img/signin-x.png');
    background-position: 50% 50%;
    background-size: 13px initialpx;
    background-repeat: no-repeat;
    background-attachment: initial;

    opacity: 0.5;
    transition: 
        opacity 150ms ease-in-out,
        undefined undefined undefined,
        undefined undefined undefined;

    text-decoration: none;
}
.sign-in .close-link:hover {
    opacity: 1;
}
.sign-in .close-link span {
    display: none;
}
.sign-in .sign-in-form {
    padding: 18px;
    border-right: 1px solid rgba(0,0,0,0.15);
    box-shadow: 1px 0 0 0 rgba(255,255,255,0.1);
}
.sign-in .form-field {
    width: 55%;
    margin-bottom: 10px;
    padding: 13px 15px 13px 15px;

    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;

    background-color: rgba(0,0,0,0.15);
    background-repeat: no-repeat;

    box-shadow: inset 0 0 15px -2px rgba(0,0,0,0.3);
    transition: 
        box-shadow 150ms ease-in-out,
        border 150ms ease-in-out,
        background-color 150ms ease-in-out;
    color: white;
    font-size: 16px;
    font-style: normal;
}
.sign-in .form-field:focus {
    border: 1px solid rgba(57,75,88,0.9);
    background-color: rgba(0,0,0,0.3);
    box-shadow: 
        inset 0 1px 0 0 rgba(rgba(57,75,88,0.9)),
        inset 0 3px 10px -5px rgba(57,75,88,0.9),
        0 0 16px 0 rgba(57,75,88,0.9);
}
.sign-in .forgot-password {
    display: block;
    padding-bottom: 10px;
	transition: 
        color 150ms ease-in-out,
        undefined undefined undefined,
        undefined undefined undefined;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    text-decoration: none;
}
.sign-in .forgot-password:hover {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}
.sign-in .external-auth {
    padding: 40px 18px 18px 10px;
}
.sign-in .external-auth .intro {
    color: #c7c7c7;
    font-style: italic;
    text-align: center;
}

.formfieldcontainer {
	width:100%;
	color:#0e0e38;
	float:left;
	margin:15px 0;
}




.partslabellg {
	margin-bottom:6px; width:65px;
}


#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin: 3px 3px 3px 0; padding: 2px; float: left; width: 175px; height: 322px; }

.captionwidth {
	width: 162px;
}




/******************slider on gallery page***************************/

.slidercontainer {
	background-color: #E7E4E4;
	background-repeat:repeat;
padding: 10px;
border-radius: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
}

.rg-image-wrapper{
    position:relative;
    padding:20px 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height:20px;
}

.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}

.rg-image img{
    max-height:100%;
    max-width:100%;
}

.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
    background:#000 url('../images/nav.png') no-repeat -20% 50%;
    width:28px;
    height:100%;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.3;
    outline:none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

.rg-image-nav a.rg-image-nav-next{
    right:0px;
    left:auto;
    background-position:115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.rg-image-nav a:hover{
    opacity:0.8;
}

.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;
}
.rg-caption p{
    font-size: 16px;
text-transform: none;
line-height: 23px;
font-weight: 300;
padding: 0 15px;    
}

.rg-view{
    height:30px;
}
.rg-view a{
    display:block;
    float:right;
    width:16px;
    height:16px;
    margin-right:3px;
    background:#464646 url(../images/views.png) no-repeat top left;
    border:3px solid #464646;
    opacity:0.8;
}
.rg-view a:hover{
    opacity:1.0;
}
.rg-view a.rg-view-full{
    background-position:0px 0px;
}
.rg-view a.rg-view-selected{
    background-color:#6f6f6f;
    border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
    background-position:0px -16px;
}

.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:#000 url(../images/ajax-loader.gif) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity:0.7;
}


table.inventory-table tbody tr:first-of-type th:first-of-type{
  padding-right: 40px;
}

table.inventory-table tbody tr:nth-of-type(2) th:nth-of-type(2){
  padding-right: 40px;
}

table.inventory-table tbody tr td:nth-of-type(2){
  padding-right: 40px;
}



.no-padding{
  padding: 0;
}

.oi-form-control{
  width: 80% ;
}

.oi-form-control-half{
  width: 40%;
  display: inline;
}


.btn-xs {
	margin-right:5px;
	margin-bottom:5px;
}

.checkout {
	width:77%;
}

.staticwidthdropdown {
	margin-bottom:10px;
}

.purchaselabel {
  width: 100px !Important;
  }
.smallchars {
	margin-left:0px;
}

.thwidthlg {
	width:400px;
}


.formwidth {
	width:400px !important;
	display:inline-block !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  	cursor: pointer;
  	background-color: #eee !important;
  	opacity: 1;
  	border: 1px solid #ccc !important;

}





/*********************SYLING FOR DIFFERENT SCREEN SIZES**********************/



@media (min-width: 768px) {
.mainbody {
	width: 37%;
}



}



.footer{background: #333; padding-top: 15px; color: #FFF;}




.footerleft {
	width:50%;
	float:left;
}


.footerright {
	width:50%;
	float:left;
	text-align:right;
}

@media (max-width: 1680px) {

.leftcolumn {
	
}

.centercolumn {
	
}

.rightcolumn {
}

.col-sm-12 {
width: 24.7%;
}

.col-sm-11 {
width: 13.333333%;
}

.col-sm-25 {
width: 26.333333% !important;
float: left;
margin-left: 15px;
}

.col-sm-17 {
width: 25%;
float: left;
margin-left: 10px;
}
.width80 {
	width: 90px !important; float:left; margin-right:10px;
}


.checkout {
  width: 91%;
}

}

@media (max-width: 1366px) {

.width80 {
	width: 130px !important; float:left; margin-right:10px;
}


.width84 {
width: 69px !important;
float: left;
}

.xsmallbox {
width: 70px !important;
}

.xsmallboxinline {
width: 70px !important;
}


.inlinethreecolumn2 {
width: 43%;
}

.inlinelabelmed {
width: 176px!important;
margin-top: 5px;
}

.inlinedescription {
width: 117px;
}



.col-lg-1 {
width: 12.333333%;
}

.col-xs-2 {
width: 100px !important;
}

.col-sm-15 {
width: 40.333333%;
float: left;
margin-left: 10px;
}
.leftcolumn {
width: 15%;
padding-right:0px;
	
}

.centercolumn {
width: 8%;
float: left;

}

.rightcolumn {
float: left;
width: 96%;
}

.norightcolumn {
width: 97% !important;
}

.col-sm-10 {
width: 76.333333%;
}
.col-sm-12 {
width: 32.7%;
}


.col-sm-1 {
width: 11.333333% !Important;
}

.col-16 {
width: 44.333333%;
float: left;
margin-left: 10px;
}

.col-sm-17 {
width: 18%;
float: left;
margin-left: 10px;
}

.centercolumn {
	width:75%
}

.rightcolumn {
	width:20%;
}

.inlinelabelxsm {
  width: 80px !Important;
}

.col-16 {
  width: 25%;
  }

.col-sm-10 {
  width: 50%;
  }

.btn-xs {
  margin-top: 5px;
  width: 124px;
  height: 30px;
  font-size: 15px;
}


.centeralign img {
  vertical-align: middle;
  width: 60px;
}

.inventorytable{
	width:60% !important;
}

.thwidthmedium {
	width:110px;
}
.thwidthlg {
	width:220px;
}

.thwidthxlg {
	width:350px;
}

.thwidthsmall {
	width:10% !important;
}


.xsmallbox {
  width: 70px !important;
}



.xsmallboxinline {
  width: 70px !important;
}



.has-feedback .form-control {
  padding-right: 12px !important;
}

.staticwidthdropdown {
	margin-bottom:10px;
}

.smallchars {
	margin-left:8px;
}

.input-append {
	width:100%;
	display:inline-block;
}

.form-inline {
	margin-left:0px !important;
}

#price {
float: left;
font-size: 15px;
margin: 6px 0 0 17px;
}

.price {
  float: left;
  font-size: 15px;
  margin: 0px 5px 0 10px;
}

#partunit {
	font-size: 30px;
}

.formwidthrec {
	width:50% !important;
	display:inline-block !important;
}

.date {
	
	margin-left:5px;
}


.datelabelrec {
	margin-left:0px;
}


.rightalign {
  text-align: right;
  padding-right: 8px;
}

.leftalign {
  text-align: left;
  padding-right: 8px;
}

.centeralign {
  text-align: center;
  padding-right: 8px;
}


.thpart {

  padding-left: 6px;
}


.inventorycontainer {
  padding: 0px 10px 20px 10px;

}

@media (max-width: 1280px) {
.leftcolumn {
	
}

.centercolumn {
	width:76%;
}

.rightcolumn {
}


.rightalign {
  text-align: right;
  padding-right: 2px;
}

.leftalign {
  text-align: left;
  padding-right: 2px;
}

.centeralign {
  text-align: center;
  padding-right: 2px;
}



.norightcolumn {
width: 97% !important;
}
.col-sm-10 {
width: 50%;
}


.col-sm-12 {
width: 26.333333%;
}
.col-sm-11 {
width: 14.333333%;
}

.col-sm-2 {
  width: 16.333333% !important;
}

.col-sm-14 {
width: 63.333333%;
float: left;
margin-left: 10px;
}

.col-sm-17 {
width: 20%;
float: left;
margin-left: 10px;
}


#price {

  margin: 6px -7px 0 0px;
  
 }
 
 .hasDatepicker {
	width:120px !important;
}

.formwidth {
	width:400px !important;
	display:inline-block !important;
}



.datefloat {
	float:left;
	width:200px;
}

.datelabel {
	width:150px !important;
	padding:none !important;
}

.tooltipposition {
  float: right;
  margin-right: -5px;
  margin-top: -15px;
}

.purchaselabel {
	
	width:80px !important;
}

.thwidthlg {
	width:200px;
}

.datelabelrec {
	width:150px !important;
}

.longlabel {
  width: 200px !important;
}

.tooltipposition {
	top: 25px;
}

.xsmallbox {
	width:
}
.filtercontainerright2 {
	display:inline-block;
	
}

.filtercontainer {
	display:inline-block;
	width:28%;
	
}

.filterdate {
	width:5%;
	
}

.filtercontainerparts {
  display: inline-block;
  width: 10%;
}


}

@media (max-width:1024px){

.width84 {
width: 87px !important;
float: left;
}

.inlinethreecolumn2 {
width: 61%;
}

.col-sm-10 {
width: 74.333333%;
}


.col-sm-12 {
width: 44.333333%;
}

.col-sm-11 {
width: 14.333333%;
}

}


@media (max-width: 768px) {

.col-lg-1 {
width: 45%;

}
.leftcolumn {
width: 100%;
float: left;
}
.centercolumn {

	
}


.rightcolumn {
}
.mimscontainer {
	display:none;
}

.footer {
	position:relative;
}

.col-sm-10 {
width: 70.333333%;
}

.col-sm-12 {
width: 50.333333%;
}



}

@media (max-width: 640px) {


.col-lg-1 {
width: 24.333333%;
}


.leftcolumn {
	
}

.centercolumn {
width: 95%;
float: left;
	
}

.rightcolumn {
width: 95%;
float: left;
margin-bottom:20px;
}

.dashboardcontainer {
	float:left;
}

.footer {
	position:relative;
}

.col-sm-10 {
width: 59.333333%;
}


}


@media (max-width: 480px) {

.col-lg-1 {
width: 35.333333%;
}
.leftcolumn {
	width:100%;margin-left:10px; float:left;
}

.centercolumn {
width: 100%;
margin-left: 0px;
	
}

.rightcolumn {
width: 100%;
margin-left: 0px;}

.footer {
	position:relative;
}

.sign-in {
	width:434px;
}

.sign-in .popup {	width:434px;
}



}


@media (max-width: 320px) {

.sign-in .form-field {
width: 88%;
}

.control-label{
	display:none;
}

.leftcolumn {
	width:95%;margin-left:10px;
}

.centercolumn {
width:85%;margin-left:10px;
	
}

.rightcolumn {
margin-left:10px;
float: left;
width: 85%;
}

.navbar-brand{
	display:none;
}

.footer {
	position:relative;
}

.sign-in {
	width:284px;
}

.sign-in .popup {	width:284px;
}


}


@media (min-width: 768px) {

  .navbar-collapse-left {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
  }
  .navbar-collapse-left.collapse-left {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse-left.in {
    overflow-x: visible;
  }

	.navbar-left {
		margin-right: 0;
		margin-left: 0;
	}	

	.navbar-nav-left,
	.navbar-nav-left > li,
	.navbar-left,
	.navbar-right,
	.navbar-header
	{float:none !important;}

	.navbar-right .dropdown-menu {left:0;right:auto;}
	.navbar-collapse .navbar-nav.navbar-right:last-child {margin-right: 0;}
}

.currentPage {
	background-color: #2873B4 !important;
	color: #FFFFFF !important;
}

input[type="text"]:disabled {
	background:rgba(0,0,0,0); 
	border: 1px solid rgba(0,0,0,0);
}

#showInvenStyle{
	margin-right: 15px;
}

}

.bx-wrapper {
	margin-bottom:20px!important;
}

.bx-wrapper .bx-viewport {
	border-width:12px!important;
	border-radius: 6px!important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)!important;
	max-height:600px;
}

.bxslider li img {
	max-height:600px;
}

.bxslider li img, .bxslider li embed {
	margin:0 auto;
	display:block;
}

.bxslider li embed {
	width: 70%;
	height:600px;
}

.bxslider li iframe {
	margin:0 auto;
	padding-bottom:22px;
	display:block;
	border:none;
	margin-bottom:4px;
}

#bx-pager {
	display:block;
	text-align:center;
}

#bx-pager a {
	display:inline-block;
	margin:0 5px;
	width:64px;
	height:64px;
	overflow:hidden;
	border-radius:6px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)!important;
	position:relative;
	background:#333;
}

#bx-pager a img {
	height:100%;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	    -ms-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	opacity:0.7;
	filter:alpha(opacity=70);
	-webkit-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}

.bx-wrapper .bx-caption {
	top:0!important;
	bottom:auto!important;
	background:white!important;
	color:black!important;
	text-align:center;
	margin-left:5%;
	margin-right:5%;
	width:90%!important;
}

.bx-wrapper .bx-caption span {
	color:black!important;
}

.bxslider {
	min-height:100%;
}

#bx-pager a.landscape img {
	width:auto;
	height:100%;
}

#bx-pager a.portrait img {
	width:100%;
	height:auto;
}

#bx-pager a.active img {
	opacity:1;
	filter:alpha(opacity=100);
}

.pdf-thumb {
	text-decoration:none!important;
	color:white;
	font-weight:bold;
	font-size:18px;
	background:blue;
	padding-top:18px;
	-webkit-transition:all 0.1s ease-out;
	        transition:all 0.1s ease-out;
	background:#E41E00!important;
}
.pdf-thumb:hover, .pdf-thumb:active {
	color:#ccc;
}
.pdf-thumb.active {
	color:white!important;
	background:#B71504!important;
}
.gallery-link {
	border-radius:4px;
	display:inline-block;
	background-repeat: repeat-x;
	border-color: #e38d13;
	color: #fff;
	padding:6px 12px;
	background-color: #f0ad4e;
	background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
	background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);

}
.gallery-link .glyphicon {
	margin-left:5px;
	display:inline-block;
}

.pdf-caption {
	padding-bottom:5px;
	text-align:center;
	display:block;
}

.pdf-caption ~ embed {
	height:575px!important;
}

#pricingInfo .inline-formregulartext, #pricingInfo .control-label {
	padding:0;
	margin:0;
	line-height:0.5;
}

#pricingInfo .inline-formregulartext {
	padding-right:15px;
}

#pricingInfo .control-label {
	padding-left:15px;
}