@charset "utf-8";
/* CSS Document */


:root {
  --primary-color-100: #111;
  --primary-color-200: #222;
  --primary-color-300: #333;
  --primary-color-400: #444;
  --primary-color-500: #555;
  --primary-color-600: #666;
  
  --font-weight-black:900;
  --font-weight-extrabold:800;
  --font-weight-bold:700;
  --font-weight-semibold:600;
  --font-weight-medium:500;
  --font-weight-normal:400;
}


@font-face {
    font-family: Myriad Pro Regular;
    src: url(../fonts/MyriadPro-Regular.otf);
}

@font-face {
    font-family: Teko Regular;
    src: url(../fonts/Teko-Regular.ttf);
}

@font-face {
    font-family: Teko Light;
    src: url(../fonts/Teko-Light.ttf);
}

.btn[class*="btn-outline-"].btn {
    /*padding-top:0px;*/
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    font-family: Myriad Pro Regular;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.teko {
    font-family: "Teko Regular";
}

.teko-light {
    font-family: "Teko Light";
}

.brgray {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.b_h1 {
    font-size: 36px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    margin: 0px;
    margin-bottom: 10px;
}

.b_h2 {
    font-family: Myriad Pro Regular;
    font-size: 24px;
    color: #00b9d5;
    margin: 0;
}

.b_h3 {
    font-size: 26px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    margin: 0px;
    margin-bottom: 10px;
}

.b_h4 {
    font-size: 20px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    margin: 0px;
    margin-bottom: 10px;
}

.b_h5 {
    font-size: 18px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    margin: 0px;
    margin-bottom: 10px;
}

#main {
    box-shadow: 0 2px 2px rgba(0,0,0,10%);
    width: 100% !important;
}

#header {
    height: 110px;
    width: 100%;
    min-width: 730px;
    border-bottom: 2px solid #00b9d5;
    position: relative;
    font-family: Myriad Pro Regular;
    background: #fff;
    z-index: 2000;
}

#logo {
    float: left;
    margin: 20px 0 0 40px;
}

#search {
    position: absolute;
    z-index: 999;
    left: 200px;
    top: 20px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    width: 300px;
    padding: 5px;
}

#search input {
    border: none;
    width: 255px;
    float: left;
    margin: 3px 0 0 10px;
    font-size: 16px;
    font-family: Myriad Pro Regular;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#search input:focus {
    border: none;
    outline: none;
}

#main_search_icon {
    float: left;
    color: var(--bridgeblue);
    margin: 4px 0 0 4px;
}

#nav {
    position: absolute;
    bottom: 0px;
    left: 200px;
    width: 900px;
}

#nav .button {
    width: 140px;
    height: 36px;
    padding: 10px;
    text-align: center;
    margin-right: 10px;
    float: left;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    transition: none;
}

#nav .active {
    color: #fff;
    background-color: #00b9d5;
}

#nav .active:hover {
    background-color: #00ceed;
}

#nav .inactive {
    color: #00b9d5;
}

#nav .inactive:hover {
    border: 1px solid #00b9d5;
    border-bottom: none;
    padding-top: 9px;
    background-image: linear-gradient(to bottom, #00b9d5);
    background-image: -moz-linear-gradient(to bottom, #00b9d5);
    color:white;
}

#content {
    margin: 20px 20px 100px 40px;
}

#login_form {

}

#login_form input[type=text], input[type=password] {
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    width: 300px;
    padding: 5px;
    margin-top: 10px;
}

.btn {
    background: #00b9d5;
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px;
    font-family: Myriad Pro Regular;
    cursor: pointer;
    font-size: 14px;
}

#user {
    position: absolute;
    z-index: 999;
    top: 20px;
    right: 40px;
    color: var(--primary-color-200);
    font-family: "Roboto", sans-serif;
}

#user:hover {
    cursor: pointer;
}

#user:hover #user_right i {
    color: var(--bridgeblue);
}

#user_left {
    float: left;
    margin-right: 10px;
}

#user_left i {
    padding-top: 5px;
}

#user_center {
    float: left;
    width: 140px;
    font-weight: var(--font-weight-normal);
}

#user_right {
    float: right;
    margin-left: 10px;
    color: var(--primary-color-500);
}

#user_id {
    font-size: 14px;
    margin-top: -5px;
}

#user .chip,
#attendance_table .chip,
#att_add_time_form .chip,
#new_call_users .chip {
    padding:2px 12px 1px 3px;
    height: auto;
    line-height: normal;
    display: inline-block;
    margin-right: 5px;
}

#user .chip.waves-effect {
    overflow: initial;
}

#user .chip i,
#attendance_table .chip i,
#att_add_time_form .chip i,
#new_call_users .chip i {
    margin-right: 7px;
}

#att_time {
    display: inline-block;

}

.att_green {
    color: #00b14c;
}

.att_time {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#content {
    line-height: normal;
    color: var(--primary-color-200);
    font-weight: var(--font-weight-normal);
    min-width: 1360px;
}

#content_top {
    margin-bottom: 30px;
}

#content_left {
    width: 64%;
    min-width: 800px;
    float: left;
    margin-top:15px;
}

#content_right {
    width: 30%;
    max-width: 540px;
    float: left;
    margin-left: 50px;
}


.prog_left {
    width: 200px;
    height: 24px;
    border-radius: 12px 0 0 12px;
    background-color: #eee;
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    padding-top: 3px;
    color: var(--primary-color-200);
}

.prog_right {
    width: 200px;
    height: 24px;
    border-radius: 0 12px 12px 0;
    background-color: #eee;
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    margin-left: -10px;
    padding-top: 3px;
    color: var(--primary-color-200);
}

.prog_sep {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid #eee;
    border-bottom: 12px solid transparent;
    float: right;
}

.prog_sep_comp {
    border-left: 10px solid #3cb878;

}

.prog_sep_wh {
    border-left: 10px solid #fff;
    margin-left: -6px;
}

.prog_mid {
    width: 200px;
    height: 24px;
    background-color: #eee;
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    margin-left: -10px;
    padding-top: 3px;
    color: var(--primary-color-200);
}

.prog_comp {
    background-color: #3cb878;
    color: #fff !important;
}

.prog_comp a {
    color: #fff !important;
}

.prog_comp a:hover {
    color: #eee !important;
}

.prog_comp a:hover i {
    color: #eee !important;
}


#new_note_wrap {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.bbtn {
    border-radius: 10px;
    padding: 8px 15px 7px 15px;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    border: none;
    cursor: pointer;
}

.bbtn:hover {
    background-color: #00ceed;
}

.bblue_bg {
    background-color: #00b9d5;
    color: #fff;
}

.bblue_text {
    color: #00b9d5;
}

.inl_img {
    margin-top: -2px;
    padding-right: 5px;
}

.note_meta {
    font-size: 14px;
    color: var(--primary-color-600);
    margin-top: -3px;
    margin-bottom: 10px;
}

.note {
    padding: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left:6px solid #eee;
    border-radius: 10px;

}

.note_text {
    margin-top: 15px;
    margin-bottom: 30px;
    width: 800px;
}

.note .right_subtitle {
    padding: 0;
    font-size: 16px;
}

.task {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.task_left {
    width: 71px;
}

.profile_chip,
.case_chip {
    padding: 0 12px !important;
    border-radius: 16px;
    height: 32px;
    color: #fff;
    display: inline-block;
}

.case_chip {
    background: var(--brgcaseblue);
}

.profile_chip {
    background: var(--brgprofileorg);
}

.task_right {
    width: 800px;
    border-left: 1px solid #eee;
    box-shadow: -10px 0px 7px -10px rgba(184, 184, 184, 0.5);
    padding: 10px 0 10px 20px;
}

.task_btn_i {
    color: #f26d7d;
    background: #fff;
    border: 1px solid #f26d7d;
}


.task_btn_c {
    background: #4caf50;
    color: #fff;
    border: 1px solid #4caf50;
}

.task_btn_i:hover {
    background-color: #f26d7d;
    color: #fff;
}

.task_btn_c:hover {
    background-color: #fff;
    border: 1px solid #4caf50;
    color: #4caf50;
}

.task_meta {
    font-size: 14px;
    margin-top: 15px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    line-height: 20px;
}

.task_meta i {
    width: 20px;
    text-align: center;
}

.task_meta_title {
    font-weight: var(--font-weight-medium);
}

.lp {
    padding-left: 10px;
}

.right_title {
    font-size: 20px;
    width: 100%;
    height:40px;
    position: relative;
}

.right_subtitle {
    color: var(--primary-color-200);
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    padding-left:6px;
}

.right_section {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top:10px;
}


.editbtn {
    background: #fff;
    border: 1px solid #ccc;
    color: var(--primary-color-500);
}

.editbtn:hover {
    background: #eee;
}

.right_edit {
    position: absolute;
    bottom: 0;
    right: 40px;
    font-size: 16px;
    color: var(--primary-color-600);
}

.note_edit {
    float: right;
}

#address_phone {
    min-height:200px;
    display:flex;
    flex-wrap: wrap;
    justify-content: stretch;
    align-content: flex-start;
    margin:0 7px 20px 0;
}

#address_wrap {
    min-width: 250px;
    margin-bottom: 40px;
}

#phone_wrap {
    min-width: 250px;
}

#address_drop, #phone_drop {
    padding: 15px;
    text-align: left;
    width: 250px;
    margin: 10px 0px 0px 0px;
}

.rsec_space {
    margin-top: 30px;
}

.col_left {
    float: left;
    width: 50%;
}

.col_right {
    float: right;
    width: 50%;
}

.rsec_case {
    display: block;
    width: 100%;
    min-height: 50px;
    margin-bottom: 15px;
}

.rsec_icon {
    float: left;
}

.rsec_cases_l {
    float: left;
    width: 50%;
}

.rsec_cases_r {
    float: right;
    width: 40%;
    text-align: right;
}

#new_note_form {
    margin-top: 30px;
    margin-bottom: 10px;
}

#new_note {
    resize: none;
}

#show_new_note_btn {
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    animation: width linear .2s;
}

#show_new_note_btn.danger-color:hover {
    background-color: rgb(204, 0, 0) !important;
    color: #fff;
}

#show_new_note_btn.bbgcolor:hover {
    background-color: var(--bridgelite) !important;
    color: #fff;
}

.cancel_btn {
    background-color: #ff4444;
}

.cancel_btn:hover {
    background-color: #CC0000;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#new_note_btn {
    float: left;
    height: 50px;
}

#new_note_btns {
    height: 50px;
}

#new_note_save {
    float: right;
    height: 50px;
}

#new_note_save_btn {
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    color: #fff;
    display: none;
}

#new_note_save_btn:hover {
    background-color: rgb(0, 126, 51) !important;
}

#new_note_save_btn_text {
    margin-top: 3px;
}

#new_task_wrap {
    margin-top: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#task_form_left {
    float: left;
    width: 50%;
}

#task_form_right {
    float: right;
    width: 50%;
    padding-left: 30px;
}

#new_task_form {
    height: 230px;
    display: none;
}

#task_link {
    display:inline-block;
    width:100%;
    padding:10px 0 10px 10px;
}

#task_link:hover {
    color: #00b9d5;
    background: #f5fffc;
}

.disabled {
    background-color: #ccc;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    border: 1px solid #ccc;
}

.fe_img {
    width: 32px;
    height: 32px;
}

#fe_header {
    padding-bottom: 20px;
}

#fe_header .left {
    float: left;
}

#fe_header .right {
    float: right;
}

#fe_options a {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#fe_options a:hover {
    color: #00b9d5;
}

#fe_options i {
    margin-left: 15px;
}

.dochead td {
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.sort_caret {
    margin-left: 10px;
}

#filewrap {
    margin-top: 5px;
}

.filerow td {
    padding-bottom: 5px;
}

.filerow {
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
}

.filerow:hover {
    background: #e1f0f3;
}

.filerow_selected {
    background: #c8e6f1;
}

#gendoc_list_wrap {
    width: 70%;
    float: left;
}

#gendoc_btn_wrap {
    width: 30%;
    padding-left: 10px;
    float: left;
}


#error_description {
    max-width: 800px;
    max-height: 300px;
    border: 1px solid #eee;
    overflow: auto;
    font-size: 10px;
}

#error_modal_title {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
}

.backdir {
    float: right;
}

#dochead_date {
    float: left;
}

.sorting {
    margin-top: 30px;
}

.sorting img {
    width: 18px;
    height: 18px;
}

.task_wrap {
}

.task_wrap .first {
    border-top: none;
}

.rtitle {
    position:absolute;
    bottom:0;
    left:0;
}

.eip {
    cursor: pointer;
    background: none;
    color:var(--primary-color-600);
    font-weight: var(--font-weight-bold);
    padding:6px;
    border:1px solid rgba(0,0,0,0);
    margin-bottom:5px;
    overflow: hidden;
}

.eip.disabled.readonly{
    user-select: text;
}

.eip:hover {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to top, rgba(48,229,255,1), rgba(0,0,0,0)) !important;
}

.eip:empty,
.empty,
.eip_empty {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to top, rgba(235,235,235,1), rgba(0,0,0,0));
}

.eip_cmds {
    height: 20px;
}

.editing {
    padding:0px;
    margin-bottom:0px;
}

.editing:hover {
    border:1px solid rgba(0,0,0,0);
}

.eip_editor {
    width:100%;
    margin:none;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to top, rgba(48,229,255,1), rgba(0,0,0,0));
    color:#666;
    padding:5px;
    box-shadow: 0px -2px 2px 1px rgba(255, 255, 255, 1), 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
}


.eip_editor:disabled {
    background: #fff;
}

textarea.eip_editor {
    resize: none !important;
}



.eip_select {
    float:left;
    z-index:1000;
}

#personal_form {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin-bottom: 20px;
}

#personal_form .eip {
    height:33px;
    max-height: 53px;
    display: inline-block;
    transition: height .2s;
    margin-bottom: 5px;
}

.eip.editing.textarea {
    height: 120px !important;
    max-height: 140px !important;
}

#personal_form .eip.editing,
#address_wrap .eip.editing:not(.address_address),
#phone_wrap .eip.editing:not(.phone_number),
#new_cost .eip.editing,
.new_member .eip.editing,
.member_body .eip.editing,
.case_extra .eip.editing {
    height:53px;
}

.w5 {
    width:5%
}
.w10 {
    width:10%;
}
.w20 {
    width:20%;
}
.w25 {
    width:25%;
}
.w30 {
    width:30%;
}
.w33 {
    width:33.3%;
}
.w40 {
    width:40%;
}
.w45 {
    width:45%;
}
.w50 {
    width:50%;
}
.w60 {
    width:60%;
}
.w66 {
    width:66.6%;
}
.w70 {
    width:70%;
}
.w75 {
    width:75%;
}
.w80 {
    width:80%;
}
.w90 {
    width:90%;
}
.w100 {
    width:100%;
}

#title_wrap {
    position: relative;
    margin-top:-20px;
    height:180px;
}

#title_wrap.titlesm {
    height: 60px;
    margin-top:0;
    box-shadow: 0 10px 7px -10px rgb(0, 185, 213);
}

#title_right {
    position:absolute;
    width:750px;
    min-height:180px;
    left:94px;
    top:0px;
    margin-bottom: 0;
}

#title_right.titlesm {
    left:60px;
    height:50px;
    min-height: 50px;
}

.profile_icon,
.case_icon,
.calls_icon {
    width:135px;
    position:absolute;
    top:-11px;
    left:-20px;
}

.calls_icon {
    width:60px;
    top: -7px;
    left: 0;
}



#profile_id,
#case_id {
    position:absolute;
    top:102px;
    left:16px;
    width:62px;
    font-family: "Teko Regular";
    font-size: 24px;
    text-align: center;
    height:34px;
}

#profile_id {
    border:2px solid #ff3000;
    color:#FF3000;
}

#case_id {
    border:2px solid var(--brgcaseblue);
    color: var(--brgcaseblue);
}

#name,
#casename {

    margin:15px 0 10px 0;
    width:750px;
    transition: height .2s;
    display: inline-block;
    overflow: hidden;
}

#name {
    height:57px;
    max-height:90px;
    color: #ff3000;
    box-shadow: 0 10px 7px -10px rgba(255, 48, 0, 0.5);
}

#casename {
    color: var(--brgcaseblue);
    box-shadow: 0 10px 7px -10px rgba(63, 81, 181, .5);
    height: auto;
}

#completion {
    float:right;
    width:100px;
    position: relative;
    margin-right: 30px;
}

#comp_wrap {
    height: 60px;
    width:750px;
    display: inline-block;
}

#comp_per {
    font-size: 36px;
    position:absolute;
    top:0;
    left:10px;
    width:100px;
    z-index: 500;
    text-align: center;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#comp_text {
    font-size:18px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    position:absolute;
    top:40px;
    left:10px;
    width: 100px;
    z-index: 500;
    text-align: center;
}

#progress {
    float:left;
    width:610px;
    margin-top:8px;
}

#prog_wrap {
    z-index: 1000;
    height: 24px;
    width: 610px;
    float: left;
}

#subcontent {
    margin-top:20px;
}

#prog_wins {
    height: 25px;
    width: 610px;
    z-index: -1000;
    position:relative;
    display: flex;
    font-size: 14px;
    margin-top:5px;
}

.prog_win {
    width:33%;
    text-align: center;
    padding-top:5px;
}

.prog_win img {
    height:25px;
    padding-right:5px;
    margin-top:-3px;
}

#incident_chips {
    padding:0px;
    margin:0px;
    max-height: 200px;
    transition: max-height 1s linear;
}

#incident_chips .chip {
    margin:2px;
    cursor: default;
}

#new_incident {
    height:32px;
    width: 36px;
}

#new_incident_val {
    float:left;
    border: none;
    border-right: 1px solid #ddd;
    background-color: inherit;
    margin: 0px;
    padding: 0px;
    font-weight: var(--font-weight-bold);
    width: auto;
    display:none;
    width:152px;
}

#new_incident_val:focus {
    box-shadow: none !important;
}

#new_incident select {
    scrollbar-color: var(--bridgeblue) #fff;
}

#new_incident option {
    background-color: #fff;
}

#new_incident i {
    float: right;
    margin-top:9px;
    transition: transform .5s;
    transition-delay: .2s;
    cursor: pointer;
}

#incident_add_close:hover {
    color:var(--primary-color-200);
    font-weight: var(--font-weight-black);
}

#incident_add_close_wrap {
    display:block;
}

#incident_add_close_wrap img {
    width:14px;
    height:14px;
    float: right;
    margin: 9px 0 0 6px;
}

.chip .chip_close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.chip .chip_close:hover {
    opacity: .8;
}

label {
    cursor: pointer;
}

#staff label:hover, .right_edit label:hover {
    color:var(--bridgeblue);
    border-color:var(--bridgeblue);
}

#staff {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#staff .left {
    float:left;
    width:250px;
}

#staff .right {
    float:left;
    width:250px;
}

.staff {
    height:24px;
}

.unlinked {
    display: none;
}

.staff .spinner-border {
    position:absolute;
    top:.3rem;
    left:-1.32rem;
    width:.62rem;
    height:.62rem;
    z-index:500;
    border-color: #bbb;
    border-right-color: transparent;
}

.case_in_profile,
.profile_in_case {
    width:45px;
    height:45px;
    margin-top:-3px;
}

.eip_select {
    display: none !important;
}

.editing .eip_select {
    display: block !important;
}

#address_wrap,
#phone_wrap {
    min-height: 58px;
    max-height: 1000px;
}

#address_wrap .card-header,
#phone_wrap .card-header {
    padding:0px;
    max-height: 75px;
}

#address_wrap .card-header .eip,
#address_wrap .card-header .eip_hold,
#phone_wrap .card-header .eip,
#phone_wrap .card-header .eip_hold {
    float:left;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-normal);
    margin-top:-5px;
    margin-bottom: 2px;
}

#address_wrap .card-header .eip_hold,
#phone_wrap .card-header .eip_hold {
    padding: 6px 6px 0 6px;
    border:1px solid rgba(0,0,0,0);
}

#address_wrap .card-header .address_stage2,
#phone_wrap .card-header .address_stage2 {
    color: var(--primary-color-300) !important;
}

#address_wrap .active .card-header .eip_hold,
#address_wrap .active .card-header .eip,
#phone_wrap .active .card-header .eip_hold,
#phone_wrap .active .card-header .eip {
    color: var(--bridgeblue) !important;

}

#address_wrap .card-header a,
#phone_wrap .card-header a {
    color: var(--bridgeblue) !important;
}

#address_wrap .card-body,
#phone_wrap .card-body {
    display: flex;
    align-content: baseline;
    flex-wrap: wrap;
    padding: 0 0 5px 0;
    font-size: inherit;
    line-height: normal;
    max-height: 93px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-normal);
}

#address_wrap .card-body .eip,
#phone_wrap .card-body .eip,
.eip_slide_add .eip,
.new_member .eip {
    display: inline-block;
    margin-top:-5px;
    margin-bottom:7px;
    height: 33px;
    max-height: 53px;
    transition: height .2s;
}

#address_wrap .accordion,
#phone_wrap .accordion {
    padding:0px;
    
}

#address_wrap .card,
#phone_wrap .card {
    max-height: 125px;
    font-weight: var(--font-weight-normal);
}

#address_wrap .active,
#address_wrap .active .card-body,
#address_wrap #new_address,
#phone_wrap .active,
#phone_wrap .active .card-body,
#phone_wrap #new_phone,
#parties_wrap .new_member,
#parties_wrap .member_body {
    font-weight: var(--font-weight-normal);
}

#address_wrap .title,
#phone_wrap .title,
#new_cost .title,
.new_member .title,
.member_body .title {
    color: var(--primary-color-600);
    font-size: 12px;
    padding-left:7px;
    height: 0px;
    overflow: hidden;
    max-height: 15px;
    position: relative;
    z-index: 500;
    transition: height .2s;
}

.subsec_header {
    width:100%;
    border-bottom:1px solid #bbb;
    padding:0 0 5px 0;
    margin: 0 10px 0 7px;
    color: var(--primary-color-300);
    font-weight: var(--font-weight-black);
}

#address_wrap .controls,
#phone_wrap .controls {
    position: absolute;
    right: 45px;
    top:0px;
    padding-right:10px;
    border-right: 1px solid #F5F5F5;
    z-index: 600;
}

.controls {
    opacity: 0;
}

.controls.fadeOut a {
    pointer-events: none;
}


#address_wrap .card-header .controls a,
#phone_wrap .card-header .controls a {
    color: #ddd !important;
    margin-left:5px;
}

#address_wrap .card-header i,
#phone_wrap .card-header i {
    font-size: 18px;
}

#address_wrap .card-header .eip_cmds ,
#phone_wrap .card-header .eip_cmds i {
    font-size: 12px !important;
    margin-top:0;
}

.eip_slide_add {
    width: 100%;
    padding:6px 0 0 0;
    margin-left: 7px;
    background: linear-gradient(to bottom, rgb(239, 239, 239) 0%, rgba(0,0,0,0) 5px);
    color: var(--primary-color-600);
    font-size:14px;
}

.eip_slide_add a:hover {
    color: var(--bridgeblue);
}

.eip_slide_add .body {
    /*max-height: 115px;*/
    margin-top: 7px;
    display: flex;
}

.eip_slide_add .body .form {
    display: flex;
    align-content: baseline;
    flex-wrap: wrap;
    padding-bottom:5px;
}

.eip_slide_add .eip {
    height:33px;
}

.eip.textarea {
    height: 80px !important;
    max-height: 150px !important;
}

.card:not(.active) .header .title {
    margin-top:5px;
}


.eip_save, .eip_cancel {
    float:left;
    font-weight: var(--font-weight-medium);
    height:20px !important;
    font-size: 12px !important;
    background: var(--bridgeblue);
    border:none;
    border-radius: 0px 0px 5px 5px;
    cursor: pointer;
}

.eip_save i, .eip_cancel i {
    font-size: 12px !important;
}

.eip_cancel {
    background:#eee;
    color:var(--primary-color-600);
}

.eip_cancel:hover {
    color:var(--primary-color-400);
}

.eip_save:hover {
    background-color:#39938A !important;
}

.addresses_address_btn,
.phones_number_btn {
    position: absolute;
    min-height: 26px;
    max-height: 1000px;
    height:100%;
    right: 0px;
    top:0px;
    padding:1px 5px 5px 5px;
    z-index: 600;
    outline: none;
}

.address_address,
.phone_number {
    height:31px;
    max-height: 65px;
    transition: height .2s;
    overflow: hidden;
}

#address_wrap .card,
#phone_wrap .card {
    margin-top:5px;
}

.nostretch {
    align-self: baseline;
}

#address_wrap .accordion,
#phone_wrap .accordion {
    max-height: 1000px;
    width: 100%;
    margin-left:7px;
    font-weight: var(--font-weight-normal);
}

#address_wrap .card-header a.brdisabled,
#phone_wrap .card-header a.brdisabled {
    pointer-events: none !important;
    background: none !important;
    color: #ccc !important;
}

#address_wrap .card-header a.brdisabled i,
#phone_wrap .card-header a.brdisabled i {
    border-color: #ccc !important;
}

#address_wrap .fa-pen-square,
#phone_wrap .fa-pen-square {
    font-size: 18px !important;
    margin-right: -3px;
    margin-top:0;
    vertical-align: top;
    width: 18px;
    height: 18px;
}

#address_wrap .fa-angle-down,
#phone_wrap .fa-angle-down {
    font-size: 11.5px !important;
    border:1px solid var(--bridgeblue);
    border-left: none;
    width: 16px;
    height: 16px;
    text-align: center;
    margin-top: 1px;
    padding-top: 2px;
}

#address_wrap .card-header a:not(.collapsed) .rotate-icon,
#phone_wrap .card-header a:not(.collapsed) .rotate-icon {
    border-left:1px solid var(--bridgeblue);
    border-right: none;
}

.md-inner {
    background-color:#eee !important;
    color: #efefef !important;
}

.rotate_add_close {
    animation: colorrotate 1s linear;
    transition-delay: .7s;
    transform: rotate(45deg);
}

@keyframes colorrotate {
    0% {color: inherit;}
    100% {transform: rotate(45deg);}
}

.eip_slide_add_toggle_text {
    display: inline-block;
    font-weight: var(--font-weight-black);
}


.eip_slide_add_toggle_btn i {
    transition: all .5s linear;
}

.eip_slide_add_save_btn {
    float:right;
    color: darkgreen !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease-in;
}

.eip_slide_add_save_btn:hover {
    color: green !important;
}

.buffer {
    border-top:1px solid rgba(225,225,225,0);
    transition:all .5s;
    transition-delay: .5s;
    animation: height .5s linear;
    animation-delay: .5s;
    height:1px;
    width:100%;
}

.login-alert {
    width: 300px;
}

#address_wrap .card-header a.star:hover,
#phone_wrap .card-header a.star:hover {
    color: var(--bridgelite) !important;
}

#address_wrap .card-header a.delete:hover,
#phone_wrap .card-header a.delete:hover {
    color: red !important;
}

#address_wrap .card-header a.copy:hover,
#phone_wrap .card-header a.copy:hover {
    color: var(--bridgeblue) !important;
}

#modalConfirmDelete i {
    padding-right: 7px;
    margin-top:1px;
}

#modalConfirmDelete .modal-header {
    font-weight: var(--font-weight-medium);
}

#address_wrap .controls .spinner-border,
#phone_wrap .controls .spinner-border {
    vertical-align: text-top;
}

.controls.fadeOut {
    pointer-events: none;
}

.address_address.editing,
.phone_number.editing {
    height:65px;
}

.eip_select_space.editing {
    margin-top:0px !important;
}

.eip_html {
    pointer-events: none;
}

.eip_form {
    width: 100%;
}

.eip_form .title {
    height:0px !important;
}

.eip_form.open .title {
    height:15px !important;
}

.eip_slide_add .eip_form.open .title {
    transition-delay: 400ms;
}

.eip_slide_add .eip_form .title {
    transition-delay: 0s;
}

.noselect {
    user-select: none !important;
}

.eip_select,
.eip_select option {
    outline: none !important;
    user-select: none;
}

select.eip_editor:focus {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to top, rgba(48,229,255,1), rgba(0,0,0,0));
    box-shadow: 0px -2px 2px 1px rgba(255, 255, 255, 1), 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
}

#staff .staff {
    min-height: 0px;
    height:0px;
    transition: height .2s;
    max-height: 24px;
    overflow: hidden;
}

#staff.open .staff {
    height:24px;
}

#staff .staff.linked {
    height:24px;
}

.right_section .alert {
    margin-top:-20px;
}

#staff.open .alert {
    display:none;
}

#notes_list .b_h1:hover {
    color: var(--bridgeblue) !important;
}

.note_meta a:hover .chip {
    background-color: #ffe979 !important;
}

.b_h1.editing {
    height:90px !important;
}

#comp_pop {
    position:absolute;
    top: -34px;
    left: 5px;
    z-index: -1000;
}

#comp_pop img {
    width:110px;
    height:110px;
}

.prog_check {
    color: var(--primary-color-300) !important;
}

.prog_check:hover,
.prog_check:hover i {
    color: #5cbf5c !important;
}

.pagination .disabled {
    background: #fff;
    color: #eee;
    border: none;
}

#login_wrap {
    margin-top:100px;
    color: var(--primary-color-300) !important;
}

#login_wrap .b_h1 {
    color: var(--primary-color-300) !important;
}

#login_wrap img {
    margin-bottom: 30px;
}

#login_form {
    animation-delay: .5s;
}

#login_form .input {
    width: 300px !important;
}

#costfile .form-control:focus {
    border-color: var(--bridgeblue) !important;
    box-shadow:none !important;
}

#balance_text {
    color:#ccc;
    font-size: 26px;
}

#costfile_balance {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.costfile_date {
    font-size:16px;
}

.tracking_wrap {
    margin-top: 10px;
}

.tracking {
    font-family: "Teko Regular";
    font-size:16px;
    color: var(--primary-color-600);
}

.costfile_transaction:hover,
.costfile_transaction:hover .fa-caret-down {
    cursor: pointer;
}

.costfile_transaction:hover .costfile_transaction_title:not(.requests),
.costfile_transaction:hover .b_h4,
.costfile_transaction:hover .fa-caret-down {
    color: var(--bridgeblue);
}

.costfile_transaction_title {
    font-size:16px;
}

.costfile_transaction_title .rotate-icon {
    transform: rotate(180deg);
}

.costfile_cost_expand {
    font-size: 12px;
    color: var(--primary-color-500);
    margin:5px 0 0 0;
    float:right;
}

.costfile_cost_expand i {
    font-size: 16px;
    margin-top:-4px;
}

.costfile_cost_expand a:hover,
.costfile_cost_expand a:hover i {
    color: var(--bridgeblue) !important;
}

.costfile_cost_details {
    margin: 10px 0 0 0;
}

.cost_details_text {
    border-left: 1px solid #eee;
    padding-left: 15px;
}

#costfile_table_wrapper {
    margin-top:10px;
    border-top: 1px solid #eee;
}

#new_cost {
    width:100%;
    padding-top: 10px;
    margin-bottom: 30px;
}

#new_postage {
    width:100%;
}

#costs_chart {
    width:50%;
}

#new_cost .header {
    font-size: 16px;
}

#new_cost.eip_slide_add {
    margin-left:0;
}

#costs_new_request_form,
#costs_new_copies_form,
#costs_new_general_form,
#costs_new_credit_form,
#costs_new_postage_form,
#new_postage_address_form {
    display: flex;
    align-content: baseline;
    flex-wrap: wrap;
}

.freecell {
    padding:7px;
}

.eip_slide_sec_header {

}

.eip_slide_add_section {
    margin-top:7px;
    border-top: 1px solid #eee;
}

#new_request_save,
#new_copies_save,
#new_general_save,
#new_credit_save,
#new_postage_save {
    margin-top:30px;
    font-size:14px;
    text-transform: none;
}

#new_request_save i,
#new_copies_save i,
#new_general_save i,
#new_credit_save i,
#new_postage_save i {
    margin-right: 5px;
}

#new_request_save .spinner-border,
#new_copies_save .spinner-border,
#new_general_save .spinner-border,
#new_credit_save .spinner-border,
#new_postage_save .spinner-border {
    margin-right:5px;
}

#new_request_save:disabled,
#new_copies_save:disabled,
#new_general_save:disabled,
#new_credit_save:disabled,
#new_postage_save:disabled {
    opacity:90%;
}

#costfile_table_length .custom-select {
    border:none;
    margin-top:-2px;
    cursor: pointer;
}

.costfile_transaction_title i,
.caselink_box i {
    width:20px;
    text-align: center;
    margin-right:5px;
}

#trans_success_alert.alert-success {
    height: 48px;
}

.costfile_transaction_title .badge {
    float:right;
    margin-right:10px;
}

.pending {
    color: #bbb !important;
    font-style: italic;
}

.cost_details_user {
    display: inline-block;
}


.costfile_cost_details .cost_cancel i {
    margin-right: 5px;
}

.costfile_cost_details .cost_cancel:hover {
    background-color: darkred !important;
}

.costfile_cost_details .cost_cancel .spinner-border {
    margin-right: 5px;
}

#new_cost .tab-content {
    margin-top: 15px;
    min-height: 200px;
}

.copies_opts {
    margin:10px 0 10px 0;
}

#costs_new_copies_form {
    font-size: 16px;
}

#costfile_table_length,
#costfile_table_paginate {
    float:right;
}

#costfile_table_length label {
    margin:10px 30px 0 0;
    color: var(--primary-color-600);
}

#costfile_table_length .custom-select {
    color: var(--primary-color-600);
    border: 1px solid rgba(0,0,0,0);
}

#costfile_table_length .custom-select:hover {
    border: 1px solid var(--bridgeblue);
}

.pagination {
    margin-bottom: 0;
}

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

#costfile_table_info,
.dataTables_filter label {
    color: var(--primary-color-600);
}

#cfprint {
    margin:30px;
}

#cfprint_logo {
    float: left;
}

#cfprint_balance {
    float: right;
    text-align: right;
}

#cfprint_logo {
    margin-top: 15px;
}

#cfprint #costfile_balance {
    border: none;
    margin: 0;
    padding: 0;
}

#cfprint .costfile_cost_expand {
    display: none;
}

#cfprint .costfile_transaction {
    cursor: default;
}

#cfprint .costfile_transaction:hover .costfile_transaction_title {
    color: inherit;
}

#cfprint_title {
    float:left;
    margin: 10px 0 0 50px;
}

#cfprint_title .file_id {
    font-family: "Teko Regular";
    font-size: 20px;
    color: var(--primary-color-500);
    margin-top: -15px;
}

#cfprint .costfile_date {
    padding-left: 15px !important;
}

#cfprint .costfile_balance {
    padding-right: 15px !important;
}

#cfprint .cost_details_text {
    border: none;
    padding: 0;
    margin-left: 30px;
}

#print_options {
    margin: 0;
    padding: 30px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

#print_options .custom-control-label:before,
#print_options .custom-control-label:after {
    margin-top: 2px;
}

#print_options_print_btn {
    position: absolute;
    top: 20px;
    right: 30px;
}

#print_options_print_btn a {
    font-size: 1em;
    text-transform: none;
    padding-top: .6em;
}

#print_options .custom-control {
    max-width: 200px;
}

#costfile_options a {
    color: inherit;
}

.requests .costfile_cost_expand {
    margin-top: -30px;
}

.requests .costfile_transaction_title i,
.caselink_box i {
    margin: 0 !important;
    font-size: 14px;
}

.caselink_box .case_id {
    font-size:20px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    line-height: 5px;
    margin: 4px 0 0 1px;
    padding-top: 2px;
    display: inline-block;
    float:right;
}

.requests .action {
    font-size: 14px !important;
    text-transform: none;
    width: 105px;
    text-align: left;
    padding: 5px 15px 5px 15px !important;
    margin: 0 0 0 0 !important;
    opacity: 0;
    pointer-events: none;
}

.action-enabled {
    opacity: 100% !important;
    pointer-events: auto !important;
}

.requests .btn-success {
    margin-bottom: 10px !important;
}

.requests .action i {
    margin-right: 5px;
}

.requests .btn-success:hover {
    background-color: green !important;
}

.requests .btn-danger:hover {
    background-color: red !important;
}

.requests .fa-thumbs-down {
    margin-bottom: -5px;
}

.requests .costfile_date {
    padding-left:15px !important;
}

.requests .costfile_amount {
    vertical-align: top !important;
}

.caselink, .profilelink {
    color: #333 !important;
    display: inline-block;
}

.caselink:hover {
    color: var(--brgcaseblue) !important;
}

.profilelink:hover {
    color: var(--brgprofileorg) !important;
}

.caselink:hover .fa-external-link-square-alt,
.profilelink:hover .fa-external-link-square-alt {
    opacity: 100%;
}

.caselink:hover .case_id {
    color: var(--primary-color-300) !important;
}

.caselink:hover .caselink_box {
    border-color: var(--brgcaseblue);
}

.requests .b_h4 {
    margin-bottom: 7px;
}

.caselink_box {
    display: inline-block;
    padding: 5px 4px 5px 2px;
    border: 1px solid #999;
    margin-right: 7px;
    margin-top: -4px;
    border-radius: 3px;
    float:left;
}

.caselink .fa-external-link-square-alt {
    opacity: 0;
    transition: all .2s;
}

.caselink_box i {
    float:left;
}

#denialModal .modal-body {
    font-size: 18px;
}

.zero_cost {
    color: var(--primary-color-600);
}

#new_note_btn_text {
    margin-top: 3px;
}

#new_note_btn_text i,
#new_note_save_btn i,
#new_note_save_btn_text .spinner-border {
    margin-right: 10px;
}

new_note_save_btn .spinner-border {
    margin-right: 10px;
}

.task_btn .spinner-border {
    width: 16px;
    height: 16px;
    margin: 0;
    font-size: 16px;
    margin: 0 0 0 -2px;
}

#tasks-classic .task,
#dash_tasks .task {
    margin: 30px 0 60px 0;
}

.right_subtitle i {
    font-size: 14px;
    font-weight: var(--font-weight-black);
}

.note .right_subtitle {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.task_title_box {
    margin-bottom: 5px;
}

#tasks-classic .right_subtitle {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 15px;
}

.new_party_card {
    width: 300px;
}

.new_party_btn {
    position: absolute;
    bottom: -25px;
    left: 130px;
}

.new_party_wrap {
    width: 300px;
    position: relative;
}

.new_party_btn .btn {
    width: 40px;
    height: 40px;
    padding: 9px 12px;
    font-size: 16px;
}

#parties_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: relative;
    width: 800px;
    margin: 0 auto;
}

#plaintiffs {
    width: 50%;
    border-right: 1px solid #ccc;
    padding-right: 40px;
    min-height: 400px;
}

#plaintiffs .new_party_wrap,
#plaintiffs .party_wrap {
    float:right;
}

.new_party_wrap,
.party_wrap {
    position: relative;
    margin-bottom: 30px;
}

#defendants {
    width: 50%;
    padding-left: 40px;
    min-height: 400px;
}

#defendants .new_party_wrap {
    float:left;
}

#parties_separator {
    background: #fff;
    border: 3px solid #ccc;
    border-radius: 20px;
    color: var(--primary-color-500);
    font-size: 18px;
    padding:5px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19px;
}

.new_party_card i {
    font-size: 13px;
}

.new_party_title {
    width: max-content;
    position:absolute;
    left: 57px;
    top: 18px;
    height: 19px;
    z-index: 100;
}

#defendants .new_party_title {
    left: 43px;
}

.new_party_form {
    padding-bottom: 15px;
}

.member_wrap .right_subtitle {
    margin: 0;
}

.new_party_card .collapse_spacer {
    display: block;
    height: 22px;
    width: 100%;
    animation: all .2s;
    transition: height .2s linear;
}

.new_member {
    margin-left: 0;
}

.new_member_pre {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.new_member_pre button,
.attorney_pre button {
    display: block;
    width: 200px;
    text-align: left;
    font-size: 14px !important;
}

.new_member_pre button:hover,
.attorney_pre button:hover {
    color: #fff !important;
}

.new_member_pre button i,
.attorney_pre button i {
    padding-right: 7px;
    border-right: 1px solid #fff;
    margin-right: 5px;
}

.new_member_pre .blue-grey:hover,
.attorney_pre .blue-grey:hover {
    background-color: #607d8b !important;
}

.new_member_search {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.search_field_wrap {
    margin: 10px 0 10px 0;
}

.search_field_wrap .input-group-text {
    border-color: var(--brgprofileorg);
    background-color: var(--brgprofileorg);
    color: #fff;
}

.search_field_wrap .input-group-text img {
    width:18px;
    height:18px;
}

.plaintiffs_member_search {
    border: 1px solid var(--brgprofileorg);
}

.plaintiffs_search_results img,
.defendants_search_results img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.plaintiffs_search_results,
.defendants_search_results {
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
    text-align: left;
    max-height: 240px;
}

.profile_search_result button {
    padding: 8px 10px 8px 10px !important;
}

.new_party_btn button.disabled {
    opacity: 100% !important;
}

.plaintiffs_search_results .fa-search {
    font-size: .5em !important;
    color: #ccc !important;
    margin-right: 5px;
}

.plaintiffs_search_results_loading .spinner-border {
    margin-right: -17px;
    border-width: .1em;
}

.search_loader {
    float: left;
    margin-top: -3px;
}

.plaintiffs_search_results .loading {
    width: 120px;
}

.profilelink,
.member_atty {
    color: #aaa !important;
}

.profilelink .fa-external-link-square-alt {
    opacity: 0;
}

.profilelink:hover .fa-external-link-square-alt {
    opacity: 100%;
}

.linkprofilebtn {
    padding: 4px 0 0 4px;
    width: 38px;
}

.member .card-header {
    padding: 0 !important;
}

.member_wrap .subsec_header {
    color: var(--primary-color-500);
    padding-bottom:3px;
    border-color: #eee;
}

.new_member_toggle_text {
    display: inline-block;
}

.attorney_pre,
.attorney_inhouse {
    text-align: center;
    width:100%;
    padding-bottom: 10px;
}

.inhouse_loading {
    margin-top:10px;
}

.attorney_other i,
.new_member_form_wrap i {
    margin: 0 5px 0 5px;
}

.new_member .eip.editing.textarea {
    height: 100px;
}

.new_party_card .member_badge {
    box-shadow: none;
    float:right;
    width: 22px;
}

.new_party_card .member_badge i {
    font-size:10px !important;
    padding:1px !important;
    margin:0;
}

.new_party_card .card-header a {
    width: 100%;
    display: block;
    padding-bottom: 7px;
}

.member_toggle {
    float: right;
    color: var(--primary-color-500);
    margin: 5px 7px 0 0;
}

.member_toggle i {
    animation: linear .2s;
    transition: all .2s;
}

.member_delete {
    position: absolute;
    right: 28px;
    top: 5px;
    color: var(--primary-color-500);
}

.member_delete_btn {
    opacity: 0;
    pointer-events: none;
}

.member_delete_btn:hover {
    color: #f00000 !important;
}

.member_header:hover .member_delete {
    display: block;
}

.member_header {
}

.member_body {
    margin: 0 !important;
    padding-top: 10px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.member_body a:hover {
    color: var(--bridgedark) !important;
}

.member_icon {
    height: 18px;
}

.member_icon i {
    padding: 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px !important;
    margin-right: 7px;
}

.member_profile .member_icon i {
    background-color: var(--brgprofileorg);
}

.member_atty .member_icon i,
.member_other .member_icon i {
    background-color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.member_title {
    float:left;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    margin-top:6px;
    width: 200px;
}

.member_icon {
    float:left;
    margin-top:4px;
}

.member_header:hover .member_delete_btn {
    opacity: 100%;
    pointer-events: auto;
}

.new_member_search input:focus {
    border: 1px solid var(--brgprofileorg);
    box-shadow: none !important;
}

.new_member {
    background: none;
}

.member_opts {
    float: left;
    width: 27px;
}

.member_opts a {
    display: block;
    width: 18px;
    margin-bottom: 10px;
}

.member_opts a:hover i {
    box-shadow: 2px 2px #ccc;
}

.member_opts i {
    padding: 4px;
    border-radius: 2px;
    font-size: 10px !important;
    box-shadow: 2px 2px #ddd;
}

.member_copy i {
    background-color: #aaa;
    color: #fff;
}

.member_address_edit i {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.member_address {
    width: 230px;
    float:left;
    border-left: 1px solid #ccc;
    padding-left:7px;
}

.member_header a:hover:not(.member_delete_btn) {
    background: linear-gradient(to top, var(--bridgelite) 0%, rgba(0,0,0,0) 5px);
}

.address_link {
    margin-left: 7px;
}

.member_address i {
    width: 14px;
    margin-right: 5px;
}

.member_body .title i {
    font-size: 10px;
}

.member_body .profilelink {
    color: var(--brgprofileorg) !important;
}

.member_body .profilelink .fa-external-link-square-alt {
    opacity: 0;
}

.member_body .profilelink:hover .fa-external-link-square-alt {
    opacity: 100%;
}

.member_body .profilelink {
    font-size: 18px;
}

.member_body .profilelink:hover {
    color: #952200 !important;
}

.party_count {
    font-size: 24px;
    color: var(--primary-color-500);
    text-align:right;
    width: 300px;
}

#case_status_wrap {
    width:220px;
    height: auto;
    float:left;
    z-index: 2000;
    position: relative;
}

#case_status {
    background-color: #fff;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    height: auto;
    border: 1px solid rgba(0,0,0,0);
    user-select: none;
}

#case_status.open {
    border: 1px solid #ccc;
    box-shadow: 2px 2px #eee;
}

#case_status:hover {
    border: 1px solid #ccc;
}

#case_status li {
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
    list-style: none;
}

#status_list li:hover {
    background-color: #eee;
    font-weight: var(--font-weight-normal);
}

#case_status.open li:first-child {
    border-bottom: 1px solid #ccc;
}

#status_list li:first-child {
    border-bottom: none !important;
}

#case_status li i {
    margin-right: 7px;
}

#status_caret {
    position: absolute;
    top: 12px;
    right: 10px;
    color: var(--primary-color-500);
}

#status_caret i.rotate {
    transform: rotate(180deg);
}


.staff_letter .letter {
    font-size: 24px;
}

.staff_letter {
    border-radius: 10px;
    width: 45px;
    height: 45px;
    border: none;
    background: var(--bridgeblue);
    color: #fff;
    font-size: 24px;
    padding: 8px 7px 7px 7px;
    font-weight: var(--font-weight-medium);
    float:left;
    text-align: center;
}

.staff_group {
    float: left;
    width:250px;
    margin-left: 10px;
    font-size: 16px;
}

.staff_group_title {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    color: var(--primary-color-600);
}

.staff_group i,
.staff_group .spinner-border {
    font-size: 14px;
    margin-right: 7px;
}

.staffsubbtn {
    color: var(--primary-color-300) !important;
}

.staffsubbtn:hover {
    color: var(--bridgeblue) !important;
}

.staffsubbtn i {
    margin-right: 7px;
}

.staff_subgroup_user_select {
    border-top: 1px solid #eee;
    padding-top: 7px;
}

.staff_group_top {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.staff_group_top.primary {
    padding-bottom: 0;
}

.subgroup {
    font-weight: var(--font-weight-normal);
    color: var(--primary-color-600);
}

.sub_staff_link {
    padding:5px 0 5px 0;
    display: block;
    border-top: 1px solid #eee;
}

.sub_staff_link.disabled {
    background-color: #fff;
    border: none;
    color: #ccc !important;
}

.sub_staff_link:hover {
    font-weight: var(--font-weight-normal);
}

.sub_staff_link:hover i {
    color: var(--bridgeblue);
}

.staff_group_wrap {
    width: 350px;
    position: relative;
    z-index: 999;
    padding: 10px;
}

.staff_group_wrap:hover {
    cursor: pointer;
}

.staff_group_wrap:hover .staff_letter {
    box-shadow: 2px 2px 2px #ddd;
}

.staff_group_wrap:hover .staff_group_title {
    color: var(--bridgeblue);
}

.staff_group_caret {
    float: right;
    margin-top: 20px;
    color: var(--primary-color-500);
}

.staff_group_wrap:hover .staff_group_caret {
    color: var(--primary-color-600);
}

.staff_group_opts {
    position:relative;
    float: left;
    background-color: #fff;
    padding: 80px 10px 0 0;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, rgb(204, 204, 204), rgba(0,0,0,0));
    margin-top: -80px;
    z-index: 998;
}

.rotate {
    transform: rotate(180deg);
}

#call_form {
    width: 100%;
}

#new_call_users {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.new_call_user {
    height: 70px;
    width: 320px;
    margin: 0 30px 30px 0;
    padding-bottom: 10px;
}

.new_call_user:hover {
    color: var(--bridgeblue);
}

.new_call_user .btn {
    padding: 2px 7px 0 7px !important;
}

.new_call_user .btn.call_to {
    padding-left: 10px !important;
}

.new_call_user .btn.call_cc {
    padding-right: 10px !important;
}

.new_call_user .btn:hover {
    color: var(--bridgeblue) !important;
    border-color: var(--bridgeblue) !important;
}

.new_call_user .btn-group {
    float:left;
    margin-right: 15px;
}

.new_call_user .user_name {
    font-size: 20px;
    display:block;
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.new_call_user .details {
    float:left;
    width:220px !important;
    margin-top: 0 !important;
    justify-content: normal !important;
}

.new_call_user .details .att_time {
    margin-top: 4px;
}

.new_call_user .details .extension {
    padding-top: 4px;
}

.new_call_user .details .extension i {
    font-size: 12px;
}

.new_call_user .user_group {
    float: left;
    font-size: 14px;
    padding-top: 3px;
    margin-left: 7px;
}


.new_call_user .user_att .att_time {
    display: inline-block;
    margin-top: -4px;
}

#new_call_users .chip {
    margin: 4px 0 0 0;
}

.new_call_user .user_group .group {
    width: 24px;
    height: 24px;
    text-align: center;
    padding:2px 0;
    border:1px solid #ccc;
    border-radius: 3px;
    font-family: "Roboto", sans-serif;
    color: var(--primary-color-300) !important;
    float: left;
    font-weight: var(--font-weight-normal);
    margin-right: 5px;
}

.new_call_user .user_group .subgroup {
    font-family: Teko Regular;
    float:left;
    font-size: 20px;
}

.new_call_user .user_name .name {
    float:left;
}

.new_call_user .user_name .clock {
    float: left;
    margin: 5px 0 0 7px;
    font-size: 14px;
}

.new_call_user .user_name .clock.in {
    color: green;
}

.new_call_user .user_name .clock.out {
    color: red;
}

#new_call_filters {
    display: flex;
    align-items: flex-start;
}

#new_call_filter_icon {
    width: 30px;
    float:left;
    margin-top: 10px;
}

.call_filter {
    margin-right: 15px;
}

#save_call_btn_text {
    margin-top: 3px;
}

#save_call_btn_text i {
    margin-right: 10px;
}

#save_call_btn_text .spinner-border {
    margin-right: 7px;
}

#call_alert_details {
    font-size: 12px;
    width:100%;
    overflow-y: scroll;
    max-height: 80px;
}

#call_alert_warp {
    height: 160px;
    overflow: hidden;
}

.subsearch {
    position: relative;
}

.subsearch i {
    position: absolute;
    top:11px;
    right:11px;
}

#calls_search_results .spinner-border {
    margin-right: -17px;
    border-width: .1em;
    width: 25px;
    height: 25px;
}

#calls_search_results .loading {
    width: 300px;
    margin-left: auto;
}

#calls_search_results .search_loader {
    width: 30px;
    position: relative;
}

#calls_search_results .search_loader i {
    position: absolute;
    top:5px;
    left:5px;
    font-size: 14px;
}

#calls_profile_search_input.disabled,
#new_call_name.disabled {
    color: var(--primary-color-500);
}

.calls_profile {
    width: 100%;
    height: 70px;
}

.calls_profile:hover .btn {
    background: var(--brgprofileorg);
}

.calls_profile:hover .right {
    border-color: var(--brgprofileorg);
}

.calls_profile .left {
    float:left;
}

.calls_profile .right {
    float:left;
    border: 3px solid #ccc;
    border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
    border-left: none;
    height: 55px;
    width: 350px;
    padding: 3px 0 0 10px;
    font-size: 18px;
    position: relative;
}

.calls_profile.linked .right {
    border-color: var(--brgprofileorg);
}

.calls_profile.linked .btn {
    background: var(--brgprofileorg);
}

.calls_profile .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    height: 55px;
    padding: 5px 20px 0 25px;
    font-size: 18px;
    box-shadow: none;
}

.calls_profile .btn:hover {
    box-shadow: none;
}

.calls_profile_details {
    margin-top: 5px;
}

.calls_profile_details  div {
    float:left;
    margin-right:15px;
    font-size: 14px;
}

.calls_profile_id i,
.calls_profile_dob i,
.calls_profile_phone i {
    font-size: 14px;
    margin-right: 5px;
    color: var(--primary-color-200);
}

.calls_profile .right .calls_profile_link {
    color: var(--brgprofileorg);
    font-size: 18px;
    position: absolute;
    top:14px;
    right:14px;
    opacity:0;
    pointer-events: none;
}

.calls_profile:hover .calls_profile_link {
    opacity:100;
    pointer-events: auto;
}

.calls_profile_link:hover {
    color: var(--dark) !important;
}

.calls_profile button {
    background: #ccc;
}

#profile_list thead,
#case_list thead {
    color: var(--primary-color-500);
    font-size: 16px;
}

#profile_list thead th,
#case_list thead th {
    padding-bottom: 5px;
    font-weight: var(--font-weight-semibold);

}

.profile_list_col_id,
.case_list_col_id {
    width: 160px;
    font-size: 12px;
    font-weight: var(--font-weight-normal);
  }
  
  .case_list_name,
  .profile_list_col_name {
    font-weight: var(--font-weight-normal);
    font-size: 18px;
    width: 300px;
  }

.profile_list_col_name a:hover {
    color: var(--brgprofileorg);
}

.case_list_col_name a:hover {
    color: #252f6b;
}

#profile_list .chip {
  margin: 0;
  background: #aaa;
  color: #fff;
  font-size: 12px;
}

.profile_list_col_id .profile_list_id,
.case_list_col_id .case_list_id {
    font-size: 16px;
}

.profile_list_col_progress {
    color: #3cb878;
    width: 200px;
}

.case_list_col_type,
.profile_list_col_referred {
  font-weight: var(--font-weight-normal);

}

.profile_list_col_progress .progress-bar {
    background: #3cb878;
}

.profile_list_col_progress .profiles_prog_comp {
    cursor: pointer;
    font-weight: var(--font-weight-bold);
}

.profile_list_col_progress .profiles_prog_comp:hover {
    color: #277952;
}

.profile_list_col_progress .profiles_prog_non {
    color: var(--primary-color-500);
}

#new_profile_link_wrap,
#new_case_link_wrap,
#new_user_link_wrap,
#export_cases_wrap {
    float: right;
}

#new_profile_link_wrap .btn,
#new_case_link_wrap .btn,
#new_user_link_wrap .btn,
#export_cases_wrap .btn {
    font-size: 16px;
}

#new_profile_link_wrap .btn i,
#new_case_link_wrap .btn i,
#new_user_link_wrap .btn i,
#export_cases_wrap .btn i {
    margin-right: 10px;
}

.pagination_wrap {
    width: 100%;
    margin-top: 20px;
}

.pagination_wrap .profile_count {
    float:left;
    font-size: .9rem;
    padding-top: 8px;
    margin-left: 10px;
}

.pagination_wrap .page_count {
    float:right;
    font-size: .9rem;
    padding-top: 8px;
    margin-right: 20px;
}

.pagination_wrap .page_buttons {
    float:right;
    margin-right: 10px;
}

#newProfileModal .btn i,
#newProfileModal .btn .spinner-border,
#newCaseModal .btn i,
#newCaseModal .btn .spinner-border {
    margin-right: 5px;
}

.case_list_col_id {
    position: relative;
}

.case_list_col_id .case_list_id {
    margin-left: 15px;
}

.case_status_bar {
    position:absolute;
    left:0;
    top:0;
    width: 8px;
    height: 100%;
}

.case_list_col_name {
    font-size: 18px;
    width: 700px;
}

.case_status_name {
    margin-left: 15px;
}

#status_legend {
    width: 200px;
    margin-top: 80px;
    line-height: 30px;
}

#status_legend_title {
    font-size: 18px !important;
    color: var(--primary-color-500);
    margin-bottom: 5px;
}

#status_legend li {
    list-style: none;
}

#status_legend li i {
    margin-right: 5px;
}

#case_list_filters {
    width:100%;
    padding-left: 10px;
}

#case_filters {
    display: flex;
    align-items: flex-start;
}

#case_filter_icon {
    width: 30px;
    float:left;
    margin-top: 10px;
}

.case_filter {
    margin-right: 15px;
}

#case_filter_button_wrap .btn {
    background: #ddd;
    box-shadow: none;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#case_filter_button_wrap .btn:hover {
    background: #bbb;
}

.dash_title {
    width: 100%;
    padding-bottom:5px;
    border-bottom: 1px solid #ccc;
}

.task_filters_title {
    margin-top: 158px;
}

#task_filters .btn {
    padding: 5px 8px;
}

#task_filters .btn-outline-light:not(.active):hover {
    color: var(--bridgeblue) !important;
    border-color: var(--bridgeblue) !important;
}

#task_filters .disabled {
    border: none;
    background: #fff;
}

.eip_textarea {
    min-height: 33px;
    max-height: 1000px !important;
    height: auto !important;
}


.staff_group_wrap.disabled {
    background: #fff;
    border: none;
}

.staff_letter .spinner-border {
    margin-top: 5px;
}

#linked_group .alert {
    margin-top: 5px;
}

#linked_group:hover .alert {
    font-weight:400 !important;
}

.sub_linked {
    border-top: 1px solid #eee;
    margin-top: 5px;
}

.sublink {
    margin: 3px 0;
    display: block;
    width: 100%;
}

.sublink:hover {
    font-weight: var(--font-weight-normal);
}

.sublink:hover .badge:not(.bbgcolor) {
    background: #999 !important;
}

.sublink:hover .fa-user-plus {
    color: var(--bridgeblue) !important;
}

.sublink:hover .sublink_delete {
    display: inline-block;
}

.sublink_delete {
    display: none;
    float: right;
    z-index: 100;
    color: var(--primary-color-500);
}

.sublink_delete:hover {
    color: #ff3547;
}

#time_management_table {
    width: 100%;
    
  }
  
  #time_management_table td {
    padding: 5px;
    font-weight: var(--font-weight-normal);
}

#time_management_content {
    position: relative;
}

#total_time {
    position: absolute;
    top: 30px;
    font-weight: var(--font-weight-normal);
}

#time_management_table_info,
#settlement_credits_table_info,
#settlement_liens_table_info {
    font-size: 14px;
    
}

.tm_stripe1 {
    background: #f5f5f5;
}

#total_time_data {
    font-size: 18px;
}

#time_form,
#settlement_form,
#settlement_credits_form,
#settlement_liens_form,
#att_add_time_form,
#user_form,
.case_extra {
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin-bottom: 20px;
}

#time_form .eip,
#settlement_form .eip,
#settlement_credits_form .eip,
#settlement_liens_form .eip,
#attendance_filter_dates .eip,
#att_add_time_form .eip,
#user_form .eip,
.case_extra .eip {
    height:33px;
    max-height: 53px;
    display: inline-block;
    transition: height .2s;
    margin-bottom: 5px;
}

.settlement_toggle {
    float:right;
}

#settlement .b_h5 {
    float:left;
}

.settlement_block {
    display: block;
    padding: 0 7px;
}

.settlement_title {
    cursor: pointer;
    display: block;
    min-height: 35px;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
}

.settlement_title:hover {
    font-weight: var(--font-weight-normal);
}

.settlement_title:hover i {
    color: var(--bridgeblue);
}

#settlement_credits,
#settlement_liens {
    padding: 10px 0 30px 0;
}

#settlement_credits_table_wrapper,
#settlement_liens_table_wrapper {
    border-bottom: 1px solid #eee;
    margin-bottom:10px;
}

#settlement_math {
    display:block;
    margin: 30px 7px 0 7px;
}

.settlement_amount_badge {
    font-size: 16px !important;
}

#settlement table {
    width: 100%;
}

#user_info {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 220px;
    background: #fff;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, rgb(204, 204, 204), rgba(0,0,0,0));
    z-index: 998;
    padding: 80px 7px 10px 7px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#user_info .btn {
    width: 100%;
    margin:0;
}

#user_info .btn.btn-success:hover {
    background: #007E33 !important;
}

#user_info .btn.btn-danger:hover {
    background: #CC0000 !important;
}

#user_info .btn.btn-grey:hover {
    background: #9e9e9e !important;
}

#clock_io_load {
    text-align: center;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

#iwrap i {
    font-size: 32px;
    margin: 10px 0 0 10px;
    color: var(--bridgeblue);
}

#iwrap {
    width: 60px;
    height: 60px;
}

#attendance_filters {
    margin-left: 10px;
    display: flex;
}

#attendance_filter_dates {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    width: 500px;
    height:40px;
}

#attendance_filter_dates.short {
    width: 240px;
}

#attendance_filter_icon {
    width: 30px;
    float:left;
    margin-top: 15px;
    margin-right: 15px;
}

#attendance_filter_btn button {
    color: var(--primary-color-300) !important;
}

#attendance_table {
    width: 100%;
}

#attendance_table td {
  font-weight: var(--font-weight-normal);
  height: 40px;
}

#attendance_table_wrap {
    width: 300px;
    margin: 30px 0 0 15px;
}

.att_io .clock_badge {
    margin: 5px 0 0 0;
}

.date_border {
    border-top: 1px solid #666;
}

.att_delete {
    color: #ccc !important;
}

.att_delete:hover {
    color: #ff4444 !important;
}

#att_total_time {
    margin: 30px 0 0 15px;
}

#att_total_time .badge {
    font-size: 16px;
    background: var(--bridgeblue);
}

#att_add_time_wrap {
    width: 500px;
    margin: 30px 0 0 15px;
}

#att_add_time_form .chip {
    float: left;
}

#att_add_io_wrap .form-check-inline {
    margin-right: 0;
}

#att_add_io_wrap .clock_badge {
    margin: 2px 0 0 0;
}

#att_add_io_wrap {
    padding: 5px 0 0 4px;
}

#att_add_time_form {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

#settlement_math .badge.bbgcolor {
    margin-top: 5px;
}

#users_wrap {
    margin-left: 15px;
}

#users_table_wrap {
    width: 600px;
    position: relative;
}

#users_table {
    width: 100%;
}

#users_table td {
    font-size: 16px !important;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.user_deleted {
    display: none;
}

#users_table tr:hover {
    cursor: pointer;
    background: #f5f5f5;
    color: var(--bridgeblue);
}

#users_table_show_deleted {
    position: absolute;
    top: 10px;
    z-index: 998;
}

#user_form_wrap {
    width:600px;
    margin-left: 15px;
}

#user_pass_gen_btn {
    margin: 0 0 10px 0;
}

#user_active_wrap {
    margin: 0 0 15px 7px;
}

#breadcrum_menu {
    margin-bottom: 30px;
}

#save_user_btn {
    float:right;
    color: darkgreen !important;
}

#case_extras_wrap .extra_btn {
    padding:7px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-normal);
}

#case_extras_wrap .extra_btn:hover {
    background: #efefef;
    color: var(--bridgeblue);
    cursor: pointer;
}

#case_extras_wrap .fa-caret-down,
#case_extras_wrap .fa-pen {
    float:right;
}


.case_extra {
    margin-top: 10px;
}

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

.nav.bbgcolor:hover {
    background: var(--bridgeblue) !important;
}

.ssa_info {
    margin: 0 0 30px 7px;
}

#search_table_wrap {
    margin: 30px 0 0 7px;
}

#search_table {
    width: 100%;
}

#search_table td,
#search_table th {
    font-size: 16px !important;
    padding: 7px;
}

#search_table tr:hover {
    cursor: pointer;
    background: #eee;
    color: var(--bridgeblue);
}

#search_suggest_results {
    position: absolute;
    top: 30px;
    left: 190px;
    width: 320px;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
    background: #fff;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, rgb(204, 204, 204), rgba(0,0,0,0));
    z-index: 998;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.suggest_result {
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    padding: 7px 0 7px 0;
    border-bottom: 1px solid #eee;
    width: 320px;
}

.suggest_result:hover {
    background: #eee;
    cursor: pointer;
}

.suggest_id {
    color: var(--primary-color-600);
}

.suggest_type {
    margin-left: 10px;
}

.suggest_type i {
    margin-right: 5px;
}

.suggest_name {
    margin: 0 10px 0 10px;
}

.casename {
    height:auto !important;
    max-height: none !important;
}

#search_loading {
    margin-left:30px;
}

#call_log_table_wrap {
    margin: 30px 7px 0 7px;
}

#call_log_table {
    width: 100%;
}

.call_info td {
    border-bottom: 1px solid #eee;
    padding: 15px 7px 20px 7px;
}

.caller_name {
    font-size: 16px;
}

.call_header:hover {
    cursor: pointer;
    background: #efefef;
}

.call_header td:first-of-type {
    padding-left: 7px;
}

.call_header td {
    padding: 7px 0 7px 0;
}

.call_header .badge {
    margin-bottom: 5px;
}

#new_contact_form_wrap {
    width: 500px;
    margin: 30px 7px 0 7px;
}

.showsave {
    opacity: 100;
    pointer-events: auto;
}

#contact_form_wrap {
    float:left;
    width:500px;
}

#contact_phone_wrap {
    float:left;
    width:300px;
}

#costfile_options {
    right: 0;
}

.case_profile_details {
    margin-top: 15px;
}

.rsec_case {
    cursor: pointer;
}

#note_filters .md-form,
#task_filters .md-form {
    margin: 0 15px 0 0;
}

#note_filter_icon i,
#task_filter_icon i {
    padding: 15px 0 0 15px;
}

#task_filters .form-check {
    padding-top: 10px;
}

#new_task {
    height: 164px !important;
}

.staff_notify_wrap {
    float: right;
    margin-right: 50px;
    color: var(--primary-color-500);
}

.staff_notify_wrap a:hover {
    color: var(--bridgeblue) !important;
}

.staff_notify_wrap .spinner-border {
    left: 186px;
}

#group_notify,
.subgroup_notify {
    margin-left: 15px;
}

#group_notify a,
.subgroup_notify a {
    color: #ccc !important;
}

#group_notify a:hover,
.subgroup_notify a:hover {
    color: var(--bridgeblue) !important;
}

#scroll_top_btn {
    position: absolute;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    width: 80px;
    height: 70px;
    text-align: center;
    font-size: 48px;
    background: #ccc;
    opacity: 50%;
    border-radius: 10px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    display: none;
}

#scroll_top_btn:hover {
    color: var(--primary-color-200);
}

.suggest_status_color {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 2px;
    margin-right: 7px;
}

.suggest_name .badge {
    padding: 4px 4px 2px 4px !important;
}

#search_casetype {
    min-width: 250px;
}

#search_id {
    min-width: 100px;
}

#search_type {
    min-width: 100px;
}

#search_date {
    min-width: 100px;
}

#search_name {
    min-width: 600px;
}

#export_cases_wrap button .spinner-border {
    margin-right: 10px;
}

#task_filters .md-form {
    width: 240px;
}

#new_postage_options .md-form {
    display: inline-block;
    width: 100px;
    margin: 0 15px 0 0;
}

#new_postage_options .md-form label {
    font-size: 12px !important;
}

#new_postage_options {
    padding-top: 15px;
}

#unlink_group_btn {
    position:absolute;
    top: 65px;
    left: 25px;
    display:none;
    color: var(--primary-color-500);
}

#unlink_group_btn:hover {
    color: red;
}

#linked_group:hover #unlink_group_btn {
    display: block;
}

.case_profile_details {
    padding-left: 45px;
}

#new_note_category_wrap {
    float: left;
}

#new_note_draft_text {
    float:right;
    font-style: italic;
    margin-top: 1.7rem;
    color: var(--primary-color-600);
}

#settlement_math button:hover {
    border-color: var(--bridgeblue) !important;
    color: var(--bridgeblue) !important;
}

#stat_blocks {
    display: flex;
    justify-content: flex-start;
}

.stat_block {
    margin: 20px;
}

.stat_number {
    font-size: 56px;
    color: var(--bridgeblue);
    text-align: center;
}

.stat_title {
    text-align: center;
    font-size: 18px;
    color: var(--primary-color-600);
    padding-top: 10px;
    border-top: 2px solid var(--bridgeblue);
}

#delete_cp {
    position:absolute;
    font-size: 18px;
    top: 15px;
    left: -10px;
    color: var(--primary-color-500);
}

#delete_cp:hover {
    color: red;
    cursor: pointer;
}

#merge_cp {
    position:absolute;
    font-size: 18px;
    top: 50px;
    left: -11px;
    color: var(--primary-color-500);
}

#merge_cp:hover {
    color: var(--bridgeblue);
    cursor: pointer;
}

.left_title {
    font-size: 20px;
    font-weight: var(--font-weight-normal);
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#admin_menu {
    padding: 20px 7px 0 7px;
}

#admin_menu a {
    font-size: 18px;
    float:left;
    margin-right: 30px;
}

#admin_menu a:hover {
    color: var(--bridgeblue);
}

#admin_menu a i {
    width: 24px;
    margin-right: 5px;
}

.admin_submenu {
    margin-bottom: 40px;
}

#admin_access {
    font-size: 24px;
    display: flex;
    margin: 10px 7px 0 0;
    float:right;
    color: var(--primary-color-600);
}

#admin_access .badge {
    margin-left: 10px;
}

#merge_modal .modal-header {
    font-size: 1.2em;
    font-weight: var(--font-weight-normal);
}

#merge_modal .form-row {
    margin: 0;
}

#merge_modal .form-row .col {
    padding: 0;
}

#merge_modal .form-row button {
    height: 38px;
    margin-top: 27px;
    border-radius: .25em;
}

#merge_modal #merge_results {
    margin: 15px 0 0 10px;
}

#merge_modal #merge_results_id {
    flex-basis: unset;
    flex-grow: unset;
    width: auto;
    font-weight: var(--font-weight-bold);
    padding-right: 0;
}

#merge_confirm {
    display: none;
    margin-top: 30px;
}

.notice_icon {
    font-size: 20px !important;
    padding-top: 5px;
}

#eip_search_loader {
    width: 20px;
    height: 20px;
    color: var(--primary-color-500);
    float: left;
    margin-left: 5px;
}

#eip_search_loader .spinner-border-sm {
    width: .75rem !important;
    height: .75rem !important;
}

.eip_editor:disabled {
    color: var(--primary-color-500);
    border-image-source: linear-gradient(to top, rgba(204, 204, 204, 1), rgba(0,0,0,0));
}

.search_results_dropdown {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    background: #fff;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, rgb(204, 204, 204), rgba(0,0,0,0));
    z-index: 998;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
    box-shadow: 2px 2px #eee;
}

#new_postage_address_name_results {
    top: 60px;
}

#new_postage_address_company_results {
    top: 120px;
}

#new_postage_address_form_wrap {
    position: relative;
}

#user_activity {

}

#user_activity td {
    vertical-align: top;
    font-size: 15px !important;
}

.activity_date {
    width:90px;
}

.activity_time {
    width: 90px;
}

.activity_changes {
    width: 500px;
}

#user_activity .suggest_id {
    font-weight: var(--font-weight-normal);
}

.address_book_result {
    padding: 15px;
    cursor: pointer;
}

.address_book_result:hover {
    background: #eee;
}

#calendar .badge-pill {
    background-color: #aaa;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px 5px 10px;
    box-shadow: none;
}

#calendar .badge i {
    margin-right: 7px;
    margin-left: -5px;
}

.cal_subject {
    font-weight: var(--font-weight-normal);
    padding-bottom: 7px;
}

.cal_subject a:hover {
    color: var(--bridgeblue);
}

#calendar tr td:first-of-type {
    text-align: right;
}

.title_btn {
    float: right;
}

.title_btn button {
    font-size: 16px;
}

.title_btn i {
    margin-right: 7px;
}

.ad_dates {
    display: block;
    margin-bottom: 15px;
    height: 20px;
    color: var(--primary-color-400);
    font-weight: var(--font-weight-medium);
}

.allday_l {
    float: left;
}

.allday_l i {
    margin-right: 5px;
}

.allday_r {
    float: right;
}

.allday_r i {
    margin-left: 5px;
}

.cal_users {
    margin-top: 15px;
}

#cal_controls {
    float:right;
    min-width: 260px;
}

#cal_date {
    min-width: 80px;
    max-width: 130px;
}

#cal_head {
    height: 60px;
}

.fe_caret {
    margin-right: 10px;
    color: var(--primary-color-500);
}

#fe_functions {
    margin: 15px 0 15px 0;
}

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

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

#generate_link, #esign_link {
    display: inline-block;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

#generate_link:hover, #esign_link:hover {
    color: #00b9d5;
}

#fe_generate_form {
    height: 60px;
    display: none;
    margin-top: 10px;
}

#fe_esign_form {
    display: none;
    margin-top: 10px;
    padding-bottom: 15px;
}

#fe_esign_form .spinner-border {
    color: var(--primary-color-500);
}

#fe_esign_form button i,
#fe_esign_form button .spinner-border {
    margin-right: 7px;
}

#esign_message {
    color: #0b2e13;
}

.h2_space {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
}

#stat_opts {
    margin: 15px 0 15px 15px;
    display: flex;
    justify-content: flex-start;
}

#stat_opts_ico {
    padding: 7px 15px 0 0;
}

#stat_opts_range {
    float: left;
}

#stat_data_left {
    float:left;
    width: 25%;
    padding-right: 30px;
}

#stat_data_right {
    float:left;
    width: 75%;
}

.archive{
    margin-top:15px; 
    margin-left:10px;
}

.archive:hover{
    color:red;
    cursor:pointer;
}

.upload_file{
    float: right;
}

.upload_folder{
    float:right;
    margin-right:10px;
}

.create_directory{
    float: right;
    margin-right:10px;
}

.hidden{
    display:none !important;
}

.spinner{
    width:15px;
    height:15px;
}

.breadcrumbs{
    display:inline-flex;
    margin:0;
    padding:0;
}

.crumb:hover{
    color:#00b9d5;
    cursor: pointer;
}

#storage-context-menu{

    position:fixed;
    z-index: 10000;
    width:150px;
    background:#6e6f70;
    border-radius: 5px;
    transform: scale(0);
    transition: transform 200ms ease-in-out;
}

#storage-context-menu.visible{
    transform: scale(1);
    transition: transform 200ms ease-in-out;
}

#storage-context-menu .storage-context-item{
    padding:8px 10px;
    font-size: 15px;
    color:#eee;
    cursor:pointer;
    border-radius: inherit;
}

#storage-context-menu .storage-context-item:hover{
background: #00b9d5;   
}

.moveModalContainer{
    background-color: #00000062;
    display:none;
    position:fixed;
    width:100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index:3000;
    top: 0;
    left: 0;
}

.moveModal{
    background-color: whitesmoke;
    padding:5%;
    width: 50%;
    min-width: 2rem;
    z-index:3001;
}

#modal-filetable{
    overflow-y: auto;
    height: 40rem;
    display:block;
}


#fe_files{
    position: relative;
    padding-bottom: 6rem;
}

.uploadLoaderContainer{
    background-color: #00000062;
    display:none;
    width:100%;
    height: 100%;
    position: absolute;
}

.uploadLoader{
    background-color: whitesmoke;
    padding:5% 10% 5% 10%;
    margin:10% 15%;
    position: relative;
}
.uploadLoaderInfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.moveModalBtn{
    font-size: 1.3rem;
}

.moveModalActionBtns{
    display: flex;
    justify-content: end;
    margin-top: 2rem;
}
.moveModalActionBtns a:first-child{
    margin-right: .5rem;
}

.currentDirView{
    margin-bottom: 1rem;
}
.moveModalSeparator{
    height: 2rem;
}

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

.highlightDropArea{
    background-color: whitesmoke;
    
}

.page-link{
  font-weight: var(--font-weight-medium);
}

.claim-btns-container{
  display: flex;
  justify-content: space-between;
}

.claim-btns{
  display: flex;
  gap: 10px;
}

.favourite-star {
  color: yellow;
}

#referred_by_edit_toggle,
#referred_by_add_toggle {
  cursor:pointer;
  margin-left:5px;
}

#referred_by_edit_toggle:hover{
  color: blue;
  opacity: 0.9;
}

#referred_by_add_toggle:hover {
  color: green;
  opacity: 0.9;
}

#mergeGroupsModal{
  align-content: center;
}
.h-fit {
  height: fit-content;
}

.address_hidden{
  display:none;
}

.upload-dropdown {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.upload-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    border-radius: 4px;
    top: 100%;
    left: 0;
}

.upload-dropdown-content a {
    color: #333;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.upload-dropdown-content a:last-child {
    border-bottom: none;
}

.upload-dropdown-content a:hover {
    background-color: #f5f5f5;
}

.upload-dropdown:hover .upload-dropdown-content {
    display: block;
}

.upload-dropdown .upload_file,
.upload-dropdown .upload_file_mobile {
    display: inline-block;
    text-decoration: none;
}

.upload-dropdown:hover .upload_file,
.upload-dropdown:hover .upload_file_mobile {
    background-color: #f5f5f5;
    border-radius: 4px;
}


#filetable .filerow .selected-file {
    position: relative;
    opacity: 1;
    pointer-events: visible;
    transform: scale(1.5);
    transform-origin: 0 0;
    margin: 8px 8px 0 0;
    cursor: pointer;
}

.item-select-references{
    float: right;
    margin-right:10px;
}

.item-select-references.left{
    float: left;
    margin-right:10px;
}