/* ------------------------------------------------------------------- 
 * ## Red
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Orange
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Yellow
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Purple
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Green
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Grey
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## Blue
 * ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- 
 * ## GreyBlue
 * ------------------------------------------------------------------- */
/*JH 20150505 Detail Inspection Menu */
/*Modals are set to 60,000 so for the date picker to work in a modal in IE, this has to be higher than 60,000*/
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/300-normal.woff2') format('woff2'), url('../fonts/OpenSans/300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
/*
@font-face {
	font-family: @fontname-open-sans;
	src: url('../fonts/OpenSans/open_sans_300-webfont.eot');
	src: url('../fonts/OpenSans/open_sans_300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/open_sans_300-webfont.woff') format('woff'), url('../fonts/OpenSans/open_sans_300-webfont.ttf') format('truetype'), url('../fonts/OpenSans/open_sans_300-webfont.svg#open_sanslight') format('svg');
	font-weight: 300;
	font-style: normal;
}
*/

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/300-italics.woff2') format('woff2'), url('../fonts/OpenSans/300-italics.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/400-normal.woff2') format('woff2'), url('../fonts/OpenSans/400-normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/400-italics.woff2') format('woff2'), url('../fonts/OpenSans/400-italics.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/600-normal.woff2') format('woff2'), url('../fonts/OpenSans/600-normal.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/600-italics.woff2') format('woff2'), url('../fonts/OpenSans/600-italics.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/700-normal.woff2') format('woff2'), url('../fonts/OpenSans/700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/700-italics.woff2') format('woff2'), url('../fonts/OpenSans/700-italics.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/800-normal.woff2') format('woff2'), url('../fonts/OpenSans/800-normal.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans/800-italics.woff2') format('woff2'), url('../fonts/OpenSans/800-italics.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-light-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-light-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-light-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-lightitalic-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-lightitalic-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-regular-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-italic-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-italic-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-italic-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-bold-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-bold-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-bold-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto/robotocondensed-bolditalic-webfont.eot');
  src: url('../fonts/Roboto/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/robotocondensed-bolditalic-webfont.woff') format('woff'), url('../fonts/Roboto/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
  font-weight: 700;
  font-style: italic;
}
.outset-shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.outset-shadow-opposite {
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5);
}
.display-flex {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.flex-direction-column {
  flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.align-bottom {
  position: absolute;
  bottom: 0;
}
/*.transition-all {
	-webkit-transition: all @BackgroundTransitionLength @AnimationTransition;
	-moz-transition: all @BackgroundTransitionLength @AnimationTransition;
	-o-transition: all @BackgroundTransitionLength @AnimationTransition;
	-ms-transition: all @BackgroundTransitionLength @AnimationTransition;
	transition: all @BackgroundTransitionLength @AnimationTransition;
}*/
/*.transition(@property, @transLenght: @BackgroundTransitionLength, @animTrans: @AnimationTransition) {
	-webkit-transition: @property @transLenght @animTrans;
	-moz-transition: @property @transLenght @animTrans;
	-o-transition: @property @transLenght @animTrans;
	-ms-transition: @property @transLenght @animTrans;
	transition: @property @transLenght @animTrans;
}*/
@media screen {
  .modal-body {
    overflow-y: visible !important;
  }
  .embedded-wrapper.embedded-body {
    overflow-y: visible !important;
  }
}
/*MOC Detail, Event Calendar */

@media (min-width: 1300px) and (max-width: 1500px) {
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage {
    font-size: 16px;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage-arrow {
    font-size: 44px;
  }
  .risk_matrix_section .heading label {
    font-size: 11px;
  }
  .risk_matrix_section .risk_block label {
    font-size: 11px;
  }
  .risk_matrix_section .risk_block span {
    font-size: 11px;
  }
  .risk_matrix_section .grid_row > div {
    height: 90px;
  }
  .risk_matrix_section .risk_details .rd_link label {
    padding: 0 0 15px 19px;
  }
}
@media (min-width: 1299px) and (max-width: 1500px) {
  .area.equipment-actions .row.section .btn i {
    /*padding-top: 5px;*/
    font-size: 35px;
  }
  .area.equipment-actions .row.section .btn span {
    padding-top: 5px !important;
    font-size: 90% !important;
    line-height: 1.05 !important;
  }
}
@media (min-width: 1051px) and (max-width: 1299px) {
  .area.equipment-actions .row.section .btn i {
    /* padding-top: 10px;*/
    font-size: 35px;
  }
  .area.equipment-actions .row.section .btn span {
    padding-top: 5px !important;
    font-size: 90% !important;
    line-height: 1.05 !important;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage {
    font-size: 12px;
    box-shadow: 0 3px 4px #b3b3b3;
    line-height: 3.5;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage-arrow {
    font-size: 32px;
    margin: 0 5px;
  }
  .risk_matrix_section .heading label {
    font-size: 9px;
  }
  .risk_matrix_section .risk_block label {
    font-size: 9px;
    line-height: 14px;
  }
  .risk_matrix_section .risk_block span {
    font-size: 9px;
    line-height: 14px;
  }
  .risk_matrix_section .grid_row > div {
    height: 80px;
  }
  .risk_matrix_section .risk_matrix {
    padding: 25px 2% 0 5%;
  }
  .risk_matrix_section .risk_details .rd_link label {
    padding: 0 0 15px 17px;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block label {
    font-size: 18px;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block div.eb_link {
    font-size: 9px;
    padding: 4px 4px;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block div span {
    font-size: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1050px) {
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage {
    font-size: 11px;
    box-shadow: 0 3px 4px #b3b3b3;
    padding: 5px;
    line-height: 3.5;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage-arrow {
    font-size: 22px;
    margin: 0 4px;
  }
  .content-block .side-bar .area.equipment-actions .row.section .btn span {
    font-size: 105%;
  }
  .content-block .side-bar .MOC_Timeline_Item {
    padding-bottom: 12px;
  }
  .content-block .side-bar .MOC_Timeline_Item i {
    font-size: 18px;
    left: -4px;
    top: 2px;
  }
  .content-block .side-bar .MOC_Timeline_Item > div {
    padding-left: 12%;
  }
  .content-block .side-bar .MOC_Timeline_Item label {
    font-size: 12px;
    margin-bottom: 0;
  }
  .content-block .side-bar .MOC_Timeline_Item span {
    font-size: 10px;
  }
  .risk_matrix_section .title {
    font-size: 12px;
  }
  .risk_matrix_section .heading label {
    font-size: 8px;
  }
  .risk_matrix_section .risk_block label {
    font-size: 8px;
    line-height: 12px;
  }
  .risk_matrix_section .risk_block span {
    font-size: 8px;
    line-height: 12px;
  }
  .risk_matrix_section .grid_row > div {
    height: 75px;
  }
  .risk_matrix_section .risk_label {
    font-size: 12px;
  }
  .risk_matrix_section .grid_cont {
    margin: 15px 0;
  }
  .risk_matrix_section .risk_details label {
    font-size: 12px;
    padding: 0 0 15px 15px;
  }
  .risk_matrix_section .risk_details span.rSpan {
    font-size: 12px;
  }
  .risk_matrix_section .risk_block.orange .risk_block_border {
    border: 6px solid #ff9027;
  }
  .risk_matrix_section .risk_block.selected .risk_block_border {
    border: 6px ridge #999999 !important;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block label {
    font-size: 14px;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block div.eb_link {
    font-size: 8px;
    padding: 2px 2px;
  }
  .event_calendar_container .event_calendar .calendar_body .event_block div span {
    font-size: 8px;
  }
}
@media (max-width: 991px) {
  .content-block .centre-column .area .row.section .form-horizontal .form-group .MOC-stage {
    line-height: 34px;
  }
  .content-block .centre-column .area .row.section .form-horizontal .chosen-container {
    font-size: 12px;
    min-width: 135px !important;
  }
  .risk_matrix_section .heading label {
    font-size: 6px;
  }
  .risk_matrix_section .risk_block label {
    font-size: 7px;
    line-height: 12px;
  }
  .risk_matrix_section .risk_block span {
    font-size: 7px;
    line-height: 12px;
  }
  .risk_matrix_section .grid_row > div {
    height: 70px;
  }
  .risk_matrix_section .risk_label {
    font-size: 10px;
  }
  .risk_matrix_section .risk_details label {
    font-size: 8px;
  }
  .risk_matrix_section .risk_details span.rSpan {
    font-size: 8px;
  }
  .risk_matrix_section .risk_details .rd_link a {
    font-size: 8px;
  }
  .risk_matrix_section .risk_block.orange .risk_block_border {
    border: 5px solid #ff9027;
  }
  .risk_matrix_section .risk_block.selected .risk_block_border {
    border: 5px ridge #999999 !important;
  }
  .risk_matrix_section h2 {
    font-size: 12px;
  }
  .risk_matrix_section h3 {
    font-size: 11px;
  }
  .risk_matrix_section .risk_blcok span {
    top: 70%;
  }
}
/*end MOC Detail, Event Calendar */

@media (min-width: 950px) and (max-width: 1199px) {
  
}
/*EQUIPMENT INFO*/

@media (min-width: 991px) and (max-width: 1150px) {
  .DimensionImages {
    padding-left: 0;
  }
}
@media (max-width: 1150px) {
  .InspectionDetails .DocumentSlide .fa-file {
    font-size: 40px;
  }
  .InspectionDetails .DocumentSlide .DocType {
    margin-top: -18px;
    font-size: 8px;
  }
  .InspectionDetails .DocumentSlide .DocSize {
    font-size: 10px;
  }
  .InspectionDetails .DocumentSlide label {
    font-size: 11px;
  }
}
@media (min-width: 991px) and (max-width: 1136px) {
  .TankOptions .col-md-7,
  .TankOptions .col-md-5 {
    width: 210px;
    padding-right: 0;
  }
}
@media (min-width: 991px) and (max-width: 1028px) {
  .InspectionDetails .DocumentSlide .col-md-9 {
    width: 73% !important;
  }
}
@media (max-width: 991px) {
  .AssociatedItems {
    width: 100%;
  }
  .EquipmentSidebar {
    display: none;
  }
  .form-group.col-md-5-991-12-L {
    width: 107% !important;
    padding-right: 0 !important;
  }
  .form-group.col-md-7-991-12-R {
    width: 107% !important;
    margin-left: -15px !important;
    padding-right: 0 !important;
  }
}
/*END EQUIPMENT INFO*/

@media (min-width: 850px) and (max-width: 950px) {
  
}
@media (min-width: 768px) and (max-width: 849px) {
  .body-content .calendar_view_container .month_view {
    min-width: 620px;
  }
  .body-content .calendar_view_container .month_view .event_calendar .calendar_body .event_block {
    padding-top: 30px;
    overflow-y: scroll;
  }
  .body-content .calendar_view_container .month_view .event_calendar .calendar_body .event_block .eb_link {
    width: 95%;
  }
  .body-content .calendar_view_container .week_view {
    min-width: 620px;
  }
  .body-content .calendar_view_container .week_view .event_calendar .calendar_body .weekBlock .single_event_block {
    height: 201px;
  }
  .body-content .calendar_view_container .week_view .event_calendar .calendar_body .weekBlock .single_event_block .event_content {
    height: 85px;
  }
  .body-content .calendar_view_container .week_view .event_calendar .calendar_body .weekBlock .single_event_block .event_footer .event_overDue {
    font-size: 10px;
  }
  .body-content .calendar_view_container .day_view .day_container .single_event_block {
    width: 178px;
  }
}
@media (min-width: 768px) {
  .container-fluid.choose-inspection {
    display: none;
  }
  .main-menu.sm {
    display: none;
  }
  .nav-menu.sm {
    display: none;
  }
}
@media (max-width: 767px) {
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .left-column.focused {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .left-column {
    height: auto;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .right-column.focused {
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .right-column {
    height: auto;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    position: absolute;
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .right-column .btn-back-to-list {
    display: inline;
    margin-right: 15px;
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields {
    min-height: 2em;
    clear: left;
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields:nth-child(4n+1) {
    clear: none;
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .wo-data .field-button {
    clear: both;
    float: none;
    max-width: unset;
    width: 100%;
    margin-bottom: 0.5em;
    display: block;
  }
  .detailMain.phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields.short {
    width: 100%;
  }
  .detailMain.dashboard .row.tiles .tile:nth-child(odd) {
    padding-left: 15px;
    padding-right: 5px;
  }
  .detailMain.dashboard .row.tiles .tile:nth-child(even) {
    padding-left: 10px;
    padding-right: 15px;
  }
  .hide-at-768 {
    display: none !important;
  }
  .save-controlbar {
    left: 0 !important;
  }
  .footerBtns {
    padding: 6px 0px;
    padding-left: 15px !important;
  }
  .main-menu.lg {
    display: none;
  }
  .main-menu.sm {
    display: block;
  }
  .content-wrapper,
  .padding-0-at-768 {
    padding: 0px !important;
  }
  .master-container {
    padding: 0;
  }
  .body-content {
    margin: 0 !important;
    display: block;
    float: none;
    padding-left: 0 !important;
    width: 100% !important;
  }
  .body-content.indented {
    margin: 0 auto 0 !important;
    width: 90% !important;
  }
  .inspections-container {
    padding-right: 0;
    padding-left: 0;
  }
  .inspections-container .question-list {
    margin-bottom: 15px;
  }
  .inspections-container .area-header,
  .container-fluid.inspections .area-header,
  .container-fluid.choose-inspection .area-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .run-id {
    background-color: #d9d9d9;
  }
  .desktop-insp-buttons {
    display: none;
  }
  .footerBtns .Centered {
    display: table !important;
  }
  .section-header {
    background-color: #58728c;
    color: white;
    border-top: 1px solid #181a1d;
    border-bottom: 3px solid #181a1d;
  }
  .section-header span {
    background-color: #58728c;
  }
  .section-header .BackGround {
    margin-right: 15px;
  }
  .section-header .desktop-insp-buttons,
  .section-header .desktop-insp-buttons-allow-mobile {
    width: auto !important;
    margin-right: -15px !important;
    padding-left: 9px !important;
    margin-top: -10px !important;
  }
  .section-header .desktop-insp-buttons .FormButton,
  .section-header .desktop-insp-buttons-allow-mobile .FormButton {
    display: none !important;
  }
  .section-header .desktop-insp-buttons .MobileButton,
  .section-header .desktop-insp-buttons-allow-mobile .MobileButton {
    display: block !important;
    /*border-right: none !important;*/
  
    /*margin-bottom: 4px !important;*/
  
  }
  /*.section-header .desktop-insp-buttons-allow-mobile .MobileButton i.fa,
          .section-header .desktop-insp-buttons-allow-mobile .MobileButton .icon-tools{
              width: 15px;
          }*/
  
  .section-header .desktop-insp-buttons .btn-group,
  .section-header .desktop-insp-buttons-allow-mobile .btn-group {
    /*border-right: 1px solid @Grey8 ;*/
    /*width: 28px !important;*/
    float: left !important;
    margin-left: 2px;
  }
  /*.section-header .desktop-insp-buttons .btn-group:last-child,
          .section-header .desktop-insp-buttons-allow-mobile .btn-group:last-child{
              border-right: none !important;
          }*/
  
  .inspectable-item-header {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
  }
  .inspectable-item-header .BtnGroup .MobileButton {
    display: block !important;
    border-right: none !important;
    margin-bottom: 4px !important;
  }
  .inspectable-item-header .BtnGroup .FormButton {
    display: none !important;
  }
  .inspectable-item-header .BtnGroup {
    width: auto !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    margin-top: -3px !important;
  }
  .inspectable-item-header .BtnGroup .btn-group {
    border-right: 1px solid #b3b3b3;
    width: 28px !important;
    float: left !important;
  }
  .inspectable-item-header .BtnGroup .btn-group:last-child {
    border-right: none !important;
  }
  div.ondemand {
    display: none;
  }
  .margin-7-top {
    margin-top: 0 !important;
  }
  div.affix-bottom .left {
    margin-left: 0 !important;
  }
  /*div.affix-bottom .right{
  
      }*/
  
  .col-xs-0 {
    display: none;
  }
  .forceBG-768 {
    background-color: #e5e5e5 !important;
  }
  .forceBG-768 .area-header {
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .force-top-neg-10 {
    margin-top: -10px;
  }
  .DocumentSlideContainer {
    width: 100%;
  }
  .TabSection .TabHeading span {
    padding: 5px 8px 5px 12px;
    font-size: 11px;
  }
  .TabSection .TabHeading .Line {
    border-bottom: 0;
  }
}
@media (max-width: 500px) {
  .table-responsive.allowScroll {
    overflow-x: scroll !important;
  }
}
@media (max-width: 480px) {
  .tr-site-select td.type {
    max-width: 130px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (max-width: 400px) {
  .hide-at-400 {
    display: none;
  }
}
@media (max-width: 320px) {
  .hide-at-320 {
    display: none;
  }
  .full-width-at-320 {
    width: 100%;
  }
  s.fa.fa-exclamation-circle {
    padding-right: 0;
  }
}
@media (min-width: 630px) and (max-width: 767px) {
  .inspections-container .question-list .inspection-result .QuestionSeverityDisplay .Info .Data {
    width: 85% !important;
  }
}
@media (max-width: 629px) {
  .inspections-container .question-list .inspection-result .QuestionSeverityDisplay .Info .Data {
    width: 80% !important;
  }
}
@media (max-width: 479px) {
  .inspections-container .question-list .inspection-result .QuestionSeverityDisplay .Info .Data {
    width: 75% !important;
  }
}
@media (max-width: 399px) {
  .inspections-container .question-list .inspection-result .QuestionSeverityDisplay .Info .Data {
    width: 70% !important;
  }
}
/*Column Hiding Classes*/

.hidden-col0 {
  display: none !important;
}
@media (max-width: 1999px) {
  .hidden-col1999 {
    display: none !important;
  }
}
@media (min-width: 1999px) {
  .show-col1999 {
    display: none !important;
  }
}
@media (max-width: 1899px) {
  .hidden-col1899 {
    display: none !important;
  }
}
@media (min-width: 1899px) {
  .show-col1899 {
    display: none !important;
  }
}
@media (max-width: 1799px) {
  .hidden-col1799 {
    display: none !important;
  }
}
@media (min-width: 1799px) {
  .show-col1799 {
    display: none !important;
  }
}
@media (max-width: 1699px) {
  .hidden-col1699 {
    display: none !important;
  }
}
@media (min-width: 1699px) {
  .show-col1699 {
    display: none !important;
  }
}
@media (max-width: 1599px) {
  .hidden-col1599 {
    display: none !important;
  }
}
@media (min-width: 1599px) {
  .show-col1599 {
    display: none !important;
  }
}
@media (max-width: 1499px) {
  .applicable_items_cont .hide-col1,
  .more-list .hide-col1 {
    display: none !important;
  }
}
@media (min-width: 1499px) {
  .applicable_items_cont .display-col1,
  .more-list .display-col1 {
    display: none !important;
  }
}
@media (max-width: 1399px) {
  .hidden-col1 {
    display: none !important;
  }
  .applicable_items_cont .hide-col2,
  .more-list .hide-col2 {
    display: none !important;
  }
}
@media (min-width: 1399px) {
  .show-col1 {
    display: none !important;
  }
  .applicable_items_cont .display-col2,
  .more-list .display-col2 {
    display: none !important;
  }
}
@media (max-width: 1299px) {
  .hidden-col2 {
    display: none !important;
  }
  .applicable_items_cont .hide-col3,
  .more-list .hide-col3 {
    display: none !important;
  }
}
@media (min-width: 1299px) {
  .show-col2 {
    display: none !important;
  }
  .applicable_items_cont .display-col3,
  .more-list .display-col3 {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-col2-5 {
    display: none !important;
  }
}
@media (min-width: 1199px) {
  .show-col2-5 {
    display: none !important;
  }
}
@media (max-width: 1099px) {
  .hidden-col3 {
    display: none !important;
  }
  .applicable_items_cont .hide-col4,
  .more-list .hide-col4 {
    display: none !important;
  }
}
@media (min-width: 1099px) {
  .show-col3 {
    display: none !important;
  }
  .applicable_items_cont .display-col4,
  .more-list .display-col4 {
    display: none !important;
  }
}
@media (max-width: 980px) {
  .hidden-col4-5 {
    display: none !important;
  }
}
@media (max-width: 880px) {
  .hidden-col4 {
    display: none !important;
  }
}
@media (min-width: 880px) {
  .show-col4 {
    display: none !important;
  }
}
@media (min-width: 451px) {
  td.show-at-450 {
    display: none;
  }
}
@media (max-width: 450px) {
  .hidden-mobile {
    display: none !important;
  }
  td.hide-at-450 {
    display: none !important;
  }
  td.show-at-450 {
    display: table-cell;
  }
}
/*End Column Hiding Classes*/
/* detail inspections */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .settings_container .setting_item .setting_details .day_selection {
    width: 270px !important;
    margin-top: 10px;
  }
  .toggle_switch label.lbl {
    font-size: 10px;
  }
  .settings_container .setting_item .setting_header label {
    white-space: nowrap;
  }
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
  .detailSideBar {
    width: 0px;
    border-right: 0px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  .detailSideBar .inspection-navigation-footer {
    bottom: 100px;
  }
  .mobile-content-header {
    display: block;
  }
  .formfooterBtns {
    left: 0;
  }
  .formfooterBtns .btn-inspection-nav {
    display: inline-block;
    float: left;
  }
  .formfooterBtns .btn-inspection-nav a {
    float: left;
  }
  .formfooterBtns .di-btn-save {
    margin-left: 0;
    padding: 15px 15px;
  }
  .formfooterBtns .di-btn-save span.full-text {
    display: none;
  }
  .formfooterBtns .di-btn-save span.mobile-text {
    display: inline;
  }
  .pagefooter {
    width: 0px;
    display: none;
  }
  .detailContent {
    margin-left: 0px;
  }
  .detailContent .Readings .reading {
    float: left;
    width: 50%;
  }
  .detailContent .Readings .unit {
    float: right;
    width: 48%;
  }
  .detailContent .Photos li.field-photo {
    padding-left: 30px;
    padding-right: 30px;
  }
  .detailContent .PassFail .Questions .Data {
    width: 60%;
  }
  .detailContent .PassFail .Questions.has-tooltip .Data {
    width: 49%;
  }
  .detail-inspection-content .form-section {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  .detail-inspection-content .form-section .section-name h1,
  .detail-inspection-content .form-section .section-name span {
    font-size: 18px;
  }
  .detail-inspection-content .form-section .section-name h1 {
    padding-top: 0.25em;
  }
  .detail-inspection-content .form-section .section-name span:not(.button-text) {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .detail-inspection-content .form-section .fields,
  .detail-inspection-content .form-section .long-fields {
    width: 100%;
  }
  .detail-inspection-content .form-section .Scale .fields,
  .detail-inspection-content .form-section .Questions .fields {
    width: 60%;
  }
  .detail-inspection-content .form-section .questions.pf-only .field-container {
    width: 100%;
  }
  .detail-inspection-content .form-section .questions.pf-only .validation-container {
    width: 0%;
  }
  .detail-inspection-content .form-section .questions.pf-only.last .row.sub-section-name div {
    margin-bottom: 10em;
  }
  .detail-inspection-content .form-section .questions .validation-container label {
    padding-left: 0px;
  }
  .detail-inspection-content .form-section .questions .validation-container label:before {
    content: "";
    display: none;
  }
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar {
    width: 100%;
    border-right: 1px solid;
  }
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav {
    min-width: 250px;
    white-space: nowrap;
  }
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div h2,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader h2,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav h2 {
    white-space: nowrap;
    width: 250px;
  }
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div .mobile_inspection_header_assets > div > div:first-child,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader .mobile_inspection_header_assets > div > div:first-child,
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav .mobile_inspection_header_assets > div > div:first-child {
    max-width: 15%;
  }
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div .mobile_inspection_header_assets > div > div:nth-child(2),
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader .mobile_inspection_header_assets > div > div:nth-child(2),
  .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav .mobile_inspection_header_assets > div > div:nth-child(2) {
    width: 85%;
  }
  .detail-inspection-content.inspeciton-nav-visible .pagefooter {
    width: 100%;
  }
  .detail-inspection-content.inspeciton-nav-visible .form-section {
    padding-left: 0px;
  }
  .detailMain,
  .detailRun {
    padding: 15px;
  }
  .detailMain .entity-dashboard .dash-title,
  .detailRun .entity-dashboard .dash-title {
    font-size: 22px;
  }
  .detailMain .entity-dashboard .floating-headers,
  .detailRun .entity-dashboard .floating-headers {
    font-size: 22px;
  }
  .detailMain .entity-dashboard .centre-column,
  .detailRun .entity-dashboard .centre-column {
    padding-right: 0px;
    margin-right: -15px;
  }
  .detailMain .entity-dashboard .centre-column .pre-title-area,
  .detailRun .entity-dashboard .centre-column .pre-title-area {
    margin-top: -3px;
  }
  .detailMain .entity-dashboard .inspections-listing .left-column,
  .detailRun .entity-dashboard .inspections-listing .left-column,
  .detailMain .entity-dashboard .inspections-listing .right-column,
  .detailRun .entity-dashboard .inspections-listing .right-column {
    margin-bottom: 2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  .detailMain .entity-dashboard .inspections-listing .left-column .listing-data,
  .detailRun .entity-dashboard .inspections-listing .left-column .listing-data,
  .detailMain .entity-dashboard .inspections-listing .right-column .listing-data,
  .detailRun .entity-dashboard .inspections-listing .right-column .listing-data {
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-bottom: 0px;
  }
  .detailMain .entity-dashboard .inspections-listing .left-column .listing-data .inspectionsForm,
  .detailRun .entity-dashboard .inspections-listing .left-column .listing-data .inspectionsForm,
  .detailMain .entity-dashboard .inspections-listing .right-column .listing-data .inspectionsForm,
  .detailRun .entity-dashboard .inspections-listing .right-column .listing-data .inspectionsForm {
    /*overflow: hidden;*/
  
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
  }
  .detailMain .entity-dashboard .inspections-listing .left-column .form-data,
  .detailRun .entity-dashboard .inspections-listing .left-column .form-data,
  .detailMain .entity-dashboard .inspections-listing .right-column .form-data,
  .detailRun .entity-dashboard .inspections-listing .right-column .form-data {
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-bottom: 0px;
  }
  .detailContent {
    margin-left: 0px;
  }
  .detailContent .PassFail .Questions .Data {
    width: 80%;
  }
  .detailContent .PassFail .Questions.has-tooltip .Data {
    width: 70%;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .left-column.focused {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .phone-two-pane .entity-dashboard .inspections-listing .left-column {
    height: auto;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
  }
  .phone-two-pane .entity-dashboard .inspections-listing .right-column.focused {
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  .phone-two-pane .entity-dashboard .inspections-listing .right-column {
    height: auto;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    position: absolute;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .right-column .btn-back-to-list {
    display: inline;
    margin-right: 15px;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields {
    min-height: 2em;
    clear: left;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields:nth-child(4n+1) {
    clear: none;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .wo-data .field-button {
    clear: both;
    float: none;
    max-width: unset;
    width: 100%;
    margin-bottom: 0.5em;
    display: block;
    margin-top: -3em;
  }
  .phone-two-pane .entity-dashboard .inspections-listing .wo-data .fields.short {
    width: 100%;
  }
  .content-area .settings_container .setting_item .setting_header .chk_btn .styled_checkbox label {
    font-size: 12px;
    white-space: nowrap;
  }
  .content-area .settings_container .setting_item .setting_header div.slide_btn:nth-child(odd) {
    width: 25%;
  }
  .content-area .settings_container .setting_item .setting_header div.slide_btn:nth-child(even) {
    width: 31%;
  }
  .content-area .settings_container .setting_item .setting_header div.slide_btn .toggle_switch label.lbl {
    font-size: 12px;
  }
  .content-area .settings_container .setting_item .setting_header .setting_info {
    width: 24%;
  }
  .content-area .settings_container .setting_item .setting_header .setting_info div label {
    font-size: 12px;
  }
  .content-area .settings_container .setting_item .setting_header .setting_info div span {
    font-size: 12px;
  }
  .content-area .settings_container .setting_item .setting_header .setting_info div a {
    font-size: 12px;
  }
  .content-area .settings_container .setting_item .setting_details.open .day_selection {
    padding-bottom: 10px;
    width: 180px !important;
  }
  .content-area .settings_container .setting_item .setting_details.open .days .styled_checkbox label {
    /*display: contents;*/
    font-size: 12px;
    text-align: center;
  }
  .content-area .settings_container .setting_item .setting_details.open .time_select {
    font-size: 14px;
    margin-top: 5px;
  }
  .content-area .settings_container .setting_item .setting_details.open .hierarchy_table .area_name {
    width: 56%;
    padding-left: 0px;
  }
  .content-area .settings_container .setting_item .setting_details.open .hierarchy_table .area_name span {
    font-size: 10px;
    margin-left: 3px;
  }
  .content-area .settings_container .setting_item .setting_details.open .hierarchy_table .area_sites_count {
    width: 44%;
    padding-right: 2px;
  }
  .content-area .settings_container .setting_item .setting_details.open .hierarchy_table .area_sites_count span {
    font-size: 10px;
    margin-right: 5px;
  }
  .content-area .settings_container .setting_item .setting_details.open .hierarchy_table .area_sites_count button {
    font-size: 10px;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group.triggers .trigger_question {
    width: 74%;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group.triggers .trigger_answer {
    width: 26%;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group.trigger_closure .trigger_answer {
    width: 26%;
  }
  .content-block .centre-column .area .row.section .form-horizontal .form-group.trigger_closure .trigger_answer.responsible {
    width: 37% !important;
  }
  .content-block .centre-column .area .row.section .LRPaddingZero .risk_matrix_section .risk_matrix {
    width: 80%;
    padding-left: 4%;
    padding-right: 0%;
  }
  .content-block .centre-column .area .row.section .LRPaddingZero .risk_matrix_section .risk_matrix .risk_block span {
    left: 42%;
  }
  .content-block .centre-column .area .row.section .LRPaddingZero .risk_matrix_section .risk_details {
    width: 20%;
  }
  #toast-container > div {
    padding: 8px !important;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  body.body-detail-inspection .detail-menu.lg,
  body.body-detail-inspection .detail-inspection-content {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  body.body-detail-inspection .detail-menu.lg a.menu-button {
    float: right;
    border-right: none;
    padding-top: 13px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
  }
  body.body-detail-inspection .detail-menu.lg a.menu-button i.fa {
    display: none;
  }
  body.body-detail-inspection .detail-menu.lg .dropdown-menu {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    left: -80%;
    z-index: 0;
    width: 80%;
    top: 0;
    height: 100vh;
  }
  body.body-detail-inspection.menu-shown .detail-menu.lg,
  body.body-detail-inspection.menu-shown .detail-inspection-content {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
  }
  body.body-detail-inspection.menu-shown .detail-menu.lg .dropdown-menu li.close-dropdown,
  body.body-detail-inspection.menu-shown .detail-inspection-content .dropdown-menu li.close-dropdown {
    display: block;
  }
  body.body-detail-inspection .detailSideBar {
    width: 0px;
    border-right: 0px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  body.body-detail-inspection .detailSideBar .inspection-navigation-footer {
    bottom: 100px;
  }
  body.body-detail-inspection .mobile-content-header {
    display: block;
  }
  body.body-detail-inspection .formfooterBtns {
    left: 0;
  }
  body.body-detail-inspection .formfooterBtns .btn-inspection-nav {
    display: inline-block;
    float: left;
  }
  body.body-detail-inspection .formfooterBtns .btn-inspection-nav a {
    float: left;
  }
  body.body-detail-inspection .formfooterBtns .di-btn-save {
    margin-left: 0;
    padding: 15px 15px;
  }
  body.body-detail-inspection .formfooterBtns .di-btn-save span.full-text {
    display: none;
  }
  body.body-detail-inspection .formfooterBtns .di-btn-save span.mobile-text {
    display: inline;
  }
  body.body-detail-inspection .pagefooter {
    width: 0px;
    display: none;
  }
  body.body-detail-inspection .detailContent {
    margin-left: 0px;
  }
  body.body-detail-inspection .detailContent .Readings .reading {
    float: left;
    width: 50%;
  }
  body.body-detail-inspection .detailContent .Readings .unit {
    float: right;
    width: 48%;
  }
  body.body-detail-inspection .detailContent .Photos li.field-photo {
    padding-left: 30px;
    padding-right: 30px;
  }
  body.body-detail-inspection .detailContent .PassFail .Questions .Data {
    width: 60%;
  }
  body.body-detail-inspection .detailContent .PassFail .Questions.has-tooltip .Data {
    width: 49%;
  }
  body.body-detail-inspection .detail-inspection-content .form-section {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .section-name h1,
  body.body-detail-inspection .detail-inspection-content .form-section .section-name span {
    font-size: 18px;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .section-name h1 {
    padding-top: 0.25em;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .section-name span:not(.button-text) {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .fields,
  body.body-detail-inspection .detail-inspection-content .form-section .long-fields {
    width: 100%;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .Scale .fields,
  body.body-detail-inspection .detail-inspection-content .form-section .Questions .fields {
    width: 60%;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .questions.pf-only .field-container {
    width: 100%;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .questions.pf-only .validation-container {
    width: 0%;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .questions.pf-only.last .row.sub-section-name div {
    margin-bottom: 10em;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .questions .validation-container label {
    padding-left: 0px;
  }
  body.body-detail-inspection .detail-inspection-content .form-section .questions .validation-container label:before {
    content: "";
    display: none;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar {
    width: 100%;
    border-right: 1px solid;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav {
    min-width: 250px;
    white-space: nowrap;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div h2,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader h2,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav h2 {
    white-space: nowrap;
    width: 250px;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div .mobile_inspection_header_assets > div > div:first-child,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader .mobile_inspection_header_assets > div > div:first-child,
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav .mobile_inspection_header_assets > div > div:first-child {
    max-width: 15%;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar > div .mobile_inspection_header_assets > div > div:nth-child(2),
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarHeader .mobile_inspection_header_assets > div > div:nth-child(2),
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .detailSideBar div.sideBarNav .mobile_inspection_header_assets > div > div:nth-child(2) {
    width: 85%;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .pagefooter {
    width: 100%;
  }
  body.body-detail-inspection .detail-inspection-content.inspeciton-nav-visible .form-section {
    padding-left: 0px;
  }
  body.body-detail-inspection .detailMain,
  body.body-detail-inspection .detailRun {
    padding: 15px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .dash-title,
  body.body-detail-inspection .detailRun .entity-dashboard .dash-title {
    font-size: 22px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .floating-headers,
  body.body-detail-inspection .detailRun .entity-dashboard .floating-headers {
    font-size: 22px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .centre-column,
  body.body-detail-inspection .detailRun .entity-dashboard .centre-column {
    padding-right: 0px;
    margin-right: -15px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .centre-column .pre-title-area,
  body.body-detail-inspection .detailRun .entity-dashboard .centre-column .pre-title-area {
    margin-top: -3px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .left-column,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column,
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .right-column,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .right-column {
    margin-bottom: 2em;
    padding-left: 0px;
    padding-right: 0px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .left-column .listing-data,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data,
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .right-column .listing-data,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .right-column .listing-data {
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-bottom: 0px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .left-column .listing-data .inspectionsForm,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data .inspectionsForm,
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .right-column .listing-data .inspectionsForm,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .right-column .listing-data .inspectionsForm {
    /*overflow: hidden;*/
  
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
  }
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .left-column .form-data,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .form-data,
  body.body-detail-inspection .detailMain .entity-dashboard .inspections-listing .right-column .form-data,
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .right-column .form-data {
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    padding-bottom: 0px;
  }
  body.body-detail-inspection .detailContent .PassFail .Questions .Carousel .field-photos ul li.field-photo {
    width: 100%;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li.selected .item-description {
    max-width: 100%;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li .btn {
    border-bottom: 1px solid #e5e5e5 !important;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li .item-description .btn-toggle-item {
    border-bottom: 1px solid #e5e5e5 !important;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li .item-description button {
    float: left;
    margin-right: 0px;
    margin-left: -59px;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li .item-description span {
    padding-left: 10px;
    font-weight: bold;
    float: left;
    max-width: 80%;
  }
  body.body-detail-inspection .detailRun .entity-dashboard .inspections-listing .left-column .listing-data ul li .run-equipment li .item-frequency {
    float: left !important;
    clear: both;
    color: #404040;
    padding-left: 49px;
    margin-top: 0px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  body.body-detail-inspection .detailRun .inspection-items > .run-item-header > .btn-toggle-item.active {
    background-color: #e6e6e6;
  }
  body.body-detail-inspection .detailRun .item-approval-buttons {
    top: 0;
  }
  body.body-detail-inspection .entity-action-container .btn-group {
    margin-bottom: 5px;
  }
  #toast-container > div {
    padding: 8px !important;
  }
}
@media only screen and (min-device-width: 1280px) and (orientation: landscape) {
  .col-md-3-large {
    width: 26%;
  }
  .col-md-2-large {
    width: 22.666667%;
  }
  .col-md-6-large {
    width: 62%;
  }
}
@media only screen and (min-device-width: 800px) and (orientation: portrait) {
  table.table-condensed.search-results.table-hover.history-table {
    font-size: 10px;
  }
  table.table-condensed.search-results.table-hover.history-table thead tr th span {
    font-size: 10px;
  }
}
/* end detail inspections */

