/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  background: rgba(0,0,0,0.5);
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}


#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}


.active>.page-link, .page-link.active {
      background: #655e7a;
       border: 1px solid #655e7a;
  background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766); 
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
    border-color: #ebebeb;
}

.navbar-nav li .nav-link  {
    text-transform: uppercase;
    font-size: 14px;
}

.navbar-nav li .nav-link:hover,
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show{
    color: #FFFFFF;
      background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766); 
}
.dropdown-item:hover {
  background: #655e7a;
  background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766); 

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      background: #655e7a;
  background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766); 
}

h1,h2,h3,h4,h5,h6 {
    color: #333 !important;
}

.container {
    margin-top: 40px !important;
}
main,
label {
    font-size: 14px;
    color: #333;
}


main a,
a,
label a,
footer a {
    color: #a85400;
}

main a:hover {
    font-weight: bold;
}


td, th{
    font-size: 14px;
} 
fieldset, legend {
   all: revert;
}

fieldset {
    border: 1px solid #cccccc;
}


.custom-input {
    border: 1px solid #CCC; 
    border-radius: 0; 
    padding: 2px; 
    width: 50px;
    outline:none !important;
}

.custom-input:focus {
    border: 1px solid #b0b7bd; 
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 6px, rgb(202, 207, 211) 0px 0px 0px 4px;
}
.nav .nav-link {
    color: #655E7A;
}

img {
    max-width: 100%;
}

.btn {
    border-radius: 0;
}


.btn-primary {
  background: #655e7a;
  background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766);
border: 1px solid #655e7a;
}

.btn-primary:active,
.btn-primary:hover {
    background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(153,153,153,1) 89%);
border: 1px solid #333;
}


.jumbotron {
    padding: 20px;
    width: 100%;
}

.jumbotron h2,
.jumbotron p{
color: #000;

}


.jumbotron-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.form-control {
	border-radius: 0;
}

.card {
    border-radius: 0;
}

.responsive-stacked-table td {
	border-top: none;
	width: 33.33%;
}


/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: 50px;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

/* Counter */

.counter
{
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.counter-count
{
    font-size: 18px;
        background: #655e7a;
  background-image: -webkit-linear-gradient(top, #655e7a, #4f4766);
  background-image: -moz-linear-gradient(top, #655e7a, #4f4766);
  background-image: -ms-linear-gradient(top, #655e7a, #4f4766);
  background-image: -o-linear-gradient(top, #655e7a, #4f4766);
  background-image: linear-gradient(to bottom, #655e7a, #4f4766); 
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media(max-width: 476px) {
    
    .carousel-item img {
        width: 100%;
    }
.navbar-nav .dropdown-menu {
    border: 0;
}
	.responsive-stacked-table thead {
	display: none;
}
.responsive-stacked-table tr,
.responsive-stacked-table th,
.responsive-stacked-table td {
	display: block;
		width: 100%;
}
.responsive-stacked-table td {
	border-top: none;
}
.responsive-stacked-table tr td:first-child {
    border: 0 !important;

}
}