/******************** Ajax ********************/
#ajax-spinner {
    position:fixed;
    left: 46%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: #EAEAEA url('../../img/spinner.gif') no-repeat 5% 50%;
    padding: 1.1em;
    opacity: 0.8;
    color: #1C6FAF;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 44px;
    border-radius: 0.8em 0.8em 0.8em 0.8em;
    box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
    border: 2px solid #1C6FAF;
    display: none;
    z-index: 9999999;
}
/******************** Actions ********************/
.icon {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
span.icon {
    float: left;
    margin: 1px 2px;
}
a .icon:hover {
    position: relative;
    background-position-y: -24px;
}
.icon-add {
    background-image: url('../images/icons/page_add_disabled.png');
}
a .icon-add {
    background-image: url('../images/icons/page_add.png');
}
.icon-copy {
    background-image: url('../images/icons/page_copy_disabled.png');
}
a .icon-copy {
    background-image: url('../images/icons/page_copy.png');
}
.icon-view {
    background-image: url('../images/icons/page_detail_disabled.png');
}
a .icon-view {
    background-image: url('../images/icons/page_detail.png');
}
.icon-edit {
    background-image: url('../images/icons/ras/ed.png');
}
a .icon-edit {
    background-image: url('../images/icons/ras/ed.png');
}
.icon-list {
    background-image: url('../images/icons/ras/list.png');
}
a .icon-list {
    background-image: url('../images/icons/ras/list.png');
}
.icon-list-add {
    background-image: url('../images/icons/ras/add.png');
}
a .icon-list-add {
    background-image: url('../images/icons/ras/add.png');
}
.icon-photos {
    background-image: url('../images/icons/ras/list.png');
}
a .icon-photos {
    background-image: url('../images/icons/ras/list.png');
}
.icon-move-up {
    background-image: url('../images/icons/ras/arrow-up.png');
}
a .icon-move-up {
    background-image: url('../images/icons/ras/arrow-up.png');
}
.icon-move-down {
    background-image: url('../images/icons/ras/arrow-down.png');
}
a .icon-move-down {
    background-image: url('../images/icons/ras/arrow-down.png');
}
.icon-vote-like {
    background-image: url('../images/icons/ras/arrow-up.png');
}
a .icon-vote-like {
    background-image: url('../images/icons/ras/arrow-up.png');
}
.icon-vote-dislike {
    background-image: url('../images/icons/ras/arrow-down.png');
}
a .icon-vote-dislike {
    background-image: url('../images/icons/ras/arrow-down.png');
}
.icon-delete {
    background-image: url('../images/icons/ras/del.png');
}
a .icon-delete {
    background-image: url('../images/icons/ras/del.png');
}
.icon-key, .icon-change-password {
    background-image: url('../images/icons/ras/password.png');
}
a .icon-key, a .icon-change-password {
    background-image: url('../images/icons/ras/password.png');
}
.icon-yes {
    background-image: url('../images/icons/ras/yes3.png');
}
a .icon-yes {
    background-image: url('../images/icons/ras/yes3.png');
}
.icon-no {
    background-image: url('../images/icons/ras/no4.png');
}
a .icon-no {
    background-image: url('../images/icons/ras/no4.png');
}
.icon-info {
    background-image: url('../images/icons/ras/info.png');
}
a .icon-info {
    background-image: url('../images/icons/ras/info.png');
}


.icon-info {
    text-indent: 0;
    position: relative;
    top: 9px;
}
.icon-info:hover {
    background-position: 0 0;
}
/******************** Messages -> no margin-bottom for last message? ********************/
.message:last-child {
  margin-bottom: 2.5em;
  }
  section .message:last-child {
    margin-bottom: 1.667em;
  }
/******************** ViewOnlyRenderer ********************/
div.inline-label {
    padding-left: 20em;
    line-height: 15px;
    margin-bottom: 20px;
}
div.inline-label label {
    min-height: 26px;
}
div.inline-label .wswg p {
    padding-left: 0;
}
/******************** DataGrid ********************/
table.datagrid {
    width: 100%;
}
div.datagrid-operations-picto {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-bottom: -4px;
    background-image: url('../images/icons/fugue/arrow-curve-000-left.png');
}
.controls-buttons img, .controls-buttons .reset {
    width: 18px;
    height: 16px;
}
.controls-buttons .page {
    font-weight: bold;
}
.datagrid .unselectall {
    margin-left: 4px;
}
.datagrid .table-actions {
    white-space: nowrap;
    /* width: 1%; need to display icons inline */
}
.datagrid tbody tr {
    cursor: pointer;
}
.datagrid tbody tr td.table-actions .icon-view, .datagrid th.table-actions .icon-add {
    display: none;
}

.block-controls ul.controls-buttons li.prev,
.block-controls ul.controls-buttons li.next {
    min-width: 20px;
}

/******************** Breadcrumb ********************/
#breadcrumb .last span {
    display: inline;
    padding: 0 8px;
}

/******************** Header ********************/
#brand {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url('../images/ras/header-fish.png') top right no-repeat;
    width: 509px;
    height: 97px;
}

/******************** RadioList - move second+ labels to the right ********************/
.inline-label label:nth-child(n+2),
.inline-label .label:nth-child(n+2) {
    margin-left: 0.5em;
    padding: 0;
    width: auto;
    float: none;
}
/******************** Button -> input type="submit" ********************/
input[type=file],
.graphical-button,
input[type=submit] {
    display: inline-block;
    border: 1px solid;
  border-color: #50a3c8 #297cb4 #083f6f;
  background: #0c5fa5 url(../images/old-browsers-bg/button-element-bg.png) repeat-x left top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(
    top,
    white,
    #72c6e4 4%,
    #0c5fa5
  );
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(white),
    to(#0c5fa5),
    color-stop(0.03, #72c6e4)
  );
  -moz-border-radius: 0.333em;
  -webkit-border-radius: 0.333em;
  -webkit-background-clip: padding-box;
  border-radius: 0.333em;
  color: white;
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  font-size: 1.167em;
  padding: 0.286em 1em 0.357em;
  line-height: 1.429em;
  cursor: pointer;
  font-weight: bold;
  }
  /* IE class */
  .ie input[type=submit] {
    overflow: visible;
  }
  /* IE class */
  .ie7 input[type=submit] {
    padding-top: 0.357em;
    padding-bottom: 0.214em;
    line-height: 1.143em;
  }
  input[type=submit] img {
    margin-bottom: -3px;
  }
  input[type=submit]:hover, .graphical-button:hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(../images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    background: -moz-linear-gradient(
      top,
      white,
      #2bcef3 4%,
      #057fdb
    );
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#057fdb),
      color-stop(0.03, #2bcef3)
    );
  }
  input[type=submit]:active, .graphical-button:active {
    border-color: #5b848b #b2def1 #b2def1 #68a6ba;
    background: #3dbfed url(../images/old-browsers-bg/button-element-active-bg.png) repeat-x top;
    background: -moz-linear-gradient(
      top,
      #89e7f9,
      #3dbfed
    );
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#89e7f9),
      to(#3dbfed)
    );
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

    input[type=file] {
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

  input[type=submit].red,
  .red input[type=submit] {
    color: white;
    border-color: #bf3636 #5d0000 #0a0000;
    background: #790000 url(../images/old-browsers-bg/button-element-red-bg.png) repeat-x top;
    background: -moz-linear-gradient(
      top,
      white,
      #ca3535 4%,
      #790000
    );
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#790000),
      color-stop(0.03, #ca3535)
    );
    }
    input[type=submit].red:hover,
    .red input[type=submit]:hover {
      border-color: #c24949 #9d3d3d #590909;
      background: #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
      background: -moz-linear-gradient(
        top,
        white,
        #fe6565 4%,
        #9d0404
      );
      background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#9d0404),
        color-stop(0.03, #fe6565)
      );
    }
    input[type=submit].red:active,
    .red input[type=submit]:active {
      border-color: #7c5656 #f7cbcb #f7cbcb #a15151;
      background: #ff5252 url(../images/old-browsers-bg/button-element-red-active-bg.png) repeat-x top;
      background: -moz-linear-gradient(
        top,
        #ff9d9d,
        #ff5252
      );
      background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#ff9d9d),
        to(#ff5252)
      );
    }

  input[type=submit]:disabled,
  input[type=submit]:disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
    background: -moz-linear-gradient(
      top,
      #f0f2f2,
      #c8c8c8
    );
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(#f0f2f2),
      to(#c8c8c8)
    );
    -moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: auto;
  }
  /* IE class */
  input[type=submit].disabled,
  input[type=submit].disabled:hover {
    color: #bfbfbf;
    border-color: #e9f2f6 #c4c3c3 #a2a2a2 #e3e2e2;
    background: #c8c8c8 url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
    cursor: auto;
  }

  input[type=submit].grey {
    color: white;
    border-color: #a1a7ae #909498 #6b7076;
    background: #9fa7b0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
    background: -moz-linear-gradient(
      top,
      white,
      #c5cbce 5%,
      #9fa7b0
    );
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(white),
      to(#9fa7b0),
      color-stop(0.05, #c5cbce)
    );
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    input[type=submit].grey:hover {
      border-color: #a1a7b0 #939798 #6e7275;
      background: #b1b5ba url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
      background: -moz-linear-gradient(
        top,
        white,
        #d6dadc 4%,
        #b1b5ba
      );
      background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#b1b5ba),
        color-stop(0.03, #d6dadc)
      );
    }
    input[type=submit].grey:active {
      border-color: #666666 #ffffff #ffffff #979898;
      background: #dddddd url(../images/old-browsers-bg/button-element-grey-active-bg.png) repeat-x top;
      background: -moz-linear-gradient(
        top,
        #f1f1f1,
        #dddddd
      );
      background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#f1f1f1),
        to(#dddddd)
      );
    }

  input[type=submit].small {
    font-size: 0.833em;
    padding: 0.2em 0.3em 0.3em 0.2em;
    vertical-align: 0.2em;
    }
    /* IE class */
    .ie input[type=submit].small {
      padding: 0.5em 0.3em;
      vertical-align: 0.1em;
    }

  .ie7 input[type=submit] + input[type=submit] {
    margin-left: 0.25em;
  }
/******************** Welcome screen icons ********************/
.shortcuts-list li a, .shortcuts-list li div {
    /*border: 1px solid #3399CC;*/
    margin-right: 10px;
    height: 82px;
}

ul.shortcuts-list {
    margin: 0px 0px 10px 0px !important;
}

.shortcuts-list li a.main {
    /*background-color: #CCEEFF !important;*/
}

.shortcuts-list li div.main {
    /*background-color: #333333 !important;*/
}

.shortcuts-list .dashboard-icon {
    background: no-repeat center 5px !important;
    display: block;
    margin: 0 auto 5px auto;
    width: 48px;
    height: 48px;
}

.shortcuts-list li .home {
    background-image: url('../images/icons/home_2states.png') !important;
}
.shortcuts-list li .medias {
    background-image: url('../images/icons/medias_2states.png') !important;
}
.shortcuts-list li .backup {
    background-image: url('../images/icons/backup_2states.png') !important;
}
.shortcuts-list li .write {
    background-image: url('../images/icons/write_2states.png') !important;
}
.shortcuts-list li .users {
    background-image: url('../images/icons/users_2states.png') !important;
}
.shortcuts-list li .pages {
    background-image: url('../images/icons/custom/control_pages.png') !important;
}
.shortcuts-list li .menu {
    background-image: url('../images/icons/custom/control_menu.png') !important;
}

.shortcuts-list li a, .shortcuts-list li div {
    display: block;
    width: 7em;
    padding-top: 0px !important;
    color: #808080;
    text-align: center;
    position: relative;
}

/****************** Shortcuts override - admin welcome screen navigation icons *******************/

.shortcuts-list li a:hover {
    background-color: #E0E0E0 !important;
}

.float-right input[type="submit"] {
}

/****************** Datagrid header container *******************/

.block-content-header-container {
    position: absolute;
    left: 0.7em;
    top: -0.644em;
    width: 100%;
    z-index: 100;
}

.half-width {
    width: 50%;
}

.block-content-header-container > * {
    margin-right: 10px !important;
}

.block-content-header-container  h1, .block-content-header-container .h1 {
    float: left !important;
    top: 0;
    left: 0 !important;
    position: relative;
}

.block-content-header-container .big-button {
    font-size: 1.3em !important;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif !important;
    line-height: 1.3;
    padding-left: 5px;
    padding-right: 7px;
    color: #cccccc;
    border-color: #62757E;
    background: -moz-linear-gradient(
        top,
        white,
        #72c6e4 4%,
        #0c5fa5
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#40535c),
        color-stop(0.03, #9eb1ba)
    );
}

.block-content-header-container .big-button.active {
    border-color: rgb(80, 163, 200) rgb(41, 124, 180) rgb(8, 63, 111);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), color-stop(0.03, rgb(114, 198, 228)), to(rgb(12, 95, 165)));
}

.block-content-header-container .big-button img {
    margin-right: 5px;
}

.block-content-header-container .close-button {
    padding-left: 10px;
    margin-right: 6px;
}

.block-content-header-container .close-button img {
    margin-left: 5px;
    margin-right: 0;
}

/****************** Constellation calendar header *******************/

.big-button.with-menu {
    font-size: 1.3em !important;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif !important;
    line-height: 1.4;
    padding-left: 5px;
    padding-right: 7px;
    color: #cccccc;
    background: #0c5fa5 url(../images/old-browsers-bg/title-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
        top,
        white,
        #72c6e4 4%,
        #0c5fa5
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#0c5fa5),
        color-stop(0.03, #72c6e4)
    );
    height: 21px;
}

.big-button.with-menu span {
    color: #fff;
    padding-left: 5px;
    padding-right: 25px;
}

/****************** Constellation graphics overrides *******************/
.block-border {
    border: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    -moz-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
}

/******************* Customer form **************/
.customer-form form {
    width: 80%;
}
.customer-form .wide-100 {
    width: 100%;
}
.customer-form fieldset {
    margin-top: 20px;
}
.customer-form label {
    padding-left: 3px;
}
.customer-form .float-right {
    margin-right: -14px;
}
.customer-form td {
    padding: 0px 3px;
}
.customer-form tr.labels td {
    padding-top: 20px;
}
.customer-form.user-form tr.labels.customer-container td {
    padding-top: 0px;
}

/******************* User form **************/
.user-form select {
    width: 172px;
}
.user-form .datepicker {
    width: 156px;
}

/****************** Aquarium / Service requirementds *******************/
.dependentControl_submit { display: none !important; }

/****************** Aquarium / Forms in tabs *******************/

.aquarium-form .columns {
    width: 700px;
    margin-left: 10px;
    margin-right: 110px;
}

.aquarium-form .columns .colx3-left,
.aquarium-form .columns .colx3-center,
.aquarium-form .columns .colx3-right {
    width: 32%;
    float: left;
}

.aquarium-form .columns .colx3-center,
.aquarium-form .columns .colx3-right {
    margin-left: 13px;
}

.aquarium-form fieldset {
    width: 657px;
}

.aquarium-form fieldset .columns {
    width: 100%;
    margin-left: 0;
}

.aquarium-form .columns.submits {
    margin-top: 5px;
    margin-bottom: 0px;
}

.aquarium-form .columns.submits input {
    margin-left: 5px;
}

.aquarium-form .columns .big-button {
    text-align: center;
}

.aquarium-form .columns input[type="text"],
.aquarium-form .columns input[type="date"],
.aquarium-form .columns select,
.aquarium-form .columns textarea {
    width: 212px;
}

.aquarium-form .columns fieldset input[type="text"],
.aquarium-form .columns fieldset input[type="date"],
.aquarium-form .columns fieldset select,
.aquarium-form .columns fieldset textarea {
    width: 196px;
}

.aquarium-form .columns select {
    width: 214px;
}

.aquarium-form .columns select {
    width: 226px;
}
.aquarium-form fieldset .columns select {
    width: 210px;
}

.aquarium-form fieldset .columns input[type="submit"] {
    margin: 0;
}

.aquarium-form .wide-100 {
    width: 686px!important;
}

.aquarium-form fieldset.file {
    width: 100%;
}

.aquarium-form fieldset.file .image-preview-box {
    width: 48%;
}

select {
    height: 30px;
    margin-top: 1px;
}

.datepick select {
    height: auto;
}

/****************** Aquarium / Animals list *******************/

.animals .columns {
}

.deleted {
  text-decoration: line-through;
}

.animals-list.block-content {
   padding: 0;
   background: #e6e6e6;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   -moz-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
   -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
   box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
   margin: 25px 0;
}

.items-list table,
.animals-list table {
    border-top: 1px solid #fff;
    width: 100%;
}

.animals-list .block-controls {
    margin: 0 !important;
}

.items-list tr:first-child,
.animals-list tr:first-child {
}

.items-list tr:first-child td,
.animals-list tr:first-child td {
    border-top: 1px solid #fff;
}

.item-list tr:nth-child(odd),
.animals-list tr:nth-child(odd){
    background-color: #f2f2f2;
}


.item-list tr:nth-child(even),
.animals-list tr:nth-child(even){
    background-color: #e6e6e6;
}
.items-list tr,
.animals-list tr {
    line-height: 30px;
    background-color: #e6e6e6;
    padding: 0 10px;
}

.items-list tr td,
.animals-list tr td,
.items-list tr th,
.animals-list tr th {
    width: 640px;
    background-color: inherit;
/*    border-bottom: 1px dotted #333;*/
    padding-left: 1em;
    line-height: 40px;
}

.items-list tr:last-child td,
.animals-list tr:last-child td {
    /* border: none; */
}

.items-list tr td.actions,
.animals-list tr td.actions {
    border-left: 1px solid #d0d0d0 !important;
}

.items-list tr td.actions:last-child,
.animals-list tr td.actions:last-child {
    border-left: none!important;
}

.items-list tr td.actions,
.animals-list tr td.actions {
    padding: 5px;
    width: 30px;
    vertical-align: middle;
}

.items-list tr.deleted td.actions,
.animals-list tr.deleted td.actions {
    background-color: inherit;
}

.items-list tr td.actions .icon-30,
.animals-list tr td.actions .icon-30 {
    width: 30px;
    height: 30px;
    display: block;
}

/* #f69aa1 light red */
/* #f64649 darker red */
.items-list tr:hover,
.animals-list tr:hover {
    background-color: #dbe8ef;
    cursor: pointer;
}

.items-list tr:hover td.actions,
.animals-list tr:hover td.actions {
    display: table-cell;
}

.animals-list tr.white-bg {
    background-color: #fff!important;
}

/* available even for calendar event rows */
tr.to-delete {
    background-color: #f69aa1 !important;
}

tr.dark-grey {
    background-color: #7a7a7a !important;
}

.items-list tr.inactive,
.animals-list tr.inactive {
    /* background-color: #bcbcbc; */
    /* color: #797979; */
}


.items-list tr.to-delete td.actions,
.animals-list tr.to-delete td.actions {
    display: table-cell;
}


.items-list tr td.to-edit-inline-form *,
.animals-list tr td.to-edit-inline-form * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.items-list tr td.to-edit-inline-form,
.animals-list tr td.to-edit-inline-form {
    padding: 20px;
}

.animals-list tr td.to-edit-inline-form fieldset,
.items-list tr td.to-edit-inline-form .wide-100-percent,
.animals-list tr td.to-edit-inline-form .wide-100-percent {
    width: 100% !important;
}

.items-list tr td.to-edit-inline-form .columns,
.animals-list tr td.to-edit-inline-form .columns {
    width: 100%;
    margin-left: 0;
}

.items-list tr td.to-edit-inline-form fieldset,
.animals-list tr td.to-edit-inline-form fieldset {
}

.animals-list tr td.to-edit-inline-form fieldset .columns .colx3-left,
.animals-list tr td.to-edit-inline-form fieldset .columns .colx3-right,
.animals-list tr td.to-edit-inline-form fieldset .columns .colx3-center {
    margin-left: 7px;
}

.animals-list tr td.to-edit-inline-form fieldset .columns input[type="text"],
.animals-list tr td.to-edit-inline-form fieldset .columns input[type="date"],
.animals-list tr td.to-edit-inline-form fieldset .columns select {
    width: 185px;
}

.animals-list tr td.to-edit-inline-form .columns input[type="text"],
.animals-list tr td.to-edit-inline-form .columns input[type="date"],
.animals-list tr td.to-edit-inline-form .columns select {
    width: 210px;
}

/****************** Aquarium / Properties *******************/
.property-field {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.property-field input, .property-field textarea {
    width: 92% !important;
}
.property-field textarea {
    margin-top: 2px;
    height: 87px;
}

/****************** Aquarium / Service *******************/

.aquarium-form .service-program label {
    height: 10px;
}

.aquarium-form .service-program input,
.aquarium-form .service-program select {
    margin-top: 20px;
}

/****************** Aquarium detail *******************/

.aquarium-detail table {
    width: 100%;
}

.aquarium-detail tr th,
.aquarium-detail tr td {
    width: 50%;
    padding: .4em 1em .4em 1em;
    border-top: 1px solid white;
}

.aquarium-detail tr th {
    vertical-align: middle;
}

.aquarium-detail tr.full-width th,
.aquarium-detail tr.full-width td {
    width: 100%;
}

.aquarium-detail th {
    font-size: 1.1em;
    text-align: right;
    color: #fff;
    background-color: #ccc;
    background: -moz-linear-gradient(
        top,
        white,
        #cacaca 4%,
        #a5a5a5
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#a5a5a5),
        color-stop(0.00, #cacaca)
    );
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
       -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.aquarium-detail tr:nth-child(even) td { background: #e6e6e6; }
.aquarium-detail tr:nth-child(odd) td { background: #f2f2f2; }

.aquarium-detail .icon-30 {
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    top: 30px;
    margin-top: -30px;
    z-index: 10;
}

.aquarium-detail .service-records-switch {
    margin-top: 2em;
    margin-bottom: 0;
    height: 30px;
    width: 100%;
}

.aquarium-detail-background .items-list tr:first-child td {
    border-top: 0px;
}

/* tables with headers */
.aquarium-detail-items .header {
    margin-top: 2.5em;
    height: 25px;
}

.aquarium-detail-items .first-left-header {
margin-top: 7em !important;
}

.aquarium-detail-items .edit-icon {
    float: right;
    margin: 11px 5px 0px 0;
}

.aquarium-detail-items .header span {
    color: white;
    font-size: 1.5em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    border: 1px solid;
    background: #0c5fa5 url(../images/old-browsers-bg/title-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    border-color: #62757E;
    background: -moz-linear-gradient(
        top,
        white,
        #72c6e4 4%,
        #0c5fa5
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#40535c),
        color-stop(0.03, #9eb1ba)
    );
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
    padding: 0.17em 0.444em 0.27em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.333em;
    -webkit-background-clip: padding-box;
    border-radius: 0.2em;
    margin-left: 8px;

    padding-left: 5px;
    padding-right: 7px;
}


.aquarium-detail-items .items-container {
    padding-top: 30px;
    margin-top: -16px;
    background-color: white;
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    border-radius: 0.333em;
    border: 1px solid #c7c7c7;
    margin-bottom: 2em;
}

.aquarium-detail-items .service-record-detail th {
    line-height: 30px;
    text-align: left;
}
.aquarium-detail-items .service-record-detail td {
    background-color: #fff !important;
}
.aquarium-detail-items .service-record-detail td, .aquarium-detail-items .items-container td {
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.aquarium-detail-items .service-record-detail td.header-records span {
    color: #1168ad;
    font-size: 1.5em;
}

.aquarium-detail-items .service-record-detail tr th:first-child,
.aquarium-detail-items .service-record-detail tr td:first-child {
    width: 30%!important;
}

.aquarium-detail-items .service-record-detail tr td.no-padding.no-border {
    padding: 0!important;
    margin: 0!important;
    border: 0!important;
}

.aquarium-detail-items .service-record-detail table.material tr th:first-child,
.aquarium-detail-items .service-record-detail table.material tr td:first-child {
    width: 66%!important;
}

.aquarium-detail-items th.left-border {
    border-left: 1px solid #fff !important;
}

.aquarium-detail-items td.left-border {
    border-left: 1px solid #999999 !important;
}

.aquarium-detail-items .service-record-detail .material {
    color: #313131;
    background-color: #cccccc;
}

.aquarium-detail-items .service-record-detail tr.odd td {
    background: #f2f2f2!important;
}

.aquarium-detail-items .service-record-detail tr.even td {
    background: #e6e6e6!important;
}

.aquarium-detail-items .service-record-detail tr.active td {
    background: #6eac2c!important;
}

.aquarium-detail-items .service-record-detail .material-total-price {
    color: #313131;
    background-color: #cccccc!important;
}

.aquarium-detail-items .last-records th.date,
.aquarium-detail-items .last-records td.date {
    width: 120px;
}

.items-list tr td .tabs-content, .animals-list tr td .tabs-content, .items-list tr th .tabs-content {
    line-height: normal;
}
.service-record-detail tr td, .service-record-detail tr th, .aquarium-detail-items tr th, .aquarium-detail-items tr td {
    cursor: default;
}

.aquarium-detail-items .service-record-detail .tabs-images img {
    width: 100%;
}

.aquarium-detail-items .service-record-detail .tabs-images .thumbnails {
    margin-top: 10px;
}

.aquarium-detail-items .service-record-detail .tabs-images .thumbnails img {
    width: 20%;
    margin-right: 1%;
}

.aquarium-detail-items table.classic thead tr th,
.aquarium-detail-items table.classic tbody tr td {
    width: auto;
    text-align: center;
}

.aquarium-detail-items table.classic tbody tr.deleted td {
    background-color: #f69aa1 !important;
}

.aquarium-detail-items table.classic tbody tr.white-bg td {
    background-color: #fff !important;
}

.aquarium-detail .items-container.unresolved-materials td,
.aquarium-detail .items-container.unresolved-materials th {
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}
.aquarium-detail .items-container.unresolved-materials th {
    text-align: left;
}

/***************** Calendar view *********************/


.block-content.planning-calendar {
    padding-top: 0;
}

/************************ Forms override ******************/

label.required:before {
    content: "*";
    color: #f00;
    margin-left: 0;
    font-weight: normal;
}

label.required,
label {
    color: #000 !important;
}

.date-time-picker-cross {
    /* display: none; */
    position: relative;
    float: right;
    top: -27px!important;
    right: 7px!important;
}

p.inline-label input.button {
    float: right;
    margin-left: 10px;
}

/************************ Forms override ******************/

.datagrid tr.to-delete td {
    background-color: #f69aa1 !important;
}

.datagrid tr td.table-actions {
    width: 72px !important;
}

.datagrid tr td.table-actions-medium {
    width: 108px !important;
}

.datagrid tr td.table-actions-wide {
    width: 144px !important;
}

.datagrid tr td.table-actions a {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px;
}

.datagrid tr.to-delete td.table-actions,
.datagrid tr.to-delete td.table-actions a {
}

.datagrid tr.to-delete td.table-actions .icon-24 img {
    width: 24px;
    height: 24px;
    display: block;
}

.datagrid tr.to-delete td.table-actions {
    background-color: #f64649 !important;
}

.datagrid tr td.table-actions a.hidden {
    display: none; /* Do not show first A tag, the whole row is active link */
}
.datagrid .table tbody td {
    vertical-align: middle;
}

/******************* Grid overrides ******************/

.container_12 .grid_12 {
    margin-left: 0;
    margin-right: 0;
    width: 960px !important;
}

nav#main-nav {
    height: 82px;
    background-image: url('../images/ras/header-fish.png') top right no-repeat;
}

header .server-info {
    padding-top: 0px;
    width: 180px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
        top,
        white,
        #72c6e4 4%,
        #0c5fa5
        );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(white),
        to(#0c5fa5),
        color-stop(0.03, #72c6e4)
        );
}
header .server-info strong {
    color: white;
}
header .server-info span {
    line-height: 25px;
}
header img {
    margin-bottom: -6px;
    margin-right: 5px;
}

nav#main-nav > ul > li {
    height: 87px;
    margin-top: 13px !important;
    margin-right: 10px;
}

nav#main-nav > ul > li > ul > li {
    margin-top: 13px;
}

.block-content h1, .block-content .h1 {
    left: 1.2em;
    height: 18px;
}

/******************* New ICONS ******************/

.shortcuts-list li .home {
    background-image: url('../images/icons/dashboard.png') !important;
}

.shortcuts-list li .users {
    background-image: url('../images/icons/users.png') !important;
}

.shortcuts-list li .settings {
    background-image: url('../images/icons/settings.png') !important;
}

.shortcuts-list li .units {
    background-image: url('../images/icons/units.png') !important;
}

.shortcuts-list li .monitoring {
    background-image: url('../images/icons/monitoring.png') !important;
}

.shortcuts-list li .records {
    background-image: url('../images/icons/records.png') !important;
}

.shortcuts-list li .aquarium-types {
    background-image: url('../images/icons/aquarium-types.png') !important;
}

.shortcuts-list li .aquarium-properties {
    background-image: url('../images/icons/aquarium-properties.png') !important;
}

.shortcuts-list li .animals {
    background-image: url('../images/icons/animals.png') !important;
}

.shortcuts-list li .aquariums {
    background-image: url('../images/icons/aquarium-and-planning.png') !important;
}

.shortcuts-list li .calendar-icon {
    background-image: url('../images/icons/calendar.png') !important;
}

.shortcuts-list li .dashboard-icon:hover {
    background-position: 0 -91px !important;
}

/******************* Calendar ******************/

.block-calendar {
    padding-top: 0;
}

.block-calendar .block-controls {
    margin-top: 25px;
    padding: 12px 12px 12px 7px;
}

.block-calendar .block-controls .controls-buttons {
    margin: .7em 0 0em 0;
}

.block-calendar .block-controls .controls-buttons .sep {
    position: relative;
    top: 3px;
}

.block-calendar .block-controls .filters {
    float: left;
}

.gridfilters.gridfilters-large {
    padding-top: 2em;
}
.aquarium-grid-filters select {
    max-width: 140px;
}

.block-calendar .block-controls .filters .sep,
#monitoring .monitoringfilters .sep,
#efficiency .gridfilters .sep,
.gridfilters .sep {
    display: inline-block;
    position: relative;
    padding: 0;
    top: 1em;
    width: 2px;
    min-width: 2px;
    height: 4em;
    margin: -1em 0.25em -1em 0.25em;
    border: none;
    background: url(../images/controls-bt-sep.png) no-repeat bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-calendar .block-controls .filters input[type="text"] {
    width: 175px;
}

.hidden {
    display: none;
}

.calendar thead th {
    height: 30px;
    padding: 0 0.75em!important;
}

.calendar tbody td {
    height: 124px !important;
    padding: 6px !important;
}

.calendar td:hover {
    cursor: pointer;
}

.calendar tbody tr.unwrapped > td {
    padding: 2em 1em !important;
    border: 1px transparent;
    border-right: none;
}

.calendar tbody tr.unwrapped > td table {
    margin: 0;
}

.calendar tbody tr.unwrapped > td:hover,
.calendar tbody tr.unwrapped > td {
    background: #fff !important;
    height: auto !important;
}

.calendar tbody tr.unwrapped > td:last-child:hover {
    padding: 2em 1em;
}

.calendar tbody tr.unwrapped > td td:last-child:hover {
    padding-right: 0.3em;
}

.calendar tbody tr.unwrapped > td tr:last-child td:hover {
    padding-bottom: 0.3em;
}

.calendar tbody tr.unwrapped > td .block-content {
    padding: 0;
    background: #e6e6e6;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    -moz-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 8px rgba(50, 50, 50, 0.5);
}

.calendar tbody tr.unwrapped > td .block-controls {
    margin: 0;
}

.calendar tbody tr.unwrapped td:hover {
    box-shadow: none;
}

.calendar tbody tr.unwrapped > td thead th.actions {
}

.calendar tbody tr.unwrapped:last-child > td {
    border: none;
}

.calendar tbody tr.unwrapped tr:nth-child(even) th:first-child {
    background: #fff;
}

.calendar tbody tr.unwrapped > td thead tr th:first-child,
.calendar tbody tr.unwrapped > td thead tr th {
    background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(
        top,
        #cccccc,
        #a4a4a4
    );
    background: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#cccccc),
        to(#a4a4a4)
    );
    color: white;
    -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    vertical-align: middle;
    text-align: left;
    border-top: 1px solid white;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #828282;
    padding: 0 0.583em!important;
}

.calendar tbody tr.unwrapped > td th:first-child,
.calendar tbody tr.unwrapped > td th,
.calendar tbody tr.unwrapped > td td {
    width: auto;
    height: 30px!important;
}

.calendar tbody tr.unwrapped > td tbody td {
    border-right: 1px solid #fff;
}

/* remove all borders, keep only the right one */
.calendar tbody th:hover, .calendar tbody td:hover, .list-calendar tbody th:hover, .list-calendar tbody td:hover,
.calendar tbody th, .calendar tbody td, .list-calendar tbody th, .list-calendar tbody td {
    border: 0 !important;
    padding: 0.583em !important; /* make text in the cell on the same place for hovered state and normal state */
    border-right: 1px solid #d0d0d0 !important;
}

.calendar tfoot td {
    padding: 0 !important;
}
.calendar tfoot tr:hover td {
    padding: 0 !important;
}

.calendar tbody tr.unwrapped > td tr td.time {
    width: 90px;
}

/* hide right border between action icons */
.calendar tbody tr.unwrapped > td thead th.actions,
.calendar tbody tr.unwrapped > td tbody td.actions {
    border-right-color: transparent !important;
}

.calendar tbody tr.unwrapped > td tbody tr.dark-grey-bg td.actions:last-child {
    border-right: 1px solid #7a7a7a!important;
}

.calendar tbody tr.unwrapped > td tbody td.actions {
    width: 30px !important;
}

.calendar tbody tr.unwrapped > td tbody td.actions .icon {
    position: relative;
}

.calendar tbody tr.unwrapped > td tbody td.actions .icon:hover {
    position: relative;
    margin: 1px 2px;
    top: 0;
}

.calendar tbody tr.unwrapped > td tbody td.actions .icon.icon-no:hover {
    margin: 2px 2px;
}

.calendar tbody tr.unwrapped > td div form fieldset,
.calendar tbody tr.unwrapped > td tbody tr form fieldset {
    /* width: 30%; */
    /* float: left; */
    border: 0;
}

.calendar tbody tr.unwrapped > td tbody tr form fieldset .inline {
    /* display: inline; */
}

.calendar tbody tr.unwrapped > td div form fieldset legend,
.calendar tbody tr.unwrapped > td tbody tr form fieldset legend {
    display: none;
}

.calendar tbody tr.unwrapped > td div form .hide-date .datepicker {
    display: none;
}

.calendar tr.unwrapped tbody tr,
.calendar tr.unwrapped tbody tr:hover {
    color: #333;
}

.calendar tr.unwrapped tbody tr td,
.calendar tr.unwrapped tbody tr td:hover {
    color: inherit;
    background: none;
}

.calendar .calendar-events {
    background: #aaa;
    position: relative;
    z-index: 100;
}

.calendar .calendar-events .block-content {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.calendar .calendar-events table tbody tr {
    background: #fff;
}

.calendar .calendar-events table tfoot tr {
    border-top: 1px solid #d0d0d0;
}

.calendar .calendar-events table tfoot tr td {
    color: #fff;
}

.calendar .calendar-events table tfoot tr,
.calendar .calendar-events table tfoot tr:hover {
    background: #e4e4dc !important;
}

.calendar .calendar-events table tfoot tr td,
.calendar .calendar-events table tfoot tr td:hover {
    background: inherit !important;
}

.calendar .calendar-events table tbody tr:nth-child(even) {
    background: #e6e6e6!important;
}

.calendar .calendar-events table tbody tr:nth-child(odd) {
    background: #f2f2f2!important;
}

.calendar .calendar-events table tbody tr:hover {
    background: #dbe8ef!important;
}

.calendar .calendar-events table tbody tr:hover td {
    background: inherit!important;
    color: #333!important;
}

.calendar .calendar-events table tbody tr.to-delete td.actions {
    background-color: #f64649 !important;
}

.calendar .calendar-events table tbody tr.dark-grey-bg,
.calendar .calendar-events table tbody tr.dark-grey-bg:hover {
    background-color: #7a7a7a !important;
}

.calendar .calendar-events table tbody tr.dark-grey-bg td,
.calendar .calendar-events table tbody tr.dark-grey-bg:hover td {
    color: #f0f0f0!important;
}

.calendar .calendar-events table tbody tr.white-bg,
.calendar .calendar-events table tbody tr.white-bg:hover {
    background-color: #fff !important;
}

.calendar .calendar-events table tbody tr.to-delete,
.calendar .calendar-events table tbody tr.to-delete:hover {
    background-color: #f69aa1 !important;
}

.calendar .calendar-events table tbody tr td {
    border-right-style: solid !important;
    border-right-color: #d0d0d0 !important;
    line-height: 30px;
}

.calendar .calendar-events table tbody tr td:last-child {
    border-right: none!important;
}

.calendar tbody tr.unwrapped td table {
    border: none;
    width: 100%;
}

.calendar tbody tr.unwrapped td table tr th,
.calendar tbody tr.unwrapped td table tr td {
    height: 30px;
}

.calendar tbody tr.unwrapped td table tr td {
    padding: 0.3em;
}

.calendar td.unwrapped a,
.calendar td.unwrapped div,
.calendar td.unwrapped ul {
    display: none;
}

.calendar td:hover {
    background: #dbe8ef!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    color: #808080!important;
    text-shadow: none!important;
}

.calendar tbody td:hover .events li {
    text-shadow: none!important;
    color: #333!important;
}

.calendar tbody td:hover .events li b {
    color: #3399cc!important;
}

.calendar tbody td.unsolved {
}

.calendar tbody td ul li.red,
.calendar tbody td ul li.red b,
.calendar tbody td.unsolved ul li,
.calendar tbody td.unsolved ul li b,
.calendar tbody td.unsolved:hover ul li,
.calendar tbody td.unsolved:hover ul li b {
    color: #f64649!important;
}

/* person icons */
.calendar .persons {
    float: right;
    width: 80%;
    /*height: 22px;*/
    text-align: right;
}
.calendar .persons i {
    margin-top: 3px;
    margin-left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: white;
    background-color: black;
}
.calendar .persons i.color-aquamarine {
    color: black;
    background-color: aquamarine;
}
.calendar .persons i.color-gold {
    color: black;
    background-color: gold;
}
.calendar .persons i.color-aqua {
    color: black;
    background-color: aqua;
}
.calendar .persons i.color-blue {
    background-color: blue;
}
.calendar .persons i.color-green {
    background-color: green;
}
.calendar .persons i.color-pink {
    color: black;
    background-color: pink;
}
.calendar .persons i.color-purple {
    background-color: purple;
}
.calendar .persons i.color-red {
    background-color: red;
}
.calendar .persons i.color-silver {
    color: black;
    background-color: silver;
}
.calendar .persons i.color-yellow {
    color: black;
    background-color: yellow;
}

/* day number is big and centered in the cell */
.calendar td.unwrapped,
.calendar tr:nth-child(even) td.unwrapped {
    text-align: center;
    vertical-align: middle;
    color: #333;
    font-size: 2.8em;
    height: 2.75em !important;
    background: #dbe8ef url('../images/td_calendar_unwrapped_bg.png') no-repeat 0 100%!important;
    border-bottom-color: transparent;
}

.calendar td.unwrapped:hover {
    box-shadow: none;
}

.calendar div.message {
    border: none;
    margin-bottom: 0;
    background-color: inherit;
}

.calendar .calendar-events table tbody .formtable td,
.calendar .calendar-events table tbody .formtable th,
.calendar .calendar-events table tbody .formtable tr {
    background: transparent !important;
    border: 0px !important;
    line-height: 14px;
}

.calendar .calendar-events table tbody .formtable td {
    padding-left: 10px !important;
    padding-right: 0 !important;
    padding: 0!important;
}
.calendar .calendar-events table tbody .formtable tr.labels td {
    vertical-align: bottom;
}

.calendar .calendar-events table tbody .formtable td:first-child {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

.calendar .calendar-events table tbody .formtable td label {
}

.calendar .other, .calendar .other td {
    color: #6b7076 !important;
}

/* annual (yellow) */
.calendar .annual, .calendar .annual td {
    background-color: #f8eec9 !important;
}

.calendar .calendar-events table tbody tr.dark-grey-bg.annual td {
    color: #333 !important;
}
.calendar .calendar-events table tbody tr.dark-grey-bg.annual:hover td {
    color: #f2f2f2 !important;
}

/* done by customer (green) */
.calendar .done-by-customer, .calendar .done-by-customer td {
    background-color: #e6f7d9 !important;
}

.calendar .calendar-events table tbody tr.dark-grey-bg.done-by-customer td {
    color: #333 !important;
}
.calendar .calendar-events table tbody tr.dark-grey-bg.done-by-customer:hover td {
    color: #f2f2f2 !important;
}

/******************* Forms *****************/

.no-bottom-margin {
    margin-bottom: 0em !important;
}

.bottom-margin-1em {
    margin-bottom: 1.1em !important;
}

label.required {
    font-weight: bold;
}

.col75 td.right {
    text-align: right;
}

.col75 {
    width: 75%;
    float: left;
}

.col75 {
    margin: 20px 0 5px 20px;
}


.columns.form-errors ul {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f00;
    padding: 10px;
    list-style: square;
}

.columns.form-errors ul li {
    color: #f00;
    font-weight: bold;
    margin-left: 30px;
}

.col75-buttons {
    margin-bottom: 20px;
}

.col75 fieldset {
    width: 100%;
    border: 1px solid #d9d9d9 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.col75 input[type="text"],
.col75 input[type="date"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}

.col75 fieldset legend {
    display: block !important;
}

.col60 {
    width: 59%;
    float: left;
}
.col60left {
    width: 59%;
    float: left;
    margin-right: 2%;
}
.col40 {
    width: 39%;
    float: left;
}
.col40left {
    width: 39%;
    float: left;
    margin-right: 2%;
}
.td-servicers {
    line-height: 2em !important;
    padding-left: 10px !important;
}
.formtable .labels {
    padding-top: 10px;
}

input.wide250 {
    width: 250px;
}

#requirements-list {
    padding: 15px 30px;
    border-top: 1px solid #4a5e70;
    border-bottom: 1px solid #fff;
    box-shadow:
        inset 0px 11px 8px -10px #808080,
        inset 0px -11px 8px -10px #808080;
}
.calendar table td.bg-shadow, .calendar table td.bg-shadow:hover, .bg-shadow {
    border-top: 1px solid #4a5e70 !important;
    border-bottom: 1px solid #fff !important;
    box-shadow:
        inset 0px 11px 8px -10px #808080,
        inset 0px -11px 8px -10px #808080 !important;
    padding: 10px 0 20px 0;
}

#requirements-list h2 {
    color: #333;
    margin: 10px 0 20px 13px;
}

#requirements-list li {
    margin-left: 30px;
    list-style-type: square;
}

td.requirements {
    padding: 0!important;
}

/******************* Gantt *****************/

.planning {
    border: none;
}

.planning > li > ul {
    border-left-style: solid;
}

table.gantt tbody tr td,
table.gantt tbody tr td:hover {
    padding: 0!important;
}


/******************* Dropdown **************/

.block-content .big-button .menu ul {
    left: -120px;
    border-radius: 5px;
    border-color: #b3b3b3;
    background: #767c7e;
    background-color: #767c7e;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, .3);
    padding: .5em 0;
}


.block-content .big-button .menu > ul,
.block-content .big-button .menu ul li:hover > ul {
}

.block-content .big-button .menu ul li {
    padding: 5px 11px 5px 9px;
    color: #3399cc;
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
       -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
            text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    background-color: inherit;
}

.block-content .big-button .menu ul li a {
    font-size: 14px;
    color: white;
    background-color: #767c7e;
}

.block-content .big-button .menu ul li:hover {
    background-color: #c0c5cb;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.block-content .big-button .menu ul li:hover > a {
    background-color: inherit;
}

.block-content .big-button .menu ul li.sep {
    border-top-color: #004a6f;
    border-bottom-color: #84c8e1;
}

.block-content .big-button .menu ul li ul {
    background-image: url(../images/menu-arrow-white.png);
}


.calendar tbody td.requirements {
    padding: 0!important;
    margin: 0 1px;
}

.table tbody th, .table tbody td, .table tfoot th, .table tfoot td {
    border-left: 1px solid #d0d0d0;
}

.block-content .message.no-margin {
    border-top: 1px solid #d0d0d0;
}

/****************** Service Records *******************/

.service-record-form .columns {
    width: 700px;
    margin-left: 10px;
    margin-right: 110px;
}

.service-record-form fieldset .columns {
    width: 640px;
    margin-left: 0px;
    margin-right: 0px;
}

.service-record-form form * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.service-record-form input[type="text"],
.service-record-form input[type="date"],
.service-record-form textarea,
.service-record-form select {
    width: 100%;
}

.service-record-form form .technician {
    height: 30px;
    line-height: 30px;
    margin-right: 40px;
    white-space: nowrap;
}

.service-record-form form {
    margin-top: 1.667em;
}

.service-record-form form .four-inputs-in-line label {
    height: 24px;
}

.service-record-form .to-edit-inline-form form .four-inputs-in-line label {
    line-height: 1;
}

.service-record-form .to-edit-inline-form form .four-inputs-in-line input[type="text"],
.service-record-form .to-edit-inline-form form .four-inputs-in-line select {
    width: 100%!important;
}

.service-record-form .bottom-space {
    margin-bottom: 1.667em !important;
}

fieldset.file {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 380px;
    margin-top: .667em !important;
}

fieldset.file .img-fixed-height-20 img {
    height: 20px;
}

fieldset.file .img-fixed-height-40 img {
    height: 40px;
}

.service-record-form fieldset label {
    margin-top: 15px;
}

 fieldset .image-preview-box {
    width: 100%;
    margin-top: 20px;
    height: 227px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
}

fieldset .image-preview-box .image-preview {
    width: 100%;
    height: 100%;
    /* background: #f2f2f2; */
}

fieldset .image-preview-box .image-preview img {
    display: block;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}

fieldset .image-preview-box .jcrop-holder img {
    max-height: inherit;
}

.service-record-steps {
    margin-top: 50px;
}

/******************* Helpers ****************/

.c,
.center {
    text-align: center !important;
}

.r,
.right {
    text-align: right !important;
}

img {
    max-width: 100%;
    height: auto;
}

ul.list {
    margin-left: 30px;
    list-style: square;
}

#login-block .block-header {
    line-height: 3.8em;
}


#frm-datagrid-userDataGrid-form-operations {
    height: 25px;
}
#frm-datagrid-userDataGrid-form-operationSubmit {
    height: 23px;
}
#frm-userDataGrid-form .block-footer a,
#frm-userDataGrid-form .block-footer select,
#frm-userDataGrid-form .block-footer input {
    margin: 0 5px;
}

/* ==========================================================================
   Monitoring
   ========================================================================== */
.block-content.block-monitoring {
    padding: 0;
}
#monitoring .block-controls {
    margin: 0px;
    height: 60px;
    position: relative;
}
#monitoring .block-controls .monitoringfilters {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
#monitoring .monitoringfilters form label {
    display: inline;
    font-weight: normal;
    padding-right: 3px;
}
#monitoring .monitoringfilters .datepicker {
    width: 90px;
}
#monitoring .monitoringfilters .date-time-picker-cross {
    display: inline-block;
    position: inherit;
    float: none;;
    margin-left: -23px;
    margin-bottom: -7px;
    margin-right: 5px;
}
#monitoring .paginator {
    margin-top: 30px;
}
#monitoring .monitoring-event {
    padding: 0px 10px;
    background: #F2F2F2;
}
#monitoring .monitoring-event:nth-child(odd) { background: #E6E6E6; }
#monitoring .monitoring-event.deleted { background: #FC9090; }
#monitoring .monitoring-event:hover { background: #DBE8F0; }
#monitoring .event-icon {
    float: left;
    width: 84px;
    height: 60px;
    margin: 10px 20px 0 40px;
}
#monitoring .event-icon.aquariums, #monitoring .event-icon.service_requirements {
    background: url('../images/icons/aquarium-and-planning.png') no-repeat;
}
#monitoring .event-icon.service_records {
    background: url('../images/icons/records.png') no-repeat;
}
#monitoring .event-icon.customers, #monitoring .event-icon.users {
    background: url('../images/icons/users.png') no-repeat;
}
#monitoring .event-content {
    padding: 10px;
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    float: left;
    width: 560px;
}
#monitoring .event-right {
    text-align: left;
    padding-top: 15px;
    float: right;
    width: 200px;
}

/* content */
#monitoring .monitoring-event .event-date {
    display: block;
    margin-bottom: 5px;
    color: #3694D1;
}
#monitoring .monitoring-event h2 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}
#monitoring .monitoring-event .author {
    font-weight: bold;
}
#monitoring .restore-button {
    margin-top: 10px;
}
#monitoring .block-controls ul.controls-buttons li.prev,
#monitoring .block-controls ul.controls-buttons li.next {
    min-width: 20px;
}

#monitoring .changes-toggle {
	cursor: pointer;
}
#monitoring .event-changes-container {
	margin: 10px 0;
	display: none;
}
#monitoring .event-changes-container ul {
	margin: 10px 0;
}
#monitoring ul.event-changes li {
	list-style: circle;
	margin-left: 20px;
}

/* ==========================================================================
   Efficiency
   ========================================================================== */
.block-content.block-efficiency {
    padding: 0;
}
#efficiency .block-content-header-container { width: 300px; }
#efficiency .block-controls {
    margin: 0px;
    height: 60px;
    position: relative;
}
#efficiency .block-controls .gridfilters {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
#efficiency .gridfilters form label {
    display: inline;
    font-weight: normal;
    padding-right: 3px;
}
#efficiency .gridfilters .datepicker {
    width: 90px;
}
#efficiency .gridfilters .date-time-picker-cross {
    display: inline-block;
    position: inherit;
    float: none;
    margin-left: -23px;
    margin-bottom: -7px;
    margin-right: 5px;
}
#efficiency .paginator {
    clear: right;
    margin-top: 20px;
}

/* entry row */
#efficiency .efficiency-entry {
    padding: 0px 10px;
    background: #F2F2F2;
}
#efficiency .efficiency-entry:nth-child(odd) { background: #E6E6E6; }
#efficiency .efficiency-entry:hover { background: #DBE8F0; }

/* left column */
#efficiency .entry-left {
    height: 130px;
    border-right: 1px solid #D0D0D0;
    float: left;
    width: 200px;
}
#efficiency .entry-left h2 {
    line-height: 130px;
    text-align: center;
}

/* right column */
#efficiency .entry-right {
    text-align: left;
    padding-top: 15px;
    float: right;
    width: 720px;
}
#efficiency .entry-right table td,
#efficiency .entry-right table th {
    padding: 10px;
}
#efficiency .entry-right table th {
    font-weight: normal;
}
#efficiency .entry-right table strong {
    font-size: 16px;
    color: #333333;
}
#efficiency .entry-right table .small {
    color: #a2a2a2;
}
#efficiency .entry-right table .red {
    color: #f00;
}

.grid-export {
    float: right;
    margin-top: -20px;
}

/* ==========================================================================
   Plan
   ========================================================================== */
.block-content.block-plan {
    padding: 0;
}
#plan .block-controls {
    margin: 0px;
    height: 60px;
    position: relative;
}
#plan .block-content-header-container { width: 300px; }
#plan .block-controls .gridfilters {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
#plan .gridfilters form label {
    display: inline;
    font-weight: normal;
    padding-right: 3px;
}
#plan .gridfilters .datepicker {
    width: 90px;
}
#plan .gridfilters .date-time-picker-cross {
    display: inline-block;
    position: inherit;
    float: none;
    margin-left: -23px;
    margin-bottom: -7px;
    margin-right: 5px;
}
#plan .paginator {
    clear: right;
    margin-top: 20px;
}

/* entry row */
#plan .plan-entry {
    padding: 5px 10px;
    background: #F2F2F2;
}
#plan .plan-entry:nth-child(odd) { background: #E6E6E6; }
#plan .plan-entry:hover { background: #DBE8F0; }

/* left column */
#plan .entry-left {
    height: 130px;
    border-right: 1px solid #D0D0D0;
    float: left;
    width: 200px;
}
#plan .entry-left h2 {
    line-height: 130px;
    text-align: center;
}

/* right column */
#plan .entry-right {
    text-align: left;
    padding-top: 15px;
    float: right;
    width: 720px;
}

#plan .plan-entry table { width: 100%; }

#plan .plan-entry table td { width: 25%; padding: 10px 0; }

#plan .plan-entry table td.servicers {
    color: #aaaaaa;
    text-align: right;
}

#plan .plan-entry table td .count {
    margin-left: 10px;
    font-size: 16px;
}

#plan .plan-entry td.timeline {
    background: url('../images/timeline_bg.png') 50% 50% no-repeat;
    height: 33px;
}

#plan .plan-entry td.timeline .months {
    width: 923px;
    display: block;
    float: left;
    position: relative;
    margin-left: 14px;
}

#plan .plan-entry td.timeline .months span {
    display: block;
    float: left;
    width: 76px;
    text-align: center;
}

#plan .events {
    width: 912px;
    margin-top: 20px;
    margin-left: 9px;
    position: relative;
}

#plan .events span {
    position: absolute;
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url('../images/timeline_events.png') no-repeat 0 0;
}

#plan .events span.unchanged { background-position-x: 0px; }
#plan .events span.changed { background-position-x: -15px; }
#plan .events span.planned { background-position-x: -30px; }

#plan .events span.changed.highlighted { background-position-x: -60px; }
#plan .events span.planned.highlighted { background-position-x: -45px; }

#plan .events span.done-by-customer { border: 1px solid #1A7E1E; }

/****************************************/
/****************************************/
.form-control-error {
    border: 1px solid #f00 !important;
}

.form-error-message {
    position: relative;
    top: 2px;
    color: #f00;
    font-weight: bold;
}


/* ==========================================================================
   Grid filters (aquariums, customers, service records)
   ========================================================================== */
.filter-controls {
    position: relative;
    height: 80px;
    top: 10px;
}
.filter-controls .gridfilters {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
.block-controls .filter-controls .gridfilters {
    text-align: left;
}
.gridfilters form label {
    display: inline;
    font-weight: normal;
    padding-right: 3px;
}
.gridfilters .datepicker {
    width: 90px;
}
.gridfilters .date-time-picker-cross {
    display: inline-block;
    position: inherit;
    float: none;;
    margin-left: -23px;
    margin-bottom: -7px;
    margin-right: 4px;
}
.filteredgrid .datagrid {
    position: relative;
}
.filteredgrid .datagrid .block-controls.paginator {
    background: none;
    border: none;
    position: absolute;
    top: -17px;
    right: 0px;
    z-index: 1000;
}

/* move aquarium paginator up so we can fit all filters */
.aquarium-list .filteredgrid .datagrid .block-controls.paginator {
    top: -55px;
}

/* move service records paginator up so we can fit all filters */
.filteredgrid.service-records-grid .datagrid .block-controls.paginator {
    top: -55px;
}

.aquarium-grid-export {
    position: absolute;
    top: 1px;
    left: 350px;
    z-index: 101;
    border: none;
    background: none;
}

.column-sort  {
    margin: 0 0.5em 0 -0.75em;
}

.table tbody tr.by-customer td { background-color: #f8eec9; }
.table tbody tr.by-customer.even td { background-color: #f5ebc6; }

::-webkit-input-placeholder {
    padding-top: 3px;
}

:-moz-placeholder { /* Firefox 18- */
    padding-top: 3px;
}

::-moz-placeholder {  /* Firefox 19+ */
    padding-top: 3px;
}

:-ms-input-placeholder {
    padding-top: 3px;
}

.table.table-history tbody tr:nth-child(even) td.missing-record,
.table.table-history tbody tr:nth-child(odd) td.missing-record,
.help .missing-record {
    background-color: #f69aa1;
}

.table.table-history tbody tr:nth-child(even) td .moved-forward,
.table.table-history tbody tr:nth-child(odd) td .moved-forward,
.help .moved-forward {
    color: red;
    font-weight: bold;
}

.table.table-history tbody tr:nth-child(even) td .moved-backwards,
.table.table-history tbody tr:nth-child(odd) td .moved-backwards,
.help .moved-backwards {
    color: green;
    font-weight: bold;
}

.help {
    margin: 10px 0;
    padding: 10px;
    background-color: #fffbe6;
    border: 1px solid #fffdcd;
}

.animals-container .graphical-button.set-invoiced {
    float: right;
    margin: 8px;
}

.animals-container .material-row-text small {
    float: right;
    padding-right: 20px;
}


.tip-notice {
    background: #9bd2ee !important;
    padding-top: 6px !important;
    padding-bottom: 4px !important;
    padding-left: 0 !important;;
    padding-right: 0 !important;;
}

.tip-notice > .arrow span {
    background: #9bd2ee !important;
    color: #9bd2ee !important;
}

/* multiuploader */

.qq-upload-button {
    padding: 50px 20px;
    margin: 20px;
    text-align: center;
    background: #f2f2f2;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* ==========================================================================
   Future requirements
   ========================================================================== */
.future-requirement-form .date-time-picker-cross {
    display: none;
}

.future-requirements-container.animals-list tr td,
.future-requirements-container.animals-list tr th {
    width: auto !important;
}

.future-requirements-container table tr th {
    text-align: left;
}

.future-requirements-container table tr td {
    line-height: 20px;
}

.future-requirements-container.items-list tr td.actions, .future-requirements-container.animals-list tr td.actions {
    border-left: none !important;
}

.calendar tbody tr.unwrapped tr:nth-child(even) .animals-container th:first-child {
    background: #a4a4a4 url(../images/old-browsers-bg/planning-header-bg.png) repeat-x top;
    background: -moz-linear-gradient(
            top,
            #cccccc,
            #a4a4a4
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cccccc),
            to(#a4a4a4)
    );
}

.badge-container {
    position: relative;
}

.badge {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;

    width: 20px;
    height: 20px;

    line-height: 20px;
    text-align: center;

    color: white;
    border: 1px solid darkred;
    background: #ff4d4d;

    border-radius: 50%;
}

/* aquariums datagrid view action hack */
#snippet-aquariumDataGrid-grid a:not(.hidden) .icon.icon-view {
    display: block;
    background-image: url(../images/icons/zoom-sprite.png);
}

#snippet-aquariumDataGrid-grid tr td.table-actions a {
    margin: 0 4px;
}