• .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, #comprarRenovar:hover, #despuestos:hover, #p_personalizadas:hover, #candidatos:hover, #ticketsUp:hover, #avisoSistema:hover, #comprasPaquetes:hover, #cuenta:hover{ cursor: pointer; } #cargar_logo{ 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/heart-disabled.png"]:hover{ transform: scale(1.1, 1.1); cursor: pointer; } img[src^="../images/heart-disabled.png"]:active{ transform: scale(0.8, 0.8); } img[src^="../images/heart-enabled.png"]:hover{ transform: scale(1.1, 1.1); cursor: pointer; } img[src^="../images/heart-enabled.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: 16px !important; right: 8px; } .ui-dialog .ui-dialog-titlebar-close:active { background: #373c3f; } .ui-dialog .ui-dialog-title{ color: white; } .ui-dialog-buttonset button{ border-radius: 10px; background-color: #007bff; border-color: transparent; color: white; } .ui-dialog { padding: 0; } .ui-button-icon-only .ui-icon{ left: 34%; } /*.ui-helper-clearfix{ background-color: #b7b7b7 !important; }*/ .ui-widget-header{ border:none; background: #3d3d3d; } .ui-draggable .ui-dialog-titlebar{ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .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; } .ui-dialog .ui-dialog-buttonpane{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @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: 1000px; } #configTable thead th{ position: sticky; top: 0; background: #383c40; color: white; } .configTable{ overflow-y: auto; overflow-x: auto; height: 1000px; } .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; } .my-20{ margin-top: 20px; margin-bottom: 20px; } .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-w70p{ width: 70%; } .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; } }