/* CRM stylesheet */

/* sorting */
th.headerSortDown:before { 
    content: "< "
}

th.headerSortUp:before { 
    content: "> "
}


/* common */
body, html { padding: 0; margin: 0 }
section { display: block }
body { font-size: 0.7em; font-family: Arial; line-height: 1.5em; padding: 0 5px; padding-bottom: 15px }
table { width: 100%; margin-top: 1em }

.ui-button { margin: 0 }
.ui-button-text-only .ui-button-text { padding: 3px 7px }
.ui-button-text-only { margin: 0 }
.ui-button:hover { color: #226 }
.ui-button.active { background: #3BAAE3; color: #fff }

.ui-dialog iframe { width: 100%; height: 98%; padding: 0; margin: 0; border: 0 }
.ui-widget-overlay { background: #444 }
.ui-dialog .ui-dialog-content { padding: 0; margin: 0; padding-bottom: 7px }
.ui-tabs .ui-tabs-nav li a { padding: 3px 8px }
.ui-dialog .ui-dialog-titlebar { padding: 2px 10px }

.login-info { position: absolute; top: 30px; right: 5px }
.login-info .logged-user { font-weight: bold }
.login-info a { text-align: right }

.changed { background: #fc8 }
.flash { background: #fa0; font-weight: bold; padding: 1em; position: fixed; bottom: 4em; right: 5px; z-index: 35000 }




/* custom */
input[type=text] { width: 70% }
textarea { width: 85%; height: 10em }








.admin-table tr { background: #fff }
.summary-table tr { background: #F2F5F7 }


/*tr.payed { background: #0a0 }
tr.payed.even { background: #0a0 }*/

tr.not_payed { background: #fd6 }

tr.overdue { background: #d33 }
tr.overdue td { color: #fff }
tr.cancelled, tr.product-invalid { background: #bbb }
tr.cancelled, tr.product-invalid td { color: #444 }


.admin-table tr.hover, .summary-table tr.hover { background: #aaf }



h1 { position: absolute; top: 2px; right: 5px; font-size: 1em; padding: 0; margin: 0; color: #88c }
h2 { color: #bcd }
.menu { margin-top: 5px }


.admin-table, .summary-table, .notes-table { border-collapse: collapse }
.admin-table th, .summary-table th, .notes-table th { text-align: left; background: #68a; color: #fff; padding: 0.3em 0; padding-left: 0.4em }
.admin-table td, .summary-table td { padding-left: 0.4em }
.admin-table .select { width: 1.5em }
.actions { width: 60px }
.admin-table .ui-button-text-only .ui-button-text, .summary-table .ui-button-text-only .ui-button-text { padding: 1px 5px; margin: 0; font-size: 11px }
.admin-table .ui-button, .summary-table .ui-button { padding: 0; margin: 0 }





.summary-table { width: 95%; margin-bottom: 1em }



form th { text-align: right; padding-right: 1em; background: none; width: 12em }



a { color: inherit }
a:hover { color: #a00 }

.admin-table a, .summary-table a { font-weight: bold }


.pagination { border-top: 2px solid #eee; padding-top: 5px; margin-top: 2em }
.pagination a { margin: 0 0.25em; font-weight: bold; font-size: 1.1em; }
.pagination a.active { color: #000; text-decoration: none }



.login-form { width: 25em; margin-top: 3em }
.login-form input[type=text], .login-form input[type=password] { width: 13em }



fieldset { padding: 0; margin: 0; margin-top: 2em }


input.submit { margin-top: 0.5em }


.invoice-table { margin-top: 2em; float: left; width: 45% }
.invoice-table td { font-size: 1.2em; line-height: 1.1em }
.invoice-table th { width: 20em }



.warning-parallel { background: #800; color: #ff0 }



.settings-form th { width: 40% }
.settings-form td { width: 60% }



.cleaner { clear: both }



.login-status, .number-status, .name-status, .license-key-status, .ico-status { font-weight: bold; margin-left: 1em; padding: 0.35em 1em }
.valid { background-color: #4a4; color: #fff }
.invalid { background-color: #a00; color: #fff }



.notes-table th { width: auto }
.notes-table th.title { width: 16em }
.notes-table td { padding: 0.2em 0.4em; vertical-align: top }
.notes-table td a { font-weight: bold }
.notes-table tr.hover { background: #fff }




.devel-menu{background: #f00}


.billing_diff{padding: 0.25em 1em; margin-bottom: 0.5em}



.filter-form{max-width: 40em; margin: 2em auto; background: #ccf; border: 0.3em solid #aaf; padding: 1em 2em}
.filter-form input[type=text]{width: 80%}

.prubezny_platny{
color:#66CC00;
}