.envio-fotos-wrap{
    /*background-color: #fff;
   /* padding: 10px;*/
   /* border: 1px solid #ddd;*/
    min-height: 80vh;
    width: 54%;
}

.sessao-transmissao {
	/*padding: 10px;*/
	
}

.sessao-transmitidas {
	/*padding: 10px;
	border-top: 1px solid #ddd;*/
}

.fotos-header {
	width: 100%;
	display: flex;
	flex-direction: column;
        justify-content: flex-start;
	align-items: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
}
.secao-titulo {
	/* font-size: 1.3em; */
	/* font-weight: 700; */
	width: 100%;
	padding-left: 5px;
	display: flex;
	align-items: center;
}
.secao-titulo > *{
    padding-right: 10px;
}
.secao-outros {
	display: flex;
	flex-direction: row;
	min-width: 100%;
	justify-content: flex-start;
	align-items: center;
	/* border: 1px solid red; */
	font-size: 0.9em;
}
.zoom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.zoom > *{
    margin: 5px;
}

.zoom > a {
	font-size: 1.5em;
	color: #858796;
	border: 1px solid #858796;
	/* padding: 5px; */
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.acoes-em-lote {
	/*width: 80%;	*/
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.acoes-em-lote > span{
    margin-right: 20px;
}
.botoes-lote {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
        padding-right: 10px;
}
.botoes-lote > .btn {
	/*border: 1px solid #ddd;*/
	/*padding: 10px;*/
	margin: 5px;
        /*color: #656565;*/
        font-weight: 500;
        border-radius: calc(.35rem - 1px) !important;
        text-transform: uppercase;
        font-size: 0.9em;
}
.btn-deletar-lote {
	color: #fff !important;
	background-color: #E41B1B !important;
	border: 1px solid #E41B1B !important;
}
.btn-publicar-lote {
	background-color: #4E73DF !important;
	color: #fff !important;
	border-color: #4E73DF !important;
}





/*Listagem de fotos*/
.fotos-list {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.foto-item {
	width: 46%;
	border: 1px solid #ddd;
	margin: 1%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
        border-radius: calc(.35rem - 1px) !important;
       
       
}
.foto-item > .imagem {
	width: 100%;
	/* border: 1px solid red; */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;	
	/* border: 1px solid red; */
        max-height: 250px;
}

.foto-item > .imagem > img {
	/* max-width: 100%; */
	/* max-height: 100%; */
	/* height: 100% !important; */
	/* display: none; */
	max-height: 100%;
	max-width: 100%;
}
.foto-bottom {
	width: 100%;
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
.foto-check-nome {
	width: 100%;
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
        overflow: hidden;
}
.foto-check-nome > input[type='checkbox']{
    margin: 5px;
}
.foto-botoes {
	width: 100%;
	
	display: flex;
	justify-content: space-around;
	align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
}

.foto-botoes > .btn {
	border: 1px solid #ddd;
	/* padding: 10px; */
	/* margin: 5px; */
	color: #656565;
	font-weight: 500;
        border-radius: calc(.35rem - 1px) !important;
        text-transform: uppercase;
        font-size: 0.8em !important;
}
.foto-upload {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dashed #333;
	font-size: 1.2em;
	color: #333;
	box-shadow: none !important;
        min-height: 150px;
        transition: all ease-in 0.1s;
         position: relative;
}

.foto-upload:hover {
    font-size: 1.5em;
    cursor: pointer;
    background-color: #EEF5EB;
}
/*Lsitagem de fotos*/



/*Upload de fotos*/
.envio-foto-progresso-conteiner {
	/* position: absolute; */
	/* z-index: 999; */
	/* left: 0px; */
	/* top: 0px; */
	width: 100%;
	/* height: 100vh; */
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.4);
	/* height: 100%; */
}
.envio-foto-progresso-box {
	width: 100%;
	background-color: #ffff;
	padding: 20px;
	/* border-top: 1px solid #ccc; */
	/* border-bottom: 1px solid #ccc; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* padding-top: 40px; */
	/* padding-bottom: 40px; */
	height: 100%;
}
/*Upload de fotos*/



.foto-clicada {
	/*border: 1px solid #000;*/
	
}

.foto-selecionada {
	border: 1px solid #ADADAD !important;
	background-color: #F4F4F4 !important;
}

.foto-selecionada .foto-check-nome{
    color: #8B1D28;
    font-weight: 600 !important;
}

.form-editar-foto {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 45%;
	background-color: #fff;
	height: 100vh;
	border-left: 1px solid #ddd;
	
	overflow: auto;
	border-top: 1px solid #ddd;
        
        flex-direction: column;

justify-content: center;

align-items: center;
z-index: 9998;
	
}

.envio-foto-empty {
	
	width: 100%;
	height: 100%;
	display: flex;
        flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
	color: #333;
}
.envio-form-header {
	width: 100%;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: flex-start;
	/*align-items: center;*/
}
.envio-header-title {
	padding: 10px;
	/* font-weight: 600; */
	color: var(--red);
	display: flex;
	/* border: 1px solid red; */
	align-items: center;
}

.envio-form-header > a {
	/* border: 1px solid red; */
	/* padding: 10px; */
	font-size: 1.5em;
	display: none;
	align-items: center;
	justify-content: center;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}
.envio-header-close {
	padding: 5px;
	border-left: 1px solid #ddd;
	font-size: 1.3em;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
        display: none;
}

.envio-form-campo{
    padding: 10px;
   
}

.envio-form-campo > label{
    font-weight: 600;
    font-size: 0.9em;
}

.envio-form-campo > select{
    /*border-radius: 0px !important;/*/
}
.envio-form-campo > textarea{
   /* border-radius: 0px !important;*/
}
.envio-form-campo > input[type='text']{
   /* border-radius: 0px !important;*/
}


.envio-form-botoes {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	/* position: absolute; */
	bottom: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
        border-top: 1px solid #ddd;
}
.envio-form-botoes > .btn {
	border: 1px solid #ddd;
	/* padding: 10px; */
	/* margin: 5px; */
	color: #656565;
	font-weight: 500;	
        border-radius: calc(.35rem - 1px) !important;
        text-transform: uppercase;
        font-size: 0.8em;
        margin: 5px;
}


.envio-fotos-form-conteiner {
	/* border: 1px solid red; */
	/* width: 90%; */
	/*height: 80%;*/
	overflow: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.form-conteiner-a {
	
	border-right: 1px solid #ddd;
	width: 100%;
}

.form-conteiner-b {
	
	
	width: 100%;
}

.envio-form-campo .badge{
    border: 1px solid #eee;
    padding: 7px;
    border-radius: calc(.35rem - 1px);
    font-size: 0.9em;
    font-weight: normal !important;
   }
   
.personagens-nuvem-tags {
	display: fle;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* margin-bottom: 5; */
	justify-content: flex-start;
}

.personagens-nuvem-tags .badge{
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: #fff;
    transition: all ease-in 0.1s;
}

.personagens-nuvem-tags .badge:hover{
    cursor: pointer;
    background-color: #EEEEEE !important;
    
}

.personagens-nuvem-tags .badge.selecionado{
    background-color: #EEEEEE !important;
   
}

.personagens-selecionados {
	display: flex;
	width: 100%;
	
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
        flex-wrap: wrap
}

.personagem {
	background: #EEEEEE;
	padding: 5px;
	font-size: 0.8em;
	/* font-weight: 600; */
	margin-bottom: 8px;
	margin-right: 10px;
        transition: all ease-in 0.1s;
        justify-content: space-around;
        align-items: center;
        border-radius: 5px;
}

.personagem:hover {
    background-color: #E6E6E6;
}
.personagem > .personagem-nome{
    padding-right: 10px;
}


.personagem > .fa{
    font-size: 1.3em;
    cursor: pointer;
}



/*MOBILE*/
@media only screen and (max-width : 820px) {
    
    
    .painel-envio-fotos {
	flex-direction: column;
    }
    
    .painel-envio-esquerda {
	width: 100%;
    }
    
    .painel-envio-direita {
	width: 100%;
	height: 100vh;
	box-shadow: none;
	position: absolute;
	left: 100%;
    }
    
    .painel-envio-direita-header-mobile {
	display: flex;
    }
    
    .envio-foto-form{
       padding-top: 65px;
       height: 80%;
    }
    .envio-foto-bottom{
        height: 20%;
    }
    
    
    .agif-btn-selecionar-todos .btn {
        padding: 10px;
    }
    .agif-btn-selecionar-todos .fa {
	font-size: 1.2em;
	display: block;
	/* margin: 5px; */
    }
    .agif-item-foto-detalhes-body  > .row > .col-6{
        width: 100% !important;
        max-width: 100% !important;
    }
    .agif-item-foto-detalhes-box {
        width: 100%;
    }
    
    
    .painel-envio-header > div{
        width: 50%;
        align-items: normal;
    }
    
    .painel-envio-header .btn-voltar {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.2em;
	color: #fff;
	background-color: #6D1B23;
	transition: all ease-in 0.1s;
	display: flex;
	justify-content: center;
	align-items: center;
}
    
    .h-right{
        justify-content: flex-end !important;
    }
  
    
    .btn-publicar-fotos {
	left: 50%;
	transform: translateX(-50%);
	
   }
   
   .foto-publicada {
        width: 45%;
        
            
    }
    
    
    .botoes-lote{
        width: 100%;
    }
    
    .acoes-em-lote{
        width: 100%;
    }
    
    .acoes-em-lote button{
        width: 50%;
    }
    
     .form-editar-foto {
	
	width: 100%;
	
	margin-right: 100%;
    }
    
    .foto-item .foto-botoes button{
        width: 33%;
    }
    
    .envio-form-header > a {
        display: flex;
    }
    
    .envio-form-botoes button{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
}



@media only screen and (max-width : 480px) {
    .agif-item-foto {
      width: 100%;   
      height: auto;
    }
    .agif-item-foto > .imagem > img{
	max-width: 100%;
    }
    
    .agif-fotos-publicadas {
	flex-direction: column;
        
    }
    
    .foto-publicada {
        width: 100%;
        min-height: 100px;
            
    }
    
     .zoom {
        display: none;
    }
}





/*\
 * Restore Bootstrap 3 "hidden" utility classes.
\*/

/* Breakpoint XS */
@media (max-width: 575px)
{
   

}

/* Breakpoint SM */
@media (min-width: 280px) and (max-width: 991px)
{
   .envio-fotos-wrap {	
	width: 100%;
    }
    .secao-outros {
	flex-direction: column;
        width: 100%;
    }
    
   
    
    .mobile-100 {
	width: 100% !important;
    }
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
   
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
   
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    
}