/*************************************************************************************************************** ESTRUCTURA ***************************************************************************************************************/ body { margin: 0; padding: 0; color: #555; background:url('../../../images/background.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-attachment:fixed; } #main { width:95%; margin: 0 auto; background:#fff; padding:15px; } #container { width:100%; margin: 0 auto;} #header { margin: 0; padding: 0; border-top: 3px solid #C9E0ED; } #footer { width:100%; color:#fff; padding: 8px 10px; font-size: 10px; text-align: left; background-color: #4e525d; background-image: -moz-linear-gradient(top, #4e525d, #3c4049); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4e525d), to(#3c4049)); background-image: -webkit-linear-gradient(top, #4e525d, #3c4049); background-image: -o-linear-gradient(top, #4e525d, #3c4049); background-image: linear-gradient(to bottom, #4e525d, #3c4049); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4e525d', endColorstr='#3c4049', GradientType=0); position: fixed; bottom: 0px; } /*************************************************************************************************************** PARÀMETRES ***************************************************************************************************************/ .errorMessage { color: red; } .table.items th { background:#444; } .table.items th a, .table.items th { color:#fff; } .form div.camp { margin-bottom: 10px; } .form div.idioma.input-prepend{ display:block; margin-bottom: 5px; } .alert-grey { background:#FAFAFA; border:solid 1px #eee; color:#000; } .alert-grey img { margin-top: -3px; } .block { display:block;} .inline-block { display:inline-block;} dt { font-weight: bold; color:#000 !important; } .table.table-view td { border:none !important; } strong { color: #000;} strong span { color: orange; } /*************************************************************************************************************** TYPE ***************************************************************************************************************/ h1 { font-size: 28px; } /*************************************************************************************************************** LOGIN ***************************************************************************************************************/ .login-form { display:none; width: 300px; margin: 150px auto 20px; padding: 15px; position: relative; background: #fffaf6; border-radius: 4px; color: #7e7975; box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4); } .login-form h1 { font-size: 15px; font-weight: bold; color: #bdb5aa; padding-bottom: 8px; border-bottom: 1px solid #EBE6E2; text-shadow: 0 2px 0 rgba(255,255,255,0.8); box-shadow: 0 1px 0 rgba(255,255,255,0.8); } .login-form h1 .log-in, .login-form h1 .sign-up { display: inline-block; text-transform: uppercase; } .login-form h1 .log-in { color: #6c6763; padding-right: 2px; } .login-form h1 .sign-up { color: #ffb347; padding-left: 2px; } .login-form .float { border-top: 1px solid rgba(255,255,255,1); } .login-form .float:first-of-type { padding-right: 5px; } .login-form .float:last-of-type { padding-left: 5px; } .login-form label { display: block; padding: 0 0 0 2px; cursor: pointer; text-transform: uppercase; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); font-size: 11px;} .login-form input[type=text], .login-form input[type=password] { font-size: 13px; font-weight: 400; display: block; padding: 5px; margin-bottom: 5px; border: 3px solid #ebe6e2; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .login-form input[type=text]:hover, .login-form input[type=password]:hover { border-color: #CCC;} .login-form label:hover ~ input { border-color: #CCC; } .login-form input[type=text]:focus, .login-form input[type=password]:focus { border-color: #BBB; outline: none; } .login-form input[type=submit]:active, .login-form .log-twitter:active{ top: 1px;} .no-boxshadow .login-form input[type=submit]:hover { background: #ffb347;} .no-boxshadow .login-form .log-twitter:hover { background: #2a8ac4;} .login-form p:last-of-type { clear: both; } .login-form .recovery { text-align:right; margin-bottom: 5px; margin-right:10px; } .login-form .recovery a {} .recovery-text { display:none; padding:10px; background:#f1f1f1; margin-bottom:10px;} /*************************************************************************************************************** HEADER ***************************************************************************************************************/ .jumbotron-inside { width:95%; padding: 15px; margin:40px auto 0; display: block; border-bottom: 1px solid #e5e5e5; background-color: #fafafa; } div.breadcrumbs { float:left; padding-top:15px;} .account-container { display: table; float:right; } .account-avatar { padding-right: 1em; } .account-avatar, .account-details { display: table-cell; vertical-align: top; } .account-details .account-actions { color: #BBB; } .account-details span { display: block; } .account-details .account-name { font-size: 15px; font-weight: 600; } .account-details .account-role { color: #888; } /*************************************************************************************************************** HOME ***************************************************************************************************************/ #today span { display:block; text-align: center; text-transform:capitalize;} #today .nameday { font-size:16px; } #today .day { font-size:96px; line-height:96px; } #today .month { font-size:18px;} .block { border: 1px solid #ccc; background: white; margin: 1em 0em; border-top: none; } .block-header { margin-bottom: 0px; border-right: none; border-left: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .block-header div { padding-top: 10px; } .block-content { margin: 1em; min-height: .25em; } .pull-left { color:#333; font-weight: bold; font-size:16px;} .pull-right { float:right; } .char-column { width:33%; float:left; font-size:14px; text-align: center; } .char-column strong { display:block; font-size:32px; line-height:35px; } .table-notificacions td { padding: 5px 10px; } .table-notificacions i { display: block; width: 17px; height: 17px; outline: 0; border-width: 1px; transition: border-color .3s; -webkit-transition: border-color .3s; border-color:#BDBDBD; border-style: solid; background: #FFF; } .table-notificacions i:hover { border-color: #5D98CC; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1); cursor:pointer; } .table-social td { padding: 5px 15px; vertical-align:middle;} /*************************************************************************************************************** SEARCH ***************************************************************************************************************/ .search-form { background:#fafafa; padding:15px; border:solid 1px #eee; margin:20px auto; } /*************************************************************************************************************** CALENDARI ***************************************************************************************************************/ #calendari-calendari td.celda { height:100px; } #calendari-calendari th { background:#333; width:14%; color:#fff;} #calendari-calendari td.festivo { background:#eee;} td.dia_bloqueado { background:rgba(255, 0, 0, 0.35);} #calendari-anual td.celda { height:40px; } #calendari-anual th { background:#333; width:14%; color:#fff;} #calendari-anual td.festivo { background:#eee;} #calendari-anual .vacacion-anual { width: 12px; height:12px; display:inline-block;} #calendari-capcalera { margin: 20px auto; text-align:center;} #calendari-capcalera strong { font-size:19px; text-transform: capitalize; } #calendari-capcalera .left { float:left; } #calendari-capcalera .right { float:right; } #calendari-home th { background: #eee;} .table-new th { background: #eee;} .table-new td { vertical-align: middle;} .table-grey th { background: #333; color:#fff;} .table-grey td { vertical-align: middle;} .calendari-item { padding:5px 10px; border:solid 1px #ccc; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-bottom:5px; } .calendari-item a { color:#333; display:inline-block; margin: 0 5px; } .calendari-anual-marcat { background: #F4A460; } /*************************************************************************************************************** MAPA ***************************************************************************************************************/ .form-map { width:100%; height:400px; margin-bottom:20px; } .form-map img { max-width:none !important; } #loader_mapa { visibility: hidden;} #map img { max-width:none !important;} .usermappoint { width: 1px; height: 1px; overflow: visible; position:absolute;} .usermapthumb { position: absolute; bottom: -3px; left: -38px; width: 78px; /*height: 120px;*/ height: 85px; } .usermapthumb img.usermapthumbimage { cursor: pointer; } .usermapthumb img.usermappin { position: absolute; top:83px; left: 32px; } .usermapthumb img.userthumbbg { position: absolute; top: 0; left: 0; } .clustercount { position: absolute; right: 0px; float: right; top: 0px; padding: 2px 2px 0 2px; background: red; color: white; border-radius: 10px; min-height: 14px; min-width: 16px; z-index: 1; font: bold 12px 'trebuchet MS'; text-align: center; } .usermapthumb .picture_wrapper { width: 60px; height: 60px; overflow: hidden; position: absolute; top: 8px; left: 9px; cursor: pointer; } #map-list { position:absolute; z-index:999; top:100px; width:325px; right:20px; display:none; height:20px; text-align:right; background: rgba(0,0,0,0.7); overflow:hidden; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } #map-list a.cerrar { color:#fff; padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; margin:10px;} #map-list a.cerrar:hover { text-decoration: underline; cursor: pointer;} #map-list ul { padding:10px; margin:0; overflow:auto; max-height:90%; text-align:left; } #map-list ul li { display:block; } #map-list ul li + li { margin: 1px 0; } #map-list ul li a.left { display:block; width:20%; float:left;} #map-list ul li div.right { display:block; width:75%; float:right;} #map-list ul li div.right .nom { display:block; margin:8px 0; color:#fff; font-size:16px;} /*************************************************************************************************************** IMAGES ***************************************************************************************************************/ #gallery, #gallery2 { list-style-type: none; margin:0px; padding:0px; } #gallery li, #gallery2 li { display:inline-block; margin:20px 5px; text-align:center; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px;} #gallery li div, #gallery2 li div { height:150px; text-align:center; } #gallery li div img, #gallery2 li div img { max-height:150px;} #gallery li.imagen-normal, #gallery2 li.imagen-normal { background:#fafafa; border:solid 1px #e5e5e5; } #gallery li.imagen-destacada, #gallery2 li.imagen-destacada { background:#90EE90; border:solid 1px #336600; } #gallery li:hover img, #gallery2 li:hover img { opacity: 0.7; filter:alpha(opacity = 70); } #gallery li.stitched2, #gallery2 li.stitched2 { background: #fff; color: #555; font-size: 21px; text-align:center; border: 2px dashed #CCC; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; font-weight: normal; } .single-image { display:inline-block; margin:20px 5px; text-align:center; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px; background:#fafafa; border:solid 1px #e5e5e5; } .single-image img.img-polaroid { margin-bottom:10px; } .galeria-uploader { position:relative; margin: 0 auto; } .galeria-dragdrop { position:absolute; top:0px; width:95%; } .galeria-uploader-widget { position:relative; top: 28px; left:12px; width:95%; } /*************************************************************************************************************** EXTENSIONS ***************************************************************************************************************/ .colorpicker input {background-color: transparent !important; border: 1px solid transparent !important; position: absolute !important; font-size: 10px !important; color: #898989 !important; top: 1px !important; right: 11px !important; text-align: right !important; margin: 0 !important; padding: 0 !important; height: 15px !important; width:50px; } .colorpicker { z-index:100 !important; } .ui-datepicker { top: 10px; } .image-widget { display:inline-block; width:auto;} div.flash-error, div.flash-notice, div.flash-success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; } div.flash-error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; } div.flash-notice { background:#FFF6BF; color:#514721; border-color:#FFD324; } div.flash-success { background:#E6EFC2; color:#264409; border-color:#C6D880; } div.flash-error a { color:#8a1f11; } div.flash-notice a { color:#514721; } div.flash-success a { color:#264409; } .stitched { padding: 5px 10px; margin: 10px; background: #fff; color: #555; font-size: 21px; text-align:center; padding: 20px 0; border: 2px dashed #CCC; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; font-weight: normal; } .table-form .etiqueta { width:175px; background:#eee; font-weight: bold; } .table-form select { margin-bottom:0;} .nav-tabs .icon-chevron-right { float: right; margin-top: 2px; margin-right: -6px; opacity: .25; } .checkbox-columns .checkbox { width: 45%; float:left;} .handle:hover { cursor: move; cursor: hand; background:#eee;} #calendario-capcalera { margin: 20px auto; text-align:center;} #calendario-capcalera strong { font-size:19px; text-transform: capitalize; } #calendario-capcalera .left { float:left; } #calendario-capcalera .right { float:right; } .btn-no { font-size:12px; font-weight:bold; } #filtros-header:hover { cursor:pointer;} .btn.mark-selfie{padding: 4px;} .btn.mark-selfie.active{background: #00800066;border-radius: 8px;} table.traducciones th { background:#eee; color:#000; text-align:center; padding:15px; font-size:16px; } table.traducciones tr.header td { background:#f1f1f1; font-weight: bold; } .table-tarea td.alta { background:red; } .table-tarea td.media { background:orange; } .table-tarea td.baja { background:#00FFFF; } .ficha-est-top { background:#eee; padding:15px; border:solid 1px #ccc; margin: 15px auto 30px; } .user-image { display:block; border:solid 1px #ccc; } .user-image i { display:block; padding:24px 15px; font-size:28px; line-height:0; text-align:center; border:solid 4px #fff; font-style:normal; font-weight: lighter; } .user-image-bg0 { background-color:Crimson; color: #ffffff } .user-image-bg1 { background-color:LightCoral; color: #ffffff } .user-image-bg2 { background-color:Coral; color: #ffffff } .user-image-bg3 { background-color:LightSeaGreen; color: #ffffff } .user-image-bg4 { background-color:DarkSeaGreen; color: #ffffff } .user-image-bg5 { background-color:Olive; color: #ffffff } .user-image-bg6 { background-color:DodgerBlue; color: #ffffff } .user-image-bg7 { background-color:Plum; color: #ffffff } .user-image-bg8 { background-color:SeaGreen; color: #ffffff } .user-image-bg9 { background-color:OrangeRed; color: #ffffff } #myTab > li > a { background: #E9E9E9; background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')"; border: 1px solid #D5D5D5; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-background-clip: padding-box; font-size:16px; color:#333; } #myTab > li.active > a { background: #ccc; color:#333; } #myTab { margin-bottom: 0px; } .table-striped tbody > tr:nth-child(odd) > td.warning { background-color: #F00; color:black; } #sms_client_log{max-height: 200px;-ms-overflow-x: scroll;overflow-x: scroll;margin-bottom: 20px;} span.comunicado_user{color: red;} span.comunicado_user.seen{color: green;} .comunicado_notseen td{background: rgba(255, 0, 0, 0.3)!important;} .comunicado_seen td{background: rgba(0, 128, 0, 0.3)!important;} .comunicado_titulo{margin-bottom: 0;} .comunicado_fecha{margin-bottom: 20px;font-size: 12px;} .comunicado_content{font-size: 20px;margin-bottom: 20px;} .comunicado_adjunto{margin-bottom: 0;} .comunicado_adjunto h5, .comunicado_visto_por h5{display: inline-block;margin-right: 10px;} .comunicado_adjunto a, .comunicado_visto_por a{font-size: 20px;} .comunicado_visto_por{margin-bottom: 20px;} #table_factura{width: 50%;margin: 0 auto;} .ficha_desactivada{color: red;} .ficha_desactivada a{color: red!important;} /* Turnos clientes */ #calendar_accesos td, #calendar td{text-align: center;padding: 7px;} #calendar_accesos{border-color: #ddd;} #calendar_accesos .cliente_calendario{display: block;} #calendar_accesos .cliente_turnobox{position: relative;} #calendar_accesos .cliente_turnobox.completado{background: lightgreen;} #calendar_accesos .cliente_turnobox.falta{background: #ff9292;} #calendar_accesos .cliente_turnobox.falta_vacaciones{background: #fff792;} #calendar_accesos .cliente_turnobox.vacaciones{background: #fff792;} #calendar_accesos .cliente_turnobox.fiesta{background: lightblue;} #calendar_accesos .cliente_turnobox.completado.fiesta{background: rgba(0, 0, 139, 0.7);color: white;} #calendar_accesos .cliente_turnobox.completado.is_web{background: #008000ab;color: white;} #calendar_accesos .today{background: rgba(255, 209, 124, 0.38);} #calendar_accesos .turno_actual{background: rgba(255, 209, 124, 1);} #calendar_accesos .cliente_turnobox a{color: inherit;text-decoration: underline;} #correcciones_table{border:1px solid #ddd;} #correcciones_table td{padding: 5px;} #correcciones_table td.accion{text-align: center;} .nomargin{margin: 0!important;} .calendar-day{cursor: pointer;} .calendar-day.hasVacaciones{background: #fff792;} .comunicado_item{font-size: 20px;padding: 10px;display: block;text-decoration: underline;} #calendar_accesos .cliente_turnobox span.nombre_turnos{font-size: 12px;font-style: italic;font-weight: normal;} #calendar_accesos .cliente_turnobox span.estado_web{font-size: 12px;font-weight: normal;display: inline-block;padding: 1px 5px;text-decoration: underline;cursor: pointer;} #calendar_accesos .cliente_turnobox span.estado_web.estado_is_1{color: #31b531;} #calendar_accesos .cliente_turnobox span.estado_web.estado_is_0{color: #ff5f5f;} #calendar_accesos .cliente_turnobox span.estado_web.estado_is_2{color: rgba(255, 165, 0, 1);} #calendar_accesos .cliente_turnobox span.estado_web.estado_is_3{color: orange;} #calendar_accesos .cliente_turnobox h6{margin-top: 0;} #calendar_accesos .turno_abierto{ background: rgba(255, 209, 124, 1); } #calendar_accesos .clientas_activas hr{margin: 5px 0;} table .redbg td{background-color: rgba(255, 0, 0, 0.2)!important;} .calendar_table_vacaciones .day_calendar{cursor: pointer;} .calendar_table_vacaciones .day_calendar.active{background: yellow;} .text-small{font-size: 15px;font-weight: normal;color: red;} .red{color: red;} /* Calendario Vacaciones Usuarios */ #calendario-vacaciones td.celda { height: 100px; } #calendario-vacaciones th { background: #333; width: 14%; color: #fff; } #calendario-vacaciones td.festivo { background: #eee; } #calendario-vacaciones-anual td.celda { height: 40px; } #calendario-vacaciones-anual th { background: #333; width: 14%; color: #fff; } #calendario-vacaciones-anual td.festivo { background: #eee; } #calendario-vacaciones-anual .vacacion-anual{width: auto;height: auto;padding: 5px;color: white;font-weight: bold;display: inline-block;margin-top: 3px;min-width: 15px;text-align: center;} #calendario-vacaciones-anual .vacacion-anual:hover{text-decoration: none;} #calendario-vacaciones-anual .dia{margin-bottom: 5px;} #calendario-capcalera { margin: 20px auto; text-align: center; } #calendario-capcalera strong { font-size: 19px; text-transform: capitalize; } #calendario-capcalera .left { float: left; } #calendario-capcalera .right { float: right; } .form-fieldset p, .form-fieldset div { margin-bottom: 10px; } .vacacion { display: block; margin: 2px; padding: 2px 5px; position: relative; } .vacacion a { color: #000; } .vacacion.pasada { text-decoration: line-through; } .vacacion-delete { position: absolute; right: 5px; } .novende { background: orange; color: red; padding: 5px; margin-top: 5px; } .alert-grey { background: #fafafa; border: solid 1px #eee; color: #000; } .navbar .divider-vertical { margin: 0 3px; } .table.table-pack td { border: 0; } div.pack { background: #eee; border: solid 1px #ccc; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } tr.incompleta td { background: #ffff66; } .table-vacaciones td { text-align: center; vertical-align: middle; } .table-form .etiqueta { width: 150px; background: #eee; font-weight: bold; } .table-cron tr th { background: #eee; } .table-notificacions td { padding: 5px 10px; } .table-notificacions i { display: block; width: 17px; height: 17px; outline: 0; border-width: 1px; transition: border-color .3s; -webkit-transition: border-color .3s; border-color: #bdbdbd; border-style: solid; background: #fff; } .table-notificacions i:hover { border-color: #5d98cc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); cursor: pointer; } .table-notificacions a { color: #000; } .popover { width: 325px; } .input-xxmini{width: 20px;} .calendar_preview{width: 840px;margin: 10px auto;margin-bottom: 30px;} #calendar_accesos .cliente_turnobox a.remove_falta{color: rgba(220, 11, 11, 1);position: absolute;right: 4px;top: 2px;height: auto;text-decoration: none;font-weight: bold;} #calendar_accesos .cliente_turnobox a.remove_acceso{color: rgba(220, 11, 11, 1);position: absolute;right: 4px;top: 2px;height: auto;text-decoration: none;font-weight: bold;} .item.factura h1{display: inline-block;} .item.factura .sociedad_selector{margin-top: 10px;height: 40px;line-height: 40px;} .sociedad_selector label{display:inline-block;margin:0;} .sociedad_selector select{margin: 0;} .inner_table td:first-child{border-left: none;} #cuadre_caja{margin-top: 20px;} #cuadre-caja{width: 100%;} .caja_right_table{margin: 20px auto;width: 100%;margin-top: 0;} .centered{text-align: center!important;} .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .nowrap{ white-space: nowrap; } th.action_col{ width: 35px; } #lista_prestamos_clientas .sep{display: block;border-bottom: 1px solid #ccc;margin: 10px 0;} .firma_deuda{cursor: pointer;} .date_item td{background: #dcdcdc!important;} /* Custom design for new layout */ body.new_layout .clear{clear: both;} body.new_layout .center{text-align: center;} body.new_layout .middle{vertical-align: middle;} body.new_layout .right{text-align: right;} body.new_layout .inblock{display: inline-block;} body.new_layout .noselect{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} header .new_menu li span{display: none;} header .new_menu li img{-webkit-filter: grayscale(100%);filter: grayscale(100%);} header .new_menu li.active img,header .new_menu li img:hover{-webkit-filter: none;filter: none;} header .new_menu li.active span{display: inline-block;font-weight: 500;} .menu_ico{max-height: 20px;} .navbar-inverse .nav > li > a,#submenu_items li a{font-family: 'Roboto';color: #ffffff;font-size: 16px;font-weight: 300;} #debug_bar{display: none;} #submenu_items{list-style: none;margin-top: 10px;background: url('../img/arrow_right.png') no-repeat center left;} #submenu_items ul{margin-left: 15px;} #submenu_items li{display: inline-block;border-right: 1px solid #999999;} #submenu_items li:last-child{border-right: none;} #submenu_items li.active a{color: #ffffff;} #submenu_items li a{padding: 10px 15px 10px;color: #999999;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #submenu_items li a:hover{color: #ffffff;text-decoration: none;} body.new_layout{background: white;font-family: 'Roboto';} body.new_layout #main{margin-top: 90px;} body.new_layout .item-header{background-color:#333333; color: white;position: absolute;left: 0;right: 0;top: 40px;padding: 5px;} body.new_layout .item-header .item-title{max-width: 95%;margin: 0 auto;display: block;font-weight: normal;} body.new_layout .light{font-weight: 200;} body.new_layout .bold{font-weight: 600;} body.new_layout .uppercased{text-transform: uppercase;} body.new_layout .filtro label{display: inline-block;} body.new_layout input:not(.btn),body.new_layout select{background: #eeeeee;font-family: 'Roboto';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} body.new_layout .btn.rosa{background: #ef007d;color: white;} body.new_layout span.add-on{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} body.new_layout .filtro form{margin: 0;} body.new_layout .filtro{border-bottom: 1px solid #dddddd;padding-bottom: 20px;margin-bottom: 20px;} /* body.new_layout *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } */ body.new_layout .vigilancia_box{ width: 100%; display: block; height: 100px; display: table-cell; vertical-align: middle; padding: 10px; border: 1px solid black; background: gainsboro; color: black; text-transform: uppercase; } body.new_layout .salida_info{ padding: 15px; background: #f9f9f9; border-radius: 10px; border: 1px solid #dddddd; width: min-content; } fieldset.salida_info select, fieldset.salida_info input{ -webkit-box-sizing: border-box; box-sizing: border-box; } body.new_layout .active-clients .clienta:not(.static){cursor: pointer;} body.new_layout .active-clients .clienta{background: black; color: white;text-align: center;padding: 2px;z-index: 199;height: auto;margin-bottom: 5px;min-height: 105px;} body.new_layout .active-clients .clienta img{display: block;text-align: center;margin: 0 auto;max-width: 80%;} body.new_layout .active-clients .clienta span{font-size: 12px;line-height: 1;} body.new_layout .active-clients .clienta span.is_signed{width: 20px;height: 20px;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;margin-top: 2px;} body.new_layout .active-clients .clienta span.is_signed.yes{display: none;} body.new_layout .active-clients .clienta.pendiente_entrar{background:darkgrey;-webkit-filter: grayscale(100%);filter: grayscale(100%);position: relative;} body.new_layout .active-clients .clienta.traspaso_abierto{background:darkgrey;} body.new_layout .active-clients .clienta.not_draggable{position: relative;} body.new_layout .active-clients .action{ cursor: pointer; display: none; position: absolute;bottom:5px;top:0;width: 80px;background: black;z-index: 9999;color: white;} body.new_layout .active-clients .action.pos_left{left: -75px;} body.new_layout .active-clients .action.pos_right{right: -75px;} body.new_layout .active-clients .action.visible{ display: block!important; } body.new_layout .overlay{ background: black; opacity: 0.5; position: absolute; right: 0; left: 0; bottom: 0; top: 0; } body.new_layout #modalClientas #clientas_list td.titlelocal h4{ margin: 0; } body.new_layout #modalClientas #clientas_list td.clients{ padding: 15px; padding-top: 5px; } #modalClientas .modal_style .modal-body{ max-height: 600px; } #modalClientas .modal-body{overflow: scroll;} body.new_layout .active-clients .action.repeat{background: url('../img/action_repeat.png') no-repeat center center black;display: none!important;} body.new_layout .active-clients .action.leave{background: url('../img/action_exit.png') no-repeat center center black;} body.new_layout .active-clients .action.entry{background: url('../img/action_entry.png') no-repeat center center black;} body.new_layout .active-clients .action.no_assistance{background: url('../img/action_no_assistance.png') no-repeat center center black;} body.new_layout .active-clients .action.devolver_traspaso{ padding-top: 45px; text-align: center; } body.new_layout .active-clients .action.traspass{padding-top: 15px;text-align: center;} body.new_layout .active-clients .action.traspass select{margin: 0;margin-top:30px;font-size: 11px;width: 80px;} body.new_layout .active-clients .action .icon_traspaso{background: #0000fe;font-size: 15px;color: white;border-radius: 50px;width: 38px;height: 38px;line-height: 40px;display: inline-block;vertical-align: middle;text-align: center;font-weight: bold;} body.new_layout .active-clients .action .icon_traspaso{width: 33px;height: 33px; line-height: 35px;font-size: 13px; } body.new_layout .badge_local, #modalClientas .badge_local{position: absolute; text-align: center; width: 30px; height: 30px; display: block; line-height: 30px; background: black; color: white; font-weight: bold; border-radius: 40px; right: 2px; top: 2px; } body.new_layout .rel_clientainfo{ position: relative; } body.new_layout .rel_clientainfo .bold{ position: relative; } body.new_layout .rel_clientainfo .badge_local{ top: 10px; } body.new_layout .active-clients .clienta .badge_local{ line-height: 30px; } body.new_layout .badge_local.in, #modalClientas .badge_local.in{ background: green; } body.new_layout .badge_local.out, #modalClientas .badge_local.out{ background: red; } #modalClientas .badge_local{z-index: 99;} #main_screen .title{padding-left: 30px;color: #000;} .reservas-actuales .title{background: url('../img/ico_reservas.png') no-repeat center left;} .vigilancias-actuales .title{background: url('../img/ico_salidas.png') no-repeat center left;height: 35px;} #main_screen .item_reserva{background: #efefef;border: 1px solid #cccccc;padding:0;-webkit-border-radius: 10px;border-radius: 10px;position: relative;margin-bottom: 10px;} #main_screen .item_reserva .head-reserva{background: black;color: white;padding: 7px 10px;-webkit-border-radius: 10px;border-radius: 10px;} #main_screen .item_reserva .head-reserva h3{margin: 0;font-size: 18px;line-height: 1.5;text-transform: uppercase;} #main_screen .item_reserva .content-reserva{padding: 10px;} .is_paid{color: white;background: #cc0000;-webkit-border-radius: 15px;border-radius: 15px;font-size: 20px;width: 30px;height: 30px;display: inline-block;text-align: center;font-weight: normal;margin-right: 15px;line-height: 31px;margin-left: 5px;} .is_paid.yes{background: #66cc33;} .end_reserva{ background: url('../img/ico-exit.png') no-repeat center center; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 20px; height: 20px; background-color: white; cursor: pointer; } .change_space_reserva{ background: url('../img/ico-swap.png') no-repeat center center; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 20px; height: 20px; background-color: white; cursor: pointer; } .set_local{ margin: 0; height: 20px; line-height: 20px; vertical-align: middle; border: none; } .set_ejercicio{ margin: 0; height: 20px; line-height: 20px; vertical-align: middle; border: none; width: 60px; } .repeat_reserva{ background: url('../img/ico-repeat.png') no-repeat center center; display: inline-block; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 20px; height: 20px; background-color: white; cursor: pointer; } .hovered,.hovered td, .is_linea.linea_finished.hovered td{background: red!important;} img.clienta-preview{width: 40px;display: inline-block;border: 1px solid black;} .is_signed{background: url('../img/firma_no.png') no-repeat center center;display: inline-block;width: 30px;height: 30px;border-radius: 10px;cursor: pointer;} .is_signed.yes{background: url('../img/firma_si.png') no-repeat center center;} .is_signed.edited{background: url('../img/firma_edit.png') no-repeat center center;} #main_screen .item_reserva .clienta-reserva .clienta-name, #main_screen .item_reserva .clienta-reserva .clienta-name strong{font-size: 14px;font-weight: 500;} #main_screen .item_reserva .clienta-reserva .clienta-name .timer{font-weight: 300;float: right;} #main_screen .item_reserva td.signature{text-align: center;vertical-align: middle;padding: 2px;} #main_screen .item_reserva td.clienta-pic{padding: 2px;} #main_screen .item_reserva.libre{background: #fffff2;min-height: 150px;cursor: auto;} #main_screen .item_reserva{min-height: 150px;cursor: pointer;} #main_screen .item_reserva.libre .free{color: #fffc00;} #main_screen .item_reserva.pendiente_cobrar{background: #ffe5e5!important;} #main_screen .vigilancias-actuales .item_reserva.pendiente_cobrar{background: #efefef!important;} #main_screen .item_reserva .clienta-reserva table{margin-bottom: 5px;} #main_screen .item_reserva .clienta-reserva .progress{clear: right;} .new_layout .progress-bar{height: 20px;background: #54d84a;} .progress{background: #cccccc;} #reserva_pantalla{margin: 20px 0;} #reserva_pantalla .head-info{background: #666666;color: white;padding: 5px;} #reserva_pantalla .head-info .title{color: white;display: inline-block;font-weight: normal;margin: 0;padding-left: 5px;line-height: 60px;} #reserva_pantalla .head-info .status{margin-left: 0;line-height: 60px;float: right;} #reserva_pantalla .left-col{width: 20%;min-width: 200px;float: left;} #reserva_pantalla .reserva-info .left-col{min-height: 450px;} #reserva_pantalla .mid-col{width: 60%;min-width: 500px;float: left;} #reserva_pantalla .right-col{width: 20%;min-width: 200px;float: left;} #reserva_pantalla .right-col.facturas_list{text-align: center;} #reserva_pantalla .right-col.facturas_list .make_invoices{margin-top: 15px;} #reserva_pantalla .right-col.facturas_list .factura_badge{ padding: 5px; background: green; color: white; border-radius: 5px; margin: 2px 5px; display: inline-block; } #reserva_pantalla .right-col.facturas_list .factura_badge.abono{ background: darkred; } #reserva_pantalla .reserva-info .right-col{width: 20%;min-width: 200px;float: left;} #reserva_pantalla .reserva-info .metodo_pago{margin-bottom: 0;} #reserva_pantalla .reserva-info label{margin-right: 5px;} #reserva_pantalla .reserva-info .lineas_ticket{max-width: 100%;} #reserva_pantalla .reserva-info .pago_details .lineas_ticket, #reserva_pantalla .reserva-info .pago_details .extras_table { margin-bottom: 5px; } .is_linea.linea_finished td{ background: #ffe5e5!important; } .linea_finished .progress-bar{ background: #ff0000; } .is_linea .falta{display: inline-block;} .is_linea .progress{ display: inline-block; height: 15px; width: 200px; margin-left: 15px; margin-bottom: 0; } #reserva_pantalla .btn_linea{ display: inline-block; padding: 5px 10px; color: white; font-weight: 500; text-transform: uppercase; border-radius: 5px; padding-right: 25px; cursor: pointer; } input.error-field{ border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } #reserva_pantalla .btn_linea.start{ background: url(../img/play_start.png) no-repeat center right 7px #666666; } #reserva_pantalla .btn_linea.stop{ background: url(../img/square_stop.png) no-repeat center right 7px #66cc33; } #reserva_pantalla .btn_linea.leave_room{ background: #ff0000; padding: 5px 10px; } #reserva_pantalla .btn_linea.finalizado{ background: #ff0000; padding: 5px 30px; cursor: auto; } .info_pago{background: #faf9d9;border: 1px solid #dddddd; padding: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .info_pago .total{text-align: right;padding: 10px 0;border-bottom: 1px solid #dddddd;margin-bottom: 5px;} .back_btn{ color: white; font-weight: lighter; font-size: 22px; background: url(../img/btn-back.png) no-repeat center left; padding-left: 45px; line-height: 60px; display: inline-block; margin-left: 20px; } .back_btn:hover{color: white;text-decoration: none;} .timer_btn{ width: 20px; height: 20px; display: inline-block; background: gray; color: white; border-radius: 20px; cursor: pointer; } #reserva_pantalla h4{ color: #ef007d; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-top: 15px; } #reserva_pantalla .client-code{ color: gray; font-size: 12px; font-weight: 600; text-align: right; display: inline-block; } #reserva_pantalla .buttons-booking{ padding: 20px 0; border-top: 1px solid #dddddd; } #reserva_pantalla .buttons-booking .cancelar{ background-image: url(../img/btn-cancelar.png); background-repeat: no-repeat; background-position: center right 8px; padding: 10px 40px 10px 10px; text-transform: uppercase; } #reserva_pantalla .buttons-booking .editar{ background-image: url(../img/pencil-edit-button.png); background-repeat: no-repeat; background-position: center right 8px; padding: 10px 35px 10px 10px; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; text-transform: uppercase; background-color: #fdda46; color: black; text-shadow: none; font-weight: 500; } .modal_style .btn.cancelar.grey_bg{ background-color: #999999; } #tabled_modal .table-styled{margin-bottom: 0;} .modal_style #tabled_modal.modal-body{padding-top: 15px;} .modal_style .btn.guardar.green{ background-color: #339900; } #reserva_pantalla .buttons-booking .guardar{ color: white; background: #339900; font-weight: bold; background-repeat: no-repeat; background-position: center right 8px; padding: 10px; text-transform: uppercase; text-shadow: none; float: right; } #reserva_pantalla .buttons-booking .cobrar{ color: white; background: #339900; font-weight: bold; background-image: url(../img/btn-cobrar.png); background-repeat: no-repeat; background-position: center right 8px; padding: 10px 40px 10px 10px; text-transform: uppercase; text-shadow: none; float: right; } #reserva_pantalla .buttons-booking .guardar_reserva{ color: white; background: #339900; font-weight: bold; /*background-image: url(../img/btn-cobrar.png);*/ background-repeat: no-repeat; background-position: center right 8px; padding: 10px 10px 10px 10px; text-transform: uppercase; text-shadow: none; float: right; margin-right: 10px; } #reserva_pantalla .mid-col{ padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reserva_pantalla .lista_extras_wrap{ margin-top: 20px; } #reserva_pantalla .lista_extras{ list-style: none; margin-left: 0; } #reserva_pantalla .lista_extras_table{ margin-top: 20px; } #reserva_pantalla .content-scrollable{ position: relative; max-height: 500px; -ms-overflow-x: scroll; overflow-x: scroll; } #reserva_pantalla .content-scrollable #view_booking_details{ position: absolute; right: 0; top: 15px; } table.lista_extras{width: 100%;} .lista_extras td { padding: 10px 5px; text-align: center; background: #666666; color: white; font-weight: 300; margin-bottom: 9px; cursor: pointer; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ z-index: 199; border: 5px solid white; } #modalFirmaImagen .modal-body{ text-align: center; } #modalFirmaImagen .modal-footer{ text-align: center; } #modalFirma .table-firmas tr{ border-top: 1px solid #ddd; } #modalFirma .table-firmas tr.has_signed { background: #ebf3e0; } #modalFirma .table-firmas thead{ font-weight: 600; } #modalFirma .table-firmas tbody{ text-transform: uppercase; } #modalFirma .head_firma{ margin: 10px 0; font-weight: 600; text-transform: uppercase; color: black; font-size: 18px; } #modalFirma .head_firma tr{border: none;} #modalFirma .total_pending{color: #009933;} #modalCancelar .modal-body{ text-align: center; padding-top: 10px; } .cancel_booking{ width: 400px; height: 100px; resize: none; } .modal_style{ background: #f9f9f9; border: none; width: 700px; margin-left: -350px; display: none; } #modalVentas{ width: 1000px; margin-left: -500px; } #modalDocGenerico{ width: 1000px; margin-left: -500px; } #modalGastos .modal-body{ padding: 20px 0; } #modalGastos table{ border-bottom: none; text-align: center; } .modal_style .modal-header{ background: black; color: white; text-transform: uppercase; text-align: center; } .modal_style .modal-body{ max-height: 500px; } .modal_style h3{ font-size: 18px; font-weight: 500; } .modal_style .title-section{ text-align: center; color: #ff0066; text-transform: uppercase; font-size: 16px; } .modal_style table{ border-top: none; border-bottom: 1px solid #ddd; width: 100%; } .modal_style .clientas-list td{ text-align: center; font-size: 18px; font-weight: bold; border-top: none; } .modal_style table th{ font-style: italic; font-size: 16px; text-align: center; font-weight: 500; } .modal_style .modal-body{ padding-top: 5px; } .modal_style .input-mini{ width: 40px; } .modal_style .input-medium{ width: 170px; } .modal_style .table td{ border-top: none; text-align: center; } .modal_style .metodos{ text-align: center; } .modal_style .metodos label{ display: inline-block; margin-right: 10px; font-size: 16px; } .modal_style .is_financiacion_extra{ border-bottom: none; } .modal_style .btn{ color: white; font-size: 16px; font-weight: 300; padding-top: 10px; padding-bottom: 10px; text-shadow: none; text-transform: uppercase; } .modal_style .btn.cancelar{ background: url(../img/btn-cancelar-white.png) no-repeat center right 5% #f47cbb; padding-right: 45px; } .modal_style .btn.guardar{ background: url(../img/btn-visto.png) no-repeat center right 5% #ef007d; padding-right: 55px; font-weight: 500; } .modal_style .btn.guardar_nocheck{ background: #ef007d; font-weight: 500; } .modal_style .btn.next{ background: url(../img/btn-next.png) no-repeat center right 5% #ef007d; padding-right: 55px; font-weight: 500; } .modal_style .btn.back{ background: url(../img/btn-back-round.png) no-repeat center left 5% #f47cbb; padding-left: 55px; font-weight: 500; } .extra_badge{ cursor: pointer; } #alta_venta_extra .clientas_list, #alta_ventaclienta .clientas_list { margin: 10px 0; } #alta_venta_extra .clienta_local, #alta_ventaclienta .clienta_local { cursor: pointer; display: inline-block; width: auto; float: left; background: black; color: white; border: 1px solid black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; border: 1px solid black; border-right: 1px solid white; min-height: 75px; padding: 0 3px; } #alta_venta_extra .clienta_local.used, #alta_ventaclienta .clienta_local.used { background: green; } #alta_venta_extra .is_financiacion{ display: none; } #alta_venta_extra span.clienta-name, #alta_ventaclienta span.clienta-name { display: block; } #alta_venta_extra .clienta_local img, #alta_ventaclienta .clienta_local img{ height: 50px; } #deudas_clientas .deuda_clienta{ background: black; color: white; margin-bottom: 5px; padding: 5px; } #deudas_clientas .deuda_clienta .clienta_info{ margin-bottom: 10px; text-align: center; } #deudas_clientas .deuda_clienta .deudas_list{ max-height: 100px; overflow-y: scroll; margin: 0; padding: 0 5px; } .block-config{ display: block; text-align: center; margin-top: 50px; border: 1px solid grey; padding: 20px 0; background: #ececec; color: #333; font-size: 25px; line-height: 1.5; } .block-config:hover{text-decoration: none;} #lista-reservas tr.has_deuda:not(.status_cancelado) td, .deuda_cliente_row td{ background: rgba(255, 0, 0, 0.05)!important; } #tabla-deudores .deudor-name td{ background: #f9f9f9!important; } #tabla-deudores .deuda-info td{ background: white!important; padding-left: 20px; } .filter_invoice{ padding: 5px; border: 1px solid transparent; display: inline-block; } .filter_invoice.active{ border: 1px solid green; } table.invoices tr.is_abono td{ background: #ff00003d; } .view_invoices{cursor: pointer;} .view_invoices:not(.collapsed):before{ content: "-"; padding-right: 10px; } .view_invoices.collapsed:before{ content: "+"; padding-right: 10px; } body.new_layout #main{ padding-left: 0; padding-right: 0; } #main_screen.new_design .left_clients_list{ padding-left: 0; } #main_screen.new_design .title{ margin-left: 5px; } #main_screen.new_design .vigilancia_box{ background: grey; background-image: url('../img/taxi-ico.png'); background-image: url('../img/taxi-ico.png'), linear-gradient(white, lightgrey); /* W3C */ background-position: center center; background-repeat: no-repeat; border: 1px solid #cccccc; -webkit-border-radius: 10px; border-radius: 10px; display: block; line-height: 100%; vertical-align: middle; } #main_screen.new_design .vigilancia_box span{ font-weight: bold; position: absolute; bottom: 15%; left: 0; right: 0; text-align: center; } #main_screen.new_design .title.nopad{ padding-left: 0; } #main_screen.new_design .repeat_reserva{ background: url('../img/ico-repeat2.png') no-repeat center center; width: 25px; height: 25px; } #main_screen.new_design .change_space_reserva{ background: url('../img/ico-swap2.png') no-repeat center center; width: 25px; height: 25px; } #main_screen.new_design .end_reserva{ background: url('../img/ico-exit2.png') no-repeat center center; width: 25px; height: 25px; } #main_screen.new_design .btn-plus{ font-weight: bold; color: #d20000; font-size: 20px; vertical-align: top; margin-right: 5px; display: inline-block; } /* #main_screen.new_design .item_reserva .head-reserva h3{ display: inline-block; } #main_screen.new_design .item_reserva .actions_reserva{ display: inline-block; }*/ #main_screen.new_design #cuadre_caja .btn-list-funciones{margin-top: 0;} #main_screen.new_design .btn-list-funciones{border-bottom: 1px solid #dddddd;padding-bottom: 10px;margin-top: 10px;} #main_screen.new_design .btn-list-funciones .btn{margin-left: 10px;background: #eeeeee;border: 1px solid #cccccc;padding-right: 40px;padding-top: 8px;padding-bottom: 8px;} #main_screen.new_design .btn-list-funciones .title{display: inline-block;text-transform: uppercase;vertical-align: middle;} #main_screen.new_design .btn-list-funciones .add_venta_clienta{background: url('../img/ico-venta-clienta.png') no-repeat 95% center #eeeeee;} #main_screen.new_design .btn-list-funciones .add_venta_fuera{background: url('../img/ico-venta.png') no-repeat 95% center #eeeeee;padding-right: 50px;} #main_screen.new_design .btn-list-funciones .add_gasto{background: url('../img/ico-gasto.png') no-repeat 95% center #eeeeee;} #main_screen.new_design .btn-list-funciones .traspasar_caja{background: url('../img/ico-user.png') no-repeat 95% center #eeeeee;} #main_screen.new_design .btn-list-funciones .accesos{background: url('../img/calendar.png') no-repeat 95% center #eeeeee;padding-right: 35px;} #main_screen.new_design .btn-list-funciones .view_clientas{ padding-right: 12px; } #main_screen.new_design .btn-list-funciones .ir_cuadre_caja, .ir_cuadre_caja {background: url('../img/ico-cuadrecaja.png') no-repeat 95% center #eeeeee;margin-top: 2px;text-align: left;text-transform: uppercase;margin-left: 0;margin-top: -1px;} .ir_cuadre_caja:hover{ background-position: 95% center; } #main_screen.new_design .btn-list-funciones .ir_pantalla_reservas{ margin-top: 2px; text-align: left; text-transform: uppercase; margin-left: 0; padding-right: 25px; padding-right: 10px; padding-left: 10px; background: #eeeeee; text-align: center; } .ir_cuadre_caja.mobile_btn{ width: 100%; height: 40px; line-height: 32px; } #main_screen.new_design .dropdown_table{ border: none; } #main_screen.new_design .dropdown_table thead{ cursor: pointer; } #main_screen.new_design .dropdown_table thead th.main{ font-weight: normal; text-transform: uppercase; text-align: left; padding-left: 30px; border: 1px solid #eeeeee; border: none; background: url('/themes/classic/img/arrow-down-black.png') no-repeat left 2% center #eeeeee; -webkit-border-radius: 10px; border-radius: 10px; } #main_screen.new_design .dropdown_table thead th.main .val-resume{ font-weight: bold; } #main_screen.new_design .dropdown_table:not(.shown) .closebtn{ display: none; } #main_screen.new_design .dropdown_table tbody tr:first-child td{ border-top: none; } #main_screen.new_design { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; } #main_screen #lista-reservas thead th, #main_screen .table-styled thead th, #tabled_modal .table-styled thead th { background: #666666; color: white; } #main_screen #lista-reservas a, #main_screen .table-styled a, #tabled_modal .table-styled a { color: #333; text-decoration: underline; } #main_screen #lista-reservas tbody>tr, #main_screen .table-styled tbody>tr, #tabled_modal .table-styled tbody>tr { border-bottom: 5px solid white; } #tabled_modal .table-styled tbody>tr{ border-bottom-width: 2px; } #tabled_modal .table-styled tbody>tr td{ font-size: 16px; padding: 12px; } #tabled_modal .table-styled thead th{ font-size: 18px; } #main_screen #lista-reservas tbody>tr:nth-child(odd)>td, #main_screen #lista-reservas tbody>tr:nth-child(odd)>th, #main_screen .table-styled tbody>tr:nth-child(odd)>td, #main_screen .table-styled tbody>tr:nth-child(odd)>th, #tabled_modal .table-styled tbody>tr:nth-child(odd)>td, #tabled_modal .table-styled tbody>tr:nth-child(odd)>th { background: #f3f3f3; } #main_screen #lista-reservas tbody>tr:nth-child(even)>td, #main_screen #lista-reservas tbody>tr:nth-child(even)>th, #main_screen .table-styled tbody>tr:nth-child(even)>td, #main_screen .table-styled tbody>tr:nth-child(even)>th, #tabled_modal .table-styled tbody>tr:nth-child(even)>td, #tabled_modal .table-styled tbody>tr:nth-child(even)>th { background: #e1e1e1; } #main_screen.new_design .dropdown_table:not(.shown) tbody, #main_screen.new_design .dropdown_table:not(.shown) tfoot, #main_screen.new_design .dropdown_table:not(.shown) th:not(.main){ display: none; } table.table-styled tr.is_asociado td{ font-weight: bold; } #main_screen.new_design #logs_caja tr.group-log-title{ color: white; -webkit-border-radius: 10px; border-radius: 10px; border-top: 1px solid white; text-transform: uppercase; cursor: pointer; background: url(/themes/classic/img/arrow-down-white.png) no-repeat center left 3% #999999; } #main_screen.new_design #logs_caja tr.group-log-title.unfolded{ background: url(/themes/classic/img/arrow-up-white.png) no-repeat center left 3% #999999; } #main_screen.new_design #logs_caja strong{ color: #333; } #main_screen.new_design #logs_caja td { padding-left: 30px; padding-right: 30px; } #main_screen.new_design #logs_caja tr.group-log-title td{ -webkit-border-radius: 10px; border-radius: 10px; } #main_screen.new_design .dropdown_table.shown thead th.main{ background: #999999; color: white; border: none; } #main_screen.new_design .list-scrollable{ max-height: 800px; -ms-overflow-y: scroll; overflow-y: scroll; } #main_screen.new_design .dropdown_table.shown thead th.main .bolded{ font-weight: bold; } #main_screen.new_design .dropdown_table .closebtn{ color: #cccccc; background: url(/themes/classic/img/ico-close-grey.png) no-repeat center right; padding-right: 20px; display: inline-block; height: 20px; line-height: 20px; float: right; font-size: 10px; } #main_screen.new_design .dropdown_table td.key{ padding-left: 20px; font-weight: bold; } #main_screen.new_design .dropdown_table td.key a{ color: #333; } #main_screen.new_design .dropdown_table td.key a{ display: inline-block; padding-right: 25px; background: url('/themes/classic/img/ico-plus.png') no-repeat right center; height: 20px; } #main_screen.new_design .dropdown_table td.val{ font-weight: normal; text-align: right; padding-right: 15px; } #main_screen.new_design .active-clients .clienta img{max-width: 100%;max-height: 120px;} #main_screen.new_design .active-clients .clienta span.is_signed{position: absolute;top: -25px;right: 5px;} #cuadre_caja_reservas{margin-top: 10px;} #cuadre_caja_reservas th {-webkit-border-radius: 10px;border-radius: 10px;padding-top: 5px;padding-bottom: 5px;padding-top: 15px;padding-bottom: 15px;padding-left: 15px;font-size: 15px;} #cuadre_caja_reservas thead{background: #999999;color: white;text-transform: uppercase;-webkit-border-radius: 5px;border-radius: 5px;} #cuadre_caja_reservas tbody tr:first-child td{border-top: none;} #cuadre_caja_reservas tbody td:first-child{font-weight: bold;} #cuadre_caja_reservas tfoot td{font-weight: bold;} #cuadre_caja_reservas tbody a{color: black;text-decoration: underline;} #cuadre_caja_reservas tbody td:last-child, #cuadre_caja_reservas tfoot td:last-child{text-align: right;} #cuadre_caja_reservas td.bold{font-weight: bold;} #modalClientas{width: 1400px;margin-left: -700px;} #cuadre_caja_reservas tfoot{background: #efefef;border: 1px solid #dddddd;} #cuadre_caja_reservas tfoot tr:nth-child(odd){background: #e2e2e2;} #cuadre_caja_reservas .input-prepend span, #cuadre_caja_reservas .input-prepend input{background: #ffffff;} #cuadre_caja_reservas .input-prepend input{text-align: right;} .active-clients .clienta-data{ z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; background: black; padding: 3px 0; } .nolinethrough{ text-decoration: none!important; } #lista-reservas .status_cancelado td, #lista-reservas .status_cancelado td a { color: grey; text-decoration: line-through; } #observaciones_caja{ width: 100%; margin: 0; height: 100px; font-size: 18px; resize: none; padding: 6px; } .item-mobile-menu .title-line{ font-size: 16px; } .item-mobile-menu .nav-line{ font-size: 14px; text-align: center; color: #D7D7D7; } .item-mobile-menu .nav-line strong{ color: white; text-transform: uppercase; background: url(/themes/classic/img/ico-calendar.png) no-repeat center left; padding-left: 20px; } .item-mobile-menu .nav-line .prev-caja{ background: url(/themes/classic/img/prev-ico.png) no-repeat center center; width: 30px; height: 30px; display: inline-block; float: left; } .item-mobile-menu .nav-line .next-caja{ background: url(/themes/classic/img/next-ico.png) no-repeat center center; width: 30px; height: 30px; display: inline-block; float: right; } #caja-ver-reservas{ background: url(/themes/classic/img/ico-ok-white.png) no-repeat center right 2% #339900; padding: 10px; text-transform: uppercase; color: white; margin: 10px 0; -webkit-border-radius: 10px; border-radius: 10px; width: 100%; } #caja-ver-reservas span.closetxt{ display: inline-block; float: right; padding-right: 20px; font-size: 12px; } #caja-ver-reservas:not(.opened) span.closetxt{ display: none; } #caja-ver-reservas.opened{ background: url(/themes/classic/img/ico-close-grey.png) no-repeat center right 2% #339900; } #caja-ver-reservas:hover{ text-decoration: none; } #caja-ver-reservas strong{ color: white; } #ir-reservas-mobile{ margin-top: 2px; text-align: left; text-transform: uppercase; margin-left: 0; padding-right: 25px; padding-right: 10px; padding-left: 10px; background: #eeeeee; text-align: center; display: none; margin: 10px 0; } #modalRepeat h4{ color:#ff0066; text-transform: uppercase; margin: 0; } #modalRepeat .clienta{ background: black; color: white; text-align: center; padding: 2px; z-index: 199; height: auto; margin-bottom: 5px; width: 80px; margin: 0 auto; display: inline-block; margin-right: 5px; } #modalRepeat .clienta:not(.is_active){ -webkit-filter: grayscale(100%); filter: grayscale(100%); } #jsignature, #jsignature_recep, .jsignature_style{ padding: 0; margin: 10px auto; border: 1px solid black; width: 650px; height: 250px; background: white; } #jsignature .jSignature, #jsignature_recep .jSignature, .jsignature_style .jSignature{ height: 250px!important; } #reset_jsignature, #reset_jsignature_recep, #reset_jsignature_client{ float: right; margin-right: 10px; float: right; margin-right: 10px; background: url(/themes/classic/js/images/refresh.png) no-repeat center center transparent; border: none; padding: 10px 20px; margin-bottom: 0px; display: block; } .values-table tr td label{ font-weight: bold; } .values-table tr td .value{ font-weight: normal; } .icon_doc_financiacion{ display: inline-block; width: 30px; height: 30px; background: #79cc01; text-align: center; color: white; vertical-align: middle; font-weight: bold; border-radius: 30px; padding-top: 5px; margin: 2px; font-size: 15px; cursor: pointer; } .icon_doc_financiacion.red{ background: red; } .descuento-clienta-info{ text-align: left; font-weight: bold; font-style: italic; font-size: 12px; color: red; } td.redbg{ background: rgba(255, 0, 0, 0.2)!important; } .info-link-badge{ color: black; font-size: 15px; } .info-link-badge:hover{ text-decoration: none; } .info-link-badge .badged{ padding: 10px; color: white; background: black; border-radius: 25px; margin-left: 10px; font-weight: bold; } .info-layer{ font-size: 11px; line-height: 1.2; padding: 5px; background: #eee; text-transform: uppercase; margin: 2px 0; } .inlined{display: inline-block;} .marged-btn{ margin: 0 5px 0 5px; } a.make-portada{display: none;} .imagen-normal{position: relative;} @media (min-width: 768px) { .hidden-md{ display: none; } #modalDocGenerico{ margin-left: -750px; width: 1500px; } } @media (max-width: 767px) { a.make-portada{display: inline-block;position: absolute;top: 0;right: 0;} a.set-alt{display: none;} table .btn{ padding: 5px; width: auto; min-width: 30px; } table .btn img{ max-width: 25px; } .new_layout .navbar-inner .divider-vertical{ display: none; } body.new_layout #main{ margin-top: 25px; } #main_screen .item_reserva.libre{min-height: 0;} #main_screen .item_reserva.libre .content-reserva{padding: 0;} .new_layout .navbar{ position: fixed; top: 0; z-index: 999999; right: 0; left: 0; margin-bottom: 0; } body.new_layout .item-header{ position: relative; left: 0; right: 0; top: 0; margin-left: -3%; margin-right: -3%; } .new_layout .item-title{ text-align: center; } #main_screen.new_design .reservas-actuales .title{ background: url('../img/ico-collapsed-item.png') no-repeat right 2% center #339900; color: white; text-align: left; font-weight: normal; padding-left: 10px; border-radius: 5px; cursor: pointer; margin-right: 0; margin-left: 0; } #main_screen.new_design .reservas-actuales .title.visible-xs{ font-size: 18px; font-weight: bold; } #main_screen.new_design .reservas-actuales .title.visible-xs .lighter{ font-weight: normal; } #main_screen.new_design .reservas-actuales .title.collapsed{ background: url('../img/ico-ellapsed-item.png') no-repeat right 2% center #339900; } #main_screen.new_design .item-content.collapsed{ display: none; } /* Cuadre Caja */ #item_cuadre_caja .item-header .item-title{ display: none; } #caja-ver-reservas{ display: block; } .close_caja_btn{display: none;} #main_screen.new_design .dropdown_table td.key{ padding-left: 10px; } #main_screen.new_design .dropdown_table td.val{ padding-right: 10px; } #cuadre_caja{ margin-top: 5px; } #mobile-menu-cuadre{ width: 100%; background: black; } #mobile-movedown{ display: none; } body.new_layout #item_cuadre_caja .item-header{ padding: 0; } #cuadre-caja td.key{ width: 70%; } #cuadre-caja td.val{ width: 30%; } #main_screen #lista-reservas tbody>tr:nth-child(odd)>td, #main_screen #lista-reservas tbody>tr:nth-child(odd)>th{ background: white; } #main_screen #lista-reservas tbody>tr:nth-child(even)>td, #main_screen #lista-reservas tbody>tr:nth-child(even)>th{ background: white; } #main_screen #lista-reservas tbody>tr{ border-bottom: 1px solid lightgrey; } #main_screen.new_design .list-scrollable{ max-height: none; } .item-mobile-menu .title-line, .item-mobile-menu .nav-line{ padding: 10px; border-bottom: 1px solid white; height: auto; line-height: 30px; } .new_layout .nav .home_menu{ border-right: 1px solid grey; } .new_layout #submenu_items{ display: none; position: absolute; background: black; max-width: 200px; padding: 10px; } #lista-mobile { font-size: 24px; } #lista-mobile span{ display: inline-block!important; margin-left: 10px; } .new_menu li.active span{ background: url('/themes/classic/img/arrow-down.png') no-repeat right center; padding-right: 20px; } .new_layout #submenu_items li{ display: block; border-right: none; padding: 5px 0; } .new_layout #submenu_items li a{ padding-left: 0; } .new_layout .btn-list-funciones{ display: none; } .new_layout .nav .rrhh_menu, .new_layout .nav .config_menu, .new_layout .nav .web_menu{ float: right; } .new_layout .navbar-search{ display: none; } .hidden-xs{ display: none; } .modal_style{ width: 100%; left: 0; right: 0; margin-left: 0; } .modal_style.fade.in{ top: 100px; } .set_ejercicio{ margin-top: 10px; } }