/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 feb. 2021, 18:08:24
    Author     : uriel
*/

:root {
    --color-base: #fd4976;
    --color-input-border: #fd4976;
    --color-hover: rgba(253, 73, 118, 0.8); /* Color base con opacidad ajustada */
    --color-btn: #fff;
    --color-btn-hover: #fff;
}

.container-title .title {
    font-family: 'Segoe UI';
    color: #2c2e2f;
    font-size: 20px;
}
.container-title .subtitle{

    font-family: 'Segoe UI';
    color: #7a7a7a;
    font-size: 18px;
}
.service-title, .container-shipping-address-txt{
    font-family: 'Segoe UI';
    font-weight: 600;
    color: #2c2e2f;
    font-size: 16px;
}
.container-first-price .first-price{
    font-family: 'Segoe UI';
    font-weight: bold;
    font-size: 18px;
    color: #fd4976;
}
.container-have-an-account{
    font-family: 'Segoe UI';
    color: #7a7a7a;
    font-size: 15px;
    text-align: right;
}
.container-have-an-account span{
    color: #fd4976;
}
.container-check.add-bill.inside .text-check{
    color: #fd4976;
}
.btn-pay{ 
    font-family: 'Segoe UI';
}
.icon-cart{
    background-image: url(/ui/brand/icos/icon-cart-1.png);
}
.container-user-name span, .container-user-name-mail{
    color: #fd4976;
}


.container-body{
    position: relative;
    width: 60%;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    margin: 15px auto;
}
.container-logo{
    position: relative;
    width: 221px;
    height: 49px;
    /*background-image: url(../brand/icos/logo_dpc.png);*/
    background-size: cover;
    margin: 15px auto;
    display: block;
    overflow: hidden;
}
@media (max-width: 768px) {
    .container-body {
        width: 90%;
    }
    .container-first-price .first-price{
        float: none;
        text-align: center;
        margin: 10px auto 0 auto;
    }
    .table-responsive{
        border: 0 none;
    }
}

.container-inside-form .fl-wrap{
    margin: 0 5px 13px 5px;
}
.container-inside-form .fl-wrap input::placeholder, .container-inside-right-process .fl-wrap input::placeholder{
    color: #999999;
}
.container-inside-form .fl-wrap.focused.populated select,
.container-inside-right-process .fl-wrap.focused.populated select,
.container-inside-form .fl-wrap.focused.populated input[type="text"],
.container-inside-right-process .fl-wrap.focused.populated input[type="text"],
.container-inside-form .fl-wrap.focused.populated input[type="email"],
.container-inside-right-process .fl-wrap.focused.populated input[type="email"],
.container-inside-form .fl-wrap.focused.populated input[type="tel"],
.container-inside-right-process .fl-wrap.focused.populated input[type="tel"],
.container-inside-form .fl-wrap.focused.populated input[type="password"],
.container-inside-right-process .fl-wrap.focused.populated input[type="password"],
.container-inside-form .fl-wrap.focused.populated button,
.container-inside-right-process .fl-wrap.focused.populated button,
.container-inside-form .fl-wrap.focused.populated textarea,
.container-inside-right-process .fl-wrap.focused.populated textarea,
.container-inside-form .fl-wrap select:focus,
.container-inside-right-process .fl-wrap select:focus,
.container-inside-form .fl-wrap input[type="text"]:focus,
.container-inside-right-process .fl-wrap input[type="text"]:focus,
.container-inside-form .fl-wrap input[type="email"]:focus,
.container-inside-right-process .fl-wrap input[type="email"]:focus,
.container-inside-form .fl-wrap input[type="tel"]:focus,
.container-inside-right-process  .fl-wrap input[type="tel"]:focus,
.container-inside-form .fl-wrap input[type="password"]:focus,
.container-inside-right-process .fl-wrap input[type="password"]:focus,
.container-inside-form .fl-wrap button:focus,
.container-inside-right-process .fl-wrap button:focus,
.container-inside-form .fl-wrap textarea:focus,
.container-inside-right-process .fl-wrap textarea:focus
{
    color: #fd4976 !important;
    box-shadow: 0 0 3px 1px #fd4976;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
}
.container-inside-form .fl-wrap input[type="text"],
.container-inside-form .fl-wrap input[type="email"],
.container-inside-form .fl-wrap input[type="tel"],
.container-inside-form .fl-wrap input[type="password"],
.container-inside-form .fl-wrap textarea {
    margin: 0;
    box-shadow: 0 0 0 1px #d9d9d9;
    background-color: white;
    color: #999999;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    word-break: normal;
    border: medium none;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 15px;
}
.container-inside-form .fl-wrap.populated input[type="text"],
.container-inside-form .fl-wrap.populated input[type="email"],
.container-inside-form .fl-wrap.populated input[type="tel"],
.container-inside-form .fl-wrap.populated input[type="password"],
.container-inside-form .fl-wrap.populated textarea {
    color: #555555;
}
.container-inside-form .fl-wrap select {
    margin: 0;
    box-shadow: 0 0 0 1px #d9d9d9;
    background-color: transparent;
    color: #999999;
    border-radius: 5px;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 15px;
}
.container-inside-form .fl-wrap.populated select, .container-inside-form .fl-wrap.populated button {
    color: #383838;
}
.fl-wrap.contain-select .bootstrap-select {
    width: 100%;
    background-color: transparent;
}

.container-user-name, .container-user-name-mail, .container-user-name-mail-is-not-you{
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-family: 'Segoe UI';
    font-weight: 600;
    color: #2c2e2f;
    font-size: 16px;
    line-height: 1.1;
}