/* ============== Calendar ==================== */ .left-cal, .center-cal, .right-cal {float: left; min-height: 650px;} .left-cal {width: 20%; } .center-cal {width: 39%; margin:0 1%;} .right-cal {width: 39%;} .detailer-cal {position: relative;} .detailer-cal .backbutton {position: absolute; right: 0; top: 0; height: 23px; padding-left:10px; background:#fff; border: none; cursor: pointer;} .left-cal > select {width: 100%; height: 25px; line-height: 25px; margin-bottom: 12px;} .left-cal .ui-widget { font-size: 0.9em; margin: 0 auto; } .left-cal .ui-widget-content .ui-widget-header {border-bottom: 1px solid #000;} .left-cal#filters input[type="button"] { width: 100%; padding: 1px 0; margin-top: 10px;} .today-hours {clear: both; border-bottom:1px solid #000; padding: 5px 1%; min-height: 2em;} .hour {float: left; width: 10%; } .appointments {float: left; width: 88%;} .appointments a {text-decoration: none;} .appointments a span { color:#666} .appointment {float: left;} .appointment p {display: inline-block;} .today-full { overflow: -moz-scrollbars-vertical; height: 589px; overflow-x: hidden; overflow-y: scroll; border-bottom: 1px solid #000; border-top: 1px solid #000;} .month-full {overflow: hidden; background:#fff; position: relative;} .month-inner {overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x:hidden; height: 589px; position: relative;} .month-box {width: 155%; position:relative;} .month-day-outer {overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; height: 20px;} .month-day-outer .grid i {bottom:-5px;} .month-day.outer {width: 155%;} .month-day-outer .day-hour {position: relative; z-index: 1;} .month-day {clear: both; border-bottom:1px solid #000; width: 100%; height:18px; z-index:1; position:relative;} #personalCalendar .month-day { cursor:pointer;} #personalCalendar .month-day:hover:after {content: ""; display:block; background:#CCC; opacity:0.4; filter:alpha(opacity=40); left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: -1;} #personalCalendar .month-day.outer { cursor:default} .month-day .app { bottom:0; top:5px; background:#000; position:absolute; opacity:0.4; filter: alpha(opacity=40);} .day-hour p {text-align:center; line-height: 18px;} .day {float: left; width: 14.28%; height: 18px;} .day p,.days p {line-height: 18px; font-size:0.9em; height:18px; overflow:hidden;} .day-hour {float: left; width: 3.57%;} .box {position: absolute; left: 0; width: 20%; top: 0; background:#fff;} .days {height: 18px; border-bottom:1px solid #000;} .days.selected,.month-day.selected{background:#fffad9; z-index: 0;} .grid { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index:0;} .grid i { left: 14.28%; width:1px; background:#000; position:absolute; top:0; bottom:0;} .grid i+i {left: 17.85%; } .grid i+i+i {left: 21.42%; } .grid i+i+i+i {left: 24.99%; } .grid i+i+i+i+i {left: 28.56%; } .grid i+i+i+i+i+i {left: 32.13%; } .grid i+i+i+i+i+i+i {left: 35.7%; } .grid i+i+i+i+i+i+i+i {left: 39.27%; } .grid i+i+i+i+i+i+i+i+i {left: 42.84%; } .grid i+i+i+i+i+i+i+i+i+i {left: 46.41%; } .grid i+i+i+i+i+i+i+i+i+i+i {left: 49.98%; } .grid i+i+i+i+i+i+i+i+i+i+i+i {left: 53.55%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i {left: 57.12%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 60.69%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 64.26%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 67.83%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 71.4%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 74.97%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 78.54%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 82.11%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 85.68%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 89.25%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 92.82%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 96.39%; } .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 99.96%; } .weekend { color:#F00; position:relative} .month-day.weekend:after { content:''; left:0; right:0; top:0; bottom:0; position:absolute; background-color:#F00; opacity: 0.1; filter: alpha(opacity=10);} .monthly-nav {text-align: center; padding-bottom: 12px;} .monthly-nav input {width: 85%; display: inline-block; padding: 2px 0; text-align: center;} .monthly-nav a {display: block; overflow: hidden; text-indent:-999px; width: 12px; height: 12px; float: left; margin: 7px 10px 0 10px; background-image:url(../images/ui-icons_888888_256x240.png); background-repeat:no-repeat; background-position: -82px -194px; } .monthly-nav a+a {float: right; background-position: -50px -194px;} .monthly-nav a:hover {background-image:url(../images/ui-icons_222222_256x240.png);} .right-filter {padding-bottom: 15px;} .right-filter label {float: left; display: block; margin-right: 13px;} .right-filter input {float: left; display: block; margin-right: 5px;} .right-filter input {margin-top: 3px;} /** Payments ***/ .full-view {height: 400px; overflow-y:scroll; overflow: -moz-scrollbars-vertical;} ul.token-input-list-facebook li input {width: 100% !important;} .paiment-entry-list {clear: both;} .payment-left {float: left; width: 38%;} .payment-right {float: left; width: 60%; margin-left: 2%;} .payment-status.status-0,.not-payed-value {color:#ff1212;} .payment-status.status-2 {color:#388838;} .payment-left .payment-pay .row input[type="text"] {float: left; width: 100px; margin: 0; padding: 0; height: 21px; border: #666 1px solid;} .payment-left .payment-pay .row select {float: left; width: 30%; margin: 0; padding: 0; height: 23px; border: #666 1px solid;} .payment-left .payment-pay .row input[type="submit"] {float: left; width: 100px; margin: 0; padding: 0; height: 23px; border: #666 1px solid; margin-left: 3px; cursor: pointer;} .payment-left .payment-pay .row label {float: left; width: 6%; line-height: 28px; display: block;} .paiment-full-old-view .paiment-entry-list {border-bottom:2px solid #000; padding:10px 0 5px 0;} .payment-right .list-paiment {border-top:1px solid #666; margin-bottom: 10px; padding-top: 10px;} .payment-right .list-paiment:first-child {border:none; padding-top:0;} .payment-right .list-paiment span {display: block; float: left;} .payment-right .list-paiment .list-first {width: 20px;} .payment-right .list-paiment .list-second {width: 100%; margin: 0 -318px 0 -20px; } .payment-right .list-paiment .list-second .inner {float: none; margin-left: 25px; margin-right: 297px;} .payment-right .list-paiment .list-third {width: 100px; text-align: right;} .payment-right .list-paiment .list-fourth {width: 100px;} .payment-right .list-paiment .list-fourth span {width: 50%; text-align: right;} .payment-right .list-paiment .list-fourth span+span {text-align: left; width: 48%; float: right;} .payment-right .list-paiment .list-fifth {width: 101px; text-align: right;} .payment-right .list-paiment .list-sixth {width: 16px;} .payment-right .form {padding-top:10px; border-top:1px solid #666;} .payment-right .form .row {float: left; margin:0;} .payment-right .form .list-second {width: 100%; margin: 0 -296px 0 0; } .payment-right .form .list-second .inner {float: none; margin-left: 25px; margin-right: 297px;} .payment-right .form .list-second ul.token-input-list-facebook {float: none; width: 97%; font-size: 1em !important; height: 21px !important; padding:0; border: #666 1px solid; border-color: #666 !important; background: #FFF !important;} .payment-right .form .list-second ul.token-input-list-facebook li.token-input-token-facebook { margin: 0; padding: 0; background: none; border: none; font-size: 1em; line-height: 1.4em; position: relative; width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .payment-right .form .list-second ul.token-input-list-facebook li.token-input-token-facebook span {position: absolute; right: 3px; top: 0; } .payment-right .form .list-second ul.token-input-list-facebook input[type="text"] { width: 100% !important; height: 21px !important; background: #FFF !important; padding: 0 !important; margin:0;} .payment-right .form .list-third {width: 90px;} .payment-right .form .list-third input {width: 70%; float: left; height: 21px; padding:0; margin:0;} .payment-right .form .list-third label {float: left; line-height: 23px;} .payment-right .form .list-fourth {width: 95px;} .payment-right .form .list-fifth {width: 95px; min-height: 1px; text-align: right;} .payment-right .form .list-fifth span+span {margin-left: 5px;} .payment-right .form .list-sixth {width: 16px;} .payment-right .form select {width: 49%; float: left; height: 23px; margin:0;} .payment-right p.full-value {text-align: right; font-weight: bold; border-top: 1px solid #000; margin-top: 5px; padding: 5px 16px 0 0;} .payment-right .list-sixth input.add-payment-ready-list, .payment-full-view .form .list-sixth input.add-payment-ready-list, #prepend-element .add-payment-ready-list-document {display: block; cursor: pointer; overflow: hidden; text-indent: -999px; width: 16px; height: 16px; background:url(../images/ui-icons_454545_256x240.png) 0 -192px no-repeat; border:none;} .payment-right .list-sixth input.add-payment-ready-list:hover, .payment-full-view .form .list-sixth input.add-payment-ready-list:hover, #prepend-element .add-payment-ready-list-document:hover { background-image:url(../images/ui-icons_2e83ff_256x240.png)} .payment-right .list-sixth input.delete-payment-ready-list, .payment-full-view .form .list-sixth input.delete-payment-ready-list {display: none; cursor: pointer; overflow: hidden; text-indent: -999px; width: 16px; height: 16px; background: url(../images/ui-icons_454545_256x240.png) -16px -192px no-repeat; border:none;} .payment-right .list-sixth input.delete-payment-ready-list:hover, .payment-full-view .form .list-sixth input.delete-payment-ready-list:hover, .payment-right .list-sixth input.delete-payment-ready-list-button:hover { background-image:url(../images/ui-icons_cd0a0a_256x240.png)} .payment-right .list-sixth input.delete-payment-ready-list-button {cursor: pointer; overflow: hidden; text-indent: -999px; width: 16px; height: 16px; background: url(../images/ui-icons_454545_256x240.png) -16px -192px no-repeat; border:none;} .paiment-entry-list.active .payment-right .list-sixth input.delete-payment-ready-list, .payment-full-view .paiment-entry-list.active .form .list-sixth input.delete-payment-ready-list {display: block;} .payment-full-view .form .row {float: left; margin:0;} .payment-full-view .form .list-second {width: 100%; margin: 0 -296px 0 0; } .payment-full-view .form .list-second .inner {float: none; margin-left: 25px; margin-right: 297px;} .payment-full-view .form .list-second ul.token-input-list-facebook {float: none; width: 97%; font-size: 1em !important; height: 21px !important; padding:0; border: #666 1px solid; border-color: #666 !important; background: #FFF !important;} .payment-full-view .form .list-second ul.token-input-list-facebook li.token-input-token-facebook { margin: 0; padding: 0; background: none; border: none; font-size: 1em; line-height: 1.4em; position: relative; width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .payment-full-view .form .list-second ul.token-input-list-facebook li.token-input-token-facebook span {position: absolute; right: 3px; top: 0; } .payment-full-view .form .list-second ul.token-input-list-facebook input[type="text"] { width: 100% !important; height: 21px !important; background: #FFF !important; padding: 0 !important; margin:0;} .payment-full-view .form .list-third {width: 90px;} .payment-full-view .form .list-third input {width: 70%; float: left; height: 21px; padding:0; margin:0;} .payment-full-view .form .list-third label {float: left; line-height: 23px;} .payment-full-view .form .list-fourth {width: 95px;} .payment-full-view .form .list-fifth {width: 95px; min-height: 1px; text-align: right;} .payment-full-view .form .list-sixth {width: 16px;} .payment-full-view .form select {width: 49%; float: left; height: 23px; margin:0;} .payment-full-view p.full-value {text-align: right; font-weight: bold;} .paiment-entry-list.list-2 {opacity: 0.5; filter: alpha(opacity=50);} .paiment-entry-list.list-2.active {opacity: 1; filter: alpha(opacity=100);} .payment-full-view .paiment-entry-list { min-height: 1px;} .payment-full-view .form {float: right; width: 60%; margin-left: 2%;} .payment-full-view .form .only-save {float: right; margin-top: 10px;} .payment-full-view .form .save-send {float: right; margin: 10px 20px 0 0;} .payment-full-view .form .only-save input, .payment-full-view .form .save-send input {padding: 0; height: 23px; border: #666 1px solid; padding: 2px 15px; cursor: pointer;} /* Abbreviations */ .left-abbreviations {float: left; width: 15%; padding-top: 0.4em;} .right-abbreviations {float: left; width: 83%; margin-left: 2%;} .left-abbreviations .summary {display: none;} .left-abbreviations .inner-abb {position: relative; padding-top: 30px;} .left-abbreviations .abb-scroll {overflow-y:scroll; overflow: -moz-scrollbars-vertical; height: 400px; display: block; border:1px solid #666; width: 100%;} .left-abbreviations table {width: 100%;} .left-abbreviations thead {position: absolute; width: 98%; top: 0; left: 0; } .left-abbreviations tbody tr {display: block; cursor: pointer;} .left-abbreviations tbody tr td {line-height: 0.95em; padding:2px 0;} .left-abbreviations tbody tr:hover {background:#e4e4e4;} .left-abbreviations tbody tr.selected {background:#cdcdcd;} .left-abbreviations .filters input {padding:2%; position: absolute; left: 0; top: 0; width: 99%; -webkit-box-shadow: inset 0 0 1px #000000; -moz-box-shadow: inset 0 0 1px #000000; box-shadow:inset 0 0 1px #000000; border:0;} .left-abbreviations thead tr:first-child {display: none;} .right-abbreviations .form {width: 75%; float: left;} .right-abbreviations .left-buttons {width: 23%; margin-left: 2%; float: left;} .right-abbreviations .left-buttons input {width: 100%; display: block; margin-bottom: 10px; cursor: pointer;} .right-abbreviations .left-buttons input[disabled="disabled"] {cursor: auto;} .right-abbreviations div.form .row {margin-bottom: 20px;} .right-abbreviations div.form input {height: 21px; margin:0 -1px;} .right-abbreviations div.form label, .right-abbreviations div.form input, .right-abbreviations div.form select {float: left; display: block; } .right-abbreviations div.form select {margin: 0;} .right-abbreviations form label {line-height: 23px;} .right-abbreviations form label {width: 20%;} .right-abbreviations form .double label+input+label {width: 8%; margin:0 2%;} .right-abbreviations form .double input {width: 33%;} .right-abbreviations form .double select {width: 35%; height: 23px;} .right-abbreviations form .full input {width: 80%;} .right-abbreviations form .row.checkbox label {width: 33%; margin-left: -3%; text-indent: 4%; } .right-abbreviations form .row.checkbox label:first-child {width: 20%; margin-left: 0; text-indent: 0;} .right-abbreviations form .row.checkbox span {display: block; float: left; width: 5%; line-height: 22px;} .right-abbreviations form .row.checkbox span.a-right {text-align: right;} .right-abbreviations form .row.checkbox input[type="text"] {width: 38%;} .right-abbreviations form .row.quad label+select {width: 40%; margin: 0 -1px;} .right-abbreviations form .row.quad label+select+select {width: 20%; margin-left: 1%;} .right-abbreviations form .row.quad label+select+select+select {width: 15%; margin-left: 1%;} .right-abbreviations div.form .colorPicker-picker {float: right;} .right-abbreviations div.form .row.buttons input {margin-top:40px; width: 30%; height: 25px; font-weight: bold; position: absolute; right: -33%; cursor: pointer;} .right-abbreviations div.form .errorMessage {margin-left: 20%;} /* Dashboard Calendar */ .reception-cal .month-inner {height: 217px;} .reception-cal #receptionCalendar .month-inner {height: 160px;} .reception-cal .day {float: left; width: 25%; height: 18px;} .reception-cal .day-hour {float: left; width: 3.1%;} .reception-cal .day-hour p, .reception-cal .day p, .reception-cal .days p {font-size: 0.8em;} .reception-cal .box {width: 37%;} .reception-cal .month-box {width: 145%;} .reception-cal .month-day.outer {width: 145%;} .reception-cal form select, .reception-cal form input, .reception-cal #receptionCalendar form select {width: 44%; margin: 5px 2%; } .reception-cal #receptionCalendar form input {width: 35%; margin: 5px 1%; float:right; margin-right:7%; text-align:center;} .reception-cal #doctor-calendar-filters { position:relative;} .reception-cal #doctor-calendar-filters a {display:inline-block; overflow: hidden; text-indent:-999px; width: 12px; height: 12px; margin: 9px 7px 0 7px; background-image:url(../images/ui-icons_888888_256x240.png); background-repeat:no-repeat; background-position: -82px -194px; position:absolute; right:43.5%;} .reception-cal #doctor-calendar-filters a+a {background-position: -50px -194px; right:5%; margin-right:-12px} .reception-cal #doctor-calendar-filters a:hover {background-image:url(../images/ui-icons_222222_256x240.png);} .ui-widget-content .small-clendar-container .ui-widget-header {border:none;} .reception-cal .month-full {border-top:1px solid #000; border-bottom:1px solid #000;} .r-right .bottom-right {text-align: right; padding:10px 0;} .r-right .bottom-right input {padding: 3px 10px;} .right-inner .buttons input,.button-holder input {cursor: pointer;} .reception-cal .grid i { left: 25%; width:1px; background:#000; position:absolute; top:0; bottom:-4px;} .reception-cal .grid i+i {left: 28.1%; } .reception-cal .grid i+i+i {left: 31.2%; } .reception-cal .grid i+i+i+i {left: 34.3%; } .reception-cal .grid i+i+i+i+i {left: 37.4%; } .reception-cal .grid i+i+i+i+i+i {left: 40.5%; } .reception-cal .grid i+i+i+i+i+i+i {left: 43.6%; } .reception-cal .grid i+i+i+i+i+i+i+i {left: 46.7%; } .reception-cal .grid i+i+i+i+i+i+i+i+i {left: 49.8%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i {left: 52.9%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i {left: 56%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i {left: 59.1%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i {left: 62.2%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 65.3%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 68.4%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 71.5%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 74.6%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 77.7%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 80.8%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 83.9%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 87%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 90.1%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 93.2%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 96.3%; } .reception-cal .grid i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i+i {left: 99.4%; } /* Doctor Dashboard */ .doctor-board.r-main-tabs .r-left {width: 60%;} .doctor-board.r-main-tabs .r-right {width: 39%;} .doctor-board .r-left .patients-list { margin:0 1em 0 0;} .doctor-board .r-left .main-left { float:left; width:99%;} .doctor-board .r-left #main-center { float:right; margin:0 0 0 -210px; width:200px;} .doctor-board #main-center input[type="button"] { width:200px; padding:1px;} .doctor-board #main-center select {width:194px; padding:1px; margin-top:5px;} .doctor-board #main-center input[type="button"], .doctor-board #main-center select { margin-bottom:10px;} .doctor-board #main-center .tab-patients {margin-bottom: 101px; padding: 10px 0 32px 5px; margin-top: -11px; background: #fff; border-left: 1px solid;} .doctor-board #main-center .tab-patients a {display: block; margin-left: -6px; text-align: center; text-decoration: none; margin-bottom: 10px; padding: 3px 0; border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .doctor-board #main-center .tab-patients a.active {font-weight: bold; background: #fff;} .doctor-board .r-left .main-left .inner {padding-right:210px;} .doctor-board .r-left .main-left .scroll-holder .scroller { height:283px;} .doctor-board .r-left .main-left .scroll-holder {padding-top: 27px;} .doctor-board .r-left .main-left .inner table thead .filters input { left:-2px; width:100%;} .doctor-board .r-left .main-left .inner table td { width:130px} .doctor-board .r-left .main-left .inner #patient-grid-doctor table td {width: 20px;} .doctor-board .r-left .main-left .inner table td+td { width:auto;} .doctor-board .r-left .patient-info { clear:both;} .doctor-board .r-left .patient-info .pilabel { border-bottom:#d3d3d3 1px solid; margin-bottom:15px; padding-top:15px; background: #fff;} .doctor-board .r-left .patient-info .pilabel span { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; border: 1px solid #d3d3d3; padding:3px 6px 0 6px; background:#FFF} .doctor-board .r-left .patient-info .pilabel span:first-child {border-bottom:#FFF 1px solid; color:#666; background: #fffad9;} .doctor-board .r-left .patient-info .pilabel .minimize-patient-info { float:right; margin-right:1em; cursor:pointer; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;} .doctor-board .r-left .patient-info .pilabel .minimize-patient-info:hover { color:#900} .doctor-board .r-left .patient-info { margin: 0 1em 1em 0; background: #fffad9;} .doctor-board .r-left .patient-info .pic {float: left; width: 100px; margin:3px -100px 0 0;} .doctor-board .r-left .patient-info .pic img {max-width: 100px;} .doctor-board .r-left .patient-info .patinet-details { float:right; width:100%;} .doctor-board .r-left .patient-info .cinfo {float: left; width: 100%; margin-right: -250px;} .doctor-board .r-left .patient-info .cinfo .cinfow { margin: 0 215px 20px 115px;} .doctor-board .r-left .patient-info .rinfo {float: right; width: 200px;} .doctor-board .r-left .patient-info .ititle { font-size:0.8em; color:#666; border-bottom:#666 1px solid; margin:10px 0 2px 0; padding-bottom:1px;} .doctor-board .r-left .patient-info .ititle:first-child { margin-top: 0;} .doctor-board .r-left .patient-info .ititle.cave { text-transform:uppercase; color:#F00; font-weight:bold;} .doctor-board .r-left .patient-info .invite-patient {text-align: right;} .doctor-board .r-left .patient-info .invite-patient input {padding: 3px 10px; margin: 0 20px 20px 0; width: 160px;} .doctor-board .right-cal,.doctor-board .center-cal {width: 100%; float: none; position: relative;} .doctor-board .main-right .monthly-nav input {width:59%; } .doctor-board .main-right .monthly-nav { margin-left: 195px; padding-bottom: 25px; } .doctor-board .main-right #daily-detailed .monthly-nav::before {display: block; content: ""; position: absolute; height: 1px; background:#000; top: 40px; left: 0; right: 0;} .doctor-board .main-right #daily-detailed .monthly-nav::after {display: block; position: absolute; content: ""; top: 29px; left: 73px; height: 15px; width: 28px; background: url(../i/active-view.jpg) 0 0 no-repeat;} .doctor-board .main-right #monthly-detailed .monthly-nav::before {display: block; content: ""; position: absolute; height: 1px; background:#000; top: 40px; left: 0; right: 0;} .doctor-board .main-right #monthly-detailed .monthly-nav::after {display: block; position: absolute; content: ""; top: 29px; left: 108px; height: 15px; width: 28px; background: url(../i/active-view.jpg) 0 0 no-repeat;} #doctorCalendar .today-full {border-top:none;} .doctor-board .main-right #doctorCalendar form {position: relative;} .doctor-board .main-right .cal-views {position: absolute; z-index: 1; width: 195px; left: 0; top: 0; line-height: 25px; height: 25px;} .doctor-board .main-right .cal-views a.today-cal { border:1px solid #d3d3d3; margin-left: 5px; padding:3px 4px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .doctor-board .main-right .cal-views a.today-cal:hover {border:1px solid #999;} .doctor-board .main-right .cal-views a.daily-cal {background: url(../i/day-view.jpg) 0 0 no-repeat; text-decoration: none; display: block; float: left; width: 31px; height: 25px; overflow: hidden;; text-indent: -999px;} .doctor-board .main-right .cal-views a.monthly-cal {background: url(../i/month-view.jpg) 0 0 no-repeat; margin-left: 5px; text-decoration: none; display: block; float: left; width: 31px; height: 25px; overflow: hidden;; text-indent: -999px;} .doctor-board .main-right .cal-views span {float: left; display: block; width: 70px;} .doctor-board .appointments {margin-left: 2%;} .doctor_db #main-left .items thead tr:first-child {display: none;} .doctor_db .ajax-link-tab.configs {position: absolute; right: 70px; top: 13px; z-index: 1; font-family: Verdana,Arial,sans-serif; text-decoration: none; color: #000;} /* Doctor New Patient */ .doctor_db .permanent-diagnosis {display: block;} .doctor_db #patient-form .permanent-diagnosis input[type="button"] {padding: 2px 15px; float: right; margin-left: 10px;} .doctor_db #patient-form .permanent-diagnosis .wbutton input[type="button"] {float: none; width: 50%; padding: 1%; margin-right: -20%; margin-left: 0;} .doctor_db #patient-form .permanent-diagnosis #remove-select-diagnoses {color: #900; border: #900 1px solid;} /* Doctor Detailed Calendar */ .doctor-board .detailer-cal .right-cal {width: 39%; float: left;} .detailer-cal #monthly-detailed.center-cal {margin: 0 1%; width: 39%; float: left;} .detailer-cal #doctor-calendar-filters:after {content: ""; display: block; clear: both;} .detailer-cal .newVisit {width: 20%; position: absolute; top: 321px; background: #fffad9;} .detailer-cal .newVisit h2 {background: #fff;} .detailer-cal .newVisit .form {padding: 1% 5%;} .detailer-cal .newVisit .row:after {content: ""; display: block; clear: both;} .detailer-cal .newVisit .row select {width: 100%;} .detailer-cal .newVisit .row.hours select {width: auto;} .detailer-cal .newVisit .row.hours span:first-child {display: block; float: left; width: 20px; margin: 3px 3px 0 0; } .detailer-cal .newVisit .row input[type="checkbox"] { float: left; margin-right: 5px; } .detailer-cal .newVisit .row label { float: left; display: block; } .detailer-cal .newVisit .row textarea { max-width: 96%; min-width: 96%; height: 71px; margin:0; width: 96%; border:0; padding:1% 2%; -webkit-box-shadow: inset 0 0 1px #000000; -moz-box-shadow: inset 0 0 1px #000000; box-shadow:inset 0 0 1px #000000; } .detailer-cal .newVisit .row.buttons input[type="submit"] { width: 100%; padding: 2px 0; } .detailer-cal .newVisit .form-left > input[type="text"] {width: 96%; border:0; padding:1% 2%; -webkit-box-shadow: inset 0 0 1px #000000; -moz-box-shadow: inset 0 0 1px #000000; box-shadow:inset 0 0 1px #000000; } /* Doctor Services */ .doctor_db .tab-nomenclature .n-right, .doctor_db .documents .n-right {margin-top: 0;} /* Login Page */ .container #usercontent {width: 150px; margin: 50px auto; padding: 90px 70px 0 70px; background: url(../i/logo-eurovita.gif) top center no-repeat; font-family: Verdana, sans-serif;} .container #usercontent h2 {border:none;} .container #usercontent form input[type="text"], .container #usercontent form input[type="password"] {width: 140px; padding:2px} .container #usercontent form input[type="submit"] {width: 146px; padding:2px} .portlet-decoration,.hide {display: none;} /* Documents */ .documents.tab-nomenclature .n-left .inner {padding-right: 470px;} .documents.tab-nomenclature .n-right {width: 450px;} .documents.tab-nomenclature .n-right {margin: 0 0 0 -470px; } .documents .n-left .inner table thead .filters input {left: -2px; width: 100%; } .documents .n-left .inner .doc-table table thead th+th a { left: auto; width: 50px; } .documents .n-left .inner .doc-table table thead th+th+th a { left: auto; right: 0; width: 60px; } .documents .n-right .row .img-preview { display: none;} .documents .n-right .row.phones .add-fields { position:absolute; right:0; bottom:10px; width:16px; height:16px; background:url(../images/ui-icons_2e83ff_256x240.png) 0 -192px no-repeat; overflow:hidden; text-indent:-999px;} .documents .n-right .row.phones .add-fields:hover { background-image:url(../images/ui-icons_454545_256x240.png)} .documents .n-right .row.phones .remove-fields { float:right; display:inline-block; width:16px; height:16px; background:url(../images/ui-icons_cd0a0a_256x240.png) -16px -192px no-repeat; margin-top:-26px; overflow:hidden; text-indent:-999px; cursor:pointer;} .documents .n-right .row.phones .remove-fields:hover { background-image:url(../images/ui-icons_454545_256x240.png)} .documents .n-right .row.phones .remove-fields-model { float:right; display:inline-block; width:16px; height:16px; background:url(../images/ui-icons_cd0a0a_256x240.png) -16px -192px no-repeat; margin-top:-26px; overflow:hidden; text-indent:-999px; cursor:pointer;} .documents .n-right .row.phones .remove-fields-model:hover { background-image:url(../images/ui-icons_454545_256x240.png)} .documents.tab-nomenclature .n-right .row.phones > label {width: 100%; margin-bottom: 10px;} .documents.tab-nomenclature .n-right .row.phones div {margin: 0;} .documents.tab-nomenclature .n-right .row.phones div label {width: 160px;} .documents.tab-nomenclature .n-right .row.phones div label+label {width: 230px;} .documents.tab-nomenclature .n-right .row.phones div label+label+label {width: 20px;} .documents.tab-nomenclature .n-right .row.phones div input {width: 150px; float: left; margin-right: 6px;} .documents.tab-nomenclature .n-right .row.phones div input+input {width: 220px;} .documents.tab-nomenclature .n-right .row.phones div input+input+input {width: 30px;} .documents.tab-nomenclature .n-right .row input[type="text"], .documents.tab-nomenclature .n-right .row input[type="password"], .documents.tab-nomenclature .n-right .row input[type="submit"], .documents.tab-nomenclature .n-right input[type="button"], .documents.tab-nomenclature .n-right .row textarea {width: 265px;} .documents.tab-nomenclature .n-right .row label {width: 180px;} .documents.tab-nomenclature .n-right .row select {width: 269px;} .documents.tab-nomenclature .n-right .row input[type="submit"], .documents.tab-nomenclature .n-right input[type="button"] {margin-left: 180px;} .tab-nomenclature .n-right .row.upload #documents_filelist {background: #ffc; height: 40px; overflow: hidden;} .tab-nomenclature .n-right .row.upload #documents_container {margin-left: 180px; width: 269px;} .tab-nomenclature .n-right .row.upload #documents_filelist .plupload_droptext {padding: 10px 0; text-align: center;} .tab-nomenclature .n-right .row.upload #documents .plupload_buttons .plupload_add {margin-right: 83px;} .tab-nomenclature .n-right .row .errorMessage {padding-left: 179px; background-position: 162px -97px; width: 208px; margin-top: 0;} /* Payments edits */ .payment-edit {float: right;} .payment-edit input {background: url(../images/ui-icons_888888_256x240.png) -65px -113px no-repeat; float: left; width: 15px; height: 15px; border: none; margin: 4px 10px 0 0; display: block; overflow: hidden; text-indent: -999px; padding: 2px; cursor: pointer;} .payment-edit input:hover {background-image: url(../images/ui-icons_222222_256x240.png);} .paiment-entry-list .payment-right div.form, .paiment-entry-list .payment-right .only-save {display: none;} .paiment-entry-list.active .payment-right div.form, .paiment-entry-list.active .payment-right .only-save {display: block;} .paiment-entry-list .payment-right .only-save:after {display: block; content: ""; clear: both;} .paiment-entry-list .payment-right .only-save input {float: right; width: 200px; margin: 10px 0; padding: 2px 0; border: #666 1px solid; cursor: pointer;} .paiment-entry-list.active {position: relative;} .paiment-entry-list.active:after {display: block; content:""; top: 0; left: -10px; right: -10px; bottom: 0; background: #fffad9; position: absolute; z-index: -1;} .paiment-entry-list-form:after {display: block; content:""; clear: both;} .payment-full-view .paiment-entry-list-form.active p.full-value {padding: 10px 0;} .payment-full-view.active {display: block; padding-top: 10px; border-bottom: 1px solid; z-index: 1;} .payment-full-view.active .payment-right .list-paiment:first-child {border-bottom: 1px solid #666;} .payment-full-view.active .payment-right .list-paiment {border-bottom: 1px solid #666; border-top:none; padding:0;} .paiment-entry-list-form.active:after {display: block; content:""; top: -10px; left: -10px; right: -10px; bottom: 0; background: #fffad9; position: absolute; z-index: -1;} .paiment-entry-list-form.active {position: relative;} .paiment-entry-list-form.active .form {float: none; margin-left: 40%;} .paiment-entry-list-form.active form:after {display: block; content: ""; clear: both;} .payment-pay-all {padding-top: 10px; position: absolute; bottom: 0; left: 0; right: 0;} .payment-pay-all:after {display: block; content: ""; clear: both;} .payment-pay-all form {float: left; width: 38%;} .payment-pay-all .all-val {float: right; line-height: 26px; color:#222;} .payment-pay-all .all-val span {font-weight: bold;} .payment-pay-all .row input[type="text"] {float: left; width: 100px; margin: 0; padding: 0; height: 21px; border: #666 1px solid;} .payment-pay-all .row select {float: left; width: 30%; margin: 0; padding: 0; height: 23px; border: #666 1px solid;} .payment-pay-all .row input[type="submit"] {float: left; width: 100px; margin: 0; padding: 0; height: 23px; border: #666 1px solid; margin-left: 3px; cursor: pointer;} .payment-pay-all .row label {float: left; width: 6%; line-height: 28px; display: block;} .button-new-payment:after {display: block; content: ""; clear: both;} .button-new-payment input {float: right; width: 200px; margin: 10px 0; padding: 2px 0; border: #666 1px solid; cursor: pointer;} .paiment-entry-list .payment-left .payment-pay {display: none;} .paiment-entry-list.active .payment-left .payment-pay {display: block;} .payment-full-view:after {display: block; content: ""; clear: both;} .paiment-entry-list .payment-left .payment-pay .button input {border: #666 1px solid; padding:1px; width: 58%; cursor: pointer; margin: 10px 0;} .full-view-paiment { /*position: relative;*/ padding-bottom: 58px;} /* Payment Documents */ .left-container-payment-documents .payment-right {width: 99%;} .left-container-payment-documents .payment-right .inner-r {padding: 25px 20px 0 400px;} .p-documents {float: left; width:375px; margin: 0 -400px 0 0; background: #fff; position: relative; padding-right: 20px; } .p-documents:after {display: block; width:1px; position:absolute; right:-10px; top:25px; bottom:10px; background:#000; content: "";} .p-documents .row label { width:150px; float:left;} .p-documents .row.double label {width: auto; display: block; margin-right: 15px;} .p-documents .row.double > span { width:150px; float:left;} .p-documents .row.double input {float: left; display: block; margin-right: 5px;} .p-documents .row { margin:0 0 10px 0; clear:both;} .p-documents .row:after {display: block; content: ""; clear: both;} .p-documents .row .errorMessage { padding-left:166px; background-position: 147px -96px ; width: 208px; margin-top:3px;} .p-documents .row textarea {} .p-documents .row input[type="text"], .p-documents .row input[type="password"], .p-documents .row input[type="submit"], .p-documents input[type="button"], .p-documents .row textarea { width:220px; padding:1px;} .p-documents .row.row-recipien { position:relative;} .p-documents .row.row-recipient input { width:158px;} .p-documents .row.row-recipient.error input+input { background-image:url(../images/ui-icons_cd0a0a_256x240.png);} .p-documents .row.row-recipient input+input { position:absolute; width:23px; margin:0; right:0; top:0.1em; background:url(../images/ui-icons_222222_256x240.png) -30px -92px no-repeat;} .p-documents .row.row-recipient input+input+input { right:30px; background-position: -141px -92px} .p-documents .row textarea {resize: none; height: 40px;} .p-documents .row select {width:224px;} .p-documents input[type="button"] { display:block;} .p-documents .row input[type="submit"], .p-documents input[type="button"] { margin-left:130px; cursor:pointer;} .p-documents input[disabled="disabled"] {opacity:0.5; filter:alpha(opacity=50); cursor:default; margin-top: 0.2em; margin-bottom: 0.5em; border: #666 1px solid;} .p-documents .errorSummary { display:none;} .p-documents .row.checkers label {width: 130px;} .p-documents .row.checkers input[type="checkbox"] {float: left; margin-right: 5px;} .p-documents .row.checkers span {display: block; width: 220px; float: left; font-size: 14px;} .p-documents .row.buttons input[type="submit"] {width: 200px; float: left; margin-left: 0;} .p-documents .row.buttons input[type="button"] {width: 162px; float: left; margin-left: 10px;} div.form .p-documents input, div.form .p-documents textarea, div.form .p-documents select { margin: 0.1em 0 0.1em 0;} /* Payment Tab */ .payment-tab {padding-bottom: 10px;} .payment-tab .p-left { float: left; width: 99%;} .payment-tab .payment-dicuments-list .inner, .payment-tab .payment-dicuments-payment .inner {padding-right: 230px;} .payment-tab .inner .scroll-holder { padding-top:50px;} .payment-tab .left-container-payment-documents .inner .scroll-holder { padding-top:0px;} .payment-tab .inner .scroll-holder .scroller {height: 300px;} .payment-tab .payment-documents-grid .filters select { width:15%; left:0;} .payment-tab .payment-documents-grid .filters input { padding:3px 2px;} .payment-tab .payment-documents-grid .filters td + td + td input { width: 51%; left: 16%; right:auto;} .payment-tab .payment-documents-grid .filters td + td + td + td input { width: 10%; left:auto; right:21%;} .payment-tab .payment-documents-grid .filters #datepicker_for_date { width: 10%; left: auto; right:10%;} .payment-tab .payment-documents-grid .filters #datepicker_for_from_date { width: 10%; left: auto; right:0;} .payment-tab .payment-documents-grid .filters select, .payment-tab .payment-documents-grid .filters input { top:20px;} .payment-tab .payment-documents-grid td { width:4%} .payment-tab .payment-documents-grid td+td { width:10%; text-align:right;} .payment-tab .payment-documents-grid td+td+td, .payment-tab .payment-documents-grid td+td+td+td, .payment-tab .payment-documents-grid td+td+td+td+td+td, .payment-tab .payment-documents-grid td+td+td+td+td+td+td+td { width:1px;} .payment-tab .payment-documents-grid td+td+td+td+td { width:14%; text-align:left; display:table-cell;} .payment-tab .payment-documents-grid td+td+td+td+td+td+td { width:71%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c0 a { top:0; left:0;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c3 a { top:0; left:68.4%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c2 a { top:0; left:16.0%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c4 a { top:0; left:79.4%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c1 a, .payment-tab .payment-documents-grid #payment-documents-grid-list_c5 a, .payment-tab .payment-documents-grid #payment-documents-grid-list_c6 a { display:none;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c7 { font-size:0.01em;} .payment-tab .p-right { float: right; margin: 0 0 0 -255px; position: relative; padding-left: 20px; width:220px;} .payment-tab .document-button input { display:block; width: 220px; padding: 1px; margin-bottom: 5px} .payment-tab .holder-filter {padding-top: 20px;} .payment-tab .document-button input+input { margin-bottom:20px;} .payment-tab .document-button input+input+input+input {margin-bottom:159px;} .payment-tab .document-button input+input+input, .payment-tab .document-button input+input+input+input+input { margin-bottom:5px;} .payment-tab .payment-documents-paymen-grid .filters select { width:15%; left:0;} .payment-tab .payment-documents-paymen-grid .filters input { padding:3px 2px;} .payment-tab .payment-documents-paymen-grid .filters td + td + td input { width: 62%; left: 16%; right:auto;} .payment-tab .payment-documents-paymen-grid .filters #datepicker_for_date_payment { width: 10%; left: auto; right:10%;} .payment-tab .payment-documents-paymen-grid .filters #datepicker_to_date_payment { width: 10%; left: auto; right:0;} .payment-tab .payment-documents-paymen-grid .filters select, .payment-tab .payment-documents-paymen-grid .filters input { top:20px;} .payment-tab .payment-documents-paymen-grid td { width:3%} .payment-tab .payment-documents-paymen-grid td+td { width:14%;} .payment-tab .payment-documents-paymen-grid td+td+td { width:auto;} .payment-tab .payment-documents-paymen-grid td+td+td+td { width:40%; text-align:right;} .payment-tab .payment-documents-paymen-grid td+td+td+td span { display:block; padding-right:10px;} .payment-tab .payment-documents-paymen-grid td+td+td+td span i { font-style:normal; color:#6C0} .payment-tab .payment-documents-paymen-grid td+td+td+td+td, .payment-tab .payment-documents-paymen-grid td+td+td+td+td+td, .payment-tab .payment-documents-paymen-grid td+td+td+td+td+td+td { width:1px;} .payment-tab .payment-documents-paymen-grid #payments-grid_c0 a { top:0; left:0;} .payment-tab .payment-documents-paymen-grid #payments-grid_c1 a { top:0; left:79.4%;} .payment-tab .payment-documents-paymen-grid #payments-grid_c3 a { top:0; left:16.0%;} .payment-tab .payment-documents-paymen-grid #payments-grid_c2 a, .payment-tab .payment-documents-paymen-grid #payments-grid_c4 a, .payment-tab .payment-documents-paymen-grid #payments-grid_c5 a { display:none;} .payment-tab .payment-documents-paymen-grid #payments-grid_c6 { font-size:0.01em;} .payment-tab .holder-filter input, .payment-tab .holder-filter select { display:block; width: 220px; padding: 1px; margin-bottom: 5px} .payment-tab .holder-filter #amount { width: 175px; float:left} .payment-tab .holder-filter label { padding-left:5px;} .payment-tab .holder-filter .payment-patient-action { margin-top:187px;} .payment-tab .more-px { height:10px;} /*.payment-tab .inner .filters {display: block;}*//* temp */ /*.payment-tab .inner table thead { display: none;}*/ .radio-file-select {z-index:999} /*#payment-documents-form #from_date_doc , #payment-documents-form #to_date_doc {margin:20px 10px 0 0; } #payment-documents-form input[type="submit"] {width: 100px; padding:1px;}*/ li.token-input-input-token-facebook {width: 100%; display: block;} /*temp */ .full-view-paiment { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; height: 300px; margin-top:15px; } .full-view-paiment .payment-pay-all {z-index: 1; bottom: 0px !important; border-top:1px solid; right: 17px !important; background: #fff;} .tabs-patient .full-pagep { top: 42px; display: block; width: 18px; height: 18px; z-index: 2; overflow: hidden; text-indent: -999px; cursor: pointer; background: url(../images/ui-icons_888888_256x240.png) -15px -79px no-repeat; position: absolute; right: 23px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: #ccc 1px solid; } @media only screen and (min-width: 1600px) { .payment-right .list-paiment .list-third, .payment-right .list-paiment .list-fifth {width: 117px;} .payment-right .list-paiment .list-second {margin: 0 -350px 0 -20px;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c1 a { top:0; left:68.6%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c4 a { top:0; left:79.6%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c3 a { top:0; left:68.6%;} .payment-tab .payment-documents-paymen-grid #payments-grid_c1 a { top:0; left:79.6%;} .payment-right .list-paiment .list-second .inner {margin-right: 351px;} .tabs-patient .full-pagep {top: 50px; right: 0; } #patient-form .row input[type="text"] { height:21px;} #patient-form .row select { height:33px;} #patient-form .row {min-height: 34px;} .payment-tab .document-button input+input+input+input {margin-bottom:141px;} .payment-tab .holder-filter .payment-patient-action { margin-top:152px;} .p-documents .row.row-recipient input+input { background-position: -30px -93px;} .p-documents .row.row-recipient input+input+input { background-position: -141px -93px;} } @media only screen and (max-width: 1600px) { .tabs-patient .full-pagep {top: 46px; right: 0; } .payment-right .list-paiment .list-third, .payment-right .list-paiment .list-fifth {width: 104px;} .payment-right .list-paiment .list-second {margin: 0 -324px 0 -20px;} .payment-right .list-paiment .list-second .inner {margin-right: 340px;} #patient-form .row input[type="text"] { height:21px;} #patient-form .row select { height:30px;} #patient-form .row {min-height: 32px;} .payment-tab .document-button input+input+input+input {margin-bottom:153px;} .payment-tab .holder-filter .payment-patient-action { margin-top:163px;} .p-documents .row.row-recipient input+input { background-position: -30px -94px;} .p-documents .row.row-recipient input+input+input { background-position: -141px -94px;} } @media only screen and (max-width: 1440px) { .payment-right .list-paiment .list-second .inner {margin-right: 340px;} .tabs-patient .full-pagep {top: 42px; right: 0; } .payment-tab .document-button input+input+input+input {margin-bottom:159px;} .payment-tab .holder-filter .payment-patient-action { margin-top:170px;} .p-documents .row.row-recipient input+input { background-position: -30px -94px;} .p-documents .row.row-recipient input+input+input { background-position: -141px -94px;} } @media only screen and (max-width: 1280px) { .payment-tab .holder-filter .payment-patient-action { margin-top:170px;} .payment-right .list-paiment .list-second .inner {margin-right: 340px;} .p-documents .row.row-recipient input+input { background-position: -30px -95px;} .p-documents .row.row-recipient input+input+input { background-position: -141px -95px;} } @media only screen and (max-width: 1100px) { .tabs-patient .full-pagep {top: 35px; right: 0; } .payment-tab .payment-documents-grid #payment-documents-grid-list_c1 a { top:0; left:68.4%;} .payment-tab .payment-documents-grid #payment-documents-grid-list_c4 a { top:0; left:79.4%;} .payment-tab .payment-documents-paymen-grid #payments-grid_c1 a { top:0; left:79.4%;} .payment-tab .document-button input+input+input+input {margin-bottom:177px;} .payment-tab .holder-filter .payment-patient-action { margin-top:187px;} .p-documents .row.row-recipient input+input { background-position: -30px -96px;} .p-documents .row.row-recipient input+input+input { background-position: -141px -96px;} }