.custom-image {
  width:300px !important;
  height:200px !important;
  display:block;
  margin-left: auto;
  margin-right:auto;

}


div.costum-container{
  width:100%;
  height:100% !important;
  background-color:rgb(3, 100, 145) !important;
}


.main-color{
  background-color:#c2d5db !important;
}

.custom-form{
  margin: 25px;
  display:flex;
  align-self: flex-start;
flex-direction: column;
}

.custom-container{
  display:flex;
  flex-wrap:wrap;
}
img.costum-container{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.float-p-l{
  float: left;
}

.float-p-r{
  float: left;
}

.w-20{
  width: 20%;
}
.h-20{
  height: 20%;
}

.w-40{
  width: 40%;
}

.w-60{
  width: 60%;
}

.p-10{
  padding:5%;
}
.mt-10{
  margin-top: 2%;
}

.bg-alert{
  background:red;
  opacity:0.6;
  color:white;
}
.alert{
  width:100%;
  text-align:center;
  align-items:center;
}

.custom-row{
  justify-content: center;
  display: flex;
  width: 100%;
  flex-direction: row;
}
.custom-column{
 justify-content: center;
 display: flex;
 width: 100%;
 flex-direction: column;
}

.custom-nav{
  background-color:#f2f2f2; height:8vh; overflow:auto; border-radius:5px;
  justify-content: center;
  display: flex;

}
.n-r-top{
  border-top-left-radius: 0px;
  border-top-right-radius:0px;
}
.n-r-bottom{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius:0px;
}

.container-p-r{
  position: relative;
  width:20px;
  height: 20px;
  background-color:red;

}

@media (max-width: 1000px) {
.custom-container{
flex-direction: column;
}
.w-20{ width: 100%;}
.w-40{ width: 100%;}
.w-60{ width: 100%;}

.custom-form{
  margin: 5px;
  display:flex;
  align-self: center;
flex-direction: column;
}

.row{
  margin-right: 0px;
  margin-top: 0px !important;}


}

.shadow{
    box-shadow: 0 4px 8px 0 rgb(3, 100, 145,0.2), 0 6px 20px 0 rgb(3, 100, 145,0.19);
}

.shadow-2{
    box-shadow: 0 4px 8px 0 rgb(3, 100, 145,0.08), 0 6px 10px 0 rgb(3, 100, 145,0.05);
}


.title-header{
background-color:rgb(3, 100, 145,0.8); padding:5px; color:white; border-radius:5px;
}
.text-bold{
  font-weight:bold;
}

div.box {

    background-color: white !important;
    flex: 1;

}

.d-flex{
  display: flex;
}
.flex-1{
  flex: 1;
}
.border-nav{
  border-top: 1px solid;
  border-left: 1px solid;
  border-right:1px solid;
  border-top-left-radius: 2%;
  border-top-right-radius: 2%;
  border-color:  rgb(3, 100, 145);
  background-color: rgb(3, 100, 145);
  color:white !important;
  cursor: pointer !important;
}
.border-nav-second{
  border-bottom: 1px solid;
  border-color:  rgb(3, 100, 145);
  cursor: pointer !important;
  color:rgb(3, 100, 145);
  border-top-left-radius: 2%;
  border-top-right-radius: 2%;
  background: white !important;
}

.border-nav-second:hover{

  opacity:0.7;
}

.t-a{
  opacity:0.7;
}

.p-head{
  width: 100%;
  flex: 1;
  text-align:center;
}

.zoom:hover{
  transform: scale(0.98);
}


.bg-light{
  background-color: white !important;
}

.vh100{
  height:100vh ;
}


.custom-input:focus {
outline: none !important;
border:1px solid none !important;
    box-shadow: 0 0 10px rgb(3, 100, 145);
}


.bg-main{
  background-color:rgb(3, 100, 145) !important;
}

form label{
  opacity:0.6;
}

form input:focus{
  outline: none !important;
  border:1px solid none !important;
      box-shadow: 0 0 10px rgb(3, 100, 145);}

.bg-main-linear{
      background: linear-gradient(180deg, rgb(3, 100, 145) 40%, #FFFFFF 50%);
}

.m-hori-20{
  margin-left:20%;
  margin-right:20%;
}

.error-holder{
  position: fixed; z-index:1; bottom:0; right:0rem; height:2rem; background-color: 	rgb(255,0,0);padding:5px
}

.deact{
  display:none;
}
.reblock{
  display:block;
}

.max-width-500{
  max-width:500px;
}

.align-center-content{
  align-content: center;
}

.body-service{
  background: dodgerblue;
  background-image: linear-gradient( dodgerblue, skyblue);
}

.body-dealer{
  background: dodgerblue;
  background-image: linear-gradient( dodgerblue, skyblue);

}
.min-height-50{
  min-height:50px
}
.sticky-top{
  position:sticky;
  top:0px;
}

.custom-login-text{
border-radius: 100px 100px 100px 100px !important;
}

.text-12{
  font-size: 12px;
}

.text-grey{
  color:grey;
}
.hide{
  display:none;
}

.text-main{
  color: rgb(3, 100, 145);
}

.max-width-300{
  max-width: 300px
}

.max-width-400{
  max-width: 400px
}

.bg-whitesmoke{
  background: whitesmoke
}

.m-0{
  margin:0;
}

.bold{
  font-weight: bold
}

.align-center{
  align-items: center
}

.m-left-auto{
  margin-left: auto;
}

.h-15{
  height:15px;
}
.p-20{
  padding:20px
}
.text-red{
  color:red;
}
.hoverable-a:hover{
background: rgb(3, 100, 145);
color:white;
}

.common-button-a{
  width: 100%;
  background-color: #1de312;
  color: white;
  padding: 12px;
  border: none;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border-radius: 100px 100px 100px 100px;
  cursor: pointer;
}

.common-button-a:hover{
  opacity: 0.8;
}

.border-bottom{
  padding: 3px;
  margin-bottom: 3px;
  width: 100% ;
  border-bottom: 1px grey solid;
}