.list-categories-side{
    float:left;
    width: 210px;
    clear: both;
}
.list-table-side {
    float: right;
    width: 700px;
}
.buttons-navegation-list .btRed{
    font: 15px/25px lato;
    float: right;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    border-radius: 0px;
    border: 1px solid #fff;
}
.buttons-navegation-list .btRed:last-child{float: right}

.img-list{
    width: 260px;
    height: 260px;
    border: 10px solid #fff;
    float: left;
}
.btn-lists{
    float: right;
    width: 590px;
    margin-bottom: 20px;
}
.subTitle{
    float: left;
    font-weight: bold; 
}
.totalListaDePresentes{
    font-size: 14px;
    float: left;
    clear: both;
    margin: 10px auto 15px;
}

.search-product-category{float: right;clear: both;}
.search-product-category input[type="text"]{
    width: 400px;
    border-radius: 10px 0px 0px 10px;
    height: 40px;
    font-size: 14px;
    border-right: none;
}
.search-product-category .btRed{
    border-radius: 0px 10px 10px 0px;
    height: 42px;
    font-size: 15px;
    border: 1px solid #bababa;
    border-left: none;
}

/*LISTAS DE PRESENTE TOPO*/
.topContent .search-list{
	float: left;
	width: 470px;
}
.topContent .list-top{
	min-width: 410px;
	float: left;
	overflow: hidden;
	margin-left: 50px;
}
.topContent .list-top i{
	font-size: 25px;
	float:left;
	margin-right: 5px;
}
.topContent .list-top p{
	font-style: italic;
	line-height: 25px;
	float: left;
	margin-right: 10px;
}
.topContent .list-top span{
	float: left;
	display: block;
	width: 76%;
	line-height: 25px;
}
.topContent .list-top .close-list{text-decoration:none;	float: right;}
.topContent .list-top .close-list {margin-right: 0px;font-size: 16px;font-weight: bold;}
.credit-value{
	float: right;
	clear: both;
	margin-top: 10px;
}
.credit-value.disable-credit {display: none;}

/*CATEGORIAS PRESENTE*/
.list-categories + .categories h2 a{
    padding: 6px 10px;
    width: 92%;
    text-decoration: none;
    border-bottom: none;
    display: block;
    border-radius: 10px;
    margin-bottom: 5px;
}
.list-categories +.categories li a{
    float: right;
    width: 92%;
    text-decoration:none;
    cursor: pointer;
}
.categories.list-categories ul li a{
    text-decoration: none;
    cursor: pointer;
    width: 90%;
    float: right;
}
.categories.list-categories,
.list-categories-side .categories,
.categories.list-categories li{
    width: 100%;
    border: none;
    background: transparent;
}
.categories.list-categories li a{
    cursor: pointer;
    padding: 0px 10px;
}


/* PESQUISA EVENTO*/
.search-marriage{
    width: 100%;
    float: left;
    height: auto;
}
.search-marriage p{
 font-weight: bold;
 margin: 20px auto;
 float: left;
 width: 100%;
}
.search-marriage .searchCol{
    width: 30%;
    float: left;
    margin-bottom: 35px;
}
.search-marriage .searchCol input {
    width: 75%;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    height: 40px;
    border-radius: 0px;
    padding: 0px 14px;
}
.search-marriage .searchCol span {
   width: 84%;
   float: left;
   display: block;
}
.search-marriage .dateSearch label:last-child{margin-left: 5%;}
.search-marriage .dateSearch label{
    width: 45%;
    float: left;
    height: 40px;
}
.search-marriage .dateSearch label input{width: 48%;}
.search-marriage .searchCol label span{
    float: left;
    width: 20%;
    margin-top: 0px;
    line-height: 40px;
}
.search-marriage .search-inputs .btRed{
    float: right;
    font-size: 15px;
    border-radius: 0px;
    width: 85px;
    height: 38px;
    margin-top: 36px;
}
.search-marriage + table td:first-child,
.search-marriage + table th:first-child{text-align: left;}
.search-marriage + table th{
    text-transform: initial;
    text-align: center;
    font-size: 14px;
}
.search-marriage + table td{
    text-align: center;
   vertical-align: middle;
    font-size: 16px;
}
.search-marriage + table td .btRed{
    font-size: 14px;
    float: right;
    width: 105px;
    border-radius: 0px;
}
.search-marriage + table td[colspan="7"]:first-child,
.search-marriage + table td[colspan="7"]{text-align: center;}

/*PRODUTOS NA LISTA (VER LISTA)*/
.see-list .details-address{
    float: right;
    width: 650px;
    margin: 20px auto 15px;
}
.see-list .details-address strong{
    width: 75%;
    float: left;
    margin-bottom: 15px;
    font-size: 18px;
}
.see-list .details-address .address-event{
    clear: both;
    float: left;
    margin-bottom: 5px;
}
.see-list .details-address p strong{
    width: 15%;
    margin-top: 20px;
    margin-bottom: 5px;
}
.see-list .details-address p span{
    float: left;
    width: 14%;
    margin-bottom: 25px;
    display: block;
    clear: both;
}
.see-list .details-address span,
.see-list .details-address p{
    float: left;
    width: 100%;
}
.see-list .details-address .buttons-list-create{
    float: right;
    width: 22%;
}
.see-list .details-address .buttons-list-create a{
    float: right;
    padding: 2px 5px;
    margin: 0px 5px;
    border-radius: 5px;
}
.see-list .details-address .buttons-list-create span,
.see-list .details-address .buttons-list-create strong{
    line-height: 40px; 
    width: auto; 
    padding-left: 5px;
    margin-top: 0px;
    clear: none;
}
.see-list .details-address p span:last-child{clear: none;}
.see-list .listProductsV2 {margin: 20px auto;width: 100%;}
.see-list .listProductsV2 li{height: 400px;}



/*GERENCIADOR DAS MINHAS LISTAS (MINHAS LISTAS)*/
.manage-list .PresentLists{
    float: left;
    clear: both;
    width: 100%;
}
.manage-list .details-list{
    width: 650px;
    margin: 18px auto 0px;
    float: right;
}
.manage-list .details-list .address-event{
    clear: both;
    float: left;
    font-size: 18px;
    margin-bottom: 5px;
}
.manage-list .buttons-list-create{
    float: right;
    width: 350px;
}
.manage-list .buttons-list-create a{
    float: right;
    padding: 2px 5px;
    margin: 0px 5px;
    border-radius: 5px;
}
.manage-list .buttons-list-create span,
.manage-list .buttons-list-create strong{
    line-height: 40px; 
    width: auto; 
    padding-left: 5px;
    margin-top: 0px;
    clear: none;
}
.manage-list p strong,
.manage-list p span,
.manage-list p{
    float: left;
    width: 100%;
    clear: both;
}
.manage-list p strong{ margin-top: 20px;}
.manage-list .products table{
    margin: 20px auto;
    width: 100%;
    float: left;
}
.manage-list table th,
.manage-list table td{
    padding: 20px 0px;
    text-align: center;
}

.manage-list .nothing-list {
    margin: 10px auto 20px;
    clear: both;
    height: 300px;
}
.manage-list .nothing-list p{
    margin: 40px auto 140px;
}
.manage-list .nothing-list span{
    text-align: center;
    width: 100%;
    display: block;
}
.manage-list .nothing-list .btRed{
    float: right;
}

/*LISTAGEM DE PRODUTOS VINCULADOS*/
.bound-list .buttons-navegation-list{
    float: right;
    width: 580px;
}
.bound-list .list-categories-side{margin-top: 19px;}
.bound-list .list-table-side{ margin: 20px auto;}
.bound-list table{width: 100%;}
.bound-list table th{padding-bottom: 15px;}
.bound-list table th:first-child{text-align: left;}
.bound-list table td{   
    text-align: center;
    padding: 10px 0px;
    vertical-align: middle;
}
.bound-list table td:first-child{text-align: left;} 
.bound-list table td:first-child p,
.bound-list table td:first-child img{
    float: left;
} 
.bound-list table td:first-child p a{
    padding-left: 10px;
    float: left;
    padding-top: 5px;
}
.bound-list table td input{   
    margin: 0 auto;
    float: none;
    text-align: center;
}
.bound-list table td strong,
.bound-list table td del{
    display: block;
    line-height: 20px;
    font-size: 15px;
}   

/* GESTÃO DE SUGESTÕES DE PRODUTOS*/
.suggestion-list .title-suggestion{
    float: right;
    width: 100%;;
}
.suggestion-list .title-suggestion strong{
    float: left;
    margin: 0px auto 15px;
    width: 85%;
    display: block;
    border-radius: 0px;
    padding: 10px;
    text-indent: 10px;
}
.suggestion-list .title-suggestion .btRed{
    float: right;
    font-size: 18px;
    border-radius: 0px;
    padding: 10px 25px;
}
.suggestion-list .listProducts.listProductsV2 li:nth-child(3n){margin-right: 0px !important;} 
.suggestion-list .listProducts.listProductsV2 li:nth-child(4n){margin-right: 20px !important;} 

/* CATEGORIAS DE PRODUTO PARA SEREM ADICIONADOS */
.for-add .title-category{
    width: 700px;
    display: block;
    float: right;
    margin: 15px auto;
}
.for-add .listProducts.listProductsV2{width: 701px;}
.for-add .listProducts.listProductsV2 li{height: 390px;}
.for-add .listProducts.listProductsV2 li:nth-child(3n){margin-right: 0px;}
.for-add .listProducts.listProductsV2 li:nth-child(4n){margin-right: 20px !important;}
.for-add .listProducts.listProductsV2 li .btRed{
    margin: 0px auto;
    float: none;
    width: 130px;
    left: 13%;
}
.for-add .boxAdicionarLista span{
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
}
.for-add .search-product-category {clear: none;}

/*LISTA DE PRESENTE CARRINHO*/
.dedication-car{
    width:100%;
    height:170px;
    float:left;
    margin:10px 0px 25px;
}
.dedication-car label{
    float:left;
    width:100%;
    margin:5px 0px;
}
.dedication-car label span{
    float:left;
    width: 12%;
    line-height:35px;
    text-align:right;
    margin:0px 15px;
}
.dedication-car label input[type="text"]{width: 312px;}
.dedication-car label textarea{
    width: 316px;
    padding: 10px;
   border-radius: 3px;
}

/* Editar lista de presente */

p.read-only {
    width: auto;
    border: 1px solid;
    margin-top: 30px;
    padding: 3px 3px;
    text-align: center;
    border-radius: 3px;
    color: green;
    font-size: 13px;
}

/*RESGATAR CRÉDITOS DOS PRÉDITOS*/
.rescue-credits .rescue-table-credits{
    float: right;
    width: 650px;
}
.rescue-credits table th{
    padding: 15px;
    vertical-align: middle;
}
.rescue-credits table td{
    padding: 10px 5px;
}
.rescue-credits td span{
     width: 100%;
     font: 14px lato;
    display: block;
    line-height: 20px;
}
.rescue-credits .convert-credit table,
.rescue-credits .convert-credit{
    width: 100%;
}
.rescue-credits .convert-credit table th:first-child{text-align: left;}
.rescue-credits td li{
    text-align: left;
    margin-bottom: 5px;
}
.rescue-credits td li span{
    float: left;
    width: 85px;
    clear: both;
}
.rescue-credits td li .product-credit{
    width: 100%;
    text-align: right;
}
.rescue-credits td li .btRed:last-child{margin-right: 10px;}
.rescue-credits td li .btRed{
    float: right;
    border-radius: 10px;
}
.modal-converte{
    width: 390px;
    height: 265px;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 35%;
    padding: 15px;
    top: 35%;
    display: none;
}
.modal-converte .buttons-actions{
    margin: 0 auto;
    float: left;
    width: 100%;
    text-align: center;
}
.modal-converte .modal-close{
    float: right;
}
.modal-converte .buttons-actions .btRed{
    font-size: 20px;
    margin: 0px 10px 0px 0px;
    padding: 10px 28px;
    float: none;
}
.modal-converte .buttons-actions .btGray{
    font-size: 20px;
    padding: 10px 30px;
}
.modal-converte .modal-close i{
    font-size: 30px;
}
.modal-converte .modal-message{
    float: left;
    clear: both;
    width: 84%;
    font: 20px/25px lato;
    margin: 45px 30px;
    text-align: center;
}
.modal-black  {
    display: none;
    width: 100%;
    height: 2000px;
    position: absolute;
    z-index: 998;
    background: rgba(0,0,0,0.8);
}

/*LISTAS SUGESTÕES DE PRESENTES*/
.present-indications .list-table-side li{height: 400px;}
.present-indications .list-table-side li:nth-child(3n){margin-right: 20px !important;}
.present-indications .list-table-side li:nth-child(4n){margin-right: 0px;}
.present-indications .boxAdicionarLista .btRed{width: 125px;margin: 0px 25px;}
.present-indications .boxAdicionarLista span{
    margin: 25px auto 0;
    display: block;
    width: 80%;
}
/*COMPRA UTILIZANDO CRÉDITOS*/
.agree-credits .checkAccept {width: 85%;}

.agree-credits .checkAccept span{
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0px;
}