.bg-primary {
  background-color: #0D3D53 !important;
}

.back {
  font-size: 25px;
  color: #009DCD;
}

button {
  outline: none !important;
}

.text-small {
  font-size: 10px;
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1009;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1009;
}

.bg-gray {
  background-color: #fdfdfd;
}

.text-primary {
  color: #145D80 !important;
}

p, .p {
  font-family: 'DIN Pro', sans-serif;
  color: #808080;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: 'CervoNeue-ExtraBoldNeue';
}

.row {
  margin: 0;
}

.border-bottom-u {
  border-bottom-left-radius: 100% 50px;
  border-bottom-right-radius: 100% 50px;
}

.bg-light-gray {
  background-color: #F5F6F6;
}

.divider {
  border: 0.5px solid rgba(188,190,192,0.5);
  margin: 0 auto;
}

.w-80 {
  width: 80%;
}

.profile-pic {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  background: #fefefe;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.user-image {
  background-image: url("../../assets/img/image%2017.png?h=e3dac4a8176538187a69d8fb2449d316");
}

.profile-pic-sm {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #fefefe;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.profile-pic-product-sm {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

.user-image-sm {
  background-image: url("../../assets/img/image%2017.png?h=e3dac4a8176538187a69d8fb2449d316");
}

.user-profile-image-sm {
  background-image: url("../../assets/img/user-placeholder-6.png?h=623d4c074f46abba62f689cca0df677d");
}

.user-favorite-image {
  background-image: url("../../assets/img/user-placeholder-6.png?h=623d4c074f46abba62f689cca0df677d");
}

.user-procedure-sm {
  background-image: url("../../assets/img/mini-img-placeholder.png?h=30f67d1911be1e34c92fb5650918e8ec");
}

.surgicel-img-sample {
  background-image: url("../../assets/img/6363.png?h=595896ab590cc44d5f421e287379ddcb");
}

.supply-image {
  background-image: url("../../assets/img/image%2032.png?h=25422bb740818113ec81af4968a7a11b");
}

.font-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}

.font-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
}

select {
  background: #FFFFFF;
  border: 1.5px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 5px 10px;
}

input:focus, .select:focus {
  outline: none !important;
}

.text-border {
  border: none;
  border-bottom: 1px solid #E5E5E5;
}

.bg-secondary {
  background-color: #009DCD !important;
}

.btn-primary {
  border-radius: 100px;
  padding: 15px;
}

.content {
  padding-left: 15px;
  padding-right: 15px;
}

.text-gray {
  color: #BCBEC0 !important;
}

.w-90 {
  width: 90%;
}

.nav-tabs .nav-link {
  border: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #145D80 !important;
  border-bottom: 3px solid;
  background-color: transparent;
}

.border-radius-10 {
  border-radius: 10px;
}

.bg-gradiant {
  background: linear-gradient(172.06deg, #ececec 11.14%, #ffffff 94.94%);
}

.div-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.border-bottom-light {
  border-bottom: 0.5px solid #E6E6E6;
}

#main-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  z-index: 1010;
  /*transition: background 0.3s ease;*/
}

#main-menu:focus {
  /*transition: background 0.3s ease;*/
  background-color: red;
}

.row {
  margin: 0;
}

#right-modal .modal-content {
  min-height: 100vh;
  width: 50%;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0;
  padding: 0;
}

#menu-right {
  top: 0px;
  bottom: 0px;
  background: #fff;
  z-index: 1002;
  right: 0;
  height: 100vh;
  margin: 0 !important;
  padding: 0;
}

#right-modal .modal-dialog {
  margin: 0;
}