/*Providing the imports for the weather widget*/
@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-0:before {
    content: ":";
}

.icon-1:before {
    content: "p";
}

.icon-2:before {
    content: "S";
}

.icon-3:before {
    content: "Q";
}

.icon-4:before {
    content: "S";
}

.icon-5:before {
    content: "W";
}

.icon-6:before {
    content: "W";
}

.icon-7:before {
    content: "W";
}

.icon-8:before {
    content: "W";
}

.icon-9:before {
    content: "I";
}

.icon-10:before {
    content: "W";
}

.icon-11:before {
    content: "I";
}

.icon-12:before {
    content: "I";
}

.icon-13:before {
    content: "I";
}

.icon-14:before {
    content: "I";
}

.icon-15:before {
    content: "W";
}

.icon-16:before {
    content: "I";
}

.icon-17:before {
    content: "W";
}

.icon-18:before {
    content: "U";
}

.icon-19:before {
    content: "Z";
}

.icon-20:before {
    content: "Z";
}

.icon-21:before {
    content: "Z";
}

.icon-22:before {
    content: "Z";
}

.icon-23:before {
    content: "Z";
}

.icon-24:before {
    content: "E";
}

.icon-25:before {
    content: "E";
}

.icon-26:before {
    content: "3";
}

.icon-27:before {
    content: "a";
}

.icon-28:before {
    content: "A";
}

.icon-29:before {
    content: "a";
}

.icon-30:before {
    content: "A";
}

.icon-31:before {
    content: "6";
}

.icon-32:before {
    content: "1";
}

.icon-33:before {
    content: "6";
}

.icon-34:before {
    content: "1";
}

.icon-35:before {
    content: "W";
}

.icon-36:before {
    content: "1";
}

.icon-37:before {
    content: "S";
}

.icon-38:before {
    content: "S";
}

.icon-39:before {
    content: "S";
}

.icon-40:before {
    content: "M";
}

.icon-41:before {
    content: "W";
}

.icon-42:before {
    content: "I";
}

.icon-43:before {
    content: "W";
}

.icon-44:before {
    content: "a";
}

.icon-45:before {
    content: "S";
}

.icon-46:before {
    content: "U";
}

.icon-47:before {
    content: "S";
}

.selected-info {
    cursor: pointer;
    background-color: #00c0ef;
}

a, .clickable {
    cursor: pointer;
}

.readonly {
    background-color: #ffffff !important;
}

textarea.form-control {
    resize: none;
}

.larger-font {
    font-size: 1.2em;
}

.cashbook-box {
    border-top: 1px solid #f4f4f4
}

.middle-vertical-align {
    vertical-align: middle;
}

.highlight-icon {
    color: red;
}

tr.selected_item {
    background-color: #367FA9 !important;
    color: #FFFFFF;
}

tr.selected_item > td > a {
    color: #FFFFFF;
}

.widget-user-username, .widget-user-desc {
    margin-left: 0 !important;
}

.fix-to-top {
    background-color: #FFF;
    position: fixed;
    top: 0;
    z-index: 1000;
    padding: 0;
}

/*   AdminLTE Bootstrap additions */
.bg-footer-info {
    background-color: #d9edf7 !important;
}

.sort-header {
    cursor: pointer;
}

.sort-header:before {
    font-family: FontAwesome;
    content: '  \f0dc';
    color: lightgrey;
    border-right: 4px solid transparent;
}

.sort-header-dark {
    cursor: pointer;
}

.sort-header-dark:before {
    font-family: FontAwesome;
    content: '  \f0dc';
    color: darkgrey;
    border-right: 4px solid transparent;
}

.sort-header.asc:before {
    font-family: FontAwesome;
    content: '  \f0de';
    color: #2c2c2d;
    border-right: 4px solid transparent;
}

.sort-header.desc:before {
    font-family: FontAwesome;
    content: '  \f0dd';
    color: #2c2c2d;
    border-right: 4px solid transparent;
}

/* Done for table headers that are links but need to be the default color */
.table > thead > tr > td > a {
    color: #2c2c2d;
    font-weight: bold;
}

.st-sort-ascent:before {
    font-family: FontAwesome;
    content: '  \f0de';
    color: black;
    border-right: 4px solid transparent;
}

.st-sort-descent:before {
    font-family: FontAwesome;
    content: '  \f0dd';
    color: black;
    border-right: 4px solid transparent;
}

/* Table alignments */
.table > tbody > tr > td {
    vertical-align: middle;
}

/* Calendar Control */
.datepicker > table > thead > tr > th > div {
    font-weight: bold;
}

.datepicker > table > tbody > tr > td > div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker > table > tbody > tr > td > div.cal-active {
    background: #00a65a !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker > table > tbody > tr > td > div.cal-incomplete {
    background: #f39c12 !important;
    color: #FFFFFF !important;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker > table > tbody > tr > td > div.cal-future {
    background: #3c8dbc !important;
    color: #FFFFFF !important;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker > table > tbody > tr > td > div.cur-date {
    background: #FFFFFF !important;
    color: #000000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dow, .day, .month, .year {
    text-align: center !important;
}

.bg-hover:hover {
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

.cal-col-1 {
    width: 15%;
}

.cal-col-2 {
    width: 14%;
}

.summary-padding-no {
    padding-left: 0;
}

.summary-padding-yes {
    padding-left: 15px;
}

/* disable spinners*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.table-hover > tbody > tr:hover {
    background-color: #e8e8e8;
}

@media print {
    body {
        display: inline;
        font-size: 14pt;
    }

    table {
        margin: 0 auto;
        font-size: 9pt;
        width: 100%;
        table-layout: fixed;
    }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 0;
        word-wrap: break-word;
    }
}

/*
    styling for reports in reports menu
*/
.report {
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.datetimepicker-wrapper {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}

.datetimepicker-wrapper > input {
    margin-bottom: 0 !important;
    width: 100%;
}

.datetimepicker-wrapper.ng-pristine.ng-untouched.ng-valid.ng-not-empty.ng-valid-time {
    display: none !important;
}

/*
    styling to create overlay
*/
#loading-bar {
    pointer-events: all;
    z-index: 99999;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: wait;
    position: fixed;
    background-color: rgba(230, 230, 230, 0.6);
}

/*
Style to wrap the text in table when screen is small
*/
table {
    table-layout: fixed;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    word-wrap: break-word;
}

/*
 style for wetstock graphics
 */
[id^="level"] .rs-handle {
    background-color: transparent;
    border: 8px solid transparent;
    border-right-color: black;
    margin: -4px 0px 0px -4px !important;
    border-width: 4px 101px 4px 0px;
}

[id^="level"] .rs-handle:before {
    display: block;
    content: " ";
    position: absolute;
    height: 22px;
    width: 22px;
    background: black;
    right: -11px;
    bottom: -11px;
    border-radius: 10px;
}

[id^="level"] .rs-tooltip {
    top: 95% !important;
    font-size: 12px;
}

/*
this has to be hard coded, dynamically changing it does not work
*/
#level0 .rs-range-color {
    background-color: #ff0000
}

#level1 .rs-range-color {
    background-color: #ff9900
}

#level2 .rs-range-color {
    background-color: #e6b800
}

#level3 .rs-range-color {
    background-color: #8000ff
}

#level4 .rs-range-color {
    background-color: #0066ff
}

#level5 .rs-range-color {
    background-color: #00cc66
}

#level6 .rs-range-color {
    background-color: #00bfff
}

#level0 .rs-path-color {
    background-color: #ff8080
}

#level1 .rs-path-color {
    background-color: #ffcc80
}

#level2 .rs-path-color {
    background-color: #ffe680
}

#level3 .rs-path-color {
    background-color: #bf80ff
}

#level4 .rs-path-color {
    background-color: #0066ff
}

#level5 .rs-path-color {
    background-color: #80ffbf
}

#level6 .rs-path-color {
    background-color: #80dfff
}

/*
Wimpy declaration report
*/
.bottom-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.full-border {
    border-style: solid;
}

/*
Align a checkbox to the center of a table data column when the checkboxCenter is applied
 */
.table > tbody > tr > td.checkboxCenter {
    text-align: center;
    vertical-align: middle;
}

.toastError, .toastInfo, .toastSuccess, .toastWarning {
    display: none;
}