/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

textarea {
	padding: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: 300;
	vertical-align: middle;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}






















@font-face {
 font-family: 'free39'; 
 src: url('fonts/free3of9.ttf') format('truetype');
 font-weight: 300;
 font-style: normal;

}

@font-face {
	font-family: 'Code 128';
	font-style: normal;
	font-weight: 300;
	src: local('Code 128'), url('fonts/code128.woff') format('woff');
	color: red;
	}

@font-face {
 font-family: 'pdf417'; 
 src: url('fonts/pdf417.ttf') format('truetype');
 font-weight: 300;
 font-style: normal;

}

@font-face {
 font-family: 'pdf417r3'; 
 src: url('fonts/MW6PDF417R3.TTF') format('truetype');
 font-weight: 300;
 font-style: normal;

}

@font-face {
 font-family: 'pdf417r6'; 
 src: url('fonts/MW6PDF417R6.TTF') format('truetype');
 font-weight: 300;
 font-style: normal;

}

@font-face {
 font-family: 'ean 13'; 
 src: url('fonts/ean13-1.ttf') format('truetype');
 font-weight: 300;
 font-style: normal;

}

/*
@font-face {
  font-family: 'imedic_icons';
  src: url('fonts/imedic_icons.eot?15676625A');
  src: url('fonts/imedic_icons.eot?15676625A#iefix') format('embedded-opentype'),
       url('fonts/imedic_icons.woff2?15676625A') format('woff2'),
       url('fonts/imedic_icons.woff?15676625A') format('woff'),
       url('fonts/imedic_icons.ttf?15676625A') format('truetype'),
       url('fonts/imedic_icons.svg?15676625A#imedic_icons') format('svg');
  font-weight: 300;
  font-style: normal;
}
*/

/*
@font-face {
  font-family: 'imedic_icons';
  src: url('fonts/imedic_icons.eot?63372154');
  src: url('fonts/imedic_icons.eot?63372154#iefix') format('embedded-opentype'),
       url('fonts/imedic_icons.woff2?63372154') format('woff2'),
       url('fonts/imedic_icons.woff?63372154') format('woff'),
       url('fonts/imedic_icons.ttf?63372154') format('truetype'),
       url('fonts/imedic_icons.svg?63372154#imedic_icons') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'imedicplus';
  src: url('fonts/imedicplus.eot?884715');
  src: url('fonts/imedicplus.eot?884715#iefix') format('embedded-opentype'),
       url('fonts/imedicplus.woff2?884715') format('woff2'),
       url('fonts/imedicplus.woff?884715') format('woff'),
       url('fonts/imedicplus.ttf?884715') format('truetype'),
       url('fonts/imedicplus.svg?884715#imedicplus') format('svg');
  font-weight: 300;
  font-style: normal;
}
*/

@font-face {
  font-family: 'imedic_font_icons';
  src: url('fonts/imedic_font_icons.eot?84962062');
  src: url('fonts/imedic_font_icons.eot?84962062#iefix') format('embedded-opentype'),
       url('fonts/imedic_font_icons.woff2?84962062') format('woff2'),
       url('fonts/imedic_font_icons.woff?84962062') format('woff'),
       url('fonts/imedic_font_icons.ttf?84962062') format('truetype'),
       url('fonts/imedic_font_icons.svg?84962062#imedic_font_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Goldplay';
  src: url('/dp/lib/fonts/Goldplay-Bold.ttf?v=1.0') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Mejora el rendimiento de carga */
}

.ui-widget {
	font-family: 'Roboto', sans-serif, Arial, Verdana;
}
/* GLOBAL STYLES */
/*a:focus {outline: 1px dotted;}*/

strong { font-weight: 500; }

.empty { font-style: italic; color: #888; padding: 10px 0px; }

html {
	/*font-family: Arial, Helvetica, Verdana, sans-serif; */
	font-family: 'Roboto', sans-serif, Arial, Verdana;
	font-weight: 300;
	height: 100%;
	-webkit-font-smoothing: antialiased; 
}
body { 

	overflow-y: scroll;

	height: 100%;
	font-size:13px; 
	font-family: 'Roboto', sans-serif, Arial, Verdana;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	color: #000000; 
	/*background-color: #F5F5F6; */
	background-color: #F5f5f6; /* MATERIAL */
}
a { color: #3E3D40; }
a:hover { color: #FF8C07; /*color: #8DCFEA;*/ }

#contentLoading { position: fixed; top: 0px; display:none;font-size:100%; width:150px; text-align:center; background-color: #8DCFEA; height: 25px; line-height: 25px; z-index: 1000; padding: 0px 5px 0px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
textarea, input[type=text], input[type=password] { border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; border-style: solid; border-width: 1px; margin:0; font-size:100%; padding: 2px;}
form label.error, form label.errorCustom { color: #cc0000 !important; padding: 2px; font-weight: normal !important; }

/* LOGIN/LIGHT STYLES */
body.login div.central, body.light div.central {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 
    -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; box-shadow: 1px 1px 7px #999999;
    border: 1px solid #ccc;
	width: 410px; background-color: #fff; padding: 20px; font-size:100%; margin: 20px auto; padding: 25px 28px; text-align: left;
}
body.login div.central {
	width: 410px;
}
body.light div.central {
	width: 610px;
}
body.login table.tsLoginWidget thead th { font-size:133%; font-weight: bolder; padding-bottom: 15px;}
body.login table.tsLoginWidget tbody td.loginLabel { font-size:108%; padding-top: 5px; padding-bottom: 5px; }
body.login table.tsLoginWidget tbody td input[type='text'],
body.login table.tsLoginWidget tbody td input[type='password'] { font-size:133%; margin-bottom: 5px; }
body.login table.tsLoginWidget tfoot td { padding-top: 5px; padding-bottom: 5px; }
body.login table.tsLoginWidget tfoot td.loginButton { padding-top: 5px; padding-bottom: 5px; }
body.login table.tsLoginWidget tfoot td.loginButton input.button { font-size:133%; }
body.login div.loginMessages div.errorMessage { background-color: #C00; color: #FFF; padding: 5px; text-align: center; margin-bottom: 10px;}
body.login div.loginMessages div.infoMessage { background-color: #0C0; color: #FFF; padding: 5px; text-align: center; margin-bottom: 10px;}
body.login table.tsLoginWidget input.openid_identifier {padding-left:18px; width: 350px;
	background:#FFFFFF url(/dp/lib/images/openid_identifier.png) no-repeat scroll left center;}

body.light .main h1 {font-size: 16px; font-weight: bolder; margin-bottom: 15px;}
body.light .main h2 {font-size: 14px; margin-bottom: 15px;}

div.link {font-size:130%; margin: 30px auto; text-align: center;}

/* BOX STYLES */
.box {-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
	border: 1px solid #ccc;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 
	/* background-color: #fff;padding: 0px; */
	background-color: #fff;padding: 0px; /* MATERIAL */
}
table.box {padding: 0px; width: 100%;}
table.box > tbody > tr > td.boxLeft {vertical-align: top;
	-moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; -khtml-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px; 
}
table.box > tbody > tr > td.boxCentral {vertical-align: top; padding: 20px;}
table.box > tbody > tr > td.boxRight {vertical-align: top; 
	-moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; -khtml-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px; 
}

.box { min-height: 300px; }
.box .title { position: relative;}
.box .title h1 { font-size:166%;font-weight: 300;line-height: 24px;padding-bottom: 5px;}
.box .title h1 a { color: #999; text-decoration: none;}
.box .title h1 a:hover { color: #3E3D40; text-decoration: underline;}
.box .title h1 .breadcrumbSeparator { color:#BDC3C3;font-size:90%;background: url(images/icons.png) no-repeat 0px -173px;}
.box .title h1 .breadcrumbSeparator { color:#BDC3C3;font-size:90%;background: url(images/icons.png) no-repeat 0px -175px;}
.box .title h1 .pipe { border-right: 2px solid #BDC3C3; color: #BDC3C3; font-size:100%; margin-right: 15px; padding-left: 12px; }
.box .title #page_actions { position: absolute; right: 0px; top: -10px; }


/* OBJECT LIST: TABLES */
table.object_list { border-collapse: separate; border-spacing: 2px; }
table.object_list thead th { background-color: #333333; color: #ffffff; border: 1px solid #333333; font-size:100%; font-weight: bolder; padding: 3px; text-align: center; vertical-align: middle; }
table.object_list tbody td { padding: 5px; text-align: center; }
table.object_list tbody tr.even td,
table.object_list tbody tr.odd td { background-color: #efefef; }				
table.object_list tfoot td { vertical-align: middle; }

/* OBJECT_LIST: DIV */
div.object_list_search { padding-left: 10px; }
div.object_list {}
div.object_list .globalActions {text-align:right; padding-bottom: 5px;}
div.object_list .globalActions a {padding-bottom: 1px;}/*IE7 needs this*/

div.object_list .object_list_item {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	/* background-color: #F5F5F6; */
	background-color: #FFF; /* MATERIAL */
}


div.object_list .object_header { margin-top: 10px;}
div.object_list .object_header .object_header_data { }
div.object_list .object_header .object_header_dataLink {cursor: pointer; }
div.object_list .object_header .object_header_data a { text-decoration: none; }
div.object_list .object_header .object_header_data strong { font-weight: 500; }

table.agenda {width: 100%; border-collapse: collapse;}
table.agenda td.visitDay {width: 100px; white-space: nowrap;}
table.agenda td.visitFromTo {white-space: nowrap;}
table.agenda td.visitDetails {width: 100%;}
table.agenda td.visitDetails a {text-decoration: none; color: #000;}
table.agenda td.visitDetails a:hover {font-weight: bolder; }
table.agenda > tbody > tr > td, table.agenda > thead > tr > th {padding: 8px; text-align: left; vertical-align: top;}
table.agenda > tbody > tr > td {vertical-align: top;}
table.agenda > thead > tr > th {vertical-align: bottom;}
table.agenda > tbody > tr.last > td, table.agenda > tbody > tr > td.last {border-bottom: 2px solid #E7E7E8;}
table.agenda td.visitDetails .completed {color: blue !important;}
table.agenda td.visitDetails .processed {color: #00b300 !important;}
table.agenda td.visitDetails .arrived {color: red;}
table.agenda td.visitDetails .unpresented {color: #000; text-decoration: line-through;}
table.agenda th.visitDay {text-align: center;}
table.agenda th.visitFromTo {min-width: 80px; max-width: 80px; width: 80px; text-align: center;}
table.agenda th.agendaActions, table.agenda td.agendaActions {text-align:right; min-width: 120px; max-width: 120px; width: 120px; padding-right: 0px;}

table.agenda > thead > tr > th {background-color: inherit; border: none; border-bottom: 1px solid #ccc;}
table.agenda > tbody.noEntries td { color: #999; font-style: italic;}
table.agenda td > div.entryNotes {font-size: 0.9em; color: #999; margin-top: 3px; height: 13px; line-height: 13px; overflow-y: hidden; font-style: italic;}
table.agenda td > div.entryType {font-size: 0.9em; margin-top: 3px; height: 13px; line-height: 13px; overflow-y: hidden;}


.agendaEntries .dayTitle { font-weight: bolder; }
.agendaEntries {padding-bottom: 15px;}

table.newVisitLayout {width: 100%;}
table.newVisitLayout > tbody > tr > td {vertical-align: top;}
table.newVisitLayout td.newVisitData {width: 70%;}
table.newVisitLayout td.newVisitData label.error {padding-bottom: 5px; display:inline-block;}
table.newVisitLayout td.newVisitPatientElements {text-align: right; width: 330px; max-width: 330px;}
table.newVisitLayout td.newVisitCalendarZone {padding-top: 10px;}

table.newVisitLayout div.newVisitPatientElementsContainer {overflow-y: scroll; padding-right: 10px;}
table.newVisitLayout div.patientNextVisits {float:right;}
table.newVisitLayout div.patientNextVisits h4 {font-weight: bolder; font-size: 1.2em;padding-bottom: 10px;}
table.newVisitLayout div.patientNextVisits li {margin-bottom: 10px;}
table.newVisitLayout div.patientNextVisits .visitDate {font-weight: bolder; text-transform: capitalize;}
table.newVisitLayout div.patientNextVisits .noVisits {font-style: italic;}
table.newVisitLayout div.patientNextVisits .visitrole_doctor,
table.newVisitLayout div.patientNextVisits .visitrole_nurse {margin-left: 5px;}

table.newVisitLayout table.newVisitDataTable > tbody > tr {height: 35px;}
table.newVisitLayout table.newVisitDataTable > tbody > tr > td {vertical-align: top; }
table.newVisitLayout table.newVisitDataTable > tbody > tr > td.selectCell {padding-top: 5px;}
table.newVisitLayout table.newVisitDataTable > tbody > tr > td.note {padding-top: 5px;}
table.newVisitLayout table.newVisitDataTable td.label {padding-right: 5px; font-weight: bolder; line-height: 30px;}
table.newVisitLayout table.newVisitDataTable td.textValue {line-height: 30px; }
table.newVisitLayout table.newVisitDataTable td.textValue > div {margin-top: -10px;}
table.newVisitLayout table.newVisitDataTable .input {width: 350px;}
table.newVisitLayout table.newVisitDataTable .note {color: #999;}
table.newVisitLayout table.newVisitDataTable td.label div.note {margin-top: -15px; font-weight:normal;}

table.newVisitLayout table.wizardData > tbody > tr > td {padding: 3px; vertical-align: top;}
table.newVisitLayout table.wizardData > tbody > tr > td.label {font-weight: bolder;}

.visitrole_doctor,
.visitrole_nurse,
.role_doctor,
.role_nurse {
	font-size: 13px;
	font-weight: bolder;
}
.visitrole_doctor,
.role_doctor {
		color: #009DDF !important;
}
.visitrole_nuse,
.role_nurse {
	color: #40A52B !important;
}
div.object_list .object_header .actions {float:right;}
div.object_list .object_header .actions a.expand,
div.object_list .object_header .actions a.collapse { font-weight: normal !important; background: none !important; border: none !important; }
div.object_list .object_header .actions a.expand:hover,
div.object_list .object_header .actions a.collapse:hover { text-decoration: underline; }
div.object_list .object_data {display:none; margin-top: 15px;}
div.object_list .expandAll { background: transparent url(images/assets.png) no-repeat scroll 0px -240px;	padding-left: 20px;	margin-right: 10px; }
div.object_list .collapseAll { background: transparent url(images/assets.png) no-repeat scroll 0px -200px; padding-left: 20px; }

/* OBJECT_LIST: PAGES ??? */
ul.object_list {border-top:1px solid #EDF8CF;float:left;list-style:none outside none;width:100%;position: relative;}
ul.object_list li {border-bottom:1px solid #EEF7D3;font-size:92%;line-height:19px;padding-top:5px;position:relative;width:100%;background:none repeat scroll 0 0 #FBFEEB;}
ul.object_list a  {color:#95AA0D;cursor:pointer;outline:medium none;position:relative;text-decoration:none;}
ul.object_list li.page_item h4 {display:block;float:left;font-size:108%;font-weight:bold;line-height:18px;padding:0 0 6px 16px;width:400px;}

/* OBJECT_LIST: TABLE */

table.list1 {}
table.list1 thead td.empty { background: transparent; border: none; }
table.list1 thead td { background-color: #E8D5B4; border: 1px solid #E8D5B4; font-size:100%; font-weight: bolder; padding: 3px; vertical-align: middle; text-align: center; }
table.list1 tbody td { border-bottom: 1px solid #E8D5B4; padding: 2px 5px; text-align: center; }
table.list1 tfoot td { background-color: #E8D5B4; border: 1px solid #E8D5B4; vertical-align: middle; }

table.list2 { border-collapse: collapse; }
table.list2 thead tr td { border: medium none; color: #999; font-size:92%;font-weight: 100; padding: 0 3px 3px 10px; text-align: left; text-transform: uppercase; }
table.list2 thead tr.last td { border-bottom: 1px solid #999; }
table.list2 thead tr.last th.jqMultiActionCheckContainer {border: none; border-bottom: 1px solid #999; width: 40px;}
table.list2 tbody td { border-top: 1px solid #DDDDDD; font-size:100%; line-height: 140%; padding: 4px 3px 5px 10px; text-align: left; vertical-align: top; }
table.list2 tfoot td { border-top: 1px solid #999; vertical-align: middle; background-color: transparent; }
table.list2 tfoot tr.multiActionContainer td {border-top: none;}

/* ACTIVITY */
.entry {padding-top: 10px;}
.entry .summaryLink {margin-bottom: 15px;}

.summary_message_final {
	background-color: #e7efca;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	padding: 25px;
	margin-top: 15px;
}
.summary_message_final p {
	font-size: 13px;
	font-weight: bolder;
}

/* FORMS */
.entry span.status {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
	padding: 5px;text-align: center;
}
.entry h3 {color:#4D4D4D;float:left;font-size:92%;height:15px;line-height:14px;margin-bottom:7px;padding-top:2px;font-weight:bold;}
.entry fieldset { border:medium none;clear: left;padding:16px 18px 9px; position:relative;}
.entry fieldset dl {float:left;width:100%;}
.entry fieldset dt {border-top:1px solid #E5E5E5;clear:both;color:#333;display:inline;
	float:left;font-size:100%;font-weight:bolder;line-height:24px;padding:16px 18px 15px 0;text-align:left;width:144px;
}
.entry fieldset dt.first {border:medium none;padding-top:6px;}
.entry fieldset dd {border-top:1px solid #E5E5E5;float:left;padding:18px 0;width: 490px; line-height: 20px;}
.entry fieldset dd.options {padding-bottom: 15px;}
.entry fieldset dd.first {border:medium none;padding-top:7px;}
.entry fieldset dt.calendar {border:medium none;padding-top:20px;}
.entry dd label {color:#333333;display:inline;font-size:92%;line-height:17px;text-align:left;}
.entry dd label.error, .entry dd label.errorCustom { color: #cc0000; padding: 2px; font-weight: 100; display: block; font-size:100%;}
.entry dd label.warning {color: #0AA04C; padding: 2px; font-weight: 100; display: block; font-size:100%;}

.entry fieldset ul label span, fieldset ul .note {color:#808080;font-size:75% !important;font-weight:normal;}
.entry fieldset input[type=text],
.entry fieldset input[type=password] {margin:0;padding:2px;width:300px;}
.entry input {font-size:108%; font-family: 'Roboto', sans-serif, Arial, Verdana; font-weight: 300;}
.entry input[type="radio"],.entry input[type="checkbox"] {width: 20px;}
.entry fieldset textarea {height:144px;margin-bottom:0;overflow:auto;width:436px;}
.entry textarea {font-size:100%;}
.entry table.actions td {padding: 5px;}
.entry table.actions td a {font-size:100%;}
.entry .categories ul {padding-left: 10px;}
.entry .categories li.subcategory {font-size:108%;padding-bottom: 5px;}
.entry .categories div {font-size:108%;font-weight: bolder;padding-bottom: 5px;}
.entry .flashUpload {font-size:100%;}
.entry fieldset input.integerPreference {width: 50px;}



#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/alerts_title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/alerts_info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/alerts_info.gif);
}

#popup_content.confirm {
	background-image: url(images/alerts_important.gif);
}

#popup_content.prompt {
	background-image: url(images/alerts_help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* MULTIACTION (tsMultiAction) */
.tsMultiAction .multiActionContainer { text-align: left; padding-left: 5px; }
.tsMultiAction .select { float: left; padding: 3px 20px 0px 0px; }
.tsMultiAction .applyAction { padding: 3px 10px 0px 0px; }
.tsMultiAction .message { clear: both; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;  background-color: #FF8C07; color: #fff; padding: 4px 10px; margin-top: 5px; float:left; }
.tsMultiAction .message a {color: #fff;}
.tsMultiAction .applyAction a.actionDisabled { color: #999 !important; font-style: italic; }
.tsMultiAction .applyAction a.actionDisabled:hover { text-decoration: none; }
.tsMultiAction .numSelected { font-weight: bolder; }
.tsMultiAction tr.multiActionContainer { }

/* PAGINATION (tsPagination) */
tr.pagination td, div.pagination { text-align:right; padding: 5px 10px 5px 5px;}

.pagination a.goto {color: black; text-decoration:none;}
.pagination a.goto:hover {color: black; text-decoration:underline;}
.pagination div.goto input.gotoValue {width: 30px;}
.pagination a.pageLink { background-color: #DAF2F8; border: 1px solid #A2D2DD; color: #000; text-decoration: none; padding-left: 3px; padding-right: 3px; }
.pagination a.pageLink:hover { background-color: #69BCE4; border: 1px solid #A2D2DD; color: #fff; }
.pagination div.goto { padding-top: 5px; }


/* OBJECT FILTER */
/* .tsFilter { margin-bottom: 10px; } */
/* .tsFilter .object_filter { padding: 10px; background-color: #f5f5f5; margin: 2px; } */
.tsFilter .object_filter input[type=text] { width: 200px; }
.tsFilter .object_filter div.label { padding-bottom: 5px; }
.tsFilter .object_filter .actions { clear: left; padding-top: 10px; }

/* CUSTOM FILTER */
.tsFilter { margin-bottom: 20px; }
.tsFilter .object_filter { padding: 10px; margin: 2px; background-color: #F6F6F6; border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
 }
.tsFilter .object_filter .filterCondition { float: left; margin-right: 10px; margin-top: 10px; height: 40px;}
.tsFilter .object_filter input.age[type=text] { width: 30px; }


/* SMARTGRID (tsSmartGrid) */
/*
.tsSmartGrid .rowAction { width: 20px; height: 18px; border: 0 !important; background: transparent; }
.tsSmartGrid .rowAction:hover { background-color: transparent !important; }
.tsSmartGrid .rowAction_drag { background: transparent url(images/icons.png) no-repeat scroll 0px -250px; cursor: move; }
.tsSmartGrid .rowAction_add { background: transparent url(images/icons.png) no-repeat scroll 0px -25px; cursor: pointer; }
.tsSmartGrid .rowAction_remove { background: transparent url(images/icons.png) no-repeat scroll 0px -125px; cursor: pointer; }
.tsSmartGrid td.globalAction { padding-top: 5px; }
.tsSmartGrid a.globalAction_add { background: url(images/icons.png) no-repeat scroll 0px -25px transparent; padding-left: 25px; font-size:125%; }
.tsSmartGrid a.globalAction_add span { font-size:100%; }
.tsSmartGrid .hide { background: transparent; }
.tsSmartGrid td.empty { background-color: transparent !important; border: medium none !important; width: 14px !important; }
*/

/* LABELOVERLAY (tsLabelOverlay) */
span.tsLabelOverlay { background: none repeat scroll 0 0 transparent; position: relative; }
span.tsLabelOverlay label.overlabel { left: 4px; top: 0px; position: absolute; color: #bbb !important; font-weight: normal !important; cursor: text;}


/* UI-TABS  */
.ui-tabs { background: none; border: 0; margin-bottom: 3px; display: grid; clear: left;}
.ui-tabs .ui-tabs-nav { background: none; border: 0; padding: 0; border-bottom: 1px solid #aaa; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; margin-bottom: 0px; }
.ui-tabs .ui-tabs-nav li { background-color: #F5F5F6; } /* MATERIAL */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; margin-bottom: -1px; background-color: #F5F5F6; font-weight: 400;} /* MATERIAL */
.ui-tabs .ui-state-default { background: #efefef; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; }
.ui-tabs .ui-state-default a { color: #555; font-size: 13px;}
.ui-tabs .ui-state-default a:hover { color: #000; }
.ui-tabs .ui-state-active { background: none; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; }
.ui-tabs .ui-state-active a { color: #000; }
.ui-tabs .ui-tabs-panel { border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; background-color: #F5F5F6; } /* MATERIAL */

/* UI-AUTOCOMPLETE */
.ui-autocomplete { border: 1px solid #604921; color: #000000; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none;  -moz-box-shadow: 1px 1px 7px #999999; -webkit-box-shadow: 1px 1px 7px #999999; box-shadow: 1px 1px 7px #999999;}
.ui-autocomplete .ui-menu-item a { border: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none;  font-size:100%;	padding: 5px; margin: 0; }
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a.ui-state-hover, 
.ui-autocomplete .ui-menu-item a.ui-state-active { border: none; background: #604921 none; color: #fff; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none;  font-size:100%; padding: 5px; margin: 0; }
   
.inline_form { background-color: #e9e9e9; padding: 5px;	margin-right: 5px; margin-bottom: 5px;}
.inline_list_items .empty { font-style: italic; color: #aaa; }
.inline_list_items div.actions { clear: both; padding-top: 10px; }

/* OTHER STYLES */

.entry table.actions td {padding: 5px;}
.entry table.actions td a {font-size:100%;}

.entry .subdragger, .entry .dragger {cursor: move;vertical-align: middle;}
.dragger {cursor: move;height: 15px;width: 15px;
	background: url(images/icons.png) no-repeat scroll 0px -75px transparent;
}

dd input.tsDate {width: 100px;}



.screenAction { height: 40px; display: block; clear: both; }
.screenAction h3 { padding-top: 5px; float: left; font-size:108%; padding-right: 5px; }
.screenAction .iconViewScreen,
.screenAction .iconDownloadExcel,
.screenAction .iconPrint { float: left; display: block; line-height: 30px !important; padding-left: 30px; margin-left: 10px;}	
.screenAction .iconViewScreen { background: transparent url(images/icons.png) no-repeat scroll 0px -600px; }
.screenAction .iconDownloadExcel { background: transparent url(images/icons.png) no-repeat scroll 0px -635px; }
.screenAction .iconPrint { background: transparent url(images/icons.png) no-repeat scroll 0px -670px; }


/* AVATAR */
.avatarContainer { height: 200px; position: relative; z-index: 1000; }
.avatarContainer a.admin { font-size:92%; color: #f00; }
.avatarContainer a.grey { font-size:100%; color: #999; }
.avatarContainer a.grey:hover { color: #000; }
.avatarContainer .avatarView { height: 180px; position: absolute; top: 0; left: 0; padding: 10px; border: 0px solid #fff; background-color: #fff; }
.avatarContainer .avatarEdit { height: 180px; width: 480px; position: absolute; top: 0; left: 0; background-color: #fff; border: 0px solid; padding: 10px; }
.avatarContainer .avatarEdit .avatar_upload { padding: 10px; }
.avatarContainer .avatarEdit div.change,
.avatarContainer .avatarEdit div.remove { padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #dadada; }
.avatarContainer .avatarEdit h2 { font-size:108%; font-weight: bolder; padding-bottom: 10px; }
.avatarContainer .avatarEdit p { font-size:100%; color: #666; }
.avatarContainer div.avatar { width: 150px; background: none repeat scroll 0 0 #EFEFEF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;  float: left; padding: 12px 14px; text-align: center; }
.avatarContainer .avatarView .avatarBlank { text-indent: -9999px; width: 150px; display: block; overflow: hidden; text-decoration: none !important;
	/*padding-top: 150px;*/
	/*background: url("images/icons.png") no-repeat -80px -400px;*/
}
.avatarContainer .avatarEdit .avatarBlank { text-indent: -9999px; width: 150px; display: block; overflow: hidden; text-decoration: none !important; 
	/*background: url("images/icons.png") no-repeat -80px -400px;*/ 
}
.avatarContainer div.avatar_upload { float: left; }
.avatarContainer .busy { background: url("images/dots-white.gif") no-repeat scroll 5px center transparent; }
.avatarContainer .busy input { visibility: hidden; }
.avatarContainer div.avatarImage { height: 150px; }

/* TOOLTIP */
#tooltip {position: absolute; z-index: 3000; padding: 5px; opacity: 0.85; max-width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#tooltip h3, #tooltip div { margin: 0; }


div.loadMoreLoading {background: url(images/upload_icon1.gif) no-repeat; padding-left: 22px; }


.objectFileContainer div.objectFileItem { padding: 5px;}
.objectFileContainer div.newObjectFile, .objectFileContainer div.objectFileUploadForm, .objectFileContainer div.objectFileWithChanges { padding: 5px; background-color: #E1F5EF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;  }
.objectFileContainer .objectFileEmptyList { color: #999; font-style: italic;}


/* TYPES */
.ts_type_image { position: relative;}
.ts_type_image .modalBackground { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; z-index: 999; background-color: #333; opacity:0.7;filter:alpha(opacity=70); display: none; }
.ts_type_image .imageEditor { position: fixed; top: 0; left: 0; background-color: #FFFFFF; border: 1px solid #C0C0C0; padding: 20px; z-index: 1000; }
.ts_type_image .imageEditor .canvas {}
.ts_type_image .imageEditor .buttons { margin-top: 20px;}
.ts_type_image .progress_report {}
.ts_type_image .progress_report .progress_report_name {}
.ts_type_image .progress_report .progress_report_status {font-style: italic;}
.ts_type_image .progress_report .progress_report_bar_container {width: 90%; height: 10px;}
.ts_type_image .progress_report .progress_report_bar {background-color: blue; width: 0; height: 100%;}


.ts_type_attachment .attachment_name { color: #6a6a6a; } 
.ts_type_attachment .progress_report { }
.ts_type_attachment .progress_report .progress_report_name {}
.ts_type_attachment .progress_report .progress_report_status {font-style: italic; padding-top: 5px; padding-bottom: 2px; color: #aaa;}
.ts_type_attachment .progress_report .progress_report_bar_container {width: 90%; height: 10px;}
.ts_type_attachment .progress_report .progress_report_bar {background-color: blue; width: 0; height: 100%;}


/* GLOBAL MESSAGE */
#tsGlobalMessage {
	z-index: 10000;
	position: fixed;
	top: 20%;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	opacity: 0.9;
	background-color: #222;
	color: #fff;
	padding: 20px 30px;
	font-size: 1.8em;
	line-height: 1.2em;
	text-align: center;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 
}




.XXXTODO {margin: 5px; padding: 5px; border: 5px solid blue; font-weight: 100; background-color: white; color: black;}
/* .XXXTODO { display: none; } */

/* LOGIN STYLES */
body.login div.logo,
body.light div.logo { height: 97px; background:transparent url(images/logo.png) no-repeat scroll center top; margin: 40px auto 0px auto; }
body.login div.customLogo,
body.light div.customLogo { height: 120px; margin: 30px auto 0px auto; }


/* GLOBA LOGIN STYLES */
body.globalLogin { background-color: #ffffff;}
body.globalLogin .globalTitle { margin: 36px auto 0px auto; width: 1024px; height: 80px; }
body.globalLogin .globalTitle a { text-decoration: none; }
body.globalLogin .globalTitle div.logo { display: none; }
body.globalLogin .globalTitle div.logo2 { float: left; width: 157px; height: 76px; background:transparent url(images/logo2.png) no-repeat scroll left top; }
body.globalLogin .globalTitle .decoration { margin-left: 40px; float: left; height: 76px; width: 820px; background: #ffffff url(images/background1.png) repeat;}
body.globalLogin .globalContent { margin: 0 auto; width: 1024px; }
body.globalLogin .globalContent .wrapper { padding-left: 200px; }
body.globalLogin .globalContent h4 { font-family: 'Roboto', sans-serif, Arial, Verdana; font-size: 18px; padding-top: 5px; padding-bottom: 40px; }
body.globalLogin .globalContent table.lsLoginWidget th,
body.globalLogin .globalContent td.register h4 { color: #000; font-family: 'Roboto', sans-serif, Arial, Verdana; font-size: 24px; padding: 10px;}
body.globalLogin span.tsLabelOverlay label.overlabel { padding-left: 10px;  color: #666 !important; font-size: 13px !important; line-height: 28px; }
body.globalLogin #_cis_username_status_error,
body.globalLogin #_cis_password_status_error { clear: both; padding-top: 5px;}
body.globalLogin input#_cis_username,
body.globalLogin input#_cis_password { padding-left: 12px; border:0; background-color: #EEEEEE; height: 25px; width: 330px; }
body.globalLogin td.loginInput {padding-top: 10px;}
body.globalLogin .fdLoginBox { width: 370px; }
body.globalLogin .loginButton { padding-top: 20px; }
body.globalLogin .loginButton input, 
body.globalLogin td.register input { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;  color: #FFFFFF; font-size: 19px; padding: 10px; text-align: center; cursor: pointer; font-family: 'Roboto', sans-serif, Arial, Verdana; }
body.globalLogin .loginButton input { background-color: #000000; border: 1px solid #000000;  width: 120px;  } 
body.globalLogin td.register input { background-color: #E5E233; color: #333; border: 1px solid #E5E233; width: 200px; margin-top: 20px; margin-left: 10px; }
body.globalLogin td.register { vertical-align: top !important; width: 350px; border-left: 1px dotted #bbb; padding-left: 15px; }
body.globalLogin td.register h5 { padding-left: 10px; font-size: 14px; line-height: 18px;}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus { background-color: #DAF2F8; }

div.entry > div.errorMessage {padding: 5px; margin-bottom: 15px;}
table.tsLoginWidget td.loginInput input {width: 300px;}

/* WIZARD */
div.newWizard {margin-bottom: 15px;}

/* SPECIAL INPUTS */
input.spanishAccount1, input.spanishAccount2 {width: 40px !important;}
input.spanishAccount3 {width: 20px !important;}
input.spanishAccount4 {width: 95px !important;}

.grey { color: #666; }

dl dt h2.subtitle { margin: 0px 0px 0px -36px; padding: 0px; color: #4C928B; padding-top: 10px; color: #333; font-family: 'Roboto', sans-serif, Arial, Verdana; font-size: 13px; text-transform: uppercase; font-weight: 300; }	
dl dt h2.subtitle span { padding: 0px 10px 0px 36px; border-bottom: 1px solid #CCC; color: #666; }

/* BOX RIGHT */
table.box td.boxRight { min-width: 200px; background-color: #F0F0F0 !important;}
table.box td.boxRight .section { padding: 20px;}
table.box td.boxRight > h2 { background-color: #E8A08C; padding: 10px 10px 10px 20px; margin-top: 10px; color: #fff; font-size: 1.1em; font-weight: bolder; text-shadow: #777 1px 1px; }
table.box td.boxRight { padding-top: 10px; width: 300px; max-width: 300px; }
table.box td.boxRight a.edit { font-size: 1.6em; padding-left: 36px; margin-left: 10px; line-height: 35px; }
table.box td.boxRight a.remove { font-size: 1.6em; padding-left: 36px; margin-left: 10px;  line-height: 35px; }
table.box td.boxRight p { font-size: 1.2em; padding-bottom: 5px; }
table.box td.boxRight p small { font-size:0.8em; }
table.box td.boxRight p.titol { font-size: 1em; font-weight: bolder; padding-top: 5px; }


.entry fieldset dt { width: 200px; border-top: none; padding-top: 6px; padding-botom: 5px; }
.entry fieldset dt label { font-size: 14px; padding: 10px 10px 5px 10px; float: left; }

/* ACCOUNT MANAGEMENT */
form#accountManagement div.accountName { float: left; clear: both; font-size: 13px; }
form#accountManagement div.accountName div { float: left;}
form#accountManagement div.accountName input { float: none; width: 175px; margin: -4px 0px 0px 0px; padding: 0px 0px 0px 2px; height: 22px; }
form#accountManagement div.accountName span.tsLabelOverlay label.overlabel { padding: 0px; margin-top: -2px; }

/* HISTORIAL */
fieldset.informeVisita {border: 1px solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 

	margin-bottom: 10px;}
	
.sex_male {
	background:transparent url(images/extra.png) no-repeat scroll left -700px;
	width: 20px;
	height: 20px;	
}
.sex_female {
	width: 20px;
	height: 20px;	
	background:transparent url(images/extra.png) no-repeat scroll left -720px;
}

.informeVisitaIcon {
	width: 20px;
	height: 20px;	
	background:transparent url(images/extra.png) no-repeat scroll left -740px;
}


/*
@import url(https://fonts.googleapis.com/css?family=Rokkitt);

8DCFEA
e8a08c
e85127

*/

/*
yellow: #E5E233
*/


table.box > tbody > tr > td.boxRight {background-color: #E8A08C;}
table.box > tbody > tr > td.boxLeft {background-color: #E8A08C;}

table.object_list thead th { background-color: #8DCFEA; border: 1px solid #8DCFEA; color: #333; }
table.object_list tbody tr.odd td { background-color: #FFECD1; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background-color: #DAF2F8;}
span.tsLabelOverlay label.overlabel { color: #888 !important;}
input.tsDate { width: 100px !important; } 

#tooltip {position: absolute; z-index: 3000; padding: 5px; opacity: 1; max-width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
}
#tooltip h3, #tooltip div { margin: 0; line-height: 15px; }
#tooltip { background-color: #F6F6F6;  border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

.avatarContainer div.avatar { background-color: #F6F6F6; border: 0px solid #a4a4a6; text-align: left; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.avatarContainer div.avatar img { margin-bottom: 5px; }
.avatarContainer div.avatar a { padding-top: 5px; text-decoration: none; font-size: 108%; color: #3E3D40;}
.avatarContainer div.avatar a:hover { text-decoration: underline; color: #888; }
.avatarContainer div.avatar div.avatarImage { padding-bottom: 5px; }
.avatarContainer div.avatarBlank { background: url("images/void_avatar.png") no-repeat scroll 0px 0px; }

div.object_list .object_header .object_header_data { font-size: 130%; }

table.list2 thead tr td { text-transform: none; font-size: 110%; }
table.list2 thead tr.last td { border-bottom: 1px solid #ddd;}
table.list2 thead tr.last th.jqMultiActionCheckContainer { background-color: #fff; border: none; width: 40px;}
table.list2 tbody td { border-top: 1px solid #ddd; vertical-align: middle; }
table.list2 tfoot td { border-top: 1px solid #ddd;}
table.list2 tfoot tr.multiActionContainer td { border-top: none !important; }


.ui-autocomplete { border: 1px solid #8DCFEA;}
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-menu-item a.ui-state-hover, 
.ui-autocomplete .ui-menu-item a.ui-state-active { background: #8DCFEA none; color: #3E3D40; }

.entry fieldset dt { border-top: none; padding-top: 6px; padding-botom: 5px; }
.entry fieldset dd { border-top: none; padding-top: 8px; padding-bottom: 8px;}

.screenAction { padding-top: 20px; }
.screenAction a { text-decoration: none;}
.screenAction a:hover { text-decoration: underline; }
.screenAction a.iconViewScreen { background: url("images/extra.png") no-repeat scroll 0 -600px transparent;}
.screenAction a.iconDownloadExcel { background: url("images/extra.png") no-repeat scroll 0 -550px transparent;}
.screenAction a.iconPrint { background: url("images/extra.png") no-repeat scroll 0 -500px transparent;}


/* SPECIFICS */

.im_t_SubscriptionStatus_pending,
.im_t_SubscriptionStatus_accepted,
.im_t_SubscriptionStatus_denied {
	padding: 3px 5px;
	display: inline;
	line-height: 1em;
	font-size: 0.9em;
}
.subscriptionDetails .im_t_SubscriptionStatus_pending,
.subscriptionDetails .im_t_SubscriptionStatus_accepted,
.subscriptionDetails .im_t_SubscriptionStatus_denied {
	padding: 2px 5px;
}
.im_t_SubscriptionStatus_pending {
	background-color: #f90;
	color: #fff;
}
.im_t_SubscriptionStatus_accepted {
	background-color: #0a0;
	color: #fff;
}
.im_t_SubscriptionStatus_denied {
	background-color: #f00;
	color: #fff;
}

.im_subscriptionPatientServiceStatus_pending,
.im_subscriptionPatientServiceStatus_valid,
.im_subscriptionPatientServiceStatus_invalid {
	padding: 3px 5px;
	display: inline;
	line-height: 1em;
	font-size: 0.9em;
}
.im_subscriptionPatientServiceStatus_pending {
	background-color: #f90;
	color: #fff;
}
.im_subscriptionPatientServiceStatus_valid {
	background-color: #0a0;
	color: #fff;
}
.im_subscriptionPatientServiceStatus_invalid {
	background-color: #f00;
	color: #fff;
}


.t_SubscriptionPatientServiceActivationStatus_activated,
.t_SubscriptionPatientServiceActivationStatus_deactivated {
	padding: 3px 5px;
	display: inline;
	line-height: 1em;
	font-size: 0.9em;
}

.t_SubscriptionPatientServiceActivationStatus_activated {
	background-color: #0a0;
	color: #fff;
}
.t_SubscriptionPatientServiceActivationStatus_deactivated {
	background-color: #f00;
	color: #fff;
}

.im_invoiceStatus_pending {
	color: red;
}

.im_invoiceStatus_paid {
	color: green;
}

.im_invoiceStatus_accepted {
	color: green;
}

.im_invoiceStatus_rejected {
	color: red;
}



table.subscriptions_list {margin-top: 20px;}
table.subscriptions_list ul { list-style-type: circle; padding-left: 20px; }
table.subscriptions_list ul li { padding-top: 5px; line-height: 1.5em; }
table.subscriptions_list thead th {background-color: #fff; border: none !important;}
table.subscriptions_list thead tr td {font-size: 15px; font-weight: bolder; color: #000;}
table.subscriptions_list tbody tr td, table.subscriptions_list thead tr td  {padding: 7px;}
table.subscriptions_list tr.object_list_item td {cursor:pointer;}
table.subscriptions_list tbody tr.hover td {background-color: #DAF2F8;}


div.subscriptionDetails div.selectPatient {
	background-color: #DAF2F8; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
	padding: 10px;
}

div.subscriptionDetails div.selectPatient h3 {
	padding-top: 0px !important;
	margin-bottom: 10px !important;
}

div.subscriptionDetails div.selectPatient .pageActions {
	padding-bottom: 0px !important;
}

div.subscriptionDetails div.selectPatient div.showPatient {
}

div.subscriptionDetails div.selectPatient div.editPatient {
}

div.subscriptionDetails table.subscriptionService { padding: 10px; background-color: #FFFFFF; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
div.subscriptionDetails table.subscriptionService thead td { font-weight: bolder; padding: 0px 10px;}
div.subscriptionDetails table.subscriptionService tbody td { vertical-align: top; padding: 10px; }
div.subscriptionDetails table.subscriptionService thead td.first,
div.subscriptionDetails table.subscriptionService tbody td.first
 { padding-left: 0px !important; }
div.subscriptionDetails table.subscriptionService a.activateService,
div.subscriptionDetails table.subscriptionService a.deactivateService { display: none; padding-bottom: 10px; }

div.imedicPlus table.subscriptionService p { padding: 10px 0px 20px 0px; }
div.imedicPlus table.subscriptionService { background-color: #fff; padding: 10px;
	margin-left: 70px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}

div.imedicPlus table.subscriptionService td.tableActions {
	position: relative;
}
div.imedicPlus table.subscriptionService td.tableActions div.actions {
	position: absolute;
	display: none; 
	width: 65px;
	left: -85px; top: 0px; background-color: #fff; padding: 10px 10px 10px 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}

div.imedicPlus table.subscriptionService tr td { vertical-align: top; }
div.imedicPlus table.subscriptionService thead tr td { font-weight: bolder; padding: 0px 10px 10px 5px; border-bottom: 1px solid #000; }
div.imedicPlus table.subscriptionService tbody tr td { padding: 10px 10px 10px 5px; border-bottom: 1px solid #ccc; }
div.imedicPlus table.subscriptionService tbody tr:last-child td { border-bottom: none; }
div.imedicPlus table.subscriptionService tbody tr td ul { list-style-type: circle; padding-left: 20px; }
div.imedicPlus table.subscriptionService tbody tr td ul li { padding-bottom: 10px; }
div.imedicPlus table.subscriptionService tbody tr td ul li div.field { padding: 10px 5px 0px 5px; }
div.imedicPlus table.subscriptionService tbody tr td ul li label { font-weight: bolder; }
div.imedicPlus table.subscriptionService tbody tr td ul li p { display: none; }
div.imedicPlus table.subscriptionService a.serviceInfo { display: none; }

div.imedicPlus h3  { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; padding-top: 10px; color: #333; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #CCC; margin: 10px 0px 15px 0px; }

table.patients_list tr td.center {text-align: center;}
table.patients_list thead th {background-color: #fff; border: none !important;}
table.patients_list thead tr td {font-size: 15px; font-weight: bolder; color: #000;}
table.patients_list tbody tr td, table.patients_list thead tr td  {padding: 7px;}
table.patients_list tbody tr td span.name {font-weight: bolder;}
table.patients_list {margin-top: 20px;}
table.patients_list div.ok { background: transparent url(images/imedic_icons.png) no-repeat -110px -80px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.patients_list div.notok { background: transparent url(images/imedic_icons.png) no-repeat -110px -60px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.patients_list div.standby { background: transparent url(images/imedic_icons.png) no-repeat -110px -102px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.patients_list tbody tr.hover td {background-color: #DAF2F8;}
table.patients_list tr.object_list_item td {cursor:pointer;}

table.patientIndexData {margin-bottom: 10px; clear: both; }
table.patientIndexData > tbody > tr > td {vertical-align: top; border: none !important; }
table.patientIndexData td.col1,
table.patientIndexData td.col2,
table.patientIndexData td.col3 { vertical-align: top; }
table.patientIndexData td.col1 {  }
table.patientIndexData td.col2 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.patientIndexData td.col3 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.patientIndexData td.col4 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.patientIndexData strong { font-weight: 500; }
table.patientIndexData .col1 h1,
table.patientIndexData .col2 h1,
table.patientIndexData .col3 h1 { font-weight: bolder; padding-bottom: 20px; line-height: 20px; }
table.patientIndexData .col2 h1 { font-size: 125%; }
table.patientIndexData .col3 h1 { font-size: 125%; padding-left: 10px;}
table.patientIndexData tr.rowActions td { vertical-align: bottom; }
table.patientIndexData div.line { padding-bottom: 10px; font-size: 1.1em; }
table.patientIndexData div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.patientIndexData div.line p { font-size: 1.1em; }

//table.patientProfileData { width: 100%; }
table.patientProfileData td.image { width: 105px; }
table.patientProfileData td.image img { 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	width: 105px;
	height: 105px;
}
table.patientProfileData td { vertical-align: top; padding-top: 15px; padding-right: 30px; }
table.patientProfileData td.profile { padding-left: 30px; }
table.patientProfileData td.profile2 { padding-left: 0px;}
table.patientProfileData td.profile h2, h2.patientProfileName { font-size: 1.8em; font-weight: bolder; padding-bottom: 10px; }
table.patientProfileData td.profile .buttonInvitations {padding-left:20px;padding-top:float:left}
table.patientProfileData td.profile div.line { padding-bottom: 10px; font-size: 1.1em; }
table.patientProfileData td.profile div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.patientProfileData td.profile div.line small { font-size: 0.9em; color: #333;}
table.patientProfileData td.profile td.profile1 { width: 300px; }
table.patientProfileData td h3 { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; padding-top: 10px; color: #333; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #CCC; }
table.patientProfileData td.profile2 h3 {margin-bottom: 10px;}



table.professionalIndexData { clear: both; }
table.professionalIndexData > tbody > tr > td {vertical-align: top; border: none !important; }
table.professionalIndexData td.col1,
table.professionalIndexData td.col2,
table.professionalIndexData td.col3 { vertical-align: top; }
table.professionalIndexData td.col1 {  }
table.professionalIndexData td.col2 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.professionalIndexData td.col3 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.professionalIndexData td.col4 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.professionalIndexData td.col1 { width: 105px; }
table.professionalIndexData td.col1 img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
table.professionalIndexData strong { font-weight: 500; }
table.professionalIndexData .col1 h1,
table.professionalIndexData .col2 h1,
table.professionalIndexData .col3 h1 { font-weight: bolder; padding-bottom: 20px; line-height: 20px; }
table.professionalIndexData .col2 h1 { font-size: 125%; }
table.professionalIndexData .col3 h1 { font-size: 125%; padding-left: 10px;}
table.professionalIndexData tr.rowActions td { vertical-align: bottom; }
table.professionalIndexData div.line { padding-bottom: 10px; font-size: 1.1em; }
table.professionalIndexData div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.professionalIndexData div.line p { font-size: 1.1em; }


table.professionalProfileData { width: 100%; }
table.professionalProfileData td.image { width: 105px; }
table.professionalProfileData td.image img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
table.professionalProfileData td { vertical-align: top; padding-top: 15px; }
table.professionalProfileData td.profile { padding-left: 30px; }
table.professionalProfileData td.profile h2 { font-size: 1.8em; font-weight: bolder; padding-bottom: 10px; }
table.professionalProfileData td.profile div.line { padding-bottom: 10px; font-size: 1.1em; }
table.professionalProfileData td.profile div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.professionalProfileData td.profile td.profile1 { width: 300px; }
table.professionalProfileData td h3 { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; color: #4C928B; padding-top: 10px; color: #333; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #CCC; }	

.orderNumOnline.visibleWeb { background: none; }
.orderNumOnline.visibleWeb { padding-left: 20px; }
.orderNumOnline.visibleWeb input[type=text] { width: 80px !important }

table.promoCodeIndexData { clear: both; }
table.promoCodeIndexData > tbody > tr > td {vertical-align: top; border: none !important; }
table.promoCodeIndexData td.col1,
table.promoCodeIndexData td.col2,
table.promoCodeIndexData td.col3 { vertical-align: top; }
table.promoCodeIndexData td.col1 {  }
table.promoCodeIndexData td.col2 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.promoCodeIndexData td.col3 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.promoCodeIndexData td.col4 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.promoCodeIndexData td.col1 { width: 180px; }
table.promoCodeIndexData td.col1 img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
table.promoCodeIndexData strong { font-weight: 500; }
table.promoCodeIndexData .col1 h1,
table.promoCodeIndexData .col2 h1,
table.promoCodeIndexData .col3 h1 { font-weight: bolder; padding-bottom: 20px; line-height: 20px; }
table.promoCodeIndexData .col2 h1 { font-size: 125%; }
table.promoCodeIndexData .col3 h1 { font-size: 125%; padding-left: 10px;}
table.promoCodeIndexData tr.rowActions td { vertical-align: bottom; }
table.promoCodeIndexData div.line { padding-bottom: 10px; font-size: 1.1em; }
table.promoCodeIndexData div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.promoCodeIndexData div.line p { font-size: 1.1em; }


table.promoCodeProfileData { width: 100%; }
table.promoCodeProfileData td.image { width: 105px; }
table.promoCodeProfileData td.image img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
table.promoCodeProfileData td { vertical-align: top; padding-top: 15px; }
table.promoCodeProfileData td.profile { padding-left: 30px; }
table.promoCodeProfileData td.profile h2 { font-size: 1.8em; font-weight: bolder; padding-bottom: 10px; }
table.promoCodeProfileData td.profile div.line { padding-bottom: 10px; font-size: 1.1em; }
table.promoCodeProfileData td.profile div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.promoCodeProfileData td.profile td.profile1 { width: 300px; }
table.promoCodeProfileData td h3 { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; color: #4C928B; padding-top: 10px; color: #333; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #CCC; }	

table.administrativeIndexData { clear: both; }
table.administrativeIndexData > tbody > tr > td {vertical-align: top; border: none !important; }
table.administrativeIndexData td.col1,
table.administrativeIndexData td.col2,
table.administrativeIndexData td.col3 { vertical-align: top; }
table.administrativeIndexData td.col1 {  }
table.administrativeIndexData td.col2 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.administrativeIndexData td.col3 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.administrativeIndexData td.col4 { padding-left: 30px; border-left: 1px solid #e5e5e5;}
table.administrativeIndexData td.col1 { width: 105px; }
table.administrativeIndexData td.col1 img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
table.administrativeIndexData strong { font-weight: 500; }
table.administrativeIndexData .col1 h1,
table.administrativeIndexData .col2 h1,
table.administrativeIndexData .col3 h1 { font-weight: bolder; padding-bottom: 20px; line-height: 20px; }
table.administrativeIndexData .col2 h1 { font-size: 125%; }
table.administrativeIndexData .col3 h1 { font-size: 125%; padding-left: 10px;}
table.administrativeIndexData tr.rowActions td { vertical-align: bottom; }
table.administrativeIndexData div.line { padding-bottom: 10px; font-size: 1.1em; }
table.administrativeIndexData div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.administrativeIndexData div.line p { font-size: 1.1em; }

table.administrativeProfileData { width: 100%; }
table.administrativeProfileData td.image { width: 105px; }
table.administrativeProfileData td.image img { width: 105px; height: 105px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
table.administrativeProfileData td { vertical-align: top; padding-top: 15px; }
table.administrativeProfileData td.profile { padding-left: 30px; }
table.administrativeProfileData td.profile h2 { font-size: 1.8em; font-weight: bolder; padding-bottom: 10px; }
table.administrativeProfileData td.profile div.line { padding-bottom: 10px; font-size: 1.1em; }
table.administrativeProfileData td.profile div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.administrativeProfileData td.profile td.profile1 { width: 300px; }
table.administrativeProfileData td h3 { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; color: #4C928B; padding-top: 10px; color: #333; font-family: 'Roboto', sans-serif, Arial, Verdana; font-size: 13px; text-transform: uppercase; font-weight: bolder; border-bottom: 1px solid #CCC; color: #666; }	

table.medicalEvents_list tr td.center {text-align: center;}
table.medicalEvents_list thead th {background-color: #fff; border: none !important;}
table.medicalEvents_list thead tr td {font-size: 15px; font-weight: bolder; color: #000;}
table.medicalEvents_list tbody tr td, table.patients_list thead tr td  {padding: 7px;}
table.medicalEvents_list tbody tr td span.name {font-weight: bolder;}
table.medicalEvents_list {margin-top: 20px;}
table.medicalEvents_list div.ok { background: transparent url(images/imedic_icons.png) no-repeat -110px -80px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.medicalEvents_list div.notok { background: transparent url(images/imedic_icons.png) no-repeat -110px -60px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.medicalEvents_list div.standby { background: transparent url(images/imedic_icons.png) no-repeat -110px -102px; width: 15px; height: 15px; margin-left: auto; margin-right: auto; }
table.medicalEvents_list tbody tr.hover td {background-color: #DAF2F8;}
table.medicalEvents_list tr.object_list_item td {cursor:pointer;}
table.medicalEvents_list tr.processed td {background-color: blue;}
table.medicalEvents_list tr.accounted td {background-color: green;} 


#tabs_container .contacts { padding: 30px; }
#tabs_container .contacts div.inline_list_item {Xborder-bottom: 1px solid #e5e5e5; margin-bottom: 5px; padding-bottom: 5px; margin-right: 10px; line-height: 15px; }
#tabs_container .contacts div.inline_list_item span.role { font-style: italic; color: #999; }
#tabs_container .contacts div.inline_list_items > h1 {text-decoration: underline; font-weight: bolder; padding-bottom: 10px;}
#tabs_container .contacts div.inline_list_item span.inline_actions { margin-top: -15px; margin-left: 15px;}
#tabs_container .contacts div.inline_form { background-color: #F6F6F6; border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px;}
#tabs_container .contacts div.inline_form div.actions a.inline_cancel {margin-left: 5px;}
#tabs_container .contacts div.inline_form div.actions a.inline_remove {margin-left: 5px;}

#tabs_container .generalData .col1 { float: left; width: 200px; }
#tabs_container .generalData .col2 { float: left; width: 500px; }
#tabs_container .generalData .col2 fieldset {	float:left; width: 500px; }
#tabs_container .generalData .col2 fieldset dd {width: 300px; }

#customAttributes table.list2 { width: 300px; }
#customAttributes table.list2 tbody tr td.actions { width: 55px;}
#customAttributes table.list2 tbody tr td.actions div.rowActions { width: 38px;}
#customAttributes table.list2 tbody tr td.actions div.rowActions a { text-indent: -9999px;}
#customAttributes table.list2 tbody tr.paginationRow td {padding: 0px;}

#documentDefinitions table.list2 tbody tr td.actions div.rowActions { width: 38px; margin: 0 auto;}

.innerList table tr { font-size: 90%; }
.innerList div.rowActions { width: 35px !important; margin: 0 auto; }
.innerList .loadMore { padding: 10px; }
.innerList .newElementContainer { background-color: #F6F6F6; border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px; margin-bottom: 20px;}
.innerList .newElementContainer h2 { font-size: 130%;}
.innerList .newElementContainer fieldset { background: none repeat scroll 0 0 #F6F6F6; margin-bottom: 0px;}
.innerList .newElementButton { padding-bottom: 20px;}
.innerList .newElementButton a {padding: 10px 15px 0 38px;width: 160px;height:24px;cursor:pointer;display:block;text-decoration: none;color: #000;font-size:120%;	background: #fff url(images/extra.png) no-repeat scroll 0px -195px; border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.innerList .newElementButton a:hover { text-decoration: underline;}
.innerList table.object_list { font-size: 15px; }
.innerList table.object_list tr.editMode td { border: none !important; background-color: #F6F6F6; }
.innerList table.object_list tr.editMode td fieldset { background-color: #F6F6F6;}
.innerList table.object_list tr.editMode td h2 { padding-top: 10px; font-size: 130% !important;}
.innerList table.object_list tr.editMode td a { text-decoration: underline; }

.objectFileContainer input.showUpload { padding: 0px 15px 3px 38px; width: 160px; height:34px; cursor:pointer;display:block;text-decoration: none;color: #000;font-size:100%;	background: #fff url(images/extra.png) no-repeat scroll 0px -195px; border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.objectFileContainer .objectFileEmptyList {	padding-top: 10px;}
.objectFileContainer div.newObjectFile, 
.objectFileContainer div.objectFileUploadForm, 
.objectFileContainer div.objectFileWithChanges { background-color: #F6F6F6;	border: 1px solid #a4a4a6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px;}

h2.imSubtitle {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #999;
    font-family: 'Roboto', sans-serif, Arial, Verdana;
    font-size: 13px;
    margin: 0px 0 0px -36px;
    font-weight: 500;
    border-bottom: 1px solid #CCCCCC;
}
h2.imSubtitle span {
    color: #000;
    padding: 2px 4px 2px 36px;
}

h2.imSubtitlePayment span {
    border-bottom: 1px solid #CCCCCC;
    color: #000;
    padding: 2px 75px 2px 0px;
}

/*
.help {
	padding: 5px 0px 10px 5px;
	font-size: 0.8em;
}
*/



div.menu { width: 280px; }
div.menu ul { margin-top: 20px;}
div.menu ul li { line-height: 24px; border-bottom: 0px solid #ccc; }
div.menu ul li.initial_setup { background-color: #D5CECE; }
div.menu ul li.first { border-top: 30px; }
div.menu ul li:hover { }
div.menu ul li.initial_setup:hover { background-color: #DAF2F8;  }
div.menu ul li.selected {
	/*background-color: #DAF2F8;*/
	/*font-weight: bolder;*/
	/* 
	Xbackground: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8866b), color-stop(2%, #E85127), color-stop(100%, #b6401f));
	Xborder-top-color: #852f17; Xborder-bottom-color: #852f17;
	*/ 
}
div.menu ul li.initial_setup.selected {
	background-color: #DAF2F8; 
}
div.menu ul li a { 
	color: #000000 ;
	position: relative; 
	/*font-weight: 100; */
	font-size: 14px; 
	padding: 8px 5px 8px 20px; 
	text-decoration: none; 
	display: block;
	line-height: 18px;
	}
div.menu ul li a small { position: relative; padding-left: 5px; color: #999; font-size: 12px; }
div.menu ul li a:hover { color: #000000;}
div.menu ul li.selected a.selected { color: #000000; background-color: #DAF2F8; }
div.menu ul li.selected a.selected small { color: #dbcac5; }

div.menu a div.icon {

	float: left;
	font-family: "imedic_font_icons";
	font-size: 24px;
	font-style: normal;
	font-weight: 100;
	speak: none;
	 
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .6em;
	text-align: center;
	/* opacity: .8; */
	 
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	 
	/* fix buttons height, for twitter bootstrap */
	line-height: .5em;
	 
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: 0em;
	 
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	 
	/* Font smoothing. That was taken from TWBS 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	 
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

div.menu a.medicalActs div.icon {
	margin-top: .1em;
}

div.menu a.signDocuments div.icon {
	margin-top: .15em;
}


div.menu a.initial_setup div.icon:before { content: '\e819'; }

div.menu a.summary div.icon:before { content: '\e829'; }
div.menu a.activity div.icon:before { content: '\e80a';; }
div.menu a.reception div.icon:before { content: '\e82d';; }
div.menu a.agenda div.icon:before { content: '\e800'; }
div.menu a.dossier div.icon:before { content: '\e801'; }
div.menu a.pets div.icon:before { content: '\e827'; }
div.menu a.alumnes div.icon:before { content: '\e824'; }

div.menu a.professional div.icon:before { content: '\e804'; }
div.menu a.administrative div.icon:before { content: '\e81a'; }
div.menu a.medicalCenter div.icon:before { content: '\e803'; }
div.menu a.corporates div.icon:before { content: '\e82a'; }
div.menu a.promoCodes div.icon:before { content: '\e828'; }
div.menu a.cms div.icon:before { content: '\e806'; }
div.menu a.blog div.icon:before { content: '\e807'; }
div.menu a.online div.icon:before { content: '\e81c'; }
div.menu a.services div.icon:before { content: '\e805'; }
div.menu a.subscriptions div.icon:before { content: '\e81e'; }
div.menu a.OnlinePatient div.icon:before { content: '\e802'; }
div.menu a.invoices div.icon:before { content: '\e887'; }
div.menu a.medicalActs div.icon:before { content: '\e888'; }
div.menu a.signDocuments div.icon:before { content: '\e88A'; }

div.menu a.root_menu div.icon:before { content: '\e809'; }

div.menu a.accounts div.icon:before { content: '\e81d'; }
div.menu a.user div.icon:before { content: '\e822'; }

div.menu a.prescriptions div.icon:before { content: '\e856'; }
div.menu a.info div.icon:before { content: '\e857'; }

div.menu a.reception div.icon:before { content: '\e885'; }





div.topMenu {
	display: flex;
    flex: 1 0 auto;
    margin-top: 10px;
	margin-bottom: 10px;
}

div.topMenuItem {
	line-height: 24px;
	text-decoration: none;
	padding: 10px 25px 10px 25px;
	margin: 0px;
	cursor: pointer;
}

div.topMenuItem:hover {
	background-color: #f3f9ff;
}

.item {
	color: #4a5f7a;
}

.itemLabel {
	font-size: .875rem;
    line-height: 2.25rem;
    letter-spacing: .0892857143em;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
	transition: color .15s linear;
}

.itemActive {
	color: #4aa4d2;
	border-bottom: 2px solid #4aa4d2 !important;
}



div.poweredby {
	color: #B0B2B3;
	margin-top: 15px;
	font-size: 10px;
	float: left;
	line-height: 12px;
	display: block;
	width: 112px;
	margin-left: 20px;
}
div.poweredby div.icon {
	background: transparent url('images/imedic_icons.png') no-repeat -50px -5px;
	width: 48px;
	height: 10px;
	float: right;
}




.badge {
-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;
-webkit-background-clip: padding;
background-clip: padding-box;
padding: .10em .25em;
z-index: 30;
/*text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;*/
/*-webkit-box-shadow: #000 0 .1em .2em;*/
overflow: hidden;
color: white;
/*border: 2px solid white;*/
position: absolute;
width: auto;
min-width: 1em;
height: 1.5em;
line-height: 1.5em;
font-size: 1em;
/*top: -0.5em;*/
left: 5px;
max-width: 100%;
background-color: #ed910a;
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(50%, #b30000), color-stop(51%, #990000), color-stop(100%, #800000));*/
/*background-image: linear-gradient(#e60000,#b30000 50%,#990000 51%,#800000);*/
display: inline-block;
text-align: center;
}

.badge2 {
-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;
-webkit-background-clip: padding;
background-clip: padding-box;
padding: .10em .25em;
z-index: 30;
/*text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;*/
/*-webkit-box-shadow: #000 0 .1em .2em;*/
overflow: hidden;
color: white;
/*border: 2px solid white;*/
position: absolute;
width: auto;
min-width: 1em;
height: 1.5em;
line-height: 1.5em;
font-size: 1em;
/*top: -0.5em;*/
left: 5px;
max-width: 100%;
background-color: #ed910a;
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0000e6), color-stop(50%, #0000b3), color-stop(51%, #000099), color-stop(100%, #000080));*/
/*background-image: linear-gradient(#0000e6,#0000b3 50%,#000099 51%,#000080);*/
display: inline-block;
text-align: center;
}

.badge3 {
-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;
-webkit-background-clip: padding;
background-clip: padding-box;
padding: .10em .25em;
z-index: 30;
/*text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;*/
/*-webkit-box-shadow: #000 0 .1em .2em;*/
overflow: hidden;
color: white;
/*border: 2px solid white;*/
position: relative;
width: auto;
min-width: 1em;
height: 1.5em;
line-height: 1.5em;
font-size: 1em;
top: -0.4em;
/*left: 5px;*/
max-width: 100%;
background-color: #ed910a;
/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0000e6), color-stop(50%, #0000b3), color-stop(51%, #000099), color-stop(100%, #000080));*/
/*background-image: linear-gradient(#0000e6,#0000b3 50%,#000099 51%,#000080);*/
display: inline-block;
text-align: center;
}


#page_actions {
}
#page_actions td {
	vertical-align: top;
}

#page_actions td.logo {
	width: 265px;
	min-width: 265px;
}
#page_actions td.tiny {
	padding: 0px 0px 0px 3px;
}

#page_actions td.long {
	padding: 1px 0px 0px 3px;
}

#page_actions td.long h3 {
	font-weight: bolder;
	color: #666;
	padding-left: 5px;
	padding-bottom: 5px;
	
}
#page_actions span.action a > span {
display: block;
margin-left: -24px;
background: url(images/actionButton.png) no-repeat left bottom;
padding-left: 28px;
height: 32px;
line-height: 32px;
}

#page_actions span.action a {
position: relative;
background: url(images/actionButton.png) no-repeat right top;
display: block;
height: 32px;
font-size: 14px;
text-decoration: none;
Xtext-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
white-space: nowrap;
overflow: none;
line-height: 32px;
margin-left: 23px;
padding-right: 11px;
color: #333;
font-weight: bolder;
}

#page_actions input#globalSearch {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	border: 1px solid white;
	width: 400px;
	padding: 5px 10px 5px 22px;
	font-size: 14px;
	background: white url(images/icon_search.png) no-repeat scroll 6px 8px;
	border-color: #E85127;
	padding-bottom: 6px;	
}

#page_actions span.tsLabelOverlay label.overlabel {
	font-size: 14px;
	left: 25px;
	top: 5px;
	color: #aaa !important
}


.box {
	-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;
	border: none;
	-moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none;
	/* background-color: #f5f5f6; */
	background-color: #fff; /* MATERIAL */
	padding: 0px;
}
table.box {padding: 0px; width: 100%;}
table.box > tbody > tr > td.boxLeft {vertical-align: top;
	-moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; -khtml-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;
}
table.box > tbody > tr > td.boxCentral {vertical-align: top; padding: 20px;}
table.box > tbody > tr > td.boxRight {vertical-align: top; 
	-moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px; -khtml-border-radius: 0px 10px 0px 10px; border-radius: 0px 10px 0px 10px;
}



/* SIDEBAR (MENU AND LOGO) */
.mainSidebar { vertical-align: top; height: 100%; width: 280px; min-width: 280px; max-width: 280px; vertical-align: top;}
.mainSidebar #member_company { padding: 15px 10px 25px 20px; }
.mainSidebar #member_company div#logo { margin-bottom: 10px; width: 153px; height: 48px; background:transparent url(images/logo_small.png) no-repeat scroll left top; }
.mainSidebar #member_company h2 { padding-top: 5px; font-size: 16px; }
.mainSidebar #member_user { padding: 0px 10px 0px 20px; }
.mainSidebar #member_user div.name { font-size: 12px; font-weight: 100; padding-bottom: 10px; }
.mainSidebar #member_user div#avatar { margin-right: 10px; float: left; outline: 0px solid #999; width: 60px; height: 60px; }
.mainSidebar #member_user div#avatar img { width: 60px; height: 60px; }
.mainSidebar #member_user div#data { float: left;  } 
.mainSidebar #member_user ul.configMenu { }
.mainSidebar #member_user ul.configMenu li { line-height: 20px;  }
.mainSidebar #member_user ul.configMenu li a { text-decoration: none; }
.mainSidebar #member_user ul.configMenu li a:hover { color: #000000; /*text-decoration: underline;*/ }
.mainSidebar #member_user ul.configMenu li a div.icon {
	float: left;
	font-family: "imedic_font_icons";
	font-size: 20px;
	font-style: normal;
	font-weight: 100;
	speak: none;
	 
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	 
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	 
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	 
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
	 
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	 
	/* Font smoothing. That was taken from TWBS 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	 
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*.mainSidebar #member_user ul.configMenu li a:hover div.icon { background-color: #9FA0A1; }*/

.mainSidebar #member_user ul.configMenu li a.user div.icon:before { content: '\e80b'; }
.mainSidebar #member_user ul.configMenu li a.help div.icon:before { content: '\e80c'; }
.mainSidebar #member_user ul.configMenu li a.logout div.icon:before { content: '\e80d'; }




/* CENTRAL ZONE */
.mainCentral {
	vertical-align: top;
	/*-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);*/
	/*-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);*/
	/*box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);*/
	border-left: 0px solid #ccc;
	/* background-color: #fff; */
	background-color: #fff; /* MATERIAL */
	padding: 20px;
}

.notice {background-color: #ffff00; padding: 10px; font-weight: bolder;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	margin-bottom: 10px;
}

.pendingTasksNotice {
	color: white;
	background-color: #ed910a;
	padding: 10px;
	font-weight: bolder;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
	margin-bottom: 5px;
}

/* PAGE ACTIONS AND BUTTONS */
XXpageActionsGlobal { height: 30px; padding-bottom: 15px; margin-left: -2px; }
.pageActions { height: 30px; padding: 10px 0px; }
.pageActions input[type=button] { margin: 0; height: 28px; padding: 5px 10px; background-color: #eee; color: #666; text-decoration: none; font-weight: bolder; border: 1px solid #ccc; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
 }
.pageActions input[type=button]:hover { background-color: #ddd; cursor: pointer; }
.pageActions a { padding: 9px 15px; background-color: #f5f5f5; color: #000; text-decoration: none; font-weight: 400; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; float: left; border-left: 0px solid #ccc; }
.pageActions a:hover { background-color: #DAF2F8; color: #000;}
.pageActions a { border-top-left-radius: 15px; border-bottom-left-radius: 15px; margin-left: 2px; }
.pageActions a { border-right: 0px solid #ccc; border-top-right-radius: 15px; border-bottom-right-radius: 15px; margin-right: 5px; margin-bottom: 5px;
    margin-top: 5px;}
.pageActions a.link { text-decoration: underline; background-color: transparent; border: none; }
.pageActions a.link:hover { text-decoration: underline; background-color: transparent; border: none; color: #000; }
.pageActions div.preActionsText {padding-top: 8px; padding-right: 5px; float: left; font-weight: bolder;}

.pageActions a.main { 
	color: #fff; border: none;
	background: #8DCFEA ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE2F0', endColorstr='#54B1E0'); /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ACE2F0), to(#54B1E0)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ACE2F0,  #54B1E0) ; /* for firefox 3.6+ */
}
.pageActions a.main:hover { 
	color: #fff; border: none;
	background: #82bed7 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d5e2', endColorstr='#4da2cd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a2d5e2), to(#4da2cd)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a2d5e2,  #4da2cd) ; /* for firefox 3.6+ */
}
.pageActions a.cancel { 
	color: #fff; border: none;
	background: #a3a4a5 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d7', endColorstr='#a3a4a5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d7), to(#a3a4a5)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d6d6d7,  #a3a4a5) ; /* for firefox 3.6+ */
}
.pageActions a.cancel:hover { 
	color: #fff; border: none;
	background: #939393 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#939393'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#939393)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cbcbcb,  #939393) ; /* for firefox 3.6+ */
}
.pageActions a.back { 
	color: #fff; border: none;
	background: #CCCCCC ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#999999)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E0E0E0,  #999999) ; /* for firefox 3.6+ */
}
.pageActions a.back:hover { 
	color: #fff; border: none;
	background: #bbbbbb ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#888888'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#888888)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d0d0d0,  #888888) ; /* for firefox 3.6+ */
}
.pageActions a.normal { 
	color: #fff; border: none;
	background: #CCCCCC ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#999999)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E0E0E0,  #999999) ; /* for firefox 3.6+ */
}
.pageActions a.normal { 
	color: #fff; border: none;
	background: #bbbbbb ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#888888'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#888888)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d0d0d0,  #888888) ; /* for firefox 3.6+ */
}

.pageActions a.close { 
	float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

tr.rowActions td { padding-top: 3px; }
.rowActions .pageActions { padding: 5px 0px 5px 0px; }
.rowActions .pageActions a { 
	position: relative;
	border: none; margin: 0px 10px 5px 0px; line-height: 20px; padding: 5px 15px 5px 15px; font-weight: 500; color: #fff;
	background: #a3a4a5 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d7', endColorstr='#a3a4a5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d7), to(#a3a4a5)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d6d6d7,  #a3a4a5) ; /* for firefox 3.6+ */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	
}
.rowActions .pageActions a:hover {
	background: #939393 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#939393'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#939393)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cbcbcb,  #939393) ; /* for firefox 3.6+ */
}
.rowActions .pageActions a div.icon { position: absolute; left: 5px; width: 20px; height: 20px; padding-right: 5px; }
 
.rowActions .pageActions a.first { margin-left: 0px; }
.rowActions .pageActions a.back { padding-left: 30px; background: #8DCFEA ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE2F0', endColorstr='#54B1E0'); /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ACE2F0), to(#54B1E0)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ACE2F0,  #54B1E0) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.back:hover { background: #82bed7 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d5e2', endColorstr='#4da2cd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a2d5e2), to(#4da2cd)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a2d5e2,  #4da2cd) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.back div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -600px; }
.rowActions .pageActions a.delete { padding-left: 30px; }
.rowActions .pageActions a.delete div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -540px; }
.rowActions .pageActions a.merge { padding-left: 30px; }
.rowActions .pageActions a.merge div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -442px; }
.rowActions .pageActions a.edit { padding-left: 30px; }
.rowActions .pageActions a.edit div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -520px; }
.rowActions .pageActions a.view { padding-left: 30px; }
.rowActions .pageActions a.view div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -500px; }
.rowActions .pageActions a.access { padding-left: 30px; } /* XXX */
.rowActions .pageActions a.access div.icon { background: transparent url(images/imedic_icons.png) no-repeat 0px -600px; } /* XXX */
.rowActions .pageActions a.highlight { background: #8DCFEA ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE2F0', endColorstr='#54B1E0'); /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ACE2F0), to(#54B1E0)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ACE2F0,  #54B1E0) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.highlight:hover { background: #82bed7 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d5e2', endColorstr='#4da2cd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a2d5e2), to(#4da2cd)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a2d5e2,  #4da2cd) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.redHighlight { background: #ff3202 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5b02', endColorstr='#ff0000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5b02), to(#ff0000)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff5b02,  #ff0000) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.redHighlight:hover { background: #ff8062 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7124', endColorstr='#ff5b5b'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7124), to(#ff5b5b)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff7124,  #ff5b5b) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.greenHighlight { background: #4c744c ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ca27c', endColorstr='#26ce26'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7ca27c), to(#26ce26)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7ca27c,  #26ce26) ; /* for firefox 3.6+ */ }
.rowActions .pageActions a.greenHighlight:hover { background: #619261 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac99a', endColorstr='#2ae52a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9ac99a), to(#2ae52a)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #9ac99a,  #2ae52a) ; /* for firefox 3.6+ */ }

	

/* ROW ACTIONS */
table.object_list td.actions { padding-left: 0px; }
table.object_list td.actions div.rowActions { width: 70px; height: 20px; padding: 5px 0px; }
table.object_list td.actions a { display: block; float: left; width: 20px;height: 20px; text-decoration: none; margin: 0px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
table.object_list td.actions a.view { background: #BFC0C1 url(images/imedic_icons.png) no-repeat 0px -500px; }
table.object_list td.actions a.edit { background: #BFC0C1 url(images/imedic_icons.png) no-repeat 0px -520px;}
table.object_list td.actions a.remove { background: #BFC0C1 url(images/imedic_icons.png) no-repeat 0px -540px;}
table.object_list td.actions a.view:hover,
table.object_list td.actions a.edit:hover,
table.object_list td.actions a.remove:hover { background-color: #9FA0A1; }

/* OTHER ACTIONS AND ICONS */

a.agendaLeft, a.agendaRight {text-decoration: none;float: right;}

a.agendaRight, 
a.agendaLeft, 
a.agendaCancel, 
a.agendaCheck,
a.agendaViewPatient,
a.agendaNewPatient {
	background: #a3a4a5 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d7', endColorstr='#a3a4a5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d7), to(#a3a4a5)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d6d6d7,  #a3a4a5) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
a.agendaRight:hover, 
a.agendaLeft:hover, 
a.agendaCancel:hover,
a.agendaCheck:hover,
a.agendaViewPatient:hover,
a.agendaNewPatient:hover {
	background: #939393 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#939393'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#939393)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cbcbcb,  #939393) ; /* for firefox 3.6+ */
}
a.agendaRight, 
a.agendaLeft, 
a.agendaCancel, 
a.agendaCheck,
a.agendaViewPatient,
a.agendaNewPatient {
	margin-right: 5px;
}
a.agendaRight div.icon,
a.agendaLeft div.icon, 
a.agendaCancel div.icon,
a.agendaCheck div.icon,
a.agendaViewPatient div.icon,
a.agendaNewPatient div.icon {
	width: 20px; height: 20px;
}
a.agendaRight div.icon {background: transparent url(images/imedic_icons.png) no-repeat -229px -4px;}
a.agendaLeft div.icon {background: transparent url(images/imedic_icons.png) no-repeat -309px -4px;}
a.agendaCancel div.icon {background: transparent url(images/imedic_icons.png) no-repeat -149px -4px;}
a.agendaCheck div.icon {background: transparent url(images/imedic_icons.png) no-repeat -149px -30px;}
a.agendaViewPatient div.icon {background: transparent url(images/imedic_icons.png) no-repeat -189px -30px;}
a.agendaNewPatient div.icon {background: transparent url(images/imedic_icons.png) no-repeat -169px -4px;}


div.pendingTasks .phoneCalls,
div.pendingTasks .onlineAccess,
div.pendingTasks .visitReports {
}

h3.phoneCalls {
	height: 20px;
}

div.pendingTasks div.wrapperIcon {
	background: #a3a4a5 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d7', endColorstr='#a3a4a5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d7), to(#a3a4a5)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d6d6d7,  #a3a4a5) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
	width: 20px;
	height: 20px;
	float: left;
	margin: -5px 5px 0px 0px;
}
div.pendingTasks .phoneCalls div.icon {
	width: 20px; height: 20px;
	background: transparent url(images/imedic_icons.png) no-repeat -249px -4px;
}
div.pendingTasks .phoneCalls div.icon_active {
	width: 20px; height: 20px;
	background: #ea251d url(images/imedic_icons.png) no-repeat -249px -4px;
}

div.pendingTasks .onlineAccess div.icon {
	width: 20px; height: 20px;
	background: transparent url(images/imedic_icons.png) no-repeat -269px -4px;
}
div.pendingTasks .onlineAccess div.icon_active {
	width: 20px; height: 20px;
	background: #ed910a url(images/imedic_icons.png) no-repeat -269px -4px;
}

div.pendingTasks .visitReports div.icon {
	width: 20px; height: 20px;
	background: transparent url(images/imedic_icons.png) no-repeat -289px -4px;
}
div.pendingTasks .visitReports div.icon_active {
	width: 20px; height: 20px;
	background: #ed910a url(images/imedic_icons.png) no-repeat -289px -4px;
}

div.pendingTasks .title {
	position: relative;
    padding-left: 5px;
    vertical-align: top;
}

table.agenda .agendaTypeIcons {width: 62px; min-width: 62px; max-width: 62px; padding: 4px 8px 4px 8px !important;}
div.agendaEntryIconsZone {width: 46px; height: 20px; float: left; margin-top: 0px;}
div.agendaEntryIconsZone div.wrapperIcon { width: 20px; height: 20px; float: left; margin-top: 0px; margin-right: 3px;
	background: #a3a4a5 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d7', endColorstr='#a3a4a5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d7), to(#a3a4a5)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #d6d6d7,  #a3a4a5) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
div.agendaEntryIconsZone div.wrapperIcon2 { width: 20px; height: 20px; float: left; margin-top: 0px; margin-right: 3px;
	background: #FF7600 ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAA00', endColorstr='#FF4B00'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA00), to(#FF4B00)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFAA00,  #FF4B00) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
div.agendaEntryIconsZone div.wrapperIcon3 { width: 20px; height: 20px; float: left; margin-top: 0px; margin-right: 3px;
	background: #8DCFEA ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE2F0', endColorstr='#54B1E0'); /*for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ACE2F0), to(#54B1E0)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ACE2F0,  #54B1E0) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
div.agendaEntryIconsZone div.wrapperIcon4 { width: 20px; height: 20px; float: left; margin-top: 0px; margin-right: 3px; background: #974267;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
div.agendaEntryIconsZone div.icon { width: 20px; height: 20px; }
div.agendaEntryIconsZone div.iconFirstVisit {background: transparent url(images/imedic_icons.png) no-repeat -209px -4px;}
div.agendaEntryIconsZone div.iconForcedVisit {background: transparent url(images/imedic_icons.png) no-repeat -330px -4px; }
div.agendaEntryIconsZone div.iconVideoconsultation {background: transparent url(images/imedic_icons.png) no-repeat -289px -29px; }
div.agendaEntryIconsZone div.iconHomeVisit {background: transparent url(images/imedic_icons.png) no-repeat -269px -53px; }
div.agendaEntryIconsZone div.iconPhoneCall {background: #ea251d url(images/imedic_icons.png) no-repeat -249px -4px;}
li.completed div.agendaEntryIconsZone div.iconPhoneCall {background: transparent url(images/imedic_icons.png) no-repeat -249px -4px;}
div.agendaEntryIconsZone div.iconCreatedOnline {background: transparent url(images/imedic_icons.png) no-repeat -189px -4px; }

div.agendaEntryIconsZone2 {width: 26px; height: 20px; float: left; margin-top: 0px;}
div.agendaEntryIconsZone2 div.wrapperIcon { width: 20px; height: 20px; float: left; margin-top: 0px; margin-right: 3px;
	background: #4c744c ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ca27c', endColorstr='#26ce26'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7ca27c), to(#26ce26)) ; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #7ca27c,  #26ce26) ; /* for firefox 3.6+ */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
div.agendaEntryIconsZone2 div.icon { width: 20px; height: 20px; }
div.agendaEntryIconsZone2 div.iconInvoiced {background: transparent url(images/imedic_icons.png) no-repeat -149px -29px;}
div.agendaEntryIconsZone2 div.iconPayed {background: transparent url(images/imedic_icons.png) no-repeat -129px -29px;}

div.agendaEntryIconsZone3 {width: 52px; height: 20px; float: left; margin-top: 0px;}
div.agendaEntryIconsZone3 div.alertIcon { width: 20px; height: 20px; float: left; margin-top: 0px; margin-left: 6px; display: inline-block;}
div.agendaEntryIconsZone3 div.icon { width: 20px; height: 20px; }
div.agendaEntryIconsZone3 div.iconAlerts {background: transparent url(images/imedic_icons.png) no-repeat -310px -30px;}
div.agendaEntryIconsZone3 div.iconInfo {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(images/information.svg);
	background-size: 20px 20px;
}
/*div.agendaEntryIconsZone3 div.iconInfo {background: transparent url(icons/information.svg) no-repeat -308px -73px;}*/

div.agendaInfo {
	background-color:#f3fda8;
	padding:10px;
	font-style: italic;
	font-weight: bolder;
}
div.agendaInfo div.infoIcon { width: 30px; height: 30px; float: left; margin-top: 0px; margin-right: 10px;position: relative; display: inline-block;}
div.agendaInfo div.icon { width: 30px; height: 30px; }
div.agendaInfo div.iconInfo {background: transparent url(images/imedic_icons.png) no-repeat -170px -125px; }
div.agendaInfo div.infoContent { padding-top: 7px; height: 20px; }

/* SPECIFICS */
#accountName_status_error label.error {	float: left; }

table.subscriptionData td h3 { width: 100%; margin: 0px; padding: 0px 0px 2px 0px; color: #4C928B; padding-top: 10px; color: #333; font-size: 13px; font-weight: bolder; border-bottom: 1px solid #CCC; }	
table.subscriptionData>tbody>tr>td { vertical-align: top; padding-top: 15px; width: 25%; }
table.subscriptionData div.line { padding-bottom: 10px; font-size: 1.1em; }
table.subscriptionData div.line .lineTitle { padding-bottom: 3px; color: #999; font-weight: 100; font-size: 1em; }
table.subscriptionData div.line p { font-size: 1.1em; }


.noLogo { font-style: italic; color: #999; }

.visibleWeb { clear: both; background: transparent url(images/assets.png) no-repeat scroll 5px -317px;	padding-left: 27px;	 }


.blogPostStatus_published {
	font-weight: bolder; 
	color: #00CC00;
}
.blogPostStatus_draft {
	font-weight: bolder; 
	color: #D84117;
}

.boOnlineViewx {font-size: 16px;}

.previousEvents {}
.previousEvents .previousEvent {margin-bottom: 15px;}
.previousEvents .visitReport {background: transparent url(images/eventType_visitReport.png) no-repeat scroll 0px 0px; padding-left: 25px; margin-left: -5px;}
.previousEvents .onlineChat {background: transparent url(images/eventType_onlineChat.png) no-repeat scroll 0px 0px; padding-left: 25px; margin-left: -5px;}
.previousEvents .previousEvent a.previousEventTitle {display:block; font-weight: bolder; text-decoration: none; line-height: 18px;}
.previousEvents .previousEvent .previousEventContent {display:none; margin-top: 10px; margin-bottom: 6px;}
.previousEvents .previousEvent .previousEventContent > div {margin-bottom: 5px;}
.previousEvents .previousEvent .previousReportContent {margin-top: 10px; margin-bottom: 6px;}
.previousEvents .previousEvent .previousReportContent > div {margin-bottom: 5px;}
.previousEventContentTitle {font-weight: bolder; margin-top: 5px; color: #000;}
.previousReportContentTitle {font-size: smaller; font-weight: bolder; margin-top: 10px;}
.previousEventContentItem {color: #888; }
.previousReportContentItem {padding-top: 2px; line-height: 1.2em; }
.previousEventContentCreator {font-size: 0.9em; color: #000; margin-top: 10px;}
.previousEventContentCreator > div {margin-top: 5px;}


.dossierEvent {margin-left: 0px !important; margin-top: 15px !important;}
.dossierEvent .dataLabel {color: #000;}
.dossierEvent .textarea {margin-top: 10px !important;}


input[type=file] { width: 100%; }

/* AGENDA */
#newAgendaEntry {
	Xposition: relative;
}
#newAgendaEntry > div.pageActions {
	Xposition: absolute;
	Xtop: 0px;
	Xleft: 0px;
}
#newAgendaEntry > div.newAgendaEntryMain > div.pageActions {padding-bottom: 0px;}
#newAgendaEntry > div.newAgendaEntryMain {
	Xposition: absolute;
	Xtop: 36px;
	Xleft: 2px;
	border: 1px solid #ccc;
	padding: 20px;
	margin: -14px 0px 10px 2px;
	z-index: 100;
	-moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; -khtml-border-radius: 0px 10px 10px 10px; border-radius: 0px 10px 10px 10px;
	background-color: #F5F5F6;
	Xbackground-color: #DAF2F8;
	display: none;
}
#newAgendaEntry > div.newAgendaEntryMain > div.pageActions {
	padding-top: 15px;
	clear: left;
}
#newAgendaEntry > div.pageActions > a {
	background-color: #F5F5F6;
	color: #999;
}
#newAgendaEntry > div.pageActions > a:hover {
	color: #000000;
}
#newAgendaEntry > div.pageActions > a.selected {
	color: #000000;
	-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;	
	border-bottom: none;
	background-color: #F5F5F6;
	Xbackground-color: #DAF2F8;
}
#newAgendaEntry > div.pageActions > a.disabled {
	cursor: default;
	background-color: #F5F5F6;
	color: #CCC;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-bottom: 6px;	
}

#newAgendaEntry .visitrole_doctor,
#newAgendaEntry .visitrole_nurse { font-size: 12px; padding-left: 10px;}

#newAgendaEntry div.preWizardData {padding: 3px; margin-bottom: 10px;}
#newAgendaEntry table.wizardData > tbody > tr > td {padding: 3px; vertical-align: top;}
#newAgendaEntry table.wizardData > tbody > tr > td.label {font-weight: bolder;}

#newAgendaEntry .selectedDayTitle {
	margin-bottom: 10px; font-weight: bolder;
}

table.agendaAndCalendarContainer {width: 100%}
table.agendaAndCalendarContainer > tbody > tr > td {vertical-align: top; }
table.agendaAndCalendarContainer > tbody > tr > td.availableTime {width: 100%;}
table.agendaAndCalendarContainer > tbody > tr > td.availableTime .rowActions {margin-top: 15px;}
table.agendaAndCalendarContainer > tbody > tr > td.calendarContainer {width: 240px; padding-right:10px;}

.calendarZone { clear:both; min-height: 245px; }
.calendarZone .calendarTitle { font-weight: bolder; padding: 10px 0px; }
.calendarZone .dayTitle { font-weight: bolder; padding: 0px 0px 15px 5px; font-size: 14px; }

.calendarZone .calendar { margin-right: 10px; position: relative;}
.calendarZone .calendar div.legend { position: absolute; bottom: -30px; font-size: 11px; padding-left: 2px; }
.calendarZone .calendar div.legend label { float: left; padding-left: 3px; padding-right: 6px; }
.calendarZone .calendar div.legend div { float: left; width: 9px; height: 9px; border: 1px solid #ccc; }
.calendarZone .calendar div.legend div.available { background: #B4FFA9; }
.calendarZone .calendar div.legend div.notAvailable{ background: #FF8C07; }
.calendarZone .calendar div.legend div.holiday { background: #D8D9DA; }
.calendarZone .calendar div.legend div.complete { background: #0001FF; clear:left; margin-top: 5px;}
.calendarZone .calendar div.legend label.complete {margin-top: 5px;}

.calendarZone table.agenda th.visitFromTo {min-width: 120px; max-width: 120px; width: 120px; text-align: center;}
.calendarZone table.agenda > tbody > tr > td {padding: 3px;}
.calendarZone .availableTime .line { height: 22px; color: #999;}
.calendarZone .availableTime tr.blockedSlot > td {color: #FF8C07;}
.calendarZone .availableTime tr.freeSlot > td {color: #23b300; vertical-align: center;}
.calendarZone .availableTime tr.reservedSlot > td {color: #999;}
.calendarZone .availableTime tr.lessThanVisit > td {color: #b30000;}
.calendarZone .availableTime td.dayWithoutEntries { color: #999; font-style: italic; }
.calendarZone .availableTime tr.hideSlot {display: none;}
.calendarZone .availableTime tr.forcedEntry > td {color: #b30000;}

.calendarZone div.ui-datepicker-buttonpane {border: none; margin: 0px;}


/*
 style="color: #f00; font-style: italic;"

class="freeSlot" style="color: #999; font-style: italic;"

 color: #333333; font-style: italic;
*/
table.selectVisitData td {padding: 3px; vertical-align: top;}
table.selectVisitData td.label {font-weight: bolder;} 


/* ACTIVITY PAGE */
div.pendingTasks .phoneCallsContainer,
div.pendingTasks .onlineAccessContainer,
div.pendingTasks .visitReportsContainer {
	padding: 5px 0px 20px 0px;
}
div.pendingTasks .phoneCallsContainer div.empty,
div.pendingTasks .onlineAccessContainer div.empty,
div.pendingTasks .visitReportsContainer div.empty {
	font-style: italic;
	color: #666;
}

table.agendaIndex {width: 100%}
table.agendaIndex > tbody > tr > td {padding: 15px;}
/* table.agendaIndex td {vertical-align: top; background-color: #F5F5F6;} */
table.agendaIndex td {vertical-align: top; background-color: #FFF;} /* MATERIAL */
table.agendaIndex td.colAgenda {padding-right: 10px;}
table.agendaIndex td.colCalendar {padding-left: 10px;width: 230px; max-width: 230px;}

table.activityIndex {width: 100%;}
table.activityIndex td {vertical-align: top;}
table.activityIndex td.col1 {padding-right: 10px;width: 60%;}
table.activityIndex td.col2 {padding-left: 10px;width: 40%;}
table.activityIndex h3 {
	color: #333; width: 100%; margin: 0px 0px 10px 0px; padding: 10px 0px 5px 0px; 
	font-weight: bolder; border-bottom: 1px solid #CCC;
	float: none;
}
table.activityIndex ul.agenda {}
table.activityIndex ul.agenda li { margin-bottom: 10px; line-height: 20px;}

table.activityIndex ul.agenda li span.time {font-weight: 400 !important;}
table.activityIndex ul.agenda li a {text-decoration: none; padding: 3px 5px 3px 0px;}
table.activityIndex ul.agenda li a:hover {text-decoration: none;font-weight: bolder; color: #000; }
table.activityIndex ul.agenda li.free { }
table.activityIndex ul.agenda li.free span.desc {color: #999;font-style: italic;}
table.activityIndex ul.agenda li.completed span.desc {color: blue !important;}
table.activityIndex ul.agenda li.arrived span.desc {color: red;}
table.activityIndex ul.agenda li.unpresented span.desc {color: #000; text-decoration: line-through;}

table.activityIndex ul.agenda li.blocked span.desc {color: #ff0000;}
table.activityIndex ul.agenda .activityChatContent {padding-left: 5px;}
table.activityIndex ul.agenda .phoneCallNotes {padding-left: 5px;}
table.activityIndex .emptyActivityContent {padding-left: 5px;}
table.activityIndex span.visitType {}
table.activityIndex span.visitType_first {color: green;}
table.activityIndex span.visitType_followUp {color: blue;}
table.activityIndex span.visitType_tele {color: red;}
table.activityIndex span.visitType_home {color: magenta;}
table.activityIndex ul.agenda li a:hover span.visitType {color: inherit;}
table.activityIndex div.entryNotes {font-size: 0.9em; color: #999; padding-left: 140px; margin-top: 3px; height: 13px; line-height: 13px; overflow-y: hidden; font-style: italic;}
table.activityIndex div.phoneCallNotes {font-size: 0.9em; color: #999; padding-left: 5px; margin-top: 3px; overflow-y: hidden; font-style: italic;}
table.activityIndex div.activityChatContent {font-size: 0.9em; color: #999; padding-left: 5px; margin-top: 3px; overflow-y: hidden; font-style: italic;}
table.activityIndex div.entryType {font-size: 0.9em; padding-left: 140px; margin-top: 3px; height: 13px; line-height: 13px; overflow-y: hidden;}

div.phoneCallsContainer ul.agenda li {line-height: 1em;}
div.onlineAccessContainer ul.agenda li {line-height: 1em;}


.imContextMenu {
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;	
	position: absolute; 
	min-width: 170px; 
	background: #DAF2F8; 
	border: 1px solid #aaa; z-index: 99; 
	padding: 0px;
	min-width: max-content;
}

.imContextMenu div.contextMenuAction {
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	/* background-color: #F5F5F6; */
	background-color: #FFF; /* MATERIAL */
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}
.imContextMenu div.contextMenuAction a {
	padding: 5px;
	height: 30px;
	text-decoration: none;
	color: #1a171a;
	line-height: 20px;
}
.imContextMenu div.contextMenuAction:hover,
.imContextMenu div.contextMenuAction a:hover {
		background-color: #DAF2F8;
}

.imContextMenu div.contextMenuAction a div.icon {
	float: left;
	margin-right: 5px;
	margin-top: 1px; 
	background: #BFC0C1 url(images/imedic_icons.png) no-repeat; width: 18px; height: 18px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}
.imContextMenu div.contextMenuAction:hover a div.icon,
.imContextMenu div.contextMenuAction a:hover div.icon 
{ background-color: #9FA0A1; }

.imContextMenu div.contextMenuAction a.viewPatient div.icon {
	background-position: -190px -30px;
	}
.imContextMenu div.contextMenuAction a.showVisitReport div.icon {
	background-position: -190px -30px;
	}
.imContextMenu div.contextMenuAction a.createPatient div.icon {
	background-position: -190px -30px;
	}
.imContextMenu div.contextMenuAction a.programNewVisit div.icon {
	background-position: -230px -30px;
	}
.imContextMenu div.contextMenuAction a.programBlockAgenda div.icon {
	background-position: -270px -30px;
	}
.imContextMenu div.contextMenuAction a.updateVisit div.icon {
	background-position: -250px -30px;
	}
.imContextMenu div.contextMenuAction a.startVisit div.icon {
	background-position: -170px -30px;
	}
.imContextMenu div.contextMenuAction a.markAsAttended div.icon {
	background-position: -150px -30px;
	}
.imContextMenu div.contextMenuAction a.cancelVisit div.icon {
	background-position: -150px -5px;
	}
.imContextMenu div.contextMenuAction a.markAsArrived div.icon {
	background-position: -230px -30px;
	}
.imContextMenu div.contextMenuAction a.markAsUnAttended div.icon {
	background-position: -150px -5px;
	}
.imContextMenu div.contextMenuAction a.markAsUnpresented div.icon {
	background-position: -150px -5px;
	}
.imContextMenu div.contextMenuAction a.processVisit div.icon {
	background-position: -130px -30px;
	}
.imContextMenu div.contextMenuAction a.printTicket div.icon {
	background-position: -110px -30px;
	}
.imContextMenu div.contextMenuAction a.copyVisit div.icon {
	background-position: -290px -53px;
	}

.imContextMenu div.contextMenuTitle {
	border-bottom: 1px solid #CCC;
	cursor: default;
	background-color: #F5F5F6;
	/* background-color: #FFF; /* MATERIAL */
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

.imContextMenu div.contextMenuTitle span {
	padding: 5px;
	height: 30px;
	text-decoration: none;
	color: #1a171a;
	line-height: 20px;
}

.imContextMenu div.contextMenuTitle span div.icon {
	float: left;
	margin-right: 5px;
	margin-top: 1px; 
	background: #BFC0C1 url(images/imedic_icons.png) no-repeat; width: 18px; height: 18px;
	background-color: #9FA0A1;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
}

.imContextMenu div.contextMenuTitle span.patientPhone div.icon {
	background-position: -230px -53px;
	}




body.virtual .medium h1, .chatView h1 {font-size: 20px; margin-bottom: 10px;}
.chatView .smallText {font-size: 0.8em;}

.chatNewMessage input[type="text"] {font-size: 1em; width: 100%; border: none; background-color: #f6f6f6; height: 20px; line-height: 20px;}
.chatNewMessage textarea {font-size: 1em; width: 100%; border: none; background-color: #f6f6f6; height: 150px; line-height: 20px; resize: none;}
.chatNewMessage label {font-size: 0.9em; margin-bottom: 3px;}
.chatNewMessage div.label {margin-top: 20px; margin-bottom: 10px;}

.chatView {font-size: 16px; }
.chatView {padding: 10px; margin-bottom: 10px;}
.chatView_new {background-color: #f2f8fb;}
.chatView_open {background-color: #fff4ea;}
.chatView_closed {background-color: #f5fbec;}
.chatView table.chatHeader {width: 100%;}
.chatView table.chatHeader > tbody > tr > td {padding: 10px; vertical-align: top;}
.chatView table.chatHeader .headerSectionBorder {border-right: 1px dotted #c7bbb1;}
.chatView table.chatHeader .smallText {font-size: 0.7em;}
.chatView table.chatHeader .personName { font-size: 0.9em; padding-top: 5px; line-height: 1.3em; }

.ui-tabs-panel .chatView {padding: 0px; margin-bottom: 0px;}
.ui-tabs-panel .chatView_new,.ui-tabs-panel .chatView_open,.ui-tabs-panel .chatView_closed {background-color: inherit !important;}

span.chatMessageReadStatus {display:block; float: right; color: #fff; white-space: nowrap; font-size: 0.8em;
	padding: 5px 10px 5px 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
span.chatMessageRead {background-color: #e8e8e8;}
span.chatMessageUnread {background-color: #93ca3b;}

.chatView .chatStatus {margin-top: 5px;}
.chatView_new .chatStatus {color: #6db0dc;}
.chatView_new .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px 0px;}
.chatView_open .chatStatus {color: #ff8800;}
.chatView_open .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px -50px;}
.chatView_closed .chatStatus {color: #9bc00d;}
.chatView_closed .chatStatusBack {height: 45px; background: url(images/public/assets_online.png) no-repeat scroll 0px -100px;}
.chatView .messagesContent {padding: 10px 10px 0px 10px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 16px; }

.chatView .firstMessage,.chatView .chatMessage {margin-bottom: 20px;}

.chatMessage {
  animation: fadeIn 2s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.chatView .chatMessage {padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.chatView .chatMessage_patient_medicalCenter, .chatView .chatMessage_medicalCenter_medicalCenter {
	background-color: #fff; margin-left: 50px;}
.chatView .chatMessage_patient_patient, .chatView .chatMessage_medicalCenter_patient {
	background-color: #e7efca; margin-right: 50px;}
.chatView .chatMessage .author {font-weight: bolder; font-size: 1.1em; margin-bottom: 10px;}
.chatView .chatMessage .attachment,.chatView .firstMessage .attachment {margin-top: 10px;}
.chatView a.addToMedicalHistory {color: inherit; font-size: 0.8em;}

.onlineActions {line-heightx: 35px; padding-top: 10px; padding-bottom: 15px;}
.onlineActions a {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	background-color: #eee; color: #666; padding: 5px 20px;}
.onlineActions a.main {background-color: #51B1DF; color: #fff !important;}

.clinicalHistoryContent {color: #000000;}
.clinicalHistoryContent h4 {font-weight: bolder;padding: 9px 0px 7px 0px;}
.clinicalHistoryContent h4 .counter {
	-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; border-radius: 1em;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	padding: .10em .5em;
	z-index: 30;
	/*text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;*/
	/*-webkit-box-shadow: #000 0 .1em .2em;*/
	overflow: hidden;
	/*color: white;*/
	/*border: 2px solid white;*/
	position: relative;
	width: auto;
	min-width: 1em;
	height: 1.5em;
	line-height: 1.4em;
	font-size: 0.7em;
	top: 0.4em;
	left: 5px;
	max-width: 100%;
	background-color: #daf2f8;
	/*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e60000), color-stop(50%, #b30000), color-stop(51%, #990000), color-stop(100%, #800000));*/
	/*background-image: linear-gradient(#e60000,#b30000 50%,#990000 51%,#800000);*/
	display: inline-block;
	text-align: center;
}
.clinicalHistoryContent h4 a {text-decoration: none;}
.clinicalHistoryContent ul { padding: 5px 5px 5px 5px;color: #666;//float:left;}
.clinicalHistoryContent ul li {padding-bottom: 5px;}
.clinicalHistoryContent ul li a.edit {margin-right: 10px; color: #54B1E0;}
.clinicalHistoryContent ul li a {text-decoration: none;}
.clinicalHistoryContent ul li a:hover {text-decoration: underline;}
.clinicalHistoryContent a.newClinicalHistory {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalHistoryContent ul div.editClinicalHistory { margin-bottom: 5px}
.clinicalHistoryContent div.newClinicalHistory {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalHistoryContent .selectHistoryType div {margin-bottom: 5px;}
.clinicalHistoryContent .newContainer {display:none;}
.clinicalHistoryContent .medicalHistoryItemForm .title {font-weight: bolder; margin-bottom: 8px;}
.clinicalHistoryContent .medicalHistoryItemForm textarea {resize: none; width: 95%; height: 50px; margin-bottom: 8px;}
.clinicalHistoryContent .medicalHistoryItemForm .historyItemActions {margin-top: 5px;}
.clinicalHistoryContent .medicalHistoryItem { color: #888; padding-bottom: 10px; padding-top: 5px; }
.clinicalHistoryContent .medicalHistoryItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }
.clinicalHistoryContent .vaccination {
	display: inline;
	//float: left;
}
.buttonVaccination {
	float:left;
	padding-left:10px;
}

.sharedFolderContent {color: #333;}
.sharedFolderContent h4 {font-weight: bolder;padding: 9px 0px 7px 0px;}
.sharedFolderContent h4 .counter {font-weight: 300; margin-left: 10px;}
.sharedFolderContent h4 a {text-decoration: none;}
.sharedFolderContent ul { padding: 5px 5px 5px 5px;color: #666;//float:left;}
.sharedFolderContent ul li {padding-bottom: 5px;}
.sharedFolderContent ul li a.edit {margin-right: 10px; color: #54B1E0;}
.sharedFolderContent ul li a {text-decoration: none;}
.sharedFolderContent ul li a:hover {text-decoration: underline;}
.sharedFolderContent a.newSharedDocument {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.sharedFolderContent ul div.editClinicalHistory { margin-bottom: 5px}
.sharedFolderContent div.newSharedDocument {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.sharedFolderContent .selectHistoryType div {margin-bottom: 5px;}
.sharedFolderContent .newContainer {display:none;}
.sharedFolderContent .medicalHistoryItemForm .title {font-weight: bolder; margin-bottom: 8px;}
.sharedFolderContent .medicalHistoryItemForm textarea {resize: none; width: 95%; height: 50px; margin-bottom: 8px;}
.sharedFolderContent .medicalHistoryItemForm .historyItemActions {margin-top: 5px;}
.sharedFolderContent .medicalHistoryItem { color: #888; padding-bottom: 10px; padding-top: 5px;}
.sharedFolderContent .medicalHistoryItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }
.sharedFolderContent .vaccination {
	display: inline;
	//float: left;
}

.clinicalTrackingContent {color: #333;}
.clinicalTrackingContent h4 {font-weight: 500;padding: 5px 0px 5px 0px;}
.clinicalTrackingContent h4 .counter {font-weight: normal; margin-left: 10px;}
.clinicalTrackingContent h4 a {text-decoration: none;}
.clinicalTrackingContent ul { padding: 5px 0px 5px 0px;color: #666; list-style-type: none;}
.clinicalTrackingContent ul li {padding-bottom: 5px;}
.clinicalTrackingContent ul li a.edit {margin-left: 10px; color: #54B1E0;}
.clinicalTrackingContent ul li a {text-decoration: none;}
.clinicalTrackingContent ul li a:hover {text-decoration: underline;}
.clinicalTrackingContent a.newClinicalTracking {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalTrackingContent a.newTrackingAlert {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.clinicalTrackingContent ul div.editClinicalTracking { margin-bottom: 5px}
.clinicalTrackingContent ul div.editTrackingAlert { margin-bottom: 5px}
.clinicalTrackingContent div.newClinicalTracking {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalTrackingContent div.newTrackingAlert {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.clinicalTrackingContent .selectTrackingType div {margin-bottom: 5px;}
.clinicalTrackingContent .selectTrackingMetric div {margin-bottom: 5px; margin-top: 15px; font-weight: bolder;}
.clinicalTrackingContent .newContainer {display:none;}
.clinicalTrackingContent .medicalTrackingItemForm .title {font-weight: 500; margin-bottom: 3px;}
.clinicalTrackingContent .medicalTrackingItemForm textarea {resize: none; width: 95%; height: 50px;}
.clinicalTrackingContent .medicalTrackingItemForm .trackingItemActions {margin-top: 5px;}
.clinicalTrackingContent .medicalTrackingItem { color: #888; padding-bottom: 10px; }
.clinicalTrackingContent .medicalTrackingItem .itemDay { font-size: 0.9em; color: #000; margin-bottom: 4px; }


/* COPIAT DE sharedFolderContent */
.informedConsentContent {color: #333;}
.informedConsentContent h4 {font-weight: bolder;padding: 9px 0px 7px 0px;}
.informedConsentContent h4 a {text-decoration: none;}
.informedConsentContent ul { padding: 5px 5px 5px 5px;color: #666;//float:left;}
.informedConsentContent ul li {padding-bottom: 5px;}
.informedConsentContent ul li a {text-decoration: none;}
.informedConsentContent ul li a:hover {text-decoration: underline;}
.informedConsentContent a.newInformedConsent {display:block; margin-bottom: 10px; cursor: pointer; text-decoration: none;}
.informedConsentContent div.newInformedConsent {display:none;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px;
	background-color: #F5F5F6;
}
.informedConsentContent .selectDocTemplate div {margin-bottom: 5px;}
.informedConsentContent .newContainer {display:none;}
.informedConsentContent .informedConsentTypeForm .title {font-weight: bolder; margin-bottom: 8px;}
.informedConsentContent .informedConsentTypeForm textarea {resize: none; width: 95%; height: 50px; margin-bottom: 15px;}
.informedConsentContent .informedConsentTypeForm .historyItemActions {margin-top: 5px;}
.informedConsentContent .object_data {display:block;}

.informedConsentContent div.object_list .object_data {display:block;}
.informedConsentContent .object_data div.informedConsentActions {margin-top: 10px;}



/* SPECIAL CALENDARS */
.ui-datepicker td.day_holiday {background-color: #D8D9DA; opacity: 1 !important;}
.ui-datepicker td.day_holiday .ui-state-default {background-image: none !important; background-color: #D8D9DA !important; color: #fff !important;}
.ui-datepicker td.day_complete {background-color: #FF8C07; opacity: 1 !important;}
.ui-datepicker td.day_complete .ui-state-default {background-image: none !important; background-color: #FF8C07 !important; color: #fff !important;}
.ui-datepicker td.day_available {background-color: #DAF2F8; opacity: 1 !important;}
.ui-datepicker td.day_available .ui-state-default {background-image: none !important; background-color: #DAF2F8 !important; color: #000 !important;}
.ui-datepicker td.day_available .ui-state-hover { background-image: none !important; background-color: #CAE2E8 !important; color: #000 !important;}
.ui-datepicker td.day_available .ui-state-active { background-image: none !important; background-color: #6DB0DD !important; color: #fff !important;}
.ui-datepicker td.day_notAvailable {background-color: #FF8C07; opacity: 1 !important;}
.ui-datepicker td.day_notAvailable .ui-state-default {background-image: none !important; background-color: #FF8C07 !important; color: #fff !important;}

.ts_type_attachment .attachment_name { color: #6a6a6a; } 
.ts_type_attachment .progress_report { }
.ts_type_attachment .progress_report .progress_report_name {}
.ts_type_attachment .progress_report .progress_report_status {font-style: italic; padding-top: 5px; padding-bottom: 2px; color: #aaa;}
.ts_type_attachment .progress_report .progress_report_bar_container {width: 90%; height: 10px;}
.ts_type_attachment .progress_report .progress_report_bar {background-color: blue; width: 0; height: 100%;}

div.professionalOnlineHolidays {background-color: #f7dd4c; padding: 8px; font-size: 1.2em; margin: 5px 0px;}
div.professionalOnlineHolidaysNotes {background-color: #f7dd4c; padding: 8px; font-size: 1.2em; margin: 5px 0px;}




.cmsWidget h3 {
	width: 100%;
	color: ;
	font-size: 26px;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif, Arial, Verdana;
}

.cmsWidget  ul {
	padding: 10px 10px 10px 30px;
	list-style-type: disc;
}
.cmsWidget  ul li {
	padding: 2px 0px;
}

.cmsWidget  strong {
	font-weight: 500;
}

.cmsWidget  a {
	color: #666;
	text-decoration: none;
}
.cmsWidget  a:hover {
	color: #000;
	text-decoration: underline;
}



/* .ui-datepicker { border: none; background: #F5F5F6; } */
.ui-datepicker { border: none; background: #FFF; } /* MATERIAL */


/* SPECIAL CALENDARS */
.ui-datepicker .ui-state-active { outline: 1px solid #333; border: 1px solid #333; }
.ui-datepicker td.day_holiday {background-color: transparent; opacity: 1 !important;}
.ui-datepicker td.day_holiday .ui-state-default {background-image: none !important; background-color: #D8D9DA !important; color: #fff !important;}
.ui-datepicker td.day_complete {background-color: transparent; opacity: 1 !important;}
.ui-datepicker td.day_complete .ui-state-default {background-image: none !important; background-color: #001FFF !important; color: #fff !important;}
.ui-datepicker td.day_available {background-color: transparent; opacity: 1 !important;}
.ui-datepicker td.day_available .ui-state-default {background-image: none !important; background-color: #B4FFA9 !important; color: #000 !important;}
.ui-datepicker td.day_notAvailable {background-color: transparent; opacity: 1 !important;}
.ui-datepicker td.day_notAvailable .ui-state-default {background-image: none !important; background-color: #FF8C07 !important; color: #fff !important;}
.ui-datepicker td.day_worked {background-color: transparent; opacity: 1 !important;}
.ui-datepicker td.day_worked .ui-state-default {background-image: none !important; background-color: #DAF2F8 !important; color: #000 !important;}


#activate_selectUser {  }
#activate_selectUser { background-color: #DAF2F8; clear:both; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
#activate_selectUser fieldset { background-color: transparent; }
#activate_selectUser .note { background-color: #FFD1A4; color: #000; padding: 20px 30px; font-size: 1.1em; line-height: 1.2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

.likePre {white-space: pre;}
a.newClinicalHistory {text-decoration: underline;}


.serviceDefinitionForm h1 { font-weight: bolder; }
span.invalidProfessionalAssigned {color: #f00;}

/* popupAction */
.popupAction {border: 1px solid black; padding: 10px; background-color: white; z-index: 1000;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.popupAction .title {font-weight: bolder; margin-bottom: 10px;}
.popupAction li {margin-bottom: 5px;}

.tsFloatingPanel {border: 1px solid black; padding: 10px; background-color: white; z-index: 1000;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
.tsFloatingPanel .title {font-weight: bolder; margin-bottom: 10px;}
.tsFloatingPanel li {margin-bottom: 5px;}


div.sendMailPanel .value {margin-bottom: 5px;}
div.sendMailPanel .label {margin-bottom: 5px; font-weight: bolder;}
div.sendMailPanel .actions {margin-top: 5px;}
div.sendMailPanel .actions a {margin-left: 10px;}

div.agendaLegend {
	padding-left: 5px;
	padding-top: 40px;
	width: 450px;
}
div.agendaLegend div.legendSection {
	float: left;
	width: 200px;
}
div.agendaLegend div.legendIcon {
	background: transparent url(images/legend_icons.png) no-repeat scroll 0px 0px;
	padding-left: 20px;
	line-height: 18px;
}
div.agendaLegend div.legend_forceVisit {
	background-position: 0px 0px;
}
div.agendaLegend div.legend_videoconsultation {
	background-position: 0px -481px;
}
div.agendaLegend div.legend_homeVisit {
	background-position: 0px -523px;
}
div.agendaLegend div.legend_viewPatient {
	background-position: 0px -40px;
}
div.agendaLegend div.legend_createPatient {
	background-position: 0px -120px;
}
div.agendaLegend div.legend_firstVisit {
	background-position: 0px -80px;
}
div.agendaLegend div.legend_onlineVisit {
	background-position: 0px -160px;
}
div.agendaLegend div.legend_cancelVisit {
	background-position: 0px -200px;
}
div.agendaLegend div.legend_markAsVisited {
	background-position: 0px -240px;
}
div.agendaLegend div.legend_startVisit {
	background-position: 0px -280px;
}
div.agendaLegend div.legend_phoneCall {
	background-position: 0px -320px;
}

table.contentWithMedicalHistory {width: 100%;}
table.contentWithMedicalHistory td {vertical-align: top;}
table.contentWithMedicalHistory td.col1 {padding-right: 10px;width: 60%;}
table.contentWithMedicalHistory td.col2 {padding-left: 10px;width: 40%;}
table.contentWithMedicalHistory td.col1 input[type=text],table.contentWithMedicalHistory td.col1 textarea {background-color: #fff;}

div.reminderMessagePreview {width: 75%; margin: 10px;}
div.reminderMessagePreview .title {font-weight: bolder; font-size: 1.2em; margin-bottom: 10px;}
div.reminderMessagePreview td { vertical-align: top; padding: 5px;}
div.reminderMessagePreview td.label {font-weight: bolder; white-space: nowrap;}
div.reminderMessagePreview td.content {min-width: 300px;}


div.alertMessage {margin: 10px; padding: 20px; background-color: #F6F6F6; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
div.alertMessage div.title {font-weight: bolder; font-size: 1.2em; margin-bottom: 10px; line-height: 1.4;}
div.alertMessage div.text {font-size: 1em; margin-bottom: 10px; line-height: 1.4;}

div.mergeBox {margin: 10px; padding: 20px; background-color: #F6F6F6; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
div.mergeBox div.title {font-weight: bolder; font-size: 1.2em; margin-bottom: 10px; margin-top: 20px; line-height: 1.4;}
div.mergeBox div.subtitle {font-weight: bolder; font-size: 1.1em; margin-bottom: 5px; margin-top: 10px; line-height: 1.2;}
div.mergeBox div.text {font-size: 1em; margin-bottom: 10px; line-height: 1.4;}

.select2-container .select2-choice > .select2-chosen {color: #000;}
div.box > div.title > h1 > div.select2-container {margin-top: -5px;} 

/* MEDICAL PRESCRIPTIONS */

table.medicalPrescription {width: 100%;}
table.medicalPrescription > tbody > tr > td {vertical-align: top;}
table.medicalPrescription > tbody > tr > td.col1 {}
table.medicalPrescription > tbody > tr > td.col2 {width: 300px;}

table.medicalPrescription div.patientData {float:left;}
table.medicalPrescription div.visitTypeData {float:right!important; text-align:right;} 
table.medicalPrescription div .dataLine {margin-bottom: 5px;}
table.medicalPrescription div .dataLabel {font-weight: bolder;}

table.medicalPrescription div.medicalPrescriptionZone {clear:both;}
table.medicalPrescription div.medicalPrescriptionZone .title {font-weight: bolder; margin-bottom: 3px; margin-top: 10px;}
table.medicalPrescription div.medicalPrescriptionZone textarea {width: 100%; height: 90px;}
table.medicalPrescription div.medicalPrescriptionZone .textarea {margin-top: 5px; }

.firstmedicalPrescription {padding-top:20px;}
.medicinePrescription {
	font-weight: bolder;
	border-bottom: 1px solid #CCCCCC;
    color: #000;
    padding: 30px 4px 2px 0px;
}
.lots {padding-top:10px;}
.interval {padding-top:15px;padding-bottom:10px;}
.when input {margin-bottom:8px;}
.printPrescription {color:red;padding-top:15px;padding-bottom:15px;}
.printPrescriptionText {padding:5px;}

.medicamentHeader td {font-weight: bolder; text-transform: capitalize; text-decoration: underline; }

div.urduText {font-family: Jameel Noori Nastaleeq; direction: rtl; text-align: center; }


div.multiVisitZone h4 {font-weight: bolder; font-size: 1.4em;padding-bottom: 10px;}
div.multiVisitZone tr.freeSlot {color: #23b300; vertical-align: center;}
div.multiVisitZone tr.freeSlot > td {padding-bottom: 2px; vertical-align: bottom;}
div.multiVisitZone tr.reservedSlot {color: #FF8C07; vertical-align: center;}
div.multiVisitZone tr.reservedSlot > td {padding-bottom: 2px; vertical-align: bottom;}

div.patientNextVisits h4 {font-weight: bolder; font-size: 1.4em;padding-bottom: 10px;}
div.patientNextVisits li {margin-bottom: 10px;}
div.patientNextVisits .visitDate {font-weight: bolder; text-transform: capitalize;}
div.patientNextVisits .noVisits {font-style: italic;}
div.patientNextVisits .visitrole_doctor {font-weight: bolder; color: #000099; padding-left: 15px;}
div.patientNextVisits .visitrole_nurse {font-weight: bolder; color: #009900; padding-left: 15px;}

div.lastVisit {
	float:right; margin-Bottom: 10px;
	padding:10px;
	background: #8DCFEA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE2F0', endColorstr='#64C4F3');
	background: -webkit-gradient(linear, left top, left bottom, from(#ACE2F0), to(#64C4F3));
	background: -moz-linear-gradient(top, #ACE2F0, #64C4F3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

div.lastVisit h4 {font-weight: bolder; font-size: 1.4em;padding-bottom: 10px;}
div.lastVisit .visitDate {font-weight: bolder; text-transform: capitalize;}
div.lastVisit .visitrole_doctor {font-weight: bolder; color: #000099; padding-left: 15px;}
div.lastVisit .visitrole_nurse {font-weight: bolder; color: #009900; padding-left: 15px;}

.pendingVisits .rowActions {float:right;}

.jqMultiActionsShow {float:left;}

.initialSetup_message_final {
	background-color: #B3EEC3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	padding: 25px;
	margin-top: 15px;
}
.initialSetup_message_final p {
	font-size: 13px;
	font-weight: bolder;
}

.agenda_noDays_message {
	background-color: #FF8C07;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	padding: 15px;
	margin-top: 15px;
	display: inline-flex;
	border-color: rgb(90, 170, 100);
	border-width: 1px;
	border-style: solid;
	max-width: 639px;
}

.agenda_noDays_message p {
	font-size: 13px;
	font-weight: bolder;
	color: #fff;
	line-height: 15px;
}

table.visitReport {width: 100%;}
table.visitReport > tbody > tr > td {vertical-align: top;}
table.visitReport > tbody > tr > td.col1 {}
table.visitReport > tbody > tr > td.col2 {width: 300px;}

table.visitReport div.patientData {float:left;}
table.visitReport div.visitTypeData {float:right; text-align:right;} 
table.visitReport div .dataLine {margin-bottom: 5px;}
table.visitReport div .dataLabel {font-weight: bolder;}

table.visitReport div.visitReportZone {clear:both;}
table.visitReport div.visitReportZone .title {font-weight: bolder; margin-bottom: 10px; margin-top: 10px;}
table.visitReport div.visitReportZone textarea {width: 100%; height: 90px;} 
table.visitReport div.visitReportZone .textarea {margin-top: 10px; } 

.newNoteContainer {display:none;}
.newAdminNoteContainer {display:none;}
.additionalNote {margin-bottom: 15px;}
.additionalNote .author {margin-bottom: 5px; color: #666; font-size: 0.9em;}
.additionalNote .noteDate {}
.additionalNote .noteContent {}


table.invoice {width: 100%;}
table.invoice > tbody > tr > td {vertical-align: top;}
table.invoice > tbody > tr > td.col1 {}
table.invoice > tbody > tr > td.col2 {width: 300px;}

table.invoice div.patientData {float:left;}
table.invoice div.visitTypeData {float:right; text-align:right;} 
table.invoice div .dataLine {margin-bottom: 5px; line-height: 1.5em;}
table.invoice div .dataLabel {font-weight: bolder;}

table.invoice div.invoiceDataZone {clear:both;}
table.invoice div.invoiceDataZone .title {font-weight: bolder; margin-bottom: 10px; margin-top: 10px;}
table.invoice div.invoiceDataZone textarea {width: 100%; height: 90px;} 
table.invoice div.invoiceDataZone .textarea {margin-top: 10px; } 

table.invoice div.invoiceDataHide {clear:both;}
table.invoice div.invoiceDataHide {font-size: 0.7em;}
table.invoice div.invoiceDataHide .title {font-weight: bolder; margin-bottom: 10px; margin-top: 10px;}
table.invoice div.invoiceDataHide textarea {width: 50%; height: 90px;} 
table.invoice div.invoiceDataHide .textarea {margin-top: 10px; } 


.invoice_section {
  display: flex;
  margin: 20px 0px 50px 0px;
}

.invoice_container {
  padding-left: 10px;
  padding-right: 10px;
}

.invoice_container h2 {
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}
.invoice_container h2 small {font-size: 0.5em;}

.invoice_container h1 {
  font-size: 22px;
  margin: 0px 0px 22px 0px;
}

.invoice_container .dataLine {line-height: 1.5em;}
.invoice_container .dataLine .dataLabel {font-weight: bolder;}

.invoice_responsive-table li {
    border-radius: 3px;
    padding: 10px;
    display: flex;
    margin-bottom: 10px;
}
 
 .invoice_table-header {
    background-color: #dcdcdc;
    font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center !important;
    letter-spacing: 0.03em;
 }

 
 .invoice_table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
 }
 
 .invoice_col-1 {
    flex-basis: 10%;
    text-align: center;
 }
 .invoice_col-2 {
    flex-basis: 40%;
    text-align: left;
 }
 .invoice_col-3 {
    flex-basis: 15%;
    text-align: right;
 }
 .invoice_col-4 {
    flex-basis: 10%;
    text-align: center;
 }
.invoice_col-5 {
    flex-basis: 10%;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: flex-end;
 }
.invoice_col-6 {
    flex-basis: 15%;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: flex-end;
 }


.invoiced_col-0 {
    width: 80px;
    text-align: left;
 }
 .invoiced_col-1 {
    width: 30px;
    text-align: center;
 }
 .invoiced_col-2 {
    width: 210px;
    text-align: left;
    text-overflow: ellipsis;
 }
 .invoiced_col-3 {
    width: 170px;
    text-align: left;
    text-overflow: ellipsis;
 }
 .invoiced_col-4 {
 	width: 60px;
    text-align: center;
 }
.invoiced_col-5 {
	width: 80px;
    text-align: right;
 }

.invoiced_col-date {
	width: 80px;
    text-align: left;
 }

.invoiced_col-amount {
	width: 80px;
    text-align: right;
 }

.invoiced_col-center {
	width: 100px;
    text-align: center;
 }

 .invoiced_col-professional {
	width: 200px;
    text-align: left;
    white-space: nowrap;       /* Impedeix que el text salti de línia */
	overflow: hidden;          /* Amaga el text que superi l'ample del contenidor */
	text-overflow: ellipsis;   /* Afegir punts suspensius (...) quan el text es retalla */
	display: inline-block;
 }


 .invoice_3col {
    flex-basis: 33%;
    text-align: left;
 }

.invoice_resume_responsive-table li {
    border-radius: 3px;
    padding: 0px;
    margin-bottom: 10px;
}
.invoice_resume {
	font-weight: bolder;
	padding-right: 10px !important;
    margin-bottom: 5px !important;
    align-items: center;
}
.invoice_resume_col {
    text-align: right;
 }
.invoice_resume input {border-style: hidden !important; padding-right: 6px !important; font-weight: bolder !important; }

.invoice_container textarea {width: 100%; height: 70px;} 
/* Seoga sync */

.corporateSync .title {
  font-size: 22px;
  margin: 0px 0px 15px 0px;
  cursor: default;
}

.corporateSync .subtitle {
  font-size: 18px;
  margin: 20px 0px 10px 0px;
  cursor: default;
}

.corporateSync .subtitle2 {
  font-size: 1em;
  padding: 10px 0px 10px 0px;
  cursor: default;
}

.corporateSync .content {
  font-size: 1em;
  padding: 0px 0px 10px 0px;
  cursor: default;
}

.corporateSync .subtitle small {font-size: 0.5em;}
.corporateSync .expandableText {cursor: pointer;}
.corporateSync .expandableDiv {padding: 0px 20px 0px 0px;}
.corporateSync hr {border: 0; }


  
 @media all and (max-width: 767px) {
    .invoice_table-header {
      display: none;
    }
    .invoice_table-row li{
      display: block;
    }
    .col {
      flex-basis: 100%;
    }
    .col {
      display: flex;
      padding: 10px 0;
      &:before {
        color: #6C7A89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 50%;
        text-align: right;
      }
    }
  }




.alert_section {
  display: flex;
  margin: 0px 0px 50px 0px;
}

.alert_container {
  padding-left: 0px;
  padding-right: 10px;
}

.alert_container h2 {
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}
.alert_container h2 small {font-size: 0.5em;}

.alert_container h1 {
  font-size: 22px;
  margin: 0px 0px 22px 0px;
}

.alert_responsive-table li {
    border-radius: 3px;
    padding: 10px;
    display: flex;
    margin-bottom: 10px;
}
 
 .alert_table-header {
    background-color: #dcdcdc;
    font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center !important;
    letter-spacing: 0.03em;
 }

 
 .alert_table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
 }
 
 .alert_col-date {
    width: 90px;
    text-align: center;
 }
 .alert_col-type {
    width: 100px;
    text-align: left;
 }
 .alert_col-text {
    text-align: left;
 }
 


.activeAgenda {
	padding-top: 10px;
}


.clear {
	clear: both;
}
ul.functionalities {

}
ul.functionalities>li {
	padding: 10px 0px;
	margin: 5px 0px;
}
ul.functionalities>li label {
	font-weight: 100;	
}
ul.functionalities>li label.title {
	font-weight: bolder;	
}
ul.functionalities>li p {
	font-style: italic;
	padding: 0px 30px 0px 20px;	
	color: #777;
}
ul.functionalities>li div.config {
	display: none;
	padding: 5px 30px;
}
ul.functionalities>li div.config div.items {
	padding: 5px 20px 5px 20px;
	display: none;
}
ul.functionalities>li div.config div.videochat_items {
	padding: 5px 20px 5px 20px;
	display: block;
}
ul.functionalities>li div.config div.onlineAgendaCreate_items {
	padding: 5px 20px 5px 20px;
	display: none;
}
ul.functionalities>li div.config div.items label {
	display: block;
	text-align: left;
}
ul.functionalities>li div.config div.videochat_items label {
	display: block;
	text-align: left;
}
ul.functionalities>li div.config div.onlineAgendaCreate_items label {
	display: block;
	text-align: left;
}
ul.functionalities>li div.config li {
	clear: both;
}
ul.functionalities>li.checked {
	background-color: #fff;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;
}
ul.functionalities>li.checked p {
	color: #000;
}
ul.functionalities>li.checked div.config {
	display: block;
}


.itemsEditor .objectAggregation {margin-bottom: 5px;}
.itemsEditor .customServiceWrite,
.itemsEditor .customServiceRead { 
	margin-bottom: 10px;
	width: 320px;
	float: left!important; clear: both; 
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;
}
.itemsEditor .objectAggregationEditor { padding-right: 10px!important; float: left!important; }
.itemsEditor .objectAggregationEditorRemove { padding-right: 10px!important; float: left!important; }
.itemsEditor .objectAggregationAddAnother { clear: both; }
.itemsEditor .customServiceWrite .provision {
	
}
.itemsEditor .customServiceWrite .provision ul label,
.itemsEditor .customServiceWrite .provision .items label {
	display: block;
	font-weight: 100;
	text-align: left;
}
.itemsEditor .customServiceWrite .provision .items {
	padding-right: 25px!important;
	display: none;
}

.itemsEditor .customServiceRead .provision ul.provisionItem {
	list-style-type: circle;
	padding: 5px 30px;
}

.medicalVaccination {
	font-size: 0.9em;
	border: 1px solid #E5E5E5;
	width:350px;
	margin-top:10px;
	margin-bottom:15px;
}

.medicalVaccination input {	
    width: 200px;
}

.vaccination dl dt {
	width:80px;
	line-height: 20px;
}
		
.vaccination dl dd {
	width:200px;
}

.invitationSent {
	padding:2px;
}

.buttonPay {
   border-top: 1px solid #030101;
   background: #e07848;
   background: -webkit-gradient(linear, left top, left bottom, from(#e6934a), to(#e07848));
   background: -webkit-linear-gradient(top, #e6934a, #e07848);
   background: -moz-linear-gradient(top, #e6934a, #e07848);
   background: -ms-linear-gradient(top, #e6934a, #e07848);
   background: -o-linear-gradient(top, #e6934a, #e07848);
   padding: 20px 40px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 18px!important;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonPay:hover {
   border-top-color: #ed6415;
   background: #ed6415;
   color: #ede6e6;
   }
.buttonPay:active {
   border-top-color: #f07939;
   background: #f07939;
   }

.selectPayment {
	padding-top:15px;
}

td.payment {
	width: 50%;
	padding-top: 0px!important;
}

td.payment fieldset dl dt {
	border-top: none;
	padding-top: 4px;
	padding-bottom: 8px;
	width: 150px;
}

td.payment fieldset dl dd {
	width: 150px;
}

.selectTypePayment {
	padding-left: 30px;
}

.selectTypePayment p {
	padding: 5px;
}

.selectTypePayment div.iban {	
	padding:10px;
}
.selectTypePayment div.paypal {	
	padding:10px;
}

.plans {
	padding:10px;
}

.plans p{
	padding-bottom:10px;
}

.blinkingText {
  
  animation-name: blinkingText;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:blinkingText;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinkingText{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinkingText {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes blinkingText {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.listRow {
	padding: 5px;
}

.listRow::after {
	content: "";
	clear: both;
	display: table;
}


.listRow:hover {
	background-color: #DDD; 
	/*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
}


/* Tooltip text */
.alertIcon .tooltiptext {
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  text-align: left;
  padding: 10px;
  border-radius: 6px;
  cursor: default;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1000;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

div.expandableText {
	position: relative;
	cursor: default;
}

div.expandableText .tooltiptext {
  visibility: hidden;
  min-width: 300px;
  max-width: 600px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  text-align: left;
  padding: 10px;
  border-radius: 6px;
  cursor: default;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1000;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}


/* Show the tooltip text when you mouse over the tooltip container */
.alertIcon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div.expandableText:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltipTitle {
  font-size: 0.8em;
  color: #999;
  margin-top: 5px;
  line-height: 10px;
}

.tooltipContent {

}


div.objectAggregation .datalabel {font-weight: bolder;}

div.objectAggregationEdit {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}



/* MATERIAL DESIGN */

/* SWITCH */
.pure-material-switch {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-switch > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    right: 6px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

/* Span */
.pure-material-switch > span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Track */
.pure-material-switch > span::before {
    content: "";
    float: right;
    display: inline-block;
    margin: 5px 0 5px 10px;
    border-radius: 7px;
    width: 36px;
    height: 14px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    vertical-align: top;
    transition: background-color 0.2s, opacity 0.2s;
}

/* Thumb */
.pure-material-switch > span::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 16px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.2s;
}

/* Checked */
.pure-material-switch > input:checked {
    right: -10px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-switch > input:checked + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}

.pure-material-switch > input:checked + span::after {
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: translateX(16px);
}

/* Hover, Focus */
.pure-material-switch:hover > input {
    opacity: 0.04;
}

.pure-material-switch > input:focus {
    opacity: 0.12;
}

.pure-material-switch:hover > input:focus {
    opacity: 0.16;
}

/* Active */
.pure-material-switch > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.pure-material-switch > input:active + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}

.pure-material-switch > input:checked:active + span::before {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Disabled */
.pure-material-switch > input:disabled {
    opacity: 0;
}

.pure-material-switch > input:disabled + span {
    color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
    opacity: 0.38;
    cursor: default;
}

.pure-material-switch > input:disabled + span::before {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-switch > input:checked:disabled + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}



/**
 * MUI Textfield Component
 */
.mui-textfield {
  display: block;
  padding-top: 15px;
  margin-bottom: 20px;
  position: relative;
}
.mui-textfield > label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mui-textfield > textarea {
  padding-top: 5px;
}
.mui-textfield > input:focus ~ label,
.mui-textfield > textarea:focus ~ label {
  color: #2196F3;
}

.mui-textfield--float-label > label {
  position: absolute;
  -webkit-transform: translate(0px, 15px);
  transform: translate(0px, 15px);
  font-size: 16px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.26);
  text-overflow: clip;
  cursor: text;
  pointer-events: none;
}
.mui-textfield--float-label > input:-webkit-autofill ~ label,
.mui-textfield--float-label > textarea:-webkit-autofill ~ label {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  font-size: 12px;
  line-height: 15px;
  text-overflow: ellipsis;
}
.mui-textfield--float-label > input:focus ~ label,
.mui-textfield--float-label > textarea:focus ~ label {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  font-size: 12px;
  line-height: 15px;
  text-overflow: ellipsis;
}
.mui-textfield--float-label > input:not(:focus).mui--is-not-empty ~ label, .mui-textfield--float-label > input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield--float-label > textarea:not(:focus).mui--is-not-empty ~ label,
.mui-textfield--float-label > textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield--float-label > textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 15px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  text-overflow: ellipsis;
}

.mui-textfield--wrap-label {
  display: table;
  width: 100%;
  padding-top: 0px;
}
.mui-textfield--wrap-label:not(.mui-textfield--float-label) > label {
  display: table-header-group;
  position: static;
  white-space: normal;
  overflow-x: visible;
}

.mui-textfield > input,
.mui-textfield > textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  outline: none;
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  font-size: 16px;
  font-family: inherit;
  line-height: inherit;
  background-image: none;
}
.mui-textfield > input:focus,
.mui-textfield > textarea:focus {
  border-color: #2196F3;
  border-width: 2px;
}
.mui-textfield > input:-moz-read-only, .mui-textfield > textarea:-moz-read-only {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1;
}
.mui-textfield > input:disabled, .mui-textfield > input:read-only,
.mui-textfield > textarea:disabled,
.mui-textfield > textarea:read-only {
  cursor: not-allowed;
  background-color: transparent;
  opacity: 1;
}
.mui-textfield > input::-webkit-input-placeholder, .mui-textfield > textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}
.mui-textfield > input::-moz-placeholder, .mui-textfield > textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}
.mui-textfield > input:-ms-input-placeholder, .mui-textfield > textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}
.mui-textfield > input::-ms-input-placeholder, .mui-textfield > textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}
.mui-textfield > input::placeholder,
.mui-textfield > textarea::placeholder {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
}

.mui-textfield > input {
  height: 32px;
}
.mui-textfield > input:focus {
  height: calc(32px + 1px);
  margin-bottom: -1px;
}

.mui-textfield > textarea {
  min-height: 64px;
}
.mui-textfield > textarea[rows]:not([rows="2"]):focus {
  margin-bottom: -1px;
}

.mui-textfield > input:focus {
  height: calc(32px + 1px);
  margin-bottom: -1px;
}

.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:invalid:not(:focus):not(:required),
.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty,
.mui-textfield > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched,
.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
  border-color: #F44336;
  border-width: 2px;
}

.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
  height: calc(32px + 1px);
  margin-bottom: -1px;
}

.mui-textfield.mui-textfield--float-label > input:invalid:not(:focus):not(:required) ~ label, .mui-textfield.mui-textfield--float-label > input:invalid:not(:focus):required.mui--is-not-empty ~ label, .mui-textfield.mui-textfield--float-label > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield.mui-textfield--float-label > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield.mui-textfield--float-label > textarea:invalid:not(:focus):not(:required) ~ label,
.mui-textfield.mui-textfield--float-label > textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,
.mui-textfield.mui-textfield--float-label > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,
.mui-textfield.mui-textfield--float-label > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label {
  color: #F44336;
}
.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):not(:required) ~ label, .mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):required.mui--is-empty.mui--is-touched ~ label, .mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):required.mui--is-not-empty ~ label,
.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):not(:required) ~ label,
.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched ~ label,
.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):required.mui--is-not-empty ~ label {
  color: #F44336;
}

.mui-textfield.mui-textfield--float-label > .mui--is-invalid.mui--is-not-empty:not(:focus) ~ label {
  color: #F44336;
}
.mui-textfield:not(.mui-textfield--float-label) > .mui--is-invalid:not(:focus) ~ label {
  color: #F44336;
}

/* MATERIAL SWITCH */
div.material {display:flex;}
div.material input[type=checkbox]{
	height: 0px;
	width: 0px;
	visibility: hidden;
	float: left;
}

div.material label {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px;
	height: 20px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

div.material label:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100px;
	transition: 0.1s;
}

div.material input:checked + label {
	background: #bada55;
}

div.material input:checked + label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

div.material label:active:after {
	width: 16px;
}

.materialAction { padding: 9px 15px; background-color: #f5f5f5; color: #000; text-decoration: none; font-weight: 400; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; float: left; border-left: 0px solid #ccc; }
.materialAction:hover { background-color: #DAF2F8; color: #000;}
.materialAction { border-top-left-radius: 15px; border-bottom-left-radius: 15px; margin-left: 2px; }
.materialAction { border-right: 0px solid #ccc; border-top-right-radius: 15px; border-bottom-right-radius: 15px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}
.materialAction .left {float:left; margin-right: 1em;}
.materialAction .right {float:right; margin-left: 1em;}

/* MATERIAL ICON BUTTON */
.iconButton {
	background: none;
	width: 28px;
	min-width: 28px;
	height: 28px;
	min-height: 28px;
	border-radius: 20%;
	cursor: pointer;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px;
}

.iconButton:hover {
	background-color: #DAF2F8;
	color: #222222 !important;
}


/* MATERIAL CONTAINER Ja està més amunt
.invoice_section {
  display: flex;
  margin: 20px 0px 50px 0px;
}

.invoice_container {
  padding-left: 10px;
  padding-right: 10px;
}

.invoice_container h2 {
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}
.invoice_container h2 small {font-size: 0.5em;}

.invoice_container h1 {
  font-size: 22px;
  margin: 0px 0px 22px 0px;
}
*/



/* MATERIAL CAPÇALERA */

div.titleAction {
	height: 50px;
	min-height: 50px;
	display: flex;
    align-items: center;
}

/* MATERIAL FORMS */
/*
fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #999;
}
.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #337ab7;
  border-color: #337ab7;
}
.radio label:hover .helper {
  color: #337ab7;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #337ab7;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #337ab7;
  display: block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0.25rem;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #4f93ce;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.button:hover {
  color: #337ab7;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active::before, .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}
*/

/*
<div class="container">
  <form>
    <h1>Material Design formular</h1>
    <div class="form-group">
      <select>
        <option>Value 1</option>
        <option>Value 2</option>
      </select>
      <label for="select" class="control-label">Selectbox</label><i class="bar"></i>
    </div>
    <div class="form-group">
      <input type="text" required="required"/>
      <label for="input" class="control-label">Textfield</label><i class="bar"></i>
    </div>
    <div class="form-group">
      <textarea required="required"></textarea>
      <label for="textarea" class="control-label">Textarea</label><i class="bar"></i>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" checked="checked"/><i class="helper"></i>I'm the label from a checkbox
      </label>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"/><i class="helper"></i>I'm the label from a checkbox
      </label>
    </div>
    <div class="form-radio">
      <div class="radio">
        <label>
          <input type="radio" name="radio" checked="checked"/><i class="helper"></i>I'm the label from a radio button
        </label>
      </div>
      <div class="radio">
        <label>
          <input type="radio" name="radio"/><i class="helper"></i>I'm the label from a radio button
        </label>
      </div>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"/><i class="helper"></i>I'm the label from a checkbox
      </label>
    </div>
  </form>
  <div class="button-container">
    <button type="button" class="button"><span>Submit</span></button>
  </div>
</div>
*/


/* MATERIAL TABS */

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/

.tabset {
	margin-top: 20px;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 0px 15px 10px 0px;
  margin-right: 25px;
  margin-bottom: 0px;
  border-bottom: 0 ;
  cursor: pointer;
  font-weight: bolder;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  margin-bottom: 0px;
  font-weight: bolder;
  color: #06c;
}

.tab-panel {
  padding: 15px 0px;
  border-top: 1px solid #ccc;
}

.tab-panel .dataLabel {
	color: #888;
}

/* EXAMPLE
<div class="tabset">
  <!-- Tab 1 -->
  <input type="radio" name="tabset" id="tab1" checked>
  <label for="tab1">Märzen</label>
  <!-- Tab 2 -->
  <input type="radio" name="tabset" id="tab2" >
  <label for="tab2">Rauchbier</label>
  <!-- Tab 3 -->
  <input type="radio" name="tabset" id="tab3">
  <label for="tab3">Dunkles Bock</label>
  
  <div class="tab-panels">
    <section class="tab-panel">
      <h2>6A. Märzen</h2>
      <p><strong>Overall Impression:</strong> An elegant, malty German amber lager with a clean, rich, toasty and bready malt flavor, restrained bitterness, and a dry finish that encourages another drink. The overall malt impression is soft, elegant, and complex, with a rich aftertaste that is never cloying or heavy.</p>
      <p><strong>History:</strong> As the name suggests, brewed as a stronger “March beer” in March and lagered in cold caves over the summer. Modern versions trace back to the lager developed by Spaten in 1841, contemporaneous to the development of Vienna lager. However, the Märzen name is much older than 1841; the early ones were dark brown, and in Austria the name implied a strength band (14 °P) rather than a style. The German amber lager version (in the Viennese style of the time) was first served at Oktoberfest in 1872, a tradition that lasted until 1990 when the golden Festbier was adopted as the standard festival beer.</p>
  </section>
    <section class="tab-panel">
      <h2>6B. Rauchbier</h2>
      <p><strong>Overall Impression:</strong>  An elegant, malty German amber lager with a balanced, complementary beechwood smoke character. Toasty-rich malt in aroma and flavor, restrained bitterness, low to high smoke flavor, clean fermentation profile, and an attenuated finish are characteristic.</p>
      <p><strong>History:</strong> A historical specialty of the city of Bamberg, in the Franconian region of Bavaria in Germany. Beechwood-smoked malt is used to make a Märzen-style amber lager. The smoke character of the malt varies by maltster; some breweries produce their own smoked malt (rauchmalz).</p>
    </section>
    <section class="tab-panel">
      <h2>6C. Dunkles Bock</h2>
      <p><strong>Overall Impression:</strong> A dark, strong, malty German lager beer that emphasizes the malty-rich and somewhat toasty qualities of continental malts without being sweet in the finish.</p>
      <p><strong>History:</strong> Originated in the Northern German city of Einbeck, which was a brewing center and popular exporter in the days of the Hanseatic League (14th to 17th century). Recreated in Munich starting in the 17th century. The name “bock” is based on a corruption of the name “Einbeck” in the Bavarian dialect, and was thus only used after the beer came to Munich. “Bock” also means “Ram” in German, and is often used in logos and advertisements.</p>
    </section>
  </div>
  
</div>
*/

.truncate {
	white-space: nowrap;       /* Impedeix que el text salti de línia */
	overflow: hidden;          /* Amaga el text que superi l'ample del contenidor */
	text-overflow: ellipsis;   /* Afegir punts suspensius (...) quan el text es retalla */
	display: inline-block;     /* Manté l'enllaç en una sola línia */
}


/* MATERIAL CONTAINER */
.materialUI .section {
  display: flex;
  margin: 20px 0px 50px 0px;
}

.materialUI .container {
  display: flex;
  flex-direction: column;
}

.materialUI .title {
	font-size: 2em;
	width: 100%;
	padding: 0px;
}

.card-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-top: 20px;
}

.materialCard {
	background-color: white;
    border-radius: 5px;
    /*border: 1px solid #E5E5E5;*/
    /*box-sizing: border-box;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
	display: block;
    flex-wrap: wrap;
  	padding: 20px 20px 20px 20px;
  	margin: 1em 1.2em 0.2em 0.2em;
  	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
}

.materialCard .subtitle {
	font-size: 18px;
	margin: 0px 0px 20px 0px;
}

.materialCard .title {
	font-size: 20px;
	margin: 0px 0px 8px 0px;
}

.materialCard .label {
	font-size: 14px;
	margin: 10px 0px 5px 0px;
	color: #888;
}

.materialCard .content {
	padding: 0px 0px 5px 0px;
	font-size: 16px;
}

.materialCard textarea,input {
	font-size: 100%;
}

.materialCard form .title {
	font-size: 100%;
}

div.materialCard div.iconInfo {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(images/information.svg);
	background-size: 20px 20px;
}

table.agendaLite {
	border-collapse: separate;
    border-spacing: 0px 5px;
}
table.agendaLite a {text-decoration: none;}
table.agendaLite td {padding: 2px 10px 2px 10px;}
table.agendaLite th {padding: 2px 10px 2px 10px;}
table.agendaLite tr.available td.from {background-color: #f0ffeb; cursor: pointer;}
table.agendaLite tr.blocked td.from {background-color: #ffdfdf; cursor: initial;}
table.agendaLite tr.available td.patient {background-color: white;}
table.agendaLite tr.available:hover td.patient {background-color: #eeffe5;}
table.agendaLite tr.blocked td.patient {background-color: white;}
table.agendaLite tr.blocked:hover td.patient {background-color: #ffdfdf;}

/*
div.materialCard div.tabs > div.icon { width: 100px; height: 100px; }
div.materialCard div.tabs > div.icon a.prescription {}
*/

.circularLoader {
	width: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid lightblue;
	border-right-color: rgb(0 0 0 / 0%);
	animation: l2 1s infinite linear;
}
@keyframes l2 {to{transform: rotate(1turn)}}

.loader {
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}

.pulseLoader {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 0 #0004;
  animation: l1 1s infinite;
}
@keyframes l1 {
    100% {box-shadow: 0 0 0 30px #0000}
}

/*
Pop-Up MODAL Material
*/

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;

  display: grid;
  place-items: center;
  /*justify-content: center;
  align-items: center;*/

  width: 100%;
  height: 100%;

  /*backdrop-filter: blur(2px);*/
  background: rgba(0, 0, 0, 0.5);

}

.modal-dialog {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	margin-bottom: 20vh;
	/*top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	max-width: 450px;
	/*min-width: 50vw;*/

	text-align: center;
	font-size: larger;
	flex-flow: wrap;

	line-height: 1.5em;
	/*gap: 10px;*/
	background: #ffffff;
	padding: 10px 10px 25px 10px;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.062);
	display:none;
}

div.modal-dialog .header {
	display: flex;
	align-items: center;
	margin: 10px;
	font-size: larger;
	font-weight: bolder;
}

div.modal-dialog .icon-close {
	width: 20px;
	transition: .2s ease;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 15px;
	padding: 5px;
}

div.modal-dialog .icon-close:hover {
	cursor: pointer;
	border-radius: 50px;
	background-color: #e5e5e5;
}


.materialActions {
	padding: 10px 0px;
}


/* MATERIAL TABLES */
table.material {
	width: 100%;
	max-width: 100%;
	/*margin-bottom: 2rem;*/
	border-collapse: collapse;
}
table.material thead td {
	background-color: #dcdcdc;
	vertical-align: middle;
	padding: 10px;
	font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
table.material tbody td {
	padding: 10px;
	vertical-align: middle;
	white-space: nowrap;
}
table.material tbody td.center {text-align: center; }
table.material tbody td.left {text-align: left; }
table.material tbody td.right {text-align: right; }

table.material tbody tr.even td,
table.material tbody tr.odd td { background-color: #efefef; }				
table.material tfoot td {
	padding: 30px 10px;
	vertical-align: middle;
}

table.material .tableAction {
	color: #54B1E0;
	text-decoration: none;
	/*margin-right: 2em;*/
	cursor: pointer;
}
table.material .tableAction:hover {
	text-decoration: underline;
}
table.material .left {
	float: left;
	margin-right: 1em;
}
table.material .right {
	float: right;
	margin-left: 1em;
}



/*SWITCH BUTTON*/

.btn-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.btn-container i {
  display: inline-block;
  position: relative;
  top: -9px;
}

label {
  /*font-size: 13px;
  color: #424242;
  font-weight: 500;*/
}

.btn-color-mode-switch {
  display: inline-block;
  margin: 0px;
  position: relative;
  cursor: pointer;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner {
  margin: 0px;
  width: 140px;
  height: 30px;
  background: #E0E0E0;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  display: block;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
  content: attr(data-on);
  position: absolute;
  /*font-size: 12px;
  font-weight: 500;*/
  top: 7px;
  right: 20px;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
  content: attr(data-off);
  width: 70px;
  height: 16px;
  background: #fff;
  border-radius: 26px;
  position: absolute;
  left: 2px;
  top: 2px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 6px -2px #111;
  padding: 5px 0px;
}

.btn-color-mode-switch > .alert {
  display: none;
  background: #FF9800;
  border: none;
  color: #fff;
}

.btn-color-mode-switch input[type="checkbox"] {
  /*cursor: pointer;*/
  width: 50px;
  height: 25px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
  /*background: #151515;
  color: #fff;*/
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
  content: attr(data-on);
  left: 68px;
  /*background: #3c3c3c;*/
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
  content: attr(data-off);
  right: auto;
  left: 20px;
}

.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert {
  display: block;
}

.dark-preview {
  /*background: #0d0d0d;*/
}

.white-preview {
  background: #fff;
}