html,
body {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: var(--ui-color-foreground);
}


.screen_only {
  display: block;
}

.printer_only {
  display: none;
}


#frame {
  margin: 0 25px 0 15px;
}



.drop_menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.drop_menu li {
  float: left;
  background: #F3F3F3;
}

.drop_menu li a {
  padding: 9px 15px;
  display: block;
  text-decoration: none;
}



/* Submenu */
.drop_menu #logout a {
  background-color: #990000;
  color: #FFFFFF;
}

.drop_menu ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style-type: none;
}

.drop_menu li {
  position: relative;
}

.drop_menu li:hover {
  background: #ddd;
}

.drop_menu #subMenu1 {
  left: 0px;
  top: 30px;
  padding: 0px;
  cursor: pointer;
  display: none;
  z-index: 2;
}

.drop_menu li ul li a {
  padding: 5px;
  display: block;
  width: 100px;
  text-indent: 15px;
}

.drop_menu li ul li a:hover {
  background: #ddd;
}

#actions {
  z-index: 2;
  font-size: 10px;
  position: absolute;
  top: 4px;
  right: 15px;
  right: 0;
}

#actions_container {
  float: right;
}


#header {
  position: absolute;
  top: 25px;
  left: 40px;
}

#header a {
  display: block;
  background: #900;
}

#header img {
  border: 0;
}


#search {
  margin: 0;
  padding: 0;

  height: 30px;
  width: 760px;

  position: absolute;
  top: -35px;
  left: 220px;

  white-space: nowrap;
}


#search a {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin: 0;
}

#search_open {
  float: left;
  background: #424242 url('../img/search.png') no-repeat 10px 6px;
  color: #fff;
  padding: 0 15px 0 35px;
  width: 48px;

  border-radius: 3px;
  border-radius-bottomright: 0;
  border-radius-topright: 0;

  -moz-border-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;

  -webkit-border-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

#search input {
  display: inline-block;
  border: 3px solid #424242;
  width: 594px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  height: 24px;

  border-radius: 3px;
  border-radius-topleft: 0;
  border-radius-bottomleft: 0;

  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;

  -webkit-border-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}

#context {
  position: absolute;
  top: 0;
  left: 190px;
  right: 380px;
  height: 40px;
  min-width: 500px;
}

#scrollpane {
  overflow: hidden;
  margin: 0 20px;
}

.scrollpane_scroller {
  display: block;
  height: 40px;
  width: 15px;
  background: #fff no-repeat 50% 50%;
  outline: 0;
  margin: 0 5px;
}

#scrollpane_back {
  float: left;
  background-image: url('../img/scroll_left.png');
}

#scrollpane_forward {
  float: right;
  background-image: url('../img/scroll_right.png');
}

#scrollpane_close {
  float: right;
  color: #222 !important;
  font-weight: 500;
  font-size: 1.5em;
}

#branches {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 5000px;
}

#branches li {
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  height: 46px;
  overflow: hidden;
}

#branches li .tab_body {
  display: block;
  height: 40px;

  margin: 0;
  padding: 3px 25px;

  color: #333;
  background: #f7f7f7;

  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
}

#branches li.hover .tab_body {
  background-color: #eee;
}


#branches li.active a {
  color: #fff;
}

#branches li img {
  float: left;
  width: 20px;
  margin: 7px 5px 0 -10px;
  border: 0;
  border-radius: 3px;
}

#branches .name,
#branches .description {
  display: block;
  margin: 0 0 0 15px;
  padding: 0;
}

#branches .name {
  padding-top: 7px;
  white-space: nowrap;
}

#branches .description {
  font-size: 10px;
  color: #666;
  margin-top: -3px;
}

#branches li.active .description {
  color: #fff;
}

#branches .middle {
  line-height: 40px;
}

#branches .tab_deleter {

  display: none;
  position: absolute;

  width: 16px;
  height: 16px;
  line-height: 14px;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  margin: 0;
  padding: 0;

  color: #900;
  background: #eee;

  font-size: 11px;
  font-weight: 500;
  text-align: center;
}


#content {
  margin: 60px 0 0 0;
  padding-top: 15px;
  position: relative;
}

#sidebar {
  width: 165px;
  overflow: hidden;
  position: absolute;
  padding: 15px 0 0 0;
  margin: 0;
}

#output {
  padding-top: 15px;
  margin-left: 200px;
  min-height: 450px;
}

#menu_arrow {
  width: 16px;
  height: 8px;
  background: #900 url('../img/menu/arrow.png') no-repeat 0 0;
}

#menu_shadow .top {
  background: url('../img/menu/shadow_top.png') no-repeat 100% 0;
  height: 40px;
}

#menu_shadow .mid {
  background: url('../img/menu/shadow_mid.png') repeat-y 100% 0;
}

#menu_shadow .bottom {
  background: url('../img/menu/shadow_bottom.png') no-repeat 100% 100%;
  height: 40px;
}

.special_tab {
  display: block;
  text-align: right;
  margin: 0 0 10px 95px;
  padding: 5px 15px 5px 0;

  font-size: 10px;
  color: #fff;

  background: #424242;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#search_tab {
  background: url('../img/search.png') no-repeat scroll 5px 50% #424242;
}

#search_tab:hover {
  background: url('../img/esc.png') no-repeat scroll 3px 3px #666;
}

#clipboard_tab:hover {
  background: #666;
}

#search_info a {
  float: right;
  border: 0;
  margin: 0 25px 0 0;
  padding: 0;
  color: #fff;
  font-size: 10px;
  z-index: 1000;
}

.searchinfo_paginate_controls {
  padding-left: 2px;
}

.searchinfo_prev_page,
.searchinfo_next_page {
  cursor: pointer;
  padding: 0 2px 0 2px;
}

.searchinfo_prev_page,
.searchinfo_next_page:hover {
  color: #FFFC19;
}

.hidden_block {
  display: none;
  visibility: hidden;
}

#search_options {
  list-style: none;
  margin: 0 0 0 30px;
  padding: 0 0 25px 0;
  width: 170px;
}

#search_options li {
  padding: 0;
  margin: 0 0 5px 0;
}

#search_options li.info {
  font-size: 11px;
  padding: 3px 10px;
  margin: 0 0 15px 10px;
  color: #fff;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  background: #424242;
}

#search_options li.option a {
  display: block;
  cursor: pointer;

  font-size: 12px;

  padding: 5px 10px;
  margin: 0 0 0 5px;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#search_options li.search_filter {
  height: 20px;
}

#search_options li.search_filter label {
  line-height: 20px;
  font-size: 11px;
  font-weight: 500;
}

#search_options li.active {
  background: #900;
}

#search_options li.active a {
  margin-left: 0;
  color: #fff;
}


/* Search results */
#search_results {
  position: absolute;
  z-index: 1000;
  margin: 0;
  padding: 0;
  background-color: white;
}

#search_results .selected {
  background: #ff8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#search_results div {
  height: 50px;
  padding: 3px;
  margin: 0;
  margin-bottom: 10px;
  clear: both;
}

#search_results img {
  float: left;
  margin: 0;
  margin-right: 10px;
  border: 0;
}

#search_results p {
  margin: 0;
  font-size: 10px;
}

#search_results em {
  font-style: normal;
  color: #900;
}

#search_results div.active {
  background: #ff8;
}


#footer {
  clear: both;
  text-align: center;
  font-size: 10px;
  margin: 100px 0 50px 0;
}

#footer a.logo {
  display: block;
  font-size: 0;
  color: white;

  width: 80px;
  height: 24px;
  background: #900 url(../img/logo.png) no-repeat 0 0;
  margin: auto;
}

#footer ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

#footer li {
  display: inline;
  margin: 0 10px;
  font-size: 10px;
}

#footer p {
  /* width: 140px; */
  margin: auto;
}

#footer img {
  float: left;
  margin: auto;
}


.related-right {
  float: right;
  background: #F9F9F9;
  box-shadow: 0 2px 3px 0 gray;
  padding-left: 0px;
  min-width: 160px;
  position: absolute;
  right: 25px;
}

.related-right li {
  min-width: 160px;
  list-style: none;
  padding: 4px 6px;
  cursor: hand;
  cursor: pointer;
}

.related-right li:hover {
  background: #F3F3F3;
}

.related {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
  text-align: right;
  float: right;
  line-height: 2em;
}

.related li {
  display: inline;
  font-size: 11px;
  margin: 0 0 0 5px;
}

.related li a {
  background-color: #ddd;
  background-position: 4px 50% !important;

  padding: 4px 10px;
  padding-left: 24px !important;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.related li a:hover {
  background-color: #e6e6e6;
  color: #666;
}



.options {
  list-style: none;
  padding: 0;
  margin: 0;
}

.options li {
  display: inline;
  font-size: 11px;
  margin: 0 0 0 25px !important;
}

.options li a {
  padding-top: 2px;
  padding-bottom: 2px;
}


/* Entities */
.entity {
  margin-bottom: 5px;
  padding: 0 0 10px 0;
}

.entity .field {
  margin-bottom: 5px;
}

.entity .label {
  display: block;
  float: left;
  width: 280px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

.entity .label.wide {
  width: 250px;
  padding-right: 20px;
}

.entity .text {
  font-size: 1.2em;
  margin-top: 10px;
}

.entity .description {
  margin: -10px 0 15px 0;
  font-size: 11px;
  color: #666;
}

.entity .title {
  margin-bottom: 20px;
}

.entity h2 {
  margin: -20px 0 0 0;
}

.small {
  font-size: var(--ui-font-size-small);
  padding-top: 3px;
  padding-bottom: 3px;
}


.announcement {
  display: none;
}

.warning,
.sophia_notice {
  text-align: left;
  width: 33%;
  margin: auto;
  margin-bottom: 15px;
  color: white;
  padding: 5px 15px;
  background: #333;
  font-size: 12px;

  border-left: 24px solid #900;
}

.warning h1,
.warning p,
.sophia_notice h1,
.sophia_notice p {
  color: white;

  text-align: left;
  margin: 0;
  padding: 0;
}

.warning a,
.sophia_notice a {
  color: white;
}

.warning .close {
  display: block;
  float: right;
  font-weight: 500;
  padding: 0 3px;
}

.notice {
  /* margin: 0 0 30px 0; */
}

.notice p,
.notice h1 {
  color: #333;
  margin: 0 0 4px 0;
}

/*fix for chrome not showing any field*/
input[type="file"] {
  -webkit-appearance: textfield;
  color: #777;
}

.notice h1 {
  font-size: 16px;
}

.notice p {
  font-size: 12px;
}

.notice p a {
  color: #900;
}

.info {
  margin: 10px 0;
  padding: 5px;
  padding-left: 30px;

  background: #ff8 url('../img/icons/information.png') no-repeat 7px 50%;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.info h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
}


.focuser {
  padding-top: 15px;
}

.focuser div {
  width: 180px;
  margin: auto;
  padding: 5px 15px;
  color: white;
}

.focuser h1 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.focuser p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

div.block {
  margin: 0 0 30px 0;
}

div.block h1 {
  font-size: 16px;
  margin: 0 0 5px 0;
  padding: 0;
}

div.block h3 {
  color: #666;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.block .related {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  line-height: 16px;
  float: right;
}



/* Colors and alerts */
.red {
  color: red;
}

.green {
  color: green;
}

.orange {
  color: #ff3f03;
}

.yellow {
  color: #D45A1E;
}

.paging {
  font-size: 11px;
  margin-bottom: 10px;
  text-align: right;
}

.paging.top {
  margin-top: -10px;
}

.paging.bottom {
  margin-top: 10px;
}

.paging a {
  margin: 0 5px;
}

.paging span {
  margin: 0 15px;
}


/* Navigation menu */
ul.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 25px;
}

ul.navigation li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 5px 10px;
  height: 15px;
}

ul.navigation li.active a {
  color: white;
}

ul.navigation li.separator {
  padding: 0;
  margin: 0;
  border-left: 4px double #999;
}

ul.navigation li.special {
  background: #ddd;
  float: right;
  margin: 0;
}

ul.navigation li.highlight {
  background: #F55014;
}

ul.navigation li.highlight a {
  color: white;
  font-weight: 500;
}

ul.navigation.level_1 li:hover {
  background: #eee;
}


ul.navigation.level_2 li {
  margin: 0 5px;
  padding: 2px 5px;
}

ul.navigation.level_2 a {
  font-size: 10px;
  color: #666;
}

ul.navigation.level_2 li.active a {
  color: #000;
  font-weight: 500;
}


ul.navigation.level_3 {
  margin: 0;
  background: #900;
}

ul.navigation.level_3 a {
  font-size: 11px;
  color: white;
}

ul.navigation.level_3 li.active a {
  font-weight: 500;
}

.personbubble {
  padding: 10px;
}

.personbubble img {
  float: left;
  margin-right: 15px;
  border: 3px solid white;
}

.personbubble ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.personbubble li {
  margin: 0 0 5px 0;
}

.personbubble a {
  color: white;
}

tr.highlight {
  background-color: #ff8;
}

.namevalue_results {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #666;
  border-top: 0;
}

.namevalue_results ul {
  list-style: none;
  margin: 2px;
  padding: 0;
}

.namevalue_results li a {
  display: block;
  margin: 0 0 2px 0;
  padding: 5px;
}

.namevalue_results li a:hover {
  background: #eee;
}

input.searching {
  background: #EB9850;
}

input.found {
  background: #A9C95F;
}

.namevalue_results em {
  color: #900;
  font-style: normal;
}



/* ROUNDED CORNERS */
.sophia_bordered,
#global_search input,
#tabpane,
#tabs li,
.warning,
.sophia_notice,
.focuser div,
ul.navigation.level_1 li,
ul.navigation.level_2 li.active,
ul.navigation.level_3,
#search_options li,
#tab_scroll_bw,
#tab_scroll_fw,
.personbubble,
.personbubble img,
#actions a.template_color_bg {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#tabs li,
ul.navigation.level_2 li.active {
  border-radius-bottomleft: 0;
  border-radius-topright: 0;

  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;

  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
}


#breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}

#breadcrumbs li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0 20px 0 0;
  font-size: 11px;
  background: url('../img/breadcrumb.gif') no-repeat 100% 4px;
}

#breadcrumbs li a:hover {
  color: #222;
}

#breadcrumbs li.last {
  font-weight: 500;
  background: none;
}

.ghost {
  padding: 0;
  margin: 2px 0 0 -5px;
  color: white;
  font-size: 10px;
  font-weight: 500;

  text-align: center;
  overflow: hidden;

  cursor: pointer;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  border-radius-bottomleft: 0;
  border-radius-topleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;

  background: transparent url('../img/menu/x.png') no-repeat 8px 12px;
}

#clipboard {
  position: fixed;

  top: 90px;
  left: 15px;

  width: 165px;
  height: 400px;
  overflow: hidden;
  padding: 15px 0 0 0;
  margin: 0;

  display: none;
}

#clipboard_body {

  position: absolute;
  top: 0;
  left: 165px;

  margin: 0;
  padding: 0 10px 0 0;
  width: 165px;
  height: 400px;

  background: #424242;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#clipboard ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
}

#clipboard li {
  color: white;
  padding: 1px 3px 1px 20px;
  margin: 0 0 1px 0;
  border-bottom: 1px dotted #999;
  font-size: 11px;
  white-space: nowrap;

  cursor: pointer;
}

#clipboard li:hover {
  text-decoration: line-through;
}

#clipboard_actions {
  text-align: right;
  margin: 10px 0 0 0;
  padding: 10px;
}

#clipboard select {
  font-size: 10px;
  margin: 0 0 5px 0;
}

#clipboard_close {
  margin: 0;
  padding: 5px;
  display: block;
  text-align: right;
  color: #fff;
  font-size: 10px;
}

/* Clipboard full/empty behavior */
#clipboard h2 {
  font-size: 16px;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0;
  color: #ddd;
  font-weight: normal;
}

#clipboard .clipboard_full,
#clipboard.full .clipboard_empty {
  display: none;
}

#clipboard .clipboard_empty,
#clipboard.full .clipboard_full {
  display: block;
}

.person_ghost {
  position: absolute;
  width: 30px;
  height: 26px;
  background: url('../img/ghost.png') no-repeat 0 0;
  opacity: 0.8;
}

.moving {
  background: url('../img/ghost.gif') no-repeat 0 0;
}


.login {
  display: inline-block;
  margin: auto;
  padding: 0;
  text-align: center;
  width: 481px;
}

.login .log_logo,
.login .log_form {
  float: left;
}

.login .log_form {
  margin-top: 20px;

}

.log_form .field {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: right;
}

.log_form .field input {
  border: 1px solid #cdcccc;
}

.log_form .footer input[type="submit"] {
  border: 0px;
  color: #5F5F5F;
  /*height: 23px;*/
  /* background: url('../img/buttonlogin.png') top left repeat-x;*/

  font-size: 10px;
}



.log_form .field label {
  width: 35%;
  display: inline-block;
  color: #5F5F5F;
  text-align: right;

}

.log_form .footer {
  margin: 0px 0px 10px 0px;
  text-align: right;
}

.login .forgot {
  border-top: 1px solid #cdcccc;
  text-align: right;
  float: left;
  width: 100%;
  padding-top: 5px;

}

.login .forgot a {
  color: #5F5F5F;
}


.sponsors {
  width: 634px;
  margin: auto;
  text-align: left;
  margin-top: 20px;
  color: #5F5F5F;
}

.sponsors table.banners td {
  width: 210px;
  height: 116px;
  /* border: 1px solid #cdcccc;*/
}

.birthday {
  font-size: 11px;
  color: #900;
  padding: 3px 0 3px 20px;
  background: url('../img/icons/cake.png') no-repeat 0 50%;
}

ul.actions {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

ul.actions li {
  display: inline;
  margin: 0 25px 0 0;
  padding: 0;
  font-size: 11px;
}


/* Sortable tables (via sorttable.js) */
.sorttable_sorter {
  cursor: pointer;
  padding-left: 3px;
}

.sorttable_sorter.sorting {
  padding-left: 10px;
  background: url('../img/up.png') no-repeat 2px 50%;
}

.sorttable_sorter.desc {
  padding-left: 10px;
  background: url('../img/down.png') no-repeat 2px 50%;
}

.sorttable_sorter:hover {
  background-color: #ff8;
}

/* RIP:  Deceased indicator */
.rip {
  width: 42px;
  height: 42px;
  background: #000;
  position: absolute;
  background: url('../img/rip.png') no-repeat 0 0%;
}

@-moz-keyframes blinker {
  0% {
    background-color: #FFA500;
  }

  50% {
    background-color: #000000;
  }

  100% {
    background-color: #FFA500;
  }
}

@-webkit-keyframes blinker {
  0% {
    background-color: #FFA500;
  }

  50% {
    background-color: #000000;
  }

  100% {
    background-color: #FFA500;
  }
}

@keyframes blinker {
  0% {
    background-color: #FFA500;
  }

  50% {
    background-color: #000000;
  }

  100% {
    background-color: #FFA500;
  }
}

.office365_login {
  margin: 15px 0 0 0;
  padding: 20px 0 0 0;
  text-align: right;
}

.office365_login h3 {
  float: left;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.office365_login a {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 6px 6px 6px 35px;
  background: #eee url('../img/logo365.png') no-repeat 2px 2px;
  font-weight: 500;
  color: #383838;
}

.office365_login a:hover {
  background-color: #999;
  color: #fff;
}

.button-group-mobile {
  display: none !important;
}

.option-secondary {
  display: flex;
}

#login_form input {
  max-width: 150px;
}

fieldset legend small {
  display: block;
  font-size: 11px;
  color: #666;
}

fieldset .inline label {
  display: inline;
  width: auto;
  float: none;
  margin: 0;
}

fieldset .inline input {
  display: inline;
  margin-right: 39px;
}

textarea {
  width: 500px;
  height: 150px;
}

fieldset .error {
  color: red;
  font-size: 14px;
  margin-left: 200px;
  padding-top: 3px;
  display: block;
  background: url('../img/icons/exclamation.png') no-repeat 0 50%;
  padding-left: 20px;
  font-weight: bold;
}

fieldset .big.notice {
  background: #ff8;
  color: #000;
  margin: 0 0 15px;
  padding: 10px;
}

form .footer {
  text-align: left;
  margin-top: 30px;
}

label .required {
  color: red;
}

input[name=cancel] {
  background: none;
  border: none;
  margin: 0 0 0 10px;
}

input.sending {
  padding-left: 20px;
  background: #ddd url('../img/ajax-loader.gif') no-repeat 0 50%;
}

#login_form {
  width: 280px;
  margin: auto;
}

#login_form fieldset {
  border: 0;
  margin: auto;
  margin-top: 30px;
  padding: 0;
}

#login_form label {
  float: left;
  width: 100px;
}

#login_form .field {
  text-align: center;
  border: 0;
}

#login_form .field small {
  display: block;
  margin: 5px 5px 0 0;
  padding: 0;
  text-align: right;
}

ul.radio {
  list-style: none;
  margin: 0 0 0 200px;
  padding: 0;
}

ul.radio label {
  float: none;
  width: auto;
  margin: 0;
  display: inline;
}

.openid_login {
  border-top: 1px solid #ccc;
  margin: 35px 0 0 0;
  padding: 20px 0 0 0;
  text-align: right;
}

.openid_login h3 {
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.openid_login a {
  border: 1px solid #999;
  border-radius: 3px;
  padding: 6px 6px 6px 35px;
  background: #eee url('../img/google.png') no-repeat 2px 2px;
  font-weight: bold;
}

.openid_login a:hover {
  background-color: #999;
  color: #fff;
}

/* Ajax finder */
.finder
{
	width: 500px;
}

.finder.empty
{
	background: #fcc;
}

.finder_results
{
	border: 1px solid #999;
	background: #ddd;
	text-align: left;
}

.finder_results .result
{
	padding: 3px;
	cursor: pointer;
}

.finder_results .result.active
{
	background: white;
}

.finder_results .result .match
{
	color: #900;
}

/* Observation finder */
.finder.observation
{
	padding: 0;
	margin: 10px 0 10px 0;
	width: 100%;
}


/* Student finder */
.finder_results .student.result
{
	clear: both;
	height: 50px;
	border-bottom: 1px dotted #ccc;
}

.finder_results .student.result img
{
	float: left;
	margin-right: 10px;
}

/* Person finder */
input.finder.person
{
	padding: 0;
}

.finder_results .person.result,
.finder_results .ad.result
{
	clear: both;
	height: 50px;
	border-bottom: 1px dotted #ccc;
	padding: 3px;
	background: none;
}

.finder_results .person.result.active,
.finder_results .ad.result.active
{
	background: #eee url('../img/result_bg.png') repeat-x 0 0;
}

.finder_results .person.result h2,
.finder_results .academic.result h2,
.finder_results .ad.result h2
{
	font-weight: normal;
	font-size: 1.4em;
}

.finder_results .person.result div,
.finder_results .academic.result div,
.finder_results .ad.result div
{
	font-size: 0.8em;
}

.finder_results .person.result span.label,
.finder_results .academic.result span.label,
.finder_results .ad.result span.label
{
	font-weight: bold;
}

.finder_results .person.result img,
.finder_results .ad.result img
{
	float: left;
	margin-right: 5px;
}





/* TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

thead td
{
	border-bottom:	1px solid #999;
	font-size:		1.2em;
}

tbody td
{
	padding-bottom: 3px;
	padding-top:	3px;
}

tfoot td
{
	border-top:		1px solid #ccc;
	padding:		4px 0 4px 0;
	font-weight:	500;
}

.tree tbody td
{
	border-bottom: 1px dotted #ccc;
}

.tree tbody tr:hover
{
	background: #ddd;
}

.tabular td
{
	padding: 4px 8px 4px 0;
	border: 0;
}

.tabular tbody td
{
	border-bottom: 1px dotted #ccc;
}

.tabular tbody tr:hover
{
	background: #ddd;
}

/*
.tabular thead td:first-child
{
	border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}

.tabular thead td:last-child
{
	border-radius-topright: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}
*/



table.bordered
{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.bordered td
{
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table tr.separator td
{
	border: 0;
	padding-bottom: 10px;
}

tbody tr.notice td
{
	padding:		2px 0 13px 0;
}


/* Tooltips */
.tooltipped
{
	cursor: help;
	padding-left: 20px;
	background: url('../img/icons/bullet_error.png') no-repeat 0 50%;
}

.tooltip
{
	width: 250px;
	background: #000;
	color: #fff;
	padding: 12px;
	opacity: 0.8;
	font-size: 11px;
	font-weight: bold;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.observationcheck
{
		background: url('../img/ok.gif') no-repeat 0 50%;
		border-bottom: 0px;
}

.observationfail
{
		background: url('../img/icons/exclamation.png') no-repeat 0 50%;
		border-bottom: 0px;
}


/* Calendars */
button.datepicker
{
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background: transparent url('../img/calendar.gif') no-repeat 0 0;

	position: relative;
	top: -3px;
}

button.datepicker2
{
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background: transparent url('../img/calendar.png') no-repeat 0 0;

	position: relative;
	top: 3px;
}

input.date:invalid
{
	background-color: #f79696;
}

input.datepicker2_hidden
{
	display: inline-block;
	width: 0px;
	border: 0px;
}

div.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
	z-index: 10000 !important;
}

span.dhtmlxcalendar_label_hours:hover, span.dhtmlxcalendar_label_minutes:hover {
	border: 1px solid red;
}

span.datepicker2
{
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
    background: transparent url('../img/calendar.png') no-repeat 0 0;
    position: relative;
    top: 3px;
}


button.datepicker2_accept, span.datepicker2_accept
{
    background: transparent url('../img/ok.png') no-repeat 0 0 !important;
}

input.expense
{
	text-align: right;
}

.expense_reset
{
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 5px;
}

.handle
{
	cursor: move;
}

textarea.disabled
{
	border: 1px solid #999;
	background: #eee;
	color: #666;
}

.failed
{
	color: red;
}

.missing
{
	color: orange;
	font-weight: bold;
}

.scroller
{
	overflow: auto;
}

/* observations / comments */
.comment
{
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #999;
}

.comment:hover
{
	background-color: #eee;
}

.comment .text
{
	margin: 5px 0 5px 0;
	font-style: italic;
}

/* FORUMS */
div.forum.post
{
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

div.forum.post.admin
{
	border: 2px solid orange;
}

div.forum.post img
{
	float: left;
	margin-right: 8px;
}

div.forum.post .options
{
	margin: 0;
	padding: 0;
	float: right;
}

div.forum.post .timestamp
{
	font-size: 10px;
}

div.forum.post .text
{
	font-size: 1.2em;
	margin: 5px 0 0 45px;
}


table.tree .tree_toggler td
{
	cursor: pointer;
}

/* Notifications */
ul.notifications
{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

ul.notifications li
{
	margin: 5px 0;
	padding: 5px 0;
	padding-left: 25px;
	background-position: 3px 9px;
	border-bottom: 1px dotted #ccc;
}

ul.notifications li a
{
	color: #900;
}

ul.notifications li a.delete
{
	font-size: 12px;
	font-weight: bold;
	color: #900;
	float: right;
}

ul.notifications li span.text
{
	font-size: 14px;
}

ul.notifications li span.time
{
	font-size: 10px;
	color: #333;
	display: block;
}

/* Grade slidebars */
ul.scalebar
{
	list-style: none;
	margin: 0;
	padding: 0;

	width: 90%;
	border: 1px solid #333;
	height: 15px;
	font-size: 10px;
	margin-left: 5%;
}

ul.scalebar li
{
	height: 15px;
	color: white;
	font-weight: bold;
}

ul.scalebar li.min
{
	text-align: left;
	float: left;
	background: #CC2222;
}

ul.scalebar li.max
{
	text-align: right;
	background: #227722;
}

ul.scalebar li span.min_passing_value
{
	float: left;
	font-weight: normal;
	font-size: 8px;
	padding-top: 2px;
}

ul.grades
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;

	margin-left: 5%;
	width: 90%;
}

ul.grades li
{
	display: block;
	height: 15px;
	font-size: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
}

ul.grades li a
{
	color: white;
}

ul.grades li span.min,
ul.grades li span.max
{
	font-weight: normal;
	font-size: 8px;
	padding-top: 2px;
}

ul.grades li span.min
{
	float: left;
	text-align: left;
	padding-left: 4px;
}

ul.grades li span.max
{
	float: right;
	text-align: right;
	padding-right: 4px;
}

/* TabPane */
.tabpane
{
	margin-top: 50px;
}

.tabwrapper
{
	float:		left;
	width:		100%;
	overflow:	hidden;
	position:	relative;
}

ul.tablist
{
	clear:		left;
	float:		left;
	list-style:	none;
	margin:		0;
	padding:	0;
	position:	relative;
	left:		50%;
	text-align:	center;
}

ul.tablist li
{
	display:	block;
	float:		left;
	list-style:	none;
	margin:		0 2px;
	padding:	0;
	position:	relative;
	right:		50%;
}

ul.tablist li a
{
	display:			block;
	margin:				0 0 0 1px;
	padding:			3px 10px 5px 25px;
	color:				#333;
	text-decoration:	none;
	line-height:		1.3em;
	background-position:	3px 4px;
}

/* Tab notices */
.tabnotice
{
	width: 16px;
	height: 16px;
	font-weight: bold;
	font-size: 10px;
	color: white;
	background: #900;

	display: block;
	position: absolute;
	margin: 5px 0 0 5px;
}


ul.tablist li.active
{
	background:			#ddd;
}

.tab .options
{
	list-style: none;
	margin: 0 0 0 0;
	height: 20px;
	padding: 5px 0 5px 0;
	text-align: center;
	background: #ddd;
}

.tab .options li
{
	display: inline;
	margin: 0 10px 0 10px;
}


.tab .content
{
	padding: 25px 20px 25px 20px;
	margin: 0 0 35px 0;
	background: url('../img/segment_bg.gif') repeat-x;
}

.tab .segment
{
	background: none;
	padding: 0;
	margin: 0 0 50px 0;
}

#observations_form
{
	border: 10x solid red;
	width: 320px;
	padding: 8px;

	position: absolute;
	top: -250px;
	right: 240px;
	background: #424242;

	border-radius: 3px;
	border-radius-topleft: 0;
	border-radius-topright: 0;

	-moz-border-radius: 3px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;

	-webkit-border-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}

#observations_form h2
{
	margin: 0 0 10px 0;
	padding: 0;
	color: white;
	font-size: 15px;
	text-align: center;

}

#observations_form textarea
{
	width: 100%;
	height: 150px;
	border: 0;
	background: #424242;
	font-size: 14px;
	color: #eee;
}

#observations_form input
{
	background: #424242;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	float: right;

	font-size: 10px;
	margin: 0;
	padding: 2px 0 0 6px;

	border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#observations_form input:hover
{
	background: #ccc;
	color: #424242;
}

#observations_switch
{
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block;
	width: 10px;
	height: 9px;
	border: 0 !important;
	-moz-border-radius: 0 !important;
	background-image: url(../img/bookmark/off.png) !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
}

#observations_switch.on
{
	background-image: url(../img/bookmark/on.png) !important;
}

.explain
{
	font-weight: normal;
	font-size: 9px;
}

ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.accordion li {
    background: #eee;
    border-radius: 3px;
    padding: 3px;
    margin: 0 0 15px 0;
}

ul.accordion li .toggler {
    cursor: pointer;
}

ul.accordion li:hover {
    background: #f6f6f6;
}

ul.accordion li .content {
    margin: 10px 0 0 20px;
}

ul.accordion .toggler .options {
    list-style: none;
    margin: 0;
    padding: 0;

    float: right;
}

ul.accordion .toggler .options li {
    margin: 0 0 0 20px;
}

.accordion .handle {
    display: block;
    float: left;
    background: #900;
    border-radius: 3px;
    width: 16px;
    height: 25px;
    margin: 0 7px 0 0;

    cursor: move;
}

ul.accordion .toggler h2,
ul.accordion .toggler p {
    margin: 0;
}

ul.panel
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.panel li
{
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}


.debt
{
	color: red;
	font-weight: bold;
}

.minus
{
	padding-left: 12px;
	background-image: url('../img/minus.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.plus
{
	padding-left: 12px;
	background-image: url('../img/plus.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.printer
{
	padding-left: 20px;
	background-image: url('../img/icons/printer.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.ok
{
	padding-left: 20px;
	background-image: url('../img/icons/accept.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.notok
{
	padding-left: 20px;
	background-image: url('../img/icons/exclamation.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.history
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.preferences
{
	padding-left: 20px;
	background-image: url('../img/icons/wrench.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.sign {
	padding-left: 20px;
	background-image: url(../img/icons/digital_sign.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.session
{
	padding-left: 20px;
	background-image: url('../img/icons/time.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.session.add
{
	padding-left: 20px;
	background-image: url('../img/icons/time_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.session.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/time_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.notification
{
	padding-left: 20px;
	background-image: url('../img/icons/bell.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.notification.add
{
	padding-left: 20px;
	background-image: url('../img/icons/bell_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.visit
{
	padding-left: 20px;
	background-image: url('../img/icons/car.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.visit.add
{
	padding-left: 20px;
	background-image: url('../img/icons/car_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.visit.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/car_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.transport
{
	padding-left: 20px;
	background-image: url('../img/icons/car.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.note.debit
{
	padding-left: 20px;
	background-image: url('../img/icons/script_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.note.credit
{
	padding-left: 20px;
	background-image: url('../img/icons/script_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call
{
	padding-left: 20px;
	background-image: url('../img/icons/phone.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call.incoming
{
	padding-left: 20px;
	background-image: url('../img/icons/call_in.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call.outgoing
{
	padding-left: 20px;
	background-image: url('../img/icons/call_out.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call.excuse
{
	padding-left: 20px;
	background-image: url('../img/icons/call_excuse.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call.add
{
	padding-left: 20px;
	background-image: url('../img/icons/phone_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.call.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/phone_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.discount
{
	padding-left: 20px;
	background-image: url('../img/icons/money_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.payment
{
	padding-left: 20px;
	background-image: url('../img/icons/money.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.payment.delete,
.payment.invalid
{
	padding-left: 20px;
	background-image: url('../img/icons/money_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.payment.add
{
	padding-left: 20px;
	background-image: url('../img/icons/money_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.pdf
{
	padding-left: 20px;
	background-image: url('../img/icons/pdf.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.xml
{
	padding-left: 20px;
	background-image: url('../img/icons/xml.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.invoice
{
	padding-left: 20px;
	background-image: url('../img/icons/layout.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.invoice.issue
{
	padding-left: 20px;
	background-image: url('../img/icons/layout_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.invoice.due
{
	padding-left: 20px;
	background-image: url('../img/icons/layout_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.invoice.payed
{
	padding-left: 20px;
	background-image: url('../img/icons/layout_ok.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.invoice.invalidate
{
	padding-left: 20px;
	background-image: url('../img/icons/layout_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.payment.method
{
	padding-left: 20px;
	background-image: url('../img/icons/coins.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.payment.method.add
{
	padding-left: 20px;
	background-image: url('../img/icons/coins_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.payment.method.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/coins_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.pay_button,
.pay_group_button
{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	background: url('../img/icons/coins_add.png') no-repeat 50% 50%;
}




.bank
{
	padding-left: 20px;
	background-image: url('../img/icons/building.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bank.add
{
	padding-left: 20px;
	background-image: url('../img/icons/building_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bank.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/building_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}



.period
{
	padding-left: 20px;
	background-image: url('../img/icons/date.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.period.add
{
	padding-left: 20px;
	background-image: url('../img/icons/date_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.period.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/date_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.tree_toggler .folder
{
	padding-left: 25px;
	background-image: url('../img/icons/folder_toggle_closed.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.tree_toggler.expanded .folder
{
	padding-left: 25px;
	background-image: url('../img/icons/folder_toggle_open.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.folder,
.category
{
	padding-left: 20px;
	background-image: url('../img/icons/folder.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.category.add
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.category.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}



.concept.group
{
	padding-left: 20px;
	background-image: url('../img/icons/folder.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.concept.group.add
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.concept.group.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}



.concept
{
	padding-left: 20px;
	background-image: url('../img/icons/package.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.concept.add
{
	padding-left: 20px;
	background-image: url('../img/icons/package_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.concept.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/package_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.price
{
	padding-left: 20px;
	background-image: url('../img/icons/tag_blue.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.price.add
{
	padding-left: 20px;
	background-image: url('../img/icons/tag_blue_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.price.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/tag_blue_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}




.person
{
	padding-left: 20px;
	background-image: url('../img/icons/user.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.person.female
{
	padding-left: 20px;
	background-image: url('../img/icons/user_female.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.person.add
{
	padding-left: 20px;
	background-image: url('../img/icons/user_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.person.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/user_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.person.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/user_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.gapps
{
	padding-left: 20px;
	background-image: url('../img/icons/gdrive.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.group
{
	padding-left: 20px;
	background-image: url('../img/icons/group.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.group.add
{
	padding-left: 20px;
	background-image: url('../img/icons/group_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.group.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/group_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}



.backup
{
	padding-left: 20px;
	background-image: url('../img/icons/database.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.directory
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_database.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.add
{
	padding-left: 20px;
	background-image: url('../img/icons/database_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.download
{
	padding-left: 20px;
	background-image: url('../img/icons/database_save.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.restore
{
	padding-left: 20px;
	background-image: url('../img/icons/database_refresh.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/database_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.backup.browse
{
	padding-left: 20px;
	background-image: url('../img/icons/database_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_year,
.academic.year
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_course,
.academic.course
{
	padding-left: 20px;
	background-image: url('../img/icons/script.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_course.add,
.academic.course.add
{
	padding-left: 20px;
	background-image: url('../img/icons/script_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_course.delete,
.academic.course.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/script_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_area,
.academic.area,
.report.card
{
	padding-left: 20px;
	background-image: url('../img/icons/book.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_area.add,
.academic.area.add
{
	padding-left: 20px;
	background-image: url('../img/icons/book_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_area.delete,
.academic.area.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/book_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_subject,
.academic.subject
{
	padding-left: 20px;
	background-image: url('../img/icons/report.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_subject.add,
.academic.subject.add
{
	padding-left: 20px;
	background-image: url('../img/icons/report_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_subject.delete,
.academic.subject.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/report_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_subject.recovery,
.academic.subject.recovery
{
	padding-left: 20px;
	background-image: url('../img/icons/report_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_period,
.academic.period
{
	padding-left: 20px;
	background-image: url('../img/icons/date.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_period.add,
.academic.period.add
{
	padding-left: 20px;
	background-image: url('../img/icons/date_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_period.delete,
.academic.period.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/date_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_group,
.academic.group
{
	padding-left: 20px;
	background-image: url('../img/icons/group.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_group.add,
.academic.group.add
{
	padding-left: 20px;
	background-image: url('../img/icons/group_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_group.delete,
.academic.group.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/group_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_group.error,
.academic.group.error
{
	padding-left: 20px;
	background-image: url('../img/icons/group_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator,
.academic.indicator
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator.add,
.academic.indicator.add
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator.delete,
.academic.indicator.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator.contents,
.academic.indicator.contents
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_text.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator.recovery,
.academic.indicator.recovery
{
	padding-left: 20px;
	background-image: url('../img/icons/pencil_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_indicator_failed
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_evaluator,
.academic.evaluator
{
	padding-left: 20px;
	background-image: url('../img/icons/note.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_evaluator.add,
.academic.evaluator.add
{
	padding-left: 20px;
	background-image: url('../img/icons/note_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_evaluator.delete,
.academic.evaluator.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/note_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.academic_evaluator_failed,
.academic.evaluator.failed
{
	padding-left: 20px;
	background-image: url('../img/icons/note_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.academic.evaluation
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.evaluation.add
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.evaluation.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.academic.assignment
{
	padding-left: 20px;
	background-image: url('../img/icons/pencil.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.assignment.add
{
	padding-left: 20px;
	background-image: url('../img/icons/pencil_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.assignment.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/pencil_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.academic_student
{
	padding-left: 20px;
	background-image: url('../img/icons/user.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_student.add
{
	padding-left: 20px;
	background-image: url('../img/icons/user_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic_student.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/user_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.observation
{
	padding-left: 20px;
	background-image: url('../img/icons/comment.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.observation.add
{
	padding-left: 20px;
	background-image: url('../img/icons/comment_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.observation.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/comment_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.observations
{
	padding-left: 20px;
	background-image: url('../img/icons/comments.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.timeline
{
	padding-left: 20px;
	background-image: url('../img/icons/timeline_marker.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.file
{
	padding-left: 20px;
	background-image: url('../img/icons/file.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.auth
{
	padding-left: 20px;
	background-image: url('../img/icons/lock.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.home
{
	padding-left: 20px;
	background-image: url('../img/icons/house.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.help
{
	padding-left: 20px;
	background-image: url('../img/icons/help.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.xls
{
	padding-left: 20px;
	background-image: url('../img/icons/table_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.logout
{
	padding-left: 20px;
	background-image: url('../img/icons/door_out.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.about
{
	padding-left: 20px;
	background-image: url('../img/icons/asterisk_orange.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.superscript
{
	padding-right: 12px;
	background-image: url('../img/icons/asterisk_orange_sup.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.obligation
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.obligation.add
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.obligation.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.attachment
{
	padding-left: 12px;
	background-image: url('../img/icons/attachment.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email
{
	padding-left: 20px;
	background-image: url('../img/icons/email.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email.add
{
	padding-left: 20px;
	background-image: url('../img/icons/email_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/email_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/email_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email.error
{
	padding-left: 20px;
	background-image: url('../img/icons/email_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.email.send
{
	padding-left: 20px;
	background-image: url('../img/icons/email_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.event
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.meeting
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.meeting.add
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.meeting.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/calendar_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.meeting.guests
{
	padding-left: 20px;
	background-image: url('../img/icons/group.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.process
{
	padding-left: 20px;
	background-image: url('../img/icons/bricks.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.process.step
{
	padding-left: 20px;
	background-image: url('../img/icons/brick.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.process.step.add
{
	padding-left: 20px;
	background-image: url('../img/icons/brick_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.process.step.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/brick_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/* Support tickets */
.support.ticket
{
	padding-left: 20px;
	background-image: url('../img/icons/bug.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.support.ticket.add
{
	padding-left: 20px;
	background-image: url('../img/icons/bug_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.support.ticket.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/bug_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/* polls */
.poll
{
	padding-left: 20px;
	background-image: url('../img/icons/application_form.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.add
{
	padding-left: 20px;
	background-image: url('../img/icons/application_form_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/application_form_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/application_form_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.poll.item
{
	padding-left: 20px;
	background-image: url('../img/icons/textfield.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.item.add
{
	padding-left: 20px;
	background-image: url('../img/icons/textfield_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.item.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/textfield_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.record
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.record.add
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.record.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.poll.record.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/page_white_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.medal
{
	padding-left: 20px;
	background-image: url('../img/icons/medal_silver_3.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.medal.gold
{
	padding-left: 20px;
	background-image: url('../img/icons/medal_gold_3.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.medal.silver
{
	padding-left: 20px;
	background-image: url('../img/icons/medal_silver_3.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.medal.bronze
{
	padding-left: 20px;
	background-image: url('../img/icons/medal_bronze_3.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.ads
{
	padding-left: 20px;
	background-image: url('../img/icons/table.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.ads.add
{
	padding-left: 20px;
	background-image: url('../img/icons/table_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bulletin
{
	padding-left: 20px;
	background-image: url('../img/icons/newspaper.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bulletin.add
{
	padding-left: 20px;
	background-image: url('../img/icons/newspaper_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bulletin.pending,
.bulletin.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/newspaper_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.bulletin.published
{
	padding-left: 20px;
	background-image: url('../img/icons/newspaper_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.message
{
	padding-left: 20px;
	background-image: url('../img/icons/email_open.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.message.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/email_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

tr.unread td
{
	font-weight: bold;
}

.icon-link
{
	padding-left: 20px;
	background-image: url('../img/outlink.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.clinic
{
	padding-left: 20px;
	background-image: url('../img/icons/pill.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.rss
{
	padding-left: 20px;
	background-image: url('../img/icons/feed.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.password
{
	padding-left: 20px;
	background-image: url('../img/icons/key.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.picture
{
	padding-left: 20px;
	background-image: url('../img/icons/picture.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.picture.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/picture_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}


.academic.scheme
{
	padding-left: 20px;
	background-image: url('../img/icons/calculator.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.scheme.add
{
	padding-left: 20px;
	background-image: url('../img/icons/calculator_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.scheme.edit
{
	padding-left: 20px;
	background-image: url('../img/icons/calculator_edit.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.academic.scheme.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/calculator_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.csv
{
	padding-left: 20px;
	background-image: url('../img/icons/table.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.csv.add
{
	padding-left: 20px;
	background-image: url('../img/icons/table_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.csv.go
{
	padding-left: 20px;
	background-image: url('../img/icons/table_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library
{
	padding-left: 20px;
	background-image: url('../img/icons/book.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.delete
{
	padding-left: 20px;
	background-image: url('../img/icons/book_delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.asset
{
	padding-left: 20px;
	background-image: url('../img/icons/book.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.asset.loaned
{
	padding-left: 20px;
	background-image: url('../img/icons/book_open.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.asset.due
{
	padding-left: 20px;
	background-image: url('../img/icons/book_error.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.asset.return
{
	padding-left: 20px;
	background-image: url('../img/icons/book_go.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.category
{
	padding-left: 20px;
	background-image: url('../img/icons/folder.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.category.add
{
	padding-left: 20px;
	background-image: url('../img/icons/folder_add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.library.author
{
	padding-left: 20px;
	background-image: url('../img/icons/user_gray.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.chart.pie
{
	padding-left: 20px;
	background-image: url('../img/icons/chart_pie.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.chart.bar
{
	padding-left: 20px;
	background-image: url('../img/icons/chart_bar.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.chart.line
{
	padding-left: 20px;
	background-image: url('../img/icons/chart_line.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.delete.button
{
	padding-left: 20px;
	background-image: url('../img/icons/delete.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.external.add
{
	padding-left: 20px;
	background-image: url('../img/icons/add.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.arrow-up
{
	padding-left: 20px;
	background-image: url('../img/icons/arrow-up.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.arrow-down
{
	padding-left: 20px;
	background-image: url('../img/icons/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.dian-complete
{
	padding-left: 15px;
	background-image: url('../img/ok.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;	
}

.dian-sent
{
	padding-left: 15px;
	background-image: url('../img/external-link-symbol.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.e-sign {
	padding-left: 15px;
	height: 52px;
	background-image: url('../img/e-pdf.png');
	background-repeat: no-repeat;
	background-position: 0 50%;	
}

.e-sign-fail {
	padding-left: 15px;
	height: 52px;
	background-image: url('../img/e-pdf-pending.png');
	background-repeat: no-repeat;
	background-position: 0 50%;	
}

.e-sign-pending {
	padding-left: 15px;
	height: 52px;
	background-image: url('../img/e-pdf-fail.png');
	background-repeat: no-repeat;
	background-position: 0 50%;	
}

.vanjupe
{
	background-image: url('../img/icons/logo_vanjupe.png');
	background-repeat: no-repeat;
	background-size: 23px;
}
#dash_board {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    max-width: 1100px;
}


/* Bloques de dashboard */
.dash {
    flex: 1;

    border: 1px solid #eee;
    padding: 2px;
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 2px 0px;
}

.bigdash {
    min-width: 80%;
}

.normaldash {
    min-width: 40%;
}


/* Layout para mobile */
@media screen and (max-width: 750px) {
    .normaldash {
        min-width: 80%;
    }
    .dash .contents table td div,
    .dash .contents table td {
        white-space: normal !important;
    }
}

.dash .header {
    padding: 8px;

    background: #F7F7F7;
    border-radius: 3px;
    padding: 5px;
}

.dash .header i {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #999;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    float: left;
}



/* .dash .process_td1 {
    width: 80px;
} */

.dash .process_td2 {
    width: 100px;
}

.dash .process_td3 {
    width: 70px;
}

.dash .process_td3 {
    width: 70px;
}

.dash .process_td4 {
    width: 80px;
}


.dashhide {
    display: none;
}


.dash .header .text {
    height: 40px;
    margin-left: 50px;
}

.dash .header h1,
.dash .header p {
    margin: 0;
}

.dash .header h1 {
    font-size: 18px;
    font-weight: 500;
}

.dash .header p {
    font-size: 11px;
    color: #666;
}


.dash .related {
    float: none;
    padding: 3px;
    margin: 0;
    text-align: left;
}


.dash .contents {
    margin-top: 8px;
    padding: 4px 8px;
    overflow: hidden;
}

.dash .contents table td div,
.dash .contents table td {
    padding-top: 3px;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash .contents table td {
    height: 16px;
    padding-bottom: 2px !important;
    padding-top: 0px !important;
}

.dash .dashboard_personal_information img {
    float: left;
}

.dash .contents .imgprofile img {
    border-radius: 5px;
    margin-right: 12px;
}

.dash .contents h1 {
    margin-left: 40px;
    padding-top: 20px;
    font-size: 18px;
}

.dash .contents h2 {
    font-size: 13px;
}

.dash .children h1 {
    margin-left: 4px;
    padding-top: 10px;
    font-size: 13px;
    float: left;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
}

.dash .children .child {
    height: 33px;
    width: 210px;
    float: left;
}

.dash .children img {
    margin-left: 6px;
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 50px;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
}

.dash .children {
    padding-top: 10px;
}


.external_panel {
    background-color: #F7F7F7;
    border: 1px solid #bdbdbd;
    cursor: pointer;
    float: left;
    transition: 0.1s ease 0s;
    margin: 1px;
}

.external_panel_small {
    float: left;
    height: 72px;
    width: 75px;
    padding: 4px;
    border-radius: 12px;
    margin-right: 4px;
}

.external_panel_normal {
    float: left;
    border-radius: 12px;
    min-height: 165px;
    width: 170px;
    margin-bottom: 20px;
    margin-right: 15px;
    padding: 5px;
}


.external_panel:hover {
    transform: scale(1.015);
}

.external_panel_info {
    margin: 0 auto;
    overflow: auto;
    text-align: center;
}

.external_panel_info_small {
    display: none;
}

.external_panel_info_normal {
    height: 35px;
    width: 170px;
}

.external_panel_img {
    margin: 0 auto;
    background-repeat: no-repeat;
}

.external_panel_img_small {
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.external_panel_img_normal {
    background-size: 90px 90px;
    height: 90px;
    width: 90px;
}

.external_panel_info_text_small,
.dashboard_employee_classes_area,
.dashboard_employee_classes_subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
}

.dashboard_font_small {
    font-size: 9px;
}

.external_panel_info_text_small {
    width: 70px;
    height: 16px;
}

.dashboard_employee_classes_area {
    width: 110px;
    height: 16px;
}

.dashboard_employee_classes_subject {
    width: 60px;
    height: 16px;
}

.external_tags {
    margin: 0;
    padding: 0;
}

.external_tags li {
    margin-bottom: 3px;
}

.external_tags li,
.external_tags a {
    list-style: none;
    float: left;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    border: 1px;
}

.external_tags a {
    margin-left: 3px;
    padding: 0 3px 0 3px;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid gray;
}

.external_tags a:hover {
    background: rgb(240, 217, 217);
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
  z-index: 2147483647;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*
Product Name: dhtmlxCalendar
Version: 5.1.0
Edition: Standard
License: content of this file is covered by DHTMLX Commercial or enterpri. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/

@keyframes dhx_loader_rotate{100%{transform:rotate(360deg);}}@keyframes dhx_loader_dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}}.dhtmlxcalendar_material{position:absolute;display:block;background-color:white;font-size:14px;font-family:Roboto,Arial,Helvetica;color:#404040;}.dhtmlxcalendar_material.dhtmlxcalendar_in_input{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);}.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_month_cont,.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_days_cont,.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_dates_cont,.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont{border-color:white;}.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont{border-top:1px solid #dfdfdf;}.dhtmlxcalendar_material ul.dhtmlxcalendar_line{position:relative;display:block;clear:both;font:inherit;margin:0;padding:0;overflow:hidden;margin-left:12px;width:225px;}.dhtmlxcalendar_material ul.dhtmlxcalendar_line li{float:left;position:relative;list-style-type:none;list-style-image:none;text-align:center;vertical-align:middle;font:inherit;cursor:default;overflow:hidden;margin:0;padding:0;}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont{position:relative;display:block;width:249px;margin:0;border-width:1px 1px 0 1px;border-style:solid;border-color:#dfdfdf;overflow:hidden;font:inherit;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text;}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr{width:225px;height:31px;line-height:31px;}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow{position:absolute;top:0;width:18px;height:31px;color:inherit;text-align:center;background-position:center center;background-repeat:no-repeat;}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover{left:4px;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover{right:4px;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");}.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year{position:relative;font:inherit;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont{position:relative;display:block;width:249px;margin:0;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;overflow:hidden;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line{height:31px;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li{width:31px;height:31px;line-height:31px;margin-left:1px;font-size:12px;color:#9a9a9a;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first{margin-left:1px;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_day_weekday_cell_first{margin-left:1px;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont{position:relative;display:block;width:249px;margin:0;padding-bottom:8px;border-width:0 1px 1px 1px;border-style:solid;border-color:#dfdfdf;overflow:hidden;font:inherit;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line{margin-top:1px;margin-left:13px;height:31px;line-height:31px;font:inherit;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li{width:31px;height:31px;line-height:31px;margin-right:1px;border-radius:50%;overflow:visible;font:inherit;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label{position:relative;width:100%;height:100%;font:inherit;line-height:31px;text-align:center;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label.dhtmlxcalendar_label_title{background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_marker.gif");background-position:top right;background-repeat:no-repeat;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell{color:#a6a6a6;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend{color:#e6918e;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date{color:#a6a6a6;background-color:#dcdcdc;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend{color:#e6918e;background-color:#dcdcdc;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis{color:#c0c0c0;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis{color:#e6918e;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday{color:#e6918e;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday{color:#d43f3a;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_dis{color:#d43f3a;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_hover{color:#a6a6a6;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_hover{color:#a6a6a6;background-color:#dcdcdc;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover{color:#e6918e;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_hover{color:#e6918e;background-color:#dcdcdc;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_hover,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_hover,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_hover,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_hover{color:#d43f3a;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month{color:#404040;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend{color:#d43f3a;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date{color:white;background-color:#39c;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis{color:#c0c0c0;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis{color:#d43f3a;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday{color:#d43f3a;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday{color:#d43f3a;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_dis,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_dis{color:#d43f3a;background-color:#f2f2f2;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover{color:#404040;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover{color:#d43f3a;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover{color:white;background-color:#39c;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_hover{color:#d43f3a;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_hover{color:#d43f3a;background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_hover{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_hover{color:white;background-color:#ef5350;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont{position:relative;display:block;width:249px;height:31px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li{width:225px;height:31px;line-height:31px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr{text-align:left;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours{margin-left:42px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img{position:absolute;left:22px;top:7px;width:18px;height:18px;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_clock.png");background-position:center center;background-repeat:no-repeat;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img{left:75px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr{text-align:center;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours{margin-left:0;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear{display:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon{display:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today{float:right;margin-right:8px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear{float:right;margin-right:74px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_selected_date{border-bottom:2px solid red;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today{float:right;margin-right:8px;}.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear{float:right;margin-right:22px;}.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn{display:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell{width:27px;}.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn{display:block;width:27px;color:#3da0e3;background-color:- #060606;}.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell{width:27px;height:28px;line-height:27px;margin-top:2px;}.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell div{line-height:inherit;}.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn{display:block;width:27px;color:#3da0e3;background-color:- #060606;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover{position:absolute;left:1px;background-color:white;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj{position:absolute;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow{position:absolute;bottom:auto;top:1px;left:0;width:100%;height:9px;overflow:hidden;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");background-position:top center;background-repeat:no-repeat;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table{border-bottom:1px solid #dfdfdf;border-top:0 solid white;background-color:white;margin-top:9px;box-shadow:0 2px 6px rgba(0,0,0,0.24);}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right{width:24px;text-align:center;border-color:#dfdfdf;border-style:solid;padding:0;margin:0;background-color:white;background-position:center center;background-repeat:no-repeat;cursor:default;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left{border-width:1px 0 0 1px;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover{background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right{border-width:1px 1px 0 0;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover{background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle{cursor:default;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul{display:block;clear:both;background-color:white;border-left:1px solid #dfdfdf;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li{float:left;list-style-type:none;list-style-image:none;text-align:center;vertical-align:middle;margin:0;padding:0;border-right:1px solid #dfdfdf;background-color:white;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-size:14px;font-family:Roboto,Arial,Helvetica;color:#404040;font-size:.9em;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover{background-color:#ebebeb;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line{height:28px;border-top:1px solid #dfdfdf;border-bottom:0 solid white;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell{width:50px;height:28px;line-height:28px;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right{display:none;width:0;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow{top:auto;bottom:1px;background-image:url("../js/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line{height:28px;border-top:0 solid white;border-bottom:1px solid #dfdfdf;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table{margin-top:0;margin-bottom:9px;border-bottom:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell{width:34px;height:28px;line-height:28px;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right{display:none;width:0;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5{display:none;}.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5{display:block;}.dhtmlxcalendar_ifr{position:absolute;overflow:hidden;background-color:white;}div.dhtmlxcalendar_skin_detect{position:absolute;left:0;top:-100px;margin:0;padding:0;border:0 solid white;width:40px;height:10px;overflow:hidden;}