body { background: #fff; font-family: 'Open Sans', sans-serif; } .top-separation { background: rgb(161,89,143); background: -moz-linear-gradient(left, rgba(161,89,143,1) 0%, rgba(174,204,78,1) 100%); background: -webkit-linear-gradient(left, rgba(161,89,143,1) 0%,rgba(174,204,78,1) 100%); background: linear-gradient(to right, rgba(161,89,143,1) 0%,rgba(174,204,78,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#aecc4e',GradientType=1 ); height: 10px; position: fixed; top: 0; width: 100%; z-index: 99; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: transparent none repeat scroll 0 0 !important; border-bottom: 2px solid rgba(174, 204, 78, 1); font-weight: normal; padding-bottom: 5px; } body a { color: #A1598F; text-decoration: none; } body a:focus, body a:hover { color: #A1598F; text-decoration: underline; } body .row { min-height: 42px; } body .row.sep { margin-top: 10px; } body .row.small-sep { margin-top: 10px; } body .lineHeight20 { line-height: 20px !important; } body .topLess4 { position: relative; top: -4px; } body select { display: none; } body input:focus, body input:active, body input:hover, body input:visited{ outline: 0 none; } body input::-ms-clear { display: none; } body .overflow-text { white-space: pre; text-overflow: ellipsis; overflow: hidden; } header { background: white; display: block; font-family: "Open Sans"; height: 75px; margin: 0 auto; padding: 0 10%; position: fixed; top: 10px; width: 100%; z-index: 99; border-bottom: 1px solid #f0f0f0; } header + div, header + form { margin-top: 120px; } header nav.navbar-default { background: transparent; border: 0 none; margin-top: 25px; } header .navbar-brand { padding: 0; } header nav ul.navbar-nav { float: right; } header .logo { float: left; height: 48px; position: relative; top: -25px; } header .appName { color: #AECC4E; height: 48px; line-height: 48px; padding-left: 36px; width:auto; display: none; } header .appName b { color: #A1598F; } header nav .fa.fa-envelope { color: #AECC4E; font-size: 32px; position: absolute; top: 8px; } header nav .fa.no-messages { color: #A1598F; } header nav .fa.no-messages + span { display: none; } header nav .fa.fa-sign-out { color: #A1598F !important; font-size: 32px; position: absolute !important; top: 8px; padding: 7px 15px; } header nav .fa + .total { background: #A1598F; border-radius: 50px; color: #fff; font-weight: bold; font-size: 12px; height: 22px; position: absolute; right: -20px; text-align: center; top: 5px; width: 22px; } @media (max-width: 1024px) { header { padding: 0 6% 0 1%; } } #initialLoader + div > form { height: 120px; } section.searcher { background: #f6f6f6; padding: 20px 10px; display: inline-block; width: 100%; font-family: "Open Sans"; } section.searcher label { color: #A1598F; font-size: 13px; font-weight: normal; white-space: pre; line-height: 32px; display: block; padding: 0 0 5px 0; } section.searcher input, section.searcher textarea, input.ui-inputfield { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; padding: 5px; width: 100%; height: 32px } section.searcher input.hasDatepicker, section.searcher textarea, input.ui-inputfield.hasDatepicker { width: 110px; } section.searcher input.prc90, section.searcher textarea.prc90, input.ui-inputfield.prc90 { width: 90%; float: right; } /*section.searcher .col-md-1.col-lg-1, section.searcher .col-md-2.col-lg-2 { line-height: 40px; padding: padding: 0 15px 0 10px;; }*/ /*body section input.checkOnlyDates, body section .dni, section .phone { max-width: 140px; float: right; }*/ body section input.disabled, body section input[disabled] { background: #f6f6f6; border: 0 none; } body .ui-inputfield.ui-state-disabled { background: #f6f6f6; border: 0 none; } body input.disabled, body input[disabled] { background: #f6f6f6; border: 0 none; } body section textarea.disabled, body section textarea[disabled] { background: #f6f6f6; border: 0 none; } section.details { padding: 20px 10px; display: table; width: 100%; font-family: "Open Sans"; } section.details label { color: #A1598F; font-size: 13px; font-weight: normal; white-space: pre; width: auto; } section.details input, section.details textarea { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; padding: 5px; width: 100%; } section.details textarea:not(.comm) { height: 96px !important; overflow: auto !important; } section.details.ajuste textarea:focus { outline: none !important; border: 1px solid #F4F1F4 !important; box-shadow: 0 0 10px #A1598F !important;} section.details.ajuste .row.nobg { border-top: 1px solid #f4f1f4; } section.details.ajuste .row.nobg.submit {border-top: 2px solid #A1598F; margin-top: 15px; padding-top: 10px;} section.details .col-md-1.col-lg-1 { line-height: 40px; padding: 0; } section.details input.hasDatepicker { margin-right: calc(100% - 110px); margin-right: -moz-calc(100% - 110px); margin-right: -webkit-calc(100% - 110px); width: 110px; } section.results { background: #ffffff; padding: 20px 10px; display: table; width: 100%; font-family: "Open Sans"; } section.results table { width: 100%; } section.results table th, section.results table td { padding: 0 5px 0px; line-height: 32px; height: 32px; } section.results table th { border: 1px solid #a1598f; } section.results table td { border: 1px solid rgba(0,0,0,0.1); } section.results table th { color: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); } section.results table td input { width: 100%; } section.results table td label { color: #000000; font-size: 13px; font-weight: normal; text-transform: uppercase; } section.results table td label.doc { text-transform: none; } body section.results table td.pauta > label { float: left; width: auto; } body .ui-datatable table { table-layout: auto; } .ui-datatable table th.left, .ui-datatable table td.left { text-align: left; } .ui-datatable table th.alt, .ui-datatable table td.alt { background: rgba(0, 0, 0, 0.05); } .ui-datatable table th.right, .ui-datatable table td.right { text-align: right; } .ui-datatable table th.center, .ui-datatable table td.center { text-align: center; } .ui-datatable table th.left span, .ui-datatable table td.left span, .ui-datatable table td.left label { display: block; text-align: left; width: 100%; } .ui-datatable table th.right span, .ui-datatable table td.right span, .ui-datatable table td.right label { display: block; text-align: right; width: 100%; } .ui-datatable table th.center span, .ui-datatable table td.center span, .ui-datatable table td.center label { display: block; text-align: center; width: 100%; } .ui-datatable table tr td label { position: initial; top: 0; text-transform: none; display: table-caption; white-space: initial; width: 100%; height: 36px; line-height: 36px; margin: 5px !important; } .ui-datatable table tbody tr:nth-child(2n) { background: #f6f6f6; } .ui-datatable table tbody tr:nth-child(2n+1) { background: #ffffff; } .ui-datatable table thead tr:nth-child(2) th { color: #000; } .ui-datatable table thead tr th.alt { color: #808080; } .panel.panel-default .panel-body .button-icon, .panel.panel-default .panel-body .button-icon > .fa, .ui-datatable table .button-icon, .ui-datatable table .button-icon > .fa { background: transparent; border: 0 none; color: #000000; position: relative; text-indent: 0; display: block; font-size: 24px; padding: 0; margin: 0; text-align: center; left: 0; width: 100%; } .ui-datatable table .button-icon.black, .panel.panel-default .panel-body .button-icon > .fa, .ui-datatable table .button-icon.black > .fa { color: #000000; } .panel.panel-default .panel-body .button-icon > .fa, .ui-datatable table .button-icon.gray > .fa { color: #9A9A9A; } .panel.panel-default .panel-body .button-icon > .fa, .ui-datatable table .button-icon.corp1 > .fa { color: #A1598F; } .panel.panel-default .panel-body .button-icon > .fa, .ui-datatable table .button-icon.corp2 > .fa { color: #AECC4E; } .panel.panel-default .panel-body .button-icon .fa, .ui-datatable table .button-icon.corp1 .fa.fa-plus { color: #a1598f; } .panel.panel-default .panel-body .button-icon .ui-button-text, .ui-datatable table .button-icon .ui-button-text { display: none; } .panel.panel-default .panel-body .button-icon > .fa.fa-minus, .ui-datatable .button-icon > .fa.fa-minus { border: 2px solid #000000; border-radius: 10px; font-size: 20px; height: 22px; margin: 0 auto; width: 24px; } .ui-datatable .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { position: relative; } .ui-datatable .ui-selection-column .ui-chkbox-all {display: block; height: 24px !important; margin: 0 auto; position: relative; top: -3px; width: 24px !important; } .ui-datatable .ui-state-default.center.icon-column { width: 40px; } .ui-datatable table td.ellipsis { position: relative; } .ui-datatable table td.ellipsis > label.ui-outputlabel.ui-widget { word-break: break-all; } .ui-datatable table td.ellipsis > label.ui-outputlabel.ui-widget::after { background: #fff none repeat scroll 0 0; content: "..."; position: absolute; right: 2px; top: 1px; } .ui-datatable table td.ellipsis.alt > label.ui-outputlabel.ui-widget::after { background: #f4f4f4; } .ui-datatable table tbody tr:nth-child(2n) td.ellipsis > label.ui-outputlabel.ui-widget::after { background: #f6f6f6 none repeat scroll 0 0; content: "..."; position: absolute; right: 2px; top: 1px; } .ui-datatable table tbody tr:nth-child(2n) td.ellipsis.alt > label.ui-outputlabel.ui-widget::after { background: #eaeaea; } body .ui-datatable table .button-icon.black.ui-state-disabled > .fa { color: #ccc; } body .ui-datatable table .button-icon.gray.ui-state-disabled > .fa { color: #ccc; } body .ui-datatable table .button-icon.corp1.ui-state-disabled > .fa { color: #ccc; } body .ui-datatable table .button-icon.corp2.ui-state-disabled > .fa { color: #ccc; } .ui-datatable .ui-paginator { display: none; margin: 0; padding: 2px; text-align: right; width: 100%; } .ui-datatable .ui-paginator-current { display: none !important; } .ui-datatable .ui-paginator.ui-paginator-top { display: none !important; } .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current { padding: 0 !important; } .ui-datatable .ui-paginator .ui-paginator-pages > span { background: #F6F6F6; border: 1px solid transparent; display: inline-block; font-size: 14px; font-weight: bold; height: 32px; line-height: 29px; min-width: 32px; padding: 0 5px; text-align: center; width: auto; cursor:pointer; } .ui-datatable .ui-paginator-pages .ui-paginator-page.ui-state-active { background: #AECC4E; border: 1px solid transparent; color: #ffffff; cursor: default } .ui-datatable .ui-paginator .ui-icon-seek-first, .ui-datatable .ui-paginator .ui-icon-seek-prev, .ui-datatable .ui-paginator .ui-icon-seek-next, .ui-datatable .ui-paginator .ui-icon-seek-end { color: #000000; display: block; font-family: FontAwesome; float: left; font-size: 18px; height: 32px !important; width: 100%; font-weight: normal; text-indent: 0; line-height: 32px; margin-top: 0; min-width: 32px; text-align: center; } .ui-datatable .ui-paginator .ui-icon-seek-prev, .ui-datatable .ui-paginator .ui-icon-seek-next { background: #f6f6f6; } .ui-datatable .ui-paginator .ui-paginator-first.ui-state-disabled, .ui-datatable .ui-paginator .ui-paginator-prev.ui-state-disabled, .ui-datatable .ui-paginator .ui-paginator-next.ui-state-disabled, .ui-datatable .ui-paginator .ui-paginator-last.ui-state-disabled { display: none; } .ui-datatable .ui-paginator .ui-paginator-first, .ui-datatable .ui-paginator .ui-paginator-last { background: #ffffff !important; } .ui-datatable .ui-paginator .ui-paginator-last { background: #ffffff !important; } .ui-datatable .ui-paginator .ui-icon-seek-first::before { content: "";} .ui-datatable .ui-paginator .ui-icon-seek-prev::before { content: "";} .ui-datatable .ui-paginator .ui-icon-seek-next::before { content: "";} .ui-datatable .ui-paginator .ui-icon-seek-end::before { content: "";} .ui-datatable .ui-paginator > span:not(.ui-paginator-pages) { position: relative; top: 11px; } .ui-datatable .chosen-container { -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; display: inline-table; font-size: 13px; position: relative; vertical-align: middle; width: 64px !important; margin-top: 10px; } .ui-datatable .chosen-container-single .chosen-single { background: transparent; border: 1px solid #f0f0f0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-box-shadow: none; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; color: #444; display: block; height: 32px; line-height: 30px; overflow: hidden; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; } .ui-datatable .fa-filter { background-color: #a1598f; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; color: #ffffff; cursor: pointer; font-size: 24px; padding: 2px 6px; position: absolute; right: 15px; top: -27px; } .ui-datatable .fa.fa-filter.ui-state-hover { background: #a1598f none repeat scroll 0 0; color: #ffffff; border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .ui-datatable .fa.fa-filter.filtered::after { content: "X"; font-family: "Open Sans", Arial; font-size: 12px; left: 21px; position: absolute; top: 15px; color: rgba(255, 255, 255, 0.5); font-weight: bold; } .ui-datatable .fa.fa-filter.filtered { color: rgba(255, 255, 255, 0.5); } .columns-toggler .fa-times { padding: 0 0 5px; width: 100%; text-align: right; position: relative; top: -3px; cursor: pointer; color: #000000; } .ui-datatable .columns-toggler { width: 200px; max-height: 150px; overflow-x: hidden; overflow-y: auto; position: absolute; padding: 5px; border: 1px solid #a1598f; background: #ffffff; box-shadow: 0 0 2px #ccc; -ms-box-shadow: 0 0 2px #ccc; -o-box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #a1598f; z-index: 99; } .ui-datatable .columns-toggler .title { color: #A1598F; font-size: 13px; left: 5px; position: absolute; top: 2px; } .ui-datatable .columns-toggler .ui-chkbox { margin: 2px 3px; width: 100%; } .ui-datatable .columns-toggler .ui-chkbox-icon.ui-c.ui-icon.ui-icon-check { top: -2px; } /*@media (max-width: 1280px) { section.searcher input:not(.hasDatepicker) { float: right; width: 90%; } }*/ div > h2, div.inline > h2, div > h3, div.inline > h3 { color: #A1598F; font-family: "Open Sans"; font-size: 17px; font-weight: normal; } div > h3, div.inline > h3 { color: #aecc4e; font-size: 1.1em; margin: 32px 0 15px; text-transform: uppercase; } .active, .inline.active { position: relative; white-space: initial; } .active hr, .inline.active hr { border-bottom: 3px solid #AECC4E !important; width: 50px; float: left; position: absolute; top: 22px; left: 15px; } .active h2 + hr { top: 30px; } .active.inline + fieldset, .active.inline + section { margin-top: -25px; } div.inline > h2 { width: 100%; height: 44px; } .ui-datatable th div.inline > h2 { height: 25px; text-align: left; } div.inline.active h2 + hr { top: 8px; left: 0; } h2 .summary { color: #000000; font-size: 13px; padding-left: 10px; position: relative; top: 0; } div + .toggle { position: absolute; color: #A1598F; font-size: 22px; top: -2px; left: 15px; cursor: pointer; width: 100%; } .toRightSide { float: right; } .toLeftSide { float: left; } .ui-button.primary { background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); border: 0 none; color: white; font-family: "Open Sans"; margin: 0px 7px 0 0; padding: 7px 10px; font-size: 15px; font-weight: bold; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #91497f; } .ui-button.primary .fa { float: right; font-size: 24px; margin: 2px 5px 0 0; } .ui-button.cancel, .ui-button.back { background: transparent; border: 0 none; color: #A1598F; font-family: "Open Sans"; margin: 0px 0; padding: 6px 10px; font-size: 15px; font-weight: bold; } .ui-button.cancel span, .ui-button.back span{ text-decoration: underline; } .ui-button.back { padding-left: 0; } .ui-button.back .fa { float: left; font-size: 26px; position: relative; text-decoration: none; top: 2px; } .ui-button.primary .ui-button-text { line-height: 14px; padding: 0.42em 2.5em .3em 1em; } .ui-button.search, .ui-button.reply, .ui-button.accept { -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font-family: "Open Sans"; font-size: 15px; padding: 0 5px; margin: 0px; text-shadow: 1px 1px 1px #6e8c0e; font-weight: bold; height: 40px; background: rgb(174,204,78); background: -moz-linear-gradient(top, rgba(174,204,78,1) 0%, rgba(204,234,108,1) 100%); background: -webkit-linear-gradient(top, rgba(174,204,78,1) 0%,rgba(204,234,108,1) 100%); background: linear-gradient(to bottom, rgba(174,204,78,1) 0%,rgba(204,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecc4e', endColorstr='#ccea6c',GradientType=0 ); border: 2px solid rgba(0, 0, 0, 0); } .ui-button.search .fa, .ui-button.reply .fa, .ui-button.accept .fa { display: block; margin: 10px 5px 0 0; text-indent: 0; float:right; font-size: 17px; } .ui-button.search .fa { margin: 6px 5px 0 0; } .ui-button.accept .fa::before { position: relative; top: -2px; } .ui-button.reply { float:left; } .search.L2 input { padding-right: 32px !important; } input + .fa-calendar::before, input.hasDatepicker + .ui-datepicker-trigger .fa, .value-label + .fa-calendar::before { color: #aecc4e; content: ""; font-size: 24px; } input + .fa-phone::before, .value-label + .fa-phone::before { color: #aecc4e; font-size: 24px; } input + .fa-search::before, .value-label + .fa-search::before { color: #aecc4e; font-size: 24px; } input + .fa-envelope::before, .value-label + .fa-envelope::before { color: #aecc4e; font-size: 24px; } input[disabled] + .fa::before, .value-label.L2 + .fa::before { color: #e0e0e0; } input.L2 + .fa-phone, .value-label.L2 + .fa-phone, input.L2 + .fa-envelope, .value-label.L2 + .fa-envelope { position: absolute; right: 20px; top: 29px; } input.L2 + .fa-search, .value-label.L2 + .fa-search { position: absolute; right: 24px; top: 6px; } body .ui-autocomplete { width: 100%; } body .ui-autocomplete input + .fa-search { position: absolute; right: 8px; top: 5px; cursor: default} body .ui-autocomplete input:first-child { padding: 5px 40px 5px 5px; } body .ui-autocomplete-input-token { width: 100%; position: relative; top: 0; } body .ui-autocomplete-token { border: 1px solid #91497f; position: relative; top: 0; cursor: default; float: left; margin: 1px 5px 6px 2px; line-height: 32px; background: #a1598f; color: #ffffff; } body .ui-autocomplete-token-icon { overflow: initial; text-indent: 0; } body .ui-autocomplete-token-icon.ui-icon.ui-icon-close::after { content: "X"; left: -10px; position: absolute; top: -137px; color: #61294f; background: rgba(255,255,255,0.5); width: 16px; padding: 0 2px; height: 295px; line-height: 293px; font-weight: bold; } body .ui-autocomplete .ui-state-disabled .ui-autocomplete-token-icon.ui-icon.ui-icon-close { display: none; } body .ui-autocomplete-token-label { padding: 0 15px 0 2px; width: 100%; white-space: normal; height: auto; } body .ui-autocomplete-multiple-container { width: 100%; } body .ui-autocomplete-multiple-container.ui-inputfield { padding: 0 5px 0 0; } body .ui-autocomplete-panel { position: absolute; overflow: auto; max-width: 480px; max-height: 360px; } body .ui-autocomplete-panel .ui-autocomplete-list { background: #ffffff; padding: 0; } body .ui-autocomplete-panel .ui-autocomplete-list-item { padding: 5px; margin: 0; width: 100%; border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; } body .ui-autocomplete-panel .ui-autocomplete-list-item:nth-child(2n) { background: #f0f0f0; } body #tabs-medicalActive_panel .ui-autocomplete-list-item { padding: 0 5px; margin: 0; width: 100%; border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; line-height: 20px!important; } body .ui-autocomplete-panel .ui-autocomplete-list .ui-state-highlight, body .ui-autocomplete-panel .ui-autocomplete-list .ui-widget-content .ui-state-highlight, body .ui-autocomplete-panel .ui-autocomplete-list .ui-widget-header .ui-state-highlight { background: #A1598F; color: #ffffff; } input + .fa-calendar, input.hasDatepicker + .ui-datepicker-trigger .fa, .value-label + .fa-calendar { position: absolute; left: 20px; top: 4px; } input#receivedDate_input + .ui-datepicker-trigger .fa, input#shippingDate_input + .ui-datepicker-trigger .fa { position: absolute; left: 20px; top: 8px; } body .checkboxes { position: relative; top: -18px; } body .checkboxes > div { width: 100%; margin: 5px 0; } body .ui-datepicker { background: #ffffff; border: 1px solid #333; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } body .ui-datepicker select { display: inline-block } body .ui-datepicker .ui-state-active { background: #AECC4E; color: #ffffff; } body .ui-datepicker .ui-state-hover { background: #A1598F; color: #ffffff; } .ui-datepicker .ui-datepicker-prev:before { content: ""; font-family: FontAwesome; font-size: 18px; padding-left: 10px; } .ui-datepicker .ui-datepicker-next:before { content: ""; font-family: FontAwesome; font-size: 18px; padding-left: 10px; } body input.hasDatepicker + .ui-datepicker-trigger { background: transparent; border: 0 none; position: absolute; top: 57; left: 78px; } body .ui-calendar.L1 input.hasDatepicker + .ui-datepicker-trigger { left: auto; right: auto; top: 29px; margin-left: -47px; } body .ui-timepicker-div dl dd { margin-top: 5px; } body .ui-slider { background: #A1598F; top: 3px; height: 5px; } body .ui-slider .ui-slider-handle { background: #A1598F; top: -6px; border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; } .ui-chkbox { height: auto; width: auto; cursor: pointer; padding-right: 10px; display: inline-block !important; margin: 10px 15px; float:left; } .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { height: 15px; position: relative; top: 1px; width: 15px; } .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-hover { background: #f6f6f6 !important } .ui-chkbox-icon.ui-c.ui-icon.ui-icon-check { background: transparent; font-family: FontAwesome; font-size-calculated: 13px; left: 0; position: absolute; top: -4px; } .ui-chkbox-icon.ui-c.ui-icon.ui-icon-check:before, .ui-selectcheckboxmenu-panel .ui-icon-check:before { content: "\f00c"; text-indent: 0; display:block; color: #A1598F; } .ui-chkbox-box.ui-state-disabled { border: 1px solid #a0a0a0 !important; } .ui-chkbox-box.ui-state-disabled * { cursor: default !important; } .ui-state-disabled .ui-chkbox-icon.ui-c.ui-icon.ui-icon-check:before, .ui-state-disabled .ui-selectcheckboxmenu-panel .ui-icon-check:before { color: #a0a0a0; } .ui-chkbox .ui-chkbox-box { background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; display: inline-block; height: 12px; width: 12px; border: 1px solid #A1598F; } .ui-chkbox .ui-chkbox-label { margin: -1px 0 0 8px !important; width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); } .ui-datatable .ui-chkbox { width: 24px; padding-right: 0; margin: 12px auto ; line-height: 16px; } .ui-datatable .ui-chkbox-icon.ui-c.ui-icon.ui-icon-check { top: -2px; } .ui-selectmanycheckbox { width: 100%; } .ui-selectmanycheckbox label { color: #000; margin: 0; padding: 0; text-align: left; width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); } .ui-selectmanycheckbox .ui-chkbox { margin: 5px 0 0; } body .ui-radiobutton { margin: 0 0 0 15px; padding: 0; height: 36px; position: relative; top: 6px; } /*body .ui-radiobutton .ui-icon-bullet:before { content: "\f111"; display: block; font-family: FontAwesome; font-size: 12px; margin: -1px 0 0 1px; text-indent: 0; color: #A1598F; }*/ body .ui-radiobutton .ui-icon-bullet { background: #a1598f; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; display: block; height: 12px; position: relative; top: 1px; width: 12px; } body .ui-radiobutton .ui-radiobutton-box { border: 1px solid #A1598F; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; position: absolute; } body .ui-selectoneradio label { height: 28px; margin: -5px 25px 0 10px !important; padding: 0; font-weight: normal; width: auto; color: #000000; min-width: auto; } body .ui-dialog .ui-selectoneradio label { margin: -5px 0 0 10px !important; } .radio-inline { } .radio-inline .ui-radiobutton { position: relative; top: 2px; } .radio-inline > label { float:left; } .radio-inline .ui-selectoneradio { display: inline-block; float: left; padding: 30px 10px 0px 0px; } .radio-inline .ui-selectoneradio label { color: #808080; } body .page-inline { padding: 0; } body .page-inline .ui-selectoneradio, body .ui-tabs .page-inline .ui-selectoneradio { padding: 0; position: relative; right: 0; top: 0; } body .page-inline label, .ui-tabs .page-inline label{ float: left; text-align: right; width: 100%; min-width: auto; color: #000000; } body .page-inline .ui-selectoneradio label, body .ui-tabs .page-inline .ui-selectoneradio label { top: 2px; margin: 0 3px !important; } body .ui-selectonemenu { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; height: 32px; line-height: 32px; padding: 0 5px; width: 100%; } body .ui-selectonemenu .ui-selectonemenu-label { line-height: 20px; text-align: left; padding: 4px 0; height: 32px; color: #000000; top: 0; } body .ui-selectonemenu .ui-selectonemenu-trigger { background: #ffffff; height: 32px; margin: 0; padding: 0; right: -1px; top: -1px; width: 32px; } body .ui-selectonemenu-trigger::before { color: #aecc4e; content: ""; font-family: FontAwesome; font-size: 32px; position: absolute; right: 5px; top: 0; } body .ui-selectonemenu-panel { background: #ffffff; } body .ui-selectonemenu-panel .ui-selectonemenu-item { padding: 5px; } body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight, body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover { background: #A1598F; color: #ffffff; } body .ui-selectonemenu-filter-container { width: 100%; } body .ui-selectonemenu-filter-container .fa { position: absolute; right: 10px; top: 7px; } body .ui-selectonemenu-panel .ui-selectonemenu-filter { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; height: 28px; line-height: 28px; padding: 0 5px; } body .ui-selectonemenu.ui-state-disabled { background: #f6f6f6; border: 0 none; } body .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger { background: rgba(0, 0, 0, 0); } body #source_panel .ui-selectonemenu-list-item, body #target_panel .ui-selectonemenu-list-item { white-space: normal; } .checkboxes > table { margin-top: 6px; } body div fieldset { background: #EEEEEE; padding: 25px 15px; } body div fieldset input.ui-inputfield { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; padding: 5px; width: auto; } body div fieldset input.ui-inputfield.hasDatepicker { width: 110px; } body div fieldset label { color: #A1598F; font-weight: normal; padding: 36px 10px 0 0; text-align: left; width: auto; min-width: 140px; } body div fieldset p { color: #000000; } body div fieldset .ui-chkbox { float: none; display: block !important; } body div fieldset .ui-chkbox .ui-chkbox-label { color: #808080; } body div fieldset.wFixedSmall { height: 280px; } body fieldset.woBorder { background: transparent; border: 1px solid transparent; margin: 0; padding: 15px 10px; } body fieldset.woBorder .ui-chkbox { margin-left: 0; margin-right: 0; padding: 0; } body fieldset.woBorder .inputCheckBox { display: inline-block ! important; margin: 0px; position: relative; top: -10px; width: auto; } body fieldset.woBorder .inputCheckBox + input { width: calc(100% - 32px) !important; width: -moz-calc(100% - 32px) !important; width: -webkit-calc(100% - 32px) !important; } body fieldset.woBorder .ui-selectoneradio td:first-child .ui-radiobutton { margin-left: 0 !important; } body fieldset.woBorder.wFixedSmall { padding: 15px 0 15px 10px; } body fieldset.woBorder .marginTopXS { margin-top: 15px; } body fieldset.woBorder .marginTopSM { margin-top: 42px; } body fieldset.woBorder .marginLabel { top: 15px; } body fieldset .grayBold { margin: -10px 0 20px; color: #888; font-weight: bold; } body form.recovery-timer fieldset label { margin: 0; padding: 10px 5px; position: relative; top: 0; } body form.recovery-timer fieldset input { width: 60px; } body .ui-growl, body .ui-growl > div { background: #ffffff; } body .ui-growl.ui-widget > div { background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ) border: 0 solid rgba(255, 255, 255, 0); -o-box-shadow: 0 0 3px 0 #c0c0c0; -ms-box-shadow: 0 0 3px 0 #c0c0c0; -moz-box-shadow: 0 0 3px 0 #c0c0c0; -webkit-box-shadow: 0 0 3px 0 #c0c0c0; box-shadow: 0 0 3px 0 #c0c0c0; color: #fff; } body .ui-growl .ui-growl-title { color: #fff; font-family: "Open Sans"; font-weight: bold; text-shadow: 0 0 1px rgba(101, 29, 83, 1); } body .ui-growl-icon-close { cursor: pointer; display: block !important; height: 16px; position: absolute; right: 3px; text-indent: 0; top: 5px; width: 16px; } body .ui-growl-icon-close::before { color: #fff !important; content: "X"; display: block !important; position: absolute; right: 5px; top: 0; } body .left { text-align: left !important; } body .center { text-align: center !important; } body .right { text-align: right !important; } body .justify { text-align: justify !important; } section.details .value-label, label.value-label { background: #f6f6f6; color: #000000; display: block; padding: 10px; width: 100%; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; -moz-box-shadow: 0 0 2px 1px #d0d0d0; -ms-box-shadow: 0 0 2px 1px #d0d0d0; -o-box-shadow: 0 0 2px 1px #d0d0d0; -webkit-box-shadow: 0 0 2px 1px #d0d0d0; } section .details div .value-label.reduced, div .value-label.reduced { background: transparent; padding: 0; font-size: 13px; border: 0 none; box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; } div .value-label.reduced + .fa::before { top: 0; } div .value-label.reduced + .fa { position: absolute; top: 10px; right: 0; } .phone.L2.value-label.reduced, .mail.L2.value-label.reduced, .date.L2.value-label.reduced { padding: 0 0 0 20px; } .phone.L2.value-label.reduced + .fa::before, .mail.L2.value-label.reduced + .fa::before, .date.L2.value-label.reduced + .fa::before { font-size: 16px; } .phone.L2.value-label.reduced + .fa { left: 15px; right: auto; top: 27px; } .mail.L2.value-label.reduced + .fa { left: 15px; right: auto; top: 25px; } .date.L2.value-label.reduced + .fa { left: 15px; right: auto; top: 26px; } .ui-tabs .ui-tabs-panel { padding: 1em 0; } .ui-tabs-panel h1 { border: 0 none; font-size-calculated: 18px; line-height: 39px; margin: 0; padding: 0; } .ui-tabs .ui-datatable, .interMediaTable { margin: 0 } .ui-tabs ul:not ('.chosen-results ') li { height: 48px; border: 0 none !important; padding: 0; margin: 0 !important; } body .ui-tabs .ui-tabs-nav li { margin: 0 0.2em -2px 0; white-space: inherit; } .ui-tabs .ui-tabs-nav.ui-widget-header li a { display: block; font-size-calculated: 14px; font-weight: bold; height: 40px; line-height: 22px; padding-bottom: 8px; padding-top: 8px; width: 100%; text-align: center; border: 1px solid rgba(0,0,0,0.05); border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-width: 1px 1px 0; } .ui-tabs.ui-tabs-top > .ui-tabs-nav li { overflow: hidden; background: rgba(161,89, 143,0.25); -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ui-tabs.ui-tabs-top > .ui-tabs-nav li:not(.ui-state-active) a { color: rgba(161,89, 143,1); overflow: hidden; } .ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a { background: #AECC4E; color: #6e8c0c; background: rgb(174,204,78); background: -moz-linear-gradient(top, rgba(174,204,78,1) 0%, rgba(204,234,108,1) 100%); background: -webkit-linear-gradient(top, rgba(174,204,78,1) 0%,rgba(204,234,108,1) 100%); background: linear-gradient(to bottom, rgba(174,204,78,1) 0%,rgba(204,234,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecc4e', endColorstr='#ccea6c',GradientType=0 ); border: 2px solid rgba(0, 0, 0, 0); } .ui-tabs .tab-header-container { float: left; overflow: hidden; width: calc(100% - 64px) !important; } .ui-tabs div.tab-caret { cursor: pointer; float: left; height: 48px; position: absolute; width: 32px !important; top: 6px; } .ui-tabs div.tab-caret > div { color: #333; font-size-calculated: 32px !important; text-shadow: 1px 1px 1px #f0f0f0; -webkit-transition: all 0.5s; transition: all 0.5s; background: transparent; width: 100%; height: 47px; } .ui-tabs div.tab-caret>.fa.fa-caret-left { border-radius: 10px 0 0; -moz-border-radius: 10px 0 0; -webkit-border-radius: 10px 0 0; -ms-border-radius: 10px 0 0; } .ui-tabs div.tab-caret>.fa.fa-caret-right { border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; -ms-border-radius: 0 10px 0 0; } .ui-tabs div.tab-caret>div:focus, .ui-tabs div.tab-caret>div:active, .ui-tabs div.tab-caret>div:hover { color: #A1598F; line-height: 32px; text-shadow: 2px 0 1px #000; } .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header { border-bottom: 0 none; } .ui-tabs .ui-tabs-panels .ui-tabs-panel { padding: 2px; } .ui-tabs .ui-tabs-panels .ui-tabs-panel form{ background: #f6f6f6; display: inline-block; padding: 5px 15px; width: 100%; } .ui-tabs label { color: #A1598F; font-weight: normal; white-space: pre; width: auto; position: relative; top: 5px; } .ui-tabs input, .ui-tabs textarea { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; padding: 5px; width: 100%; } .ui-tabs input + .fa::before { font-size: 24px; } .ui-tabs textarea { height: 96px !important; overflow: auto !important; } /*.ui-tabs .col-md-1.col-lg-1 { line-height: 40px; padding: 0; }*/ .ui-tabs fieldset:not(.woBorder) { border: 1px solid #e0e0e0; } .ui-tabs fieldset.BGWhite { background: #ffffff none repeat scroll 0 0; } .ui-tabs fieldset label { padding: 0; width: 100%; white-space: pre-line; display: inline-block; text-align: left; margin: 0 25px 13px 10px !important; } .ui-tabs fieldset input.ui-inputfield { padding: 5px; width: 100%; } /*.ui-tabs fieldset input.year { padding: 5px 0; text-align: center; }*/ .ui-tabs fieldset input.L2 + .fa-search { top: 3px; } .ui-tabs div > h2, .ui-tabs div.inline > h2 { font-size: 15px; } .number { padding: 5px; text-align: right; } body .ui-tabs .ui-autocomplete input + .fa-search { top: 3px; } div + .sendIcon { background: transparent; border: 0 none;color: #A1598F; font-size: 40px; height: 48px; left: calc(50% - 15px); left: -moz-calc(50% - 15px); left: -webkit-calc(50% - 15px); padding: 5px 8px; position: absolute; top: 195px; width: 30px; z-index: 999; } div + .sendIcon .fa { left: 0; margin: 0; position: relative; top: -4px; } .ui-dialog { font-family: "Open Sans"; } .ui-dialog .ui-dialog-titlebar { background: #f6f6f6; font-size: 14px; padding: 13px !important; } .ui-dialog .ui-dialog-title .headerField { color: #A1598F; padding-right: 5px; font-weight: normal; } .ui-dialog .ui-dialog-title .headerValue { color: #000000; font-weight: bold; } .ui-dialog .ui-dialog-content.ui-widget-content { background: #ffffff; font-size: 13px; padding-top: 10px; min-height: 80px; } /*.ui-dialog .ui-dialog-content input { background: #ffffff; border: 1px solid transparent; box-shadow: 0 0 2px 1px #d0d0d0; padding: 10px; width: 100%; }*/ .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize { padding: 1px !important; } .ui-dialog .fa.fa-times { color: #A1598F; } .ui-widget-overlay { background: rgba(0, 0, 0, 0.66); } body .ui-dialog .ui-dialog-footer { background: #f6f6f6; padding: 5px 0; } body .ui-dialog .ui-dialog-buttonpane { margin: 0; background: #f6f6f6; } body .ui-dialog-buttonpane button { margin: 5px 0 0 0 !important; } .ui-dialog .ui-dialog-buttonpane .ui-button.accept, .ui-dialog .ui-dialog-buttonpane .ui-button.reply, .ui-dialog .ui-dialog-buttonpane .ui-button.search { margin: 3px 5px 0 !important; } #initialLoader, #loaderFocused { z-index:999999; width:100%; height:100%; position:fixed; left: 0; top: 0; background: rgba(0,0,0,0.0); } #initialLoader .logoDiv, #loaderFocused .logoDiv { height: 32px; display:none} #initialLoader .logoDiv .logo, #loaderFocused .logoDiv .logo { margin-left: 15px; height:31px; } #initialLoader .loader, #loaderFocused .loader { width: 100%; height: 100%; min-height:180px; padding-top:32px; position: relative; top: 0; left: 0; background: #A1598F; } #initialLoader .loader img, #loaderFocused .loader img { left: calc(50% - 120px) !important; left: -moz-calc(50% - 120px) !important; left: -webkit-calc(50% - 120px) !important; top: calc(50% - 120px) !important; top: -moz-calc(50% - 120px) !important; top: -webkit-calc(50% - 120px) !important; position: relative !important; height:54px; } #initialLoader .loader p, #loaderFocused .loader p { width:100%; text-align: center; padding: 10px 0; left: 0; position: absolute !important; color: #ffffff; } body input.error { box-shadow: 0 0 2px 1px #a01; -ms-box-shadow: 0 0 2px 1px #a01; -o-box-shadow: 0 0 2px 1px #a01; -moz-box-shadow: 0 0 2px 1px #a01; -webkit-box-shadow: 0 0 2px 1px #a01; } body input.error + .error.alert { background: transparent; color: #a01; font-weight: bold; margin: 5px 0 0; padding: 2px 5px; width: 100%; } @media (max-width: 1280px) { body .ui-datatable table { table-layout: fixed; } section.results { padding: 20px 0; } } section.searcher label.charCount { color: #666; display: inline-block; height: 24px; line-height: 26px; margin: 0 0 10px; padding: 0 5px; position: relative; text-align: right; top: 0; width: 100%; } .ui-timepicker-table { background: #fff none repeat scroll 0 0; border: 1px solid #000; min-width: 285px; } .ui-timepicker-table td:not(:last-child) .ui-timepicker-title { border-right: 1px solid #d0d0d0; } .ui-timepicker-table td:not(:last-child) .ui-timepicker { border-right: 1px solid #d0d0d0; margin: 0; } .ui-timepicker-table td a { min-width: 28px; width: 28px; padding: 0.2em 0; text-align: center; } .ui-timepicker-table .ui-state-active { background: #aecc4e none repeat scroll 0 0; color: #fff; font-size: 0.9em; display: inline-block; padding: 0.2em 0; text-align: center !important; width: 28px; } .pe-timepicker .pe-timepicker-input { max-width: 75px; } .ui-timepicker-table td a { } .pe-timepicker-trigger { background: transparent; border: 0 none; position: absolute; right: 2px; top: -4px; } .pe-timepicker-trigger .ui-icon-clock::before { color: #aecc4e; content: ""; font-family: FontAwesome; font-size: 27px; } /* ************************************* */ /* STYLES ONLY APPLICABLE TO FIREFOX */ /* ************************************* */ @-moz-document url-prefix() { /*body .ui-radiobutton .ui-icon-bullet::before{ margin-top: -2px; }*/ } /* ************************************* */ /* STYLES ONLY APPLICABLE TO CHROME */ /* ************************************* */ @media screen and (-webkit-min-device-pixel-ratio:0) { #initialLoader .loader p, #loaderFocused .loader p { top: -webkit-calc(50% - 166px) !important; } body * { outline: none; } .ui-radiobutton .ui-icon-bullet:before { margin-top: 0; } } body.MSIE .ui-autocomplete-token-icon.ui-icon.ui-icon-close::after { left: 0px; position: relative; } body.MSIE.IE9 #buttonNavBar-logoDefault{ position: absolute; top: 186px; left: calc(50% - 475px); } body.MSIE:not(.IE9) .ui-datatable table { table-layout: fixed; } body.MSIE.IE9 .ui-datatable table { table-layout: initial; width: 100%; } body.MSIE .ui-datatable table td.ellipsis > label.ui-outputlabel.ui-widget::after { right: -2px; } body.MSIE .ui-datatable table tbody tr:nth-child(2n) { background: #f0f0f0; } body.MSIE .ui-datatable table tbody tr:nth-child(2n) td.ellipsis > label.ui-outputlabel.ui-widget::after { background: #f0f0f0; right: -2px; } body.MSIE .ui-tabs-panel .inline.ui-selectoneradio td > div { height: 28px; } body.MSIE .Cube .cube-face { font-size:15px; } /* **************************** */ /* ADHERENCIA MED - MAIN STYLES */ /* **************************** */ .table.calendar > thead > tr { border: 0 none; } .table.calendar > thead > tr > th:nth-child(1) { width: 33%; background: #ffffff; } .table.calendar > thead > tr > th { width: 5%; background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); border: 1px solid rgba(0,0,0,0.15); color: #ffffff; } .table.calendar > thead > tr > th, .table.calendar > tbody > tr > td { line-height: 24px; text-align: center; padding: 5px; } .table.calendar > thead > tr:nth-child(1) > th:nth-child(1), .table.calendar > thead > tr:nth-child(2) > th:nth-child(1) { border: 0 none; } .table.calendar > thead > tr:nth-child(3) > th { background: #ffffff; color: #333; font-weight: normal; } .table.calendar > thead > tr:nth-child(3) > th:nth-child(1) { background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); color: #ffffff; text-align: left; font-weight: bold; } .table.calendar > tbody > tr > td[colspan] { color: #A1598F; font-weight: bold; text-transform: uppercase; text-align: left; } .table.calendar > tbody > tr:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > td:not([colspan]):first-child { padding-left: 25px; } .table.calendar > tbody > tr > td sup, .asterisk_note { color: #ED0101; font-size: 16px; font-weight: bold; position: relative; top: 0; } .table.calendar > tbody > tr:nth-child(2) td, .table.calendar > tbody > tr:nth-child(3) td { padding: 5px; text-align: center; } .table.calendar > tbody > tr td:first-child { text-align: left; } .table.calendar.auto > thead > tr > th:not(.icon), .table.calendar.auto > tbody > tr > td:not(.icon) { width: auto; } .table.calendar.auto > thead > tr > th.icon, .table.calendar.auto > tbody > tr > td.icon { width: 48px; padding-left: 0 !important; } .table.calendar.auto > tbody > tr > td.icon .corp1 { background: transparent; border: 0 none; color: #A1598F; width: 100%; } .table.calendar.auto > tbody > tr > td.icon span { display: inline-block; font-size: 24px; margin: 0; padding: 0; text-align: center; width: 100%; } .table.calendar.auto > tbody > tr > td.icon span.ui-button-text { display: none; } .table.calendar.auto > thead > tr:nth-child(1) > th:first-child, .table.calendar.auto > thead > tr:nth-child(1) > th:last-child { background: rgb(161,89,143); background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); } .table.calendar.auto > thead > tr:nth-child(1) > th:first-child { border-right: 1px solid #a1598f; } .table.calendar.auto > thead > tr:nth-child(1) > th:last-child { border-left: 1px solid #a1598f; } .table.calendar.auto > tbody > tr:nth-child(2n) { background: #f0f0f0 none repeat scroll 0 0; } .table.calendar.auto > thead > tr th, .table.calendar.auto > tbody > tr td { border: 0 none; text-align: left; } .table.questions > tbody > tr:nth-child(2n) { background: #f0f0f0 none repeat scroll 0 0; } .table.questions > tbody > tr > td { border: 0 none; padding: 2px 8px; } .table.questions > thead > tr > th { border-color: rgba(0, 0, 0, 0.1); vertical-align: bottom; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border: 1px solid #e4e8ef; } .ui-datatable tbody tr td .btn-primary.visit { position: relative; top: -1px; background: transparent; border: 1px solid rgba(161, 89, 143, 1); border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; height: 24px; padding: 0; width: 24px; } .ui-datatable tbody tr td .btn-primary.visit .ui-button-text { padding: 0; margin: 0; color: rgba(161, 89, 143, 1); font-family: Trebuchet MS; font-weight: bold; } .ui-datatable tbody tr td .btn-primary.visit.done { background: #A1598F; } .ui-datatable tbody tr td .btn-primary.visit.done span { color: #ffffff; } .ui-datatable tbody tr td .btn-primary.visit.next { background: #AECC4E; border: 1px solid transparent; overflow: hidden; z-index: 1; } .ui-datatable tbody tr td .btn-primary.visit.next span { color: #ffffff; position: relative; top: 2px; } .ui-datatable tbody tr td .btn-primary.visit.next::after { background: rgba(0, 0, 0, 0.25); content: ""; display: block; height: 100%; position: relative; top: -18px; width: 55%; z-index: -1; } .ui-datatable tbody tr td .btn-primary.visit.missed { background: #CE0D2F; border: 1px solid transparent; overflow: hidden; z-index: 1; } .ui-datatable tbody tr td .btn-primary.visit.missed span { color: #ffffff; position: relative; top: 2px; } .ui-datatable tbody tr td .btn-primary.visit.missed::after { background: rgba(0, 0, 0, 0.25); content: ""; display: block; height: 100%; position: relative; top: -18px; width: 55%; z-index: -1; } #dialogDT .ui-chkbox .ui-chkbox-label { display: inline; } #dialogDT .ui-selectoneradio label { margin-top: 5px !important; } .summary-title { background: #a1598f; color: #ffffff; font-family: Open Sans; font-size: 14px; margin-top: 15px; padding: 5px 10px; text-transform: uppercase; } .summary-header { border-bottom: 1px solid #7a981a; color: #000000; display: block; font-weight: bold; } .summary-field { font-weight: normal; color: #A1598F; } .summary-value { font-weight: normal; color: #333333; } .toolbar-compare { margin: 0 0 10px 0; height: 38px; border: 2px solid #ededed; padding: 5px 0px; background: #A1598F; } .toolbar-compare label { color: #e7d5e3; font-weight: bold; padding: 0 6px; text-transform: uppercase; } .toolbar-compare input:nth-child(2), .toolbar-compare input:nth-child(3) { border: 2px solid #ededed; margin: 0 5px; width: 32px; text-align: center; } .toolbar-compare button { width: 32px; height: 25px; background: transparent; font-size: 22px; border: 0 none; color: #ffffff; } .toolbar-compare button .fa { position: relative; top: -4px; left: -2px; color: #ffffff !important; } .active.first + .fa + .details { margin: 0 0 15px; padding: 0 15px 0; } .active.first + .fa + .details label { display: inline-block; padding: 0 5px; width: auto !important; } .active.first + .fa + .details .row > div { padding: 6px 0 3px; } .active.first + .fa + .details .row:nth-child(2n+1):not(.nobg) { background: #fbf4ff none repeat scroll 0 0; } section.details.ajuste span.value-label { margin:0 5px 10px; } section.details.ajuste .row.nobg:first-child { border: medium none;} section.details.ajuste div.detailDiv:focus { box-shadow: 0 0 3px rgb(220, 220, 220) inset; margin: -2px 0 7px; padding: 7px;} section.details.ajuste div.detailDiv { margin-top: -2px; min-height: 34px; padding:7px; padding-left: 5px; position: relative; top: -1px; width: 100%; margin-bottom: 7px} section.details.ajuste div.detailDiv.error { border: 2px solid #a01220;box-shadow: none;left: 0;margin: -2px 0 7px;padding: 5px;top: 0;} fieldset.transparent { background: transparent; padding: 0 0 15px; } .carrousel-tab > .fa { float: left; font-size: 32px; line-height: 32px; position: absolute; top: 11px; width: 32px; text-align: center; cursor: pointer; z-index: 9; } .carrousel-tab > .fa-caret-left:hover { border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; color: #A1598F; } .carrousel-tab > .fa-caret-right:hover { border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; color: #A1598F; } .carrousel-tab .ui-tabs { float: left; overflow: hidden; width: 100%; margin: 0; padding: 0; } .carrousel-tab .fa-caret-right { background: #f6f6f6 none repeat scroll 0 0; border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; right: 16px; line-height: 42px; top: 0px; } .carrousel-tab .fa-caret-left { background: #f6f6f6 none repeat scroll 0 0; border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; left: 16px; line-height: 42px; top: 0px; } .carrousel-tab > .ui-tabs > ul { display: block; margin-left: 32px; width: 1236px; overflow: hidden; } .carrousel-tab .overlay { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); display: block; height: 44px; position: absolute; width: 100%; z-index: 99; } .carrousel-tab .ui-tabs.ui-tabs-top > .ui-tabs-nav { padding: 0; } @media (min-width: 1480px) { .ui-tabs div.tab-caret>.fa.fa-caret-left, .carrousel-tab .fa-caret-left, .carrousel-tab > .fa-caret-left:hover .ui-tabs div.tab-caret>.fa.fa-caret-right, .carrousel-tab .fa-caret-right, .carrousel-tab > .fa-caret-right:hover { opacity: 0.25; cursor: default; color: #333; } } .pautaCells > input, .ui-tabs fieldset .pautaCells input.ui-inputfield { margin-right: 15px; text-align: right; width: 40px; } .woPadding { padding: 0; } body .ui-selectonemenu.prc90 { float: right; width: 90%; } body .ui-calendar.prc90 .ui-inputfield.hasDatepicker, body .ui-calendar.prc90 .ui-inputfield.hasDatepicker + button { margin-left: 10%; } #initialLoader .loader p.appName { top: 25% !important;} #initialLoader .loader p.fa { top: 30% !important; } #initialLoader .loader p.fa + p { top: 43% !important; } .Cube.secondLoading { display:none; } .Cube { width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 50px; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -o-transition: transform 0.5s 0.1s; -ms-transition: transform 0.5s 0.1s; -moz-transition: transform 0.5s 0.1s; -webkit-transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s; -ms-perspective: 9999px; -o-perspective: 9999px; -moz-perspective: 9999px; -webkit-perspective: 9999px; perspective: 9999px; color: #333; margin: -40px 0 0 -40px; margin: 0 auto; position: absolute; right: 5%; margin-left: -37px; bottom: 7%; opacity: 1; } .Cube.panelLoad { z-index: 11; bottom: 7%; right: 5%; margin-top: -60px; -o-animation: panel 4.2s infinite forwards; -ms-animation: panel 4.2s infinite forwards; -moz-animation: panel 4.2s infinite forwards; -webkit-animation: panel 4.2s infinite forwards; animation: panel 4.2s infinite forwards; } .Cube.panelLoad .cube-face { color: #ffffff; background: #a1598f; -o-box-shadow: inset 0 0 0 1px #91497f, 0 0 1px 1px #91497f; -ms-box-shadow: inset 0 0 0 1px #91497f, 0 0 1px 1px #91497f; -moz-box-shadow: inset 0 0 0 1px #91497f, 0 0 1px 1px #91497f; -webkit-box-shadow: inset 0 0 0 1px #91497f, 0 0 1px 1px #91497f; box-shadow: inset 0 0 0 1px #91497f, 0 0 1px 1px #91497f; } .Cube .cube-face { width: inherit; height: inherit; position: absolute; background: white; -o-box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333; -ms-box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333; -moz-box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333; -webkit-box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333; box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333; opacity: 1; } .Cube .cube-face-front { -o-transform: translate3d(0, 0, 40px); -ms-transform: translate3d(0, 0, 40px); -moz-transform: translate3d(0, 0, 40px); -webkit-transform: translate3d(0, 0, 40px); transform: translate3d(0, 0, 40px); font-size: 57px; } .Cube .cube-face-back { -o-transform: rotateY(180deg) translate3d(0, 0, 40px); -ms-transform: rotateY(180deg) translate3d(0, 0, 40px); -moz-transform: rotateY(180deg) translate3d(0, 0, 40px); -webkit-transform: rotateY(180deg) translate3d(0, 0, 40px); transform: rotateY(180deg) translate3d(0, 0, 40px); } .Cube .cube-face-left { -o-transform: rotateY(-90deg) translate3d(0, 0, 40px); -ms-transform: rotateY(-90deg) translate3d(0, 0, 40px); -moz-transform: rotateY(-90deg) translate3d(0, 0, 40px); -webkit-transform: rotateY(-90deg) translate3d(0, 0, 40px); transform: rotateY(-90deg) translate3d(0, 0, 40px); } .Cube .cube-face-right { -o-transform: rotateY(90deg) translate3d(0, 0, 40px); -ms-transform: rotateY(90deg) translate3d(0, 0, 40px); -moz-transform: rotateY(90deg) translate3d(0, 0, 40px); -webkit-transform: rotateY(90deg) translate3d(0, 0, 40px); transform: rotateY(90deg) translate3d(0, 0, 40px); } .Cube .cube-face-top { -o-transform: rotateX(90deg) translate3d(0, 0, 40px); -ms-transform: rotateX(90deg) translate3d(0, 0, 40px); -moz-transform: rotateX(90deg) translate3d(0, 0, 40px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 40px); transform: rotateX(90deg) translate3d(0, 0, 40px); } .Cube .cube-face-bottom { -o-transform: rotateX(-90deg) translate3d(0, 0, 40px); -ms-transform: rotateX(-90deg) translate3d(0, 0, 40px); -moz-transform: rotateX(-90deg) translate3d(0, 0, 40px); -webkit-transform: rotateX(-90deg) translate3d(0, 0, 40px); transform: rotateX(-90deg) translate3d(0, 0, 40px); } @-o-keyframes panel { 0% { -o-transform: rotateY(0deg) rotateZ(0deg); } 20% { -o-transform: rotateY(90deg) rotateZ(0deg); } 40% { -o-transform: rotateX(45deg) rotateZ(45deg); } 60% { -o-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { -o-transform: rotateX(310deg) rotateZ(230deg); } 100% { -o-transform: rotateX(360deg) rotateZ(360deg); } } @-ms-keyframes panel { 0% { -ms-transform: rotateY(0deg) rotateZ(0deg); } 20% { -ms-transform: rotateY(90deg) rotateZ(0deg); } 40% { -ms-transform: rotateX(45deg) rotateZ(45deg); } 60% { -ms-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { -ms-transform: rotateX(310deg) rotateZ(230deg); } 100% { -ms-transform: rotateX(360deg) rotateZ(360deg); } } @-moz-keyframes panel { 0% { -moz-transform: rotateY(0deg) rotateZ(0deg); } 20% { -moz-transform: rotateY(90deg) rotateZ(0deg); } 40% { -moz-transform: rotateX(45deg) rotateZ(45deg); } 60% { -moz-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { -moz-transform: rotateX(310deg) rotateZ(230deg); } 100% { -moz-transform: rotateX(360deg) rotateZ(360deg); } } @-webkit-keyframes panel { 0% { -webkit-transform: rotateY(0deg) rotateZ(0deg); } 20% { -webkit-transform: rotateY(90deg) rotateZ(0deg); } 40% { -webkit-transform: rotateX(45deg) rotateZ(45deg); } 60% { -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { -webkit-transform: rotateX(310deg) rotateZ(230deg); } 100% { -webkit-transform: rotateX(360deg) rotateZ(360deg); } } @keyframes panel { 0% { transform: rotateY(0deg) rotateZ(0deg); } 20% { transform: rotateY(90deg) rotateZ(0deg); } 40% { transform: rotateX(45deg) rotateZ(45deg); } 60% { transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { transform: rotateX(310deg) rotateZ(230deg); } 100% { transform: rotateX(360deg) rotateZ(360deg); } } @keyframes panel { 0% { -o-transform: rotateY(0deg) rotateZ(0deg); -ms-transform: rotateY(0deg) rotateZ(0deg); -moz-transform: rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateY(0deg) rotateZ(0deg); transform: rotateY(0deg) rotateZ(0deg); } 20% { -o-transform: rotateY(90deg) rotateZ(0deg); -ms-transform: rotateY(90deg) rotateZ(0deg); -moz-transform: rotateY(90deg) rotateZ(0deg); -webkit-transform: rotateY(90deg) rotateZ(0deg); transform: rotateY(90deg) rotateZ(0deg); } 40% { -o-transform: rotateX(45deg) rotateZ(45deg); -ms-transform: rotateX(45deg) rotateZ(45deg); -moz-transform: rotateX(45deg) rotateZ(45deg); -webkit-transform: rotateX(45deg) rotateZ(45deg); transform: rotateX(45deg) rotateZ(45deg); } 60% { -o-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); -ms-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); -moz-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); } 80% { -o-transform: rotateX(310deg) rotateZ(230deg); -ms-transform: rotateX(310deg) rotateZ(230deg); -moz-transform: rotateX(310deg) rotateZ(230deg); -webkit-transform: rotateX(310deg) rotateZ(230deg); transform: rotateX(310deg) rotateZ(230deg); } 100% { -o-transform: rotateX(360deg) rotateZ(360deg); -ms-transform: rotateX(360deg) rotateZ(360deg); -moz-transform: rotateX(360deg) rotateZ(360deg); -webkit-transform: rotateX(360deg) rotateZ(360deg); transform: rotateX(360deg) rotateZ(360deg); } } .black { color: #000 !important; } .margin0 { margin: 0 !important; } .padding0 { padding: 0 !important; } .padding0-5 { padding: 0 5px !important; } .padding0-10 { padding: 0 10px !important; } .padding0-15 { padding: 0 15px !important; } .numeration::after { content: ". "; } .numeration + label { float: left; width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px); width: calc(100% - 32px); } .numeration { display: inline-block; width: 20px; float: left; color: #a1598f; font-weight: bold; } .header-th { line-height: 40px; padding: 0 !important; } .ui-tabs fieldset .header-th *, body .header-th * { background: rgb(161,89,143); background: -moz-linear-gradient(top, rgba(161,89,143,1) 0%, rgba(191,119,173,1) 100%); background: -webkit-linear-gradient(top, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); background: linear-gradient(to bottom, rgba(161,89,143,1) 0%,rgba(191,119,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1598f', endColorstr='#bf77ad',GradientType=0 ); border: 1px solid #a1598f; border-left: 0 none; color: #ffffff; font-weight: bold; line-height: 32px; padding: 0 10px; min-width: auto; } .ui-tabs-panel form td { height: auto; line-height: 28px; } .ui-tabs-panel form th, .ui-tabs-panel form td { line-height: 28px; padding: 0 10px 1px; } .ui-tabs-panel .calendar.falta tr td:nth-child(1) { width: 136px; min-width: auto; } .ui-tabs-panel .calendar.falta tr td:nth-child(2) { width: 64px; min-width: auto; } .ui-tabs-panel .ui-selectoneradio.inline td label { position: relative; top: 7px; } .ui-tabs-panel .ui-selectoneradio.inline td > div { height: 16px; margin: 0; padding: 0; vertical-align: middle; position: relative; top: initial; line-height: normal; } .ui-tabs fieldset label.reset { margin: 0 !important; position: relative; top: 0; } body div fieldset .ui-chkbox .ui-chkbox-label{ color: #000; } .row.table .header-th { height: 48px; line-height: normal !important; display: flex; } .row.table .header-th label { line-height: 21px; word-break: break-all; padding: 0 5px; } .row.table .header-th label.center { text-align: center; } .row.table div:not(.header-th) * { color: #000; } .row.margin0.table { padding: 5px 0; } @media (min-width: 1600px) { .row.table .header-th { height: 32px; } .row.table .header-th label { line-height: 32px; } .col-xs-12.col-sm-5.col-md-5.col-lg-5 { width: 33.3333%} .col-xs-12.col-sm-1.col-md-1.col-lg-1 { width: 9.5%; } } .markwater{ color: #fff; padding: 10px 10px 5px; position: fixed; right: -36px; text-align: center; text-transform: uppercase; top: 20px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 152px; z-index: 99999999; } .markwater.preproduccion { background: rgb(34,135,103); background: -moz-linear-gradient(top, rgba(34,135,103,1) 0%, rgba(4,105,73,1) 100%); background: -webkit-linear-gradient(top, rgba(34,135,103,1) 0%,rgba(4,105,73,1) 100%); background: linear-gradient(to bottom, rgba(34,135,103,1) 0%,rgba(4,105,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228767', endColorstr='#046949',GradientType=0 ); -o-box-shadow: 0 0 0 4px rgba(0, 85, 53, 0.25) inset, 0 0 0 2px #fff inset; -ms-box-shadow: 0 0 0 4px rgba(0, 85, 53, 0.25) inset, 0 0 0 2px #fff inset; -moz-box-shadow: 0 0 0 4px rgba(0, 85, 53, 0.25) inset, 0 0 0 2px #fff inset; -webkit-box-shadow: 0 0 0 4px rgba(0, 85, 53, 0.25) inset, 0 0 0 2px #fff inset; box-shadow: 0 0 0 4px rgba(0, 85, 53, 0.25) inset, 0 0 0 2px #fff inset; } .markwater.desarrollo, .markwater.local, .markwater.training{ background: #7abcff; background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); -o-box-shadow: 0 0 0 4px rgba(96,171,248, 0.25) inset, 0 0 0 2px #fff inset; -ms-box-shadow: 0 0 0 4px rgba(96,171,248, 0.25) inset, 0 0 0 2px #fff inset; -moz-box-shadow: 0 0 0 4px rgba(96,171,248, 0.25) inset, 0 0 0 2px #fff inset; -webkit-box-shadow: 0 0 0 4px rgba(96,171,248, 0.25) inset, 0 0 0 2px #fff inset; box-shadow: 0 0 0 4px rgba(96,171,248, 0.25) inset, 0 0 0 2px #fff inset; }