/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');
html,
body {
    background-image: url('544750.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    font-family: 'Numans', sans-serif;
}

.container {
    height: 100%;
    align-content: center;
}

.card {
    height: 370px;
    margin-top: auto;
    margin-bottom: auto;
    width: 800px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.card-header h3 {
    color: white;
}

.input-group-prepend span {
    background-color: #FFC312;
    color: black;
    border: 0 !important;
}

input:focus {
    outline: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.calcular input {
    color: black;
    background-color: #FFC312;
}

.calcular:hover {
    color: black;
    background-color: white;
}
table{
    background-color: rgb(232, 206, 173);
}

/* quitar flechas en input*/
input[type=number] { -moz-appearance:textfield; }

/*cambiar color de prev/nex metodo 2*/
.fa-angle-left,.fa-angle-right{
    color: #FFC312;
    width: 40px;
    height: 40px;
}

.slide .carousel-indicators button {
    background-color: #FFC312;
    border-radius: 50%;
}

/*configurar tamaño y posicion de prev/next*/
.carousel .carousel-control-prev {
    position: absolute;
    width: 4%;
    left: -4%;
    z-index: 1;
}

.carousel .carousel-control-next {
    position: absolute;
    width: 4%;
    right: -4%;
    z-index: 1;
}
 
@media (max-width: 768px) {
.carousel .carousel-control-prev {
    left: -7%;
    width: 7%;
    z-index: 1;
}

.carousel .carousel-control-next {
    right: -7%;
    width: 7%;
    z-index: 1;
}
}