#login-page .container{
	height:100vh;
}

#login-page .card{
	width:500px;
	max-width:100%;
}

body{
	background-color:#FFFFFF;
	color:#606062;
}

#header{
	height:50px;
}

.dropdown-arrow:before{
	position: absolute;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.dropdown-arrow:after{
	position: absolute;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.dropdown .dropdown-arrow:not(.dropdown-menu-right):before{	top: -7px;	left: 9px;	}
.dropdown .dropdown-arrow:not(.dropdown-menu-right):after{	top: -6px;	left: 10px;	}

.dropdown .dropdown-menu-right.dropdown-arrow:before{	top: -7px;	right: 9px;	}
.dropdown .dropdown-menu-right.dropdown-arrow:after{	top: -6px;	right: 10px;	}

.dropup .dropdown-arrow:not(.dropdown-menu-right):before{	bottom: -7px;	left: 9px; border-bottom:0px; border-top: 7px solid #ccc;	}
.dropup .dropdown-arrow:not(.dropdown-menu-right):after{	bottom: -6px;	left: 10px; border-bottom:0px; border-top: 6px solid #ffffff;	}

.dropup .dropdown-menu-right.dropdown-arrow:before{	bottom: -7px;	right: 9px;	border-bottom:0px; border-top: 7px solid #ccc;	}
.dropup .dropdown-menu-right.dropdown-arrow:after{	bottom: -6px;	right: 10px;	border-bottom:0px; border-top: 6px solid #ffffff;	}

.dropleft .dropdown-arrow:before{	top: 9px;	right: -7px;	border-right:0px; border-left: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent;	}
.dropleft .dropdown-arrow:after{	top: 10px;	right: -6px;	border-right:0px; border-left: 6px solid #ffffff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;	}

.dropright .dropdown-arrow:before{	top: 9px;	left: -7px;	border-left:0px; border-right: 7px solid #ccc; border-top: 7px solid transparent; border-bottom: 7px solid transparent;	}
.dropright .dropdown-arrow:after{	top: 10px;	left: -6px;	border-left:0px; border-right: 6px solid #ffffff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;	}

.text-white-hover:hover{
	color:#FFFFFF!important;
}

#header{
	z-index:100;
}


#menu{
	z-index:90;
	color:#FFFFFF;
    height: 100vh;
    width: 65px;	
	overflow-x: hidden;
	/*overflow-y: hidden;*/
	top: 0;
	left: 0;
}


#menu .dropdown-item{
	padding-top:.3rem;
	padding-bottom:.3rem;
}
#menu .dropdown-item .icone{
	width:auto;
	padding-right:10px;
}



#menu.open{
	overflow-x: visible;
}


#menu .dropright .dropdown-menu:not(.submenu){
	margin-left:-5px;
	z-index:-10;
}
#menu .icone{
	width:65px;
	display:inline-block;
}

#main-container #menu,
#main-container #main{
	padding-top:50px;
}

#main{
	 overflow-x:hidden;
	 width:100vw;
	 width:calc(100vw - 65px);
}

.submenu{
	z-index:-10;
	margin-left:-2px!important;
}

.breadcrumb{
	background:transparent;
}

.breadcrumb .breadcrumb-item a{
	text-decoration:none;
}

.page-title{
	font-weight:bold;
}



.dataTables_info,
.dataTables_length,
.dataTables_paginate,
.dataTables_filter{
	font-size:0.9rem;
}
table.dataTable{
	border-collapse: collapse!important;
}
.dataTables_paginate  .page-item.active .page-link{
	background-color:#00385C!important;
	border-color:#00385C!important;
}

.dataTables_paginate  .page-item .page-link{
	text-decoration:none!important;
}


.btn-big{
	border-radius:0;
}

.thumb{
	width:200px;
	height:200px;
	object-fit:cover;
}
.mapa{
	width:250px;
	height:250px;
	object-fit:cover;
}





.preview-images-zone {
    width: 100%;
    border: 1px solid #ddd;
    min-height: 180px;
    /* display: flex; */
    padding: 5px 5px 0px 5px;
    position: relative;
    overflow:auto;
}
.preview-images-zone  .preview-image:first-child {
   /* height: 185px;
    width: 185px;
    position: relative;
    margin-right: 5px;*/
}
.preview-images-zone  .preview-image {
    /* height: 90px;
    width: 90px; */
	height: 185px;
    width: 185px;
	
    position: relative;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}
.preview-images-zone  .preview-image > .image-zone {
    width: 100%;
    height: 100%;
}
.preview-images-zone  .preview-image > .image-zone > img {
    width: 100%;
    height: 100%;
	object-fit:cover;
}
.preview-images-zone  .preview-image > .tools-edit-image {
    position: absolute;
    z-index: 100;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}
.preview-images-zone  .preview-image > .image-cancel {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
}

.preview-images-zone  .preview-image > .image-title {
    position: absolute;
    top: 0;
    right: 0;
	width:100%;
	height:100%;
    display: none;
    z-index: 99;
}
.preview-images-zone  .preview-image > .pdf-view {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 30px;
    cursor: pointer;
    display: none;
    z-index: 100;
}
.preview-images-zone  .preview-image:hover > .image-zone {
    opacity: .5;
}

.preview-images-zone.sortable  .preview-image:hover {
    cursor: move;
}

.preview-images-zone:not(.sortable)  .preview-image:hover{
    cursor: zoom-in;
}
.preview-image:hover > .tools-edit-image,
.preview-image:hover > .pdf-view,
.preview-image:hover > .image-cancel {
    display: block;
}

.preview-image:hover > .image-title {
    display: flex;
}
.ui-sortable-helper {
    width: 90px !important;
    height: 90px !important;
}


.lista-posts{
	position: relative;
}
.lista-posts .actions{
	position: absolute;
    top: 0px;
    right: 0px;
	 margin-right: 13px;
    margin-top: 13px;
	width:100%;
	display: none;
    z-index: 100;

}

.lista-posts .delete-post{
	display:flex;
	font-size: 12px;
    font-weight: bold;
    cursor: pointer;
	color:#FFFFFF!important;
	background:#FF0000;
	width:15px;
	height:15px;
	border-radius:3px
}

.lista-posts .edit-post{
	display:flex;
	font-size: 12px;
    font-weight: bold;
    cursor: pointer;
	color:#FFFFFF!important;
	width:15px;
	height:15px;
	border-radius:3px
}

.lista-posts:hover > .actions {
    display: flex;
	justify-content:right;
}



/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.thumb{
		width:150px;
		height:150px;
		object-fit:cover;
	}
	
	.mapa{
		width:150px;
		height:150px;
		object-fit:cover;
	}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}