@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,900');

.border-rounded{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	background: #fff;
}
.border-solid {
    border: 1px solid #ddd;
}
.text-bold{
	font-weight:700;
}

.width-service-name{
    width: 250px;
}

.forced-pull-right-search{
    float: right;
    padding: 10px;
    width: 250px;
}

.nav-forced-centered{
	width:100%;
	text-align:center;
	margin-top:10px;
}

.order-url{
	word-wrap: break-word;max-width:40vw;
}

.payment_authorized{
	background-color:green;color:white;
}

.pagination{
	
}

.panel_icon_class{
	margin-top:-16px;
}
.container{
	max-width: 90%;
	margin: auto;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
@media only screen and (max-width: 900px) {
    .d-flex {
        flex-direction: column;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
.align-self-center {
    align-self: center !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.mt-3 {
    margin-top: 1rem !important;
  }
.mt-4 {
    margin-top: 1.5rem !important;
  }
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
  }
  
  .rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  
  .rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  
  .rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  
  .rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  
  .rounded-circle {
    border-radius: 50% !important;
  }
  
  .rounded-0 {
    border-radius: 0 !important;
  }
  .p-2 {
    padding: 0.75rem !important;
  }  
  .p-3 {
    padding: 1rem !important;
  }  
  .p-4 {
    padding: 1.5rem !important;
  }
  
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .rounded-3 {
    border-radius: 1.25rem !important;
}
  .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }
  .bg-dark {
    background-color: #000 !important;
  }
  .w-100 {
    width: 100% !important;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  
.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
  }
  @media (min-width: 1200px) {
    .display-3 {
      font-size: 4rem;
    }
  }
  
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
  }
  @media (min-width: 1200px) {
    .display-4 {
      font-size: 3.5rem;
    }
  }
  .display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
  }
  @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem;
    }
  }
  
.fw-normal {
    font-weight: 400 !important;
  }
  
  .fw-medium {
    font-weight: 500 !important;
  }
  
  .fw-semibold {
    font-weight: 600 !important;
  }
  
  .fw-bold {
    font-weight: 700 !important;
  }
  
  .fw-bolder {
    font-weight: bolder !important;
  }
  .bg-white {
    background-color: #fff !important;
  }