/* ------ UNIVERSAL CSS ------ */
body {
    /* background-color: #f9f9f9; */
    background-color: rgb(244, 243, 249);
    font-family: 'Lato', 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
}::-webkit-input-placeholder {
    font-style: italic;
}:-moz-placeholder {
    font-style: italic;
}::-moz-placeholder {
    font-style: italic;
}:-ms-input-placeholder {
    font-style: italic;
}

.table-responsive {
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>thead>tr>th {
    white-space:normal; }
}

.navbar-header-sign {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}

.navbar-brand-sign {
  float:none;
}

.navbar-brand-sign img {
 width:100px;
}

input.btn-forgot, input.btn-forgot:hover {
 background-color: #fff;
 color: rgb(37,99,171);
}

input.btn-sign {
 background-color: rgb(37,99,171);
}

input.btn-sign, input.btn-forgot {
  font-family: 'Lato', 'Roboto', sans-serif;
  font-weight:300;
}

.navbar-default {
  background-color: rgb(244,243,249);
  padding-top: 20px;
  padding-bottom:20px;
}

.navbar-brand {
  padding-top:7px;
  padding-bottom:7px;
}

.navbar-brand img {
  width:100px;
}

.breadcrumb {
  background-color: rgb(244,243,249);
  margin-left:0;
  padding-left:0;
}

h1, h2 {
color: rgb(63,66,70);
margin-bottom:30px;
}

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

.nice-blue {
  color: rgb(24,39,89);
}

.footer {
  padding-top:50px;
  padding-bottom:30px;
}

/* ------ /UNIVERSAL CSS ------ */


/* ------ SALI SCREEN ------ */

h2.sali {
  font-family: 'Lato';
  font-weight: 300;
  color: rgb(24,39,89);
}

.sali-class {
  padding-left:0;
}

/* ------ /SALI SCREEN ------ */


/* ------ CASE ASSESSMENT SCREEN ------ */

.well {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  border:0;
}

.boxed-3-case p  {
 font-family: 'Lato';
 font-weight:400;
}

.footable td {
    word-break: normal;
}

table.footable-details>tbody>tr>th:nth-child(1) {
  width:171px;
}

.table>thead>tr>th {border-bottom: 1px solid #ddd;}

.ce-ataglance .table>thead>tr>th {
  border-bottom: none; 
  vertical-align: middle;
  text-align: center;
}

.ce-ataglance .table>tbody>tr>td {
vertical-align: middle;
color: #3c763d;
font-size: 18px;
text-align: center;
}

.table-titles {
  background-color: rgb(247,247,247);
}

th {
  font-weight:400;
}

.value-shower {
  text-align:center;
}

.value-shower, .value-shower p {
  padding-left:0;
  padding-right:0;
}

.value-shower p {
  margin-top:10px;
}

.panel-big {
  margin-bottom: 20px;
  width:100%;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border-color: #ddd;
}

.value-shower-big {
  text-align:center;
}

.value-shower-big,
.value-shower-big p {
  padding-left:0; padding-right:0;
}

.value-shower-big p {
  margin-top:10px;
}

.value-shower-big .phases-p {
  margin-top:20px;
}

.value-shower-big .phases-btn {
  margin-top:10px;
}


.case-number {
  font-size:9px;
  color:grey;
}

.table-bordered>tbody>tr>td.prec {
  text-align:left;
}

.head-center {
  text-align: center;
}

.show-prec {
  border-radius:5px;
   margin-top:20px;
  background-color:rgb(66,208,148);
  border:none;
}

.glyphicon-ok-sign,
.glyphicon-ok {
  color:rgb(66,208,148);
  font-size:22px;
}

.col-fixed-200{
    max-width:200px;
    position:fixed;
    height:100%;
}

/***********************
  RAISED BUTTONS
************************/

.btn-primary.raised {
    box-shadow: 0 3px 0 0 #007299;
}

.btn-primary.raised:active,
.btn-primary.raised.active {
    background: #33a6cc;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/***********************
  CUSTON BTN VALUES

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn-primary {
    background: #0099cc;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

************************/

table.auto {
  table-layout: auto;
}

th.thead-low {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
}

/* ------ /CASE ASSESSMENT SCREEN ------ */



/* ------ OTHER PAGES ------ */

.signin {
  padding-top:20px;
}

#matter-details {
  margin-top:0;
}

.matter-table {
  padding-left:0;
  float:left;
  border:0;
}

#new-matter.btn-newmat {
  padding: 15px 20px 15px 20px;
}

.matter-name {
  font-family: 'Lato';
  font-weight:500;
  font-size:35px;
}

a:hover.matter-name {
text-decoration: none;
}

.reports-layout {
  padding-left:50px;
  padding-right:50px;
}

.matter-type {
  font-family: 'Lato';
  font-weight:300;
  font-style:oblique;
  font-size:16px;
}

.filter-dropdown {
  margin-left:-5px;
}

.status {
  color:#01c17b;
}

.btn-open {
  background-color: rgb(24,39,89);
  color:#fff;
}

.btn-import {
  background-color: rgb(35,82,164);
  color:#fff;
}

.btn-assess, .btn-assess:hover {
  background-color: rgb(52,200,144);
  color:#fff;
  border:none;
  border-radius: 5px;
  font-size: 17px;
  padding: 15px;
}

.btn-scope,
.btn-scope:hover {
  margin-top:25px;
  background-color: rgb(238,89,42);
  color:#fff;
  border:none;
  border-radius: 5px;
  font-size: 17px;
  padding:15px;
}

.btn-scope:hover {
  background-color:rgb(153, 50, 18);
}

.btn-link-case, .btn-link-case:hover {
  background-color: rgb(238,89,42);
  color:#fff;
  border:none;
  border-radius: 5px;
  margin-top:20px;
}

.counsel-lead, .status, .opened-on {
  font-family: 'Lato';
  font-weight:400;
}

.boxed {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  background: rgb(255, 255, 255);
  padding-top: 40px;
  padding-bottom:70px;
  padding-right:30px;
  padding-left:40px;
  border-radius: 7px 7px 0 0;
  font-size: 16px;
}

.boxed-text-page {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  background: rgb(255, 255, 255);
  padding-top: 20px;
  padding-bottom:20px;
  padding-right:30px;
  padding-left:40px;
  border-radius: 7px 7px 0 0;
  font-size: 16px;
}

.boxed-sign {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  background: rgb(255, 255, 255);
  padding-top: 20px;
  padding-bottom:50px;
  padding-right:30px;
  padding-left:40px;
  border-radius: 7px 7px 0 0;
  font-size: 16px;
}

.boxed .row, .boxed-sign .row, .boxed-text-page .row {
  margin-left:0;
  margin-right:0;
}

.boxed-2 {
  background-color: rgb(250,251,251);
  padding: 0px;
}

.boxed-3, .boxed-3-case {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  border-top: 1px solid #E3E4E6;
  background-color: rgb(247,247,247);
  padding-top: 30px;
  padding-bottom: 50px;
  border-radius: 0 0 7px 7px;
  font-family: 'Lato';
  font-weight:400;
}

.boxed-onboard {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  border-top: 1px solid #E3E4E6;
  background-color: rgb(247,247,247);
  padding-top: 10px;
  padding-bottom: 60px;
  padding-left:60px;
  border-radius: 0 0 7px 7px;
  font-family: 'Lato';
  font-weight:300;
}

.boxed-3-sign {
  box-shadow: rgba(0, 0, 0, 0.0470588) 0px -3px 31px 0px, rgba(0, 0, 0, 0.0196078) 0px 6px 20px 0px;
  border-top: 1px solid #E3E4E6;
  background-color: rgb(247,247,247);
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 0 0 7px 7px;
  font-family: 'Lato';
  font-weight:300;
}

.boxed-3 h2, .boxed-3-sign h2, .boxed-onboard h2 {
  font-family: 'Lato';
  font-weight:300;
  color: rgb(24,39,89);
  padding-left: 15px;
}

.boxed-3-case h2 {
  font-family: 'Lato';
  font-weight:300;
  color: rgb(24,39,89);
}

.practice-areas-dd {
  padding-left:0  ;
}

.onboard {
  margin-top:30px;
}

.matter-name-field {
  width:50%;
}

.boxed-onboard h3 {
  font-family: 'Lato';
  font-weight:300;
  font-style:oblique;
  margin-top:10px;
  margin-bottom:20px;
}

.boxed-onboard p {
  font-family: 'Lato';
  font-weight:500;
}

.boxed-3 p {
 padding-left: 15px;
 font-family: 'Lato';
 font-weight:300;
 font-style:oblique;
}

.boxed-3-sign p  {
 font-family: 'Lato';
 font-weight:300;
 font-style:oblique;
}

.colored-grey {
  background-color: rgb(245,245,245);
}

.colored-grey td {
  font-family: 'Lato';
  font-weight:300;
  font-style:oblique;
  color:grey;
}

.litigation-details th.greyed {
  color:grey;
}

.litigation-details th {
  text-transform: uppercase;
  font-size: 13px;
}

.matter-table th, .matter-table tr, .matter-table td {
  border-bottom: 0;
}

.litigation-details {
  background-color: #fff;
}

.copy {
  padding: 10px 15px;
}

.tos {
  font-size: 14px;
}

/* ------ /OTHER PAGES ------ */


/* ------ FILTERED TABLE ------ */

.filterable {
    margin-top: 15px;
    margin-left:50px;
    margin-right:50px;
    color:#000;
    border-color:rgb(247,247,247);
}

.panel-primary>.panel-heading {
  color:#000;
  background-color:rgb(247,247,247);
  border-color: rgb(247,247,247);
}

.filterable .panel-heading .pull-right {
    margin-top: -20px;
}

.panel-heading {
  padding-left:0;
  padding-right: 0;
}

.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;
}

.form-control.filter-dropdown {
  margin-bottom: 10px;
}

.filterable .filters input[disabled] {
  margin-bottom: 18px;
  margin-left: 8px;
}

.table>tbody>tr>td.matters-prop {
  padding-left:16px;
}

/* ------ /FILTERED TABLE ------ */


/* ------ MEDIA QUERIES ------ */

@media only screen and (min-width : 400px) {
  .boxed-3-case h2 {margin-top: 50px;}
  .btn-link-case, .btn-link-case:hover {margin-top:30px;}
  .case-assess {padding-left:0; float:left;}
  .counsel-status {padding-top:10px;}
  .btn-assess, .btn-assess:hover {padding:20px; font-size: 20px;}
  .navbar>.container .navbar-brand {margin-left:-10px;}
}

@media only screen and (min-width : 429px) {
  .btn-link-case, .btn-link-case:hover {margin-top:-6px;}
  .case-assess {padding-left:0; float:left;}
}

@media only screen and (min-width : 480px) {
  .btn-link-case, .btn-link-case:hover {margin-left: 10px;}
}

@media only screen and (min-width : 768px) {
  .boxed-3-sign {padding-left:50px; padding-right:50px;}
  .btn-assess, .btn-assess:hover {padding:30px;}
  .navbar-right {margin-right:-40px;}
  .navbar>.container .navbar-brand {margin-left:-30px;}
}

@media only screen and (min-width : 992px) {
  .value-shower {margin-left:25px;}
  .boxed-3-case h2 {padding-left: 20px; margin-top:20px;}
  h2.dashboard-title {padding-left:0; color: rgb(24,39,89);}
  .btn-assess, .btn-assess:hover {margin-top:10px; padding:30px; font-size: 20px;}
  .case-assess {padding-left:15px; float:right;}
  .btn-assess, .btn-assess:hover {padding:20px; font-size: 18px;}
  .matter-title {padding-top:30px;}
  .page-title {padding-top:10px;}
}

@media only screen and (min-width : 1200px) {
  .btn-assess, .btn-assess:hover {margin-top:0px; padding:30px; font-size: 20px;}
}

/* ------ /MEDIA QUERIES ------ */

 .request-report {
 text-align:center;
  padding-left:80px;
  padding-right:80px;
  padding-bottom:30px;
}

.show-form-report{
  border-radius:5px;
  background-color:rgb(66,208,148);
  border:none;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
    }

.nav-tabs>li>a {text-transform:uppercase;}

.tab-content {
  padding-top:30px
}
.nav-pills>li>a  {text-transform:uppercase;}

.nav-justified>li a, .nav-justified>li a:hover {
    background: rgb(230,230,230);
}

.btn-export,
.btn-export:hover {
  border:none;
  border-radius: 5px;
}

.matter-table td {
padding-top: 2px;
}

.details-casename {
font-size:20px;
font-weight:400;
}

.non-matching-attr {
max-width: 200px;
display: block;
margin: auto;
}

.disposition-text {
font-size: 12px;
color: rgb(101, 136, 222);
}

.duration-text {
font-size: 12px;
color: rgb(222, 187, 101);
}

/* ------ VISUALIZATION SCREEN ------ */

#case-name h3 {margin-left:3%;}
#case-name h3, #case-name h4 {margin-top:0;}
#case-name p {font-size:16px;}
#case-name table {font-size:14px;}
.infoline i, .select2 { margin-left:25px; margin-right:25px;}
.graph { margin-left:15px; margin-right:15px;}
li.select2-selection__choice { display:none;}
#legend-circle {
    background: #C5C9C5;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.lgndc-1 {background:#196b41 !important;}
.lgndc-2 {background:#542121 !important;}
.lgndc-3 {background:#715889 !important;}
.lgndc-4 {background:#ff715b !important;}
.lgndc-5 {background:#086788 !important;}
.lgndc-6 {background:#1ea896 !important;}
.lgndc-7 {background:#4c5454 !important;}
.lgndc-8 {background:#af6803 !important;}
.lgndc-9 {background:#523f38 !important;}
.lgndc-10 {background:#545e29 !important;}

.information-box {margin-top: 30px;}
.information-box p {
font-size: 15px;
color: #607d8b !important;
}

.sali-logo {
margin-top:40px;
margin-left:-15px;
}

.centered-navigation .right {
   width: 30% !important;
}

.ce-ataglance .table>tbody>tr>td {border-top: none; border-bottom: none;}

.ce-ataglance {
padding-right: 45px;
}

.ce-atagl {
margin-left: 75px;
margin-bottom: 30px;
}

.table>tbody>tr>td {vertical-align: middle;}

.centered-navigation .right {
width: 30% !important;
}

/* for experience management */
table.footable-details>tbody>tr>th.exp-mgmt-th:nth-child(1) {
width:271px;
}

.status {
color: #3c763d;
}

.pagination>li>a {
    float: none;
}

table.footable-details>tbody>tr:nth-child(1), 
table.footable-details>tbody>tr:nth-child(2),
table.footable-details>tbody>tr:nth-child(3), 
table.footable-details>tbody>tr:nth-child(4),
table.footable-details>tbody>tr:nth-child(5), 
table.footable-details>tbody>tr:nth-child(6),   
table.footable-details>tbody>tr:nth-child(8),
table.footable-details>tbody>tr:nth-child(9),  
table.footable-details>tbody>tr:nth-child(10), 
table.footable-details>tbody>tr:nth-child(11),
table.footable-details>tbody>tr:nth-child(12),
table.footable-details>tbody>tr:nth-child(13)
 {
background: #ebebeb;
color: #7c7a7a;
}

/*
table.footable-details>tbody>tr:nth-child(16) {
background: #dad9d9;
color: #7c7a7a;
}
*/
.dash-link div.dash-top {padding-right:0px;}