.header-app{
	padding: 20px 42px 20px 10px;
}
.logo-left{
	display:block;
	padding: 0 20%
}

.menu-left{
	list-style: :none;
	padding:0;
	margin:0;
}
.menu-left li{
	display:block;
}
.menu-left li a{
	display:flex;
	align-items: center;;
	padding: 12px 12px;
	border-radius:6px;
	background:#ddd;
	margin: 0 0 15px 0;
	text-decoration: none;
	color:#000;
	font-size:14px;
	transition: background 0.5s;
}
.menu-left li a:hover, .menu-left li a.menu-left-active{
	background:#888;
	color:#fff;
}

.menu-left li a.menu-left-active:before{
	filter: invert(1);
}
.menu-left li a.menu-left-active:hover:before, .menu-left li a:hover:before{
	filter: invert(1);
}

.menu-left li a:before{
	width:20px;
	height:20px;
	margin: 0 5px 0 0;
	content:"";
	background:red;
}
.menu-left li a.user:before{
	background: url(../images/icons-news/icon-user.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.push:before{
	background: url(../images/icons-news/icon-push.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.client:before{
	background: url(../images/icons-news/icon-client.svg) center center no-repeat; 	
	background-size:cover;
}
.menu-left li a.users:before{
	background: url(../images/icons-news/icon-users.svg) center center no-repeat; 	
	background-size:cover;
}
.menu-left li a.logout:before{
	background: url(../images/icons-news/icon-logout.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.home:before{
	background: url(../images/icons-news/icon-home.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.push-item:before{
	background: url(../images/icons-news/icon-push.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.video:before{
	background: url(../images/icons-news/icon-videos.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.piscinas:before{
	background: url(../images/icons-news/icon-swim.svg) center center no-repeat; 	
	background-size:cover;
}



.menu-left li a.product:before{
	background: url(../images/icons-news/icon-product.svg) center center no-repeat; 	
	background-size:cover;
}
.menu-left li a.blog:before{
	background: url(../images/icons-news/icon-blog.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.topic:before{
	background: url(../images/icons-news/icon-topic.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.site:before{
	background: url(../images/icons-news/icon-site.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.group:before{
	background: url(../images/icons-news/icon-group.svg) center center no-repeat; 	
	background-size:cover;
}

.menu-left li a.slider:before{
	background: url(../images/icons-news/icon-slider.svg) center center no-repeat; 	
	background-size:cover;
}


.head-container{
	background: linear-gradient(180deg,hsla(0, 0%, 58%, 0.24),hsla(228,5%,81%,0) 64.32%);
    border-radius: 20px;
    padding: 42px 42px 0 42px;
}

.head-container h1{
	font-size:28px;
}

.block-home-cms{
	padding:0 42px;
	list-style:none;
	margin:0;
}
.block-home-cms li{
	padding:20px;
	border-radius:12px;
	box-shadow: 0 0 15px #00000047;
	display: inline-block;
	margin:0.5%;
	width:48%;
}
 
.block-home-cms p{
	margin:0 0 5px 0;
	display:block;
	font-size:13px;
}
.block-home-cms a{
	color:#000;
	text-decoration: none;
}
 

/*listas*/
 
 
 
.head-list b{
	margin: 0 0 15px 0;
	display:block;
	font-size:13px;
 }
 .row-lista{
	border-radius:3px;
   padding: 20px 0;
   border-top: solid 1px #D9D9D9;
} 
.row-lista p {
   margin:0;
   font-size:13px;
   overflow:hidden;
   white-space: nowrap;
   
 }
.row-lista ul {
   display:flex;
   align-items:center;
   justify-content:space-between;
   width:100%;
   margin:0;
   padding:0;
   font-size:13px;
   list-style:none
}
.row-lista ul li {
   width:33%;
}

.icon-action{
	display: inline-flex;
	width:16px;
	height:16px;
 } 
 .action-edit{
	background: url(../images/icons-news/icon-edit.svg) center center no-repeat;
	background-size:cover;
 } 
 .action-delete{
	background: url(../images/icons-news/icon-delete.svg) center center no-repeat;
	background-size:cover;
 }
 .action-add{
	background: url(../images/icons-news/icon-add.svg) center center no-repeat;
	background-size:cover;
	display: inline-flex;
	width:22px;
	height:22px;
 }


.action-view-push{
	background: url(../images/icons-news/icon-push.svg) center center no-repeat;
	background-size:cover;
	display: inline-flex;
	width:22px;
	height:22px;
}

 .action-filter{
	background: url(../images/icons-news/icon-filter.svg) center center no-repeat;
	background-size:cover;
	display: inline-flex;
	width:22px;
	height:22px;
	margin-right:20px;
	cursor:pointer;
 }
.active-filter{
	opacity:0.5;
}

 .action-prev{
	background: url(../images/icons-news/icon-prev.svg) center center no-repeat;
	background-size:cover;
	display: inline-flex;
	width:22px;
	height:22px;
	margin: 0 0 0 20px
 }
.icon-touch{
	position: relative;
	align-items: center;
	overflow:hidden;
 }
 .icon-touch:hover{
	overflow:initial;
 }
.icon-touch:before{
	position: absolute;
	color:#fff;
	background:#000;
	padding: 6px 12px;
	border-radius:50px;
	right:105%;
	content:attr(data-text);
	font-size:9.5px;
	letter-spacing: 1px;
	transition: all 0.5s;
	opacity:0;
	white-space: nowrap;
}
.icon-touch:hover:before{
	transition: all 0.5s;
	opacity:1;
}
 
/*form*/
.input-alvo{
	margin: 0 0 15px 0;
	position:relative;
}
.input-alvo small{
	font-weight:600;
	font-size:12px;
}
.input-alvo input[type="text"], .input-alvo textarea, .input-alvo input[type="password"],  .input-alvo  select, .input-alvo input[type="date"]{
	border-radius:4px;
	padding: 8px 12px;
	width:100%;
	font-size:14px;
	border:none;
	border:solid 1px #000;
	outline: none;
}

.campo-imagem input[type="file"], .campo-imagem-big input[type="file"]{
	display:none
}
.campo-imagem {
 	height: 38px;
	width:100%;
	display:inline-flex;
	border: solid 1px #000;
	border-radius:4px;
 	position: relative;
	cursor: pointer;
	align-items: center;
	padding: 6px 12px;
 }
 .campo-imagem img {
	height: 20px;
   width:auto;
}


.campo-imagem-big {
  	position: relative;
   cursor: pointer;
    padding: 6px 12px;
	text-align:center;
}
.campo-imagem-big img {
   height: auto;
  width:100%;
}


 /*radio*/
 .radio-custom{
	padding:  0  ;
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor:pointer!important;
	margin: 0 0 15px 0;
 }
 .radio-custom label{
	cursor:pointer;
	font-size:14px;
 }
 .radio-custom input[type=radio] {
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: none;
	overflow: hidden;
}
.radio-custom input[type=radio] ~ label:before {
	content: '';
 	border: 1px solid #000;
	transition: all 150ms ease-in-out;
	width: 16px;
	height: 16px;
	background: #fff;
	box-shadow: 0 0 0 0px #000 inset;
	left:0px;
 	cursor:pointer;
	border-radius:2px;
	display: inline-block;
	top:2px;
	position:relative;
	margin-right:3px;
}
.radio-custom input[type=radio]:checked ~ label:before {
	background: #000;
	border: 1px solid #000;
}
.radio-custom input[type=radio]:checked ~ label {
	color: #000;
}

 


/*footer*/
.session-footer{
	color:#878585;
	font-size:12px;
	padding:10px 0;
	background:#fff;
 }


 /*modal*/
 
 .container-modal{
	position: fixed;
	z-index:9999;
 	align-items:center;
	justify-content:center;
	display:flex;
 	top:0;
	left:0;
	width:100%;
	height:100vh;
 }
 
  .container-modal-shadow{
	position: absolute;
 	background:#000;
	top:0;
	left:0;
	opacity:0.3;
	width:100%;
	height:100vh;
 }
 
 .container-modal-modal{
	width:300px;
	max-width:90%;
	padding:35px;
	border-radius:5px;
	background:#fff;
	position: relative;
	z-index:1;
 } 
 .container-modal-modal p{
	font-size:13px;
	color:#666;
	margin:0
 }

  .close-modal{
	position: absolute;
	width:20px;
	height:20px;
	cursor:pointer;
	background: url(../images/icons/icon-close.svg) center center no-repeat;
	background-size:cover;
	top:30px;
	right:30px;
	z-index:3;
} 
 

/*tab*/
.head-tab-w{
	list-style:none;
	display:flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	text-align: center;
	margin:0 0 20px 0 ;
	padding:0;
}
.head-tab-w li{
	display: inline-block;
	width:100%;
	margin:0 5px;
}
.head-tab-w li:nth-child(1){
	margin:0 5px 0 0;
}
.head-tab-w li:last-child(){
	margin:0 0 0 5px;
}
.head-tab-w .tab-w{
	display:block;
	padding: 10px 0;
	cursor: pointer;
	background:#f1f1f1;
	font-size:13px;
	border-radius:6px;
}
.head-tab-w .active-tab-w{
	color:#fff;
	background:#666;
 }
 
 
 .form-tab-w small {
	font-size:12px;
	font-weight:600;
	margin: 0 0 10px 0;
	display:block;
 }
  
 .form-tab-w input, .form-tab-w select {
	font-size:12px!important;
	padding:4px!important
 }
 

 .row-form {
	padding:   0;
border-top:none;
 }
 
 .remove-item{
	position: absolute;
	width:20px;
	height:20px;
	/*right:-20px;*/
	right: 12px;
	top: 10px;
	cursor: pointer;
	background: url(../images/icons-news/icon-delete.svg) center center no-repeat;
	background-size:contain;
 }
  

 .ngx-pagination {
	display:inline-flex !important;
	align-items:center !important;
	width:100% !important;
	justify-content:center !important;
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
  }

 .ngx-pagination .current,
.btn-info {
  color:#333 !important;
  background:white !important;
  border: transparent !important;
  border-radius: 20px !important;
  padding:5px 11px 6px 11px !important;
  text-decoration:none !important;
  margin: 0 5px !important;
  font-size:13px !important;
  border-radius:3px !important;
  font-weight: 700;
}

.ngx-pagination .current:hover {
	color:#333 !important;
	 padding:5px 11px 6px 11px !important;
	 text-decoration:none !important;
	 margin: 0 5px !important;
	 font-size:13px !important;
	 border-radius:3px !important;
  }

  .ngx-pagination li {
	color:#333 !important;
	 /*padding:5px 11px 6px 11px !important;*/
	 text-decoration:none !important;
	 /*margin: 0 5px !important;*/
	 font-size:13px !important;
	 border-radius:3px !important;
  }

  /*.ngx-pagination .pagination-next {
	background: url(../images/icons/icon-next.svg) center center no-repeat !important;
	width: 10px;
	height: 10px;
  }*/

  .ngx-pagination .pagination-previous a:before,
.ngx-pagination .pagination-previous.disabled:before {
  /*font-family: FontAwesome;
  content: "\f053" !important;*/
  content: "" !important;
  display: inline-block !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
  background: url(../images/icons/icon-next.svg) center center no-repeat !important;
  width: 10px !important;
  height: 10px !important;
  transform: rotate(180deg);
}

.ngx-pagination .pagination-next a:after,
.ngx-pagination .pagination-next.disabled:after {
  /*font-family: FontAwesome;*/
  content: "" !important;
  display: inline-block !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
  background: url(../images/icons/icon-next.svg) center center no-repeat !important;
  width: 10px !important;
  height: 10px !important;
}

.loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items: center;
 	background:#07CBBF;
	z-index:999;
	color:#fff;
}
.loader p{
	margin:10px 0;
	font-size:13px;
	font-weight:300;
	letter-spacing:1px;
}

#loading{
	position: fixed;
	width:100%;
	align-items:center;
	z-index:2000;
	justify-content: center;
	background: url(../images/loding.gif) center center no-repeat;
	background-size:5%;
	background-color: rgba(0,0,0,0.3);
 }

 /*.remove-item{
	position: absolute;
	width:20px;
	height:20px;
	right:-20px;
	top: 10px;
	cursor: pointer;
	background: url(../images/icons-news/icon-delete.svg) center center no-repeat;
	background-size:contain;
 }*/
 .remove-item-foto{
	position: absolute;
	width:20px;
	height:20px;
	right:0px;
	display:block;
	top: 40%;
	cursor: pointer;
	background: url(../images/icons-news/icon-delete.svg) center center no-repeat;
	background-size:contain;
 }