/* VARIABLES */
:root{
    --white:#fff;
    --somky-black:#0c120c;
    --st-patrick-blue:#2a2a72;
    --dim-gray:#696969;
    --light-gray:#F5F5F5;
    --yellow-orange:#FFA93D;
    --tufts-blue:#3e92cc;
    --blaze-orange:#FB6602;
    --montserrat: 'Montserrat', sans-serif;
    --light:300;
    --regular:400;
    --semi-bold:600;
    --10px:	0.625rem;
    --11px:	0.6875rem;
    --12px:	0.75rem;
    --13px:	0.8125rem;
    --14px:	0.875rem;
    --15px:	0.9375rem;
    --16px:	1rem;
    --17px:	1.0625rem;
    --18px:	1.125rem;
    --19px:	1.1875rem;
    --20px:	1.25rem;
    --21px:	1.3125rem;
    --22px:	1.375rem;
    --23px:	1.4375rem;
    --24px:	1.5rem;
    --25px:	1.5625rem;
    --26px:	1.625rem;
    --27px:	1.6875rem;
    --28px:	1.75rem;
    --29px:	1.8125rem;
    --30px:	1.875rem;
}
/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');
/* GENERALES */
body{
        font-family: var(--montserrat);
        font-weight: var(--light);
        font-size: var(--14px);
        line-height: var(--28px);
        color: #0c120c;
}
h5{
    color: var(--st-patrick-blue);
    font-size:1.125rem;
    font-weight: var(--semi-bold);
}
.bg-light-gray{
    background-color: var(--light-gray);
}
/* HEADER */
#header{
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
#header .jumbotron h1{
    font-family:var(--montserrat);
    font-weight: var(--light);
    color: var(--white);
}
#header .jumbotron{
    background-image: linear-gradient(
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.5)
        ),
        url(../img/header-cotizacion-evento.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#header .mobiliario{
    background-image: linear-gradient(
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.5)
        ),
        url(../img/contrato-mobiliario-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#header .flores{
    background-image: linear-gradient(
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.5)
        ),
        url(../img/contrato-flores-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.outline{
    border-style: solid;
    border-color: var(--white);
    border-width: 1px;
    box-sizing: border-box;
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
}
/* TEXT INFO */
.logo{
    max-width: 255px;
}
#episodio-info{
    background-color: var(--light-gray);
}
.stand-out,.control-label{
    font-weight: var(--semi-bold);
}
.control-label{
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.control-text{
    font-weight: var(--light);
    text-transform: capitalize;
    color:var(--dim-gray);
    padding-bottom: var(--14px);
}
.control-label i{
    color: var(--blaze-orange);
    padding-right: 5px;
    font-size: var(--15px);
}
/* TABLES & QUOTE CONTENT */
td{
    text-transform: capitalize;
}
.table-title h5{
    text-transform: uppercase;
}
table.dataTable{
    margin-bottom: 0!important;
}
.title-category{
    color:var(--somky-black);
    padding:25px 0;
    background-color: var(--yellow-orange);
}
.title-category h2{
    margin-bottom: 0;
}
.prefix-title{
    font-weight: var(--light);
    color: var(--somky-black)
}
.table-title{
    padding: 40px 0 20px 0;
}
.location-map{
    padding:30px 0;
}
.table td{
    font-size: var(--13px);
    line-height: var(--21px);
}
.table th, .table.total-breakdown tr td.text-right{
    font-size: var(--14px);
    line-height: var(--23px);
}
.table.total-breakdown tr td.text-right, .breakdown-for-section tr td.text-right, .breakdown-for-quote tr td.text-right{
    font-weight: var(--regular);
}
.table.total-breakdown tr td.text-right.total-for-table, .breakdown-for-section tr td.text-right.total-for-table,tr.big-finale th, tr.big-finale td.text-right,.title-breakdown-for-section th, .title-breakdown-for-services{
    font-weight: var(--semi-bold);
}
.title-breakdown-for-section th, .title-breakdown-for-services{
    background-color: var(--st-patrick-blue);
    color: var(--white);
}
.title-breakdown-for-section th{
    font-size: var(--18px);
}
.breakdown-for-section tr th, .breakdown-for-section tr td.text-right, .breakdown-for-quote tr th, .breakdown-for-quote tr td.text-right{
    font-size: var(--15px);
}
.big-finale{
    background-color: var(--somky-black)!important;
}
tr.big-finale th, tr.big-finale td.text-right{
    color: var(--yellow-orange);
    font-size: var(--21px);
}
tr.set-name th{
    font-size: var(--16px);
    line-height: var(--28px);
    font-weight: normal;
    font-style: italic;
}
/* BUTTONS */
.btn-accept-proposal{
    font-size: var(--18px);
    color: var(--somky-black);
    font-weight: var(--semi-bold);
    line-height: 52px;
    padding: 15px 30px;
    background-color: var(--yellow-orange);
    border-radius: 5px;
    text-decoration: none;
}
.btn-accept-proposal:hover{
    background-color: var(--somky-black);
    color: var(--yellow-orange);
    text-decoration: none;
    cursor: pointer;
}
.btn-accept-proposal::before{
    content: '\e808';
    font-family: 'episodio-quote';
    font-size: var(--19px);
    padding-right: var(--10px);
}
.btn-download-pdf{
    font-size: var(--14px);
    color: var(--st-patrick-blue);
    font-weight: var(--semi-bold);
    line-height: 42px;
    padding: 10px 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    border-color: var(--st-patrick-blue);
    background-color: transparent;
    text-decoration: none;
}
.btn-download-pdf:hover{
    color: var(--white);
    border-color: var(--st-patrick-blue);
    background-color: var(--st-patrick-blue);
    text-decoration: none;
}
.btn-download-pdf::before{
    content: '\e809';
    font-family: 'episodio-quote';
    font-size: var(--15px);
    padding-right: var(--10px);
}
.btn-download-pdf.print::before{
    content: '\e80c';
    font-family: 'episodio-quote';
    font-size: var(--15px);
    padding-right: var(--10px);
}
a{
    font-weight: var(--semi-bold);
    color: var(--tufts-blue);
    text-decoration: underline;
}
a:hover{
    color: var(--yellow-orange);
}
.primary-btn{
    font-size: var(--14px);
    color: var(--somky-black);
    font-weight: var(--semi-bold);
    padding: 9px 18px;
    border-radius: 5px;
    background-color: var(--yellow-orange);
    border: none;
}
.primary-btn:hover{
    color: var(--yellow-orange);
    background-color: var(--somky-black);
}
.alert{
    width:400px;
    position:fixed;
    top:10px;
    right:10px;
}
/* FOOTER */
#footer {
    background-color: var(--light-gray);
}
#footer p{
    padding:15px 0;
    font-size: var(--14px);
}