/*body{
    background-color: #eee;
    font-family: arial;
}*/
body{
    background: #f7f7f7;
    color: #000;
    width: 100vw;
    height: 100vh;
    margin-top:0;
    padding-top:0;
}

.card{
    background: #dbe3f8;
    border: #792d1f 3px solid;
    border-radius: 3px;
}

.panel{
    background: #dbe3f8;
}

.nav {
    background: linear-gradient(359deg, #e6e6e6, #fff);
    border: #000 1px solid;
    height: 40px;
    margin: 15px 0 0 0;
    padding: 7px 15px;
    padding-right: 0;
}

.nav ul li{
    display: inline-block;
    margin: 0 14px 0 0;
    position: relative;
}

.nav ul li:last-child{
    margin-right: 0;
}

.nav ul li a.active + ul.sub-nav,
.reportsBtn.active .sub-nav{
    display: block !important;
}

.reportsBtn.active .sub-nav{
    display: block !important;
    z-index: 1;
    top: 23px;
    left: 64px;
    text-align: left;
}

.reportsBtn.active .sub-nav li a{
    color: #000;
}

.reportsBtn.active .child-nav{
    width: 300px;
}

.light-icon-right{
    position: absolute;
    left: 105px;
    top: 4px;
}

ul.sub-nav {
    position: absolute;
    width: 240px;
    background: #fff;
    border: #808080 1px solid;
    top: 32px;
    box-shadow: #000000a8 0 0 15px;
}

ul.sub-nav li{
    display: block;
    width: 100%;
}

ul.sub-nav li a{
    display: block;
    padding: 5px 15px;
}

ul.sub-nav li a:hover{
    text-decoration: none;
    background-color: #cddbef;
    color: #000;
}

.nav ul li a{
    color: #792d1f;
    font-size: 19px;
    font-weight: bold;
}

.child-nav {
    background-color: #fff;
    border: #ccc 1px solid;
    box-shadow: #000 0 0 10px;
    display: none;
    position: absolute;
    left: 238px;
    top: 0;
    width: 183px;
}

.main_nav_report.sub-nav .child-nav{
    width: 320px;
}

.specialties_section{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.child-nav.reports{
    width: 350px;
}

.child-nav li{
    display: block;
}

.have-sub-child {
    background: url(../images/arrow_up.png) no-repeat 5px 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    background-size: cover;
    transform: rotate(90deg);
}

ul.sub-nav li:hover .child-nav{
    display: block;
}

table tr th, table tr td{
    font-weight: bold;
}

.card-header {
    background: #792d1f;
    color: #fff;
    padding: 5px;
}

h1, h2, h3, h4, h5, h6, p, .fwb, span, button{
    font-weight: bold !important;
}

.mt-2{
    margin-top: 10px;
}

.other{
    margin: 9px 0 0 15px;
    display: inline-block;
}

select{
    background: linear-gradient(359deg, #e6e6e6, #fff);
    padding: 3px;
    border-radius: 5px;
    border: #ccc 1px solid;
    display: block;
    width: 100%;
    font-weight: bold;
}

.form-login {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
}

.form-login label{
    color: #000;
}

.mb-5{
    margin-bottom: 15px !important;
}

.mb-10{
    margin-bottom: 10px !important;
}

.mt-5{
    margin-top: 15px;
}

.mt-50{
    margin-top: 50px;
}

.m-t-5{
    margin-top: 5px !important;
}

.special-t-margin{
    margin-top: 30%;
}

.sidebar{
    background: #ccc;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 300px;
}

ul{
    list-style: none;
    padding: 0;
}

.sidebar{
    margin: 0;
}

.sidebar h2{
    background: #00bcd4;
    margin-top: 0;
    height: 70px;
    line-height: 70px;
    color: #fff;
}
.sidebar ul{
    margin-left: 0;
}
.sidebar li{
    border-bottom: #9d9d9d 1px solid;
    padding: 15px 0 15px 15px;
    margin-bottom: 0;
}

.sidebar li a{
    color: #000;
    font-size: 18px;
    display: block;
}

.sidebar li a:hover, .sidebar li.active a{
    color: #00bcd4;
    font-weight: bold;
    text-decoration: none;
}

.contentBar{
    width: calc(100% - 300px);
    padding-left: 0;
}

.header{
    background: #fff;
    box-shadow: #ccc 0 15px 15px;
    height: 70px;
}

.header .field{
    color: #000;
    width: 100%;
    border: 0;
    outline: none;
    height: 70px;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
}

.w-75{
    width: 70%;
}

.w-60{
    width: 60%;
}

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

.logout{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: #00bcd4;
    height: 50px;
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: white;
}

.time{
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.timer-body{
    background: #fff;
}

.m-30{
    margin:30px;
}
.switch-btn {
    background: #00bcd4;
    padding: 0 4px;
    width: 61px;
    text-align: center;
    height: 70px;
}

.switch-btn a.link{
    width: 30px;
    height: 30px;
    margin: 2px 0;
}

.field-container{
    margin-right: 20px;
    box-shadow: #ccc 0 0 15px;
}

.header .play, .header .stop, .header .add, .action a{
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: inline-block;
    height: 35px;
    width: 35px;
    vertical-align: middle;
}

.header .play:hover, .header .stop:hover, .header .play.active, .header .add.active{
    box-shadow: #fff 0 0 15px;
}

.dateField{
    width: 92px;
}

.select {
    max-width: 162px;
}
.action a{
    border-radius: 0;
    width: 25px;
    height: 25px;
}

.action a:hover{
    opacity: .5;
}
.play{
    background: url(assets/images/icon-play.svg);
}

.stop{
    background: url(assets/images/icon-stop.svg);
}

.add{
    background: url(assets/images/icon-add.svg);
}

.edit{
    background: url(assets/images/icon-edit.svg);
}

.replay{
    background: url(assets/images/icon-replay.svg);
}

.delete{
    background: url(images/icon-delete.svg);
    cursor: pointer;
}

.d-none{
    display: none !important;
}

.mr-3{
    margin-right: 15px;
}

.mt-3{
    margin-top: 15px;
}

.mt-3px{
    margin-top: 3px;
}

.w-auto{
    width: auto;
}

.w-50{
    width: 50px;
}

.w-30{
    width: 30px;
    padding: 0;
    text-align: center;
}

.w-60{
    width: 60px;
}

.w-30px{
    width: 30px;
}

.w-70{
    width: 70px;
    padding: 0;
    text-align: center;
}

.w-90{
    width: 90px !important;
}

.arrow{
    width: 25px;
}

table tr th{
    background: #e9e9e9;
}

.table tbody tr td{
    padding: 0 0;
    line-height: normal;
    vertical-align: middle;
}

.logo-label{
    color: #00bcd4;
}

.welcome_projman_center_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.welcome_container{
    width: 100%;
}
.guidelines-background {
    background-color: #C6D9F1;
}
.claimed-background {
    background-color: #E6B9B8;
}
.recommd-background{
    background-color: #D7E4BD;
}
.notes-background{
    background-color: #F8D5B9;
}

.guidelines-heading {
    background-color: #C6D9F1; /* Apply the color you want */
}
.claimed-heading {
    background-color: #E6B9B8; /* Apply the color you want */
}
.recmd-heading {
    background-color: #D7E4BD;; /* Apply the color you want */
}
.notes-heading {
    background-color: #F8D5B9; /* Apply the color you want */
}

.cumulative-heading-1 {
    background-color: #E6B9B8;
}
.cumulative-heading-2 {
    background-color: #D7E4BD;
}
.new-heading-1{
    background-color: #E6B9B8;
}
.new-heading-2{
    background-color: #D7E4BD;
}
.panel-comments{
    background-color: #F8D5B9;
}
.guidelines-heading-1{
    background-color: #C6D9F1;
}

table.dataTable.cell-border tbody td,
table.dataTable.cell-border tbody th {
    border: 1px solid #ccc;
    padding: 4px;
}

/* Additional styling */
table.dataTable.cell-border th {
    background-color: #f5f5f5; /* Header background color */
    font-weight: bold;
}

.modalman {
    box-shadow: #888 0 0 8px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #888;
    background-color: #d9e3f9;
    overflow: visible !important;
}

#window_claims{
   /* overflow: hidden !important; */
   height: 850px;
   width: 1300px;
}

.modalman .modalman-content{
    position: relative;
    overflow: auto;
    height: calc(100% - 50px);
    width: 100%;
}

.modalman-content {
    margin: 0% auto;
    padding: 0 0px 0 20px;
    border: 0 solid #888;
}

body div span.modalman-close {
    color: #000;
    float: right;
    text-shadow: #ccc 0px 2px 2px;
    font-weight: bold;
    margin-top: 0;
}

.modalman-close:hover,
.modalman-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modalman-header {
    background-color: #e1e1e1;
    color: #000;
    padding: 10px 15px;
    font-weight: bold;
    font-family: arial;
    cursor: pointer;
}

.modalman-minimize, .modalman-maximize{
    font-size: 28px;
    float: right;
    cursor: pointer;
    color: #aaa;
    margin-right: 12px;
    margin-top: -5px;
}

.modalman-minimize:hover, .modalman-maximize:hover{
    color: #000;
}

.modalman-maximize{
    margin-top: -8px;
}

.modalman.minimizeModal{
    position: fixed;
    top: auto !important;
    bottom: 10px;
    width: 250px !important;
    min-height: 50px !important;
    height: 50px !important;
    overflow: hidden !important;
}

.modalman.minimizeModal .modalman-header span.heading{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 68%;
}

.login_div{
    position: absolute;
    top:  50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.window_cases{
    /* .window_cases */
    width: 1200px;
    left: 20px;
    top: 100px;
}

.window_cases .panel-heading{
    padding: 2px 15px;
}

.window_claims{
    /* min-height: 800px; */
    width: 1200px;
    left: 40px;
    top: 175px;
}

.tooltip-inner{
    position:fixed;
}

/* Tooltip Arrow Positioning */
.tooltip.bs-tooltip-top .arrow,
.tooltip.bs-tooltip-bottom .arrow {
    left: 50%; /* Center the arrow */
}

.tooltip-bubble {
    display: none;
    border: 1px solid #b3b3b3;
    position: absolute;
    background-color: #000;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 0.9em;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    top: -7px;
    max-width: 450px;
    width: auto;

}
.tooltip-bubble::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    left: -11px;
    top: 12px;
    transform: rotate(90deg);
}


  
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    display: none;
}


.ui-autocomplete {
    background-color: white; /* Or any color you prefer */
    border: 1px solid #ccc;
    max-height: 400px;
    width:200px;
    overflow-y: auto; /* Enable a scrollbar if necessary */
    /* Add more styles as needed */
}
.ui-autocomplete .ui-state-focus {
    background-color: blue; /* Or any shade of blue you prefer */
    color: white; /* Change the text color if needed for better visibility */
}


.ui-autocomplete li {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd; /* Add a border to each item */
}

.ui-autocomplete li:last-child {
    border-bottom: none;
}

.ui-autocomplete li.ui-state-focus,
.ui-autocomplete li:hover {
    background-color: blue; /* Change color on hover or keyboard navigation */
    color: white;
    cursor: pointer;
}

/* it is temporary and will be removed when we have fully using the modalman framework */
.window_div{
    min-height : 94vh;
    width : 80%;
    margin-top: 20px;
    margin-left: 100px;
    box-shadow: #888 0 0 8px;
    border: 1px solid #888;
    background-color: #fefefe;
}

.ui-autocomplete {
    background-color: white; /* Or any color you prefer */
    border: 1px solid #ccc;
    max-height: 400px;
    width:200px;
    overflow-y: auto; /* Enable a scrollbar if necessary */
    /* Add more styles as needed */
}
.ui-autocomplete .ui-state-focus {
    background-color: blue; /* Or any shade of blue you prefer */
    color: white; /* Change the text color if needed for better visibility */
}


  .ui-autocomplete li {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd; /* Add a border to each item */
}

.ui-autocomplete li:last-child {
    border-bottom: none;
}

.ui-autocomplete li.ui-state-focus,
.ui-autocomplete li:hover {
    background-color: blue; /* Change color on hover or keyboard navigation */
    color: white;
    cursor: pointer;
}

.cases-window{
    white-space: nowrap;
}

.cases-window .form-control,
.cases-window .btn{
    height: 17px;
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
}

.cases-window select{
/*    height: 24px;*/
}

.cases-window table{
    margin:0;
}

.cases-window .panel-body{
    padding:10px 15px;
}

#ui-datepicker-div{
    box-shadow: #514d4d 0 0 13px;
    /* margin-top: -23px; */
}

#change_case_from_claims{
    font-size: 10px;
    padding: 1px;
}

.h34{
    padding-top: 0;
    padding-bottom: 0;
}

.cases-window .row>.col-md-4{
    padding-right: 0;
    /* text-align: right; */
}

.cases-window .row>.col-md-6,
.cases-window .row>.col-md-8{
    padding-left: 0;
    padding-right: 0;
}

.cases-window .modalman-content{
    padding-bottom: 0;
}

.right-col .row>.col-md-6:first-child{
    padding-right: 0;
    text-align: right;
}

.cases-window h4.screen-title {
    background: #dcdcda;
    text-align: left;
    margin: 0 0 0 0;
    padding: 5px 6px;
    font-size: 14px;
}
.cases-window .case_title_box{
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.cases-window .case_title_box input[type=checkbox], input[type=radio], select{
    margin-top:0;
    margin-bottom:0;
}
.cases-window .mr-4{
    margin-right: 20px !important;
}

.cases-window .mr-1{
    margin-right: 5px !important;
}

.cases-window .mr-2{
    margin-right: 2px !important;
}

.cases-window .mr-3{
    margin-right: 15px !important;
}

.cases-window .mr-5{
    margin-right: 25px !important;
}

.cases-window .mb-10{
    margin-right: 10px !important;
}

.cases-window .mb-5{
    margin-right: 5px !important;
}

.cases-window .mb-20{
    margin-bottom: 20px !important;
}

.cases-window .mt-20{
    margin-top: 20px !important;
}

.cases-window .mt-1{
    margin-top: 1px !important;
}

.cases-window .ml-24{
    margin-left: 24px !important;
}

.cases-window .ml-20{
    margin-left: 20px !important;
}

.cases-window .pr-2{
    padding-right: 2px !important;
}


.cases-window table.dataTable thead th, .cases-window table.dataTable thead td{
    padding: 0px 3px;
    font-size: 12px;
}

.cases-window table.dataTable tbody tr td {
    font-size: 12px;
    padding: 10px 3px;
}

.cases-window p{
    margin-bottom: 0;
    font-size: 13px;
}

.cases-window #caseNumber{
    font-size: 17px;
}

.cases-window #sentence{
    font-size: 14px;
    height: 25px;
}

.cases-window .px-0-8{
    padding: 0 8px;
}

.cases-window span, .cases-window label, .cases-window select{
    font-size: 13px;
}

.cases-window .btn{
    font-size: 13px;
    height: auto;
}

.cases-window .display-flex {
    display: flex;
}

.cases-window .display-flex-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.cases-window .display-flex-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.display-flex-full1 {
    display: flex;
    align-items: center !important;
    justify-content: space-between;
}
.cases-window .align-items-center {
    align-items: center;
}
.nowrap-text {
    white-space:nowrap !important ;
}
.cases-window .office-note {
    min-height: 22px;
    cursor: pointer;
    padding: 3px 5px;
    line-height: 13px;
    font-size: 11px;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 4px; 
    white-space: pre-wrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: block;
    overflow-y: auto; 
    word-wrap: break-word; 
}

.align-items-baseline {
    align-items: baseline;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

.ui-autocomplete li.ui-state-focus,
.ui-autocomplete li:hover {
    background-color: #a9c6ee !important;
    color: #000 !important;
    cursor: pointer;
}

.ui-autocomplete li.ui-state-focus div,
.ui-autocomplete li:hover div{
    border: #a9c6ee 1px solid !important;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
    background-color: transparent !important;
    border: 0 !important;
    color: #000 !important;
}

.loading-sign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-sign-cases {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.dim-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 30%, transparent 75%);
    border-radius: 5px;
    display: none;
    transition: all 0.3s ease-in-out;
    cursor: not-allowed;
}

.dim-background-casePicker {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(ellipse at center, #f5f5f5, transparent 109%);
    border-radius: 5px;
    display: none;
    transition: all 0.3s ease-in-out;
    cursor: not-allowed;
}

/* Spinner styles */
.spinner {
    /* border: 4px solid rgba(255, 255, 255, 0.3); */
    border: 3px solid #ccc;
    border-radius: 50%;
    border-top: 3px solid red;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.cases-window .transcript {
    font-size: 13px;
}
.cases-window .transcript tbody input {
    padding: 5px;
}
.cases-window .transcript th {
    padding: 2px 0 0px 0px;
}
.cases-window .transcript .text-right {
    text-align: right;
}

/* #window2 .row {

    margin-left: -57px !important;
} */

.cases-window .dateField {
    width: 98px;
    padding: 0px 5px;;
}

.error-label {
    color: red  !important;
}

.cumulative-heading-1, .new-heading-1 {
    text-align: center;
}

.cumulative-heading-2, .new-heading-2 {
    text-align: center;
}

#claimExpenses_table th {
    text-align: center;
}

#claimExpenses_table {
    border-collapse: collapse;
    width: 100%; /
}

#claimExpenses_table th,
#claimExpenses_table td {
    border: 2px solid #000;
    padding: 1px;
    text-align: center;

}

#claimHours_table {
    border-collapse: collapse;
    width: 100%; /
}

#claimHours_table th,
#claimHours_table td {
    border: 2px solid #000;
    padding: 1px;
    text-align: center;
    line-height: normal;
}

.history-icon-container {
    display: inline-block;
    cursor: pointer;
    width: auto;
    height: auto;
}

.custom-tooltip {
    margin-left: 10px;
}


.tooltip-container{
    position: relative;
    transition: .3s all;
}

/* .tooltip-inner::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    left: -11px;
    top: 18px;
    transform: rotate(90deg);
} */

.tooltip-container img:hover{
    transition: .3s all;
}
.tooltip-container .tooltip {
    min-width: 200px;
/*    opacity: 1 !important;*/
/*    visibility: visible !important;*/
/*    transform: translateX(-50%) !important;*/
/*    transition: .3s all;*/
    /* margin: 0 10px; */
    opacity: 0 ;
    animation: mymove 8s;
}

@keyframes mymove {
  50% {opacity: 1 ;}
}

.tooltip-inner{
    transition: .3s linear;
}

#chronolog_table_wrapper .tooltip{
    left: auto !important;
    right: 8px !important;
    
}


#chronolog_table_wrapper .tooltip .tooltip-inner::after {
    left: auto !important;
    right: -7px !important;
    transform: rotate(268deg);

}


.tooltip-container .tooltip .tooltip-inner{
    position: static;
}

#dt_statutes #template-div,
#dt_dispositions #disposition-div {
    height: 130px;
}

/*#chronoLog-div>div  {
height: 290px;
}*/


body.notes_loader .ui-dialog .ui-dialog-content{
    padding:15px;
}

body.notes_loader .ui-dialog .ui-dialog-content #accordion{
    min-height: 483px;
}

body.notes_loader .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #605e5e;
    font-weight: normal;
    color: #ffffff;
}
.dialog-footer{
    border-top: #ccc 1px solid;
    margin: 21px -15px 0 -15px;
    padding: 10px 15px;
    width: 100%;
    margin-top: 30px;
}

.ui-accordion .ui-accordion-content{
    padding: 1em 1.2em;
}

#dialog-form button {
    margin: 17px 6px 4px;
    text-transform: capitalize;
    font-size: 11px;
    padding: 8px 6px;
}
/* Modal componant css */
.ui-dialog ,.modalman{
    padding: 0px;
    /*-moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 10px 10px #a93e43;*/
    border: #bb4b4c 10px solid;
    border-radius: 5px;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.ui-widget-header {
    background-color: #8e0b0b;
    color: white;
    border: none;
}

.splLetter{
    text-decoration: underline;
    text-transform: uppercase;
}

.text-uppercase{
    text-transform: uppercase;
}

.modalman-header {
    background-color: #8e0b0b;
    color: white;
    position: sticky;
    top: 0;
    left: 0;
    height: 40px;
}

.boxBorder {
    border-style: solid;
    border-width: thin;
}

#modalCaseNew .cases-window p {
    margin-bottom: 0;
    font-size: 13px;
}

#modalCaseNew .head {
    padding: 10px;
    font-weight:bold;
    text-align: center;
}

#modalCaseNew .ui-widget-header {
    background-color: #8e0b0b;
    color: white;
}

#modalCaseNew .form-container {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#modalCaseNew .form-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#modalCaseNew .form-container input {
    width: 100%;
    margin-bottom: 15px;
    padding: 8px;
    box-sizing: border-box;
}

#modalCaseNew .form-container button {
    background-color: #8e0b0b;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
}

#modalCaseNew .form-container button:hover {
    background-color: #5e0707;
}
.ui-widget-overlay{
    background: #000000 !important;
}
/*=========================*/
/*instructions for z-index*/

/*

100 - 999  = window
1000       = Minimizemodal
1001       = Loading sign
1002       = ui-autocomplete (Dropdown)
1010       = UI dialog (Modal)     
1005       = ui-widget-overlay
1150       = Tooltip
1200       = notes_loader

*/

.modalman-header {
    z-index: 1;
}

.dim-background {
    z-index: 50;
}
.modalman .modalman-content{
    z-index: 0;
}

.modalman.minimizeModal{
    z-index: 1000;
}
.loading-sign {
    z-index: 1001;
}
.loading-sign-cases {
    z-index: 1001;
}
ul.ui-autocomplete {
    z-index: 1002 !important;
}

.ui-widget-overlay{
    z-index: 1005 !important;
}


.ui-dialog {
    z-index: 1010 !important;
    border: #bb4b4c solid 8px !important;
}

.ui-dialog-titlebar{
    border-radius: unset;
}

.ui-dialog.ui-dialogspecial{
    z-index: 1012 !important;
    left: 0;
}

.ui-dialog.ui-dialogspecial + .ui-widget-overlay{
     z-index: 1011 !important;
}

div.DTED_Lightbox_Wrapper,  .DTED_Lightbox_Background{
   z-index: 1020 !important;
}


.tooltip {
    z-index: 1150;
}

.tooltip-bubble {
    z-index: 1100;
}

body.notes_loader  .ui-dialog{
    z-index: 1200 !important;
}

#memberCalBarURL{
    cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url(../libs/jqueryui/images/ui-icons_555555_256x240.png);
    background-position: -96px -128px;
}

.inine-element .select{
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

.inine-element .form-control{
    background-color: #fff;
    width: 59%;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.addresses_dataform .form-control, .addresses_dataform select{
    border-radius: 0;
    border: #7a7a7b 1px solid;
    box-shadow: none;
    height: 27px;
}

.addresses_dataform>.row{
    margin-bottom: 5px;
}

.addresses_dataform>.row .col-md-4{
    padding-right: 0;
}

.addresses_dataform>.row .col-md-8{
    padding-left: 8px;
}

div.DTED_Lightbox_Wrapper .DTE_Header{
    background-color: #8c0b0b !important;
    color: #fff !important;
    height: 30px !important;
    padding: 0 0 0 11px !important;
    line-height: 30px !important;
    font-size: 12px !important;
    font-weight: bold;
    border-radius: 3px;
}

div.DTED_Lightbox_Wrapper .DTED_Lightbox_Close{
    width: 20px;
    margin: -15px 0 0 0;
    height: 20px;
    background: #fff;
    line-height: 20px;
    padding: 0 !important;
    text-align: center;
    font-weight: bold;
    border: #4c4c4c 2px solid;
    background-position: -96px -128px;
}

div.DTED_Lightbox_Wrapper .DTED_Lightbox_Close::after{
    color: rgb(112 109 109) !important;
    font-weight: bold !important;
    font-size: 22px !important;
}

.no-l-p{
    padding-left: 0 !important;
}

.no-r-p{
    padding-left: 0 !important;
}

.custom-tab-fields input, .custom-tab-fields select{
    margin: 0;
    width: 50px;
    float: left;
}

.mr-1{
    margin-right:5px !important ;
}

.long{
    width: 100px !important;
}

table.dataTable{
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

table.dataTable tbody tr td {
    background-color: #fff !important;
    box-shadow: none !important;   
}

#caseloadPanel_table.dataTable tbody tr td{
    padding: 0% !important;
    white-space: nowrap !important;
}

#caseloadPanel_table.dataTable > tbody > tr > td:first-child,
#caseloadPanel_table.dataTable > thead > tr > th:first-child {
    padding-left: 0 !important;
    width: auto !important;
}

table.dataTable tbody tr:hover,
table.dataTable tbody tr:hover td {
    background-color: #d9e3f9 !important; 
    color: #000 !important; 
}

table.dataTable tbody tr.selected,
table.dataTable tbody tr.selected td {
    background-color: #d8dadd !important; 
    color: #000 !important; 
}

table.dataTable.hover>tbody>tr.selected:hover>*, 
table.dataTable.display>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgb(215 218 222) !important;
}


.applications-tab .date-element{
    width: 100px !important;
}

.applications-tab input, .applications-tab select{
    width: 70px;
}

.evaluation table td{
    padding: 1px 5px !important;
    background: transparent;
}

.evaluation table thead, .evaluation table thead th{
    background-color: #fff;
}
.evaluation table tr td input, .evaluation table tr td button {
    border: 0;
    margin: 0 5px;
    display: block;
    width: 100%;
    height: 20px;
}

/*.addresses_dataform{
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.addresses_datatable{
    display: inline-block;
    vertical-align: top;
    width: 69%;
}*/

.addresses_datatable{
    width:100%;
}

.ml-70{
    margin-left: 70px;
}
.ml-10{
    margin-left: 10px;
}
@keyframes knight-rider {
    0%, 100% {
        content: 'Loading.';
        /* color: #8e0b0b; */
    }
    25% {
        content: 'Loading..';
        /* color: #8e0b0b; */
    }
    50% {
        content: 'Loading...';
        /* color: #8e0b0b; */
    }
    75% {
        content: 'Loading';
        /* color: #8e0b0b; */
    }
}

.knight-rider {
    position: absolute;
    display: inline-block;
}

.knight-rider::after {
    content: 'Loading...';
    animation: knight-rider 1s steps(4) infinite;
    float: right; 
}

.knight-rider.loaded::after {
    content: none; 
}

.label-float-left {
    float: left;
    text-align: left;
}

.spinner-small {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-right:17px;
    border: 2px solid #ccc;
    border-top: 2px solid red;
    border-radius: 50%;
    animation: spin2 1s linear infinite;
    margin-right: 10px; /* Adjust as needed */
}

@keyframes spin2 {
    to {
        transform: rotate(360deg);
    }
}

.specialties_list{
    width: 100px;
    height: 75px;
    display: inline-block;
}

.specialties_buttons{
    display: inline-block;
    width: 20px;
    display: inline-block;
}

.assigned_specialties_list{
    width: 100px;
    height: 75px;
    display: inline-block;
    float: right;
}

.datatable_title{
    font-weight: bold !important;
    font-size: 13px;
    margin: 0px 0px;
    padding: 0px 5px;
    background: #e9e9e9;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    font-weight: bold;
    display: inline-block;
    width:100%;
}

.window_cases .info-icon{
    height: 14px;
    width: 17px;
    cursor:pointer;
}

.window_cases .light-icon{
    width: 12px;
    cursor:pointer;
}

.rectangle {
    margin-left: 9px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 1px solid #7d6e6e;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 1.5);
}

.helpButton {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Custom CSS for tooltip */
 .panel-comments-toolip {
    position: relative;
    display: inline-block;
}
.tooltip-text2 {
    visibility: hidden;
    background-color: #fffcbb;
    color: #000;
    text-align: left;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    width: 150%;
    box-sizing: border-box; 
    border: 1px solid #000; 
    max-height: 200px; 
    overflow-y: auto;
}

.tooltip-text {
    visibility: hidden;
    background-color: #fffcbb;
    color: #000;
    text-align: left;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    left: 75%; 
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    width: 150%;
    box-sizing: border-box; 
    border: 1px solid #000; 
    max-height: 200px; 
    overflow-y: auto;
}

.cases-relatedCases-dropdown {
    position: relative; 
}

.tooltip-text-relatedCases {
    visibility: hidden;
    background-color: #fffcbb;
    color: #000;
    text-align: left;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    max-height: 200px;
    overflow-y: auto;
    bottom: calc(100% + -85px);
    left: 0; 
}

.panel-comments-toolip.show-tooltip .tooltip-text2,
.panel-comments-toolip.show-tooltip .tooltip-text,
.cases-relatedCases-dropdown.show-tooltip .tooltip-text-relatedCases {
    visibility: visible;
    opacity: 1;
}


.flex-col{
    display: flex;
    flex-direction: column;
}

#casePicker {
    display: inline-block;
}

.member-table {
    border: 1px solid black; 
    border-collapse: collapse;
    width: 100%;
    padding:4px;
}

.member-table td {
    padding: 6px !important;
}


.btn-appt{
    width: 50px;
    padding:1px;
}

#modal_timeout{
    padding: 1px 5px 20px 6px !important;
    overflow: hidden;
}

#modal_timeout .row{
    margin-bottom: 5px;
}

/* Highlight the selected row */
#eval_table tbody tr.selected td {
    background-color: #007bff !important; /* Blue color */
    color: #ffffff !important; /* White text */
    box-shadow: none !important; /* No box-shadow */
}

#evaluations_interim_final_details input[type="text"] {
    width: 1.7em;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center; 
    line-height: 1.5em;
}

.btn-toastr-confirmation{
	background: white;
  	color: black;
  	border: 1px solid white;
}

/***********remove inline css and add here*************/

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

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

.pl-0{
    padding-left: 0 !important;
}

.mt-15{
    margin-top: 15px !important;
}

.mt-10{
    margin-top: 10px !important;
}

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

.p-10{
    padding: 10px !important;
}

.m15-auto{
    margin: 15px auto;
}

.cursor-pointer{
    cursor: pointer;
}

.pb-0{
    padding-bottom: 0 !important;
}
.p-x-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pt-5{
    padding-top: 5px !important;
}

.pr-0{
    padding-right: 0 !important;
}
.p-x-8{
    padding:0 8px !important;
}

.min-w-162{
    min-width: 162px !important;
}

.w-162{
    width: 162px !important;
}

.w-135{
    width: 135px !important;
}

.window1{
    border-right:#ccc 1px solid; padding-bottom: 0; position: relative;
}


.px-15{
    padding:  0 15px !important
}
.text-center{
    text-align: center;
}

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

.p-x-15{
    padding:0 15px !important;
}

.h-24{
    height: 24px
}

.w-230{
    width: 230px;
}

.w-200{
    width: 200px;
}

.border-black{
    border:#000 1px solid;
}
.p-t-5{
    padding-top: 5px;
}

.p-r-0{
    padding-right: 0 !important;
}


.border-r-ccc{
    border-right:#ccc 1px solid;
}

.border-l-ccc{
    border-left:#ccc 1px solid;
}

.widnow2-fix{
    right: 8px;
}

.border-ccc{
    border:#ccc 1px solid;
}

.p-b-0{
     padding-bottom: 0;
}

.pos-relative{
    position: relative;
}

.zero-pos{
    position:absolute; right: 0; top:0;
}

.p-x-3{
     padding: 3px;
}

.mb-3{
    margin-bottom: 3px;
}

.p-l-20{
    padding-left: 20px !important;
}

.float-right{
    float: right;
}

.align-items-center{
    align-items: center;
}

.d-inline-flex{
    display: inline-flex;
}

.ml-0{
    margin-left: 0 !important;
}

.ml-5{
    margin-left: 5px !important;
}

.select-2{
    background-color: #fff; color: #495057; border-radius: 0.25rem; border: 1px solid #ced4da; padding: 0.25rem 0.5rem; margin-top: 0.25rem; font-size: 10pt; margin-left: 30px;
}

.d-flex{
    display: flex;
}

.flex-dir-col{
     flex-direction:column;
}

.help-Button{
    display:flex; justify-content:space-evenly; border-style: outset;
}

.pr-15{
    padding-right: 15px !important 
}

.p-x-5{
    padding:  0 5px !important;
}

.p-4{
    padding: 4px !important;
}
.m-b-15{
    margin-bottom: 15px !important;
}

.w-96{
    width: 96px !important;
}

.bg-f7f7{
    background-color: #F7F7F7
}

.w-100px{
    width: 100px !important;
}

.w-100Per{
    width: 100% !important;
}

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

.mb-0{
    margin-bottom: 0 !important;
}

.w-215{
    width:209px !important;
}


.m-4{
    margin: 4px !important;
}
.p-x-4px{
    padding: 4px;
}

.p-r-30{
    padding-right: 30px !important;
}

.p-x-30{
    padding:0 30px !important;
}

.m-x-4{
    margin: 4px !important;
}

.fs-12{
    font-size: 12px;
}

.text-right{
    text-align: right !important;
}

.text-left{
    text-align: left;
}

.bg-fff{
    background:#fff;
}

.h-125{
    height: 125px;
}

.overflow-auto{
    overflow: auto;
}

.border-000{
     border: #000 1px solid !important;
}

.m-b-5{
    margin-bottom: 5px !important;
}

.h-130{
    height: 115px !important;
}

.h-280{
    height: 241px;
}

.align-items-baseline{
    align-items: baseline;
}

.div-1{
    background:#fff; height: 214px; text-align: center; overflow: auto; border: #000 1px solid; margin-bottom: 5px;
}

.div-2{
    background:#fff; height: 280px; text-align:center; overflow:auto; border: #000 1px solid
}

.div-3{
    background-color: #D9E3F9; color: black; font-size: 10pt; padding: 0.5rem 1rem; display: flex; align-items: start; width:100%
}
.div-4{
    display: flex; justify-content: start; padding-top: 10px; margin-left: 50px;
}

.button-1{
    background-color: #F5F9F6;
    color: black;
     border: none; 
     padding: 0.25rem 0.5rem;
    cursor: pointer;
    border-radius: 0.25rem;
    font-size: 1.0rem;
    line-height: 1;
    height: 20px;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.change_case{
    background-color: #F5F9F6; color: black; margin-left: 5px;
}

.pull-right{
    float: right;
}

.button-5{
    display: inline-flex; align-items: center; margin-right: 5px; margin-top: 4px;
}

.button-2{
    margin-right: 5px; background-color: #F5F9F6; color: black; border: 1px solid #ced4da; padding: 0.375rem 0.75rem; font-size: 10pt; cursor: pointer;
}
.flex-grow-1{
    flex-grow: 1;
}

.caseNumber, .clientName{
    display: flex; align-items: center; white-space: nowrap; margin-bottom: 0.25rem; line-height: 1.25;font-size: 11pt;
}


.div-5{
    display: flex; align-items: center; white-space: nowrap; margin-bottom: 0.25rem; line-height: 1.25; font-size: 11pt;
}

.ml-10{
    margin-left: 10px;
}
.unk_img{
    height: 16px; width: 16px; margin-left: 15px; vertical-align: middle;
}
.custom-background {
    background-color: #D9E3F9;
    color: black;
    font-size: 10pt;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: start;
}

.plus-button {
    background-color: #F5F9F6;
    color: black;
    border: none;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    border-radius: 0.25rem;
    font-size: 1.0rem;
    line-height: 1;
    height: 20px;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.custom-row {
    flex-grow: 1;
}

.custom-info {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 0.25rem;
    line-height: 1.25;
    font-size: 12pt;
}

.case-icon {
    height: 16px;
    width: 16px;
    margin-left: 15px;
    vertical-align: middle;
}

.w-16{
    width: 16px;
}

.h-16{
    height: 16px;
}

.appt-text {
    margin-right: 5px;
}

.custom-select,
.custom-input {
    width: 75%;
    background-color: #fff;
    color: #495057;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    padding: 0.25rem 0.5rem;
    margin-top: 0.25rem;
    font-size: 10pt;
}

.change-case,
.cancel-button {
    background-color: #F5F9F6;
    color: black;
    margin-left: 5px;
}

.input-text {
    margin-right: 5px;
}

.inline-flex {
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
}

.custom-button {
    margin-right: 5px;
    background-color: #F5F9F6;
    color: black;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    font-size: 10pt;
    cursor: pointer;
}

.fs-13{
    font-size: 13px;
}
.mr-5{
    margin-right: 5px !important;
}

.w-10Per{
    width: 10%;
}
.input-1{
    background-color: #fff; color: #495057; border-radius: 0.25rem; border: 1px solid #ced4da; padding: 0.25rem 0.5rem; margin-top: 0.25rem; font-size: 10pt;

}

.ml-30{
    margin-left: 30px !important;
}

.select-1{
    width: 75%; background-color: #fff; color: #495057; border-radius: 0.25rem; border: 1px solid #ced4da; padding: 0.25rem 0.5rem; margin-top: 0.25rem; font-size: 10pt;
}

.change_case_from_claims{
    background-color: #F5F9F6; color: black; margin-left: 5px;
}
.mt-4{
    margin-top: 4px !important;
}

.lock{
    height: 16px; width: 16px; margin-left: 50px;
}

.delete-icon{
    height: 16px; width: 16px; margin-right: 5px; vertical-align: middle;
}

.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 3px 8px;
    color: #000 !important; 
    font-size: 12px;
    font-weight: bold;
    border: #ccc 1px solid !important;
    border-radius: 0 !important;
    background: linear-gradient(359deg, #c9cbcb, #fff);
}

/* Style for active (clicked) tab */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background: #fff !important; 
    color: #000 !important;

}

/* Style for the tab content container */
.tab-content {
    border: #ccc 1px solid;
    padding: 15px 5px 5px 5px;
    margin:0 !important;
}

.overflow-hidden{
    overflow: hidden !important;
}

.custom-border-padding {
border: #ccc 1px solid;
padding-bottom: 6px;
}

.pt-2{
padding-top:2px !important;
}

.specialties_section select{
    width: 145px;
    display: inline-block;
    height: 100px;
}
.no-l-p {
    padding-left: 0;
}
.no-r-p {
    padding-right: 0;
}

.dateField {
    width: 100px;
    padding: 0;
    height: 25px;
}
.specialties_buttons{
    width: 31px;
    vertical-align: top;
    padding-top: 28px;
}
.form-control.dateField{

}
.mr-4 {
    margin-right: 4px;
}

.mt-0{
    margin-top: 0 !important;
}
.case_title_box button, .case_title_box select {
    display: inline-block;
    height: 20px;
    font-size: 13px;
}

.case_title_box input{
    height: 24px;
    font-size: 12px;
}

.case_title_box>span>button{
    margin-top: 0 !important;
}

.panelWindow .link_label p{
   color: blue;
    text-align: right;
    margin-right: 4px;
    border-bottom: blue 2px solid;
    display: inline-block;
    float: right;
    padding: 0;
    line-height: 10px;
    vertical-align: top;
    font-size: 12px;
    margin-top: 8px;
}

.calnder_fields .col-md-5{
    float: right;
}

.right_input {
    float: right;
}

.panelWindow p, .panelWindow label{
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.bs-example{
    border-top: 0;
}
.nav-container .nav{
    border: #ccc 1px solid;
    border-bottom: 0;
    height: 24px;
    margin: 0 0 -8px 0;
    padding: 0;
    display: inline-block;
    position: relative;
    bottom: 0px;
    background: white;
}

.nav-container .nav>li>a {
    position: relative;
    display: block;
    padding: 3px 8px;
    color: #000 !important;
    font-size: 12px;
    font-weight: bold;
    border-right: #ccc 1px solid !important;
    border-radius: 0 !important;
}

.nav-container .tab-content{
    border:#ccc 1px solid;
}

.nav-container .nav-tabs>li{
    background: linear-gradient(359deg, #c9cbcb, #fff);
}

.nav-container .nav-tabs>li.active>a, .nav-container .nav-tabs>li.active>a:focus, .nav-container .nav-tabs>li.active>a:hover {
    color: #555 !important;
    cursor: default !important;
    background: #fff !important;
    border: 1px solid #ddd !important; 
    border-bottom-color: transparent !important;
}

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

.text-right{
    text-align: right;
}

.min-h-100{
    min-height: 100px !important;
}

.ui-widget-header {
    background-color: #8e0b0b;
    color: white;
}

#toolbar {
  margin-bottom: 10px; /* Or any space you want between the toolbar and the table */
}

#toolbar button {
  margin-right: 5px; /* Space between buttons */
  /* Add more button styling here */
}

#add_official_name{
    width: 30vw !important;
    height: auto !important;
    min-height: auto !important;
}

.mb-1{
/*    margin-bottom: 5px;*/
}

.text-right{
    text-align: right;
}

.custom-input {
    display: inline-block;
    border: #ccc 1px solid;
    padding: 3px;
    width: 114px;
}
.custom-input span {
    display: inline-block;
    position: relative;
    width: 30px;
}
.custom-input span input {
    border: 0;
    width: 100%;
    background: #96daf8;
}

.custom-input span input.year{
    width: 40px;
}


table.dt_awardDate {
    width: 50%; /* Decrease width for better aesthetics */
    border-collapse: collapse;
    margin: 0 auto; /* Center the table */
}

table.dt_awardDate th, table.dt_awardDate td {
    border: 1px solid #000; /* Set the cell borders to black */
    padding: 8px;
    text-align: center;
}

table.dt_awardDate th {
    background-color: #D7E4BD;
    font-weight: bold; /* Bold font for headers */
}

table.dt_awardDate td {
    background-color: #F2F5E4; /* Lighter color for cells to differentiate from headers */
}

.table-title {
    text-align: center;
    margin-bottom: 20px; /* Spacing below the title */
}

#waitIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
}

#toolbar {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 10px; 
}

.toolbar-group {
    display: flex; 
    align-items: center;
}

#toolbar .left-group {
    padding-top: 10px;
}


#toolbar .center-group {
    justify-content: center; 
    flex-grow: 1; 
}


#toolbar button, #toolbar img {
    margin: 0 5px; 
}

.hidden {
    display: none !important;
}

.show {
    display: block !important; 
}

.pt-10{
    padding-top: 10px !important;
}

.pt-2{
    padding-top: 2px !important;
}

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

.ml-15{
    margin-left: 15px !important;
}

#dialog-form-issues-unbriefed #toolbar .center-group {
    padding-top: 10px;
    justify-content: center; 
    flex-grow: 1; 
}

#dialog-form-issues-unbriefed #toolbar .right-group {
    padding-top: 10px;
}

#dialog-form-issues-unbriefed #toolbar button, #toolbar img {
    margin: 0 5px; 
}

#dialog-form-issues-unbriefed .hidden {
    display: none !important;
}

#dialog-form-issues-unbriefed .show {
    display: block !important; 
}


.DTE_Body {
    z-index: 1250 !important;
}

.DTED_Lightbox_Wrapper {
    z-index: 1250 !important;
}

.DTED_Lightbox_Container {
    z-index: 1250 !important;
}

.DTE_Body_Content {
    z-index: 1250 !important;
}

.DTED_Lightbox_Wrapper,
.DTED_Lightbox_Container {
    z-index: 1250 !important;
}

/* Define CSS styles for the table */
table.Award_table {
width: 100%;
border-collapse: collapse;
}

table.Award_table  th, table.Award_table  td {
border: 2px solid #000; /* Set the cell borders to bold black */
padding: 8px;
text-align: center;
}

table.Award_table  th.item {
width: 15%;
}

table.Award_table  th.award-date {
text-align: center; /* Center the text within the "Triggered Award Change" cell */
}

table.Award_table  th.notes {
width: 15%;
}

table.Award_table  th.guidelines,  table.Award_table  td.guidelines {
background-color: #C6D9F1; /* Light Blue */
}

.guidelines-values {
background-color: #C6D9F1; /* Light Blue */
}

table.Award_table  th.claimed, table.Award_table  td.claimed {
background-color: #E6B9B8; /* Light Red */
}

table.Award_table  th.recommended, table.Award_table  td.recommended {
background-color: #D7E4BD; /* Light Green */
}

table.Award_table  th.claimed-subheading {
background-color: #E6B9B8; /* Light Red */
}

table.Award_table  th.recommended-subheading {
background-color: #D7E4BD; /* Light Green */
}

table.Award_table  th.holdback, table.Award_table  td.holdback {
background-color: #FFC000; /* Gold color for Holdback */
}

.table-title {
text-align: center; /* Center the text within the title */
}

.Award_table {
        width: 25%; /* Decrease width for better aesthetics */
        border-collapse: collapse;
        float: right; /* Center the table */
}

table.Award_table  th, table.Award_table  td {
    border: 1px solid #000; /* Set the cell borders to black */
    padding: 8px;
    text-align: center;
}

table.Award_table  th {
    background-color: #D7E4BD;
    font-weight: bold; /* Bold font for headers */
}
 .td_award {
    background-color: #D7E4BD; /* Lighter color for cells to differentiate from headers */
}

.table-title {
    text-align: center;
    margin-bottom: 20px; /* Spacing below the title */
}

#waitIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
}

caption {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.ff-monospace{
    font-family:monospace;
}

.fwb{
    font-weight: bold !important;
}

.w-20{
    width: 20px;
    padding: 0;
    text-align: center;
}

.h-20{
    height: 20px;
}

.w-h-100{
    width: 100%; height: 100%;
}
.p-5{
    padding: 5px !important;
}

.hbTop{
    margin-right: -10px !important;
}

.AOBs-div{
    border-style: outset; padding-left: 4px; padding-right: 4px;
}

.justify-content-se{
    justify-content: space-evenly;
}

.justify-content-center{
    justify-content: center;
}


.justify-content-start{
    justify-content: start !important;
}

.gap{
    gap: 10px;
}

.w-160{
    width: 160px;
}

.w-85{
    width: 85px;
}

.w-150{
    width: 150px;
}

.no-l-p {
    padding-left: 0;
}
.no-r-p {
    padding-right: 0;
}

.dateField {
    width: auto;
    padding: 0;
    height: 25px;
}
.mr-4 {
    margin-right: 4px;
}


.mr-4 {
    margin-right: 4px;
}

.img-up{
    margin-top: 0;
}

#window_panel .module_head.case_title_box button, #window_panel .case_title_box select{
    margin-top: 10px !important;
}

.module_head.case_title_box button, .case_title_box select {
    margin-top: 0;
    display: inline-block;
    height: 20px;
    font-size: 13px;
    padding: 2px 6px !important;
}

.module_head.case_title_box span{
    vertical-align: top;
    margin-top: 10px !important;
    display: inline-block;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
}

#window_panel  button#reportButton{
    margin-top: 0 !important;
}
#window_panel #module_head button{
     margin-top: 0 !important;
}

.datatable_title{

}
.case_title_box input{
    height: 24px;
    font-size: 12px; 
}

.module_head.case_title_box>span>button{
    margin-top: 0 !important;
}

.panelWindowBox.panelWindow .link_label p{
   color: blue;
    text-align: right;
    margin-right: 4px;
    border-bottom: blue 2px solid;
    display: inline-block;
    float: right;
    padding: 0;
    line-height: 10px;
    vertical-align: top;
    font-size: 12px;
    margin-top: 8px;
}

.calnder_fields .col-md-5{
    float: right;
}

.right_input {
    float: right;
}

.panelWindowBox.panelWindow p, .panelWindowBox.panelWindow label{
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.bs-example{
    border-top: 0;
}
.panel-nav .nav{
    border: #ccc 1px solid;
    border-bottom: 0;
    height: 24px;
    margin: 0 0 -8px 0;
    padding: 0;
    display: inline-block;
    position: relative;
    /*z-index: 11;*/
    bottom: 0px;
    background: white;
}

.panel-nav .nav>li>a {
    position: relative;
    display: block;
    padding: 3px 8px;
    color: #000 !important;
    font-size: 12px;
    font-weight: bold;
    border-right: #ccc 1px solid !important;
    border-radius: 0 !important;
}

.panel-nav .tab-content{
    border:#ccc 1px solid;
}

.panel-nav .nav-tabs>li{
    background: linear-gradient(359deg, #c9cbcb, #fff);
}



.top-header span, .top-header button, .top-header select{
    vertical-align: top;/*
    margin-top: 10px !important;*/
    display: inline-block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}

.top-header button, .top-header select{
    background-color: #eee;
    border: #ccc 1px solid;
}

.top-header input{
    vertical-align: top;
/*      margin-top: 10px !important;*/
    display: inline-block;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    background-color: #eee;
    border: #ccc 1px solid;
}

.top-header{
    margin: 0 0 26px 0;
}
div.DTE div.DTE_Body{
    position: relative;
}
.bs-example{
    border-top: 0;
}
.nav-container.nav{
    border: #ccc 1px solid;
    border-bottom: 0;
    height: 24px;
    margin: 0 0 -8px 0;
    padding: 0;
    display: inline-block;
    position: relative;
/*      z-index: 11;*/
    bottom: 0px;
    background: white;
}
.nav-container{
    margin:7px;
}

.nav-container .nav>li>a {
    position: relative;
    display: block;
    padding: 1px 8px;
    color: #000 !important;
    font-size: 13px;
    font-weight: bold;
    border-right: #ccc 1px solid !important;
    border-radius: 0 !important;
}

.nav-container .tab-content{
    border:#ccc 1px solid;
}

.nav-tabs>li{
    background: linear-gradient(359deg, #c9cbcb, #fff);
}

.tabs-container1 .nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 3px 8px;
    color: #000 !important; 
    font-size: 12px;
    font-weight: bold;
    border: #ccc 1px solid !important;
    border-radius: 0 !important;
    background: linear-gradient(359deg, #c9cbcb, #fff);
}

/* Style for active (clicked) tab */
.tabs-container1 .nav-tabs > li.active > a,
.tabs-container1 .nav-tabs > li.active > a:hover,
.tabs-container1 .nav-tabs > li.active > a:focus {
    background-color: transparent !important; 
    color: #000 !important;

}

/* Style for the tab content container */
.tabs-container1 .tab-content {
    border: #ccc 1px solid;
    padding: 20px;
}

#casePickerContainer {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px; /* This sets an even spacing between all child elements */
}

 #plus_button_edit {
    background-color: #F5F9F6;
    color: black;
    border: 1px solid black;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    border-radius: 0.25rem;
    font-size: 1.0rem;
    line-height: 1;
    height: 20px;
    width: 20px;
    text-align: center;
}

.pb-6{
    padding-bottom: 6px;
}

.max-w-20{
    max-width: 20px;
}

/* Define CSS styles for the table */
    .claimsContainer table {
        width: 100%;
        border-collapse: collapse;
    }

    .claimsContainer th, .claimsContainer td {
        border: 2px solid #000; /* Set the cell borders to bold black */
        padding: 8px;
        text-align: center;
    }

    .claimsContainer th.item {
        width: 15%;
    }

    .claimsContainer th.award-date {
        text-align: center; /* Center the text within the "Triggered Award Change" cell */
    }

    .claimsContainer th.notes {
        width: 15%;
    }

    .claimsContainerth.guidelines, .claimsContainer td.guidelines {
    background-color: #C6D9F1; /* Light Blue */
    }

    .claimsContainer .guidelines-values {
    background-color: #C6D9F1; /* Light Blue */
    }

    .claimsContainer th.claimed, .claimsContainer td.claimed {
    background-color: #E6B9B8; /* Light Red */
    }

    .claimsContainer th.recommended, .claimsContainer td.recommended {
    background-color: #D7E4BD; /* Light Green */
    }

    .claimsContainer th.claimed-subheading {
    background-color: #E6B9B8; /* Light Red */
    }

    .claimsContainer th.recommended-subheading {
    background-color: #D7E4BD; /* Light Green */
    }

    .claimsContainer th.holdback, .claimsContainer td.holdback {
    background-color: #FFC000; /* Gold color for Holdback */
    }

    .claimsContainer .table-title {
    text-align: center; /* Center the text within the title */
    }

    .claimsContainer .Award_table {
        width: 25%; /* Decrease width for better aesthetics */
        border-collapse: collapse;
        margin: 50px;
        float: right; /* Center the table */
    }

    .claimsContainer th, .claimsContainer td {
        border: 1px solid #000; /* Set the cell borders to black */
        padding: 8px;
        text-align: center;
    }

    .claimsContainer th {
        background-color: #D7E4BD;
        font-weight: bold; /* Bold font for headers */
    }

    .claimsContainer .td_award {
        background-color: #D7E4BD; /* Lighter color for cells to differentiate from headers */
    }

    .claimsContainer .table-title {
        text-align: center;
        margin-bottom: 20px; /* Spacing below the title */
    }
    
    .claimsContainer #waitIcon {
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    .claimsContainer caption {
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
    }

#window_cases .modalman-content{
padding-left: 0;
}


.cases-related-dropdown select{
    background: #72b877 !important;
    height:20px;
}

#relatedCases option {
    white-space: normal !important;
    height: auto;
    min-height: 2em;
    background: white !important;
}

#modal-evaluations .evaluations table td {
    padding: 5px 5px !important;
    background: transparent;
}

#modal-evaluations .evaluations table thead,
#modal-evaluations .evaluations table thead th {
    background-color: #fff;
}

#modal-evaluations .evaluations table tr td input,
#modal-evaluations .evaluations table tr td button {
    border: 0;
    margin: 0 5px;
    display: block;
    width: 100%;
    height: 20px;
}

.window_adjustsize{
    min-height: 200px !important;
    max-height: 400px;
    max-width: 400px;
}
#value-display {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px;
    border-radius: 5px;
    display: none;
}
.window_adjustsize .modalman-content{
    display: flex; /* or use display: grid; */
    justify-content: center; /* For horizontal centering */
    align-items: center;
}

div.DTE div.DTE_Footer, 
div.DTED_Lightbox_Wrapper .DTED_Lightbox_Close{
    z-index: 1260 !important;
}


ul.sub-nav{
    z-index: 1300;
}

div.modalman{
    width: 88vw;
    height: 93vh;
}

.datepickerContainer .datepicker-img{
    background: url(../images/cal.png) no-repeat right top;
    height: 16px;
    width: 20px;
    display: inline-block;
}
#modal_case_appointment_dates .dateField {
    width: 98px;
    padding: 0px 5px;;
}

#modal_case_appointment_dates .form-control,
#modal_case_appointment_dates .btn{
    height: 20px;
    font-size: 12px;
    font-weight: bold;
}

#modal_case_appointment_dates p {
    margin-bottom: 0;
    font-size: 12px;
}

#modal_case_appointment_dates select {
    width: 98px !important;
    min-width: 98px !important;
}

.cursor-pointer{
    cursor: pointer !important;
}

#modal_case_appointment_dates .mb-1{
	margin-bottom: 10px;
}

#modal_case_appointment_dates .pr-1{
	padding-right: 31px;
}

#window1::before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}

.mr-120{
    margin-right:120px !important;
}

.d-inline-block-imp{
    display: inline-block !important;
}

.emptyBOx{
    background-color: #000;
    height: 30px;
    color: #ffff;
	white-space: nowrap;
	padding-left: 0.3em;
}

.tab-body-h {
    height: auto; 
    min-height: 380px; 
    overflow-y: auto; 
    margin-bottom: 20px; 
}

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

table.border-0 tr td, table.border-0 tr th{
    border: 0 !important;
}

.upperTable{
    margin-bottom: -3px;
}

.updateTableFieldsForm{
    /* margin: 0 -10px 0 0; */
    display: flex;
    /* justify-content: center; */
}

.updateTableFieldsForm input{
    /* margin: 0 -10px 0 0; */
}

.visible-h{
    visibility: hidden !important;
}


.window_timeExpenseFooter {
    background-color: #d9e2f9;
    margin-top: 5px;
    padding: 0 0 5px 0;
    position: sticky;
    bottom: 0;
}

.window_timeExpenseFooter input{
    border: #ccc 1px solid;
    height: 27px;
}

.fs-10{
    font-size: 10px !important;
}

.updateTableFieldsForm{
    table-layout: fixed;
}

.w-124{
    width: 124px;
    text-align: center;
}

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

/* #window_cases.decreasing p, #window_cases.decreasing span, #window_cases.decreasing label{
    font-size: 1 !important;
} */



.modalDecreasing-9 #window_cases .w-230{
    width: 200px !important;
}

/* ***************** */
.modalDecreasing-85 #window_cases .cases-window .mr-4{
    margin-right: 0px !important;
}

.modalDecreasing-85 #window_cases .w-230{
    width: 180px !important;
}

.modalDecreasing-85 #window_cases .w-200{
    width: 175px !important;
}

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

.modalDecreasing-8  #window_cases .w-230,
.modalDecreasing-8  #window_cases .w-200{
    width: 100px !important;
}

.modalDecreasing-8 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-8 .module_head.case_title_box button,
.modalDecreasing-8 .case_title_box select{
    min-width: 100px !important;
    max-width: 100px !important;
}

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

.modalDecreasing-75  #window_cases .w-230,
.modalDecreasing-75  #window_cases .w-200{
    width: 100px !important;
}

.modalDecreasing-75 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-75 .module_head.case_title_box button,
.modalDecreasing-75 .case_title_box select{
    min-width: 100px !important;
    max-width: 100px !important;
}

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

.modalDecreasing-75  #window_cases .w-230,
.modalDecreasing-75  #window_cases .w-200{
    width: 100px !important;
}

.modalDecreasing-75 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-75 .module_head.case_title_box button,
.modalDecreasing-75 .case_title_box select{
    min-width: 100px !important;
    max-width: 100px !important;
}

.modalDecreasing-75 .min-w-162{
    min-width: 55px !important;
}

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

.modalDecreasing-7  #window_cases .w-230,
.modalDecreasing-7  #window_cases .w-200{
    width: 90px !important;
}

.modalDecreasing-7 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-7 .module_head.case_title_box button,
.modalDecreasing-7 .case_title_box select{
    min-width: 90px !important;
    max-width: 90px !important;
}

.modalDecreasing-7 .min-w-162{
    min-width: 55px !important;
}

.modalDecreasing-7 .w-162 {
    width: 100px !important;
}

.modalDecreasing-7 .modalman-content{
    padding-left: 10px !important;
}

.modalDecreasing-7 .client-id-container #clients{
    max-width: 170px !important;
}


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

.modalDecreasing-65  #window_cases .w-230,
.modalDecreasing-65  #window_cases .w-200{
    width: 70px !important;
}

.modalDecreasing-65 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-65 .module_head.case_title_box button,
.modalDecreasing-65 .case_title_box select{
    min-width: 70px !important;
    max-width: 70px !important;
}

.modalDecreasing-65 .min-w-162{
    min-width: 55px !important;
}

.modalDecreasing-65 .w-162 {
    width: 80px !important;
}

.modalDecreasing-65 .modalman-content{
    padding-left: 10px !important;
}

.modalDecreasing-65 .client-id-container #clients{
    max-width: 140px !important;
}

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

.modalDecreasing-6  #window_cases .w-230,
.modalDecreasing-6  #window_cases .w-200{
    width: 60px !important;
}

.modalDecreasing-6 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-6 .module_head.case_title_box button,
.modalDecreasing-6 .case_title_box select{
    min-width: 60px !important;
    max-width: 60px !important;
}

.modalDecreasing-6 .min-w-162{
    min-width: 55px !important;
}

.modalDecreasing-6 .w-162 {
    width: 60px !important;
}

.modalDecreasing-6 .modalman-content{
    padding-left: 10px !important;
}

.modalDecreasing-6 .client-id-container #clients{
    max-width: 120px !important;
}

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

.modalDecreasing-55  #window_cases .w-230,
.modalDecreasing-55  #window_cases .w-200{
    width: 50px !important;
}

.modalDecreasing-55 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-55 .module_head.case_title_box button,
.modalDecreasing-55 .case_title_box select{
    min-width: 50px !important;
    max-width: 50px !important;
}

.modalDecreasing-55 .min-w-162{
    min-width: 50px !important;
}

.modalDecreasing-55 .w-162 {
    width: 50px !important;
}

.modalDecreasing-55 .modalman-content{
    padding-left: 10px !important;
}

.modalDecreasing-55 .client-id-container #clients{
    max-width: 80px !important;
}

.modalDecreasing-55 .cases-upper-area,
.modalDecreasing-55 .client-id-container{
    padding: 0 0 !important;
}

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


/* ********************* */
/* ********************* */
.modalDecreasing-95 .modalman{
    transform: scale(98%);
}

.modalDecreasing-9 .modalman{
    transform: scale(96%);
}

.modalDecreasing-85 .modalman{
    transform: scale(94%);
}

.modalDecreasing-8 .modalman{
    transform: scale(92%);
}

.modalDecreasing-75 .modalman{
    transform: scale(90%);
}

.modalDecreasing-7 .modalman{
    transform: scale(88%);
}

.modalDecreasing-65 .modalman{
    transform: scale(86%);
}

.modalDecreasing-6 .modalman{
    transform: scale(84%);
}

.modalDecreasing-55 .modalman{
    transform: scale(82%);
}

.modalDecreasing-5 .modalman{
    transform: scale(80%);
}
/* *************modalDecreasing-5*********************** */


.modalDecreasing-5  #window_cases .w-230,
.modalDecreasing-5  #window_cases .w-200{
    width: 40px !important;
}

.modalDecreasing-5 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-5 .module_head.case_title_box button,
.modalDecreasing-5 .case_title_box select{
    min-width: 40px !important;
    max-width: 40px !important;
}

.modalDecreasing-5 .min-w-162{
    min-width: 40px !important;
}

.modalDecreasing-5 .w-162 {
    width: 40px !important;
}

.modalDecreasing-5 .modalman-content{
    padding-left: 5px !important;
}

.modalDecreasing-5 .client-id-container #clients{
    max-width: 40px !important;
}

.modalDecreasing-5 .cases-upper-area,
.modalDecreasing-5 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-5 .cases-upper-area span,
.modalDecreasing-5 .client-id-container span,
.modalDecreasing-5 .cases-upper-area label,
.modalDecreasing-5 .client-id-container label{
    font-size: 10px;
}

.modalDecreasing-5 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-5 .modalman .w-96,
.modalDecreasing-5 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-5 .modalman #change_case{
    font-size: 8px;
    width: auto !important;
}

.modalDecreasing-5 .modalman .cases-window p{
    font-size: 8px;
}

.modalDecreasing-5 .modalman .light-icon-right{
    left: 78px;
}

.modalDecreasing-5 .cases-window span, .modalDecreasing-5 .cases-window label, .modalDecreasing-5 .cases-window select {
    font-size: 8px;
}

.modalDecreasing-5 .modalman #trialDays{
    width: 17px;
}

.modalDecreasing-5 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-5 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-5 .modalman .w-90.appt-dtIsuLetter {
    width: 35px !important;
}

.modalDecreasing-5 .modalman .w-90.appt-dtTransSent {
    width: 35px !important;
}

.modalDecreasing-5 .modalman #moreDates{
    padding: 0 !important;
    font-size: 8px;
}

.modalDecreasing-5 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-5 .modalman .cases-window .transcript th,
.modalDecreasing-5 .modalman .cases-window .transcript td{
    font-size: 8px;
}

.modalDecreasing-5 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-5 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-5 .modalman .staffAttorney .col-md-6:nth-child(1){
    width: 34%;
}
.modalDecreasing-5 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
    width: 64%;
}
.modalDecreasing-5 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-5 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 8px;
}

.modalDecreasing-5 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-5 .modalman .cases-window .transcript {
    font-size: 7px;
    padding: 0 6px !important;
}

.modalDecreasing-5 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 8px;
}

.modalDecreasing-5 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-5 .modalman .cases-window .form-control, .modalDecreasing-5 .modalman .cases-window .btn{
    font-size: 8px;
}

.modalDecreasing-5 .modalman .sentLetterRow .w-90{
    width: 40px !important;
}
.modalDecreasing-5 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-5 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-5 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-5 .modalman .border-div .w-90{
    width: 50px !important;
}


/* *************modalDecreasing-55*********************** */


.modalDecreasing-55  #window_cases .w-230,
.modalDecreasing-55  #window_cases .w-200{
    width: 60px !important;
}

.modalDecreasing-55 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-55 .module_head.case_title_box button,
.modalDecreasing-55 .case_title_box select{
    min-width: 60px !important;
    max-width: 60px !important;
}

.modalDecreasing-55 .min-w-162{
    min-width: 60px !important;
}

.modalDecreasing-55 .w-162 {
    width: 60px !important;
}

.modalDecreasing-55 .modalman-content{
    padding-left: 5px !important;
}

.modalDecreasing-55 .client-id-container #clients{
    max-width: 60px !important;
}

.modalDecreasing-55 .cases-upper-area,
.modalDecreasing-55 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-55 .cases-upper-area span,
.modalDecreasing-55 .client-id-container span,
.modalDecreasing-55 .cases-upper-area label,
.modalDecreasing-55 .client-id-container label{
    font-size: 9px;
}

.modalDecreasing-55 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-55 .modalman .w-96,
.modalDecreasing-55 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-55 .modalman #change_case{
    font-size: 9px;
    width: auto !important;
}

.modalDecreasing-55 .modalman .cases-window p{
    font-size: 9px;
}

.modalDecreasing-55 .modalman .light-icon-right{
    left: 88px;
}

.modalDecreasing-55 .cases-window span, .modalDecreasing-5 .cases-window label, .modalDecreasing-5 .cases-window select {
    font-size: 9px;
}

.modalDecreasing-55 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-55 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-55 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-55 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-55 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-55 .modalman #moreDates{
    padding: 0 !important;
    font-size: 9px;
}

.modalDecreasing-55 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-55 .modalman .cases-window .transcript th,
.modalDecreasing-55 .modalman .cases-window .transcript td{
    font-size: 9px;
}

.modalDecreasing-55 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-55 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-55 .modalman .staffAttorney .col-md-6:nth-child(1){
    width: 34%;
}
.modalDecreasing-55 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
    width: 64%;
}
.modalDecreasing-55 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-55 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 9px;
}

.modalDecreasing-55 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-55 .modalman .cases-window .transcript {
    font-size: 9px;
    padding: 0 6px !important;
}

.modalDecreasing-55 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 9px;
}

.modalDecreasing-55 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-55 .modalman .cases-window .form-control, .modalDecreasing-55 .modalman .cases-window .btn{
    font-size: 9px;
}

.modalDecreasing-55 .modalman .sentLetterRow .w-90{
    width: 40px !important;
}
.modalDecreasing-55 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-55 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-55 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-55 .modalman .border-div .w-90{
    width: 50px !important;
}

/* *************modalDecreasing-6*********************** */


.modalDecreasing-6  #window_cases .w-230,
.modalDecreasing-6  #window_cases .w-200{
    width: 70px !important;
}

.modalDecreasing-6 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-6 .module_head.case_title_box button,
.modalDecreasing-6 .case_title_box select{
    min-width: 70px !important;
    max-width: 70px !important;
}

.modalDecreasing-6 .min-w-162{
    min-width: 70px !important;
}

.modalDecreasing-6 .w-162 {
    width: 70px !important;
}

.modalDecreasing-6 .modalman-content{
    padding-left: 5px !important;
}

.modalDecreasing-6 .client-id-container #clients{
    max-width: 70px !important;
}

.modalDecreasing-6 .cases-upper-area,
.modalDecreasing-6 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-6 .cases-upper-area span,
.modalDecreasing-6 .client-id-container span,
.modalDecreasing-6 .cases-upper-area label,
.modalDecreasing-6 .client-id-container label{
    font-size: 10px;
}

.modalDecreasing-6 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-6 .modalman .w-96,
.modalDecreasing-6 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-6 .modalman #change_case{
    font-size: 10px;
    width: auto !important;
}

.modalDecreasing-6 .modalman .cases-window p{
    font-size: 10px;
}

.modalDecreasing-6 .modalman .light-icon-right{
    left: 98px;
}

.modalDecreasing-6 .cases-window span, .modalDecreasing-5 .cases-window label, .modalDecreasing-5 .cases-window select {
    font-size: 10px;
}

.modalDecreasing-6 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-6 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-6 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-6 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-6 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-6 .modalman #moreDates{
    padding: 0 !important;
    font-size: 10px;
}

.modalDecreasing-6 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-6 .modalman .cases-window .transcript th,
.modalDecreasing-6 .modalman .cases-window .transcript td{
    font-size: 10px;
}

.modalDecreasing-6 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-6 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-6 .modalman .staffAttorney .col-md-6:nth-child(1){
    width: 34%;
}
.modalDecreasing-6 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
    width: 64%;
}
.modalDecreasing-6 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-6 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 10px;
}

.modalDecreasing-6 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-6 .modalman .cases-window .transcript {
    font-size: 10px;
    padding: 0 6px !important;
}

.modalDecreasing-6 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 10px;
}

.modalDecreasing-6 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-6 .modalman .cases-window .form-control, .modalDecreasing-55 .modalman .cases-window .btn{
    font-size: 10px;
}

.modalDecreasing-6 .modalman .sentLetterRow .w-90{
    width: 40px !important;
}
.modalDecreasing-6 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-6 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-6 .modalman .border-div .closed-span{
    display: block;
    width: 45%;
}

.modalDecreasing-6 .modalman .border-div .w-90{
    width: 50px !important;
}


/* *************modalDecreasing-65*********************** */


.modalDecreasing-65  #window_cases .w-230,
.modalDecreasing-65  #window_cases .w-200{
    width: 80px !important;
}

.modalDecreasing-65 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-65 #window3 .row>.col-md-4{
    padding-left: 3px;
}

.modalDecreasing-65 .module_head.case_title_box button,
.modalDecreasing-65 .case_title_box select{
    min-width: 80px !important;
    max-width: 80px !important;
}

.modalDecreasing-65 .min-w-162{
    min-width: 80px !important;
}

.modalDecreasing-65 .w-162 {
    width: 70px !important;
}

.modalDecreasing-65 .modalman-content{
    padding-left: 5px !important;
}

.modalDecreasing-65 .client-id-container #clients{
    max-width: 70px !important;
}

.modalDecreasing-65 .cases-upper-area,
.modalDecreasing-65 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-65 .cases-upper-area span,
.modalDecreasing-65 .client-id-container span,
.modalDecreasing-65 .cases-upper-area label,
.modalDecreasing-65 .client-id-container label{
    font-size: 11px;
}

.modalDecreasing-65 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-65 .modalman .w-96,
.modalDecreasing-65 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-65 .modalman #change_case{
    font-size: 11px;
    width: auto !important;
}

.modalDecreasing-65 .modalman .cases-window p{
    font-size: 11px;
}


.modalDecreasing-65 .cases-window span, .modalDecreasing-5 .cases-window label, .modalDecreasing-5 .cases-window select {
    font-size: 10px;
}

.modalDecreasing-65 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-65 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-65 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-65 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-65 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-65 .modalman #moreDates{
    padding: 0 !important;
    font-size: 11px;
}

.modalDecreasing-65 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-65 .modalman .cases-window .transcript th,
.modalDecreasing-65 .modalman .cases-window .transcript td{
    font-size: 11px;
}

.modalDecreasing-65 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-65 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-65 .modalman .staffAttorney .col-md-6:nth-child(1){
    width: 34%;
}
.modalDecreasing-65 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
    width: 64%;
}
.modalDecreasing-65 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-65 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 11px;
}

.modalDecreasing-65 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-65 .modalman .cases-window .transcript {
    font-size: 11px;
    padding: 0 6px !important;
}

.modalDecreasing-65 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 11px;
}

.modalDecreasing-65 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-65 .modalman .cases-window .form-control, .modalDecreasing-55 .modalman .cases-window .btn{
    font-size: 11px;
}

.modalDecreasing-65 .modalman .sentLetterRow .w-90{
    width: 50px !important;
}
.modalDecreasing-65 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-65 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-65 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-65 .modalman .border-div .w-90{
    width: 60px !important;
}


/* *************modalDecreasing-7*********************** */


.modalDecreasing-7  #window_cases .w-230,
.modalDecreasing-7  #window_cases .w-200{
    width: 80px !important;
}

.modalDecreasing-7 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-7 #window3 .row>.col-md-4{
    padding-left: 3px;
}

.modalDecreasing-7 .module_head.case_title_box button,
.modalDecreasing-7 .case_title_box select{
    min-width: 80px !important;
    max-width: 80px !important;
}

.modalDecreasing-7 .min-w-162{
    min-width: 80px !important;
}

.modalDecreasing-7 .w-162 {
    width: 70px !important;
}

.modalDecreasing-7 .modalman-content{
    padding-left: 5px !important;
}

.modalDecreasing-7 .client-id-container #clients{
    max-width: 70px !important;
}

.modalDecreasing-7 .cases-upper-area,
.modalDecreasing-7 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-7 .cases-upper-area span,
.modalDecreasing-7 .client-id-container span,
.modalDecreasing-7 .cases-upper-area label,
.modalDecreasing-7 .client-id-container label{
    font-size: 11px;
}

.modalDecreasing-7 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-7 .modalman .w-96,
.modalDecreasing-7 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-7 .modalman #change_case{
    font-size: 11px;
    width: auto !important;
}

.modalDecreasing-7 .modalman .cases-window p{
    font-size: 11px;
}


.modalDecreasing-7 .cases-window span, .modalDecreasing-5 .cases-window label, .modalDecreasing-5 .cases-window select {
    font-size: 10px;
}

.modalDecreasing-7 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-7 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-7 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-7 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-7 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-7 .modalman #moreDates{
    padding: 0 !important;
    font-size: 11px;
}

.modalDecreasing-7 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-7 .modalman .cases-window .transcript th,
.modalDecreasing-7 .modalman .cases-window .transcript td{
    font-size: 11px;
}

.modalDecreasing-7 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-7 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-7 .modalman .staffAttorney .col-md-6:nth-child(1){
    width: 34%;
}
.modalDecreasing-7 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
    width: 64%;
}
.modalDecreasing-7 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-7 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 11px;
}

.modalDecreasing-7 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-7 .modalman .cases-window .transcript {
    font-size: 11px;
    padding: 0 6px !important;
}

.modalDecreasing-7 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 11px;
}

.modalDecreasing-7 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-7 .modalman .cases-window .form-control, .modalDecreasing-7 .modalman .cases-window .btn{
    font-size: 11px;
}

.modalDecreasing-7 .modalman .light-icon-right{
    left: 119px;
}

.modalDecreasing-7 .modalman .sentLetterRow .w-90{
    width: 50px !important;
}
.modalDecreasing-7 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-7 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-7 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-7 .modalman .border-div .w-90{
    width: 60px !important;
}


/* *************modalDecreasing-75********************** */


.modalDecreasing-75  #window_cases .w-230,
.modalDecreasing-75  #window_cases .w-200{
    width: 80px !important;
}

.modalDecreasing-75 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-75 #window3 .row>.col-md-4{
    padding-left: 3px;
}


.modalDecreasing-75 .min-w-162{
    min-width: 80px !important;
}

.modalDecreasing-75 .w-162 {
    width: 70px !important;
}

.modalDecreasing-75 .modalman-content{
    padding-left: 5px !important;
}


.modalDecreasing-75.cases-upper-area,
.modalDecreasing-75 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-75 .cases-upper-area span,
.modalDecreasing-75 .client-id-container span,
.modalDecreasing-75 .cases-upper-area label,
.modalDecreasing-75 .client-id-container label{
    font-size: 11px;
}

.modalDecreasing-75 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-75 .modalman .w-96,
.modalDecreasing-75 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-75 .modalman #change_case{
    font-size: 11px;
    width: auto !important;
}

.modalDecreasing-75 .modalman .cases-window p{
    font-size: 11px;
}


.modalDecreasing-75 .cases-window span, .modalDecreasing-75 .cases-window label, .modalDecreasing-75 .cases-window select {
    font-size: 11px;
}

.modalDecreasing-75 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-75 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-75 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-75 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-75 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-75 .modalman #moreDates{
    padding: 0 !important;
    font-size: 11px;
}

.modalDecreasing-75 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-75 .modalman .cases-window .transcript th,
.modalDecreasing-75 .modalman .cases-window .transcript td{
    font-size: 11px;
}

.modalDecreasing-75 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-75 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-75 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
}
.modalDecreasing-75 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-75 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 11px;
}

.modalDecreasing-75 .modalman .staffAttorney .info-icon {
    height: 9px;
    width: 10px;
    cursor: pointer;
}

.modalDecreasing-75 .modalman .cases-window .transcript {
    font-size: 11px;
    padding: 0 6px !important;
}

.modalDecreasing-75 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 11px;
}

.modalDecreasing-75 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-75 .modalman .cases-window .form-control, .modalDecreasing-75 .modalman .cases-window .btn{
    font-size: 11px;
}

.modalDecreasing-75 .modalman .light-icon-right{
    left: 128px;
}
.modalDecreasing-75 .modalman .cases-window #dtFileLocation {
    width: 60px !important;
}

.modalDecreasing-75 .modalman .cases-window #tiLocation{
    width: 16px !important;
}

.modalDecreasing-75 .modalman .sentLetterRow .w-90{
    width: 50px !important;
}
.modalDecreasing-75 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-75 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-75 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-75 .modalman .border-div .w-90{
    width: 60px !important;
}


/* *************modalDecreasing-8********************** */


.modalDecreasing-8  #window_cases .w-230,
.modalDecreasing-8  #window_cases .w-200{
    width: 80px !important;
}

.modalDecreasing-8 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-8 #window3 .row>.col-md-4{
    padding-left: 3px;
}


.modalDecreasing-8 .min-w-162{
    min-width: 80px !important;
}

.modalDecreasing-8 .w-162 {
    width: 70px !important;
}

.modalDecreasing-8 .modalman-content{
    padding-left: 5px !important;
}


.modalDecreasing-8 .cases-upper-area,
.modalDecreasing-8 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-8 .cases-upper-area span,
.modalDecreasing-8 .client-id-container span,
.modalDecreasing-8 .cases-upper-area label,
.modalDecreasing-8 .client-id-container label{
    font-size: 12px;
}

.modalDecreasing-8 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-8 .modalman .w-96,
.modalDecreasing-8 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-8 .modalman #change_case{
    font-size: 12px;
    width: auto !important;
}

.modalDecreasing-8 .modalman .cases-window p{
    font-size: 12px;
}


.modalDecreasing-8 .cases-window span, .modalDecreasing-8 .cases-window label, .modalDecreasing-8 .cases-window select {
    font-size: 12px;
}

.modalDecreasing-8 .modalman .light-icon-right{
    left: 128px;
}
.modalDecreasing-8 .modalman .cases-window #dtFileLocation {
    width: 60px !important;
}

.modalDecreasing-8 .modalman .cases-window #tiLocation{
    width: 16px !important;
}

.modalDecreasing-8 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-8 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-8 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-8 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-8 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-8 .modalman #moreDates{
    padding: 0 !important;
    font-size: 12px;
}

.modalDecreasing-8 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-8 .modalman .cases-window .transcript th,
.modalDecreasing-8 .modalman .cases-window .transcript td{
    font-size: 12px;
}

.modalDecreasing-8 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-8 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-8 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
}
.modalDecreasing-8 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-8 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 12px;
}

.modalDecreasing-8 .modalman .cases-window .transcript {
    font-size: 12px;
    padding: 0 6px !important;
}

.modalDecreasing-8 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 12px;
}

.modalDecreasing-8 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-8 .modalman .cases-window .form-control, .modalDecreasing-7 .modalman .cases-window .btn{
    font-size: 12px;
}

.modalDecreasing-8 .modalman .light-icon-right{
    left: 137px;
}

.modalDecreasing-8 .modalman .sentLetterRow .w-90{
    width: 50px !important;
}
.modalDecreasing-8 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-8 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-8 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-8 .modalman .border-div .w-90{
    width: 60px !important;
}


/* *************modalDecreasing-78********************** */


.modalDecreasing-85  #window_cases .w-230,
.modalDecreasing-85  #window_cases .w-200{
    width: 80px !important;
}

.modalDecreasing-85 .cases-window .mr-4{
    margin-right: 0 !important;
}

.modalDecreasing-85 #window3 .row>.col-md-4{
    padding-left: 3px;
}


.modalDecreasing-85 .min-w-162{
    min-width: 80px !important;
}

.modalDecreasing-85 .w-162 {
    width: 70px !important;
}

.modalDecreasing-85 .modalman-content{
    padding-left: 5px !important;
}


.modalDecreasing-85 .cases-upper-area,
.modalDecreasing-85 .client-id-container{
    padding: 0 0 !important;
}

.modalDecreasing-85 .cases-upper-area span,
.modalDecreasing-85 .client-id-container span,
.modalDecreasing-85 .cases-upper-area label,
.modalDecreasing-85 .client-id-container label{
    font-size: 12px;
}

.modalDecreasing-85 .modalman #window1{
    padding-left: 5px !important;
}

.modalDecreasing-85 .modalman .w-96,
.modalDecreasing-85 .modalman .dateField {
    width: 100% !important;
}

.modalDecreasing-85 .modalman #change_case{
    font-size: 12px;
    width: auto !important;
}

.modalDecreasing-85 .modalman .cases-window p{
    font-size: 12px;
}


.modalDecreasing-85 .cases-window span, .modalDecreasing-85 .cases-window label, .modalDecreasing-85 .cases-window select {
    font-size: 12px;
}

.modalDecreasing-85 .modalman .light-icon-right{
    left: 146px;
}
.modalDecreasing-85 .modalman .cases-window #dtFileLocation {
    width: 60px !important;
}

.modalDecreasing-85 .modalman .cases-window #tiLocation{
    width: 16px !important;
}

.modalDecreasing-85 .modalman #trialDays{
    width: 27px;
}

.modalDecreasing-85 .modalman #complexityType{
    width: 24px;
}

.modalDecreasing-85 .modalman #strikes{
    width: 50px;
}

.modalDecreasing-85 .modalman .w-90.appt-dtIsuLetter {
    width: 45px !important;
}

.modalDecreasing-85 .modalman .w-90.appt-dtTransSent {
    width: 45px !important;
}

.modalDecreasing-85 .modalman #moreDates{
    padding: 0 !important;
    font-size: 12px;
}

.modalDecreasing-85 .modalman .dynamic-change-date{
    width: 61px !important;
}

.modalDecreasing-85 .modalman .cases-window .transcript th,
.modalDecreasing-85 .modalman .cases-window .transcript td{
    font-size: 12px;
}

.modalDecreasing-85 .modalman #qualDecisionDT{
    width: 38px !important;
} 

.modalDecreasing-85 .modalman .w-90{
    width: 90px !important;
}

.modalDecreasing-85 .modalman .staffAttorney .col-md-6:nth-child(2){
    padding-right: 0 !important;
}
.modalDecreasing-85 .modalman .staffAttorney .col-md-6 p{
    word-wrap: break-word;
    max-width: 66px;
}

.modalDecreasing-85 .modalman .staffAttorney .w-30{
    width: 20px;
    font-size: 12px;
}

.modalDecreasing-85 .modalman .cases-window .transcript {
    font-size: 12px;
    padding: 0 6px !important;
}

.modalDecreasing-85 .modalman .cases-window .transcript tbody input {
    padding: 5px 3px;
    font-size: 12px;
}

.modalDecreasing-85 .modalman #accordion{
    margin-left: -10px;
}

.modalDecreasing-85 .modalman .cases-window .form-control, .modalDecreasing-7 .modalman .cases-window .btn{
    font-size: 12px;
}

.modalDecreasing-85 .modalman .light-icon-right{
    left: 137px;
}

.modalDecreasing-85 .modalman .sentLetterRow .w-90{
    width: 50px !important;
}
.modalDecreasing-85 .modalman .sentLetterRow{
    padding-left: 15px;
}
.modalDecreasing-8 .modalman .sentLetterRow p{
    max-width: 78%;
    white-space: normal;
}

.modalDecreasing-85 .modalman .border-div .closed-span{
    display: block;
    width: 100%;
}

.modalDecreasing-85 .modalman .border-div .w-90{
    width: 60px !important;
}

.styled-list {
    border: 1px solid #000; 
    height: 100px;
    overflow-y: auto; 
    padding: 0;
    list-style-type: none; 
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.styled-list li {
    padding: 4px;
    cursor: pointer; 
}

.styled-list li:hover {
    background-color: #f0f0f0; 
}

.styled-list li.selected {
    background-color: lightblue; 
}

.styled-list li.selected:hover {
    background-color: lightblue; 
}

.a-link {
    color: blue;
    cursor: pointer;
    text-decoration: none;
}

.a-link:hover {
    text-decoration: underline;
}

.mr-10-zero-others{
    margin: 0 10px 0 0 !important;
}

.tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/* Arrow styles for different placements */
.tooltip.top .arrow {
    bottom: 0;
    left: 50%;
    border-width: 5px 5px 0;
    border-top-color: #000;
    transform: translateX(-50%);
}
.tooltip.right .arrow {
    top: 50%;
    left: 0;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
    transform: translateY(-50%);
}
.tooltip.bottom .arrow {
    top: 0;
    left: 50%;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    transform: translateX(-50%);
}
.tooltip.left .arrow {
    top: 50%;
    right: 0;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    transform: translateY(-50%);
}

/* .ui-dialog.modal_staff_maintenance {
    z-index: 1 !important; 
} */


.border-container {
    width: 100%;
    border: 1px solid #000000;
    padding-left: 5px;
    margin-bottom: 1px;
}
.reportGroup{
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dataTable  input, .dataTable  textarea{
    background-color: #fff !important;
    color: #000 !important;
}

div.DTE_Field input:focus, div.DTE_Field textarea:focus {
    background-color: #fff !important;
    color: #000 !important;
}

.dataTable  select{
    color: #000 !important;
}

.timeOutFooter{
    background-color: #e8e9eb;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    height: 52px;
    margin: 0 -20px -20px;
    padding: 10px 20px;
}

.timeOutDiv input{
    box-shadow: none;
    padding: 5px 4px;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    width: 142px;
    height: 24px;
}

.timeout_counter{
    background: #8e0b0b;
    padding: 5px 7px;
    color: white;
    border-radius: 4px;
}

.cases_chrono_filter{
    margin: 0px 0px;
    padding: 7px 3px;
    background: #e9e9e9;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    font-weight: bold;
    font-size: 15px;
    color: #000;
}

.timeOutDiv .btn{
    color: #000 !important;
    font-size: 15px;
    width: 142px;
    height: 24px;
    padding: 0;
    line-height: 24px;
}

.timeOutDiv p, .timeout_P {
    font-size: 11px;
    font-weight: 600 !important;
    font-family: arial !important;
    color: #444;
    margin: 5px 0 0 0;
}

.timeOutDiv {
    margin: 10px 5px 0px -10px;
    width: 260px;
}


.timeOutDiv h6{
    color: #000;
    font-size: 11px;
}

.timeout_P{
        margin-top: 17px;
    margin-bottom: -13px;
}

.modal_trialCourtPersonnel #mdlTrialCourtPersonnelPlusButton {
    width: 43px;
  }

  .modal_trialCourtPersonnel .trialCourtPersonnel_container {
    margin: 0px 1px 10px 1px;
  }

  .modal_trialCourtPersonnel .input-group {
    margin-left: 35px;
  }

.disabled {
    pointer-events: none;
    color: #6D727D; /* #6e6e6e; */
    opacity: 0.9;
}

.mx-15{
    margin: 0 -15px;
}

.mx15{
    margin: 0 15px;
}

.DTED_Lightbox_Wrapper::before {
    content: '';
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #0000004f !important;
    z-index: 99 !important;
}
div.DTE_Body{
    padding: 30px 0 52px;
}

.window-claims .header-wrapper, 
.window-claims .table-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.window-claims .header-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.window-claims .header-wrapper .col-md-3, 
.window-claims .header-wrapper .col-md-6 {
    flex: 1 1 auto;
}

.window-claims .table-wrapper {
    overflow-x: auto;
}

.window-claims .header-section, 
.window-claims .table-section {
    display: table;
    width: 100%;
}

.window-claims .hidden {
    display: none;
}

.window-claims .sorting_disabled {
    display: none !important;
}

.window-claims #change_case_from_claims_load {
    display: none;
}

.window-claims #tabs {
    width: 99%; /* Adjust the pixel value as needed */
    margin: 0 auto; /* Center the div if needed */
}

.window-rfh .tab-content {
    border: none;
    padding: 5px 5px 5px 5px;
    margin:0 !important;
}

.window-claims .nav {
    background: linear-gradient(359deg, #e6e6e6, #fff);
    border: #000 1px solid;
    height: 40px;
    margin: 5px 0 0 0;
    padding: 7px 15px;
    padding-right: 0;
    width: 100%;
   display: block;
}

/* .window-claims .tooltipBubble[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 1000;
} */

.claim-button{
    padding: 2px 10px;
}
.bg-transparent{
    background-color: transparent !important;
}
.labels-left .right-col{
    padding-left: 0 !important;
}

#window_cases .label-float-left{
    float:none;
    text-align: right;
}
.labels-left .label-float-left{
    text-align: left !important;
}
.FileLocationDTField{
        padding-right: 0 !important;
}

.FileLocationDTField #dtFileLocation{
    width: 105px !important;
    float: left;
    display: inline-block;
}

.apptQualified #lblQualDecisionDT{
    width: 89%;
}

.apptQualified #qualDecisionDT{
    width: 68% !important;
    display: block;
    float: right;
    text-align: right;
}

.btn{
    padding: 3px 5px;
}

.border-dark{
    border: #6c6c6c 1px solid;
}

.table.transcript tr th,
.table.transcript tr td{
    background-color: transparent ;
    border: 0;
}

#window_cases .modalman-content{
    padding-bottom: 0 !important;
}

#window_cases{
    height: 802px;
    width: 1370px;
    /* min-height: 802px !important;  */
}

.cases-upper-area{
    margin-top: -1px;
}

#window_cases select{
    padding: 1px !important;
}

.modal-transcripts{
    width:800px;
    padding: 5px 5px 10px 5px;
    margin: 14px 0 0 0;
    color: black;
}


.modal-transcripts .details-type{
    width:125px;
}

.modal-transcripts .details-type select{
    padding: 0 3px;
    margin-right: 1px;
    width:125px;
    height:25px;
}

.modal-transcripts .details-vol {
    width:38px;
}

/* Apply styles to the input inside the td */
.modal-transcripts .details-vol input {
    padding: 0 5px;
    margin-right: 1px;
    text-align: left;
    width:45px;
    height:25px;
}

.modal-transcripts .details-count {
    width:60px;
}

.modal-transcripts .details-count input{
    padding: 0 5px;
    margin-right: 1px;
    text-align: right;
    width:60px;
    height:25px;
}

.modal-transcripts .details-notes{
    width:225px;
}

.modal-transcripts .details-notes textarea{
    padding: 0 3px;
    margin-right: 3px;
    text-align: left;
    width:225px;
    height:25px;
}

.modal-transcripts .details-del{
    width:25px;
    margin-right: 1px;
}

.modal-transcripts .details-meta{
    width:25px;
    margin-right: 1px;
}

.modal-transcripts hr{
    border-top: #8e0b0b 4px solid;
    margin:0;
}

.modal-transcripts .trans-note{
    margin-top:5px;
    display: flex;
}
.modal-transcripts .trans-note textarea{
    height:25px;
    padding: 3px 5px;
}

.modal-transcripts .transEvent{
    display: flex;
    align-items: center;
    margin-top:5px;
}

.modal-transcripts .transEvent select{
    width: 155px;
    height:22px;
    padding:0;
}

.modal-transcripts .transEvent input{
    margin: 0 1px 0 0;
    padding:0;
}

.modal-transcripts .transEvent label{
    margin: 0 1px 0 0;
    padding:0;
}

.modal-transcripts .disabled {
    border-color: #ccc;
    cursor: not-allowed !important;
    pointer-events: none;
    background: #f0f0f0;
    color: #6D727D;
}

.modal-transcripts table thead th {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
    background:none;
}

.create-new-claim{
    margin: 15px 0 15px 0;
}

.create-new-claim span{
    float: right;
    text-align: right;
}

.create-new-claim .mb-5 {
    margin-bottom: 5px !important;
}

.create-new-claim .create-claim-button{
   font-weight: bold;
   width: 105px;
}

.modal-claim-basic{
    margin: 15px 0 15px 0;
}

.modal-claim-basic span{
    float: right;
    text-align: right;
}

.modal-claim-basic .mb-5 {
    margin-bottom: 5px !important;
}

.modal-claim-basic .claim-basic-button{
   font-weight: bold;
   width: 105px;
}

.window-claims .claim-header {
    display: flex;
    align-items: center;
    width: 100%;
}

.window-claims .arrow {
    cursor: pointer;
    width: 20px;
}

.window-claims .claim-button-scroller {
    width: auto; /* Fixed width for the visible area */
    overflow: hidden; /* Hide overflow */
    position: relative;
}

.window-claims .claim-container {
    display: flex; /* Align button pairs in a row */
    transition: transform 0.3s ease; /* Smooth transition */
	gap:2px;
}

.window-claims .claim-pair {
    display: flex; /* Ensure buttons in pair are aligned horizontally */
}

.window-claims .claim-nav-item {
    flex-shrink: 0;
    border-radius: unset;
    margin: 0;
    padding: 0;
    /* height: 18px; */
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}

.window-claims .claim-basics {
    width: 25px;
}

.window-claims .claim-pick {
    width: 70px;
}

.window-claims .claim-pick.selected{
    background: #009900;
    color: white;
}


.associate-council{
    background: #FDF2E1;
}

.bg-white {
    background: #FFF
    
}

#window_cases.minimizeModal{
    height: 50px !important;
}


#disposition-table-readonly {
    border-collapse: collapse; 
}

#disposition-table-readonly th {
    padding: 5px 4px; 
    text-align: left; 
}

#disposition-table-readonly td {
    padding: 1px 4px; 
}

#disposition-table-readonly {
    border: 1px solid #ddd; 
    background-color: #f9f9f9; 
}
#disposition-table-readonly tbody tr:hover {
    background-color: #f1f1f1; 
}


#statutes-table-readonly {
    border-collapse: collapse; 
}

#statutes-table-readonly th {
    padding: 5px 4px; 
    text-align: left; 
}

#statutes-table-readonly td {
    padding: 1px 4px; 
}

#statutes-table-readonly {
    border: 1px solid #ddd; 
    background-color: #f9f9f9; 
}
#statutes-table-readonly tbody tr:hover {
    background-color: #f1f1f1; 
}
 
#staffAttorney, #staffSupport {
    height: 18px;
    padding: 0px 4px;
    line-height: 21px;
    width: 55px;
}

#chronologCase_table {
    border-collapse: collapse; 
}

#chronologCase_table th {
    padding: 5px 4px; 
    text-align: left; 
}

#chronologCase_table td {
    padding: 1px 4px; 
}

#chronologCase_table {
    border: 1px solid #ddd; 
    background-color: #f9f9f9; 
}
#chronologCase_table tbody tr:hover {
    background-color: #f1f1f1; 
}

.modal-container{
    height: 100%;
    overflow-y: auto;
}

div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, 
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
    padding: 0px 5px;
}

.p-10-20{
    padding: 10px 20px;
}

#ac_table th {
    background-color: #FFF;
    border: 2px solid #000; 
    color: #000;
    padding:5px;
}


.note-text {
    min-height: 17px;
    cursor: pointer;
    padding: 1px 3px;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFF;
    border-radius: 4px; 
    overflow: hidden; 
    text-overflow: ellipsis;
    display: block;
    overflow-y: hidden;
	margin-bottom: 2px; 
}
.ui-autocomplete {
    z-index: 9999;
}

.more-dates-green,
.more-dates-green:hover{
    color: #000000;
    background: #31AD05;
    text-shadow: none;
    line-height: 21px;
}

.dt-readonly-field {
    background-color: #f5f5f5; 
    color: #9e9e9e;
    border: 1px solid #ccc; 
    pointer-events: none;
    cursor: not-allowed; 
    text-decoration: none;
}

.dt-readonly-field:hover {
    background-color: #eaeaea; /* Slightly darker gray on hover */
    border-color: #bbb; /* Darker border on hover */
}

.purple-button,
.purple-button:hover {
    color: #FFFFFF;
    background: #7571d4;
    text-shadow: none;
    line-height: 21px;
}

.purple-button.active {
    background: #7571d4;
    color: #FFFFFF;
}



#cases-caption-textarea {
    font-family: 'Courier New', monospace; 
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    height: 300px;
    resize: none; 
}

.ui-menu {
    z-index: 1200 !important;
  }

.claim-total-span{
    background: #fff;
    border: 1px solid #ddd;
}

#window_time-expenses .modalman-content {
    position: relative;
    overflow: visible;
    width: 95%;
    padding: 0;
}

#window_time-expenses .tab-body-h{
    margin-bottom: 0;
}

.invoiceLockButton {
	color: #000;
	background-color: #c5ced6; 
	width: 4.0em; 
	height: 100%; 
	border: 1px solid #000;
	font-family:'Times New Roman', Times, serif
}

.genericGreen {
	color: #177C17;	
}

.genericRed {
	color: #DD0000;
}

.globalNoteGreenBtn {
	background: #177C17;	
    color: #ffffff;
}

.globalNoteRedBtn {
	background: #DD0000;
    color: #ffffff;
}

.beyondGuideline {
	fontSize: 14;
	fontWeight: bold;
	height: 18;
	color: #DD0000;
}

.DataValue {
	color: #000000;
	fontSize: 14;
	fontWeight: bold;
	height: 18;
	disabledColor: black;
}

.needsEval {
	fontSize: 14;
	fontWeight: bold;
	height: 18;
	color: #009900;
}

.panel-group {
   display: grid;
}

.itemNoButton {
    width:21px;
    padding:0;
    border-radius: 3px;
    background-color: #ffffff;
    background: linear-gradient(to top, #ffffff, #cccccc, #ffffff, #eeeeee);
}

.itemNoButton_bad {
    width:21px;
    padding:0;
    border-radius: 3px;
    color: #000000;
    background-color: #ff0000;
}

.itemNoButton_good {
    width:21px;
    padding:0;
    border-radius: 3px;
    color: #000000;
    background-color: #00ff00;
}


.panel_window_head button, .panel_window_head select {
    display: inline-block;
    height: 20px;
    font-size: 13px;
    padding:0;
}

.panel_window_head .mt{
    margin-top: 5px;
} 

.toast-title {
    margin-bottom:5px;
}

/* ========= */

.head_pagination{
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    height: 36px;
    padding: 5px 20px;
    margin-top: 14px;
}
.head_pagination ul {
  margin-top: 8px;
}

.head_pagination ul li{
    background: url(../images/arrow_right.svg) left 4px no-repeat;
    display: inline-block;
    margin: 0 1px;
    font-weight: 600;
    padding: 0 0 0 16px;
    background-size: 10px;
}

.body_section{
    display: flex;
    max-height: 500px;
    padding: 0 20px;
    overflow: auto;
}
.body_section .left{
    height: 100%;
    width: 200px;
}

.body_section .left img{
    max-width: 18px;
    margin-right: 5px;
}
.body_section .right{
    width: 100%;
}

.special-table{
    width: 100%;
}

.special-table tr th{
    background-color: #fff;
    background: #fff;
    border-right: #ccc 1px solid;
}

.special-table tr th, .special-table tr td{
    border-bottom: 0;
    color: #777;
    padding: 5px 10px;
}

.special-table tr td img{
    max-width: 15px;
    margin-right: 5px;
}

.panel-content .tab-pane{
    overflow-x: auto;
}

.special-table tr td.name{
    color: #000;
    text-transform: capitalize;
}

.d-inline{
    display: inline;
}



#window-time-expenses table.dataTable tbody td.dataTables_empty {
    background: white !important;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
    height: 300px; /* or use min-height */
  }
.modalChronoLogCaseDoc{
     min-height: 400px;
}
.modalChronoLogCaseDoc .drop-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     background: rgba(255, 0, 0, 0.242);
    padding: 40px;
    text-align: center;
    border: 2px dashed #aaa;
    border-radius: 8px;
    display: none;
    z-index: 1000;
}

.modalChronoLogCaseDoc.dragover .drop-area {
    display: block;
}

.modalChronoLogCaseDoc.dragover {
    border: 2px dashed #0fa3ed;
    position: relative;
}

.modalChronoLogCaseDoc.dragover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.434);
    z-index: 1;
    pointer-events: none;
}



/*======CSS for Smallest Text Section======**/
body.body-theme2 p, body.body-theme2 div, 
body.body-theme2 span, body.body-theme2 label,
body.body-theme2 table, body.body-theme2 table tr th, body.body-theme2 table tr td,body.body-theme2 table tr td p,
body.body-theme2 select, body.body-theme2 input, body.body-theme2 form, body.body-theme2 textarea,  body.body-theme2 button,
body.body-theme2 ul li, body.body-theme2 ul li a, body.body-theme2 ol li, body.body-theme2 ol li a,
body.body-theme2 a, body.body-theme2 strong {
    font-size: 10px !important;
}
body.body-theme2 .nav ul li a{
    font-size: 16px !important;
}

body.body-theme2 #window_panel ul li, body.body-theme2 #window_panel ul li a{
   font-size: 10px !important;
}

body.body-theme2  .tabs-container1 .nav-tabs > li > a{
    padding: .5em 4px !important;
    font-size: 10px !important; 
}
body.body-theme2 .panelWindowBox.panelWindow p, body.body-theme2 .panelWindowBox.panelWindow label{
    font-size: 10px !important; 
}

body.body-theme2 .modalman span.modalman-minimize, body.body-theme2 .modalman span.modalman-maximize,
body.body-theme2 .modalman span.modalman-close{
    font-size: 18px !important; 
}
/*======CSS for Small Text Section======**/
body.body-theme3 p, body.body-theme3 div, 
body.body-theme3 span, body.body-theme3 label,
body.body-theme3 table, body.body-theme3 table tr th, body.body-theme3 table tr td,body.body-theme3 table tr td p,
body.body-theme3 select, body.body-theme3 input, body.body-theme3 form, body.body-theme3 textarea,  body.body-theme3 button,
body.body-theme3 ul li, body.body-theme3 ul li a, body.body-theme3 ol li, body.body-theme3 ol li a,
body.body-theme3 a, body.body-theme3 strong {
    font-size: 12px !important;
}


body.body-theme3 .nav ul li a{
    font-size: 18px !important;
}

body.body-theme3 #window_panel ul li, body.body-theme3 #window_panel ul li a{
   font-size: 15px !important;
}

body.body-theme3  .tabs-container1 .nav-tabs > li > a{
    padding: .5em 5px !important;
    font-size: 12px !important; 
}
body.body-theme3 .panelWindowBox.panelWindow p, body.body-theme3 .panelWindowBox.panelWindow label{
    font-size: 11px !important; 
}

body.body-theme3 .modalman span.modalman-minimize, body.body-theme3 .modalman span.modalman-maximize,
body.body-theme3 .modalman span.modalman-close{
    font-size: 24px !important; 
}


/*======CSS for defaul Text Section======**/
body.body-theme4 p, body.body-theme4 div, 
body.body-theme4 span, body.body-theme4 label,
body.body-theme4 table, body.body-theme4 table tr th, body.body-theme4 table tr td,body.body-theme4 table tr td p,
body.body-theme4 select, body.body-theme4 input, body.body-theme4 form, body.body-theme4 textarea,  body.body-theme4 button,
body.body-theme4 ul li, body.body-theme4 ul li a, body.body-theme4 ol li, body.body-theme4 ol li a,
body.body-theme4 a, body.body-theme4 strong {
    font-size: 14px !important;
}

body.body-theme4 .nav ul li a{
    font-size: 19px !important;
}

body.body-theme4 #evaluations_details p{
        font-size: 13px !important;
}

body.body-theme4 #evaluations_criteria p{
    font-size: 13px !important;
}
body.body-theme4 .casePickerContainer input{
    width: 130px;
}

body.body-theme4 .casePickerContainer select{
    width: 131px;
}

body.body-theme3 #window_panel ul li, body.body-theme3 #window_panel ul li a{
   font-size: 14px !important;
}

body.body-theme3  .tabs-container1 .nav-tabs > li > a{
    padding: .5em 5px !important;
    font-size: 14px !important; 
}
body.body-theme3 .panelWindowBox.panelWindow p, body.body-theme3 .panelWindowBox.panelWindow label{
    font-size: 11px !important; 
}

body.body-theme3 .modalman span.modalman-minimize, body.body-theme3 .modalman span.modalman-maximize,
body.body-theme3 .modalman span.modalman-close{
    font-size: 24px !important; 
} 

/* ======CSS for Large Text Section======  */
body.body-theme5 p, body.body-theme5 div, 
body.body-theme5 span, body.body-theme5 label,
body.body-theme5 table, body.body-theme5 table tr th, body.body-theme5 table tr td,body.body-theme5 table tr td p, body.body-theme5 form,  body.body-theme5 button,
body.body-theme5 ul li, body.body-theme5 ul li a, body.body-theme5 ol li, body.body-theme5 ol li a,
body.body-theme5 a, body.body-theme5 strong,
h1, h2, h3, h4, h5, h6 {
    font-size: 16px !important;
}

body.body-theme5 .nav ul li a{
    font-size: 21px !important;
}

body.body-theme5 #evaluations_details p{
    font-size: 13px !important;
}


body.body-theme5 #evaluations_criteria p{
    font-size: 13px !important;
}

/* body.body-theme5 ul li, body.body-theme5 ul li a{
   font-size: 21px !important; 
} */

body.body-theme5 #tabs ul li, body.body-theme5 #tabs ul li a{
    font-size: 15px !important; 
}

body.body-theme5  .tabs-container1 .nav-tabs > li > a{
    padding: .5em 6px !important;
    font-size: 16px !important; 
}

body.body-theme5 .modalman span.modalman-minimize, body.body-theme5 .modalman span.modalman-maximize,
body.body-theme5 .modalman span.modalman-close{
    font-size: 32px !important; 
}

.btn.btn-small{
    height: 23px !important;
    line-height: 23px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} 

/* ============= */

body.body-theme5 .w-200{
    width: 147px;
}

body.body-theme5 .w-215 {
    width: 180px !important;
}

body.body-theme5 .w-47{
    width: 47%;
}
body.body-theme5 .w-53{
    width: 53%;
}

body.body-theme5 .accordion-template-cases-window .panel-body{
    padding-right: 27px;
    padding-left: 8px;
}

body.body-theme5 #staffAttorney, body.body-theme5 #staffSupport{
    width: 50px;
}

body.body-theme5 .casePickerContainer input {
    width: 154px;
}

body.body-theme5  #tabs .nav-tabs > li > a{
    padding: 3px 4px;
}

body.body-theme5 #window_claims .modalman-content{
    padding-left: 10px;
}

body.body-theme5 .window-claims .claim-nav-item{
    height:auto;
}
body.body-theme5 .casePickerContainer select{
 width: 100px;
}
#about_appKey{
    white-space: normal;
    word-break: break-all;
    width: 56%;
}

.theme-option.theme-active {
    border-left: 4px solid #c6aa64; 
    background-color: #faf3e0;
    padding-left: 10px;
}


.theme-option::before {
    content: '\2713'; /* Unicode for bullet; equivalent to • */
    display: none;
    margin-right: 6px;
    color: rgb(0, 0, 0);
}

.theme-option.theme-active::before {
    display: inline;
}

/* =======styles for default screen for removing scroll====== */


.evaluation-scroll{
    overflow: hidden;
}

#window_time-expenses {
    width: 1352px;
    height: 649px;
    /* min-height: 635px !important; */
}

#window_about{
   height: 635px;
}

.modalman.decreasing .modalman-content{
    min-width: 1500px;
    overflow: auto;
}

.modalman.increasing .modalman-content{
    overflow: hidden;
}

#window_cases #accordion{
    margin-bottom: 5px !important;
}
.windowTabContainer{
    background-color: #fff;
    overflow: hidden;
}
#dt_claimHours_claims{
    overflow: auto;
    height: 635px;
    width: 100%;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1px 10px;
}

table.dataTable tbody td p{
    margin: 0;
}

#claimSummary_div th, #claimSummary_div td {
    padding: 1px 8px !important;
}
#window_claims .tab-content{
    padding-top: 0;
    padding-bottom: 0;
}
#claimSummary_div .dates-and-notes{
    margin: 0 !important;
}

#window_claims .modalman-content{
   padding: 0;
}
.apptsCon{
    height: 632px;
    overflow: auto;
}

#vbOuter{
 overflow: hidden;
}

#ac_table_wrapper{
    height: 638px;
    overflow: auto;
}

#window_personnel{
    height: 670px ;
}

#caseloadPanel_table_wrapper{
    height: 338px;
    overflow: auto;
}

#address_table_wrapper {
    height: 344px;
    overflow: auto;
}

#window_invoices{
 height: 415px; 
 width: 1246px ;
}

#contacts_table_wrapper{
    height: 343px;
    overflow: auto;
}

#eval_table_wrapper{
    height: 337px;
    overflow: auto;
}

#mcle_table_wrapper{
    height: 308px;
    overflow: auto;
}
#app_table_wrapper{
    height: 315px;
    overflow: auto;
}
#invoices_table_wrapper{
    height: 98%;
    overflow: auto;
}

#window_staff{
    height: 401px;
    width: 776px;
}

#staff_table_wrapper{
    height: 290px;
    overflow: auto;
}

#window_panel {
    /* height: 850px !important; */
    width: 1240px;
    height: 820px;
}

html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    overflow:hidden;
}

#window_cases.modalman .modalman-content{
   overflow-x: hidden;
}
#timeDateRange_table {
    width: 100% !important;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #ddd !important;
}

body.body-theme4 .dataTables_scrollBody {
  padding-top: 9px !important;
  padding-bottom: 10px !important;
}

body.body-theme2 .dataTables_scrollBody {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

body.body-theme3 .dataTables_scrollBody {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

body.body-theme5 .dataTables_scrollBody {
  padding-top: 16px !important;
  padding-bottom: 15px !important;
}


.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

#window-time-expenses .tab-content{
    padding: 0;
}

#window-time-expenses table.dataTable {
    border: none !important;
}

body.body-theme4 .tooltip-inner .meta-img-tip {
  font-size: 12px !important;
}
body.body-theme2 .tooltip-inner .meta-img-tip {
  font-size: 10px !important;
}
body.body-theme3 .tooltip-inner .meta-img-tip {
  font-size: 11px !important;
}
body.body-theme5 .tooltip-inner .meta-img-tip {
  font-size: 13px !important;
}

/* Hide the inner header row that sits above the body and causes the double-header look */
#timeEntryContainer .dataTables_scrollBody thead {
    display: none !important;
}

/* shrink font just for the 'Rows:' header cell in Time & Expenses */
#timeEntry_table_wrapper .dataTables_scrollHead thead th:last-child,
#timeEntry_table thead th:last-child {
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    white-space: nowrap;
}

/* Hide the duplicate inner header under the scrollable table */
#timeExpense_table_wrapper .dataTables_scrollBody thead {
  display: none !important;
}

/* Make the font smaller for the Rows header cell in Time & Expenses */
#timeExpense_table_wrapper .dataTables_scrollHead thead th:last-child,
#timeExpense_table thead th:last-child {
    font-size: 10px;
    line-height: 1;
    font-weight: bold;
    white-space: nowrap;
}

 #window-time-expenses table.dataTable,
    #window-time-expenses table.dataTable thead th,
    #window-time-expenses table.dataTable tbody td,
    #window-time-expenses .updateTableFieldsForm td {
        border: 1px solid #c4c4c4;
    }
    #window-time-expenses table.dataTable th:nth-child(1),
    #window-time-expenses table.dataTable td:nth-child(1),
    #window-time-expenses .DTFooter td[data-columnname="WORKDT"] {
        min-width: 135px !important;
        width: 135px !important;
    }
    #window-time-expenses #addTimeExpenseCode #addDtlCode{
        width: 70 !important;
    }
    #window-time-expenses table.dataTable th:nth-child(2),
    #window-time-expenses table.dataTable td:nth-child(2),
    #window-time-expenses .DTFooter td[data-columnname="CASENBR"] {
        min-width: 115px !important;
        width: 115px !important;
    }

    #window-time-expenses table.dataTable {
        border-collapse: collapse;
    }

    #window-time-expenses .updateTableFieldsForm {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    #window-time-expenses .updateTableFieldsForm tr {
        display: table-row;
    }

    #window-time-expenses .updateTableFieldsForm td {
        display: table-cell;
        vertical-align: middle;
        padding: 4px;
        box-sizing: border-box;
    }

    #window-time-expenses .updateTableFieldsForm td:last-child {
        white-space: nowrap;
    }

    #window-time-expenses .dt-footer-wrapper {
        border: 1px solid #c4c4c4;
    }
    #invoices_table th:nth-child(2),
	#invoices_table td:nth-child(2),
	#invoices_table th:nth-child(3),
	#invoices_table td:nth-child(3) {
		white-space: nowrap;
		min-width: 110px !important;
		width: 110px !important;
	}
    #windowPanel .row {
        margin-right: 0 !important;
    }
    #window_panel .modalman-content{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .fixed-40 {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
        white-space: nowrap;
    }