* {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 48px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0px;
    background: transparent;
    background-repeat: no-repeat;
    color: #000000;
    text-decoration: none;
    list-style-type: none;
    vertical-align: baseline;
}

body {
    background-color: #ffffff;
    margin: 1%;
    min-height: 200%;
}

div, select, input, a, label {
    display: block;
}

.cleaner {
    clear: both;
    height: 0;
}

select, input {
    width: 100%;
    cursor: pointer;
    height: 48px;
}

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

select {
    -webkit-appearance: listbox;
    background-image: url(/assets/select-f391eb22a477915cca65399fa10f211931b5265aba08fe41ad9073bff4951a46.png);
    background-position: center right;
    padding: 8px 5px;
    line-height: 28px;
}

input[type=text], input[type=password], input[type=tel] {
    cursor: text;
}

input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.listWrapper {
    margin-bottom: 12px;
}

.listItem {
    border: 1px solid #a9a9a9;
    border-top: none;
    padding: 5px;
    cursor: pointer;
    height: 48px;
}

.listItem:first-child {
    border-top: 1px solid #a9a9a9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.listItem:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.listItem:hover, .topMenuItem:hover, .calendarWrapper table td a:hover, .listItem.checkBox label:hover, .listItem.checkBox input[type=checkbox]:checked + label:hover {
    background-color: #ffc234;
}

.listItem:active, .topMenuItem:active, .calendarWrapper table td a:active {
    background-color: #ffa737;
}

.listItem div, .listItem.calNav input {
    background-image: url(/assets/next-3a85e1b32fbb218f81012f8ab1b3a29ccdda67e9f1caf689db5bcce579f1911c.png);
    background-position: center right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 24px;
}

.listItem.dateSelect select, .listItem.timeSelect select, .listItem.calNav select {
    display: inline-block;
    float: left;
    text-align: center;
}

.listItem.dateSelect select:first-child, .listItem.dateSelect select:last-child {
    width: 27%;
}

.listItem.dateSelect select:nth-child(2) {
    width: 46%;
}

.listItem.timeSelect select {
    width: 50%;
}

#go_to_date_2i {
    width: 35%;
}

#go_to_date_1i {
    width: 25%;
}

.listItem.calNav input {
    width: 40%;
}

.listItem.dateSelect option, .listItem.timeSelect option {
    text-align: center;
}

.listItem.checkBox {
    padding: 0;
    height: 58px;
}

.listItem.checkBox label {
    width: 100%;
    display: inline-block;
    background-image: url(/assets/checkbox_no-1a1d6d2385aac28580e2c81bb8a3f604111ffbca7e9081e41a8f37edf8c118be.png);
    background-position: center right;
    cursor: pointer;
    color: #000000;
    background-color: #DA4F49;
    line-height: 58px;
    height: 58px;
}

.listItem.checkBox label span {
    color: #ffffff;
    padding-left: 5px;
}

.listItem.checkBox input[type=checkbox]:checked + label {
    background-image: url(/assets/checkbox_yes-284965d54b1e382e8014d13e17f7a3439ff73777b55e3436cf0d9c2323138c4a.png);
    background-color: #5BB75B;
}

.listItem div.field_with_errors {
    background-image: none;
}

.field_with_errors {
    background-color: #F2DEDE;
}

.listItem.cancel div {
    background-image: url(/assets/back-7ea5d1ee81a9b657ffff4a2a80c9bf62395d1091fa99a096dfb18e7f2715636c.png);
}

.listItem label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    cursor: text;
    width: 100%;
}

.primary {
    background-color: #006DCC;
}

.create {
    background-color: #5BB75B;
}

.delete {
    background-color: #DA4F49;
}

.listItem.create div {
    background-image: url(/assets/create-7c266bbea8748c5a0eb140d47c0b0b3b1ddd6ba7f9b29a5ccc836181f8610cff.png);
}

.primary input[type=submit], .primary input[type=button], .create input[type=submit], .create input[type=button], .delete input[type=submit], .delete input[type=button], .listItem.create div, .listItem.primary div, .listItem.delete div {
    color: #ffffff;
}

.pageTitle, .topMenu {
    position: fixed;
    width: 100%;
    left: 0;
}

.pageTitle {
    top: 0;
    color: white;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    font-size: 14px;
    background-color: #000000;
}

.topMenu {
    background-color: #ffffff;
    top: 18px;
    border-radius: 0px 0px 6px 6px;
    border: 1px solid #a9a9a9;
}

.topMenu div {
    color: transparent;
    border-right: 1px solid #a9a9a9;
}

.topMenuItem {
    background-position: center center;
    float: left;
    width: 25%;
}

.topMenuItem:first-child {
    border-bottom-left-radius: 6px;
}

.topMenuItem:last-child {
    border-bottom-right-radius: 6px;
}

.topMenuItem:last-child div {
    border-right: none;
}

.topMenuItem.contacts {
    background-image: url(/assets/contacts-d4d0fa63ed94c37e1ea76fa94d42992bd33bc8bce0167b7d512be62c76340ebd.png);
}

.topMenuItem.tasks {
    background-image: url(/assets/tasks-944a06b510093c3f368c1bfa4f22e1674060bf0b50a2c6c2700e8bf5ab441406.png);
}

.topMenuItem.calendar {
    background-image: url(/assets/calendar-183e5fafdd53771bb684cffb092153dfc20e47dbb9a72ff350702f37a4bb7a78.png);
}

.topMenuItem.settings {
    background-image: url(/assets/settings-d255c0a7df35e1654df4756d8776be123e47505d85652f1a46a23ce06d6237b1.png);
}

.alert {
    border-radius: 6px;
    padding: 0px 48px 0px 12px;
    margin-bottom: 12px;
    border: 1px solid #FBEED5;
    color: #C09853;
    background-color: #FCF8E3;
    background-image: url(/assets/alert-2fb8a1200906eab6cee50994657b4068fbacb901dd88c83002ad1ac59f50b1df.png);
    background-position: 99% center;
}

.alert.error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    background-image: url(/assets/error-600c791aa866da1710db626323a59dd2af77dd404c9106defcf051c2a30f2790.png);
}

.alert.error li {
    color: #B94A48;
}

.alert.success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
    background-image: url(/assets/success-8a3ce5218054241eb50f3ddea706a3c65594877e4f807c582727db5129139f84.png);
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

.calendarWrapper {
    border: 1px solid darkGray;
    border-radius: 6px;
    margin-bottom: 12px;
}

.calendarWrapper table {
    width: 100%;
    table-layout: fixed;
}

.calendarWrapper table thead tr th {
    height: 48px;
    overflow: hidden;
}

.calendarWrapper table thead tr a.listItem div {
    color: transparent;
    background-position: center;
}

.calendarWrapper table thead tr th:first-of-type a.listItem div {
    background-image: url(/assets/back-7ea5d1ee81a9b657ffff4a2a80c9bf62395d1091fa99a096dfb18e7f2715636c.png);
}

.calendarWrapper table thead tr a.listItem {
    border: none;
}

.calendarWrapper table thead tr th:first-of-type a.listItem {
    border-right: 1px solid darkGray;
}

.calendarWrapper table thead tr th:last-of-type a.listItem {
    border-left: 1px solid darkGray;
}

.calendarWrapper table thead tr:last-of-type {
    border-top: 1px solid darkGray;
}

.calendarWrapper table td {
    text-align: center;
    border: 1px solid darkGray;
}

.calendarWrapper table td:first-child {
    border-left: none;
}

.calendarWrapper table td:last-child {
    border-right: none;
}

.calendarWrapper table tr:last-child td {
    border-bottom: none;
}

.calendarWrapper table td.weekend {
    background-color: #fff2de;
}

.calendarWrapper table td.today {
    background-color: #ffc234;
}

.calendarWrapper table td.notmonth {
    background-color: #dedede;
}

.calendarWrapper table td a div {
    height: 5px;
    background-color: #c0c0c0;
    margin: 0px 5px;
    border-radius: 6px;
}

.calendarWrapper table td a div.active {
    background-color: #006DCC;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */