#system_loading_icon{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('//media.giphy.com/media/OiC5BKaPVLl60/source.gif')
              18% 18% no-repeat rgba(249,249,249,0.5);
}




.left-right-table-style-dark td:first-child {
    font-size: 11px;
    font-weight: bold;
    background-color:#888888;
    border-bottom: 0px;
    padding:10px;
}

.left-right-table-style-dark td {
    font-size:11px;
    border-bottom:0px;
    padding:10px;
    background-color:#555555;
}

.archived_risk_stripes_background {
    background-image: linear-gradient(45deg, #eeeeee 25%, #dddddd 25%, #dddddd 50%, #eeeeee 50%, #eeeeee 75%, #dddddd 75%, #dddddd 100%);
    background-size: 56.57px 56.57px;
    padding:30px;
}


.tooltip_label {
    display: inline-block;
    width: 5em;
}

.vertical-text {
    transform: rotate(90deg);
    transform-origin: left top 0;
}

#diagnostic_panel {
    position:fixed;
    top:25px;
    left:25px;
    z-index: 82139812938132;
    padding:5px;
    background-color:#ff0000;
    color:#ffffff;
    font-size:11px;
}

.calendar_2019_status_icon {

    font-family:proxima-bold;
    position:absolute;
    right:5px;
    bottom:5px;
    border:#ffffff 1px solid;
    width:auto;
    padding:10px;
}

.calendar_2019_today_background {
    background-color:#ffdab9 !important;
}

.calendar_2019_preview_big_action_button {
    text-align:center;
    background-color:#ff0000;
    padding:5px;
    margin-bottom:15px;
    color:#ffffff;
    font-family:proxima-bold;
    height:40px;
    line-height:40px;
}
.calendar_2019_preview_big_action_button:hover {
    background-color:#f08a00;
    cursor:pointer;
}
.calendar_2019_small_field_label {
    border-bottom:#333333 1px dotted;
    padding-bottom:5px;
    margin-bottom:5px;
}

.calendar_2019_dropable {
    background-color:#ffdab9 !important;
    border:#000000 1px dotted !important;
}
.calendar_2019_plm_category {
    background-color:#eeeeee;
    width:175px;
    padding:5px;
    margin:5px;
    display:inline-block;
}
.calendar_2019_plm_category:hover {
    background-color:#f08a00;
    cursor: pointer;
}
.calendar_2019_plm_allocation {
    background-color:#eeeeee;
    padding:8px;
    margin-bottom:5px;
}
.calendar_2019_plm_allocation:hover {
    background-color:#f08a00;
    cursor: pointer;
}

.calendar_2019_unapproved_effect {
    background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 10px, #555555 10px, #555555 20px);
 }
.calendar_2019_click_to_edit:hover {
    cursor:pointer;
    color:#888888;
    text-decoration:underline;
    cursor: pointer;
}

#calendar_2019_calendar_container {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.calendar_2019_job_selection_container_search_live {
    border-left:#f08a00 10px solid;
    margin-bottom:5px;
    padding:8px;
    background-color:#874000;
    color:#ffffff;
    font-family:proxima;
    font-size:11px;
}
.calendar_2019_job_selection_container_search_live:hover {
    cursor:pointer;
    background-color:#f08a00;
}
.calendar_2019_job_selection_container_search_archive {
    border-left:#888888 10px solid;
    margin-bottom:5px;
    padding:8px;
    background-color:#555555;
    color:#ffffff;
    font-family:proxima;
    font-size:11px;
}
.calendar_2019_job_selection_container_search_archive:hover {
    cursor:pointer;
    background-color:#aaaaaa;
}

.calendar_2019_job_selection_container_unplanned {
    border-left:#f08a00 10px solid;
    margin-bottom:5px;
    padding:8px;
    background-color:#874000;
    color:#ffffff;
    font-family:proxima;
    font-size:11px;
}
.calendar_2019_job_selection_container_unplanned:hover {
    cursor:pointer;
    background-color:#f08a00;
}

.calendar_2019_job_selection_container_all {
    border-left:#f08a00 10px solid;
    margin-bottom:5px;
    padding:8px;
    background-color:#874000;
    color:#ffffff;
    font-family:proxima;
    font-size:11px;
}
.calendar_2019_job_selection_container_all:hover {
    cursor:pointer;
    background-color:#f08a00;
}


#calendar_2019_jobs_container {

    position:fixed !important;
    top:90px;
    right:20px;
    bottom:60px;
    overflow-x: none;
    overflow-y: auto;
    background-color:#333333;
    color:#ffffff;
    padding:10px;
    width:200px;
    /*margin-top:50px;*/
      -webkit-box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
    box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
}

.calendar_2019_table_horizontal_scroller {
    width:100%;
    overflow-x: scroll;
}

#calendar_day_breakdown {
    background-color:#333333;
    color:#ffffff;
    border-top:#333333 5px solid;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:95vh !important;
    z-index:999999;
    display:none;
    padding:15px;
    -webkit-box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
    box-shadow: 0px -8px 38px 1px rgba(0,0,0,0.75);
    overflow:auto !important;
}


.calendar_2019_table {
    width:100%;
    font-family:proxima;
    font-size:10px;
    margin-bottom:100px;
    border-spacing: 0px;
    border-collapse: separate;
}
.calendar_2019_table tbody tr {
    border:0px;
    margin:0px;
}
.calendar_2019_table tbody td {
    border:0px;
    margin:0px;
    height:30px;
    vertical-align:top;
}

.calendar_2019_header_row th {
    text-align:center;
    font-family:arial;
    font-size:18px;
    color:#000000;
    padding:8px !important;
    text-transform:uppercase;
}
.calendar_2019_footer_row th {
    text-align:center;
    font-family:arial;
    font-size:11px;
    color:#888888;
    padding:2px !important;
    text-transform:uppercase;
    background-color:#eeeeee;
}

.calendar_2019_left_top_cell {
    background-color:#ffffff;
    border-right:#ffffff 2px solid !important;
    border-bottom:#ffffff 2px solid !important;
}

.calendar_2019_table_name_row td {
    font-family:proxima;
    text-transform:uppercase;
    vertical-align:top;
    border-bottom:#ffffff 5px solid !important;
}
.calendar_2019_table_name_cell {
    font-family:proxima-light;
    font-size:10px;
    vertical-align:top !important;
    margin-top:3px;
    color:#333333;
    text-align:center;
    font-family:proxima-bold;;
}

.calendar_2019_date_table_cell {
    text-align:center;
    vertical-align:top;
    overflow:hidden;
    padding:5px !important;
    border-bottom:#ffffff 5px solid !important;
    border-right:#ffffff 5px solid !important;
    background-color:#eeeeee;
}

.calendar_2019_date_table_cell:last-child {
   border-right:0px !important;
}



.calendar_2019_date_table_header_cell {
    vertical-align:top;
    overflow:hidden;

}
.calendar_2019_date_table_header_cell:last-child {
    border-right:0px !important;
}


.calendar_2019_unallocatedSchedule_container {
    margin-bottom:5px;
    padding:10px;
    background-color:#333333;
    color:#ffffff;
}
.calendar_2019_unallocatedSchedule_container:hover {
    opacity:0.75;
    cursor:pointer;
}

.calendar_2019_unallocated_schedule_cell {
    background-color:#fff7b8;
}

.calendar_2019_unallocated_user_cell {
    background-color:#eeeeee;
    text-align:center;
    border-right:#ffffff 2px solid !important;
}
.calendar_2019_unallocated_user_cell:last-child {
    border-right:0px !important;

}

.calendar_2019_sub_and_hire_cell {
    background-color:#aaaaaa !important;
    color:#000000;

}



.calendar_2019_unallocated_asset_cell {
    background-color:#fff7b8;
    border-top:#000000 3px solid !important;
}




.calendar_2019_specific_items_master_container {
    /*box-sizing: border-box;*/
}

.calendar_2019_specific_item_schedule_container {
    display:block;
    position:relative;
    box-sizing: border-box;
    padding:2px;
    margin-left:0px;
    margin-right:0px;
    margin-top:12px;
    margin-bottom:12px;
    font-size:8.5px;
    font-family:verdana;
}
.calendar_2019_specific_item_schedule_container:hover {
    opacity:0.5;

}

.calendar_2019_specific_subandhire_schedule_container {
    display:block;
    overflow-x:hidden;
    overflow-y:hidden;
    background-color:#ffffff;
    box-sizing: border-box;
    padding:2px;
    vertical-align:top;
    margin-bottom:2px;
    font-size:8px;
    font-family:verdana;
    border:#000000 2px solid;
}
.calendar_2019_specific_subandhire_schedule_container:hover {
    opacity:0.5;

}




#calendar_2019_header_panel_container {
    background-color:#333333;
    padding:12px;
    color:#fffffff;
    margin-bottom:30px;
    z-index:100;
    position:fixed;
    left:0px;
    top:60px;
    width:100%;
    box-sizing: border-box;
}





.calendar_2019_navigation_item {
    display:inline-block;
    margin:2px;
    font-size:11px;
    background-color:#888888;
    padding:10px;
}
.calendar_2019_navigation_item:hover {
    background-color:#f08a00;
    cursor: pointer;
}
.calendar_2019_navigation_item a {
    color:#ffffff;
}


.calendar_2019_navigation_item_selected {
    display:inline-block;
    margin:2px;
    font-size:11px;
    background-color:#f08a00;
    padding:10px;
}
.calendar_2019_navigation_item_selected:hover {
    background-color:#f08a00;
    cursor: pointer;
}
.calendar_2019_navigation_item_selected a {
    color:#ffffff;
}




.calendar_2019_location_navigation_item {
    display:inline-block;
    margin:2px;
    font-size:11px;
    background-color:#000000;
    color:#ffffff;
    padding:10px;
}
.calendar_2019_location_navigation_item:hover {
    background-color:#ff0000;
    cursor: pointer;
}
.calendar_2019_location_navigation_item a {
    color:#ffffff;
}


.calendar_2019_location_navigation_item_selected {
    display:inline-block;
    margin:2px;
    font-size:11px;
    background-color:#ff0000;
    padding:10px;
}
.calendar_2019_location_navigation_item_selected:hover {
    background-color:#ff0000;
    cursor: pointer;
}
.calendar_2019_location_navigation_item_selected a {
    color:#ffffff;
}

.calendar_2019_specific_item_schedule_drop_zone {
    padding:2px;
    text-align:center;
}

#jobs_container_toggle_icon {
    font-size:25px;
    color:#f08a00;
}
#jobs_container_toggle_icon:hover {
    cursor: pointer;
    color:#ffffff;
}

/* Highlight areas for calendar drop zones */
.calendar_2019_date_table_cell_drop_highlighter {
    /*border:#ff0000 2px dashed !important;*/
}

.calendar_2019_specific_item_schedule_container_drop_highlighter {
    /*border:#ff0000 2px dashed !important;*/
}

.calendar_2019_specific_item_schedule_drop_zone_highlighter {
    /*border:#ff0000 2px dashed !important;
    padding:2px;*/
}









.calendar_2019_unallocated_asset_cell_drop_highlighter {
    /*border:#ff0000 2px dashed !important;*/
}

.calendar_2019_unallocated_user_cell_drop_highlighter {
    /*border:#ff0000 2px dashed !important;*/
}

.calendar_2019_plm_add_rollover {
    background-color:#f08a00;
    color:#000000 !important;
    text-align:center;
    margin-bottom:10px;
    padding:8px;
    font-family:proxima-bold;
}
.calendar_2019_plm_add_rollover:hover {
    background-color:#555555;
    color:#ffffff !important;
}











.file_contents_table_2017 table {
    width:90%;
}

.file_contents_table_2017 tr th {
    border-bottom:#000000 1px solid;
}

.file_contents_table_2017 tbody td {
    //border-right:#999999 1px solid;
    border-bottom:#000000 1px solid;
}




.search_result_div {
    margin-bottom:8px;
    font-family:proxima;
    font-size:18px;
    color:#ffffff;
}


.search_result_div a {
    color:inherit;
}

.search_result_div a:hover {
    color:#f08a00;
    font-family:proxima-bold;
}

.search_result_extra_div {
    margin-bottom:30px;
    font-family:proxima-light;
    font-size:14px;
    color:#aaaaaa;
    line-height:130%;
}


.enquiry_action_container {
    margin:5px;
    vertical-align:top;
    display:inline-block;
    width:160px;
    overflow:none;
    padding:2px;
    position:relative;
}

.enquiry_action_container a {
    color:#f08a00 !important;
}
.enquiry_action_container a:hover {
    color:#000000 !important;
}

#incomplete_enquiries_container {
    margin-top:30px;height:300px;
    overflow-x: auto;
}

#global_dialog_box {
    display:none;
    padding:20px;
}

.average_customer_rating_container {
  margin-top:25px;
  margin-bottom:20px;
  text-align:center;
  border:#000000 1px dashed;
  padding:20px;
}

.pulse {
  animation-name: pulse_animation;
  animation-duration: 2000ms;
  transform-origin:70% 70%;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}

.tinted_greydient {
    /* Yes it's spelt that way on purpose */
    background-color:#dddddd;
    margin-bottom:15px;
    margin-top:-30px;
    border-bottom:#000000 1px dotted;

}
.greydient_padding {
    padding:20px;
}

#connection_error_box {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
  border:#ffffff 10px solid;
  padding:25px;
  background-color:#ff0000;
  color:#ffffff;
  font-family:proxima-bold;
  font-size:30px;
  text-align:center;
  line-height:150%;
}

.centered {
    text-align:center;
}
.tiny-text {
    font-family:proxima-light;
    font-size:9px;
    text-transform: uppercase;
    color:#8e4c03;
}
.tinyish-text {
    font-family:verdana;
    font-size:9px;
    text-transform: uppercase;
    color:#ffffff;
}

.selected_table_row {

    background-color:#000000 !important;
    color:#ffffff !important;

}
/* FONT DEF */

@font-face {
  font-family: "/app/fonts/proxima-extrabold";
  src: url("/fonts/ProximaNova-Extrabold.otf");
  src: local("☺"),
    url("//drive.lmshighways.co.uk/app/fonts/ProximaNova-Extrabold.otf") format("opentype")
  }
@font-face {
  font-family: "proxima";
  src: url("/app/fonts/ProximaNova-Regular.otf");
  src: local("☺"),
    url("//drive.lmshighways.co.uk/app/fonts/ProximaNova-Regular.otf") format("opentype")
  }
@font-face {
  font-family: "proxima-bold";
  src: url("/app/fonts/ProximaNova-Semibold.otf");
  src: local("☺"),
    url("//drive.lmshighways.co.uk/app/fonts/ProximaNova-Semibold.otf") format("opentype")
  }
@font-face {
  font-family: "proxima-light";
  src: url("/app/fonts/ProximaNova-Light.otf");
  src: local("☺"),
    url("//drive.lmshighways.co.uk/app/fonts/ProximaNova-Light.otf") format("opentype")
}
@font-face {
  font-family: "proxima-light-italic";
  src: url("/app/fonts/ProximaNova-LightItalic.otf");
  src: local("☺"),
    url("//drive.lmshighways.co.uk/app/fonts/ProximaNova-LightItalic.otf") format("opentype")
}

@font-face {
    font-family: DINProBold;
    src: url("/app/fonts/DINPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: DINProRegular;
    src: url("/app/fonts/DINPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: DINProMedium;
    src: url("/app/fonts/DINPro-Medium.otf") format("opentype");
}

@font-face {
    font-family: DINProLight;
    src: url("/app/fonts/DINPro-Light.otf") format("opentype");
}




select.discrete_select_menu {

    background: "transparent";
    font-family:inherit;
   line-height: 1;
   border: #dddddd 1px solid;
   padding:2px;
   border-radius: 0;
   -webkit-appearance: none;


}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* HEADER */

#header {
    margin-bottom:25px;
}

/* FOOTER */

#footer {
    margin-top:25px;
}

/* FORM ELEMENTS */

.big-text-input {

    font-size:25px;
    width:100%;
    max-width:100%;

}
.big-submit-button {
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    padding:8px 8px;
    color:#fff;
    font-family:'Proxima-Light',sans-serif;
    font-size:15px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FAA129;
}
.big-submit-button:hover {
    background: #c06800;
}
/* LINKS */

a {
    font-size: inherit;
    font-colour: inherit;
    text-decoration: none !important;
}


/* FONTS */



.paragraph_reverse_header {

    font-family:proxima-light;
    font-size:27px;
    color:#ffffff;
    background: -moz-linear-gradient(top,#000000 0%,#555555 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#5555555));
    background: -webkit-linear-gradient(top,#000000 0%,#555555 100%);
    padding:8px 15px 8px 15px;
    line-height:120%;

}

.strong_section_header {

    font-family:proxima-light;
    font-size:20px;
    color:#ffffff;
    background-color:#333333;
    padding:8px 15px 8px 15px;
}



.headline {
    font-family:proxima-light;
    font-size:39px;
    margin-bottom:10px;
}
.headline_bold {
    font-family:proxima-light;
    font-size:22px;
}

.backgrounded-subheadline {
    background: -moz-linear-gradient(top,#F08A00 0%,#c4842d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#c4842d));
    background: -webkit-linear-gradient(top,#F08A00 0%,#c4842d 100%);
    display:block;
    font-family:proxima-bold;
    font-size:19px;
    /*background-color:#f08a00;*/
    color:#ffffff;
    padding:5px;
   /*border-bottom: 1px #f08a00 solid;*/
    margin-bottom:13px;
}

.boxheadline {
    display:block;
    font-family:proxima-bold;
    font-size:19px;
    color:#f08a00;
}

.reverse_subheadline_text {

    font-family:proxima-bold;
    font-size:24px;
    color:#ffffff;

}

.scheme_url a {
    font-size:inherit;
    color:#444444;
}
.prelive_quote {
    background-color:#eeeeee;
    padding:10px;
    margin-bottom:15px;
}

.reverse_subheadline_box {
    padding:15px;
    margin-bottom:20px;
    background-color:#333333;
    border-bottom:#f08a00 3px solid;
}

.subheadline {
    display:block;
    font-family:proxima-light;
    font-size:24px;
    padding-bottom:10px;
    border-bottom:#dddddd 1px dashed;
    color:#98a5b3;
    margin-bottom:20px;
    line-height:120%;
}

.small-subheadline {
    font-family:proxima-bold;
    color:#555555;
    font-size:18px;
    padding-bottom:6px;
    margin-bottom:15px;
    border-bottom:#f08a00 1px dotted;
}

.subsubheadline {
    display:inline-block;
    font-family:proxima-bold;
    font-size:20px;
    color:#333333;
    margin-bottom:10px;
}

.small_subheadline {
    font-family:proxima-light;
    font-size:13px;
    color:#f08a00;
    border-bottom: 1px #f08a00 solid;
    margin-bottom:8px;
}
.placeholder-text {
    font-family:proxima-light;
    color:#777777;
    font-size:14px;
}

.footer-text {
    font-family:proxima-bold;
    font-size:15px;
    color:#222222;
    margin-top:2px;
}

.small-text {
    font-family:proxima;
    color:#222222;
    font-size:12px;
    line-height:130%;
}
.small-text-bold {
    font-family:proxima-bold;
    color:#222222;
    font-size:13px;
    line-height:130%;
}
.real-small-text {
    font-family:proxima;
    color:#222222;
    font-size:12px;
    line-height:120%;
}
.ridiculous-small-text {
    font-family:proxima;
    color:#222222;
    font-size:10px;
}

.form_label {
    font-family:proxima-bold;
    font-size:14px;
    color:#777777;
    margin-bottom:7px;
    border-left:#000000 4px solid;
    padding-left:4px;
}
.form_hint {
    font-family:proxima-bold;
    font-size:9px;
    color:#555555;
}
a.larger_link {
    font-family:proxima-bold;
    font-size:19px;
    color:#414141;
    text-decoration:none;
}





/* GENERIC STYLING */
.bordered-text {
    border:#444444 1px solid;
    padding:5px;
    line-height:100%;
}
.plant-background {
    background-color:#0c15d0;
    color:white;
    font-weight:bold;
}
.labour-background {
    background-color:#f08a00;
    color:white;
    font-weight:bold;
}
.materials-background {
    background-color:#414141;
    color:white;
    font-weight:bold;
}
.bold {
    font-weight:bold;
}

.red {
    color:#ff0000;
}

.orange-background {
    background-color:#f08a00;
}
.light-grey-background {
    background-color:#cccccc;
}
.white {
    color:#ffffff !important;
}
.green {
    color:#00aa00;
}

.lightGrey {
    color:#dddddd;
}
.midGrey {
    color:#bbbbbb;
}
.darkGrey {
    color:#666666;
}
.black {
    color:#000000;
}

.lesser_rounded_corners {

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

.rounded_corners {

    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

}

.center {
    text-align:center;
}

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

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

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


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




.table-colouring tbody tr:nth-child(even) {
    background-color: #ededed;
}
.table-colouring tbody tr:nth-child(odd) {
    background-color: #dedede;
}



/* TABLE BORDERS */

table.border_all {
    border:#000000 1px solid;
}

tr.border_all {
    border:#000000 1px solid;
}

td.border_all {
    border:#000000 1px dotted;
}
th.border_all {
    border:#000000 1px dotted;
}

td.header_border {

    border-bottom:#aaaaaa 1px dotted;
    color:#888888;
}
th.header_border {

    border-bottom:#aaaaaa 1px dotted;
    color:#888888;
}

td.header_border_faint {

    border-bottom:#aaaaaa 1px dotted;
    color:#aaaaaa;
}
th.header_border_faint {

    border-bottom:#aaaaaa 1px dotted;
    color:#aaaaaa;
}


td.row_border {

    border-bottom:#aaaaaa 1px dotted;

}
th.row_border {

    border-bottom:#aaaaaa 1px dotted;

}
th.row_border_left {

    border-left:#aaaaaa 1px solid;

}
td.row_border_all {

    border:#000000 1px solid;

}
th.row_border_all {

    border:#000000 1px solid;

}
td.row_top_border {

    border-top:#000000 1px dotted;

}
th.row_top_border {

    border-top:#000000 1px dotted;

}
td.row_left_border {

    border-left:#000000 1px dotted;

}
th.row_left_border {

    border-left:#000000 1px dotted;

}
td.row_right_border {

    border-right:#000000 1px dotted;

}
th.row_right_border {

    border-right:#000000 1px dotted;

}

td.header_right_border {

    border-right:#F08A00 1px dotted;

}
th.header_right_border {

    border-right:#F08A00 1px dotted;

}

.quoting_edit_label {
    font-family:DINProMedium;
    font-size:11px;
    text-transform:uppercase;
    margin-bottom:5px;
}

.hoverator_2018:hover {
    background-color: #dddddd;
}

.quoting_edit_label:a {
    font-size:inherit;
    color:inherit;
}

.hoverator_orange:hover {
    background-color:#f08a00 !important;
}

.hoverator_medium_grey:hover {
    background-color:#888888;
}


.hoverator_light_grey:hover {
    background-color:#eeeeee;
}

.hoverator_light_grey_click:hover {
    cursor:pointer;
    background-color:#eeeeee;
}

.hoverator:hover {
    background-color:#000000;
    color:#ffffff;
}

.hoverator_click:hover {
    cursor:pointer;
    background-color:#f08a00 !important;
    color:#ffffff;
}
.hoverator_white_click:hover {
    cursor:pointer;
    background-color:#eeeeee;
}

.clickable {
    cursor:pointer;
}
.clickable:hover {
    color:#f08a00;
    cursor:pointer;
}
/* GENERIC OUTLINES */

.warning_box {
    padding:10px;
    background-color:#ff0000;
}

.basic_box {
    border:#000000 1px solid;
    padding:20px;
}


.schedule_snapshot {
    border:#ffffff 2px solid;
}


.selected_schedule {

    border:#00ff00 2px dashed;

}

.schedule_main_section_container {

    padding:15px;
    margin-bottom:15px;

background: #cccccc; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #dddddd , #bbbbbb); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #dddddd , #bbbbbb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 }



/* BLINKING */





.fast_pulse_blink {
    -webkit-animation-name: fast_pulse_blink;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: fast_pulse_blink;
    -moz-animation-duration: 1.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: fast_pulse_blink;
    animation-duration: 1.0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes fast_pulse_blink {
    0% { background-color:yellow; color:#333333; }
    49% { background-color:yellow; color:#333333; }
    50% { background-color:red; }
    99% { background-color:red; }
    100% { background-color:yellow; color:#333333; }
}

@-webkit-keyframes fast_pulse_blink {
      0% { background-color:yellow; color:#333333; }
    49% { background-color:yellow; color:#333333; }
    50% { background-color:red; color:#ffffff;}
    99% { background-color:red; color:#ffffff;}
    100% { background-color:yellow; color:#333333;}
}

@keyframes fast_pulse_blink {
     0% { background-color:yellow; color:#333333;}
    49% { background-color:yellow; color:#333333;}
    50% { background-color:red; color:#ffffff;}
    99% { background-color:red; color:#ffffff;}
    100% { background-color:yellow; color:#333333;}
}


@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  60% {
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
}
/* /left bounce */






.blink_fade {
    -webkit-animation-name: blink_fade;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink_fade;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blink_fade;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blink_fade {
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blink_fade {
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

@keyframes blink_fade {
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}


.blink_fade_fast {
    -webkit-animation-name: blink_fade_fast;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink_fade_fast;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blink_fade_fast;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blink_fade_fast {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blink_fade_fast {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blink_fade_fast {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}



.blink_teletext_flash {
    -webkit-animation-name: blinker-flash;
    -webkit-animation-duration: 2.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: blinker-flash;
    animation-duration: 2.0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blink_teletext_flash {
    0% { opacity: 1.0; }
    94% { opacity: 1.0; }
    95% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

@keyframes blink_teletext_flash {
     0% { opacity: 1.0; }
    94% { opacity: 1.0; }
    95% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

.blink_teletext_flash_slower {
    -webkit-animation-name: blinker-flash;
    -webkit-animation-duration: 3.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: blinker-flash;
    animation-duration: 3.0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blink_teletext_flash {
    0% { opacity: 1.0; }
    74% { opacity: 1.0; }
    75% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

@keyframes blink_teletext_flash {
     0% { opacity: 1.0; }
    74% { opacity: 1.0; }
    75% { opacity: 0.0; }
    99% { opacity: 0.0; }
}






.blink_flash {
    -webkit-animation-name: blinker-flash;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: blinker-flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}



@-webkit-keyframes blinker-flash {
    0% { opacity: 1.0; }
    48% { opacity: 1.0; }
    49% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

@keyframes blinker-flash {
    0% { opacity: 1.0; }
    48% { opacity: 1.0; }
    49% { opacity: 0.0; }
    99% { opacity: 0.0; }
}




.blink_mental {
    -webkit-animation-name: blinker-mental;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: blinker-mental;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


@-webkit-keyframes blinker-mental {
     0% { opacity: 1.0; }
    48% { opacity: 1.0; }
    49% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

@keyframes blinker-mental {
    0% { opacity: 1.0; }
    48% { opacity: 1.0; }
    49% { opacity: 0.0; }
    99% { opacity: 0.0; }
}




.blink_lethargic {
    -webkit-animation-name: blinker-lethargic;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: blinker-lethargic;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


@-webkit-keyframes blinker-lethargic {
     0% { opacity: 1.0; }
    10% { opacity: 0.0; }
    12% { opacity: 1.0; }
    20% { opacity: 0.0; }
    92% { opacity: 1.0; }
    95% { opacity: 0.0; }
    99% { opacity: 0.0; }
}

@keyframes blinker-lethargic {
     0% { opacity: 1.0; }
    12% { opacity: 0.0; }
    15% { opacity: 1.0; }
    22% { opacity: 0.0; }
    94% { opacity: 1.0; }
    95% { opacity: 0.0; }
    99% { opacity: 0.0; }
}











/*



/* TOOLTIP (backup)
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:9999910;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    height:350px;display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
/*.callout {z-index:9999920;position:absolute;top:30px;border:0;left:-12px;}*/

/*CSS3 extras
a.tooltip span
{
    z-index:9999999;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
*/






/* TOOLTIP */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;cursor:pointer;}
a.tooltip span {
    z-index:9999910;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:400px; line-height:16px;
    box-shadow: 5px 5px 8px #CCC;

}
a.tooltip:hover span{
    height:400px;display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}







/* LINKS */
a {
    font-size:inherit;
    font-color:inherit;
}

a.nolink {
    text-decoration:none;
    font-size:inherit;
    color:inherit;
}
a.nolink:hover {
    background-color:#eeeeee;
}
a.olink {
    text-decoration:none;
    color:#f08a00;
}
a.olink:hover {
    color:#000000;
}
a.glink {
    text-decoration:none;
    color:#777777;
}
a.glink:hover {
    color:#000000;
}

a.darklink {
    text-decoration:none;
    color:#414141;
}
a.darklink:hover {
    color:#F08A00;
}
a.whitelink {
    text-decoration:none;
    color:#ffffff;
}
a.whitelink:hover {
    color:#F08A00;
}


a.inheritlink{
    font-size:inherit;
    text-decoration: none;
}
a.inheritlink:hover{
    color:# 0000aa;
}


#logo {
    margin-top:15px;
}

#logo img {
    max-width:200px;
}

#navigation-strip {
    margin-top:5px;
    /*background-color:#f08a00;*/
    font-family:proxima-bold;
    font-size:12px;
    padding:4px;
    background-color:#aaaaaa;
    /*
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);
    */
}
#sub-navigation-strip {
    /*background-color:#f08a00;*/
    font-family:proxima-light;
    font-size:11px;
    padding:4px;
    background-color:#eeeeee;
    /*
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);
    */

}

.section-link {
    margin-left:7px;
    margin-right:7px;
    text-decoration:none;
    color:#000000;
}
.section-link:visited {
    color:#555555;
}

.section-link:hover {
    background-color:#000000;
    color:#555555;
}

.page-link {
    margin-left:10px;
    margin-right:20px;
    padding:4px;
    border-radius:5px;
    text-decoration:none;
    color:#555555;
}
.page-link:visited {
    color:#555555;
}
.page-link:hover {
    background-color:#000000;
    color:#f08a00;
}




#message_area {
    position:fixed;
    bottom:64px;
    left:auto;
    right:auto;
    height:80px;
    width:100%;
    background-color:#168c10;
    z-index:100000;
    text-align:center;
    color:#ffffff;
    display:none;
}

.message_area_text {
    font-family:proxima-light;
    font-size:40px;
    color:#ffffff;
}












/* ----- TIMESHEETS ------ */


.location {

    font-family:proxima-bold;
    font-size:10px;
    color:#ffffff;
    padding:5px;
}

.timesheet_banner {

    background-color:#333333;
    font-family:proxima-light;
    font-size:20px;
    padding:5px;
    color:#ffffff;
    text-align:center;

}

.timesheet_user_box {

    width:117px;
    height:75px;
    padding:15px;
    margin:2px;
    text-align:center;
    float:left;
    overflow:none;
}

.clocked_on {
    border:#ffffff 1px solid;
    background-color:#F08A00;
    color:#ffffff;
    font-weight:bold;
    height:120px;
}

.clocked_off {
    border:#ffffff 1px solid;
    background-color:#444444;
    color:#ffffff;
    font-weight:bold;
    height:78px;
}

.timesheet_big_select {
    font-size:20px;
}

.timesheet_big_input {
    font-size:20px;
    width:100%;
    max-width:100%;
}

.timesheet_big_text_area {
    font-size:20px;
    width:100%;
    max-width:100%;
}


.timesheet_submit_button {
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    padding:7px;
}

.timesheet_timer_box {

    text-align:center;
    font-family:courier;
    font-size:15px;
    margin:5px 0px 5px 0px;
    color:#aa0000;

}

#timesheet_filter_container {
    /*background-color:#f08a00;*/
    background-color:#dddddd;
    padding:15px;
    /*
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);
    */

}

.timesheet_name {
    font-family:proxima;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}



#timesheet_reporting_filter_panel {

   /* border:#f08a00 3px solid;*/
    /*background-color:#eeeeee;*/
    /*padding:15px;*/
    /*text-align:center;*/
}

#live_clock {

    font-family:courier;
    font-size:50px;
    font-weight:bold;
    color:#f08a00;
    position:fixed;
    bottom:20px;
    z-index:100;
    background:#000000;
    opacity:0.5;
    text-align:center;
}


.grey_padded_panel {
    background-color:#eeeeee;
    padding:15px;
}

.screens_vehicle_container {

    border:#000000 1px dotted;
    padding:15px;
    background-color:#eeeeee;
}

@font-face {
    font-family: number_plate;
    src: url('/app/fonts/number_plate.ttf');
}



.reg {
    background-color: #ec0;
    background: -webkit-linear-gradient(#ec0, #ca0);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.75);
    font-family: number_plate;
    display: inline-block;
    padding: 0 20px 0 20px;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin: 20px;
    width:140px;
    max-width:100%;
}





#modal_overlay_large {

    width:650px;
    height:850px;
    background:#ffffff;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-425px;
    margin-left:-325px;
    overflow-y:scroll;
    z-index:200;
    display:none;

}

#modal_overlay_pin {
    width:300px;
    height:200px;
    background:#ffffff;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-150px;
    overflow-y:none;
    z-index:200;
    padding:20px;
}


#numBox{
    width:300px;
    height:20px;
    text-align:right;
    border:solid 1px black;
    cursor:text;
    overflow:hidden;
}
#keypad{
    width:300px;
    height:200px;
    border:solid 1px black;
}
.key{
    border:solid 1px black;
    background-color:ffffff;
    text-align:center;
    font-weight:bold;
    color:#000000;
    cursor:pointer;
    font-size:25px;
    width:33.3%;
}


.btn{
    border:solid 1px black;
    text-align:center;
    font-weight:bold;
    color:black;
    cursor:pointer;
    background-color:DimGray;
    width:33.3%;

}

#pin {
    font-size:25px;
}

#pin_replacement {

    font-size:50px;
    color:#777777;
    text-align:center;
}




/* index_list class e.g. most recent customers */



.index_list_item {

    margin-bottom:5px;

}

.spacer {
    content:"\00a0";
    margin-bottom:10px;
}

.large_spacer {
    content:"\00a0";
    margin-bottom:20px;
}

.bottom5 {
    margin-bottom:5px;
}



#calsaving {

    position:fixed;
    background-color:#ff0000;
    border:#414141 2px solid;
    top:10px;
    right:10px;
    width:auto;
    font-family:proxima-bold;
    font-size:80px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:121000;
    opacity:0.8;
}
#saving {

    position:fixed;
    background-color:#ff0000;
    border:#414141 2px solid;
    top:10px;
    right:10px;
    width:auto;
    font-family:proxima-bold;
    font-size:40px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:121000;
    opacity:0.8;
}

#text_magnifier {

    position:fixed;
    background-color:#000000;
    border:#414141 2px solid;
    top:10px;
    right:10px;
    left:10px;
    width:auto;
    font-family:proxima-light;
    font-size:40px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:60000;
    opacity:0.8;
}

#calloading {

    position:fixed;
    background-color:#ff0000;
    border:#414141 2px solid;
    bottom:10px;
    right:10px;
    width:auto;
    font-family:proxima-bold;
    font-size:80px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:60000;
    opacity:0.8;
}
#loading {

    position:fixed;
    background-color:#ff0000;
    border:#414141 2px solid;
    bottom:10px;
    right:10px;
    width:auto;
    font-family:proxima-bold;
    font-size:40px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:60000;
    opacity:0.8;
}



.one_line_text {
    margin-top:-2px;
    text-overflow: ellipsis;
    overflow: hidden;
    height:15px;
    line-height:150%;
    margin-bottom:3px;
}

#please_wait {

    position:fixed;
    background-color:#000000;
    border:#414141 2px solid;
    bottom:10px;
    right:10px;
    width:auto;
    font-family:proxima-light;
    font-size:40px;
    color:#ffffff;
    padding:20px;
    text-align:center;
    z-index:60000;
    opacity:0.8;
}

#updating {

    position:fixed;
    background-color:#ffffff;
    bottom:10px;
    right:10px;
    width:auto;
    font-family:proxima-light;
    font-size:14px;
    color:#555555;
    padding:10px;
    text-align:center;
    z-index:121000;
    opacity:1.0;
}

#screen_last_updated {

    position:left;
    bottom:10px;
    left:10px;
    width:auto;
    font-family:proxima-light;
    font-size:12px;
    color:#000000;
    padding:5px;
    text-align:left;
    z-index:121000;
    opacity:1.0;
}





/*----- Tabs -----*/
.tabs {
    display:block;
    max-width:100%;
    width:100%;
    font-family:proxima;
}

.tabs ul {
    padding-left:0px;
}

 /*----- Tab Links -----*/
/* Clearfix */
.tab-links::after {
    display:block;
    /*clear:both;*/
    content:'';

}

.tab-links li {
    margin:4px 4px;
    float:left;
    list-style:none;
    text-align:center;
    line-height:120%;
}


.tab-links a {
    padding:5px 5px;
    display:inline-block;
    border-radius:9px 9px 0px 0px;
    background:#000000;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    transition:all linear 0.15s;
    text-decoration:none;
}

.tab-links a:hover {
    background:#555555;
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#f08a00;
    color:#ffffff;
}

/*----- Content of Tabs -----*/
.tab-content {
    /*padding:5px;
    border-radius:5px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    background:#fff;
    */
}

    .tab {
        display:none;
    }

    .tab.active {
        display:block;
    }



.info_box {

     border-radius:10px;
     border:#f08a00 2px solid;
     padding:10px;
}

.thumb_headline_container {
    position:relative;

}
.thumb_headline_contents {
    background:white;
}
.thumb_headline_gradient {
    position:absolute;
    z-index:2;
    right:0; bottom:0; left:0;
    height:300px;
    background: none;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}









/* MODAL STUFF */







#picker {

    display:none;
    background-color:#cccccc;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 50px;
    -webkit-border-radius: 10px;

}

.picker_category {

    margin-bottom:15px;

}

#search_hints {
    margin-top:5px;
    border:#000000 1px dashed;
    padding:10px;
    width:40%;
}


/* iPad Timesheet Code */

.ts_banner {
    background-color:#777777;
    font-family:proxima-light;
    font-size:20px;
    padding:5px;
    color:#ffffff;
    text-align:center;
}

.ts_name_box {

    margin:5px;
    width:22%;
    height:58px;
    float:left;
    padding:10px;
    border-radius:10px;
}

.ts_name_box_clocked_on {

    background-color:#f08a00;

}

.ts_name_box_clocked_off {

    background-color:#777777;

}


img.ts_action_button {
    float:right;
    margin-top:3px;
    display:block;
    -webkit-tap-highlight-color:#ffffff;
}


.ts_name {

    font-family:proxima;
    font-size:20px;
    margin-bottom:3px;
    color:#ffffff;
    margin-top:9px;
}

.ts_timer_box {



}

.ts_since {

    margin-top:9px;
    font-size:12px;

}

#ts_live_clock {

    background-color:#ffffff;
    opacity:0.8;
    padding:15px;
    font-family:'verdana';
    font-size:25px;
    font-weight:bold;
    color:#f08a00;
    position:fixed;
    bottom:0px;
    text-align:center;
    z-index:10000;
    width:100%;
}

#ts_modal_overlay_pin {
    position:fixed;
    top:10%;
    left:30%;
    right:30%;
    background:#ffffff;
    padding:30px;
    z-index:10001;
    border:#000000 10px solid;
}

#ts_approval_modal_container {

    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 50px;
    -webkit-border-radius: 10px;

}

.ts_symbol {
    font-size:125%;
    line-height:100%;
    margin:0;
}

.padded-background-strip {
    padding:7px;
}

/* QUOTES PAGES */

#quote_status_container {

    border:#000000 3px solid;
    padding:10px;
    text-align:center;
}

#quote_status_headline {
    font-family: proxima-bold;
    font-size:25px;
    color:#ffffff;
    margin-bottom:5px;
    line-height:120%;
}


#quote_status_body {
    font-family: proxima-bold;
    font-size:11px;
    color:#ffffff;
}

.quote_tab_container {
    float:left;
    width:auto;
    background-color:#414141;
    padding:10px 30px 10px 30px;
    text-align:left;
    margin-right:2px;
    margin-bottom:2px;
 }

 .quote_tab_container2 {
    background-color:#414141;
    padding:8px;
    text-align:left;
    margin-bottom:2px;
    width:auto;
    display:block;
 }


 .quote_tab_container:hover {
    background-color:#f08a00;
    cursor:pointer;
 }


 .quote_tab_container_active {
    background-color:#f08a00;
 }


 .quote_tab_headline {

    font-family: proxima-light;
    font-size:19px;
    color:#ffffff;

 }
  .quote_tab_headline2 {

    font-family: proxima-bold;
    font-size:10px;
    color:#ffffff;
    text-transform:uppercase;

 }


 .quote_tab_content {
    display:none;
}

.quote_map_iframe {
    max-width:100%;
    width:100%;
    height:300px;
    border:#000000 1px solid;
}

#quote_edit_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 50px;
    -webkit-border-radius: 10px;

}

.quote_labour_box {
    position:relative;
    padding:6px;
    background-color:#333333;
    color:white;
    font-family:proxima-bold;
    font-size:12px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:150px;
    height:55px;
    overflow:none;
    line-height:125%;
    text-align:center;
}

.quote_labour_box:hover {
    background-color:#f2ac22;
}

.quote_labour_box a {
    cursor:pointer;
    color:#ffffff;
    text-decoration:none;
    color:inherit;
    font-size:inherit;
}

.quote_labour_box a:hover {
    color:#000000;
}

.quote_labour_box_remove {
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
    background-color:#333333;
    width:auto;
    text-align:center;
    font-family:verdana;
    font-size:9px;
    padding:1px;
    color:#aaaaaa;
    border-radius: 0px 5px 0px 0px;
    z-index:1000;
}





.quote_labour_box_alt {
    position:relative;
    padding:3px 15px 3px 10px;
    background-color:#000000;
    color:white;
    font-family:proxima-bold;
    font-size:10px;
    border-radius: 10px 0px 10px 0px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    overflow:none;
    line-height:140%;
    text-align:left;
}
.quote_labour_box_alt:hover {
    background-color:#777777;
}

.quote_labour_box_alt a {
    cursor:pointer;
    color:#ffffff;
    text-decoration:none;
    color:inherit;
    font-size:inherit;
}

.quote_labour_box_alt a:hover {
    color:#000000;
}

.quote_labour_box_alt_remove {
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
    background-color:#333333;
    width:auto;
    text-align:center;
    font-family:verdana;
    font-size:9px;
    padding-right:2px;
    padding-top:2px;
    color:#aaaaaa;
    border-radius: 0px 5px 0px 0px;
    z-index:1000;
}











.quote_plant_box {
    position:relative;
    padding:6px;
    background-color:#076d9c;
    color:white;
    font-family:proxima-bold;
    font-size:12px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:150px;
    height:55px;
    overflow:none;
    line-height:125%;
    text-align:center;

    /*
    position:relative;
    padding:3px;
    background-color:#0c15d0;
    color:white;
    font-family:proxima-bold;
    font-size:10px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    overflow:none;
    line-height:140%;
    text-align:center;
    border-radius: 10px 0px 10px 0px;
    padding:3px 15px 3px 10px;
    */
}
.quote_plant_box a {
    cursor:pointer;
    color:#ffffff;
    font-size:inherit;
    text-decoration:none;
}

.quote_plant_box_remove {
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
    background-color:#076d9c;
    width:auto;
    text-align:center;
    font-family:verdana;
    font-size:9px;
    padding:1px;
    color:#aaaaaa;
    border-radius: 0px 5px 0px 0px;
    z-index:1000;
}

.quote_plant_box:hover {
    background-color:#2f37f2;
}
.quote_plant_box a:hover {
    color:#000000;
}









.quote_material_box {
    position:relative;
    padding:3px;
    background-color:#555555;
    color:white;
    font-family:proxima-bold;
    font-size:10px;
    border-radius: 5px 5px 5px 5px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    width:70px;
    height:45px;
    overflow:none;
    line-height:140%;
    text-align:center;
}
.quote_material_box a {
    cursor:pointer;
    color:#ffffff;
    font-size:inherit;
    text-decoration:none;
}

.quote_material_box_remove {
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
    background-color:#ff4d4d;
    width:auto;
    text-align:center;
    font-family:verdana;
    font-size:9px;
    padding:1px;
    color:#aaaaaa;
    border-radius: 0px 5px 0px 0px;
    z-index:1000;
}

.quote_material_box:hover {
    background-color:#2f37f2;
}
.quote_material_box a:hover {
    color:#000000;
}




.wide_table_wrapper {
    overflow-x:scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y:hidden;
    padding-bottom:15px;

}
.wide_table_wrapper::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 5px; /* for horizontal scrollbars */
}

.wide_table_wrapper::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

.wide_table_wrapper::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

.wide_table_pane {

    width:auto;

}


#current_schedules_pane_wrapper {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    overflow-y:hidden;
    padding-bottom:15px;
}

#current_schedules_pane {

    width:10000px;

}


.quotes_schedules_current_item_v2 {

    position:relative;
    width:300px;
    float:left;
    margin-right:15px;
    padding:0px;

}

.quotes_schedules_header_tab_v2 {

    padding:10px 10px 5px 15px;
    background-color:#555555;
    border-radius: 0px 20px 0px 0px;
    -webkit-border-radius: 0px 20px 0px 0px;
    color:#fff77c;
    font-family:proxima-bold;
    font-size:16px;
    width:60%;

}

.quotes_schedules_header_tab_close_v2 {
    float:right;
    padding-top:10px;
    padding-right:10px;
    font-size:15px;
    line-height:100%;
}

.quotes_schedules_header_top_block_v2 {

    background-color:#555555;
    color:#dddddd;
    font-family:proxima-bold;
    font-size:16px;
    width:100%;
     border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;

}

.quotes_schedules_header_top_block_id_v2 {

    padding:5px 0px 5px 15px;
    float:left;
    margin-top:7px;
    font-family:proxima-light;
    font-size:18px;
    color:#dddddd;


}
.quotes_schedules_header_top_block_status_v2 {

    padding:5px 15px 5px 0px;
    float:right;
    font-family:proxima-bold;
    font-size:16px;
    color:#dddddd;

}



.quotes_schedules_current_item_notes_strip_v2 {

    width:100%;
    margin-bottom:5px;

}

.small_select {
    line-height:100%;
    font-size:10px;
}

.quotes_schedules_current_item_notes_strip_header_v2 {

    background-color:#aaaaaa;
    padding:5px;
    width:26%;
    font-family: proxima-bold;
    font-size:12px;
    color:#ffffff;
    float:left;
    margin-right:10px;

}

.quotes_schedules_current_item_notes_strip_data_v2 {

    font-family:proxima;
    font-size:12px;
    background-color:#dddddd;
    margin-top:5px;
    padding:5px;
    line-height:125%;


}

.display_version {
    overflow:hidden;
    height:12px;
}
.edit_version {

}

.edit_version textarea {

    width:95%;
    font-size:10px;
    margin-top:5px;

}

.quotes_schedules_current_item_main_area_v2 {

    background-color:#dddddd;
    width:100%;
    height:300px;
    overflow:auto;

}

.quotes_schedules_current_item_main_area_v2 a {
    text-decoration:none;
    color:inherit;
    font-size:inherit;
}
.quotes_schedules_current_item_main_area_v2 a:hover {
    color:#000000;
}


.quotes_schedules_current_item_main_columns {
    font-family:proxima;
    font-weight:bold;
    font-size:13px;
    margin-bottom:15px;
    text-align:center;
}
.plant_text {
    color:#076d9c;
}
.plant_background {
    background-color:#076d9c;
}
.labour_text {
    color:#333333;
}
.labour_background {
    background-color:#333333;
}
.material_text {
    color:#ff4d4d;
}
.material_background {
    background-color:#ff4d4d;
}

.quotes_schedules_plant_box_v2 {
    background-color:#076d9c;
    padding:5px;
    font-family:tahoma;
   font-weight:normal;
    font-size:9px;
    color:#ffffff;
    margin-bottom:5px;
    overflow:hidden;
    height:30px;
    line-height:130%;
    position:relative;
}

.quotes_schedules_labour_box_v2 {
    background-color:#333333;
    padding:5px;
    font-family:tahoma;
    font-weight:normal;
    font-size:9px;
    color:#ffffff;
    margin-bottom:5px;
    overflow:hidden;
    height:35px;
    line-height:130%;
    position:relative;
}

.quotes_schedules_material_box_v2 {
    background-color:#ff4d4d;
    padding:5px;
    font-family:tahoma;
   font-weight:normal;
    font-size:9px;
    color:#ffffff;
    margin-bottom:5px;
    overflow:hidden;
    height:30px;
    line-height:130%;
    position:relative;
}





#quotes_schedules_utilities_bar {

    background-color:#aaaaaa;
    color:#ffffff;
    padding:5px;
    font-size:10px;
    text-align:center;
     border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
}






.quotes_schedules_current_item {

    position:relative;
    width:auto;
    float:left;
    margin-right:10px;margin-bottom:10px;
    padding:10px;
    border:#000000 1px solid;
    border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px;

}

.quotes_schedules_current_item_edit {
    display:inline;
    position:absolute;
    bottom:0px;
    right:0px;
    color:#f08a00;
    width:auto;
    text-align:center;
    font-family:proxima-bold;
    font-size:11px;
    padding:3px;
    margin-right:5px;



}

.quotes_schedules_current_item_id {
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
    color:#ffffff;
    width:auto;
    text-align:center;
    font-family:courier;
    font-size:13px;
    padding:5px;
    border-top:#000000 1px solid;
    border-right:#000000 1px solid;
    background-color:#555555;
    -webkit-border-radius: 0px 0px 0px 0px;
}


.quotes_schedules_date_and_status {
    font-family:proxima-light;
    font-size:20px;
    margin-bottom:10px;
    margin-top:18px;
}

.quotes_schedules_timings {
    font-family:proxima;
    font-size:10px;
    margin-bottom:5px;
}

.quotes_schedules_labour {
    margin-bottom:5px;
}

.quotes_schedules_plant {
    margin-bottom:3px;
}


.quotes_schedules_notes {
    margin-bottom:8px;
    font-family:proxima-light;
    font-size:12px;
    color:#444444;
}

.quotes_schedules_site_address {
    margin-bottom:8px;
    font-family:proxima-light;
    font-size:12px;
    color:#444444;
}




.quotes_schedules_notes input:hover {
    cursor:text;
    font-weight:bold;
}



.quotes_schedules_not_allocated {
    font-family:proxima-light;
    font-size:11px;
    color:#777777;
    margin-top:5px;
}


#quotes_schedules_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:3%;
    bottom:3%;
    left:3%;
    right:3%;
    padding:25px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;

}



.reg_quote {
    background-color: #ec0;
    background: -webkit-linear-gradient(#ec0, #ca0);
    border-radius: 4px;
    font-family: number_plate;
    display: inline-block;
    padding: 0 8px 0 8px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    width:auto;
    max-width:100%;
}




/* DRS */

.risk_level_row_item {
    display:inline-block;
    padding:10px;
    background-color:#ffffff;
    color:#000000;
    border:#cccccc 1px solid;
    margin:0px 10px 0px 0px;
}

.risk_level_row_item:active {
    background-color:#F08A00;
    color:#ffffff;
    cursor:pointer;
}

.selected_item {
    background-color:#F08A00;
    color:#ffffff;
}


.tab_label_container {
    float:left;
    width:auto;
    margin:5px;
    background-color:#414141;
    padding:12px;
    text-align:left;
    border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;


 }
 .tab_label_container:hover {
    background-color:#f08a00;
    cursor:pointer;
 }





.drs_tab_container {
    float:left;
    width:auto;
    margin:5px;
    background-color:#414141;
    padding:12px;
    text-align:left;
    border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;


 }
 .drs_tab_container:hover {
    background-color:#f08a00;
    cursor:pointer;
 }


 .drs_tab_container_active {
    background-color:#f08a00;
 }


.tab_container_active {
    background-color:#f08a00;
 }


 .drs_tab_headline {

    font-family: proxima-light;
    font-size:22px;
    color:#ffffff;

 }

 .drs_tab_content {
    display:none;
}


#drs_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 50px;
    -webkit-border-radius: 10px;

}

.medium-text {
    font-family:proxima;
    font-size:24px;
    color:#888888;
}


.new_form_label_normal {

    background-color:#f08a00;
    padding:3px;
    display:inline-block;
    margin-top:15px;
    margin-bottom:5px;
    color:#ffffff;
    font-weight:bold;

}
.new_form_label_normal_v2 {

    background-color:#f08a00;
    padding:3px;
    display:inline-block;
    margin-bottom:5px;
    color:#ffffff;
    font-size:11px;
    font-weight:bold;

}






#products_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:15%;
    bottom:15%;
    left:15%;
    right:15%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;

}



#product_picker_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:20%;
    bottom:20%;
    left:15%;
    right:15%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;

}

.product_picker_container {
    display:inline;
}

.product_picker_container select {
    font-size:10px;
}


#product_add_confirmation {
    padding:5px;
    border:#000000 1px solid;
    font-family:proxima;
    font-size:15px;
    text-align:center;
    background-color:#00cc00;
    display:none;
}



#schedule_data {
    margin: 0px;
    overflow:none;
}

#schedule_data .headline {
    font-family:proxima-light;
    font-size:30px;
    color:#ffffff;
}

#schedule_data .day_header {
    font-family:proxima-light;
    font-size:23px;
    color:#ffffff;
}

#schedule_data .quotes_schedules_container {
    margin-bottom:10px;
    background-color:#eeeeee;
    height:auto;
    padding:5px;
    border-radius: 10px;
}

.quotes_schedules_work_types {
    margin-bottom:10px;
    color:#000000;
}

#schedule_data .quotes_schedules_container .quotes_schedules_id {
    color:#000000;
    font-family:proxima-light;
    font-size:12px;
    margin-bottom:5px;
}

#schedule_data .quotes_schedules_container .quotes_schedules_customer {
    color:#000000;
    font-family:proxima-bold;
    font-size:15px;
    margin-bottom:5px;
}

#schedule_data .quotes_schedules_container .quotes_schedules_notes {
    color:#f08a00;
    font-family:proxima-bold;
    font-size:15px;
    margin-bottom:5px;
}
.quotes_schedules_plant_container {
    margin-bottom:10px;
}

#schedule_data .quotes_schedules_container .registration_plate_item {
    background-color: #ec0;
    background: -webkit-linear-gradient(#ec0, #ca0);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.75);
    font-family: number_plate;
    color:#000000;
    display: inline-block;
    padding: 2px 5px 0px 5px;
    position: relative;
    font-size: 13px;
    line-height: 13px;
    margin: 5px;
    width:auto;
    max-width:100%;
}

.registration_plate_item {
    background-color: #ec0;
    background: -webkit-linear-gradient(#ec0, #ca0);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.75);
    font-family: number_plate;
    color:#000000;
    display: inline-block;
    padding: 2px 5px 2px 5px;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    margin: 5px;
    width:auto;
    max-width:100%;
}


.quotes_schedules_labour_container {
    margin-bottom:0px;
}

#schedule_data .quotes_schedules_container .labour_item {
    background-color:#c05800;
    border-radius: 6px;
    font-family: proxima-bold;
    display: inline-block;
    padding: 2px;
    position: relative;
    font-size: 12px;
    margin: 3px;
    padding:5px;
    width:auto;
    overflow:none;
    max-width:100%;
}


#toggle:-webkit-full-screen {
    display:none;
}
#toggle:-moz-full-screen {
    display:none;
}
#toggle:fullscreen {
    display:none;
}



#customer_review_container:-webkit-full-screen {
    background-color: rgba(255,255,255,0);
    padding:20px;
}
#customer_review_container:-moz-full-screen {
    background-color: rgba(255,255,255,0);
    padding:20px;
}
#customer_review_container:fullscreen {
    background-color: rgba(255,255,255,0);
    padding:20px;
}

#full_screen_toggle {
    position:fixed;
    top:70px;
    right:15px;

}
#full_screen_toggle:active {
    opacity:0.5;
}

#full_screen_toggle img {
    width:35px;
}


#accept_call_button_container {
    width:35px;
    height:70px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:2000;
    background-color:#333333;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-right:#f08a00 3px solid;
    border-bottom:#f08a00 3px solid;
}

#accept_call_button_container div {
    color:#ffffff;
    text-align:center;
    font-size:18px;
    margin-top:5px;
    margin-left:-2px;
}

#accept_call_button_container div a {
    color:inherit;
    font-size:inherit;
}

#accept_call_button_container div a:hover {
    color:#888888;
}


#accept_call_container {
    width:500px;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1999;
    background-color:#333333;
    border-right:#f08a00 3px solid;
    border-bottom:#f08a00 3px solid;
    display:none;
    opacity:0.95;
    padding:20px;
    color:#ffffff;
}

#accept_call_container a {
    color:#ffcf8e;
}
#accept_call_container a:hover {
    color:#f08a00;
}

#accept_call_container tbody tr:hover {
    background-color:#666666;
}

#accept_call_container td {
    border-bottom:#888888 1px solid;
}



#accept_call_container #accept_call_container_headline {
    color:#ffffff;
    margin-left:70px;
    margin-top:5px;
    font-family:proxima-light;
    font-size:28px;
}

.enquiries_header {
    font-family:proxima-light;
    font-size:16px;
    color:#f08a00;
    margin-bottom:8px;
}

#enq_calling_company_results {
    background-color:#555555;
    font-family:proxima;
    font-size:11px;
    color:#ffffff;
    display:none;
    padding:15px;
    margin-top:10px;
    padding-bottom:10px;
    height:150px;
    overflow-y:auto;
}

#enq_calling_company_results div:first-child {
    padding-top:0px;
}
#enq_calling_company_results div {
    padding-top:5px;
}

#enq_calling_company_results div a {
    color:inherit;
}

#edit_call_container {
    margin-top:30px;
    padding:10px;
    background-color:#eeeeee;
    display:none;
    color:#000000;
    margin-bottom:30px;
    overflow-y:scroll;
    height:100vh;
}


#edit_call_container select {
    /*height:18px !important;*/
    line-height:20px !important;
    padding:0px !important;
    font-size:11px;
}
#edit_call_container input {
    /*height:18px !important;*/
    line-height:20px !important;
    padding:0px !important;
    font-size:11px;
}
#edit_call_container table td {
    border-bottom:0px;
}
#edit_call_container table tr:hover {
    background-color:#ffffff;
}










#mobile_menu_button {
    width:35px;
    position:fixed;
    top:15px;
    right:15px;
    z-index:1000;
    font-size:30px;
}

#mobile_menu_button: a:hover {
    cursor:pointer;
}

#mobile_menu_button img {
    width:100%;
}

#mobile_menu {

    display:none;
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:#111111;
    opacity:0.90;
    z-index:300;
    padding:30px;
    text-align:center;

}

#mobile_menu .tile {
    width:35%;
    height:auto;
    padding:15px;
    background-color:#f08a00;
    margin:10px;
    color:#ffffff;
    font-family: proxima-bold;
    font-size:20px;
    text-align:left;
    float:left;
    -webkit-border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -khtml-border-radius: 0px 20px 0px 20px;
}

#mobile_menu .subtile {

    display:inline-block;
    background-color:#ffffff;
    width:90%;
    height:auto;
    float:left;
    padding:8px;
    margin:7px 10px 7px 10px;
    color:#000000;
    font-family: proxima-light;
    font-size:20px;
    text-align:left;
    -webkit-border-radius: 0px 20px 0px 20px;
    -moz-border-radius: 0px 20px 0px 20px;
    -khtml-border-radius: 0px 20px 0px 20px;

}

#submenu_back {
    font-size:18px;
    margin-top:10px;
    margin-bottom:20px;
    display:none;
    background-color:#ffffff;
    width:100px;
    margin-left:auto;
    margin-right:auto;
    padding:10px 8px 8px 8px;
}
#submenu_back:active {
    color:#ffffff;
}


/*
.top_strip {
    background-color:#333333;
    padding:6px;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:1000;
}

.top_strip .main_logo {
    max-width:100%;
    width:3%;
    float:left;
    margin-right:10px;
}

.top_strip .text {
    padding-top:3px;
}
*/

/*
#header_area2 {
    margin-top:0px;
    top:0;
    z-index:400;




}*/


#header_area2 {
    margin-top:0px;
    z-index:400;




}


/* NEW HEADER AREA V2       */
/* STARTED END AUGUST 2015  */

#header_area_v2 {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:28px;
    background-color:rgb(62,61,65);
    z-index:1001;
    border-bottom:#f08a00 2px solid;
}

#header_area_v2 .top_line {
}

#header_area_v2 .top_line .circle_logo {
    height:12px;
    float:left;

    float:right;
}









/* This part is the new CSS display code for the menu */

/* CONTAINER */
#nav{
    list-style:none;
    margin-top:-4px;
    width:100%;
    position:relative;
    z-index:500000;
    font-size:12px;
    margin-left:-30px;
}

/* MAIN NAV ITEM */
#nav li{
    float:left;
    margin-right:20px;
    position:relative;
    text-transform:uppercase;
}
#nav a{
    display:block;
    color:#ffffff;
    text-decoration:none;
}
#nav a:hover{
    color:#f08a00;
    text-decoration:none;
}

/*--- DROPDOWN ---*/

#nav ul{
   /*background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    /*background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    /*left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    display:none;
    z-index:20000000;

}
#nav ul li:first-child {
    padding-top:25px;

}
#nav ul li:last-child {
    padding-bottom:15px;

}
#nav ul li{
    float:none;
    background-color:#555555;
    padding:7px 10px 7px 10px;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    /*left:0; /* Bring back on-screen when needed */
    display:block;
    left:-40px;
    width:250px;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#555555;
    color:#f08a00;

}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
    color:#ffffff;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    color:#f08a00;

}



/* END */























/* AND THIS IS THE BOTTOM STRIP - IGNORE THE STUPID NAME */

/* NEW CODE V2 */

.top_strip_v2 {
    background-color:rgb(62,61,65);
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:60px;
    z-index:1000;
    overflow:hidden;
    padding-top:5px;
    border-top:#f08a00 2px solid;
}

.top_strip_v2 .main_logo {
    max-width:100%;
    width:3%;
    float:left;
    margin-left:10px;
}

.top_strip_v2 .text {
    padding-top:3px;
}

.nags_footer_container {
    float:left;
    background-color:#eeeeee;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin-right:10px;
    padding:5px;

    color:#555555;
    overflow:none;
    text-align:center;
}
.nags_footer_container:last-child {
    margin-right:0px;
}
.nags_footer_container a {
    color:inherit;
    font-size:inherit;
}
.nags_footer_subcontainer {
    margin-left:auto;
    margin-right:auto;
    float:left;
    border-right:#888888 1px dashed;
    padding-right:5px;
    padding-left:5px;
    text-align:center;
}
.nags_footer_subcontainer:last-child {
    border-right:0px;
    padding-right:0px;
}
.nags_footer_label {
    font-family: proxima;
    font-size:9px;
    letter-spacing: 5px;
    margin-bottom:10px;
    overflow:hidden;
    white-space: nowrap;
    text-transform:uppercase;

}
.nags_footer_sublabel {
    font-family:proxima-light;
    font-size:10px;
    margin-bottom:5px;
}
.nags_footer_positive_value {
    font-family:proxima-bold;
    font-weight:bold;
    font-size:10px;
    line-height:100%;
    color:#7edc99;
}
.nags_footer_negative_value {
    font-family:proxima-bold;
    font-weight:bold;
    font-size:10px;
    line-height:100%;
    color:#ff0000;
}
.nags_footer_negative_cross {
    font-family:proxima-bold;
    font-weight:bold;
    font-size:10px;
    line-height:100%;
    color:#ff0000;
}








/* OLD HEADER AREA STUFF */
/* CAN BE DELETED WHEN V2 GOES LIVE */

/*
#header_area {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:auto;
    z-index:100;
    -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #dddddd),
        color-stop(1, #ffffff)
    );
    background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%), url('');
    background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: linear-gradient(to top, #dddddd 0%, #ffffff 100%);

}


#header_area #circle_logo {
    position:fixed;
    right:-0;
    top:0px;
    width:15%;

    opacity:0.2;
    z-index:2000;
}




#desktop_navigation_strip {
    border-top:#000000 1px solid;
    border-bottom:#000000 1px solid;
    padding:15px 5px 15px 5px;
    -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #dddddd),
        color-stop(1, #ffffff)
    );
    background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%), url('');
    background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background-image: linear-gradient(to top, #dddddd 0%, #ffffff 100%);

}


#header_area #desktop_navigation_strip .top_line {
    margin-bottom:10px;
}



#header_area .desktop_section_container {

    background-color:#333333;
    width:auto;
    display:inline-block;
    margin:0px 2px 0px 2px;
    padding:5px 7px 5px 7px;
    font-family:proxima-bold;
    font-size:12px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -khtml-border-radius: 0px 10px 0px 10px;
    max-width:100%;
    color:#ffffff;
}

#header_area .desktop_section_container:hover {
    background-color:#f08a00;
    cursor:pointer;
}


#header_area .desktop_in_section_container {

    background-color:#f08a00;
    width:auto;
    display:inline-block;
    margin:0px 3px 0px 3px;
    padding:5px 10px 5px 10px;
    font-family:proxima-bold;
    font-size:12px;
    -webkit-border-radius: 0px 10px 0px 10px;
    -moz-border-radius: 0px 10px 0px 10px;
    -khtml-border-radius: 0px 10px 0px 10px;
    max-width:100%;
    color:#ffffff;
}

#header_area .desktop_in_section_container:hover {
    background-color:#a03700;
    cursor:pointer;
}
#header_area .desktop_in_section_container:active {
    background-color:#a03700;
    cursor:pointer;
}

*/

.quotes_schedules_crew_box {
    position:relative;
    width:270px;
    float:left;
    margin-right:25px;
}

.quotes_schedules_crew_box .date {

    font-family:proxima;
    font-size:15px;
    color:#ffffff;
}

.quotes_schedules_crew_box_header_tab {

    padding:10px 10px 5px 15px;
    background-color:#555555;
    border-radius: 0px 20px 0px 0px;
    -webkit-border-radius: 0px 20px 0px 0px;
    color:#fff77c;
    font-family:proxima-bold;
    font-size:14px;
    width:55%;

}

.quotes_schedules_crew_box_header_section {

    padding:5px 10px 5px 15px;
    background-color:#555555;
    color:#ffffff;
    font-family:proxima-bold;
    font-size:18px;
}

.quotes_schedules_crew_box_main_body_section {
    padding:10px 10px 10px 10px;
    background-color:#eeeeee;
    height:400px;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
    border:#000000 1px solid;
}


.quotes_schedules_crew_box_footer_section {

    padding:10px 10px 10px 10px;
    background-color:#555555;

}

.tablet_schedule_content_subcontainer {
    background-color:#eeeeee;
    padding:15px;
    margin-top:10px;
    font-family:proxima-light;
    font-size:15px;
    line-height:120%;
    color:#000000;
    box-shadow: 5px 5px 3px #888888;
}

.tablet-tile {

    float:left;
    margin:10px;
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    padding:10px;
    color:#ffffff;
    font-family:'Proxima-Bold',sans-serif;
    font-size:20px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FAA129;
    width:150px;
    height:75px;
    line-height:140%;
}

.tablet-tile:first-child {
    margin-left:0px;
}

.tablet-tile:hover {
    cursor:pointer;
    border:#000000 1px solid;
}

.quotes-index-quote-box {
    margin-bottom:10px;
}

.planner_headline {
    font-family: proxima-light;
    font-size: 30px;
    color:#777777;
}

.filter_panel {
    background-color:#eeeeee;
    padding:15px;
}

.third_column:first-child {
    float:left;
    width:30%;
    margin-right:4.5%;
}

.third_column:last-child {
    float:left;
    width:30%;
    margin-left:4.5%;
}

.third_column {
    float:left;
    width:30%;
}

.it_results_section_Open {

    padding:15px;
    background-color:#dedede;
    margin-bottom:30px;
    border:#000000 2px dotted;

}

.grey_news_type_container {
    background-color:#555555;
    width:auto;
    color:#ffffff;
    padding:5px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.news_icon {

    float:left;
    margin-right:16px;
    margin-bottom:7px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    width:50px;
}



.dropbox_files_table_container {
    margin-bottom:20px;
    background-color:#eeeeee;
    padding:20px;
}

.dropbox_categories_name {
    color:#f08a00;
    font-family:proxima-light;
    font-size:20px;
}

.dropbox_files_table {
}


label.file_upload input[type="file"] {
    position: fixed;
    top: -1000px;
}

/***** Example custom styling *****/
.file_upload {


display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  -webkit-appearance:none;
  box-sizing: border-box;


}
.file_upload:hover {
    color: #333;
    border-color: #888;
    outline: 0;
}
.file_upload:active {
    background: #CCF;
}





.grey_container {

    background-color:#dddddd;
    padding:10px;
     border-radius:15px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}


.alert_container {

    background:#ff0000;
    padding:20px;
     border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    color:#ffffff;
}


#wagons_admin_filter_panel {

    border:#f08a00 3px solid;
    background-color:#eeeeee;
    padding:15px;
}

.form_label_v3 {
    font-family:proxima-bold;
    padding-left:4px;
    font-size:10px;
    color:#f08a00;
    margin-bottom:5px;
    text-transform: uppercase;
}

.form_label_v4 {
    font-family:proxima-bold;
    font-size:12px;
    color:#888888;
    margin-bottom:5px;
    text-decoration:underline;
}

.form_label_v4_white {
    font-family:proxima-bold;
    font-size:12px;
    color:#ffffff;
    margin-bottom:5px;
}
.form_label_v4_orange {
    font-family:proxima-bold;
    font-size:12px;
    color:#f08a00;
    margin-bottom:5px;
}



.count_user_header {
    font-family:proxima;
    font-size:17px;
    color:#f08a00;
    margin-bottom:10px;
    border-bottom:#F08A00 1px dotted;
}

.count_table {
    font-size:14px;
}
.count_table tr {
    background-color:#eeeeee;
}
.count_table td {
    padding:10px;
}

.count_problem {

    background-color:#ffb5c8 !important;

}

.count_ok {

    background-color:#abffab !important;

}





.general_large_modal {

    display:none;
    background-color:#dedede;
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
    top:15%;
    bottom:15%;
    left:15%;
    right:15%;
    padding:30px;
    z-index:10000;
    border:#000000 1px solid;
    overflow:auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;

}

.quotes_schedules_drs_browser_schedule_container {

    background-color:#dddddd;
    padding:12px;
    font-family:proxima;
    font-size:12px;
    margin: 24px 0px 24px 0px;
    line-height:120%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    height:auto;
    overflow:none;
}


.quotes_schedules_drs_browser_schedule_container .boxhead {

    font-family:proxima-light;
    font-size:14px;
    line-height: 120%;
}


.quotes_schedules_drs_browser_schedule_container_section {
    padding:8px;
    background-color:#eeeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height:auto;
    overflow:none;
    border:#cdcdcd 1px solid;
}

.quotes_schedules_drs_browser_schedule_container_section .header{
    font-family:proxima-bold;
    font-size:10px;
    color:#bbbbbb;
    margin-bottom:5px;
}

.fadeUp {
    display:none;
}


.product_to_be_selected {

    width:auto;
    margin:5px;
    background-color:#555555;
    color:#ffffff;
    font-size:12px;
    padding:10px;
    text-align:center;

}

.product_to_be_selected:hover {

    background-color:#000000;
    color:#f08a00;
    cursor:pointer;

}

.sorter_to_be_selected {

    width:auto;
    margin:5px;
    background-color:#555555;
    color:#ffffff;
    font-size:12px;
    padding:10px;
    text-align:center;

}

.sorter_to_be_selected:hover {

    background-color:#000000;
    color:#f08a00;
    cursor:pointer;

}

.sorter_to_be_selected_active {

    width:auto;
    margin:5px;
    background-color:#F08A00;
    color:#ffffff;
    font-size:12px;
    padding:10px;
    text-align:center;

}




.outstanding_compliance:hover, outstanding_compliance:active {
    background-color:#000000;
    cursor:pointer;
}

#outstanding_compliance blockquote {
    padding:10px;
    background-color:#eeeeee;
}

#outstanding_compliance blockquote li {
    margin-bottom:10px;
}

#outstanding_compliance blockquote li:last-child {
    margin-bottom:0px;
}

#outstanding_compliance .check_button {

    font-size:30px;
    line-height:140%;
    float:left;
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    margin:10px;
    padding:15px;
    width:40%;
    height:auto;
    overflow:none;
    text-align:center;
}

.check_resource {
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
}

.check_type {
    margin-top:15px;
    color:#eeeeee;
    font-size:15px;
}




.compliance_categories_link_box {

    font-size:18px;
    float:left;
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    margin:5px;
    padding: 8px;
    width:auto;
    height:auto;
    overflow:none;
    text-align:center;

}

.compliance_categories_header {
    font-family:proxima-light;
    font-size:22px;
    margin-bottom:15px;
    background-color:#f08a00;
    color:#ffffff;
    padding:7px;
}

.compliance_check_section_header {
    font-family:proxima;
    font-size:18px;
    font-weight:bold;
    color:#f08a00;
    margin-bottom:10px;
}

.compliance_check_question {
    padding:10px;
    font-size:18px;
    color:#444444;
}


.compliance_answer_table_cell {
    padding:5px;
    text-align:center;
    border-right:#000000 1px solid;
    border-top:#000000 1px solid;
    border-bottom:#000000 1px solid;
}
.compliance_answer_table_cell:first-child{

    border-left:#000000 1px solid;

}
.compliance_correct_background {
    background-color:#00bb00;
    color:#ffffff;
    font-weight:bold;
}
.compliance_wrong_background {
    background-color:#bb0000;
    color:#ffffff;
    font-weight: bold;
}
.compliance_na_background {
    background-color:#f08a00;
    color:#ffffff;
    font-weight: bold;
}

.compliance_deferred_message {
    background-color:#000000;
    padding:3px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
}


.dropdown_filter_container {

    background-color:#eeeeee;
    padding:12px;
    margin-bottom:10px;

}

.dropdown_filter_container a {
    color:inherit;
    }

.utilisation_results_table  {
    padding:0px;
    border-spacing: 0px;
    font-size:10px;
    margin-bottom:100px;
    line-height:140%;
}

.utilisation_results_table thead th {
    background-color:#555555;
    color:#ffffff;
}
.utilisation_results_table .date {
    font-size:18px;
    text-align:center;
    color:#f08a00;
}

.utilisation_results_table .day {
    font-size:12px;
    text-align:center;
    margin-botton:5px;
}

.dialog {
    display:none;
    z-index:74737;
}

.utilisation_hoverator:hover {

    background-color:#777777 !important;


}





.navigation_index_page_menu_item {

    border:#888888 1px dotted;
    background-color:#eeeeee;
    height:auto;
    padding:20px;
    margin-bottom:10px;

}

.navigation_index_page_index_section_headline {
    font-family:proxima-light;
    font-size:25px;
    color:#555555;
    margin-bottom:10px;
}
.navigation_index_page_index_section_headline a {
    color:inherit;
    font-size:inherit;
}
.navigation_index_page_index_section_headline a:hover {
    color:f08a00;
    font-weight:bold;
}
.navigation_index_page_index_section_subheadline {
    font-family:proxima;
    font-size:14px;
    color:#f08a00;
}



.calendar_results_table  {
    border-spacing: 0px;
    font-size:11px;
    margin-bottom:25px;
    line-height:140%;
    text-align:center;
}

.calendar_line {
    font-family:verdana;
    height:47px;
    overflow:hidden;
    padding:4px;
    font-size:11px;
    margin-bottom:2px;
    margin-top:2px;
    line-height:150%;
}




.calendar_line:hover {
    cursor:pointer;
    opacity:0.75;
}


.calendar_extra_info div {
    margin-bottom:5px;
}


.not-my-depot {
    display:none;
}
.archived_quote {
    display:none;
}



.calendar_results_table .date_container_cell {
    width:12.857%;
    background-color:#dddddd;
    border-left:#888888 1px solid;
}


.calendar_results_table .date_container_cell:hover {
    opacity:0.8;
}

.ui-dialog {
    z-index:5000 !important;
}




.tablet_warning_container {

    background-color:#333333;
    padding:8px;
    border:#ff0000 5px solid;
    margin-bottom:15px;

}


.new_tab {
    display:inline-block;
    background-color:#414141;
    border-right:#ffffff 1px solid;
    padding:5px;
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
}
.new_tab:hover {
    background-color:#f08a00;
    cursor:pointer;
}

.new_tab_container_active {
    background-color:#f08a00 !important;
 }


.tab_content {
    margin-top:10px;
}




.big_input {
    font-size:25px;
    padding:10px;
}




.column_header {
    font-family:proxima-light;
    font-size:25px;
    color:#777777;
    margin-bottom:7px;
    border-left:#777777 10px solid;
    padding-left:8px;
}




.dropbox_file_dialog_folder {
    margin-bottom:3px;
}

.dropbox_file_dialog_file {
    width:auto;
    height:auto;
    margin-bottom:3px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis
}

.dropbox_file_dialog_file a {
    color:#333333;
    overflow-x:hidden;
}

.dropbox_file_dialog_file a:hover {
    color:#f08a00;
    cursor:pointer;
}

.calendar_add_icon a {
    color:#dddddd;
}

.calendar_add_icon:hover {
    background-color:#888888;
}

.calendar_holiday_area {


}
.calendar_vehicle_area {


}
.calendar_notes_area {

}

.calendar_annual_leave_icon {
    color:#555555;
    padding:3px;
    font-family:verdana;
    font-size:8px;
    text-transform:uppercase;
    margin-bottom:5px;
    background-color:#ffffff;
    text-overflow:ellipsis;
    height:15px;
    overflow:hidden;
}

.calendar_vehicle_icon {
    color:#555555;
    padding:3px;
    font-family:verdana;
    font-size:8px;
    text-transform:uppercase;
    margin-bottom:5px;
    background-color:#ffffff;
    text-overflow:ellipsis;
    height:15px;
    overflow:hidden;
}

.calendar_note_icon {
    color:#555555;
    padding:3px;
    font-family:verdana;
    font-size:8px;
    text-transform:uppercase;
    margin-bottom:5px;
    background-color:#ffffff;
    text-overflow:ellipsis;
    height:15px;
    overflow:hidden;
}



.ui-widget-overlay {
  background: #000;
}

.dropbox_mover_file_preview {
    float:left;
    margin:10px;
    background-color:#eeeeee;
    padding:20px;
    border:#000000 1px dotted;
    text-align:center;
}

.dropbox_mover_file_preview .dropbox_image:hover {



}

#dropbox_mover_submit_button_container {
    margin-top:25px;
    background-color:#333333;
    color:#ffffff;
    padding:10px;
    text-align:center;

}

#dropbox_mover_selection_container {

    position:fixed;
    background-color:#dddddd;
    top:60px;
    bottom:80px;
    right:10px;
    width:250px;
    text-align:center;
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    overflow-x:none;
    overflow-y:scroll;
}

#quoting_master_edit_window #options {
    position:fixed;
    top:0px;
    left:0;
    right:0;
    z-index:1000;
}


#quoting_master_edit_window #options a {

    font-size:inherit;
    color:#000000;

}

#quoting_master_edit_window #options a:hover {

    color:#f08a00;

}

.quoting_rendered_view {
    border:#000000 1px solid;
    padding:50px;
    background-color:#ffffff;
}

.quoting_headline {
    font-family: DINProMedium;
    font-size:28px;
    text-transform:uppercase;
}

.quoting_details_quote_headline {
    font-family: DINProMedium;
    font-size:15px;
}

.quoting_details_text_header {
    font-family: DINProBold;
    font-size:10px;
    text-transform:uppercase;
}
.quoting_details_text {
    font-family: DINProRegular;
    font-size:10px;
}
.quoting_details_larger_text {
    font-family: DINProRegular;
    font-size:12px;
}
.quoting_details_larger_text_bold {
    font-family: DINProMedium;
    font-size:12px;
    color:#555555;
    text-transform:uppercase;
}
.quoting_details_larger_text {
    font-family: DINProRegular;
    font-size:11px; /*SQUEAK*/
}

.quoting_companies_image:hover {
    border:#f08a00 3px solid !important;
}

.quoting_items_default_items_suggestions_container a {
    color:inherit;
    font-size:inherit;
}
.quoting_items_default_items_suggestions_container a:hover {
    color:#f08a00;
}

.quoting_pipeline_item {

    display:inline-block;
    font-family:DINProBold;
    padding:3px 6px 3px 3px;
    font-size:8px;
    text-align:center;
    text-transform: uppercase;
    -webkit-border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    border-radius: 0px 30px 30px 0px;

}

.quoting_options_button_option {

    display:inline-block;
    margin-right:15px;
    padding-right:15px;
    margin-top:7px;
    margin-bottom:8px;
    border-right:#888888 1px dotted;
    vertical-align: top;

}

.quoting_options_button_option:last-child {
    padding-left:0px;
    border-right:0px;
}









/*


p {
    margin-top: 0px;
    margin-bottom: 20px;
}


.headline {
    font-family:DINProLight;
    font-size:39px;
    margin-bottom:20px;
}
.headline_bold {
    font-family:DINProMedium;
    font-size:39px;
    border-left:#f08a00 8px solid;
    padding-left:10px;
    margin-bottom:20px;
}
.subheadline {
    display:block;
    font-family:DINproMedium;
    font-size:19px;
    border-bottom:#f08a00 1px solid;
    color:#f08a00;
    padding:5px;
   /*border-bottom: 1px #f08a00 solid;*/
    margin-bottom:13px;
}
.small_subheadline {
    font-family:DINProLight;
    font-size:13px;
    color:#f08a00;
    border-bottom: 1px #f08a00 solid;
    margin-bottom:8px;
}
.placeholder-text {
    font-family:DINProLight;
    color:#777777;
    font-size:14px;
}
.normal-text {
    font-family:DINProRegular;
    color:#222222;
}
.normal-text-bold {
    font-family:DINProBold;
    color:#222222;
}
.small-text {
    font-family:DINProRegular;
    color:#222222;
}
.real-small-text {
    font-family:DINProRegular;
    color:#222222;
    font-size:12px;
}


#logo {
    max-width:100%;
    width:200px;
}

.big-submit-button {
    background: #F08A00;
    background: -moz-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F08A00),color-stop(100%,#FAA129));
    background: -webkit-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -o-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: -ms-linear-gradient(top,#F08A00 0%,#FAA129 100%);
    background: linear-gradient(top,#F08A00 0%,#FAA129 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08A00',endColorstr='#FAA129',GradientType=0);
    padding:8px 8px;
    color:#fff;
    font-family:'Proxima-Light',sans-serif;
    font-size:15px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FAA129;
}
.big-submit-button:hover {
    background: #c06800;
}
*/






.orange_highlight {
    color:#000000;
    font-size:inherit;
}
.orange_highlight:hover {
    color:#000000;
    font-size:inherit;
}


.quotes_schedules_ssw_bar {
    background-color:#880000;
    padding:10px;
    font-family:proxima-bold;
    font-size:11px;
    color:#ffffff;
    line-height:120%;
    padding-bottom:15px;
    border-top: #ff0000 5px solid;
    border-bottom: #ff0000 5px solid;
}





.orange {
    color:#f08a00;
}







.drive_switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.drive_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.drive_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00cc00;
  -webkit-transition: .4s;
  transition: .4s;
}

.drive_slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .drive_slider {
  background-color: #ff0000;
}

input:focus + .drive_slider {
  box-shadow: 0 0 2px #ff0000;
}

input:checked + .drive_slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.drive_slider.round {
  border-radius: 34px;
}

.drive_slider.round:before {
  border-radius: 50%;
}




.drive_switch_off_is_red {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.drive_switch_off_is_red input {
  opacity: 0;
  width: 0;
  height: 0;
}

.drive_slider_off_is_red {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: .4s;
  transition: .4s;
}

.drive_slider_off_is_red:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .drive_slider_off_is_red {
  background-color: #00cc00;
}

input:focus + .drive_slider_off_is_red {
  box-shadow: 0 0 2px #00cc00;
}

input:checked + .drive_slider_off_is_red:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.drive_slider_off_is_red.round {
  border-radius: 34px;
}

.drive_slider_off_is_red.round:before {
  border-radius: 50%;
}


.hide {
    display:none;
}