.square1 {
    margin-top: 20px;
    padding: 20px;
    border: 2px solid transparent;
    border-radius: 10px;
    box-shadow: 0px 10px 20px -4px rgba(0,0,0,0.75);
    background: white;
}
#candidatos_admin:hover, #despuestos:hover, #p_personalizadas:hover, #candidatos:hover, #ticketsUp:hover, #avisoSistema:hover, #comprasPaquetes:hover, #cuenta:hover{
	cursor: pointer;
}
#salir:hover{
	cursor: pointer;
}
#newPaq label{
	text-align: right;
}
.headline{
	margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #72c02c;
}
.mainWhite a{
	color: #dee2e6;
}
.mainWhite li{
	color: #dee2e6;
}
.mainWhite a:hover{
	border-bottom: 1px solid #dee2e6;
}
.bgImage{
	background-position: 50%;
    background-image: url(../images/skymonR.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.imgHover:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
.imgActive:active{
	transform: scale(0.8, 0.8);
}
.searchDialog{
	z-index: 1000;
    position: absolute;
    right: 0px;
    box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.75);
    background: white;
    padding: 10px 30px;
    top: 45px;
    border-radius: 15px;
    width: auto;
}

img[src^="images/sal.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/sal.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/edit-9-64.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/edit-9-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/edit-5-64.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/edit-5-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/x-mark-5-64.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/x-mark-5-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/plus-6-64.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/plus-6-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/len.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/len.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/editw.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/editw.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/key.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/key.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/prueba.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/prueba.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/arrow.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/arrow.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/garbage.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/garbage.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/falla.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/falla.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/add.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/add.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/badge.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/badge.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/zoom-in.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/zoom-in.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/switchingR.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/switchingR.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/switchingG.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/switchingG.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/refresh.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/refresh.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/bank-2-64.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/bank-2-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/chat.png"]:hover{
	transform: scale(1.1, 1.1);
	cursor: pointer;
}
img[src^="images/chat.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/menu.png"]:hover{
	cursor: pointer;
}
img[src^="images/menu.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/report.png"]:hover{
	cursor: pointer;
}
img[src^="images/report.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/cv.png"]:hover{
	cursor: pointer;
}
img[src^="images/cv.png"]:active{
	transform: scale(0.8, 0.8);
}

img[src^="images/comentarios.png"]:hover{
	cursor: pointer;
}
img[src^="images/comentarios.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/edit-property-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/edit-property-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/key-3-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/key-3-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/edit-11-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/edit-11-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/trash-256.png"]:hover{
	cursor: pointer;
}
img[src^="images/trash-256.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/report-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/report-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/report-2-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/report-2-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/report-3-64.png"]:hover{
	cursor: pointer;
}
img[src^="images/report-3-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/reload.png"]:hover{
	cursor: pointer;
}
img[src^="images/reload.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/edit-user-64.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/edit-user-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/search.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/search.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/copy.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/copy.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/searchu.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/searchu.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/add-user.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/add-user.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/cloudD.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/cloudD.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/checked.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/checked.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/editp.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/editp.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/unchecked.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/unchecked.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/paypal.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/paypal.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/upload.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/upload.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/text-file-64.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/text-file-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/text-file-4-64.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/text-file-4-64.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/trans.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/trans.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/chat_2.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/chat_2.png"]:active{
	transform: scale(0.8, 0.8);
}
img[src^="images/details.png"]:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
}
img[src^="images/details.png"]:active{
	transform: scale(0.8, 0.8);
}
#tituloAgregarEditar{
	margin-bottom: 30px;
}


.ui-icon-circle-check{
	top: 10px;
}

#trans:hover{
	cursor: pointer;
}

/*CONFIG DIALOG*/
.ui-dialog .ui-dialog-titlebar-close {
    top: 17px !important;
    text-align: center;

}
.dialog button{
	/* border-radius: 10px;
	background-color: #007bff;
	border-color: transparent;
	color: white; */
}
.ui-helper-clearfix{
	background-color: #fbfbfb;
	color:white;
}
.ui-widget-header{
	border:none;
	background-color: #3d3d3d;
	color:white;
}

.ui-button-icon-only .ui-icon {
	top: 8px;
	left: 6px;
}
.ui-dialog .ui-dialog-content {
     overflow: hidden; 
}
.closeDialog{
	cursor: pointer;
}
.closeDialog:hover{
	transform: scale(1.1,1.1);
}
.dialog{
	border-radius: 10px;
	animation: animate .3s;
	animation-delay: 0s;
	z-index: 1040;
}

@keyframes animate
{
	0%{
		opacity: 0;
		/*top: 0;*/
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}


/*TABLAS*/
.border-tr{
	border-right: 1px solid #9a9a9a;
	border-top: 1px solid #9a9a9a;
}
.border-tr td{
	border-right: 1px solid #9a9a9a;
	border-top: 1px solid #9a9a9a;
}
.gris{
	background: #dddddd;
}
.color1{
	background: #383c40;
    color: white;
}
#configTable{
    overflow-y: auto;
    overflow-x: auto;
    height: 130%;
}
#configTable thead th{
    position: sticky;
    top: 0;
    background: #383c40;
    color: white;
}
.configTable{
    overflow-y: auto;
    overflow-x: auto;
    height: 130%;
}
.configTable thead th{
    position: sticky;
    top: 0;
    background: #383c40;
    color: white;
}

/*UTILITIES*/
/*--margins*/
.no-mb .form-group{
	margin-bottom: 0;
}
.mt-m2p{
	margin-top: -2%;
}
.mt-70{
	margin-top: 70px;
}
.mt-40{
	margin-top: 60px;
}
.mt-30{
	margin-top: 30px;
}
.mt-20{
	margin-top: 20px;
}
.mt-10{
	margin-top: 10px;
}
.mt-6{
	margin-top: 6px;
}
.mt-2px{
	margin-top: 2px;
}
.mb-m6{
	margin-bottom: -6px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mx-auto{
	margin-right: auto;
	margin-left: auto;
}
.my-10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mt-3em{
	margin-top: 3em;
}
.mt-2em{
	margin-top: 2em;
}
.mr-none{
	margin-right: 0;
}
.ml-10p100{
	margin-left: 10%;
}
/*--padings*/
.pt-45{
	padding-top: 45px;
}
.pr-50{
	padding-right: 50px;
}
.pl-125{
	padding-left: 125px;
}
.pl-0{
	padding-left: 0;
}
/*Font size*/
.fs-20{
	font-size: 20px;
}
/*WIDTH*/
.w-30p{
	width: 30%;
}
.w-40p100{
	width: 40%;
}
.w-65p100{
	width: 65%;
}
.w-75p100{
	width: 75%;
}
.w-85p100{
	width: 85%;
}
.w-100p100{
	width: 100%;
}
.w-250{
	width: 250px;
}
/*OTHERS*/
.bold100-15{
	font-weight: bold;
	font-size: 15px;
}
.bold100{
	font-weight: bold;
}

.theScroll{
    overflow-y: auto !important;
}

/*RESPONSIVE*/

@media (min-width: 1200px){
	.dasboard-content {
	    margin-right: 0;
	}
}
@media (max-width: 500px){
	.rpsv-tc{
		text-align: center !important;
	}
	.rpsv-tc .float-right{
		float: none !important;
	}
	.rpsv-mt-20{
		margin-top: 20px;
	}
	.rpsv-mt-30{
		margin-top: 30px;
	}
	.rpsv-pl-80{
		padding-left: 80px;
	}
	.rpsv-w-90p100{
		width: 90%;
	}
	.rpsv-dialog-ha{
		height: auto !important;
	}
	.dialog{
		width: 360px !important;
	}
	#newPaq label{
		text-align: left;
	}
	.searchDialog{ 
		top: 56px;
	    width: 330px;
	    left: -160px;
	}
}