/* CONSTANTS */
:root {

    /* COLORS */
    
    ---color-primary: #343434;
    ---color-primary: #404040;
    ---color-secondary: #808080;

    ---color-base1: #f5f5f5;
    ---color-base2: #eee;
    ---color-base3: #ddd;
    ---color-base4: #ccc;
    ---color-base5: #bbb;
    ---color-base6: #aaa;

    ---color-highlight1: #f4943d;
    ---color-highlight2: #eb655b;

    ---color-bkg: #fff;


    /* DARK MODE 

    ---color-primary: #ddd;
    ---color-secondary: #ccc;

    ---color-base1: #333;
    ---color-base2: #444;
    ---color-base3: #555;
    ---color-base4: #666;
    ---color-base5: #777;
    ---color-base6: #888;

    ---color-bkg: #222;

*/


    /* BUTTONS */
    ---button-padding: 5px 10px 5px 10px;
    ---button-margin: 3px 4px 3px 0px;
    ---button-margin: 6px 6px 9px 0px;
    ---button-margin: 3px 3px 4px 0px; /* trying for less space */

    ---button-color-bkg: var(---color-base3);
    ---button-bkg-grad: linear-gradient( var(---color-base3) , var(---color-base4) 130%);
    ---button-base: linear-gradient( var(---color-base3) , var(---color-base4) 130%);
    ---button-highlight: linear-gradient( var(---color-base4) , var(---color-base3) 130%);


    /* BORDERS */
    ---curve-base: 5px;
    ---curve-button: 5px;
    ---curve-field: 0px;
    ---curve-table: 0px;

    ---border-basic-width: 1px;
    ---border-basic-color: var(---color-base4);
    ---border-basic: var(---border-basic-width) solid var(---border-basic-color);

    ---border-input-base: var(---border-basic-width) solid transparent; /* no border */
    ---border-input-base: var(---border-basic-width) solid var(---border-basic-color); /* with border */
    ---border-input-highlight: var(---border-basic-width) solid var(---color-highlight1);


    /* TYPOGRAPHY */
    ---type-body-size: 13px;
    ---type-body-family: "Open Sans", sans-serif;
    ---type-body-lineheight: 1.4;
    ---type-body-weight: 600;
    ---type-body-font: var(---type-body-weight) var(---type-body-size)/var(---type-body-lineheight) var(---type-body-family);

    ---type-h1-size: 21px;
    ---type-h2-size: 16px;
    ---type-h3-size: 12px;


    /* DROPDOWNS */
    ---select-maxheight: 400px;
    ---select-padding: 5px 10px 5px 10px;
    ---select-padding: 5px 8px 5px 4px; /* requested reduction by Troy 1/25/19 */
    ---select-margin-bottom: 9px;
    ---select-margins: 3px 6px var(---select-margin-bottom) 0px;
    ---select-margins: 3px 3px 4px 0px;  /* less spacy */


    /* SCROLL BAR */


}


/* COLORS

#383D43   easy on eyes highlight (daaark gray)

#343436   dark gray
#d9d9d9   gray
#eee      light gray

#0c8dfd   Mojave blue
#eb655b   Mojave red

#88a83e   Mahler green
#f4943d   Mahler yellow
#f1592e   Mahler orange
#c91f39   Mahler red
#951941   Mahler maroon
#5b1447   Mahler purple

Troy colors
#5d1b47 Highlight 1
#ff553f Highlight 2

*/




/* EXPERIMENTAL */
* {
    box-shadow: none;
    text-shadow: none;
}



/* CONTAINERS */


.content_panel {
    background-color: var(---color-bkg);
    min-height: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: var(---curve-base);
    padding:5px;
    margin:5px;
}

#content, #main, .content_panel, #ribbon, body {
    background-color: var(---color-bkg);
}

#add_regen_event_div {
    background-color: var(---color-bkg) !important;
    border: none;
    min-width: 320px;
    box-shadow: none;
}

.bill_details_div {
    background-color: var(---color-bkg) !important;
    padding: 0px 0px 10px 0px !important;
}

/*
.content_inner {
    line-height: 120%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin: 0px;
    background: var(---color-bkg);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: var(---curve-base);
    -moz-border-radius: var(---curve-base);
    -o-border-radius: var(---curve-base);
    border-radius: var(---curve-base);
    border: none;
}
*/

.fixed_top {
    position: fixed;
    top: 0px;
}

.well {
    background-color: var(---color-base1);
    border: var(---border-basic);
    border-radius: var(---curve-base);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    position: relative;
    padding: var(---select-padding);
    margin: var(---select-margins);
}

.one_input_class {
    padding: var(---select-padding);
}






/* TOP NAVIGATION BAR */

/*
#ribbon {
    padding-left: 26px;
    font: var(---type-body-font);

}

#ribbon .breadcrumb {
    color: var(---color-base3) !important;
}

#ribbon .breadcrumb li:last-child {
    color: var(---color-primary) !important;
}
*/



/* HEADINGS / TEXT / TYPE TREATMENTS */
h1 {
    font: var(---type-body-font);
    font-size: var(---type-h1-size);
}

h2 {
    font: var(---type-body-font);
    font-size: var(---type-h2-size);
}

h3 {
    font: var(---type-body-font);
    font-size: var(---type-h3-size);
}

body {
    margin: 0px;
    font: var(---type-body-font);
    direction: ltr;
}

.successText {
    color: var(---color-highlight1);
}

.failText {
    color: var(---color-highlight2);
}

.linkText {
    cursor: pointer;
}

.linkText:hover {
    color: var(---color-highlight1);
}





/* HEADERS */

/*
.fixed-header #header {
    box-shadow: none;
    border-bottom: none;
    border: none;
}
/* header that is on top of every page */

.section_header {
    width:100%;
    max-width:4640px;
    margin-left:auto;
    margin-right:auto;
}
/* used in scheduler top */


.section_separator, .grey_background {
    background-color: var(---color-base1);
    color: var(---color-primary);
    font: var(---type-body-font);
    padding: var(---select-padding);
    width: 100%;
}

.lightbox_bg_class {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100021;
        background: #000000;
        opacity: 0.7;
        display: none;
}

.lb_content_class {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        display: none;
}

.lb_data_class {
        width: 500px;
        margin-left:auto !important;
        margin-right:auto !important;
        background-color: #F9F9F9;
        -moz-box-shadow: 0px 0px 20px #000000;
        -webkit-box-shadow: 0px 0px 20px #000000;
        box-shadow: 0px 0px 20px #000000;
        position:relative;
        top:30px;
        padding: 0px;
}

.lb_loaded_content_class {
        padding:5px;
}

.lb_loaded_content_header {
        padding:0px;
        background-color:var(---color-primary);
        color:#FFFFFF;
}

.close_lb_class {
        text-align:right;
        /*background-color:#54657D;*/
        background-color: var(---color-highlight1);
        padding:5px;
}
.close_lb_class .btn {
        padding:4px !important;
}
/*
@media screen and (max-width:800px) {
        .lb_data_class {
                top: 0 !important;
                min-height:100vh !important;
        }
        .lb_loaded_content_class {
                padding-bottom:30px !important;
        }
        .lb_content_class {
                top: 0 !important;
        }
        .close_lb_class {
                width:100%;
                top:0px;
                position:fixed;
                padding:0px;
        }
        .lb_loaded_content_header {
        }
        .lb_all_content_container_class {
                overflow:auto;
                position:fixed;
                top:40px;
                max-height:100%;
                height:100%;
                margin-bottom: -40px;
                width:100%;
        }

}
*/

/* SPINNER MESSAGE */
div#spinner_msg {
    background-image: url(../..//library/images/logos/NewMahlerHealthPM.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 180px;
    background-color: transparent;
    /* #ffffff url(../../library/images/spinner.gif) center 55px no-repeat */
    width: 150px;
    height: 150px;
    text-align: center;
    color: transparent;
    box-shadow: none;
    border: none;
}








/* SPINNER ?? */


div#loading_spinner3, div#lightbox_bg3, div.lightbox_bg3, div#orderhist_lb_bg3,
div#alertnoticebox_bg3 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100023;
    background: #000;
    opacity: 0.7;
    display: none;
}

div#spinner3, div#lb_content3, div.lightbox3, div#orderhist_lb3 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index:100024;
    display: none;
}

div#close_lb3 {
    background-color: var(---color-bkg);
    text-align: right;
}

div#loading_spinner5, div#lightbox_bg5, div.lightbox_bg5, div#orderhist_lb_bg5,
div#alertnoticebox_bg5 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100025;
    background: #000;
    opacity: 0.7;
    display: none;
}

div#spinner5, div#lb_content5, div.lightbox5, div#orderhist_lb5 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index:100026;
    display: none;
}

div#close_lb5 {
    background-color: var(---color-bkg);
    text-align: right;
}

#lb_loaded_content, #lb_loaded_content2, #lb_loaded_content3, #lb_loaded_content4, #lb_loaded_content5, #lb_loaded_content_help {
	overflow:auto; 
}

#lb_loaded_content3, #lb_loaded_content5 {
    color: var(---color-primary);
}

div#lb_data, div#lb_dataSC, div#lb_dataSC2 {
    background-color: var(---color-bkg);
    border-radius: var(---curve-base);
    padding: 20px;
    margin: auto;
    border: none;
    box-shadow: none ;
    margin-left:auto;
    margin-right:auto; 
    position:relative; 
}

div#lb_data3, div#lb_data4, div#lb_data5 {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
    background-color: var(---color-bkg);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
   -moz-border-radius: var(---curve-base);
   -webkit-border-radius: var(---curve-base);
    border-radius: var(---curve-base); /* was all 10px */
    border: var(---border-basic);
    position:relative; 
}


/* end lb3 */

/* lb4 */
div#loading_spinner4, div#lightbox_bg4, div.lightbox_bg4, div#orderhist_lb_bg4,
div#alertnoticebox_bg4 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100027;
    background: #000;
    opacity: 0.7;
    display: none;
}

div#spinner4, div#lb_content4, div.lightbox4, div#orderhist_lb4 {
    width: 100%;
    height: 100%;
    position: absolute;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index:100028;
    display: none;
}

div#close_lb4 {
    background-color: var(---color-bkg);
    text-align:right;
}

#lb_loaded_content4 {
  color:#242D42;
}

/* End lb4 */
div#loading_spinner2, div#lightbox_bg2, div.lightbox_bg2, div#orderhist_lb_bg2,
div#alertnoticebox_bg2 {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100080;
    background: #000;
    opacity: 0.7;
    display: none;
}

div#spinner2, div#lb_content_help, div#lb_content2, div.lightbox2, div#orderhist_lb2 {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100081;
    display: none;
}

div#loading_spinner_help, div#lightbox_bg_help, div.lightbox_bg_help, div#orderhist_lb_bg_help,
div#alertnoticebox_bg_help {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 100020;
    background: #000;
    opacity: 0.7;
    display: none;
}

div#lb_content_help {
    z-index:100025;
}
div#close_lb2 {
    background-color: var(---color-bkg);
    text-align:right;
}

#lb_loaded_content2 {
    color: var(---color-primary);
}
div#lb_data2 {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
    background-color: var(---color-bkg);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow: none;
    padding: var(---select-padding);
   -moz-border-radius: var(---curve-base);
   -webkit-border-radius: var(---curve-base);
    border-radius: var(---curve-base); /* was all 10px */
    border: var(---border-basic);
    position: relative !important; /* adding to make sure z-index works */
    z-index: 100050; /* request by Troy 1/16/2019 */
}

div#close_lb_help {
    background-color: var(---color-bkg);
    text-align:right;
}

#lb_loaded_content_help {
}
div#lb_data_help {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
    background-color: var(---color-bkg);
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
   -moz-border-radius: var(---curve-base);
   -webkit-border-radius: var(---curve-base);
    border-radius: var(---curve-base); /* was all 10px */
    border: var(---border-basic);
}


div#close_lbSC, div#close_lbSC2 {
    background-color: var(---color-bkg);
    text-align: right;
}







/* BUTTONS */


/* PICCOLO */

.piccolo_btn {
  background: var(---button-color-bkg);
  color: var(---color-primary);
 -moz-border-radius: var(---curve-button);
 -moz-user-select: none;
 -webkit-border-radius: var(---curve-button);
  border-radius: var(---curve-button);
  cursor: pointer;
  display: inline-block;
  font: var(---type-body-font);
  margin: var(---button-margin);
  padding: var(---button-padding);
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: none;
 -webkit-box-shadow:none;
 -moz-box-shadow: none;
  border: none;
}

.piccolo_btn:hover {
  filter: brightness(90%);
}


/* Forte button */
.piccolo_btn_forte {
  background-color: var(---color-highlight1) !important;
  color: #fff !important;
}

.piccolo_btn_forte:hover,
.piccolo_btn_forte:focus/*,
.piccolo_btn_forte.focus,
.piccolo_btn_forte.active.focus,
.piccolo_btn_forte.active:focus,
.piccolo_btn_forte.active:hover,
.piccolo_btn_forte:active.focus,
.piccolo_btn_forte:active:focus,
.piccolo_btn_forte:active:hover */{
  filter: brightness(110%);
}

.piccolo_btn_forte:active,
.piccolo_btn_forte.active {
  filter: brightness(120%);
}

/* Mezzo button */

.piccolo_btn_mezzo {
  background-color: var(---button-color-bkg);
  color: var(---color-primary);
}

.piccolo_btn_mezzo:hover,
.piccolo_btn_mezzo:focus,
.piccolo_btn_mezzo.focus,
.piccolo_btn_mezzo.active.focus,
.piccolo_btn_mezzo.active:focus,
.piccolo_btn_mezzo.active:hover,
.piccolo_btn_mezzo:active.focus,
.piccolo_btn_mezzo:active:focus,
.piccolo_btn_mezzo:active:hover {
  filter: brightness(90%);
}

.piccolo_btn_mezzo:active,
.piccolo_btn_mezzo.active {
  filter: brightness(80%);
}


/* Piano button */

.piccolo_btn_piano {
  background-color: transparent;
  border-color: var(---border-basic-color);
  color: var(---color-highlight1);
}

.piccolo_btn_piano:hover,
.piccolo_btn_piano:focus /* ,
.piccolo_btn_piano.focus,
.piccolo_btn_piano.active.focus,
.piccolo_btn_piano.active:focus,
.piccolo_btn_piano.active:hover,
.piccolo_btn_piano:active.focus,
.piccolo_btn_piano:active:focus,
.piccolo_btn_piano:active:hover */{
  border-color: var(---color-highlight1);
}

.piccolo_btn_piano:active,
.piccolo_btn_piano.active {
  filter: brightness(80%);
}


.create_claim_chart_button {
	border:1px solid var(---color-highlight2) !important; 
}

.claim_details_chart_button {
	border:1px solid var(---color-highlight1) !important; 
}

/* EXTANT */
.fileuploader-input-button, .go_button, .main_button, .heading_button, .chart_button, .btn-primary, .btn, .button, .claim_details_chart_button, .create_claim_chart_button {
    background: var(---button-color-bkg) !important;
    color: var(---color-primary) !important;

   -moz-border-radius: 5;
   -moz-user-select: none;
   -webkit-border-radius: 5;
    border-radius: var(---curve-button);
    cursor: pointer;
    display: inline-block;
    font: var(---type-body-font);
    margin: var(---button-margin);
    padding: var(---button-padding);
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;

    box-shadow: none;
   -webkit-box-shadow:none;
   -moz-box-shadow: none;

    border: none;
}

.main_button.sml {
    padding: var(---button-padding);
}

.fileuploader-input-button:hover, .go_button:hover, .main_button:hover, .heading_button:hover, .chart_button:hover, .btn-primary:hover, .btn:hover, .button:hover, .claim_details_chart_button:hover, .create_claim_chart_button:hover {
    /*color: #fff !important;
    background-color: var(---color-highlight1) !important;*/
    filter: brightness(90%);
    box-shadow: none;
    font: var(---type-body-font);
    text-shadow: none;
    border: none;
}

.fileuploader-input-button:active, .main_button:active, .heading_button:active, .chart_button:active, .go_button:active, .btn-primary:active, .btn-primary.active, .btn.active, .btn:active, .button:active, .claim_details_chart_button:active, .create_claim_chart_button:active {
    color: #fff;
    background-color: var(---color-highlight1);
    box-shadow: none;
    font: var(---type-body-font);
    text-shadow: none;
    border: none;
}

.fileuploader-input-button:focus, .go_button:focus, .main_button:focus, .heading_button:focus, .chart_button:focus, .btn-primary:focus, .btn:focus, .button:focus, .btn-primary.active:focus, .btn-primary.active.focus, .claim_details_chart_button:focus {
    /*color: #fff !important;
    background-color: var(---color-highlight1) !important;*/
    filter: brightness(90%);
    box-shadow: none;
    font: var(---type-body-font);
    text-shadow: none;
    border: none;
}

.fileuploader-input-button.active:hover, .fileuploader-input-button.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    /*color: #fff !important;
    background-color: var(---color-highlight1) !important;*/
    filter: brightness(90%);
    box-shadow: none;
    font: var(---type-body-font);
    text-shadow: none;
    border: none;
}

.warn_button, .btn-warning {
    /* color: var(---color-primary) !important;
    background-color: var(---button-color-bkg) !important; */
    background-color: var(---color-highlight2) !important;
    color: #fff !important;

   -moz-border-radius: 5;
   -moz-user-select: none;
   -webkit-border-radius: 5;
    border-radius: var(---curve-button);
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font: var(---type-body-font);
    margin: var(---button-margin);
    padding: var(---button-padding);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    border: none;
}

.warn_button.sml {
    padding:3px 5px;
}

.warn_button:hover, .btn-warning:hover {
    /* color: #fff !important;
    background-color: var(---color-highlight2) !important; */
    filter: brightness(90%);
    box-shadow: none;
    font: var(---type-body-font);
    border: none;
}

.warn_button:active, .warn-button:focus, .btn-warning:active, .btn-warning:focus {
    color: #fff !important;
    background-color: var(---color-highlight2) !important;
    box-shadow: none;
    font: var(---type-body-font);
    border: none;
}



.toggle-button {
    color: var(---color-primary);
    background: var(---color-base3);
}

.toggle-button:focus  {
    filter: brightness(110%);
}

.toggle-button:active, .toggle-button.active, .toggle-button.active:focus {
    color: #fff !important;         /* white */
    background: var(---color-highlight1)!important;  /* blue */
}

.toggle-button.active:hover, .toggle-button.hover:active {
    color: #fff !important;         /* white */
    background: var(---color-highlight1) !important;  /* blue */
}



a:focus, a:hover {
    color: var(---color-highlight1);
}



/* GUIDING STYLES */
/* highly experimental, Pablo 2020 */

.piccolo_btn_luce {
  background-color: var(---button-color-bkg);
  color: var(---color-primary);
  animation-name: btn_glow;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes btn_glow {
  0% {background-color: var(---button-color-bkg);
      color: var(---color-primary);}
  50% {background-color: var(---color-highlight1);
       color: #fff;}
  100% {background-color: var(---button-color-bkg);
        color: var(---color-primary);}
}






/* RANDOM STUFF THAT NEEDS SUPPRESSING */

a:link, .btn, button {
    -webkit-tap-highlight-color: transparent;
}

.special_attention_heading {
	color:red !important;
	color: var(---color-highlight2) !important; 
}

.mahler-sticky {
	position: -webkit-sticky !important;
  	position: sticky !important;
  	top: 0 !important;
	background:inherit; 
	z-index:1; 
}

.fc-grid .fc-event-time {
	display:none !important;
}

.grid_calendar_column .fc-event-time {
	display:none;
}