.register-card{
  position: relative !important;
  width: 90%;
}

/* item view in the shop thumbnail */
div.item-thumbnail-desc {
  text-align: center;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

.item-thumbnail-box-button {
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	display:block;
	text-align:center;
	border-radius:0 !important;
}

.item-thumbnail-container-fluid {
  padding: 60px 50px;
}

.item-thumbnail-panel-item {
  border: 1px solid #ccc;
  border-radius:0 !important;
  transition: box-shadow 0.5s;
	margin-bottom: 30px;
}

.out-of-stock{
  border: 1px solid 	#d9534f !important;
}

.item-thumbnail-panel-item:hover {
  border: 1px solid #777;
}

.item-thumbnail-panel-item-heading {
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.item-thumbnail-panel-item-footer {
  background-color: white !important;
}

.item-thumbnail-panel-item-footer h3 {
  font-size: 32px;
}

.item-thumbnail-pane-item-footer h4 {
  color: #aaa;
  font-size: 14px;
}

.item-thumbnail-sub-heading {
  padding: 10px;
  color: azure;
  background-color: #fc7c5c;
  border-radius: 20px;
}

.overflow-auto {
  overflow: auto;
}

@keyframes widthExpand {
  0%   {width:0%}
  10%  {width:15%}
  20%  {width:20%}
  30%  {width:25%}
  40%  {width:38%}
  50%  {width:40%}
  60%  {width:60%}
  70%  {width:65%}
  80%  {width:80%}
  90%  {width:95%}
  100%  {width:100%}
}

.progressbarFill {
  -webkit-animation: widthExpand 8s; /* Safari 4+ */
  -moz-animation:    widthExpand 8s; /* Fx 5+ */
  -o-animation:      widthExpand 8s; /* Opera 12+ */
  animation:         widthExpand 8s; /* IE 10+, Fx 29+ */
}

.img-custom{
  box-shadow: none !important;
  border-radius:0px !important;
}

.quilt-button{
  background-color: #412a49 !important;
  border-color:  #412a49 !important;
  border-radius: 2px;
  color: white !important;
  /* width:10%; */
}

.quilt-button:hover{
  background-color: #351f3d !important;
  border-color:  #351f3d !important;
}

.btn{
    border-radius: 2px;
}

/* side bar active tab */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
  background-color: #d9d4db !important;
  color:#412a49;
}

a {
  color: #412a49;
}

.validation-errors{
    border-radius: 5px;
    background-color: #d9534f !important;
    color:white !important;
    padding: 10px !important;
    margin-bottom:10px !important;
}

.table-button-margins{
    margin-bottom: 10px !important;
}

.highlight{
    background-color: yellow;
}

/* side navigation bar */
[class*=sidebar-dark-]{
  background-color: #412a49 !important;
}

/* mobile view */
@media only screen and (max-width: 768px) {
  .mobile-display {
    display: block;
  }

  .desktop-display {
    display: none;
  }

  .mobile-table{
    display: table;
  }

  .desktop-table{
    display: none;
  }
}

/* desktop view */
@media only screen and (min-width: 768px) {
  .mobile-display {
    display: none;
  }

  .desktop-display {
    display: block;
  }

  .desktop-display-sizing {
    width: 50%;
  }

  .mobile-table{
    display: none;
  }

  .desktop-table{
    display: table;
  }
}

hr.app-hr {
  border: 5px solid #412a49 !important;
  border-radius: 5px !important;
}

.btn-success{
  color:white !important;
}

#loader {
  z-index: 1051 !important;
}

.btn-back{
  background-color: #858796;
  border-color: #858796;
  color:#fff;
}

.btn-back:hover{
  background-color: #757785;
  border-color: #757785;
  color:#fff;
}

.btn-back:focus{
  background-color: #757785;
  border-color: #757785;
  color:#fff;
}

.right-align{
  display:flex;
  justify-content: flex-end;
}