/*
############
Estrutura
############
*/
/*
var(--base1)
*/
:root
{
    --base1: rgba(191, 31, 31, 1);
    --base2: rgba(191, 31, 31, 0.9);
    --base3: rgba(191, 31, 31, 0.8);
}










/*
############
BoxAviso1
############
*/
.BoxAviso1
{
	margin: 0px;
	padding: 20px 20px 20px 55px;
	
	font-size: 14px;
	color: #5f5f5f;
	
	display: block;
	position: relative;
	
	background: #FFF;
}
.BoxAviso1:before
{
	position: absolute;
	display: block;
	
	font-family: FontAwesome;
	color: #A0282A;
	font-size: 24px;
	
	left: 20px;
	top: 14px;
	
	height: 30px;
	width: 30px;
	
	content: "\f071";
	
}

/* ------------- */

@media screen and (max-width: 767px) 
{
	
	/* ------------- */
	
	.BoxAviso1
	{
		padding: 55px 20px 20px 20px;
		
		text-align: center;
	}
	.BoxAviso1:before
	{
		position: absolute;
		display: block;

		font-family: FontAwesome;
		color: #A0282A;
		font-size: 24px;

		left: 0px;
		top: 10px;

		height: 30px;
		width: 100%;

		content: "\f071";
		
		text-align: center;

	}
	
	/* ------------- */
  
}

/* ------------- */










/*
############
Modal
############
*/
#IntModal .modal-header
{
    cursor: move;
}
.modal-dialog
{
    
}

/* ------------- */

@media screen and (max-width: 1030px) 
{
	
	/* ------------- */
	
	.modal-dialog
    {
        width: 98% !important;
    }

	/* ------------- */
  
}

/* ------------- */








/*
############
Botões
############
*/
.btn-custom1 
{
    background-color: var(--base3);
    color: #fff;
}
.btn-custom1:hover, 
.btn-custom1:focus, 
.btn-custom1:active, 
.btn-custom1.active, 
.open .dropdown-toggle.btn-custom1 
{
    background-color: var(--base2);
    border-color: var(--base1);
    color: #fff !important;
}







/*
############
GerRow1
############
*/
.GerRow1
{
    margin: 0px;
    padding: 0px;

    display: flex;
    align-items: center;
}
.GerRow1 .GerRow1_Col
{
    margin: 0px;
    padding: 0px;
}

.GerRow1 .GerRow1_Col1
{
    width: 90px;
}
.GerRow1 .GerRow1_Col2
{
    width: calc(100% - 90px);
}

/* ------------- */











/*
############
Carrinho
############
*/
.CarrinhoAberto
{
    position: relative;
}

/* ------------- */






/*
############
BlcCarrinho1
############
*/
.BlcCarrinho1
{
    position: fixed;
    right: 0px;
    top: 0px;

    width: 450px;
    height: 100%;

    background: #F2F2F2;
    border-left: 1px solid #E5E5E5;
}

/* ------------- */

.BlcCarrinho1 .IntHeader
{
    position: absolute;
    left: 0px;
    top: 0px;

    width: 100%;
    height: 50px;

    padding: 10px;

    background: rgba(0, 0, 0, 0.05);
}

.BlcCarrinho1 .IntHeader .IntText1
{
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.BlcCarrinho1 .IntHeader .IntText2
{
    position: absolute;
    right: 10px;
    top: 9px;

    font-size: 18px;
    color: #000;
}

/* ------------- */

.BlcCarrinho1 .IntFooter
{
    position: absolute;
    left: 0px;
    bottom: 0px;

    width: 100%;
    height: 162px;

    padding: 10px;
}

.BlcCarrinho1 .IntFooter .BtnEnviar
{
    padding: 10px 0px;
    display: block;
    width: 100%;
}
.BlcCarrinho1 .IntFooter .IntText1
{
    font-size: 18px;
    color: #3c3a3a;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;

    padding: 10px;
    background: #FFF;
}
.BlcCarrinho1 .IntFooter .IntText2
{
    font-size: 13px;
    color: #3c3a3a;
    text-align: center;
    font-weight: bold;

    margin-bottom: 5px;

    padding: 10px;
    background: #FFF;
}

/* ------------- */

.BlcCarrinho1 .IntContainer
{
    position: absolute;
    left: 0px;
    top: 50px;

    width: 100%;
    height: calc(100% - 50px - 162px);

    padding: 10px;

    overflow: auto;
}

.BlcCarrinho1 .IntContainer .ExtList1
{
    list-style: none;
    display: block;

    margin: 0px;
    padding: 0px;
}
.BlcCarrinho1 .IntContainer .ExtList1 li
{
    list-style: none;
    display: block;

    margin: 0px;
    padding: 0px;

    margin-bottom: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.BlcCarrinho1 .IntContainer .ExtList1 li:last-child
{
    margin-bottom: 0px;
    padding-bottom: 0px;

    border-bottom: none;
}

.BlcCarrinho1 .IntContainer .IntRow1
{
    margin: 0px;
    padding: 0px;

    display: flex;
    align-items: center;
}
.BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col
{
    margin: 0px;
    padding: 0px;
}
.BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col1
{
    width: 20px;
}
.BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col2
{
    width: calc(100% - 20px - 103px);
    line-height: 15px;
    padding-right: 10px;
}
.BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col3
{
    width: 103px;
}

.BlcCarrinho1 .IntContainer .IntText1
{
    font-size: 14px;
    color: #000;
}
.BlcCarrinho1 .IntContainer .IntText2
{
    font-size: 13px;
    color: #3c3a3a;
    font-weight: bold;
}
.BlcCarrinho1 .IntContainer .IntText2 small
{

}
.BlcCarrinho1 .IntContainer .IntText3
{
    font-size: 10px;
    color: #555151;
}
.BlcCarrinho1 .IntContainer .IntText4
{
    font-size: 13px;
    color: #3c3a3a;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.BlcCarrinho1 .IntContainer .IntText5
{
    font-size: 18px;
    color: #2e2c2c;
    font-weight: bold;

    padding: 5px;

    display: block;

    background: #FFF;
}

.BlcCarrinho1 .IntContainer .CampoQtd
{
    width: 100%;
}

.BlcCarrinho1 .IntContainer .bootstrap-touchspin
{
}
.BlcCarrinho1 .IntContainer .bootstrap-touchspin .input-group-btn .btn
{
    padding: 8px 10px 8px 10px !important;
}
.BlcCarrinho1 .IntContainer .bootstrap-touchspin .form-control
{
    background: #FFF;
}

/* ------------- */

@media screen and (max-width: 1200px) 
{
	
	/* ------------- */
	
	.BlcCarrinho1
	{
		width: 350px;
	}

	/* ------------- */
  
}

/* ------------- */

@media screen and (max-width: 767px) 
{
	
    /* ------------- */
    
	.BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col1
    {
        width: 20px;
    }
    .BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col2
    {
        width: calc(100% - 20px - 100px);
        padding-right: 5px;
    }
    .BlcCarrinho1 .IntContainer .IntRow1 .IntRow1_Col3
    {
        width: 100px;
    }

    .BlcCarrinho1 .IntContainer .IntText5
    {
        font-size: 16px;
    }   

	/* ------------- */
  
}

/* ------------- */

@media screen and (max-width: 480px) 
{
	
	/* ------------- */
	
	.BlcCarrinho1
	{
		width: 100%;
	}

	/* ------------- */
  
}

/* ------------- */















/*
############
BlcCarrinho2
############
*/
.BlcCarrinho2
{
    position: fixed;
    right: 0px;
    top: 0px;

    width: 450px;
    height: 100%;

    background: #F2F2F2;
    border-left: 1px solid #E5E5E5;
}

/* ------------- */

.BlcCarrinho2 .IntHeader
{
    position: absolute;
    left: 0px;
    top: 0px;

    width: 100%;
    height: 50px;

    padding: 10px;

    background: rgba(0, 0, 0, 0.05);
}

.BlcCarrinho2 .IntHeader .IntText1
{
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.BlcCarrinho2 .IntHeader .IntText2
{
    position: absolute;
    right: 10px;
    top: 9px;

    font-size: 18px;
    color: #000;
}

/* ------------- */

.BlcCarrinho2 .IntContainer
{
    position: absolute;
    left: 0px;
    top: 50px;

    width: 100%;
    height: calc(100% - 50px);

    padding: 10px;

    overflow: auto;
}

.BlcCarrinho2 .IntContainer .IntText1
{
    font-size: 18px;
    color: #534f4f;

    text-align: center;

    line-height: 25px;
}

/* ------------- */

@media screen and (max-width: 1200px) 
{
	
	/* ------------- */
	
	.BlcCarrinho2
	{
		width: 350px;
	}

	/* ------------- */
  
}

/* ------------- */

@media screen and (max-width: 480px) 
{
	
	/* ------------- */
	
	.BlcCarrinho2
	{
		width: 100%;
	}

	/* ------------- */
  
}

/* ------------- */