/*-------------------------------------
Name: Kalbform
Author: AgenciaDDL
Author URI: https://agenciaddl.com/
Version: 1.0
---------------------------------------

/*---------------------------------------
    Default CSS
---------------------------------------*/
/* progress bar */



progress[value] {
  width: 250px;
  height: 30px;
  -webkit-appearance: none !important;
   appearance: none !important;
   background-color: #eee;
   border-radius: 7px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}



progress[value]::-webkit-progress-value {
  background-image: linear-gradient(120deg, rgba(75,13,11,1) 0%, rgba(157,36,33,1) 100%);

    border-radius: 2px !important;

}
















h1 {
    color: #9d2422;
}
.logokalb img {
    width: 250px;
    filter: brightness(0) invert(1);
}
#top {
background-color: #9D2421;
}

#top .banner {
background-image: url("../assets/bannerkalb.jpg");
background-position: top right;
background-repeat:  no-repeat;
    background-size: contain;
height: 300px;
margin-bottom:100px;
background-position: center;
}

@media only screen and  (max-width: 700px) {
        #top .banner {

    height: 130px !important;

}
    }




.menu a {
    color: #edaaaa;
}

i.fa.fa-question-circle {
    margin-left: 10px;
    color: #9d2422;
}

span.titulobanner {
    color: #9d2520;
    font-size: 52px;
    margin-left: 13%;
    padding-top: 60px;
    display: block;
}

#kalbcontent {
background-color: #fff;
box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.8);
    border-radius: 10px;
    padding: 50px;
    margin-bottom: 100px;
}

#footer {

    background-color: #9D2421;
    padding-top: 20px;
    padding-bottom: 20px;
    /* position: fixed; */
    bottom: 0px;
    width: 100%;
    text-align:  center;
    color:  #fff;

}

.row.formkalb {
    margin: 30px 0px 30px 0px;
}

#kalbcontent label {
    color: #959595;
}

#top .menu {
margin-top:  10px;
margin-bottom: 10px;
color: #fff;
}

#top .menu ul li{
text-decoration: none;
display: inline-block;
padding: 20px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: ##9d2422 !important;
  font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #792e2d !important;
   font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #792e2d !important;
   font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #792e2d !important;
  font-size: 12px;
}

input[type="email"].big-dog::-webkit-input-placeholder {
  color: orange;
}

.form-control {
 border:none;
       border-bottom: 1px solid #828282 !important;
    padding: 5px 10px;
    outline: none;

}


.form-control:focus::-webkit-input-placeholder  {
   transition: text-indent 0.4s 0.4s ease;
    text-indent: -100%;
    opacity: 1;
    border-bottom: none !important;
}


.form-control:focus {
     outline: none !important;
 border-color:  transparent !important;
 border-bottom-color: rgb(157 36 34) !important;
box-shadow:  none !important;

}
label.biglabel {
display:  block;
width: 100%;
}

.form-check.acepto {
margin-bottom: 20px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9d2422;
    --bs-btn-border-color: #741716;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bd2724;
    --bs-btn-hover-border-color: #9d2422;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9d2422;
    --bs-btn-active-border-color: #751816;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6a6a6a;
    --bs-btn-disabled-border-color: #4e4e4e;
}


.hidden{
  display: none;
}
.borde{
  border: 1px solid #cccccc;
  border-radius: 10px;
}

.contadordomicilio, .contadordomiciliovalor {
  text-align: center;
}


.datos-empresa{
	font-size: 14px;
}

#top div.menu div.container div.row div.col-md-8 ul.float-right.datos-empresa li {
	margin: 0 !important;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
}

ul.float-right.datos-empresa {
	text-align: right !important;
}

ul.log-footer li{
  list-style: none;
  display: inline;
  text-align: center;
}
ul.log-footer li img{
  width: 70px;
}


.datos-usuario{
	font-size: 15px;
}
#top div.menu div.container div.row div.col-md-8 ul.float-right.datos-usuario li {
	margin: 0 !important;
	padding: 0;
	padding-top: 10px;
	padding-left: 10px;
}

ul.float-right.datos-usuario {
	text-align: right !important;
}

.boton-aplicacion a {
    display: block;
    color: #f9fafb;
    background-color: #902f28;
    padding: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 20px;
}