@font-face {
    font-family: 'source_sans_proregular';
    src: url("../fonts/sourcesanspro-regular-webfont.1df84810ef04.eot");
    src: url("../fonts/sourcesanspro-regular-webfont.1df84810ef04.eot?#iefix") format('embedded-opentype'),
         url("../fonts/sourcesanspro-regular-webfont.fbf5eae7a0e0.woff") format('woff'),
         url("../fonts/sourcesanspro-regular-webfont.716220a359ca.ttf") format('truetype'),
         url("../fonts/sourcesanspro-regular-webfont.c8ef6455a620.svg#source_sans_proregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
    cursor: pointer;
    color: #0088cc!important;
    text-decoration: none!important;
}

.btn {
    color: #333333!important;
}

.btn-primary, .btn-success, .btn-info {
    color: #ffffff!important;
}

section {
    padding-top: 41px;
}

textarea {
    width: 400px;
}

input {
    width: 300px;
}

select {
    width: 300px;
}

form select[type=hidden] {
    display: none;
}

#udform {
    padding-bottom: 100px;
}

#udform select[multiple] {
    width: auto;
}

#udform select[multiple] option {
    text-align: left;
    font-size: medium;
}

#udform #id_related_case-wrapper {
    float: none;
}

.double-navbar-padding {
    padding-top: 90px;
}

.second-navbar {
    z-index: 900;
}

.container-fluid.container-padded {
    padding-top: 50px;
}

.ud-active-tab-container {
    display: none;
    position: fixed;
    right: 20px;
    left: 20px;
    top: 50px;
    z-index: 930;
}

.ud-button-container {
    position: fixed;
    display: none;
}

.ud-active-tab-container.fixed {
    position: fixed;
    left: 20px;
    top: 50px;
}

.ud-button-container.fixed {
    position: fixed;
    left: 20px;
    top: 108px;
}

.udbutton {
    margin: 5px;
}

table, .udeditablecell > input, .udfielddiv > input, .udfielddiv > span, table button, table select, table span {
    font-size: 12px;
}

#udsection-table button {
    min-width: 88px;
    max-width: 88px;
    line-height: 12px;
    min-height: 36px;
    font-weight: bold;
}

#udsection-table button:focus {
    border-color: transparent;
    outline: 0;
}

.udsection-active {
    background-color: #cfe2f3;
}

.udsection-inactive {
    background-color: #cccccc;
    min-width: 90px;
    max-width: 90px;
}

#udsection-table button.active {
    border:#000 1px solid;
}

#udsection_gap_cell {
    min-width: 96px;
}

#udsection_gap_cell.expanded {
    min-width: 224px;
}

.udicon-right {
    font-size: 28px;
    line-height: 28px;
    position:absolute;
    bottom: 16px;
    right: 0;
}

.udshortcell {
    min-width: 24px;
    max-width: 24px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    vertical-align: middle;
}

.udrownum {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.udblankrownum {
    border: 1px solid transparent;
}

.udheaderrow {
	font-weight: bold;
    height: 52px;
}

.udsummaryrow {
}

.ud-summary-row-open {
    font-weight: bold;
    background-color: #cfe2f3;
}

.udactiverow {
    background-color: #eeeeff;
}

#udsheettablefixed .udactiverow td.udcell,
#udsheettablefixed .udactiverow td.udcell-wide
{
    background-color: #eeeeff;
}

.udcell {
    min-width: 84px;
    max-width: 84px;
    width:84px;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    position:relative;
    border: 1px solid #eee;
}

.udcell[column="case_number"]{
    min-width: 124px;
    max-width: 124px;
}

.udcell-flex {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    position:relative;
    border: 1px solid #eee;
}

.udcell-wide {
    min-width: 84px;
    max-width: 168px;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    position:relative;
    border: 1px solid #eee;
}

.udcell-narrow {
    min-width: 42px;
    max-width: 42px;
    width: 42px;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    position:relative;
    border: 1px solid #eee;
}

.udeditablecell {
    padding: 0;
    border: 1px solid #ddd;
    cursor: pointer;
}

.udeditablecell:hover {
    border: 1px solid #aaa;
}

.udlabeldiv, .udfielddiv {
    display: inline;
}

.udheadercell {
    border-right: 1px solid white;
    cursor: pointer;
    background-color: #cfe2f3;
    background-clip: padding-box;
    border-right: 1px solid #ffffff;
}

.udheadercell[column="notes"] {
    display: none;
}

.udheaderrow th {
    background-color: #cfe2f3;
    background-clip: padding-box;
    border-right: 1px solid #ffffff;
}

.cursor-pointer {
    cursor: pointer;
}

.udactivecell {
    background-color: #eeeeff;
}

#id_invoiced_mark {
    padding: 3px;
}

.udsummarycell {
    background-clip: padding-box;
    border: 1px solid #ddd;
}

.udcollapse {
    padding: 5px;
    cursor: pointer;
}

.udadddefendant {
}

.udnotesiconpop, .udtimesheeticonpop, .uddocspop, .udadddefpop, .udrequestbutton, .uddeletebutton, .udpagebutton,
.ud-request-check-button, .udholdpop, .ud-request-complete-button, .udexprowsbutton  {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    text-align: center;
    font-size: 12px;
    padding: 2px;
}

td.highlight {
  background-color: #FDD838;
  border-color: white;
  border-style: solid;
  border-width: 3px 0 3px 0;
}

.udpagebutton.active {
    cursor: default;
}

#udsheettable {
    border-collapse: separate;
}

#udsheettable tr {
    height: 35px;
}

#udsheettable input, #udsheettable select, #udsheettable textarea, #udsheettable .uneditable-input,
#udsheettablefixed input, #udsheettablefixed select, #udsheettablefixed textarea, #udsheettablefixed .uneditable-input {
    margin-bottom: 0;
    width: 85%;
}

#udsheettable.notice-table p{
	margin: 0 0 0px;
}

#udsheettable input, #udsheettablefixed input, select, .uneditable-input {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

#paging-wrapper {
    margin: 15px 0 300px 0;
    padding: 9px;
}

#paging {
    display: none;
}

#paging span {
    display: inline-block;
    padding-right: 10px;
}

.ud-upcoming-hearing {
    background-color: #cfe2f3 !important;
}

.ud-todo-pending-red {
    background-color: #dd7e6b !important;
}

.ud-todo-pending-yellow {
    background-color: #f9cb9c !important;
}

.ud-todo-pending-green {
    background-color: #b6d7a8 !important;
}

.ud-todo-name-red {
    background-color: #dd7e6b !important;
}

.ud-blue {
    background-color: #cfe2f3 !important;
}

.group-0 {
    background-color: #d9d9d9; /*#a0a0a0; Status*/
}

.group-1 {
    background-color: #a4c2f4; /*#a4c2f4; Property Info*/
}

.group-2 {
    background-color: #dd7e6b; /*#d99594; Notice*/
}

.group-3 {
    background-color: #f9cb9c; /*#c2d69b; Service*/
}

.group-4 {
    background-color: #b6d7a8; /*#b2a1c7; Prejudgment*/
}

.group-5 {
    background-color: #b4a7d6; /*#c4bd97; Defaults*/
}

.group-6 {
    background-color: #ea9999; /*#a4c2f4; Plaintiff's Discovery*/
}

.group-7 {
    background-color: #ffe599; /*#ffe599; Defendant's Discovery*/
}

.group-8 {
    background-color: #a2c4c9; /*#b6d7a8; Judgment*/
}

.group-9 {
    background-color: #9fc5e8; /*#d99594; Property Secured*/
}

.group-10 {
    background-color: #d5a6bd; /*#b2a1c7; Hold*/
}

.group-11 {
    background-color: #efefef; /*#c4bd97; Resolved*/
}

.group-12 {
    background-color: #aaaaaa; /*#e0e0e0; Notes*/
}

#udsheettable-container {
    padding-right: 70px;
}

.popover {
    max-width: 480px;
    min-width: 265px;
}

.popover-content {
    max-height: 350px;
    overflow-y: auto;
    z-index: 2000;
}

.icon-check.add_cancel_checkboxes {
    width: 22px;
    height: 22px;
    margin: 2px 0 0 2px;
    cursor: pointer;
}

.body-content{ min-height: 100%; position: relative; }

.hidden_cell {
    visibility: hidden;
    border-color: #FFFFFF;
}

.hidden_cell i {
    display: none;
}

.gap_cell, .appearance_attorney_gap_cell, .client_gap_cell {
    width: 559px;
    display: inline-block;
    padding: 0;
}

.gap_cell.expanded {
    width: 615px !important;
}

.appearance_attorney_gap_cell {
    width: 591px;
}

.client_gap_cell {
    width: 559px;
}

.client_gap_cell.expanded {
    width: 559px;
}

#udcolumn-header-container {
    position: fixed;
    left: 18px;
    z-index: 920;
    display: none;
}

#udcolumn-header-container-fixed {
    background-color: #FFFFFF;
    position: fixed;
    padding-left: 20px;
    z-index: 920;
    left: 0;
    display: none;
}

#udcolumn-header-table {
    border-collapse: separate;
}

#udcolumn-header-table-fixed {
    border-collapse: separate;
}

#udsheettablefixed {
    border-collapse: separate;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    background-color: #FFFFFF;
}

#udsheettablefixed td.udcell,
#udsheettablefixed td.udcell-wide {
    background-clip: padding-box;
    padding: 2px;
    background-color: rgb(255, 255, 255);
}

#udsheettable thead tr, #udsheettablefixed thead tr {
    height: 54px;
}

#udsheettable thead td {
    border-left-color: #FFFFFF;
}

#udsheettable .udrow td.red {
    background-color: #F06969;
    color: #333333 !important;
}

#udsheettable .udrow td.green {
    background-color: #B6D7A8;
}

#framecontainer {
    position: relative;
    top: 100px;
}

.popover {
    z-index: 1050;
}

#assignee-filter,
#plaintiff-filter,
#process-server-filter,
#appearance-attorney-filter,
#status-filter,
#active-case-filter
{
    max-height: 256px;
    overflow-y: scroll;
}

.active-case-filter-wrapper {
    padding-bottom: 10px;
}

.active-case-filter-wrapper a {
    float: left;
    padding: 9px 5px 0 10px;
}

.ud-active-tab-container label[for=id_related_case] {
    display: inline-block;
    float: left;
    padding: 9px 5px 0 0;
}


#id_related_case-wrapper {
    float: left;
}

#id_related_case-autocomplete {
    margin-top: 4px;
    width: 700px;
}

#id_related_case-deck > span {
    margin-top: 6px;
    display: inline-block;
}

table.billing-table {
    margin: 0 0 2em 0;
}

table.case-detail-table {
    font-size: medium;
    font-family: serif;
}

.min-width-2000 {
    min-width: 2200px;
}

.billing-table th,
.case-detail-table th
{
    text-align: left;
}

.billing-table th,
.billing-table td,
.case-detail-table th,
.case-detail-table td
{
    padding: 0 0.5em;
}

.billing-table th,
.billing-table td,
.case-detail-table th,
.case-detail-table td
{
    border: 1px solid gray;
    max-width: 400px;
    /*min-width: 120px;*/
}

.billing-table p
{
    margin: 0;
}

.case-detail-note-title {
    min-width: 600px;
}

.strong
{
    font-weight: bold;
}

.no-border {
    border: 0 !important;
}

.no-padding
{
    padding:0 !important;
}

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

.total-amounts
{
    height: 40px;
}

.total-amounts span
{
    margin-top: 10px;
    display: inline-block;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.inline-block
{
    display: inline-block;
}

form.filters-form div {
    display: inline-block;
}

form.filters-form select
{
    width: auto;
    max-width: 10em;
}

form.filters-form .btn {
    font-size: 0.9em;
    padding: 0.25em 1em;
    margin-bottom: 10px;
}

form.filters-form label[for='id_are_flat_rate_items'] {
    display: inline-block;
    float: left;
    margin-top: 6px;
}

form.filters-form #id_are_flat_rate_items {
    float: left;
    margin: 10px 5px;
}

.narrow-input {
    width: 5em;
}

.medium-input {
    width: 7em;
}

.nav-tabs li a.brand {
    line-height: 24px;
}

.btn-case-detail {
    font-size: small;
    margin-bottom: 1em;
    padding: 0 1em;
}

.expander {
    cursor: pointer;
}

.expandable {
    display: none;
}

.allow-whitespace {
    white-space: pre-wrap;
}

.clear-both {
    clear: both;
}

.margin-right-20 {
    margin: 0 20px 0 0;
}

.margin-left-50 {
    margin: 0 0 0 50px;
}

.background-white {
    background-color: white !important;
}

.background-yellow {
    background-color: yellow;
}

.background-lightblue {
    background-color: rgb(240,240,255);
}

.background-red {
    background-color: red;
}

.narrow-text-input {
    width: 3em;
}

.blue {
    color: #0088cc;
}

.red {
    color: red;
}

.case-info-field-name {
    width: 90px;
}

.wide-table {
    min-width: 1600px;
}

.extra-wide-table {
    min-width: 2000px;
}

.navbar .container ul.nav a.brand {
    margin-left: 0;
}
.navbar .container ul.nav a {
    padding: 10px;
}

.navbar .nav {
    float: right;
}

#hwi_form input,
#hwi_form select,
#hwi_form textarea {
    width: auto;
}

#hwi_form {
    margin: 0;
    width: 400px;
    padding-right: 20px;
}

#issues_form {
    padding-bottom: 100px;
}

input.hwi-manage-input, input.invoices-create-input {
    width: 50%;
    margin-bottom: 0;
}

section.column {
    float: left;
    padding: 0;
    min-width: 400px;
    overflow: auto;
}

#todo_left_column {
    padding: 0;
    float: left;
    width: 400px;
    /*border-right: 1px solid lightgrey;*/
}

#todo_right_column {
    padding: 0;
    float: left;
    width: 700px;
    margin-left: 20px;
}

.issues_column {
    display: block;
    padding: 0;
    height: 500px;
    overflow: auto
}
.issues_columns {
    min-width: 1000px;
}
#issues_right {
    float: right;
    width: 40%;
}

#issues_left {
    float: left;
    width: 60%;
}

.emails_column {
    float: left;
    padding: 10px;
    min-width: 500px;
    max-width: 700px;
    display: block;
    height: 800px;
    overflow: auto
}

.left-border {
    border-left: 1px solid gray;
}

td.recipient-btn {
    min-width: 50px;
    cursor: pointer;
    text-align: center;
    color: blue;
    text-decoration: underline;
}

/* *********************** Footer  *********************** */
/* different from web styles */
footer 									{background:#333333; width:100%; bottom:0; position: absolute;}
.copy_footer{ width:1140px; padding:13px; margin:0 auto; }

/* Social Media */
footer .socialMedia 					{margin:60px 0 0 4px;}
footer .socialMedia ul 					{}
footer .socialMedia ul li 				{float:left; margin:0 0 0 10px;}
footer .socialMedia ul li a 			{background:url("../web/images/sprite-image.c26661d7a734.png") no-repeat; width:32px; height:32px; display:block; }

footer .socialMedia ul li.fb a	 		{background-position:-134px 0;}
footer .socialMedia ul li.twitter a		{background-position:-167px 0;}
footer .socialMedia ul li.in a			{background-position:-200px 0;}
footer .socialMedia ul li.gplus a		{background-position:-233px 0;}
/* Hover */
footer .socialMedia ul li.fb a:hover	 	{background-position:-134px -33px;}
footer .socialMedia ul li.twitter a:hover	{background-position:-167px -33px;}
footer .socialMedia ul li.in a:hover		{background-position:-200px -33px;}
footer .socialMedia ul li.gplus a:hover		{background-position:-233px -33px;}

footer .copyright 						{color:#888888; font-family:'source_sans_proregular', sans-serif; font-size:14px; margin:0;}
footer .copy 							{float:right; margin:0 0 0 0; padding:0 0 0 0; color:#888888; clear:right; }
footer .copy a 							{color:#888888;}

#id-notes-modal {
  z-index: 1045;
}

#id-notes-modal > .modal {
  width: 700px;
  margin-left: -350px;
}

.note-title-row {
  border-top: 1px #e6e6e6 solid;
  margin-top: 10px;
  padding-top: 5px;
}

.note-title, .note-title > input {
  font-weight: bold;
}

.note-title > input {
  width: 97%;
}

.note-body {
  margin-top: 5px;
}

.note-body > textarea {
  width: 97%;
}

.note-remove {
  margin-left: 10px;
  cursor: pointer;
  border-bottom: 1px dashed;
}

.header_sort > th {
  cursor: pointer;
}

div.node {
    width: 200px;
    padding:10px;
    border: 1px solid black;
    border-radius: 3px;
}

div.node-container > span.small_text {
    font-size: smaller;
}

div.node-container.true-value {
    background-color: green;
    color: white;
}

div.node-container.false-value {
    background-color: red;
    color: white;
}

span.condition-name:hover {
    cursor:pointer;
    border-bottom: 1px dashed;
}

.bordered-table {
}

.bordered-table th,
.bordered-table td
{
    border: 1px solid grey;
    padding: 0 5px;
    text-align: left;
}

th.btn-cell, td.btn-cell {
    vertical-align: middle;
    text-align: center;
    border: 0px white solid;
}

.btn-expand-email-body {
    font-size: small;
    margin: 4px;
    padding: 0 4px;
}

/*Payments CSS */
input[id^="invoice_"][id$="_amount"] {
    width: 4em;
    height: 1em;
    margin: 1px;
    -moz-appearance: textfield;
}
input[id^="invoice_"][id$="_amount"]::-webkit-outer-spin-button,
input[id^="invoice_"][id$="_amount"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    padding: 0px;
}
.money_type:before {
    content: "$ ";
}

.sortable {
    cursor: ns-resize;
}

#top-right-menu-button {
    background:#005aab;
    color:white!important;
    text-shadow:none;
}