/*! Page Headers */
.page-header {
    border-bottom: 1px solid #eee;
    /*margin: 65px 0 20px;*/
    margin: 0 0 20px;
    padding-bottom: 9px;
}

.page-header-no-display {
    /*margin: 55px 0 0;*/
    margin: 0 0 0;
}
/*! End Page Headers */

.text-muted{
  color:#FFF;
}

/*! bootstrap a links */
a {
    color: #23527c;
    /*color: #622d3b;*/
}
/*! bootstrap a links */


/*! Nav Bars */

.navbar-inverse {
    /*background-color: #6183C5;
    border-color: #080808;*/
    background-color: #640020;
    border-color: #66001C;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #E4BB41;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
 {
    /*color: #E4BB41 !important;*/
    color: #000 !important;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-active {
    /*background-color: #6183C5;*/
    /*background-color: #640020;*/
    background-color: #CCC;

    /*color: #E4BB41 !important; */
    color: #000 !important;

}

/*! End of Nav bar */

/*! Buttons */

.btn-primary {
    background-color: #640020;
    border-color: #66001C;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #520025;
  border-color: #66001C;
}
/*! End of buttons */

/*! Pagination */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #6183C5;
    border-color: #6183C5;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #6183C5;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
/*! End of Pagination Page Headers */

/*! Custom */
.bold-red{
  font-weight: bold;
  color:red;
}

.border-bottom{
border-bottom: 1px solid #eee;
}

.bottom-buffer-10 { margin-bottom:10px; }
.bottom-buffer-20 { margin-bottom:20px; }
.bottom-buffer-30 { margin-bottom:30px; }
.bottom-buffer-50 { margin-bottom:50px; }
.bottom-buffer-170 { margin-bottom:170px; }
.bottom-buffer-200 { margin-bottom:200px; }

.bottom-padding-30 { padding-bottom:30px; }
.bottom-padding-10 { padding-bottom:10px; }

.bottom-padding-20-important { padding-bottom:20px !important; }

.box-primary{
    padding-left: 10px;
    padding-right: 10px;
}

/*
#flashMessage{
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}*/

.green-tick{color:#2D8B4A; text-shadow: 1px 1px 1px #2D8B4A;}
.red-tick{color:#FB0000; text-shadow: 1px 1px 1px #FB0000;}

.height-20{ height:20px;}

.message{ text-align:center;}

.nopadding { padding: 0 !important; margin: 0 !important;}

.top-buffer-10 { margin-top:10px; }
.top-buffer-20 { margin-top:20px; }
.top-buffer-30 { margin-top:30px; }

.width-120{ width:120px;}
.width-100{ width:100px;}
.width-50{ width:50px;}
.width-20{ width:20px;}

#forgotPasswordForm input[type="email"] {
  margin-bottom: 10px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.red-label{
    color: red;
}

.link{
    text-decoration: underline;
    cursor: pointer;
    color: #2e6da4;
    font-weight: bold;
}

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

#table_step_3_usage_tips td, #table_step_6_notes_instructions td{
    padding: 6px;
    vertical-align: top;
}

.table-padding-6 td{
    padding: 6px;
}

.table-row-no-border-top-bottom th{
    border-bottom: 0px solid white !important;
    border-top: 0px solid white !important;
}

.table-border-left{
    border-left: 1px solid lightgray;
}

.table-border-right{
    border-right: 1px solid lightgray;
}

.table-border-top{
    border-top: 1px solid lightgray !important;
}

.table-border-bottom{
    border-bottom: 1px solid lightgray;
}


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

#sentence_table td:nth-child(1) { background-color: #EDF1F7; }
#sentence_table td:nth-child(2) {
    background-color: #EDF1F7;
    border-right: 1px solid lightgray;
}

#hours_table th, #summary_table th{
    background-color: white;
    color: black;
    font-weight: normal;
    border: 1px solid black;
}

#hours_table td, #summary_table td{
    background-color: white;
    border: 1px solid black;
    text-align: center;
}

#summary_table td{
    background-color: #D9D9D9;
    border: 1px solid black;
    text-align: right;
    height: 34px;
}

#hours_table tr td:first-child{
    text-align: left;
    width: 300px;
}

#hours_table .light-grey-bg, #summary_table .light-grey-bg{
    background-color: #E8E8E8;
}

#hours_table .dark-grey-bg, #summary_table .dark-grey-bg{
    background-color: #BDBDBD;
}

.input-bg{
    background-color: #31b0d5 !important;
}

#summary_table .black-bg{
    background-color: black;
    color: white;
}

#summary_table .white-bg{
    background-color: white;
}

.tooltip-text{
    color: blue;
    cursor: context-menu;
}

.tooltip-text:hover{
    color: #23527c;
}

.blue-text-btn{
    color: blue;
    cursor: pointer;
}

.blue-text-btn:hover{
    color: #23527c;
}

#hours_table .text-center, #summary_table .text-center{
    text-align: center !important;
}

#summary_table .text-left{
    text-align: left !important;
}

#hours_table ol{
    padding-left: 26px;
}

#hours_table .hours-data{
    width: 86px;
    max-width: 86px;
}

#summary_table .hours-data{
    width: 120px;
    max-width: 120px;
}

.tooltip.bottom .tooltip-inner {
    background-color:#FCF7AC;
    color: black;
    max-width: 260px;
    text-align: left;
}

.tooltip.bottom .tooltip-arrow {
   border-bottom-color: #FCF7AC;
}

/* Overide default bootstrap opacity */
#hours_table .tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

#hours_table tbody td{
    padding: 1px;
    vertical-align: middle;
}

#hours_table .form-control{
    height: 28px;
    padding-top: 4px;
    text-align: center;
}

#expenses-travel-tooltip td{
    text-align: left;
}

#unbrief-tooltip, #unbrief-tooltip td, #unbrief-tooltip th,
#opening-brief-tooltip, #opening-brief-tooltip td, #opening-brief-tooltip th,
#expenses-travel-tooltip, #expenses-travel-tooltip td, #expenses-travel-tooltip th{
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;

    background-color: transparent !important;
}

#unbrief-tooltip td, #opening-brief-tooltip td{
    text-align: left;
}

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

.vertical-align-middle, #hours_table .vertical-align-middle, #summary_table .vertical-align-middle{
    vertical-align: middle;
}

.greybox{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    padding: 9.5px;
    min-height: 124px;
}

.edit-icon:hover{
    color: green;
    cursor: pointer;
}

.delete-icon:hover{
    color: red;
    cursor: pointer;
}

.delete-icon{
    margin-left: 14px;
}

#issues-modal-content, #issuesAOB-modal-content, #step_9_modal_travel_expenses_content{
    margin-bottom: 60px;
}

#unbriefed-issues-table, #briefed-issues-table, #travel-expenses-table{
    margin-bottom: 2px;
}

#unbriefed-issues-table input[readonly]{
    background-color: white;
}

#unbriefed-issues-table .edit-unbrief-row, #unbriefed-issues-table .edit-unbrief-row:hover{
    background-color: #EDF3FA;
}

i[data-toggle="modal"]{
    cursor: pointer !important;
}

#unbriefed-issues-table th{
    text-align: left;
}

/* Attorney popover css */

.popover #attorney_table{
    overflow-y: auto !important;
    height: 170px !important;
    width: 340px;
}

.popover{
    max-width: 100%;
}

.line{
    background-color: #CCCCCC;
    height: 1px;
}

.popover-title{
    background-color: #EDEDED;
    border: 1px solid #CCCCCC;
}

#continue_anyway{
    margin-left: 26px;
}

/* End: Attorney popover css */

.modal-action-div{
    min-width: 50px;
}

.note-validation{
    font-size: 10px;
    margin-top: -3px;
    margin-bottom: -2px;
}
/*! End of Custom */

i[onclick]{
    cursor: pointer;
}

.pointer{
    cursor: pointer !important;
}

/* Used to higlight a note. Changed to blue partway through */
.highlight-green{
    /*color: green !important; */
    color: #31b0d5 !important;

}

.highlight-red{
    color: #D12C2C;
}

.highlight-grey{
    /*color: green !important; */
    color: darkgray !important;

}

.underline-blue{
    color: #23527c;
    text-decoration: underline;
}

.edit-unbrief-hours{
    text-align: right;
}

.expense-loading-icon{
    margin-left: 10px;
    margin-right: -22px;
}


#pagination-prev-unbriefed-issues,
#pagination-next-unbriefed-issues,
#pagination-prev-briefed-issues,
#pagination-next-briefed-issues,
#pagination-prev-travel-expenses,
#pagination-next-travel-expenses{
    cursor: pointer;
}

.border-read-only{
    border: 1px solid lightgray;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
}

.fake-hyperlink{
    color: #23527c;
}

.fake-hyperlink:hover{
    text-decoration: underline;
    cursor: pointer;
}

.form-group.required .control-label:after, label.required:after, p.required:after, th.required:after {
  content:"*";
  color:red;
}

.form-milestones .form-group{
    margin-bottom: 5px !important;
}

.ccap-login-title{
  color: #640020;
  font-family: Caslon;
  font-weight: 550;
  font-style: italic;
  line-height: 1.1;
  font-size: 40px;
  margin-bottom:10px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.grey-out{
  color:#959595;
}