@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500;600&family=Commissioner&family=Roboto+Condensed&family=Satisfy&display=swap');
.form-control:focus {
   box-shadow: none;
   border-color: #BA68C8
}

.shake {
   background: #0b2e6d;
   padding: 10px;
   z-index: 1;
   border-radius: 5px;
   -webkit-animation-name: shake;
   animation-name: shake;
   animation: shake 5s ease both infinite;
   cursor: pointer;
   color: white;
   padding:50px;
}

.explicatie{
   font-size: 12px;
   margin-bottom: 0px;
}

.bgAllSite{
   background-color: #f9f9f9;
   padding-top: 20px;
padding-bottom: 20px;
}

input[type="number"].inputHome::-webkit-input-placeholder {
  font-size: 14px;
}



@-webkit-keyframes shake {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   4% {
      -webkit-transform: translateX(-10);
      transform: translateX(-10);
   }
   8% {
      -webkit-transform: translateX(10);
      transform: translateX(10);
   }
   13.2% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   16% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
   }
   20% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   24% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
   }
   32% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   40% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   50% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   51% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   52% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   53% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   54% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   55% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   56% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   57% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   58% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   59% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   60% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   61% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   62% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   63% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   64% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   65% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   66% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   67% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   68% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   69% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   70% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   71% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   72% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   73% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   74% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   75% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   76% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   77% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   78% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   79% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   80% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   41%,
   49%,
   81%,
   100% {
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
   }
}
@keyframes shake {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   4% {
      -webkit-transform: translateX(-10);
      transform: translateX(-10);
   }
   8% {
      -webkit-transform: translateX(10);
      transform: translateX(10);
   }
   13.2% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   16% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
   }
   20% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   24% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
   }
   32% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   40% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   50% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   51% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   52% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   53% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   54% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   55% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   56% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   57% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   58% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   59% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   60% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   61% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   62% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   63% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   64% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   65% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   66% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   67% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   68% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   69% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   70% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   71% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   72% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   73% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   74% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   75% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   76% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   77% {
      -webkit-transform: translate(0, 0) rotate(2.5deg);
      transform: translate(0, 0) rotate(2.5deg);
   }
   78% {
      -webkit-transform: translate(0, 0) rotate(3.5deg);
      transform: translate(0, 0) rotate(3.5deg);
   }
   79% {
      -webkit-transform: translate(0, 0) rotate(-0.5deg);
      transform: translate(0, 0) rotate(-0.5deg);
   }
   80% {
      -webkit-transform: translate(0, 0) rotate(-2.5deg);
      transform: translate(0, 0) rotate(-2.5deg);
   }
   41%,
   49%,
   81%,
   100% {
      -webkit-transform: translate(0, 0) rotate(0);
      transform: translate(0, 0) rotate(0);
   }
}

.profile-button {
   background: rgb(99, 39, 120);
   box-shadow: none;
   border: none
}

.profile-button:hover {
   background: #682773
}

.profile-button:focus {
   background: #682773;
   box-shadow: none
}

.profile-button:active {
   background: #682773;
   box-shadow: none
}


.social-icon i {
   font-size: 20px;
   text-align: center;
   text-decoration: none;
   margin: 5px 2px;
   border-radius: 20px;
   width: 36px;
   height: 36px;
   line-height: 36px;
}

.fa-whatsapp {
   background: #25d366;
   color: white;
}

.fa-instagram {
   background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
   color: white;
}

.fa-facebook-f {
   background: #43609C;
   color: white;
}



div#lightboxed--bttn_close {
   background-image: url(/assets/images/brand/controls.png) !important;
}

.titluImplantologii{
   font-weight: 700;
   color: #002694;
   font-size: 30px;
   padding-top: 40px;
}

.subtitlulImplantologii{
   color: #002694;
   font-size: 18px;
   padding-top: 10px;
   font-weight: 500;
}

.paginare {
   display: flex;
   justify-content: center;
   align-items: center;
}
.delete-myaccount{
   font-size: 14px;
   font-weight: 600;
   color: #ff0048;
}

.delete-myaccount:hover{
   color: #ff0048;
}

.boxReview {
   margin-top: 20px;
   background: #f2f2f2;
   padding: 10px 20px;
   border-radius: 15px 15px 15px 15px;
}

.boxReview .nume_review {
   display: inline-block;
   font-weight: 600;
}

.content_taburi {
   color: #7a7a7a;
   font-family: "Roboto", Roboto;
   font-weight: 400;
   font-size: 14px;
}

.boxReview .data_review {
   font-size: 11px;
   font-style: italic;
   color: #979797;
}

.boxReview .titlu_review {
   display: block;
   font-weight: 600;
   color: #222;
   margin-top: 10px;
   margin-bottom: 10px;
}

.boxFormComentariu {
   margin-top: 15px;
   display: none;
}

.boxComentariu {
   padding: 10px;
   border-left: 1px solid #1dcdcd ;
   margin-bottom: 20px;
   background: #f8f8f8;
}

.boxReview .nume_review {
   display: inline-block;
   font-weight: 600;
}

.boxReview .data_review {
   font-size: 11px;
   font-style: italic;
   color: #979797;
}

.boxReview .desc_review {
   margin-bottom: 0;
}

.spanComentariu i {
   font-size: 14px;
   margin-right: 3px;
}

.spanComentariu {
   cursor: pointer;
   color: #1dcdcd !important;
   font-size: 12px;
   font-weight: 600;
   line-height: 16px;
}

a:not([href]) {
   text-decoration: none;
}

textarea.form-control {
   min-height: calc(10.5em + (.75rem + 2px));
}


.profile_pic{
   border-radius: 100%;
   border: 2px solid #1dcdcd;
   height: 200px;
   width: 200px;
   object-fit: cover;
}

.titluProfil{
   font-weight: 600;
   color: #002694;
   font-size: 22px;
}

.serviciiProfil{
   font-weight: 600;
   color: #002694;
   font-size: 14px;
}

.recenziiTitluProfil{
   font-weight: 600;
   color: #002694;
   font-size: 18px;
}

.recenziiTitluProfil i {
   font-size: 16px;
   color: gold;
}

.recenziiTitluProfil .notaProfil{
   padding-left: 0px;
   font-weight: 600;
   color: #002694;
   font-size: 17px;
}

.nota{
   margin-left: 18px;
}

.flexBox{
   display: flex;
   justify-content: center;
   align-items: center;
}



.buttonProfil{
   font-weight: 600;
   display: inline-block;
   background-color: #0033B0;
   padding: 9px 14px;
   border-radius: 5px;
   font-size: 14px;
   margin: 0px;
   color: #fff;
}

.textareaResponsive {
   display: block;
   width: 100%;
   padding: 10px 0px 70px 0px;
   line-height: 1.6;
   color: #333;
   border: 1px solid #dedede;
   background-color: #fff;
   /* background-clip: padding-box; */
   /* border: 1px solid rgb(231, 239, 252,0.05); */
   border-radius: 3px;
   /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
   /* color: #f1f2f3!important; */
}

.textareaResponsiveRaspuns {
   display: block;
   width: 100%;
   padding: 10px 0px 70px 0px;
   line-height: 1.6;
   color: #333;
   border: 1px solid #dedede;
   background-color: #f2f2f2;
   /* background-clip: padding-box; */
   /* border: 1px solid rgb(231, 239, 252,0.05); */
   border-radius: 3px;
   /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
   /* color: #f1f2f3!important; */
}

.buttonProfil:hover{
   color: #fff;
}

.boxOverflow{
   height: auto;
   max-height: 300px;
   overflow-y: auto;
}


.boxServiciColor{
   background-color: #002590;
   border-radius: 10px 10px 0px 0px;
}

.boxServiciColorProfil{
   background-color: #002590;
   border-radius: 10px 10px 0px 0px;
   margin-left: 10px;
}

.boxLocalitatiColor{
   margin-top: 50px;
   background-color: #2c67ff;
   border-radius: 10px 10px 0px 0px;
}

.filtreStyle{
   font-size: 14px;
}

.boxFiltru{
  padding: 10px 0px 10px 0px;
}

.boxLocalitatiColorProfil{
   margin-top: 50px;
   background-color: #2c67ff;
   border-radius: 10px 10px 0px 0px;
   margin-left: 10px;
}

.zile{
   color: #333;
   font-size: 14px;
   font-weight: 600;
}

.ore{
   color: #333;
   font-size: 14px;
}

.filterboxZile{
   padding: 15px 15px 25px 15px;
}

.flex-container{
   display: flex;
   flex-flow: row wrap;
   justify-content: space-evenly;
}

.boxRatingColor{
   background-color: #13b2e4;
   border-radius: 10px 10px 0px 0px;
}

.boxMap{
   padding: 20px 10px 20px 10px;
}



.marginBox{
   margin-left: 30px;
}

.divShadow{
   cursor: pointer;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.divShadowProfil{
   cursor: pointer;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   margin-left: 10px;
}

.nivelPreturi{
   color: #0033B0;
    font-weight: 700;
}

.inputHome{
   height: 23px;
    border-radius: 5px;
    width: 72%;
    border-color: #002694;
}

.buttonHomeInput{
   margin: -1px 0 0 2px;
    padding: 0 5px;
    height: 24px;
    border-radius: 3px;
    background-color: #1dcdcd;
    cursor: pointer;
    border: none;
    color: white;
}

.noi{
   padding-left: 25px;
   font-size: 14px;
   font-weight: 600;
   color: #002694;
}

.page-item.disabled .page-link {
   border-color: #1dcdcd;
   color: #1dcdcd;
}

.page-item.active .page-link {
   background-color: #1dcdcd;
   border-color: #1dcdcd;
}

.page-link{
   color: #1dcdcd;
   border: 1px solid #1dcdcd;
}

.up_count {
   border-radius: 10%;
   font-size: 10px;
   background-color: #1dcdcd;
   padding: 5px 10px 5px 10px;
   border: none;
}

.main input[type="text"] {
   font-family: "Roboto", Sans-serif;
   font-weight: 400;
   color: #333;
   border-width: 0px 0px 0px 0px;
   border-radius: 2px 2px 2px 2px;
   background: transparent;

}

.main{
   margin-left: 8px;
}

.profilulMeuSubtitlu{
   padding-left: 40px;
}

.down_count {
   border-radius: 10%;
   font-size: 10px;
   background-color: #1dcdcd;
   padding: 5px 10px 5px 10px;
   border: none;
}

.counter {
   width: 40px;
   text-align: center;
   font-size: 14px;
   height: 40px;
   line-height: 40px;
   padding: 0px !important;
}

.recenziiTitluProfil i {
   font-size: 16px;
   color: gold;
}

.page-link:hover{
   color: #1dcdcd;
}

.divShadowBox{
   cursor: pointer;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   border-radius: 10px;
}

.textpage{
   font-size: 14px;
}

.pozaImplant4{
   height: 310px;
   width: 700px;
   object-fit: cover;
}

.pozaImplant5{
   height: 337px;
   width: 400px;
   object-fit: cover;
}

.pozaImplant3{
   height: 320px;
   width: 300px;
   object-fit: cover;
}

.divShadowBoxPage{
   padding: 25px 0px 25px 25px;
   cursor: pointer;
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   border-radius: 10px;
}

.implantHome{
   height: auto;
   width: 400px;
   object-fit: cover;
}

.star{
   width: 20px;
   height: 20px;
   object-fit: cover;
}

.star1{
   width: 14px;
   height: 14px;
   margin-right: 3px;
   object-fit: cover;
}

.titluHome{
   width: 100%;
   font-size: 30px;
   display: block;
   text-align: center;
}

.char{
   font-size: 35px;
   height: 40px;
   animation: an 1s ease-out 1 both;
   display: inline-block;
}

@keyframes an{
   from{
      opacity: 0;
      transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
   }
   to{
      opacity: 1;
      transform: perspective(500px) translate3d(0, 0, 0);
   }
}

#rezultateCautaLocatie {
   display: none;
   position: absolute;
   top: 309px;
   background-color: #eef6ff;
   width: calc(100% - 1204px);
   max-height: 250px;
   overflow-y: auto;
   border: 0;
   text-align: left;
   font-family: "Roboto", Sans-serif;
   font-weight: 400;
   font-size: 14px;
   z-index: 150;
   font-size: 16px;
   padding-left: 3px;
   border-radius: 0px 0px 2px 2px;
}
.list-unstyled {
   padding-left: 0;
   list-style: none;
}

.searchListLocatie {
   margin: 0;
}

.searchListLocatie li {
   padding-top: 7px;
   padding-left: 7px;
   font-size: 14px;
   padding-bottom: 7px;
   border-bottom: 1px solid #e5e5e5;
}


.searchListLocatieImplant {
   margin: 0;
}

.searchListLocatieImplant li {
   padding-top: 7px;
   padding-left: 7px;
   padding-bottom: 7px;
   border-bottom: 1px solid #e5e5e5;
}

#rezultateCautaLocatieImplant{
   display: none;
   position: absolute;
   top: 348px;
   background-color: #eef6ff;
   width: calc(100% - 1208px);
   max-height: 250px;
   overflow-y: auto;
   border: 0;
   text-align: left;
   font-family: "Roboto", Sans-serif;
   font-weight: 400;
   font-size: 14px;
   z-index: 150;
   font-size: 16px;
   padding-left: 3px;
   border-radius: 0px 0px 2px 2px;
}

#rezultateCautaSpecializare{
   display: none;
   position: absolute;
   top: 43px;
   background-color: #E9ECEF;
   width: calc(100% - 0px);
   max-height: 250px;
   overflow-y: auto;
   border: 0;
   text-align: left;
   font-family: "Roboto", Sans-serif;
   font-weight: 400;
   font-size: 14px;
   z-index: 150;
   font-size: 16px;
   padding-left: 3px;
   border-radius: 0px 0px 2px 2px;
}

.searchListLocatie li:hover {
   cursor: pointer;
}

#boxCautaSpecializare {
   position: relative;
}

.implantTitle{
   font-weight: 700;
   color: #002694;
   padding-top: 100px;
}

.implantTitleCategory{
   font-weight: 700;
   color: #002694;
   height: 70px;
   font-size: 16px;
   font-family: 'Roboto Condensed', sans-serif;
   padding-top: 30px;
   text-transform: uppercase;
}

.btnInsciere{
   color: #fff;
   display: inline-block;
   background-color: #0033B0;
   padding: 4px 11px;
   border-radius: 0px 5px 5px 0px;
   font-size: 12px;
   border-color: #2C67FF;
   margin: 0px;
}

.paddingleft12{
   padding-left: 12px;
}

.card:hover{
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
}

.pozaImplant2{
   height: 550px;
   width: 170px;
   object-fit: cover;
}

.pozaImplant1{
   height: 80%;
   width: auto;
   object-fit: cover;
}

.btnInsciereIcon{
   background-color: #1dcdcd;
   padding: 8px 8px 10px 12px;
   border-radius: 5px 0px 0px 5px;
   color: #fff;
   font-size: 28px;
}

.boxCategory{
   background: linear-gradient(#fff 20%, #e2ebf8 60%);
   border-radius: 5px;
   margin: 10px;
   padding: 25px 30px 40px 30px;
}

.divShadowSearch{
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 10px 0px 10px 0px;
   border-radius: 10px;
}

.subCards{
   height: 90px;
   font-size: 14px;
}

.pozaProfilCautare{
   object-fit: cover;
   height: 120px;
   width: 120px;
}

.card-name{
   font-size: 16px;
}

.filterTitle{
   font-weight: 400;
   font-size: 25px;
   color: #fff;
   margin: 0;
}

.numeCard{
   font-size: 18px;
   padding-top: 10px;
   font-weight: 700;
   text-transform: uppercase;
   color: #002694;
}

.buttonFiltru{
   font-size: 14px;
   font-weight: 600;
   background-color: #1dcdcd;
   color: #FFF;
   padding: 3px 6px;
}

.filterbox{
   padding: 10px 0px 5px 5px;
}

.filterboxPage{
   padding: 15px 0px 25px 15px;
   display: flex;
   justify-content: center;
   align-items: center;
}


.card-descriere{
   font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   padding-right: 15px !important;
   padding-left: 23px !important;
   background-color: #1dcdcd !important;
   border: 1px solid #1dcdcd !important;
   color: #fff;
   font-weight: 600;
   padding: 5px 12px 5px 30px!important;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   border-right: 1px solid transparent !important;
   background-color: transparent !important;
   padding: 2px 10px !important;
   font-size: 19px !important;
   color: #fff !important;
}

.contactLeftBg{
   background-color: #1dcdcd;
   border-radius: 10px 0px 0px 10px;
}



.contactLeftBg i {
   font-size: 20px;
   color: #fff;
}

.contactLeftBg p {
   font-size: 16px;
   color: #fff;
}

.select2-container--default .select2-selection--multiple{
   padding-bottom: 30px !important;
}

.back:hover {
   color: #682773;
   cursor: pointer
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
   color: #002694;
}

.nav-link:focus, .nav-link:hover {
   color: #002694;
}

.dropdown-item {
   font-weight: 700;
   color: #002694;
}

.dropdown-item.active, .dropdown-item:active {
   font-weight: 700;
   color: #002694;
   background-color: #fff;
}

.buttonGeneral {
   font-size: 14px;
   font-weight: 600;
   background-color: #1dcdcd;
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
   color: #FFF;
   padding: 8px 20px;
}

.buttonGeneral:hover{
   color: #fff;
}

.sectiuneLeftLinks i{
   color: #1dcdcd;
   font-size: 16px;
}

.sectiuneLeftLinks a{
   text-decoration: none;
   color: #333;
   display: inline;
}

.sectiuneLeftLinks{
   padding-bottom: 100px;
}

.divPoza {
   background: #fff;
   border-radius: 5px;
   display: inline-block;
   position: relative;
   overflow: hidden;
}

.img-gallery-profile {
   width: 150px;
   height: 150px;
   object-fit: cover;
}

.divPoza .fa-trash-alt {
   height: 30px;
   width: 30px;
   background-color: #EB1F40;
   padding-top: 8px;
   border-radius: 15px;
   padding-left: 9px;
   font-size: 15px;
   color: white;
   position: absolute;
   top: 6px;
   right: 6px;
}

.img-rounded{
   width: 50px;
   height: 50px;
}

.bglogin{
   background-color: #fff;
   background-image: url(/assets/images/brand/login-img.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 580px;
   position: relative;
   width: 100%;
   padding: 0;
}

.bgloginn{
   background-color: #fff;
   background-image: url(/assets/images/brand/login-img.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 990px;
   position: relative;
   width: 100%;
   padding: 0;
}

.bgLogin{
   background-color: #fff;
   background-image: url(/assets/images/brand/login-img.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 570px;
   position: relative;
   width: 100%;
   padding: 0;
}

.bgRating{
   margin-left: 29px;
   background-image: url(/assets/images/brand/bg-rating1.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   height: 160px;
   margin-top: 30px;
   width: 40px;
   padding: 0;
}

.divShadow .fa-map-marker{
   color: #2c67ff;
   font-size: 16px;
}

.textLocalitate{
   font-size: 12px;
   font-weight: 700;
   color: #959595;
}

.boxDescriere{
   position: relative;
   height: 180px;
   padding-left: 20px;
   border-left: 1px solid #e5e5e5;
   margin-top: 25px;
}

.moreRead{
   color: #0033B0;
   font-weight: 700;
   position: absolute;
   bottom: 0;
}

.bgRating i{
   font-size: 14px;
   color: gold;
}

.register-form {
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 50px 25px 50px 25px;
   border-radius: 10px;
}

.register-formLogin {
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 50px 25px 50px 25px;
   border-radius: 10px;
}

.registerContact {
   background-color: #FFFFFF;
   box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 50px 25px 50px 25px;
   border-radius: 0px 10px 10px 0px;
}

.floatLeft{
   float: right;
}

.titluContactForm{
   margin-left: 20px;
   color: #fff;
   font-size: 25px;
   font-weight: 700;
   padding-top: 80px;
   padding-left: 10px;
   padding-bottom: 50px;
}

#img{
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.implantCategory{
   height: auto;
   width: 100px;
   object-fit: cover;
}

.tootltip{
   position: absolute;
   top: 450px;
   color: #1dcdcd;
   font-size: 20px;
}

.review-block{
   background-color:#FAFAFA;
   border:1px solid #EFEFEF;
   padding:15px;
   border-radius:3px;
   margin-bottom:15px;
}
.review-block-name{
   font-size:12px;
   margin:10px 0;
}
.review-block-date{
   font-size:12px;
}
.review-block-rate{
   font-size:13px;
   margin-bottom:15px;
}
.review-block-title{
   font-size:15px;
   font-weight:700;
   margin-bottom:10px;
}
.review-block-description{
   font-size:13px;
}


.labels {
   font-size: 11px
}

.navbar-light .navbar-nav .nav-link {
   font-weight: 700;
   color: #002694;
}

.nav-link {
   font-weight: 700;
   color: #002694;
}

.add-experience:hover {
   background: #BA68C8;
   color: #fff;
   cursor: pointer;
   border: solid 1px #BA68C8
}

.linksProfil{
   font-size: 12px;
   font-weight: 600;
}

.navbar-brand img {
   height: auto;
   width: auto;
}

.divider{
   border-left: 1px solid #8e1537;
   line-height: 4px;
}

.titluHome{
   padding-top: 80px;
   color: #fff;
   font-weight: 700;
   font-size: 35px;
}

.cardSearch{
   background-color: #fff;
   box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 40px 40px;
   border-radius: 20px;
   margin-top: 25px;
}

.svg{
   height: 60px;
   width: 60px;
   font-size: 50px;
   padding-top:10px;
}

.bgTopImplantologii{
   background-color: #f9f9f9;
}

.cardSearchProfil{
   background-color: #fff;
   box-shadow: 0px 0px 10px 5px rgb(119 123 146 / 7%);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 40px 50px;
   border-radius: 20px;
}


.inputSearch{
   display: block;
   width: 100%;
   padding: 12px;
   line-height: 1.6;
   background-color: transparent;
   background-clip: padding-box;
   border: 1px solid #dedede;
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   color: #333!important;
}

.subtitluHome{
   padding-top: 5px;
   color: #fff;
   font-size: 16px;
}

.tittluHundred{
   color: #fff;
   font-weight: 700;
   font-size: 60px;
}

.sectionBg {
   background-color: #fff;
   background-image: url(/assets/images/brand/bg.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 510px;
   position: relative;
   width: 100%;
   padding: 0;
}


.sectionBgTopFooter {
   background-color: #fff;
   background-image: url(/assets/images/brand/bg-lower-section.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 520px;
   position: relative;
   width: 100%;
   padding: 0;
}

.telefonSize{
   color: #fff;
   font-size: 18px;
   font-weight: 500;
}

.boxTElefon{
   padding-left: 50px;
}


.numarSVG{
   font-size: 30px;
}

.comentariuSVG{
   font-size: 16px;
}

.pozaNumar{
   background-color: #fff;
   background-image: url(/assets/images/brand/bg-button.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 52px;
   position: relative;
   width: 200px;
   padding: 0;
   cursor: pointer;
}

.linieMeniu{
   background-color: #002694;
   height: 12px;
   width: 2px;
   margin-left: 10px;
   margin-bottom: -1px;
   display: inline-block;
}

.list-group-item{
   border: none !important;
}

.list-group-item span{
   font-size: 16px;
   font-weight: 500;
   color: #333;
}

.fa-map-marker{
   color: #1dcdcd;
   font-size: 20px;
   padding-right: 10px;
}

.linkImpl{
   text-decoration: none;
   font-weight: 500;
   color: #333;
}

.linkImpl:hover{
   color: #333;
}


.sectionUnderNavbar{
   background-color: #fff;
   background-image: url(/assets/images/brand/heading.jpg);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 100px;
   position: relative;
   width: 100%;
   padding: 0;
}

.telefonTitlu{
   color: #fff;
   font-size: 14px;
   font-weight: 500;
}

.underNavbarSubtitlu{
   color: #fff;
   font-weight: 700;
   font-size: 27px;
}

.sectionColor1{
   background-color: #0040e5;
   height: 7px;
   padding: 0;
}

.sectionColor1Img{
   background-color: #fff;
   background-image: url(/assets/images/brand/linia1.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 7px;
   position: relative;
   width: 100%;
   padding: 0;
}

.footer{
   background-color: #39415a;
}

.sectionColor2{
   background-color: #0040e5;
   height: 7px;
   padding: 0;
}

.sectionColor2Img{
   background-color: #fff;
   background-image: url(/assets/images/brand/linia2.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 7px;
   position: relative;
   width: 100%;
   padding: 0;
}

.sectionColor3{
   background-color: #0040e5;
   height: 7px;
   padding: 0;
}

.sectionColor3Img{
   background-color: #fff;
   background-image: url(/assets/images/brand/linia3.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 7px;
   position: relative;
   width: 100%;
   padding: 0;
}

.bgSearch{

   background-image: url(/assets/images/brand/bg-search.png);
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: 50px;
   height: 400px;
   position: relative;
   width: 100%;
   padding: 0;
}

.titluSearch{
   padding: 70px 0px 25px 0px;
   color: #333;
   font-weight: 400;
   font-size: 22px;
}

.form-control{
   display: block;
   width: 100%;
   padding: 0.52rem 0.75rem;
   line-height: 1.6;
   background-color: transparent;
   background-clip: padding-box;
   border: 1px solid #dedede;
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   color: #333!important;
}

.form-control:focus {
   border-color: #002694;
}


.footerTitlu1{
   color: #fff;
   font-weight: 700;
   font-size: 27px;
}

.footerSubtitlu1{
   color: #fff;
   padding-right: 150px;
}

.footerSubtitlu2{
   font-size: 14px;
   color: #fff;
   margin-bottom: 10px;

}

.borderLeftFooter{
   height: 150px;
   border-left: 1px solid #1dcdcd;
}

.list-group-item {
   position: relative;
   font-size: 14px;
   padding: 7px 0px 0px 0px !important;
   display: block;
   color: #fff;
   text-decoration: none;
   background-color: transparent;
}

.list-group-flush>.list-group-item {
   margin-left: 20px;
   border-width: 0 0 0px !important;
}

.list-group-flush a{
   color: #fff;
   text-decoration: none;
}

.titluContact{
   margin-left: 20px;
   color: #fff;
   font-size: 25px;
   font-weight: 700;
}

.paginaGenerala {
   background-color: #f7f7f7;
   padding: 50px 50px 70px 50px;
   margin-bottom: 60px;
}

.footer2{
   background-color: #3e465f;
}

.cauatButton{
   border-radius: 10px;
   font-size: 16px;
   font-weight: 600;
   background-color: #1dcdcd;
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
   color: #FFF;
   padding: 14px 30px;
   display: inline-block;
   margin-right: 15px;
}

.cauatButton:hover{
   color: #FFF;
}

.cauatButtonImplatologii{
   border-radius: 10px;
   font-size: 16px;
   font-weight: 600;
   background-color: #fff;
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
   color: #1dcdcd;
   border: 2px solid #1dcdcd;
   padding: 12px 14px;
   display: inline-block;
   margin-left: 15px;

}

.reviewBoxShow{
   padding: 12px;
}

.intrebariBoxShow{
   padding: 12px;
}

.cauatButtonImplatologii:hover{
   color: #fff;
   background-color: #1dcdcd;
}

.borderButoane{
   background-color: #e8e8e8;
   height: 30px;
   width: 1px;
   margin-bottom: -11px;
   display: inline-block;
}

.styleIcons{
   color: #fff;
}

path { fill: white; }

.imgImplant{
   margin-top: -10px;
   margin-right: 10px;
}

.hrGri{
   color: #bebebe;
}

.cauatButtonSearchImpl{
   border-radius: 10px;
   font-size: 18px;
   font-weight: 600;
   background-color: #1dcdcd;
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
   color: #FFF;
   padding: 12px 30px;
}

.profilePage{
   height: 240px;
   width: 100%;
   object-fit: cover;
   border: 1px solid #1dcdcd;
}

.cauatButtonSearchImpl:hover{
   color: #FFF;
}

.linieTop{
   border-top: 1px solid #d5d5d5;
}

.boxLocalitatiColorProfil{
   margin-left: 0px;
}

.boxServiciColorProfil{
   margin-left: 0px;
}

.divShadowProfil{
   margin-left: 0px;
}

.descriereProfil{
   text-decoration: none;
   background-color: #1dcdcd;
   padding: 10px 14px;
   color: #fff;
   border-radius: 5px 5px 0px 0px;
   font-size: 16px;
   font-weight: 600;
}

.galerieProfil{
   text-decoration: none;
   background-color: #1dcdcd;
   padding: 10px 14px;
   color: #fff;
   border-radius: 5px 5px 0px 0px;
   font-size: 16px;
   font-weight: 600;
}


.descriereProfil:hover{
   color: #1dcdcd;
   background-color: #fff ;
   border: 1px solid #1dcdcd;
}

.galerieProfil:hover{
   color: #1dcdcd;
   background-color: #fff ;
   border: 1px solid #1dcdcd;
}

.divPoze{

}

textarea::-webkit-input-placeholder {
   padding: 10px;
}

textarea::-moz-placeholder {
   padding: 10px;
}

textarea::-ms-input-placeholder {
   padding: 10px;
}

.activeBox{
   background-color: #fff !important;
   color:#1dcdcd !important;
   border: 1px solid #1dcdcd !important;
}

.activvBox{
   background-color: #fff !important;
   color:#1dcdcd !important;
   border: 1px solid #1dcdcd !important;
}


.cauatButtonImplant{
   margin-top: 10px;
   border-radius: 10px;
   font-size: 16px;
   font-weight: 600;
   background-color: #1dcdcd;
   box-shadow: 0.872px 9.962px 20px 0px rgb(12 78 165 / 30%);
   color: #FFF;
   padding: 7px 12px;
}

.cauatButtonImplant:hover{
   color: #1dcdcd;
   background-color: #fff;
   border: 2px solid #1dcdcd;
}

.searchImg{
   object-fit: cover;
   height: 50px;
   width: 50px;
}

.titluModal{
   font-size: 18px;
   font-weight: 700;
   padding-top: 20px;
}

@media (min-width: 0px) and (max-width: 767.98px) {
   .navbar-brand img {
      width: 210px;
   }

   .bgloginn{
      height: 1050px;
   }

   .titluProfil{
      padding-top: 20px;
   }

   .sectionBgTopFooter {
      height: 1800px;
   }

   .svg{
      font-size: 30px;
   }

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

   .contactLeftBg {
    border-radius: 10px 10px 0px 00px;
   }

   .titluContactForm{
      padding-bottom: 20px;
      padding-top: 40px;
      margin-left: 5px;
   }

   .floatLeft{
      margin-top: 10px;
      float: left;
      margin-bottom: 10px;
   }

   .star1 {
      width: 14px;
      height: 14px;
   }

   .textareaResponsive{
      margin-bottom: 15px;
   }

   .paginaGenerala {
      padding: 30px 30px 30px 30px;
   }

   .titluHome{
      padding-top: 60px;
      font-size: 26px;
   }

   .inputSearch {
      margin-bottom: 20px;
   }

   .searchImg{
      display: none;
   }

   .cardSearch{
      padding: 30px 10px;
      margin: 25px 10px 0px 10px;
   }

   .implantHome {
      width: 330px;
   }

   .implantTitle{
      padding-top: 50px;
   }

   #rezultateCautaLocatie {
      top: 330px;
      width: calc(100% - 88px);
   }

   .marginBox{
      margin-left: 0px;
   }

   .divShadowSearch{
      margin-top: 30px;
   }

   .boxDescriere{
      height: 200px;
      padding-left: 0px;
      padding-bottom: 20px;
      border-left: none;
      margin-top: 25px;
   }

   .moreRead {
      margin-bottom: 15px;
   }

   .bgRating{
      margin-left: 6px;
   }

   .cardSearchProfil{
      padding: 35px 30px;
   }

   .bglogin{
      height: 830px;
      padding: 0px 30px 0px 30px;
   }

   .bgLogin{
      height: 570px;
      padding: 0px 30px 0px 30px;
   }

   .borderLeftFooter {
      margin-bottom: 20px;
   }

   .footerSubtitlu1 {
      padding-right: 0px;
      margin-bottom: 25px;
   }

   .sectiuneLeftLinks{
      padding-left: 25px;
      padding-bottom: 50px;
   }

   .img-gallery-profile {
      width: 100px;
      height: 100px;
   }

   .underNavbarSubtitlu {
      font-size: 22px;
      padding-left: 10px;
   }

   .pozaNumar{
      margin-top: 10px;
   }

   .linieMeniu{
      display: none;
   }

   .svg {
      float: right;
      height: 30px;
      width: 30px;
   }

   .numarSVG {
      font-size: 20px;
   }

   .comentariuSVG{

      font-size: 12px;
   }

   .sectionBg{
      height: 650px;
   }

   .responsiveAranjareButoane{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .borderButoane{
      display: none;
   }

   #rezultateCautaLocatieImplant {
      top: 930px;
      width: calc(100% - 49px);
   }



   .cauatButton {
      font-size: 12px;
      margin-right: 3px;
   }

   .cauatButtonImplatologii{
      font-size: 12px;
      margin-left: 0px;
   }

   .divShadowBoxPage {
      padding: 25px 25px 25px 25px;
   }

   .pozaImplant3{
      width: 100% !important;
      height: auto !important;
   }

   .pozaImplant4{
      width: 100% !important;
      height: auto !important;
   }

   .pozaImplant2{
      display: none;
   }

   .pozaImplant5{
      width: 100% !important;
      height: auto !important;
   }


}

@media (min-width: 768px) and (max-width: 1024px) {
   .profile_pic {
      height: 170px;
      width: 170px;
   }

   .bgloginn{
      height: 1050px;
   }

   .sectionBgTopFooter {
      height: 1800px;
   }

   .svg{
      font-size: 40px;
   }

   .cardSearch{
      padding: 40px 10px;
   }

   #rezultateCautaLocatieImplant{
      top: 946px;
      width: calc(100% - 252px);
   }

   .pozaImplant2{
      display: none;
   }

   .pozaImplant4 {
      height: 265px;
      width: 600px;
   }

   .divShadowBoxPage {
      padding: 25px 25px 25px 25px;
   }

   .pozaNumar{
      margin-top: 10px;
   }

   .linieMeniu{
      display: none;
   }

   .svg {
      float: right;
      height: 40px;
      width: 40px;
   }

   .numarSVG {
      font-size: 22px;
   }

   .comentariuSVG{

      font-size: 14px;
   }

   .tootltip {
      top: 430px;
   }

   .cauatButtonImplatologii{
      font-size: 12px;
   }

   .cauatButton{
      font-size: 12px;
   }

   .searchImg{
      display: none;
   }

   .register-form{
      padding: 50px 90px 50px 0px;
      border-radius: 10px;
   }

   .bglogin{
      height: 590px;
   }

   .titluHome {
      padding-top: 60px;
   }

   .img-gallery-profile {
      width: 100px;
      height: 100px;
   }

   #rezultateCautaLocatie{
      top: 342px;
      width: calc(100% - 444px);
   }

   .divShadowSearch {
      margin-top: 30px;
   }

   .marginBox{
      margin-left: 0px;
   }

   .bgRating{
      margin-left: 8px;
   }

   .borderLeftFooter {
      margin-bottom: 20px;
   }

   .profilePage {
      height: 350px;
      width: 350px;
   }

   .descriereProfil{
      font-size: 13px;
   }

}


.paddingTop0{ padding-top: 0px !important }
.paddingTop5{ padding-top: 5px; }
.paddingTop10{ padding-top: 10px; }
.paddingTop15{ padding-top: 15px; }
.paddingTop20{ padding-top: 20px; }
.paddingTop25{ padding-top: 25px; }
.paddingTop30{ padding-top: 30px; }
.paddingTop34{ padding-top: 34px; }
.paddingTop35{ padding-top: 35px; }
.paddingTop38{ padding-top: 38px; }
.paddingTop43{ padding-top: 43px; }
.paddingTop40{ padding-top: 40px; }
.paddingTop50{ padding-top: 50px; }
.paddingTop60{ padding-top: 60px; }
.paddingTop70{ padding-top: 70px; }
.paddingTop80{ padding-top: 80px; }
.paddingTop90{ padding-top: 90px; }
.paddingTop100{ padding-top: 100px; }
.paddingTop150{ padding-top: 150px; }
.paddingTop170{ padding-top: 170px; }
.paddingTop200{ padding-top: 200px; }
.paddingBottom0{ padding-bottom: 0px !important; }
.paddingBottom10{ padding-bottom: 10px; }
.paddingBottom20{ padding-bottom: 20px !Important; }
.paddingBottom25{ padding-bottom: 25px }
.paddingBottom30{ padding-bottom: 30px; }
.paddingBottom35{ padding-bottom: 35px; }
.paddingBottom40{ padding-bottom: 40px; }
.paddingBottom45{ padding-bottom: 45px; }
.paddingBottom50{ padding-bottom: 50px; }
.paddingBottom60{ padding-bottom: 60px; }
.paddingBottom70{ padding-bottom: 70px; }
.paddingBottom80{ padding-bottom: 80px; }
.paddingBottom90{ padding-bottom: 90px; }
.paddingBottom100{ padding-bottom: 100px; }
.paddingBottom120{ padding-bottom: 120px; }
.paddingBottom200{ padding-bottom: 200px; }
.paddingLeft0{ padding-left: 0px; }
.paddingLeft5{ padding-left: 5px; }
.paddingLeft10{ padding-left: 10px; }
.paddingLeft12{ padding-left: 12px; }

.paddingLeft15{ padding-left: 15px; }
.paddingLeft20{ padding-left: 20px; }
.paddingLeft25{ padding-left: 25px; }
.paddingLeft30{ padding-left: 30px; }
.paddingLeft35{ padding-left: 35px; }
.paddingLeft40{ padding-left: 40px; }
.paddingLeft50{ padding-left: 50px; }
.paddingLeft60{ padding-left: 60px; }
.paddingLeft70{ padding-left: 70px; }
.paddingLeft80{ padding-left: 80px; }
.paddingLeft90{ padding-left: 90px; }
.paddingLeft100{ padding-left: 100px; }
.paddingRight0{ padding-right: 0px; }
.paddingRight5{ padding-right: 5px; }
.paddingRight7{ padding-right: 7px; }

.paddingRight10{ padding-right: 10px; }
.paddingRight15{ padding-right: 15px; }
.paddingRight20{ padding-right: 20px; }
.paddingRight30{ padding-right: 30px; }
.paddingRight40{ padding-right: 40px; }
.paddingRight50{ padding-right: 50px; }
.paddingRight60{ padding-right: 60px; }
.paddingRight70{ padding-right: 70px; }
.paddingRight80{ padding-right: 80px; }
.paddingRight90{ padding-right: 90px; }
.paddingRight100{ padding-right: 100px; }
.padding0{ padding:0; }
.padding5{ padding:5px; }
.padding10{ padding:10px; }
.padding20{ padding:20px !important;}
.padding30{ padding:30px; }
.padding40{ padding:40px; }
.padding80{ padding:80px; }

/* margins */
.marginTop5{ margin-top: 5px; }
.marginTop10{ margin-top: 10px; }
.marginTop15{ margin-top: 15px; }
.marginTop20{ margin-top: 20px; }
.marginTop30{ margin-top: 30px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 50px; }
.marginTop60{ margin-top: 60px; }
.marginTop70{ margin-top: 70px; }
.marginTop80{ margin-top: 80px; }
.marginTop90{ margin-top: 90px; }
.marginTop100{ margin-top: 100px; }
.marginTop120{ margin-top: 120px; }
.marginTop150{ margin-top: 150px; }
.marginTop200{ margin-top: 200px; }
.marginTop250{ margin-top: 250px; }
.marginTop1_5rem{ margin-top: 1.5rem; }
.marginBottom0{ margin-bottom: 0px; }
.marginBottom10{ margin-bottom: 10px; }
.marginBottom15{ margin-bottom: 15px; }
.marginBottom20{ margin-bottom: 20px; }
.marginBottom30{ margin-bottom: 30px; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom50{ margin-bottom: 50px; }
.marginBottom60{ margin-bottom: 60px; }
.marginBottom70{ margin-bottom: 70px; }
.marginBottom80{ margin-bottom: 80px; }
.marginBottom90{ margin-bottom: 90px; }
.marginBottom100{ margin-bottom: 100px; }
.marginLeft0{ margin-left: 0px; }
.marginLeft2{ margin-left: 2px; }
.marginLeft5{ margin-left: 5px; }
.marginLeft10{ margin-left: 10px; }
.marginLeft13{ margin-left: 13px; }
.marginLeft15{ margin-left: 15px; }
.marginLeft20{ margin-left: 20px; }
.marginLeft25{ margin-left: 25px; }
.marginLeft30{ margin-left: 30px; }
.marginLeft33{ margin-left: 33px; }
.marginLeft35{ margin-left: 35px; }
.marginLeft40{ margin-left: 40px; }
.marginLeft45{ margin-left: 45px; }
.marginLeft50{ margin-left: 50px; }
.marginLeft60{ margin-left: 60px; }
.marginLeft70{ margin-left: 70px; }
.marginLeft80{ margin-left: 80px; }
.marginLeft90{ margin-left: 90px; }
.marginLeft100{ margin-left: 100px; }
.marginRight0{ margin-right: 0px; }
.marginRight5{ margin-right: 5px; }
.marginRight10{ margin-right: 10px; }
.marginRight15{ margin-right: 15px; }
.marginRight20{ margin-right: 20px; }
.marginRight30{ margin-right: 30px; }
.marginRight40{ margin-right: 40px; }
.marginRight50{ margin-right: 50px; }
.marginRight60{ margin-right: 60px; }
.marginRight70{ margin-right: 70px; }
.marginRight80{ margin-right: 80px; }
.marginRight90{ margin-right: 90px; }
.marginRight100{ margin-right: 100px; }
.margin0{ margin:0; }
.margin10{ margin:10px; }
.margin20{ margin:20px; }