.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/*===Link Web==*/
.linkweb {
  position: absolute;
  top: 0;
  bottom: 1rem;
}

/*===Base Galery===*/
.gallery_base {
  flex-wrap: wrap;
}

/*====Default Loading====*/
.loadingbase {
  position: absolute;
  z-index: 10000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
}

.activeloading {
  display: flex !important;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #333;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

/*===Loading Cards====*/
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*===Style for Block View===*/
@media only screen and (max-width: 1023px) {
  .only_mobile {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    z-index: 999;
  }
  .only_mobile_dialog {
    width: 400px;
    padding: 24px;
    border-radius: 24px;
    background-color: #e9ecf7;
    color: #4763e2;
  }
  .only_mobile_dialog p {
    margin: 0px;
  }
  .only_mobile_dialog p span {
    font-weight: 600;
  }
}
/*===Document Structure===*/
body {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
}

header {
  /* order:1; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /*     height:15%; */
}
header .logotipo,
header .searchbar {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}
header .logotipo a {
  width: 80%;
}
header .searchbar .searchmaster {
  width: 80%;
}
header .searchbar .baselistsearchmaster {
  position: absolute;
  display: none;
  flex-direction: column;
  z-index: 10;
  /* width: 100vw; */
  /*  left: -20%; */
  height: auto;
  /* min-height: 12rem;
  top: 5.5rem; */
  background-color: #fff;
}
header .searchbar .baselistsearchmaster .noresultmaster {
  display: none;
}
header .searchbar .baselistsearchmaster .dynamicresultlistmaster {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none;
  /*            align-items: center; */
  justify-content: center;
  height: auto;
  overflow-y: auto;
}
header .companylogo {
  position: absolute;
  width: 162px;
  height: 48px;
  top: 30px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .companylogo img {
  float: right;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
  max-width: 100%;
}

.breadcrumbstructure nav ul li {
  border: none;
  background: none;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}
.breadcrumbstructure nav ul li::after {
  content: ">";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.breadcrumbstructure nav ul li:last-child::after {
  content: " " !important;
}

.back:hover {
  cursor: pointer;
}

.containerbase {
  height: 100% !important;
  overflow: auto;
  /* order:2; */
  /* height:85%; */
  /* display:flex; */
  flex-direction: row;
  justify-content: space-between;
  /*===Aside Structure===*/
}
.containerbase .navaside {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /*         width: 100%; */
  align-items: center;
  justify-content: flex-start;
}
.containerbase .navaside .navstructure {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.containerbase .navaside .navstructure ul li {
  display: flex !important;
  width: 100% !important;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  margin-bottom: 1rem;
}
.containerbase .navaside .navstructure ul li a,
.containerbase .navaside .navstructure ul li div {
  height: auto;
  width: 80%;
}
.containerbase .navaside .navstructure ul li div ul.navmenudropdown {
  display: none;
  width: 100%;
  padding: 0;
}
.containerbase .navaside .navstructure ul li div ul.navmenudropdown li a {
  width: 100%;
}
.containerbase .navaside .navstructure ul li:hover {
  cursor: pointer;
}
.containerbase .navaside .navstructure ul li:first-child {
  margin-top: 0;
}
.containerbase .allcontent {
  height: 100%;
  overflow-y: auto;
  /*===Content Base==*/
}
.containerbase .allcontent .contentbase {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  /*===Form Create=*/
  /*===Content Default==*/
}
.containerbase .allcontent .contentbase .contentformcreate {
  width: 95%;
}
.containerbase .allcontent .contentbase .content {
  width: 100%;
  height: 100%;
  /*====Related Forms in Suppliers Single Page===*/
}
.containerbase .allcontent .contentbase .content .cotentprimary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  height: 100%;
}
.containerbase .allcontent .contentbase .content .cotentprimary .titlebase,
.containerbase .allcontent .contentbase .content .cotentprimary .seletoresbase {
  height: 20%;
}
.containerbase .allcontent .contentbase .content .cotentprimary .removefields {
  height: 3rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .titlebase {
  margin-top: 5rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .titlebase h1 {
  margin-top: 1.5rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .searchlistbase {
  height: 3rem;
  width: 20rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .searchlistbase input[type=search] {
  width: inherit;
  padding-left: 5%;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .baseorderchange {
  width: 20rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .baseorderchange .orderbox,
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .baseorderchange .changeliststyle {
  width: 50%;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .seletoresbase .baseorderchange .changeliststyle button:nth-of-type(2) {
  margin-left: 1rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist {
  height: 100vh;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .noresult {
  display: none;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card {
  display: flex;
  margin: 1rem;
  height: auto;
  border: 0.1rem solid #333;
  min-height: 10rem;
  border-radius: 1rem;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card .cardchild {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card .cardchild span:nth-of-type(1) {
  order: 1;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card .cardchild span:nth-of-type(2) {
  order: 2;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card .cardchild span:nth-of-type(3) {
  order: 3;
}
.containerbase .allcontent .contentbase .content .cotentprimary .baselistandsearch .resultlist .baselistall .dynamicresultlist .card .cardchild span:nth-of-type(4) {
  order: 4;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card {
  display: flex;
  margin: 1rem;
  height: auto;
  border: 0.1rem solid #333;
  min-height: 10rem;
  border-radius: 1rem;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card .cardchild {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card .cardchild span:nth-of-type(1) {
  order: 1;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card .cardchild span:nth-of-type(2) {
  order: 2;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card .cardchild span:nth-of-type(3) {
  order: 3;
}
.containerbase .allcontent .contentbase .content .baseformrelated .baseformlistrelated .card .cardchild span:nth-of-type(4) {
  order: 4;
}

.inputfilefields {
  display: none;
}

.inputsearchmodal {
  width: 80%;
}

.resultmodal,
.resultmodalUsers,
.resultmodalforms {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.resultmodal li.modalitem,
.resultmodalUsers li.modalitem,
.resultmodalforms li.modalitem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.choosemodalitems,
.choosemodalitemsforms,
.chooseModalItemsUsers {
  list-style-type: none;
  display: none;
  flex-direction: column;
  width: 100%;
}
.choosemodalitems li.modalitem,
.choosemodalitemsforms li.modalitem,
.chooseModalItemsUsers li.modalitem {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.selectlistmodal,
.selectlistmodalforms {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  list-style-type: none;
}
.selectlistmodal li,
.selectlistmodalforms li {
  margin-left: 2rem;
}
.selectlistmodal li:first-child,
.selectlistmodalforms li:first-child {
  margin-left: 0;
}

.btnallremove,
.btnallremoveforms,
.btnallremoveuser {
  display: none;
}

.removeallbutton {
  margin-top: 12px;
}

.noresult {
  display: none;
}

.settingsmenu {
  list-style-type: none;
}
.settingsmenu li {
  background: none;
  border: none;
}

.basecontentsettings .settingscontent {
  display: none;
}

.feedbackmessages {
  display: none;
  width: 30rem;
  height: 14rem;
  border: 0.2rem solid #333;
  position: absolute;
  background: #fff;
  border-radius: 1rem;
  z-index: 1;
  bottom: 0;
  right: 0;
}
.feedbackmessages ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loginbase {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loginbase .contentbase {
  width: 30%;
  height: auto;
}

.baseselectlistforms,
.baseselectlistsupplier,
.baseselectlistforms,
.baseselectlistassigned,
.baseselectliststatus {
  display: none;
}
.baseselectlistforms .selectlistresultforms .noresultform,
.baseselectlistforms .selectlistresultforms .noresultsupplier,
.baseselectlistforms .selectlistresultforms .noResultAssigned,
.baseselectlistforms .selectlistresultforms .noresultstate,
.baseselectlistforms .selectlistresultforms .noresultforms,
.baseselectlistforms .selectlistresultsupplier .noresultform,
.baseselectlistforms .selectlistresultsupplier .noresultsupplier,
.baseselectlistforms .selectlistresultsupplier .noResultAssigned,
.baseselectlistforms .selectlistresultsupplier .noresultstate,
.baseselectlistforms .selectlistresultsupplier .noresultforms,
.baseselectlistforms .selectlistresultassigned .noresultform,
.baseselectlistforms .selectlistresultassigned .noresultsupplier,
.baseselectlistforms .selectlistresultassigned .noResultAssigned,
.baseselectlistforms .selectlistresultassigned .noresultstate,
.baseselectlistforms .selectlistresultassigned .noresultforms,
.baseselectlistforms .selectlistresultstatus .noresultform,
.baseselectlistforms .selectlistresultstatus .noresultsupplier,
.baseselectlistforms .selectlistresultstatus .noResultAssigned,
.baseselectlistforms .selectlistresultstatus .noresultstate,
.baseselectlistforms .selectlistresultstatus .noresultforms,
.baseselectlistsupplier .selectlistresultforms .noresultform,
.baseselectlistsupplier .selectlistresultforms .noresultsupplier,
.baseselectlistsupplier .selectlistresultforms .noResultAssigned,
.baseselectlistsupplier .selectlistresultforms .noresultstate,
.baseselectlistsupplier .selectlistresultforms .noresultforms,
.baseselectlistsupplier .selectlistresultsupplier .noresultform,
.baseselectlistsupplier .selectlistresultsupplier .noresultsupplier,
.baseselectlistsupplier .selectlistresultsupplier .noResultAssigned,
.baseselectlistsupplier .selectlistresultsupplier .noresultstate,
.baseselectlistsupplier .selectlistresultsupplier .noresultforms,
.baseselectlistsupplier .selectlistresultassigned .noresultform,
.baseselectlistsupplier .selectlistresultassigned .noresultsupplier,
.baseselectlistsupplier .selectlistresultassigned .noResultAssigned,
.baseselectlistsupplier .selectlistresultassigned .noresultstate,
.baseselectlistsupplier .selectlistresultassigned .noresultforms,
.baseselectlistsupplier .selectlistresultstatus .noresultform,
.baseselectlistsupplier .selectlistresultstatus .noresultsupplier,
.baseselectlistsupplier .selectlistresultstatus .noResultAssigned,
.baseselectlistsupplier .selectlistresultstatus .noresultstate,
.baseselectlistsupplier .selectlistresultstatus .noresultforms,
.baseselectlistforms .selectlistresultforms .noresultform,
.baseselectlistforms .selectlistresultforms .noresultsupplier,
.baseselectlistforms .selectlistresultforms .noResultAssigned,
.baseselectlistforms .selectlistresultforms .noresultstate,
.baseselectlistforms .selectlistresultforms .noresultforms,
.baseselectlistforms .selectlistresultsupplier .noresultform,
.baseselectlistforms .selectlistresultsupplier .noresultsupplier,
.baseselectlistforms .selectlistresultsupplier .noResultAssigned,
.baseselectlistforms .selectlistresultsupplier .noresultstate,
.baseselectlistforms .selectlistresultsupplier .noresultforms,
.baseselectlistforms .selectlistresultassigned .noresultform,
.baseselectlistforms .selectlistresultassigned .noresultsupplier,
.baseselectlistforms .selectlistresultassigned .noResultAssigned,
.baseselectlistforms .selectlistresultassigned .noresultstate,
.baseselectlistforms .selectlistresultassigned .noresultforms,
.baseselectlistforms .selectlistresultstatus .noresultform,
.baseselectlistforms .selectlistresultstatus .noresultsupplier,
.baseselectlistforms .selectlistresultstatus .noResultAssigned,
.baseselectlistforms .selectlistresultstatus .noresultstate,
.baseselectlistforms .selectlistresultstatus .noresultforms,
.baseselectlistassigned .selectlistresultforms .noresultform,
.baseselectlistassigned .selectlistresultforms .noresultsupplier,
.baseselectlistassigned .selectlistresultforms .noResultAssigned,
.baseselectlistassigned .selectlistresultforms .noresultstate,
.baseselectlistassigned .selectlistresultforms .noresultforms,
.baseselectlistassigned .selectlistresultsupplier .noresultform,
.baseselectlistassigned .selectlistresultsupplier .noresultsupplier,
.baseselectlistassigned .selectlistresultsupplier .noResultAssigned,
.baseselectlistassigned .selectlistresultsupplier .noresultstate,
.baseselectlistassigned .selectlistresultsupplier .noresultforms,
.baseselectlistassigned .selectlistresultassigned .noresultform,
.baseselectlistassigned .selectlistresultassigned .noresultsupplier,
.baseselectlistassigned .selectlistresultassigned .noResultAssigned,
.baseselectlistassigned .selectlistresultassigned .noresultstate,
.baseselectlistassigned .selectlistresultassigned .noresultforms,
.baseselectlistassigned .selectlistresultstatus .noresultform,
.baseselectlistassigned .selectlistresultstatus .noresultsupplier,
.baseselectlistassigned .selectlistresultstatus .noResultAssigned,
.baseselectlistassigned .selectlistresultstatus .noresultstate,
.baseselectlistassigned .selectlistresultstatus .noresultforms,
.baseselectliststatus .selectlistresultforms .noresultform,
.baseselectliststatus .selectlistresultforms .noresultsupplier,
.baseselectliststatus .selectlistresultforms .noResultAssigned,
.baseselectliststatus .selectlistresultforms .noresultstate,
.baseselectliststatus .selectlistresultforms .noresultforms,
.baseselectliststatus .selectlistresultsupplier .noresultform,
.baseselectliststatus .selectlistresultsupplier .noresultsupplier,
.baseselectliststatus .selectlistresultsupplier .noResultAssigned,
.baseselectliststatus .selectlistresultsupplier .noresultstate,
.baseselectliststatus .selectlistresultsupplier .noresultforms,
.baseselectliststatus .selectlistresultassigned .noresultform,
.baseselectliststatus .selectlistresultassigned .noresultsupplier,
.baseselectliststatus .selectlistresultassigned .noResultAssigned,
.baseselectliststatus .selectlistresultassigned .noresultstate,
.baseselectliststatus .selectlistresultassigned .noresultforms,
.baseselectliststatus .selectlistresultstatus .noresultform,
.baseselectliststatus .selectlistresultstatus .noresultsupplier,
.baseselectliststatus .selectlistresultstatus .noResultAssigned,
.baseselectliststatus .selectlistresultstatus .noresultstate,
.baseselectliststatus .selectlistresultstatus .noresultforms {
  display: none;
}
.baseselectlistforms .selectlistresultforms ul li:hover,
.baseselectlistforms .selectlistresultsupplier ul li:hover,
.baseselectlistforms .selectlistresultassigned ul li:hover,
.baseselectlistforms .selectlistresultstatus ul li:hover,
.baseselectlistsupplier .selectlistresultforms ul li:hover,
.baseselectlistsupplier .selectlistresultsupplier ul li:hover,
.baseselectlistsupplier .selectlistresultassigned ul li:hover,
.baseselectlistsupplier .selectlistresultstatus ul li:hover,
.baseselectlistforms .selectlistresultforms ul li:hover,
.baseselectlistforms .selectlistresultsupplier ul li:hover,
.baseselectlistforms .selectlistresultassigned ul li:hover,
.baseselectlistforms .selectlistresultstatus ul li:hover,
.baseselectlistassigned .selectlistresultforms ul li:hover,
.baseselectlistassigned .selectlistresultsupplier ul li:hover,
.baseselectlistassigned .selectlistresultassigned ul li:hover,
.baseselectlistassigned .selectlistresultstatus ul li:hover,
.baseselectliststatus .selectlistresultforms ul li:hover,
.baseselectliststatus .selectlistresultsupplier ul li:hover,
.baseselectliststatus .selectlistresultassigned ul li:hover,
.baseselectliststatus .selectlistresultstatus ul li:hover {
  cursor: pointer;
}
.baseselectlistforms .selectlistresultforms ul li span:hover,
.baseselectlistforms .selectlistresultsupplier ul li span:hover,
.baseselectlistforms .selectlistresultassigned ul li span:hover,
.baseselectlistforms .selectlistresultstatus ul li span:hover,
.baseselectlistsupplier .selectlistresultforms ul li span:hover,
.baseselectlistsupplier .selectlistresultsupplier ul li span:hover,
.baseselectlistsupplier .selectlistresultassigned ul li span:hover,
.baseselectlistsupplier .selectlistresultstatus ul li span:hover,
.baseselectlistforms .selectlistresultforms ul li span:hover,
.baseselectlistforms .selectlistresultsupplier ul li span:hover,
.baseselectlistforms .selectlistresultassigned ul li span:hover,
.baseselectlistforms .selectlistresultstatus ul li span:hover,
.baseselectlistassigned .selectlistresultforms ul li span:hover,
.baseselectlistassigned .selectlistresultsupplier ul li span:hover,
.baseselectlistassigned .selectlistresultassigned ul li span:hover,
.baseselectlistassigned .selectlistresultstatus ul li span:hover,
.baseselectliststatus .selectlistresultforms ul li span:hover,
.baseselectliststatus .selectlistresultsupplier ul li span:hover,
.baseselectliststatus .selectlistresultassigned ul li span:hover,
.baseselectliststatus .selectlistresultstatus ul li span:hover {
  cursor: pointer;
}

.chooseFilters ul li:hover {
  cursor: pointer;
}

.activemenudropdown {
  display: flex !important;
}

.activelistcard {
  min-height: 1rem !important;
}

.activelistcardchild {
  flex-direction: row !important;
  justify-content: space-between !important;
}

.noresultactive {
  display: flex !important;
}

.activebaselistsearchmaster {
  display: block !important;
}

.activemessages {
  display: flex !important;
}

.activefilefields {
  display: flex !important;
}

.activeselectlistmodal {
  display: flex !important;
}

.activedbtn {
  display: flex !important;
}

.activesettingscontent {
  display: flex !important;
}

.disabledbtn {
  display: none !important;
}

.hidegraphic #percentages,
.hidegraphic #totalRequest,
.hidegraphic #acquisitions {
  display: none !important;
}

/* Moble and tablet changes */
@media (max-width: 1024px) {
  .logotipo-mb.mobile {
    display: flex;
  }
  .logotipo-mb.mobile .navlinkconfirm {
    margin-right: 24px;
    height: 32px;
  }
  .logotipo-mb.mobile .border-mob-tablet {
    border: 1px solid #efefef;
  }
  .logotipo-mb.mobile .company-logo {
    margin-left: 20px;
    max-width: 108px;
    max-height: 32px;
  }
  .logotipo-mb.mobile .company-logo img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 767px) {
  .logotipo-mb.mobile {
    display: flex;
    height: 28px;
  }
  .logotipo-mb.mobile .navlinkconfirm {
    height: 28px;
    margin-right: 20px;
  }
  .logotipo-mb.mobile .navlinkconfirm img {
    height: 28px;
  }
  .logotipo-mb.mobile .border-mob-tablet {
    border: 1px solid #efefef;
  }
  .logotipo-mb.mobile .company-logo {
    margin-left: 16px;
    width: 96px;
    height: 28px;
  }
  .logotipo-mb.mobile .company-logo img {
    height: 28px;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.displayNone {
  display: none !important;
}