.wrapper-service-list {
  border: 1px solid #91b5d3;
  border-radius: 4px;
  margin: 0 0 24px;
  width: 100%;
  background-color: white;
}

.service-list-title {
  text-align: center;
  background-color: #ebf3ff;
  padding: 8px;
  color: #204674;
}

.wrapper-service-content {
  border-top: 1px solid #91b5d3;
  padding: 0px 0px 8px;
}

.service-content-title {
  padding: 8px 4px;
  color: #4e4e4e;
  font-size: 17px;
}
a.wrapper-btn-create-service {
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  width: 210px;
  margin: auto;
  border: 2px solid #c3b8b8;
  box-shadow: 0 2px 4px 0px rgba(10, 15, 30, 0.25), 0 2px 4px 0px rgba(10, 15, 30, 0.14);
  color: unset;
}
a.wrapper-btn-create-service:hover {
  border-color: #4ea4ff;
  color: unset;
}
a.wrapper-btn-create-service:hover.proxy {
  border-color: #2ad18d;
}
a.wrapper-btn-create-service .wrapper-icon {
  text-align: center;
  margin-right: 8px;
  width: 44px;
}
a.wrapper-btn-create-service .wrapper-icon i {
  font-size: 36px;
}
a.wrapper-btn-create-service .wrapper-img {
  margin-right: 4px;
}
a.wrapper-btn-create-service .wrapper-img img {
  height: 35px;
  width: 55px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
a.wrapper-btn-create-service .wrapper-content {
  flex: 1 1;
}
a.wrapper-btn-create-service .wrapper-content .content-heading {
  font-weight: 700;
  font-size: 15px;
}
a.wrapper-btn-create-service .wrapper-content .content-description {
  font-size: 12px;
  font-style: italic;
}

@media only screen and (max-width: 650px) {
    .wrapper-service-list .col-12 {
      width: 48%;
    }
}
@media only screen and (min-width: 650px) and (max-width: 850px) {
    .wrapper-service-list .col-12 {
      width: 33%;
    }
}
@media only screen and (min-width: 850px) and (max-width: 1050px) {
    .wrapper-service-list .col-12 {
      width: 25%;
    }
}
@media only screen and (min-width: 1050px) and (max-width: 1250px) {
    .wrapper-service-list .col-12 {
      width: 20%;
    }
}
@media only screen and (min-width: 1250px) and (max-width: 1450px) {
    .wrapper-service-list .col-12 {
      width: 16.66%;
    }
}
@media only screen and (min-width: 1450px) {
    .wrapper-service-list .col-12 {
      width: 14%;
    }
}
/*.wrapper-service-list .col-12 {*/
/*      margin: auto;*/
/*    }*/




@media (max-width: 767px) {
    .body-nav {
        padding-left: unset !important;
    }
}
@media (max-width: 1199px) {
    .body-nav {
        padding-left: 100px;
    }
}
.body-nav {
    padding-top: var(--height-nav-bar);
    padding-left: var(--width-nav-left);
    transition: padding-left 0.5s;
}
.my-container {
    padding: 24px 12px;
}
.font-weight-bold {
    font-weight: 700 !important;
}
a.btn-collapse.active {
    color: #4f5f8f;
    background-color: #ebf3ff;
    border-color: #ebf3ff;
    outline: 1px solid #91b5d3;
    z-index: 1;
}
a.btn-collapse {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid gray;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #4f5f8f;
    background-color: #fff;
    border-color: #fff;
}
.flex-1 {
    flex: 1 1 !important;
}
.flex-1 {
    flex: 1 1;
    width: 100%;
}
a.btn-collapse {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid gray;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #4f5f8f;
    background-color: #fff;
    border-color: #fff;
}