/*Fixed navigation bar*/
body {
    padding-top: 70px;
    overflow:scroll;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.glyphicon-info-header{
    color: #31708F;
    /*font-size: 55px;
    float:left;
    margin-right: 10px;*/
}
.alert-info-header{
    overflow: auto;
    max-height: 97px;
    margin-bottom:0px;
}

/* Force the pointer on the navigation - ember linkto tags were preventing this somehow */
ul.navbar-nav > li{
    cursor:pointer;
}

/*Add Style to breadcrumbs*/
ul.breadcrumb {
  list-style: none;
  background-color:#FFFFFF;
  padding:0px;
  position:relative;
}
ul.breadcrumb li {
  float: left;
  color: #333333;
  display: block;
  background-color: #EBEBEB;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 5px;
  text-align: center;
  margin-right: 30px;
  cursor:pointer;
}
ul.breadcrumb li:first-of-type {
  padding-left: 15px;
  padding-right: 10px;
  border-radius: 4px 0 0 4px;
}
ul.breadcrumb li:first-of-type:before {
  border: none;
}
ul.breadcrumb li:before, .breadcrumb li:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #EBEBEB;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
ul.breadcrumb li:before {
  left: -25px;
  border-left-color: transparent;
}
ul.breadcrumb li:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #EBEBEB;
}
ul.breadcrumb li:hover {
  background-color: #707070; /*707070 - blue*/
  color: #FFF;
}
ul.breadcrumb li:hover:before {
  border-color: #707070;
  border-left-color: transparent;
}
ul.breadcrumb li:hover:after {
  border-left-color: #707070;
}
ul.breadcrumb li.active {
  color: #FFF;
  background-color: #707070;
}
ul.breadcrumb li.active:before {
  border-color: #707070;
  border-left-color: transparent;
}
ul.breadcrumb li.active:after {
  border-left-color: #707070;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
a {
    cursor: pointer;
}

/* Form Button Styling
---------------------------------------------------*/
.form-buttons{
    display: inline-block; 
    width: 100%; 
    padding: 10px 0;
}

/* Login form styling
---------------------------------------------------*/
.form-signin {
    margin: 0 auto;
    max-width: 425px;
    padding: 15px;
}
.form-signin input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin .checkbox {
    font-weight: normal;
}

/* A bunch of other things that should be commented eventually if actually used */
h3 { 
    margin-top: 0; 
}

/* Formatting for the my cases display
---------------------------------------------------*/
.panel-body { 
    display: block; 
    box-sizing: border-box; 
    border: 1px solid #ddd; 
    border-bottom-left-radius: 3px; 
    border-bottom-right-radius: 3px; 
    margin: 0; 
}
.form { 
    display: inline-block; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    width: 100%; 
    padding: 10px 0;
}
.results { 
    width: 100%; 
}
.form-group { 
    margin-bottom: 5px; 
}
.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width: 49%;
    padding-left: 1%;
}
.newcase_left {
    float: left;
    width: 25%;
}
.newcase_right {
    float: right;
    width: 74%;
}

/* Linking lists formatting
-----------------------------------------------------*/
#partyGrid {
    width: 100%;
    max-height: 300px;
    margin-bottom: 10px;
    border: 1px solid #000;
}
#partyGrid th {
    padding-left: 3px;
    border: 1px solid #000;
}
#partyGrid td {
    padding-left: 7px;
    border: 1px solid #000;
}
#partyGrid tbody tr {
    cursor: pointer;
}
#attorneyGrid {
    width: 100%;
    max-height: 300px;
    margin-bottom: 10px;
    border: 1px solid #000;
}
#attorneyGrid th {
    padding-left: 3px;
    border: 1px solid #000;
}
#attorneyGrid td {
    padding-left: 7px;
    border: 1px solid #000;
}
#partyGrid .selected {
    background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);
    background-repeat: repeat-x;
    color: #fff;
}

/* Absolute Center CSS Spinner 
------------------------------------------------------*/
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading2 {
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
.loading2:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading2:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: 1.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation 
------------------------------------------------------*/
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Close Absolute Center CSS Spinner */

/* Parties List formatting
------------------------------------------------------*/
.party_list {
    margin-left: 10px;
    /*width: 95%;*/
    max-height: 300px;
    overflow: hidden;
}
.party_list h5 {
    margin: 0;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}
.party_list .type ul {
    list-style:none;
}
.party_list ul.party li {
    display: block;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
    cursor: pointer;
}
.party_list .type {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 280px;

}
.party_list ul.party li:hover {
    background: #428bca;
    color: #fff;
}
ul.party {
    padding-left: 5px;
}
.party_list .ui-icon {
    float:right;
    height: 20px;
    border: 0;
}
.party_list ul.party li:hover .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
    background-color: #428bca;
}

li.selected{
    color: #fff;
    background: #428bca;
}
li.selected .ui-icon{
    background-image: url("images/ui-icons_ffffff_256x240.png");
    background-color: #428bca;
}

/* Attorneys List formatting
-------------------------------------------------------*/
.attorney_list {
    margin-left: 10px;
    width: 100%;
    max-height: 380px;
}
.attorney_list h5 {
    margin: 0;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}
.attorney_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    max-height: 360px;
}
.attorney_list ul li {
    display: block;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    cursor: pointer;
}
.attorney_list ul li:hover {
    background: #428bca;
    color: #fff;
}
.attorney_list .ui-icon {
    float:right;
    height: 20px;
    border: 0;
}
.attorney_list ul li:hover .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
    background-color: #428bca;
}
div.attorney_list_name {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    display: inline-block;
    margin-bottom: -8px;
}

.slider-frame {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    margin-left: 15px;
    width: 85px;
    height: 29px;
    border-top: 1px solid #CCCCCC;    
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 1px 8px 0 rgba(0, 0, 0, 0.25);
}
.slider-frame .checkbox {
    display: none;
}
.slider-frame .slider-button {
    display: block;
    margin: 0;
    padding: 0;
    width: 43px;
    height: 27px;
    line-height: 27px;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    /*Causing visual glitchiness*/
    /*-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;*/
    color: #333;
    font-size:11px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.slider-frame .slider-button:hover {
    background-color: #ebebeb;
    color: #333;
    border-color: #adadad;
}
.slider-frame .slider-button.on {
    margin-left: 40px;
    background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);
    background-repeat: repeat-x;
    border-color: #2B669A;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.slider-frame .slider-button.on:hover {
    background-color: #2d6ca2;
    background-position: 0 -15px;
    color: #fff;
    border-color: #285e8e;
}
.slider-frame .slider-button:before {
    position: absolute;
}
.cell-checked {
    text-align: center;
}

/*Filterable Table Styles*/
.filterable {
    margin-top: 15px;
}
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}

/* My Cases grid(s) attributes*/
.ember-link a {
    color: black;
}

/*Borders on the menu buttons*/
.navbar-nav > li:not(:first-child):not(:last-child) > a{
    border-left-color: #E7E7E7;
    border-left-style: solid;
    border-left-width: initial;
    /*border-right-color: #E7E7E7;
    border-right-style: solid;
    border-right-width: initial;*/
}

/*Borders on the menu buttons*/
.navbar-nav > li:first-child > a{
    border-left-color: #E7E7E7;
    border-left-style: solid;
    border-left-width: initial;
}

/*Borders on the menu buttons*/
.navbar-nav > li:last-child > a{
    border-right-color: #E7E7E7;
    border-right-style: solid;
    border-right-width: initial;
}

#user-nav > li:first-child > a{
    border-right-color: #e7e7e7;
    border-right-style: solid;
    border-right-width: initial;
}

.margin-fix {
    margin-left: -15px;
}

@media (max-width:991px){
    .navbar > .container .shift-left, .navbar > .container-fluid .shift-left{
        margin-left:-60px;
    }
}
@media (max-width:767px){
    .navbar > .container .shift-left, .navbar > .container-fluid .shift-left{
        margin-left:-15px;
    }
}

/* Ember toggle switch formatting
----------------------------------------------------------*/
.toggle-switch label {
  font-size: 100%;
  display: inline; 
}
.toggle-switch.muted label {
  color: #33333; 
}
.toggle-switch input[type="checkbox"] {
  /* :root here acting as a filter for older browsers */
  position: absolute;
  opacity: 0; 
}
.toggle-switch input[type="checkbox"] + div {
  display: inline-block;
  vertical-align: middle;
  width: 2.8em;
  height: 1.1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 999px;
  margin: 0;
  background: white;
  /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -webkit-linear-gradient(0deg, #3d99f5 50%, transparent 50%);*/
  /*background-image: linear-gradient(rgba(0,0,0,.1), transparent), linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);*/
  /*transition-duration: .3s;*/
  transition-property: padding, width, background-position, text-indent;
  /*background-size: 200% 100%;*/
  background-position: 100% 0;
  /*background-origin: border-box;*/
  background-clip: border-box;
  overflow: hidden;
  /*-webkit-transition-duration: .4s;*/
  -webkit-transition-property: padding, width, background-position, text-indent;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2) inset, 0 -2px 8px rgba(0, 0, 0, 0.05) inset, 0px 2px 5px rgba(0,0,0,0.1), 0px 8px 10px rgba(0,0,0,0.1);
  font-size: 130%;
  cursor: pointer;
  /* change this and see how they adjust! */ 
}
.toggle-switch.large input[type="checkbox"] + div {
  font-size: 170%; 
}
.toggle-switch.xxlarge input[type="checkbox"] + div {
  font-size: 190%; 
}
.toggle-switch input[type="checkbox"]:checked + div {
  padding-left: 2em;
  /*width: 1em;*/
  background-position: 0 0; 
  background-image: linear-gradient(rgba(0,0,0,0.1),transparent),linear-gradient(0deg,hsl(210,90%,60%) ,transparent 300%);
  box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.2) inset, 0 0.05em 0 0.1em rgba(0,0,0,0.05) inset, 0 2px 5px rgba(0,0,0,0.1), 0 8px 10px rgba(0,0,0,0.1);
}
.toggle-switch input[type="checkbox"] + div:before {
  content: 'Yes';
  text-align: left;
  float: left;
  width: 1.65em;
  /*height: 1.65em;*/
  /*margin: -.1em;*/
  /*border: 1px solid rgba(0, 0, 0, 0.35);*/
  /*border-radius: inherit;*/
  /*background: white;*/
  /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent);*/
  /*box-shadow: 0 0.1em 0.1em 0.1em rgba(255, 255, 255, 0.8) inset, 0 0 0.5em rgba(0, 0, 0, 0.3);*/
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  text-indent: -2.05em; 
}
.toggle-switch input[type="checkbox"]:active + div:before {
  background-color: #eee; 
}
.toggle-switch input[type="checkbox"]:focus + div {
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0 0.45em 0 0.1em rgba(0, 0, 0, 0.05) inset, 0 0 0.4em 1px rgba(255, 0, 0, 0.5); 
}
.toggle-switch input[type="checkbox"] + div:before,
.toggle-switch input[type="checkbox"] + div:after {
  font: bold 60%/1.9 sans-serif;
  text-transform: uppercase; 
}
.toggle-switch input[type="checkbox"] + div:after {
  content: 'No';
  text-align: left;
  float: left;
  /*text-indent: .5em;*/
  color: #868585;
  text-shadow: none; 
}


/* Scrollable table formatting 
------------------------------------------------------------------------*/
div.table_container {
    clear: both;
    height: 500px;
    overflow: auto;
    width: 100%;
}
html div.table_container {
    padding: 0 16px 0 0;
    width: 99%;
}
html > body div.table_container {
    height: auto;
    padding: 0;
}
head:first-child + body div.table_container[class] {
    height: 500px;
    overflow: hidden;
    width: 100%;
}
div.table_container table {
    width: 100%;
}
html div.table_container table {
    margin: 0;
    width: 99%;
}
head:first-child + body div.table_container[class] table {
    width: 100%;
}
thead.fixed_header tr {
    position: relative;
    padding-right: 0;
    margin-right: 0;
}
head:first-child + body thead.fixed_header[class] tr {
    display: block;
}
thead.fixed_header th {
    border: 1px solid #ccc;
    padding: 4px 0;
    text-align: left;
}
head:first-child + body tbody.scroll_content[class] {
    display: block;
    height: 477px;
    overflow: auto;
    width: 100%;
}
tbody.scroll_content td {
    border: 1px solid #ccc;
    padding: 4px 0;
    text-align: left;
}
head:first-child + body thead.fixed_header[class] th {
    width: 108px;
}
head:first-child + body thead.fixed_header[class] th + th {
    width: 838px;
}
head:first-child + body thead.fixed_header[class] th + th + th {
    width: 98px;
}
head:first-child + body thead.fixed_header[class] th + th + th + th {
    width: 78px;
}
head:first-child + body tbody.scroll_content[class] td {
    width: 110px;
}
head:first-child + body tbody.scroll_content[class] td + td {
    width: 834px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    max-width: 838px;
}
head:first-child + body tbody.scroll_content[class] td + td + td {
    width: 100px;
}
head:first-child + body tbody.scroll_content[class] td + td + td + td {
    width: 78px;
    text-align: center;
}

#results_table {
    width: 100%;
    border: none;
}
head:first-child + body #results_table tbody.scroll_content[class] {
    height: 461px;
}
head:first-child + body #results_table thead.fixed_header[class] th + th + th + th {
    width: 96px;
}

#results_table_short tbody td + td + td + td {
    text-align: center;
}

/* Linking Summary formatting
-------------------------------------------------*/
#linking-summary {
    width: 100%;
    border: 1px solid #000;
    /*background: #eee;
    color: #333;*/
    background: #666;
    color: #ddd;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7); 
    font-family: "Century Gothic", "Helvetica", sans-serif;
}
#linking-summary ul {
    margin-bottom: 7px;
}
.party-name {
    font-weight: bold;
    list-style: none;
}
.represented {
    list-style: none;
}

/* Ember modal formatting 
-------------------------------------------------*/
.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.15s linear 0s;
}

/* Styling for standard size Ember modals
--------------------------------------------------------*/
.ember-modal {
    margin: 30px auto;
    width: 0;
    height: 0;
    background-color: #fff;
    z-index: 1041;
    position: fixed;
    background-clip: padding-box;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    top: 5%;
    left: 35%;
    transition: transform 0.3s ease-out 0s;
    transform: translate(0px, 0px);
}
@media (max-width: 1199px){
    .ember-modal{
        left: 25%;
    }
}
@media (max-width: 991px){
    .ember-modal{
        left: 18%;
    }
}
.white {
    background: #fff;
}
.modal-body table thead tr th {
    border: 1px solid #000;
    padding: 0px 5px;
}
.modal-body table tbody tr td {
    border: 1px solid #000;
    padding: 0px 5px;
}
.modal-body table {
    margin: 0 auto;
}

/* Forgot Password link styling
----------------------------------------------*/
#forgot-password {
    font-weight: bold;
    cursor: pointer;
}
#forgot-password:hover {
    color: blue;
    text-decoration: underline;
}
#help {
    font-weight: bold;
    cursor: pointer;
}
#help:hover {
    color: blue;
    text-decoration: underline;
}
#video{
    color: #333;
    font-weight: bold;
    cursor: pointer;
}
#video:hover {
    color: blue;
    text-decoration: underline;
}
#help-video {
    color: #428bca;
    cursor: pointer;
}
#help-video:hover {
    color: 2a6496;
    text-decoration: underline;
}

/* Delete Draft button
----------------------------------------------*/
#deleteDraftButton{
    position:absolute; 
    top:0px; 
    right:0px;
}
@media (max-width:700px){
    #deleteDraftButton{
        position:absolute; 
        top:41px; 
        right:0px;
    }
}
@media (max-width:422px){
    #deleteDraftButton{
        position:absolute; 
        top:82px; 
        right:0px;
    }
}
@media (max-width:307px){
    #deleteDraftButton{
        position:absolute; 
        top:123px; 
        right:0px;
    }
}
@media (max-width:260px){
    #deleteDraftButton{
        position:absolute; 
        top:164px; 
        right:0px;
    }
}
@media (max-width:242px){
    #deleteDraftButton{
        position:absolute; 
        top:164px; 
        right:0px;
    }
}

/* Generic Table Styling 
----------------------------------------------*/
table.grid { 
  width: 100%; 
  border-collapse: collapse;
}

/* Zebra striping */
table.grid tr:nth-of-type(odd) { 
  background: #eee; 
}
table.grid th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
  cursor: pointer;
}
table.grid td, table.grid th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* Media Query for the activity log table
----------------------------------------------*/
@media (max-width: 767px) {

	/* Force table to not be like tables anymore */
	table#activityLogTable, #activityLogTable thead, #activityLogTable tbody, #activityLogTable th, #activityLogTable td, #activityLogTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#activityLogTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#activityLogTable tr { border: 1px solid #ccc; }
	
	#activityLogTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	#activityLogTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#activityLogTable td:nth-of-type(1):before { content: "Description"; }
	#activityLogTable td:nth-of-type(2):before { content: "Status"; }
	#activityLogTable td:nth-of-type(3):before { content: "Reference Number"; }
    #activityLogTable td:nth-of-type(4):before { content: "Case Number"; }
	#activityLogTable td:nth-of-type(5):before { content: "Date/Time"; }
}

/* Special Formatting for the Case Acitivty Notificaiton Column
----------------------------------------------*/


/* Media Query for the MyCases Table
----------------------------------------------*/
@media (max-width: 767px) {

	/* Force table to not be like tables anymore */
	table#myCasesTable, #myCasesTable thead, #myCasesTable tbody, #myCasesTable th, #myCasesTable td, #myCasesTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#myCasesTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#myCasesTable tr { border: 1px solid #ccc; }
	
	#myCasesTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

    #myCasesTable td:nth-of-type(4), #myCasesTable td:nth-of-type(5) {
        text-align: left; 
    }

	
	#myCasesTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#myCasesTable td:nth-of-type(1):before { content: "Case Number"; }
	#myCasesTable td:nth-of-type(2):before { content: "Case Caption"; }
	#myCasesTable td:nth-of-type(3):before { content: "Case Status"; }
	#myCasesTable td:nth-of-type(4):before { content: "Add Filing"; }
    #myCasesTable td:nth-of-type(5):before { content: "Case Activity Notification"; }
}

/* Media Query for the Pending Filings Table
----------------------------------------------*/
@media (max-width: 767px){
        /* Force table to not be like tables anymore */
	table#myPendingFilings, #myPendingFilings thead, #myPendingFilings tbody, #myPendingFilings th, #myPendingFilings td, #myPendingFilings tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#myPendingFilings thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#myPendingFilings tr { border: 1px solid #ccc; }
	
	#myPendingFilings td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	#myPendingFilings td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#myPendingFilings td:nth-of-type(1):before { content: "Reference"; }
	#myPendingFilings td:nth-of-type(2):before { content: "Case Number"; }
	#myPendingFilings td:nth-of-type(3):before { content: "Case Caption"; }
	#myPendingFilings td:nth-of-type(4):before { content: "Submitted"; }
}

/* Media Query for the Search Results Table
 ---------------------------------------------*/
@media (max-width: 1199px){
    head:first-child + body thead.fixed_header[class] th {
        width: 103px;
    }

    head:first-child + body thead.fixed_header[class] th + th {
        width: 650px;
    }

    head:first-child + body thead.fixed_header[class] th + th + th {
        width: 93px;
    }

    head:first-child + body thead.fixed_header[class] th + th + th + th {
        width: 77px;
    }

    head:first-child + body tbody.scroll_content[class] td + td {
        max-width: 650px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 650px;
    }
}
@media (max-width: 991px){
        head:first-child + body thead.fixed_header[class] th + th {
        width: 430px;
    }

    head:first-child + body tbody.scroll_content[class] td + td {
        max-width: 430px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 430px;
    }
}
@media (max-width: 767px){
        /* Force table to not be like tables anymore */
	table#results_table, #results_table thead, #results_table tbody, #results_table th, #results_table td, #results_table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#results_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#results_table tr { border: 1px solid #ccc; }
	
	#results_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	#results_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    #results_table td:nth-of-type(2){
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    #results_table td:nth-of-type(3), #results_table td:nth-of-type(4) {
        width: 100%;
        text-align: left;
    }
	
	/*
	Label the data
	*/
	#results_table td:nth-of-type(1):before { content: "Case Number"; }
	#results_table td:nth-of-type(2):before { content: "Case Caption"; }
	#results_table td:nth-of-type(3):before { content: "Case Status"; }
	#results_table td:nth-of-type(4):before { content: "Add Filing"; }
}

/* Formatting for normal My Cases Table 
----------------------------------------------*/
#myCasesTable td:nth-of-type(4), #myCasesTable td:nth-of-type(5) {
  text-align: center; 
}
#myCasesTable thead th {
    width: 108px;
}
#myCasesTable thead th + th {
    width: 687px;
}
#myCasesTable thead th + th + th {
    width: 120px;
}
#myCasesTable thead th + th + th + th {
    width: 80px;
}
#myCasesTable thead th + th + th + th + th {
    width: 110px;
}

@media (max-width: 1199px){
    #myCasesTable thead th + th {
        width: 507px;
    }
}
@media (max-width: 991px) {
    #myCasesTable thead th + th {
        width: 445px;
    }
}
@media (max-width: 767px){
    #myCasesTable td:nth-of-type(4), #myCasesTable td:nth-of-type(5), #myCasesTable th:nth-of-type(4), #myCasesTable th:nth-of-type(5){
        text-align: left;
    }
}

/* Formatting for lengthy My Cases Table
----------------------------------------------*/
#myCases-Container {
    max-height: 511px;
    height: auto;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] {
    height: 405px;
}
head:first-child + body #myCasesTableLong thead.fixed_header[class] th {
    width: 113px;
}
head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th {
    width: 670px;
}
head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th + th {
    width: 123px;
}
head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th + th + th {
    width: 79px;
}
head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th + th + th + th {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] td  {
    width: 113px;
    max-width: none;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td {
    max-width: 670px;
    width: 670px;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td {
    width: 123px;
    max-width: none;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td + td {
    width: 70px;
    max-width: none;
}
head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td + td + td {
    width: 103px;
    max-width: none;
}

@media (max-width: 1199px){
    head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th {
        width: 474px;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td {
        max-width: 471px;
        width: 471px;
    }
}
@media (max-width: 991px){
    head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th {
        width: 251px;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td {
        width: 250px;
        max-width: 250px;
        overflow: auto;
        white-space: normal;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td {
        width: 123px;
    }
}
@media (max-width: 767px){
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td {
        max-width: none;
        overflow: auto;
        width: auto;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td {
        max-width: none;
        overflow: auto;
        width: auto;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td + td {
        max-width: none;
        overflow: auto;
        width: auto;
    }
    head:first-child + body #myCasesTableLong tbody.scroll_content[class] td + td + td + td + td {
        max-width: none;
        overflow: auto;
        width: auto;
        text-align: left;
    }
    head:first-child + body #myCasesTableLong thead.fixed_header[class] th + th + th + th + th {
        text-align: left;
    }
    table#myCasesTableLong, #myCasesTableLong thead, #myCasesTableLong tbody, #myCasesTableLong th, #myCasesTableLong td, #myCasesTableLong tr { 
		display: block; 
	}
    #myCasesTableLong thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
    #myCasesTableLong tr { border: 1px solid #ccc; }
	
	#myCasesTableLong td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	#myCasesTableLong td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    #myCasesTableLong td:nth-of-type(2){
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    #myCasesTableLong td:nth-of-type(3), #myCasesTableLong td:nth-of-type(4) {
        width: 100%;
        text-align: left;
    }
	
	/*
	Label the data
	*/
	#myCasesTableLong td:nth-of-type(1):before { content: "Case Number"; }
	#myCasesTableLong td:nth-of-type(2):before { content: "Case Caption"; }
	#myCasesTableLong td:nth-of-type(3):before { content: "Case Status"; }
	#myCasesTableLong td:nth-of-type(4):before { content: "Add Filing"; }
    #myCasesTableLong td:nth-of-type(5):before { content: "Case Activity"; }
}

/* Formatting for the Linking Tables with scrolling
----------------------------------------------*/
#partyGrid-Container {
    max-height: 409px;
    height: auto;
}
#partyGrid th{
    cursor: default;
}
head:first-child + body #partyGrid tbody.scroll_content[class] {
    max-height: 363px;
    height: auto;
}
head:first-child + body #partyGrid thead.fixed_header[class] th + th {
    width: 410px;
}
head:first-child + body #partyGrid thead.fixed_header[class] th + th + th {
    width: 237px;    
}
head:first-child + body #partyGrid tbody.scroll_content[class] td + td {
    width: 358px;
    max-width: 358px;
}
head:first-child + body #partyGrid tbody.scroll_content[class] td + td + td {
    width: 193px;
    max-width: 193px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#attorneyGrid-Container {
    max-height: 404px;
    height: auto;
}
head:first-child + body #attorneyGrid tbody.scroll_content[class] {
    max-height: 350px;
    height: auto;
}
head:first-child + body #attorneyGrid thead.fixed_header[class] th + th {
    width: 90px;
}
head:first-child + body #attorneyGrid thead.fixed_header[class] th + th + th {
    width: 340px;    
}
head:first-child + body #attorneyGrid thead.fixed_header[class] th + th + th + th {
    max-width: 115px;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td {
    width: 92px;
    padding-left: 0;
    text-align: center;
}
head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td {
    width: 340px;
    text-align: left;
    padding-left: 5px;
}
head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td + td {
    width: 98px;
    padding-left: 0;
    text-align: center;
}
head:first-child + body #attorneyGrid tbody td + td {
    text-align: center;
}

@media (max-width: 1199px){
    head:first-child + body #partyGrid thead.fixed_header[class] th + th {
        width: 371px;
    }
    head:first-child + body #partyGrid thead.fixed_header[class] th + th + th {
        width: 178px;
    }
    head:first-child + body #partyGrid tbody.scroll_content[class] td + td + td {
        max-width: 137px;
        width: 137px;
    }
    head:first-child + body #attorneyGrid thead.fixed_header[class] th + th + th + th {
        max-width: 105px;
        width: 105px;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td {
        width: 92px;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td {
        width: 251px;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td + td {
        width: 88px;
    }
}
@media (max-width: 991px){
    head:first-child + body #partyGrid thead.fixed_header[class] th + th {
        width: 260px;
    }
    head:first-child + body #partyGrid tbody.scroll_content[class] td + td {
        width: 210px;
        max-width: 210px;
    }
    head:first-child + body #partyGrid tbody.scroll_content[class] td + td + td {
        max-width: 130px;
        width: 130px;
    }
    head:first-child + body #attorneyGrid thead.fixed_header[class] th + th + th + th {
        max-width: 65px;
        width: 65px;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td {
        width: 103px;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td {
        width: 190px;
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    head:first-child + body #attorneyGrid tbody.scroll_content[class] td + td + td + td {
        width: 59px;
    }
}

/* Formatting for the New Filing linking tables
------------------------------------------------*/
#filingPartyGrid {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #000;
}
#filingPartyGrid th {
    padding-left: 3px;
    border: 1px solid #000;
    cursor: default;
}
#filingPartyGrid td {
    padding-left: 7px;
    border: 1px solid #000;
}
#filingPartyGrid tbody tr {
    cursor: pointer;
}
#filingAttorneyGrid {
    width: 100%;
    max-height: 300px;
    margin-bottom: 10px;
    border: 1px solid #000;
}
#filingAttorneyGrid th {
    padding-left: 3px;
    border: 1px solid #000;
}
#filingAttorneyGrid td {
    padding-left: 7px;
    border: 1px solid #000;
}
#filingPartyGrid .selected {
    background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);
    background-repeat: repeat-x;
    color: #fff;
}
#filingPartyGrid-Container {
    max-height: 409px;
    height: auto;
}
head:first-child + body #filingPartyGrid tbody.scroll_content[class] {
    max-height: 365px;
    height: auto;
}
head:first-child + body #filingPartyGrid thead.fixed_header[class] th + th + th + th {
    width: 410px;
}
head:first-child + body #filingPartyGrid thead.fixed_header[class] th + th + th + th + th {
    width: 237px;    
}
head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td {
    width: 357px;
    max-width: 357px;
}
head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td + td {
    width: 193px;
    max-width: 193px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#filingAttorneyGrid-Container {
    max-height: 404px;
    height: auto;
}
head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] {
    max-height: 372px;
    height:auto;
}
head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th {
    width: 92px;
}
head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th {
    width: 338px;   
}
head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th + th {
    max-width: 115px;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td {
    width: 92px;
    padding-left: 0;
    text-align: center;
}
head:first-child + body #filingAttorneyGrid tbody td + td {
    text-align: center;
}
head:first-child + body #filingAttorneyGrid tbody td + td + td {
    text-align: left;
}
head:first-child + body #filingAttorneyGrid tbody td + td + td + td {
    text-align: center;
}
head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td {
    width: 338px;
    text-align: left;
    padding-left: 5px;
}
head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td + td {
    width: 98px;
    padding-left: 0;
    text-align: center;
}

@media (max-width: 1199px){
    head:first-child + body #filingPartyGrid thead.fixed_header[class] th + th + th + th {
        width: 333px;
    }
    head:first-child + body #filingPartyGrid thead.fixed_header[class] th + th + th + th + th {
        width: 178px;
    }
    head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td {
        max-width: 303px;
        width: 303px;
    }
    head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td + td {
        max-width: 147px;
        width: 147px;
    }
    head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th + th {
        max-width: 105px;
        width: 105px;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td {
        width: 93px;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td {
        width: 252px;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td + td {
        width: 88px;
    }
}
@media (max-width: 991px){
    head:first-child + body #filingPartyGrid thead.fixed_header[class] th + th + th + th {
        width: 260px;
    }
    head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td {
        width: 210px;
        max-width: 210px;
    }
    head:first-child + body #filingPartyGrid tbody.scroll_content[class] td + td + td + td + td {
        max-width: 130px;
        width: 130px;
    }
    head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th + th {
        max-width: 65px;
        width: 65px;
    }
    head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th {
        width: 175px;
    }
    head:first-child + body #filingAttorneyGrid thead.fixed_header[class] th + th + th + th {
        max-width: 76px;
        width: 76px;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td {
        width: 92px;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td {
        width: 175px;
        max-width: 175px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    head:first-child + body #filingAttorneyGrid tbody.scroll_content[class] td + td + td + td {
        width: 59px;
    }
}

.loadingGif {
    width:30px;
    height:30px;
}

.modal-body .form-horizontal .control-label {
    padding-top: 0;
}

.modal-body .form-horizontal .form-group {
    margin-bottom: 0;
}

.ember-modal-lg {
    left: 25%;
    top: -6%;
}

hr.flaired {
     height: 30px; 
     border-style: solid; 
     border-color: black; 
     border-width: 1px 0 0 0; 
     border-radius: 20px;
     margin-top: 5px;
     margin-bottom: -10px;
}
hr.flaired:before{
     display: block; 
     content: ""; 
     height: 30px; 
     margin-top: -31px; 
     border-style: solid; 
     border-color: black; 
     border-width: 0 0 1px 0; 
     border-radius: 20px;
}

.modal-lg .modal-body .form-horizontal {
    max-height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.modal-video{
    width:1013px;
}
.ember-modal-video{
    top:0%;
    left:20%;
}

li.attorney_summary {
    float: left;
    display: inline;
    margin-bottom: 20px;
}

li.double {
    width: 50%;
}

.open-case-details {
    cursor: pointer;
}

.open-case-detail:hover {
    color: #0300ff;
    cursor: pointer;
}

#case-details .control-label {
    padding-top: 0;
}

.existing_party_list {
    margin-left: 10px;
    /*width: 95%;*/
    max-height: 300px;
    overflow: hidden;
}
.existing_party_list h5 {
    margin: 0;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}
.existing_party_list .type ul {
    list-style:none;
}
.existing_party_list ul.party li {
    display: block;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
}
.existing_party_list .type {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 280px;

}
ul.party {
    padding-left: 5px;
}
.existing_party_list .ui-icon {
    float:right;
    height: 20px;
    border: 0;
}
div.party_list_name {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    display: inline-block;
    margin-bottom: -8px;
}

@media (max-width: 991px){
    div.party_list_name{
        max-width:85%;
        width:85%;
    }
}
@media (max-width: 767px){
    div.party_list_name{
        max-width:90%;
        width:90%;
    }
}

/* Attorneys List formatting
-------------------------------------------------------*/
.existing_attorney_list {
    margin-left: 10px;
    width: 100%;
    max-height: 380px;
}
.existing_attorney_list h5 {
    margin: 0;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}
.existing_attorney_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    max-height: 360px;
}
.existing_attorney_list ul li {
    display: block;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
}
.existing_attorney_list .ui-icon {
    float:right;
    height: 20px;
    border: 0;
}
div.attorney_list_name {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    display: inline-block;
    margin-bottom: -8px;
}

.atty_selected {
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%) !important;
    background-repeat: repeat-x !important;
    background-color: #d9edf7 !important;
}
table.grid td.counsel {
    text-align: center;
}
.branding{
    border: none;
    margin-top: -15px;
    /*height: 50px;
    width: 200px;*/
}
.blue {
    color: #428BCA;
}
.modal-adjust{
    height: 30px;
}
.count{
    background-image: linear-gradient(to top, #d5d5d5 0px, #e8e8e8 100%);
    background-repeat: repeat-x;
    border: 2px groove #ccc;
    border-radius: 4px;
    color: #666;
    float: right;
    margin-top: -3px;
    padding: 3px;
}

@media (max-width: 991px){
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        margin-left: -59px;
    }
    .navbar-nav.navbar-right:last-child{
        margin-right: -42px;
    }
}
@media (max-width: 767px){
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        margin-left: -15px;
    }
}
@media (max-width: 305px){
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        margin-left: -20px;
    }
}

/*Origianl Toggle Switch Formatting for Credit Card and Affidavit of Indigency
------------------------------------------------------------------------------*/
.ttoggle-switch label {
  font-size: 100%;
  display: inline; 
}
.ttoggle-switch.muted label {
  color: #33333; 
}
.ttoggle-switch input[type="checkbox"] {
  /* :root here acting as a filter for older browsers */
  position: absolute;
  opacity: 0; 
}
.ttoggle-switch input[type="checkbox"] + div {
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  height: 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 999px;
  margin: 0;
  background: white;
  /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), transparent), -webkit-linear-gradient(0deg, #3d99f5 50%, transparent 50%);*/
  background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
  transition-duration: .3s;
  transition-property: padding, width, background-position, text-indent;
  background-size: 200% 100%;
  background-position: 100% 0;
  background-origin: border-box;
  background-clip: border-box;
  overflow: hidden;
  -webkit-transition-duration: .4s;
  -webkit-transition-property: padding, width, background-position, text-indent;
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0 0.45em 0 0.1em rgba(0, 0, 0, 0.05) inset;
  font-size: 130%;
  /* change this and see how they adjust! */ 
}
.ttoggle-switch.large input[type="checkbox"] + div {
  font-size: 170%; 
}
.ttoggle-switch.xxlarge input[type="checkbox"] + div {
  font-size: 190%; 
}
.ttoggle-switch input[type="checkbox"]:checked + div {
  padding-left: 2em;
  /*width: 1em;*/
  background-position: 0 0; 
}
.ttoggle-switch input[type="checkbox"] + div:before {
  content: 'Yes';
  text-align: left;
  float: left;
  width: 1.65em;
  height: 1.65em;
  margin: -.1em;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: inherit;
  background: white;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent);
  box-shadow: 0 0.1em 0.1em 0.1em rgba(255, 255, 255, 0.8) inset, 0 0 0.5em rgba(0, 0, 0, 0.3);
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  text-indent: -2.5em; 
}
.ttoggle-switch input[type="checkbox"]:active + div:before {
  background-color: #eee; 
}
.ttoggle-switch input[type="checkbox"]:focus + div {
  -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2) inset, 0 0.45em 0 0.1em rgba(0, 0, 0, 0.05) inset, 0 0 0.4em 1px rgba(255, 0, 0, 0.5); 
}
.ttoggle-switch input[type="checkbox"] + div:before,
.ttoggle-switch input[type="checkbox"] + div:after {
  font: bold 60%/1.9 sans-serif;
  text-transform: uppercase; 
}
.ttoggle-switch input[type="checkbox"] + div:after {
  content: 'No';
  text-align: left;
  float: left;
  text-indent: .5em;
  color: #868585;
  text-shadow: none; 
}

span.brand{
    font-family: "Times New Roman", Times, serif;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 -1px 0 rgba(0, 0, 0, 1);
    color: #aaa;
}
span.brandEmphasis{
    font-size: 18px;
}
span.brandAccent{
    font-size: 18px;
    font-style: italic;
}

/*.even {
    background: none repeat scroll 0 0 #eee;
}*/

/* Filing to existing case, case detail formatting
-------------------------------------------------------*/
.case-caption{
    max-width:430px;
    overflow:hidden;
    padding-left:10px;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
    display:inline-block;
    margin-top:-2px;
}
.case-caption2{
    max-width:825px;
    overflow:hidden;
    padding-left:10px;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
    display:inline-block;
    margin-top:-2px;
}
.filing{
    
}
.case-number{
    
}
ul.breadcrumb li.case-info{
    line-height:40px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    padding: 0 5px 0 5px;
}
ul.breadcrumb li.case-info::after{

}
ul.breadcrumb li.case-info:before{
    left:0;
}
ul.breadcrumb li.case-info::before, ul.breadcrumb li.case-info::after{
    border: 0;
    border-width: 0;
}
.breadcrumb > li + li.case-info::before{
    padding: 0;
    color: #fff;
    content: "";
}
ul.breadcrumb li.case-info:hover{
    color: #333;
    cursor: auto;
}

@media (max-width: 1199px){
    .case-caption{
        max-width:260px;
    }
    .case-caption2{
        max-width:625px;
    }
}
@media (max-width: 991px){
    .case-caption{
        display: none;
    }
    .case-caption2{
        max-width:425px;
    }
}
@media (max-width: 767px){
    .case-caption2{
        display:none;
    }
}

.required {
    color: #d00000;
    font-size: 14px;
    padding-left: 200px;
}

.form-signin > a{
    color: #333;
    font-weight:bold;
    cursor:pointer;
}
.form-signin > a:hover{
    color: blue;
    text-decoration:underline;
}

.prose-state{padding-left:5px;}

.red-bckgd{background-color:#ff6666;}
.green-bckgd{background-color:#66cc66;}
.spacer{
    padding:0;
    padding-top:5px;
    width:20px;
}
.filing-row{
    border-bottom:1px solid rgb(204,204,204);
    border-top:1px solid rgb(204,204,204);
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:2px;
}
span.filing-prog{
    float:left;
    font-weight:900;
    margin-left:8px;
}
div.filing-prog{
    margin-bottom:0 !important;
    margin-top:5px !important;
}


span.btn.disabled{
    opacity:0.3;
}