BODY {
    /*COLOR: #585858;*/
    font-family: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
    /*BACKGROUND-COLOR: #f7f1e9;*/
    background-image:url('images/bw1.jpg');
    background-repeat:repeat-x;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 90%;
}

P,LI,TD,TH {
        font-size: 90%;
}

P.larger {
        font-size: 110%;
}

P.title {
        font-size: 130%;
        COLOR: #6d5c24;
        FONT-FAMILY: Arial,Verdana;
}
A {
   cursor:pointer;
   }
.hidden {
   display:none;
   }
H1 {
        FONT-WEIGHT: bold;
        font-size: 140%;
		  COLOR: #1A250D;
        //COLOR: #800000;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}
H2 {
        FONT-WEIGHT: bold;
        font-size: 130%;
		  COLOR: #1A250D;
        //COLOR: #800000;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

H3 {
        FONT-WEIGHT: bold;
        font-size: 120%;
		  COLOR: #1A250D;
        //COLOR: #800000;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

td.larger {
        font-size: 110%;
        FONT-WEIGHT: bold;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

A:link {
        text-decoration: none;
        COLOR: blue;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

A:visited {
        text-decoration: none;
        COLOR: blue;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

A:hover {
        text-decoration: underline;
        COLOR: black;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}

A:active {
        COLOR: red;
        FONT-FAMILY: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}
#maincontent{
        display: block;
        clear:none;
        border: none 1px;
}


#mainmenu_section {
        display: block;
        width: 300px;
        float:left;
        border: none 1px;
}
#homepage_section{
        display: inline;
        position:relative;
        width: 400px;
        left: 50px;
        float:left;
        clear:right;
        margin-bottom:40px;
        border: none 1px;
}

#dashboard_graphs{
        display: inline;
        position:relative;
        width: 300px;
        left: 50px;
        float:left;
        clear:right;
        margin-bottom:40px;
        border: none 1px;
}
#footer {
        display: block;
        position: relative;
        width: 100%;
        margin-top:40px;
        padding-top:10px;
        clear:left;
        border-top: solid 0px;
}

table {
   cellpadding:0;
}

.display_vert_table_left_header  {

   width:100px;
}

.display_table  {

   width: 400px;

}

tr.fsrow  {
   background: url(images/left_menu.gif) no-repeat;
   background-color: #D5D0BA;
   padding: 1px 0 1px 5px;
}

h3.fsh3   {

   color: #800000;
   margin: 2px;
   padding: 1px 5px;
}

table.outside_border {
   background-color: #F7F1E9;
   border: 1px solid #B7AE88;
   width: 350px;
   margin: 10px;
   cellpadding: 0;
}


table.display  {

        border: 1;
        cellpadding: 6;
        cellspacing: 0;
        background-color: #FFFFFF;

}

table.filter  {

        cellpadding: 4;
        cellspacing: 0;
        /*background-color: #F0D0C0;*/

}

table.list_table  {

        cellpadding: 6;
        cellspacing: 0;
        background-color: #efefef;

}

tr.list_table_header_row {
      background-color: #D5D0BA;
      /*  background-color: #efefef;  */
      /*background-color: #d8d8d8;*/

}

tr.list_table_data_row {
        background-color: #FFFFFF;
}
tr.list_table_data_row_even {
        background-color: #efefef;
}


tr.list_table_totals_row {

        background-color: #efefef;

}

td.display_vert_table_left_header {
        background-color: #B9D4CF;
        /*background-color: #efefef;*/
        vertical-align: text-top;
        text-align:right;
        font-weight:bold;
}

td.filter_table_row_label {

        text-align:right;
        font-weight:bold;

}

#filter_input {
}

#logged {
        background-color: yellow;
        width: 97%;
}


/* Homepage Calendar Item*/


#calendarContainer {
        width: 280px;
        padding-left: 10px;
        text-align: center;
        overflow: visible;
        height: 300px;
        margin-right: 20px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: lightgrey;
        padding-right: 10px;
        margin-top: 10px;
        position: relative;
        float: left;
        /*background-color: lightblue;*/
}
#calendar  {
        text-align: center;
        position: relative;
}
#calendar  th, #calendar th a:link, #calendar th a:visited, #calendar th a:hover {
        color: #000000;
        font-weight: bold;
        font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
        margin: 0px;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;
        text-decoration: none;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
}
#calendar tr {
        margin: 0px;
        padding: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
}

#calendar td {
        background-color: lightblue;
        border: thin solid #FFFFFF;
        width: 35px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        height: 35px;
}

#calendar  .emptyDay {
        background-color: #D5D0BA;
}

#calendar .days {
        background-color: #D5D0BA;
        font-weight: bold;
}
#calendar .today {
        /*background-color: #C0C0C0;*/
        color: darkred;
        font-weight: bolder;
        text-decoration: underline;

}
/*a.daylink {
        font-weight: bolder;
        text-decoration: underline;

}
*/
#calendar   .day_jotted td, #calendar  .day_jotted a:link, #calendar  .day_jotted a:visited  {
        background-color: darkblue;
        color: #FFFFFF;
        display: block;
        margin: 0px;
        padding-top: 8px;
        height:20px;
        width:35px;
}
#calendar  .day_jotted a:hover  {
        background-color: blue;
        display: block;
        margin: 0px;
         padding-top: 8px;
        height:20px;
        width:35px;
}
#calendar td a:link, #calendar td a:visited {
        padding: 0px;
        color: #000000;
        font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
}
#calendar td a:hover {
        padding: 0px;
        color: #0000CC;
        font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
}
#scheduledEvents {
        height: 290px;
        position: relative;
        margin-top: 10px;
        width: 350px;
        margin-left: 320px;
        padding: 0px;

}
#scheduledEvents h2 {
        display: block;
        text-align: center;
        margin: 0px;
        font-family: Arial,Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;

}

/* calendar Pop Up Menu */

.popupMenu {
        background-color:#C0C0C0;
        color: #000000;
        padding-right: 15px;
        margin: 0px;
        width:auto;
        border:solid 2px #FFFFFF;
        font-family: Arial,Geneva, Arial, Helvetica, sans-serif;
        font-size: small;
        font-weight: bold;

}
.popupMenu ul li{
    font-weight: bold;
    padding: 0px;
    margin: 0px;

}

.popupMenu h1 {
    background-color:#0093C6;
    color:#FFFFFF;
    font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    padding-left: 3px;
    margin: 0px;

}
.popupMenu a {
    font-weight: bold;
    padding-left: 3px;
    margin: 0px;

}

.popupMenu p {
    font-weight: normal;
    padding: 0px;
    margin: 0px;

}


#ddcolortabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

#ddcolortabs ul {
  margin:0;
  padding:10px 0 10px 0;
  list-style:none;
  }
.selected_nav_tab {
  border-bottom: 1px solid #D5D0BA;
}
.unselected_nav_tab {
   border-bottom: 1px solid #B7AE88;
}

#ddcolortabs li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  margin-bottom:-1px;
  padding:0 0 0 9px;
  }
#ddcolortabs a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }

/*
#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 1px 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #007FC6 url(/complete/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 1px 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
*/

#ddcolortabs a span{
float:left;
display:block;
background: transparent /* url(/complete/images/color_tabs_right.gif) */ no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
/*background-color: #0099CC;*/
color:#333;
}

#ddcolortabs a:hover span{
/*background-color: #0099CC;*/
color:#333;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
/*background-color: #0099CC;*/
color:#333;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
margin-left:1px;
line-height: 8px;
background: #D5D0BA;
border-left: 1px solid #B7AE88;
border-top: 1px solid #B7AE88;
padding: 0 10px 0 0;
}

.logged {
        background: url(images/left_menu.gif) no-repeat;
        background-color: #D5D0BA;
        border-bottom: 1px solid #B7AE88;
        border-top: 1px solid #B7AE88;
        border-right: 1px solid #B7AE88;
        margin-top: 0px;
        margin-left: 1px;
        padding: 7px 0 7px 15px;
        display: block;
        /*position: absolute;*/
}

.opened{
   display:inline-block;
   height:15px;
   width:15px;
   background:url(scripts/homepage_includes/images/contract.png);
   cursor:pointer;
   }
.closed{
   display:inline-block;
   height:15px;
   width:15px;
   background:url(scripts/homepage_includes/images/expand.png);
   cursor:pointer;
   }

.task_section {
   display:block;
   }
.task_section h5 {
   padding:5px 0 5px 20px;
   margin:0;
   }
.task_section ul {
   list-style:none;
   padding:10px 0 10px 25px;
   margin:0;
   list-style-position:inside;
   }

#quick_jump  {
   border: 1px;
   margin: 10px;
   padding: 10px;
   background-color: #B9D4CF;
}
#quick_jump a {
   text-decoration: none;
}


/********** New Additions to CSS ***************/


.web_app_customer_name {
        float:left;
        FONT-WEIGHT: bold;
        FONT-SIZE: 19pt;
        COLOR: #800000;
        FONT-FAMILY: Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.search_box {
    float:right;
    margin-right:300px;
}
.clear_both {
    clear:both;
}
.top_header_wrapper {
    width:100%;
}

.logged_message {
    float:left;
    font-size:10px;
    padding:4px 0 0 0;
}
.logged_links {
    font-size: small;
    padding: 4px 15px 0 0;
    float:right;
}
#content {
    /*background-color:#f7f1e9*/;
    background-color:#FFFFFF;
    padding: 15px 15px;
    margin-left:1px;
    border-left: 1px solid #B7AE88;
    border-right: 1px solid #B7AE88;
    border-bottom: 1px solid #B7AE88;
}
#wrapper {
}
.slave_nav_tabs {

}

.slave_nav_tabs ul {
  margin:0;
  padding:10px 0 10px 0;
  list-style:none;
  }
.slave_nav_tabs li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  margin-bottom:-1px;
  padding:0 0 0 9px;
  }
.slave_nav_tabs a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  cursor: pointer;
}
.slave_nav_tabs a:hover{
   color:#333;
}
.slave_nav_tabs a:hover span{
   color:#333;
}
.slave_nav_tabs #current a, .slave_nav_tabs #current span{ /*currently selected tab*/
   color:#333;
}
.slave_thing{
   display:none;
}
.slave_thing h3 {
   margin:0;
   padding:0;
}
.slave_content {
   background-color:#B9D4CF;
   border: 1px solid #B7AE88;
   padding: 10px;
   width = 100%;
}

.above_nav_tabs ul {
  margin:0;
  padding:10px 0 10px 0;
  list-style:none;
  }
.above_nav_tabs li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  margin-bottom:-1px;
  padding:0 0 0 9px;
  }
.above_nav_tabs a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  cursor: pointer;
}
.above_nav_tabs a:hover{
   color:#333;
}
.above_nav_tabs a:hover span{
   color:#333;
}
.above_nav_tabs #current a, .above_nav_tabs #current span{ /*currently selected tab*/
   color:#333;
}
.above_thing{
   display:none;
}
.above_content {
   background-color:#B9D4CF;
   border: 1px solid #B7AE88;
   padding: 10px;
   width = 100%;
}
.project_time{
   font-size:10px;
}
#filters {
    border: 1px solid #B7AE88;
    background-color:#B9D4CF;
}
#actions {
    border: 1px solid #B7AE88;
    padding:10px;
    background-color:#B9D4CF;
}
#actions h3 {
    margin:0;
    padding:0;
}
.main_menu_module {
    border: 1px solid #B7AE88;
    margin-bottom: 20px;
    padding: 0px;
}
.main_menu_module ul {
}
.main_menu_module h4 {
    color: #800000;
}
.module_name {
    font-size: 18px;
    font-weight: bold;
    color: #1A250D;
    background: url(images/left_menu.gif) no-repeat;
    background-color: #D5D0BA;
    margin-left: -1px;
    padding: 1px 0 1px 10px;
}
.homepage_item {
    padding:0px 5px 10px 5px;
    margin-bottom: 15px;
}
.module_management_label {
    padding: 15px;
    font-size: 12px;
    font-weight: bold;
}

#sortable .ui-state-default {  }
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 350px; height: 190px;}
#sortable li .widget-title {font-size: 1.3em; padding: 5px; margin: 2px; background-color: #D5D0BA; border: 1px solid #B7AE88; color: #1e522f; height: 20px; }
#sortable li .widget-details { overflow: auto;  width: 348px; height: 160px; }
#sortable li a { color: #5c856d; }
.widget-detail-odd { background-color: #F7F1E9;}
#sortable li.tall .widget-details { height: 480px; }
#sortable li.tall { height: 520px; }
#sortable li.tall > div { height: 514px !important; }

#sortable li .fd-widget-details-tall { overflow: auto;  width: 458px; height: 436px; }
#sortable li.fd-tall .widget-details { height: 424px; }
#sortable li.fd-tall { height: 434px; }
#sortable li.fd-tall > div { height: 428px !important; }


#modal {
   display:none;
   }
#active_customer_communications {
   display:inline-block;
   width:auto;
   }
#active_customer_communications p {
   display:inline-block;
   width:auto;
   }
#customer_communication_overview {
   margin-left:8px;
}
#customer_communication_overview label {
   font-size:smaller;
}
#top_display_block {
    border: 1px solid #B7AE88;
    padding:10px;
    background-color:#B9D4CF;
    margin-bottom:10px;
}
#top_display_block th {
    text-align:left;
    font-weight:bold;
}


.job_is_shipped {
  background-color: #AAAAAA;
}
.job_is_not_shipped {
  background-color: #FFFFFF;
}


.claim_form_div {
    border-top: thin outset #B7AE88;
    padding-top: 15px;
}

.form_success {
    background: -moz-linear-gradient(top,  rgba(0,211,0,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,211,0,0.2) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,211,0,0.2) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3300d300', endColorstr='#00ffffff',GradientType=0 );
}

.form_error {
    background: -moz-linear-gradient(top,  rgba(216,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(216,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(216,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33d80000', endColorstr='#00ffffff',GradientType=0 );
}

.form_error_messages {
    color: #8b0000;
    padding: 10px;
}

/* Material Colors */
:root {
  --blue: #2196F3;        --blue-light: #BBDEFB;        --blue-dark: #1976D2;
  --light-blue: #03A9F4;  --light-blue-light: #B3E5FC;  --light-blue-dark: #0288D1;
  --blue-gray: #607D8B;   --blue-gray-light: #CFD8DC;   --blue-gray-dark: #455A64;
  --indigo: #3F51B5;      --indigo-light: #C5CAE9;      --indigo-dark: #303F9F;
  --purple: #9C27B0;      --purple-light: #E1BEE7;      --purple-dark: #7B1FA2;
  --deep-purple: #673AB7; --deep-purple-light: #D1C4E9; --deep-purple-dark: #512DA8;
  --pink: #E91E63;        --pink-light: #F8BBD0;        --pink-dark: #C2185B;
  --red: #F44336;         --red-light: #FFCDD2;         --red-dark: #D32F2F;
  --orange: #FF9800;      --orange-light: #FFE0B2;      --orange-dark: #F57C00;
  --deep-orange: #FF5722; --deep-orange-light: #FFE0B2; --deep-orange-dark: #F57C00;
  --amber: #FFC107;       --amber-light: #FFECB3;       --amber-dark: #FFA000;
  --yellow: #FFEB3B;      --yellow-light: #FFF9C4;      --yellow-dark: #FBC02D;
  --green: #4CAF50;       --green-light: #C8E6C9;       --green-dark: #388E3C;
  --light-green: #8BC34A; --light-green-light: #DCEDC8; --light-green-dark: #689F38;
  --lime: #CDDC39;        --lime-light: #F0F4C3;        --lime-dark: #AFB42B;
  --teal: #009688;        --teal-light: #B2DFDB;        --teal-dark: #00796B;
  --cyan: #00BCD4;        --cyan-light: #B2EBF2;        --cyan-dark: #0097A7;
  --brown: #795548;       --brown-light: #D7CCC8;       --brown-dark: #5D4037;
  --gray: #9E9E9E;        --gray-light: #F5F5F5;        --gray-dark: #616161;
  --white: #fff;          --light: #F5F5F5;             --dark: #212121;
  --secondary-text: #757575;
  --divider: #BDBDBD;
  --primary: var(--indigo);
  --secondary: var(--gray-dark);
  --success: var(--green);
  --info: var(--light-blue);
  --warning: var(--orange);
  --danger: var(--red);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  /*
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  */
}