// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  9999px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  9999px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  9999px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  9999px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;


input[type=checkbox] { width: 24px; height: 24px; vertical-align: bottom;}
/* Space out content a bit */
body
 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Calibri", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.428571429;
  color: #BCBDBE;
  background-color: #1F1F1F;
  /*min-width: 1100px;*/
}

.container-non-responsive{
margin: auto;
width: 1190px!important;

}
.sideBar {
	width: 205px;

	border: 0px solid white!important;

}
.CentContent {
	min-width: 750px!important;

	border: 0px solid white;

}
.subnav {
	float: right;
}
.subnav {
	float: right;
}
.subnav > a {
	font-size:15px;
	margin-left: 20px;
	text-transform: uppercase;
}
.subnav > p {
	font-size:15px;
	margin-left: 20px;
	text-transform: uppercase;
	display:inline-block;
}
.currentItem {
  color: #ce9100;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
	height:100px;
    min-width: 750px;
	/*border: 1px solid white;*/
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

.btn-tse-grey { 
  color: #F4F5F7; 
  background-color: #3f444e; 
  border-color: #3f444e; 
  height: 50px;
/*background: #3f444e; /* Old browsers */
background: #737b86; /* Old browsers */
background: -moz-linear-gradient(top,  #737b86 0%, #3f444e 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737b86), color-stop(85%,#3f444e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #737b86 0%,#3f444e 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #737b86 0%,#3f444e 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #737b86 0%,#3f444e 85%); /* IE10+ */
background: linear-gradient(to bottom,  #737b86 0%,#3f444e 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737b86', endColorstr='#3f444e',GradientType=0 ); /* IE6-9 */
}
 
.btn-tse-grey:hover, 
.btn-tse-grey:focus, 
.btn-tse-grey:active, 
.btn-tse-grey.active, 
.open .dropdown-toggle.btn-tse-grey { 
  color: #F4F5F7; 
  background-color: #6F7782; 
  border-color: #414651; 
} 
 
.btn-tse-grey:active, 
.btn-tse-grey.active, 
.open .dropdown-toggle.btn-tse-grey { 
  background-image: none; 
} 
 
.btn-tse-grey.disabled, 
.btn-tse-grey[disabled], 
fieldset[disabled] .btn-tse-grey, 
.btn-tse-grey.disabled:hover, 
.btn-tse-grey[disabled]:hover, 
fieldset[disabled] .btn-tse-grey:hover, 
.btn-tse-grey.disabled:focus, 
.btn-tse-grey[disabled]:focus, 
fieldset[disabled] .btn-tse-grey:focus, 
.btn-tse-grey.disabled:active, 
.btn-tse-grey[disabled]:active, 
fieldset[disabled] .btn-tse-grey:active, 
.btn-tse-grey.disabled.active, 
.btn-tse-grey[disabled].active, 
fieldset[disabled] .btn-tse-grey.active { 
  background-color: #414651; 
  border-color: #414651; 
} 
 
.btn-tse-grey .badge { 
  color: #414651; 
  background-color: #F4F5F7; 
}

.nav {
  font-size: 24px;
}
.nav > li > a {
  color: #1F1F1F;
  position: relative;
  margin-top: 25px;
  display: block;
  padding: 10px 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #ce9100;
  background-color: #1F1F1F;
}
.nav-pills > li > a {
  color: #BDBEBF;
  background-color: #1F1F1F;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #ce9100;
  background-color: #1F1F1F;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ce9100;
  background-color: #1F1F1F;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav.nav-pills, .centered-pills ul.nav.nav-tabs { display:inline-block; }
.centered-pills ul.nav.nav-pills li, .centered-pills ul.nav.nav-tabs li { display:inline; }

a {
  color: #B9BABB;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ce9100;
  text-decoration: none;
}

p > a {
	cursor: pointer;
}

/* Custom page footer */
.footer { 
  font-size: 12px;
  margin-top: 60px;
  padding-top: 19px;
  color: #B9BABB;
  border-top: 1px none #e5e5e5;
  text-align: center;

}
.Centered {
	width: auto;
}

.carousel {
margin-bottom: 80px;
}
.carousel-inner {
border-radius: 10px;
max-width: 750px;
margin:auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-indicators {
  position: absolute;
  bottom: -60px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 1px;
  text-indent: -999px;
  background-image: url(../img/carousel/indicator.png);
  border-radius: 25px;
  border: 1px none #B9BABB;  
  cursor: pointer;
  background-color: #1F1F1F \9;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 2px #000;
        box-shadow: 0 0 2px #000;
}
.carousel-indicators .active {
  margin: 0;
  width: 28px;
  height: 28px;
  margin: 1px;
  background-image: url(../img/carousel/indicator-active.png);
  background-color: #1F1F1F;
  -webkit-box-shadow: 0 0 2px #000;
        box-shadow: 0 0 2px #000;
}

.shadowed {
margin:0px;
border: 3px solid black;
-webkit-box-shadow: 0 0 2px #000;
        box-shadow: 0 0 2px #000;
}
.shadowed:hover {
margin:0px;
border: 3px solid black;
-webkit-box-shadow: 0 0 2px #000;
        box-shadow: 0 0 2px #000;
}

.tse-icon-green{
	color: #7DB900;
	font-size:  12px;
}
.tse-icon-red{
	color: #D71F00;
	font-size:  12px;
}
.btn-tse-red {
    /*background-image: url(../img/btn-red.png);*/
    background-color: red;
	border-radius: 10px;
	height: 44px;
	font-size: 18px;
	/*min-width: 172px;	
	padding: 3px;*/
	}	
.btn-tse-green {
    /*background-image: url(../img/btn-green.png);*/
    background-color: #7FC000;
	border-radius: 10px;
	height: 44px;
	font-size: 18px;
	/*min-width: 172px;	
	padding: 3px;*/
	}
.btn-tse-yellow {
    /*background-image: url(../img/btn-green.png);*/
    background-color: #EEA133;
	border-radius: 10px;
	height: 44px;
	font-size: 18px;
	/*min-width: 172px;	
	padding: 3px;*/	
}
.tse-input-orange {
	background: #000;
	color:#CE9100;
	border: none;
	border: none;
	text-shadow: 0 1px 0 #CE9100;
}
.tse-input-orange:hover {
	background: #CE9100;
	color:#000;
	border: none;
	border: none;
	text-shadow: 0 1px 0 #CE9100;
}
.btn-tse-text {
padding-top: 10px;
}
.news-thumb {
	background: black;
	border-radius: 10px;
}
.product-thumb {
	background: black;
	border-radius: 10px;
	margin: 2px;
	width: 75px;
	height: 75px;
}
.product-thumb:hover,
product-thumb:focus,
.product-thumb:active,
.product-thumb.active,
.open .dropdown-toggle.product-thumb {
  color: #ffffff;
  background-color: #C47918;
}

.thumb {
	float: right;
	border-radius: 10px;
    position: relative;
	width: 75px;
	height: 75px;
    overflow: hidden;
}
.thumb img {
    /*width: 100%;*/
    padding: 0;
}
.thumb > div {
    background-color: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s linear;
    text-shadow: #000 1px 1px 0;
    color: #ccc;
}
.thumb:hover > div {
	border-radius: 10px;
 	border: 4px solid #C47918;
    display: block;
    opacity: 1.0;
}
.thumb > div div {
    padding: 0px 0px;
}
.thumb h2 {
	text-align:center;
	color: #ce9100;
    font-size: 24px;
    /*text-transform: uppercase;*/
    margin-bottom: 0px;
}
.thumb p {
    margin-bottom: 0px;
}
.logo {
	width: 250px;
	float: left;
}


.modal-content {
	background-color: #1F1F1F;
}
.modal-header {
    border-bottom: 0px solid rgb(229, 229, 229);
    padding: 0px 15px 15px 15px
}
.modal-footer {
    border-top: 0px solid rgb(229, 229, 229);
    margin-top: 0px;
    padding-bottom: 20px;
    }

.admin-form {
	padding:5px;
}
.login-dropdown {
	/*width:300px;
	left:-250px;*/
	min-width:300px;
	background:#1F1F1F;
	color: #B8B9BB;
	/*border-radius: 10px;
	border: 8px solid black;
	box-shadow: 0px 0px 18px black;*/
}
.heading {
	color:#CE9100;
	font-size: 24px;
}
.details {
	font-size: 14px;
}
.invoice-head td {
  padding: 0 8px;
}
.invoice-body{
  background-color:transparent;
}
.invoice-thank{
  margin-top: 60px;
  padding: 5px;
}
address{
  margin-top:15px;
}
.parsley-error-list,
.parsley-error-list > li{
	font-size: 12px;
	list-style-type: none;
	color: red;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 0px solid rgb(221, 221, 221);
}
.user-dropdown {
	/*width:300px;*/
	left:-100px;
	text-align:middle;
	min-width:100px;
	background:#1F1F1F;
	color: #B8B9BB;
	/*border-radius: 10px;
	border: 8px solid black;
	box-shadow: 0px 0px 18px black;*/
}
.user-form,
.user-form > ul > li{
	font-size: 14px;
	list-style-type: none;
	color: red;
	padding-right: 20px;
}







/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}