/**************************************************************
      Variables
  *****************************************************************/
/* Standard colors */
/* Main colors */
/* Box styles */
/* highlights */
/* MM used variables */
/**************************************************************

  MIXINS (http://css-tricks.com/snippets/css/useful-css3-less-mixins/)
*****************************************************************/
/* http://www.m6tt.com/2011/09/22/a-less-approach-to-clearfix */
.clear-fix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clear-fix {
  zoom: 1;
}
/***************************************  
      Rad rotator Gallery 
****************************************/
.mm-rad-rotator-gallery.mm-rad-rotator-no-caption .mm-rad-caption {
  display: none !important;
}

.mm-rad-rotator-gallery a.highslide {
  display: block;
}

  .mm-rad-rotator-gallery a.highslide img {
    display: block;
    border: none !important;
  }

  .mm-rad-rotator-gallery a.highslide .mm-rad-caption {
    display: block;
    padding-left: 36px;
  }

.lbl-mm-rad-no-images {
  padding: 16px;
  display: block;
  width: 512px;
  border: solid 1px #c9c9c9;
}
/*************************
		 Cross tab
		***********************/
/* cell values */
span.cross-tab-value {
  display: block;
  float: left;
  text-align: right;
  margin-right: 10px;
  min-width: 25px;
}
/***************************************  
			Step items
****************************************/
.viewmode_nav li {
  position: relative;
}

.viewmode_nav span.mm-step-item-number {
  position: absolute;
  top: -3px;
  left: -3px;
  background: #FF0000;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2px;
  font-size: 10px;
}

.viewmode_nav span.mm-step-item-text {
  position: absolute;
  top: 5px;
  left: 25px;
  color: #161c68;
  font-size: 10px;
}
/* Content above and below summaries */
.process-step-container-above {
  margin: 20px 10px 20px 10px;
}

.process-step-container-below {
  margin: 20px 10px 20px 10px;
  float: left;
  clear: both;
}
/* Task planning Colors */
ul.task-planning-colors {
  list-style: none;
}

  ul.task-planning-colors li {
    margin-bottom: 10px;
  }

  ul.task-planning-colors .color-box {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 7px;
  }
/* tree Inactive Node */
.rtIn.InactiveNode {
  font-style: italic !important;
  color: #c9c9c9 !important;
  background-image: none !important;
  background-color: none !important;
  font-size: 7pt;
}

  .rtIn.InactiveNode .rtTemplate img {
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
/* tree Inactive Node */
.rtHover .rtIn.InactiveNode {
  background-image: none !important;
  background-color: white !important;
  border-color: white !important;
}

.rtSelected .rtIn.InactiveNode {
  background-image: none !important;
  background-color: white !important;
  border-color: white !important;
}

body.mm-sharp-layout {
  background-color: #fbfbfb;
}
/* Hide BIM for process layout (newLayout) */
.newLayout .top-crumbs-block .mm-interface-menu-container {
  display: none;
}

.colmask {
  z-index: 0;
}

.mm-sharp-layout .colmask.leftmenu {
  border-bottom: none;
}

.mm-sharp-layout .help_link {
	bottom: none !important;
	top: 188px;
	background: url("IMAGES/v11/processes/helpButtonSprite.png") no-repeat !important;
	background-position: -44px 0px !important;
	font-family: Verdana;
}
.mm-sharp-layout a.help_link_missing {
	background: url("IMAGES/v11/processes/helpButtonSprite_missing.png") no-repeat !important;
}

.mm-sharp-layout a.help_edit {
	top: 250px !important;
}

  .mm-sharp-layout .help_link:hover {
    background-position-x: -66px !important;
  }

.csstransforms .help_link {
  height: 60px;
  background-position: 0px 0px !important;
}

  .csstransforms .help_link:hover {
    background-position: -22px 0px !important;
  }

.mm-sharp-layout #content {
  float: none !important;
  overflow: hidden;
}

#header_v11 {
  height: 50px;
  background: #273351;
  min-width: 1113px;
  position: relative;
  width: 100%;
}

.mm-header-wrapper {
  background: #273351;
  height: 50px;
  z-index: 500;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 1200px;
}

  .mm-header-wrapper ul {
    list-style: none;
  }

  .mm-header-wrapper > li {
    margin-bottom: 5px;
  }

  .mm-header-wrapper ul > li a {
    display: block;
    float: left;
  }

  .mm-header-wrapper ul li ul {
    float: left;
    clear: both;
  }

.newLayout #RAD_SPLITTER_ctl00_ctl00_MainContent_cphMaster_ctl00_rsSplitter {
  border: 0 !important;
}

.mm-sharp-layout .top-crumbs-block {
  position: relative;
}

.newLayout .top-crumbs-block {
  height: 23px;
}
/* Top shortcuts and breadcrumbs */
.top-crumbs-block {
  margin-top: 5px;
  min-height: 30px;
  height: auto;
	display:flex;
	justify-content: space-between;
}

  .top-crumbs-block .shortcuts-wrapper {
    margin-left: 230px;
  }

    .top-crumbs-block .shortcuts-wrapper a.shortcuts-top-link {
      display: block;
      float: left;
      margin-right: 10px;
      background: url(IMAGES/v11/shortcuts/shortcut20px.png) no-repeat top left;
      padding-left: 20px;
      padding-top: 5px;
      font-weight: bold;
      color: #b51f24;
    }

    .top-crumbs-block .shortcuts-wrapper ul {
      list-style: none;
      margin: 0;
      padding: 0;
      float: left;
      margin-top: 5px;
    }

      .top-crumbs-block .shortcuts-wrapper ul li {
        float: left;
        padding-right: 20px;
        background: url(IMAGES/v11/shortcuts/sep.png) no-repeat top right;
      }

  .top-crumbs-block .breadcrumbs-wrapper {
    min-width: 100px;
    margin-right: 34px;
    position: absolute;
    right: 0px;
  }

    .top-crumbs-block .breadcrumbs-wrapper .mm-interface-menu-container {
      margin-top: 1px !important;
    }

.newLayout .breadcrumbs-wrapper {
  margin-right: 0px;
}

.mm-sharp-layout .question_top img {
  margin-top: 5px;
}
/* If process */
.newLayout .mm-sharp-layout .question_top img {
  margin-top: 10px;
}

.newLayout .breadcrumbs-wrapper img.mm-process-img {
  margin-top: 0px;
  position: relative;
  top: -4px;
  float: left;
}
/*Fix for .mainprocesssteps_container*/
.newLayout .mainprocesssteps_container {
  height: 102px;
}
/* header top nav row */
.mm-header-block-1 {
	float: left;
	height: 40px;
	background: #fbfbfb;
	padding-top: 10px;
	padding-left: 10px;
	box-sizing: content-box
}

.mm-header-block-2 {
  float: left;
  height: 50px;
  background: #273351;
}

.mm-header-block-3 {
  float: right;
  height: 50px;
  margin-right: 20px;
  position: absolute;
  right: 0px;
}
/* Logo area */
.mm-header-block-1 .mm-client-logo {
  float: left;
  min-width: 170px;
  padding-left: 10px;
  height: 65px;
}

  .mm-header-block-1 .mm-client-logo img {
    max-height: 65px;
    max-width: 170px;
  }

.mm-header-block-1 .mm-name-label {
  float: left;
  display: block;
  margin: 11px 0px 0px 6px;
  font-weight: bold;
  display: none;
}
/* Logout area */
.mm-logout-area {
  float: right;
  background: #273351;
  color: #fff;
  height: 35px;
  padding: 15px 20px 0px 0px;
}

  .mm-logout-area .mm-name-label {
    float: left;
    padding-left: 6px;
  }

  .mm-logout-area a.mm-user-profile {
    float: left;
    color: #fff;
    cursor: pointer;
  }

  .mm-logout-area .header_menu_right {
    float: left;
  }

.mm-logout-link {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  margin-left: 10px;
  background: url("IMAGES/v11/header/turnOff15_sprite.png") no-repeat top left;
}

  .mm-logout-link:hover {
    background-position: bottom left;
  }
/***** navigation top above megamenu  *****/
#mm-top-nav {
  height: 50px;
}

  #mm-top-nav > ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
  }

    #mm-top-nav > ul > li {
      margin-right: 0px;
      display: block;
      float: left;
      padding-left: 36px;
      text-align: center;
      background: url("images/v11/navigation/MMtriangle50.png") no-repeat top left;
      background-image: url("images/v11/navigation/triangles/Triangle50stroke50.png");
      background-image: url(IMAGES/v11/navigation/triangles/001_blueTrans50.png);
      background-image: url(IMAGES/v11/navigation/triangles/001_blueTrans30.png);
    }

      #mm-top-nav > ul > li .mm-menu-triangle {
        display: none;
        position: relative;
        top: 40px;
        left: 26px;
        border-left: solid 11px transparent;
        border-right: solid 11px transparent;
        border-bottom: solid 11px #fbfbfb;
        width: 0;
        height: 0;
      }

.ie7 #mm-top-nav > ul > li .mm-menu-triangle {
  overflow: hidden;
  left: -20px;
}

#mm-top-nav > ul > li.last {
  padding-left: 0px;
  width: 50px;
  display: none;
}

#mm-top-nav > ul > li.first {
  background-image: url("images/v11/navigation/Triangle50BlueGrey.png");
  background-image: url(IMAGES/v11/navigation/triangles/001_blueTrans50_Grey.png);
  background-image: url(IMAGES/v11/navigation/triangles/001_blueTrans30_Grey.png);
  background-image: url(IMAGES/v11/navigation/triangles/001_blue30opLgreyFix3.png);
}

#mm-top-nav > ul > li.childselected .mm-menu-triangle {
  display: block;
}

#mm-top-nav > ul > li.hover .mm-menu-triangle {
  display: block;
  border-bottom-color: #fff;
  top: 43px;
  z-index: 300;
}

#mm-top-nav > ul > li.childselected + li.last,
#mm-top-nav > ul > li.hover + li.last {
  padding-left: 0px;
  display: block;
  height: 50px;
}

#mm-top-nav > ul > li > a {
  color: #fff;
  display: block;
  cursor: pointer;
  height: 50px;
  min-width: 30px;
}

  #mm-top-nav > ul > li > a > span {
    display: block;
    max-width: 76px;
    padding-top: 8px;
    margin-left: -15px;
  }
/********************************************* 
      Megamenu 
  *******************************************/
.mm-close-megamenu {
  cursor: pointer;
  display: none;
  background: url("IMAGES/v11/megamenu/close_20.png") no-repeat top left;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 67px;
  left: 1116px;
  z-index: 120;
}

#mm-top-nav > ul > li > ul > li {
  float: left;
}
/* Main big container here */
#mm-top-nav ul li ul {
  position: absolute;
  left: 227px;
  top: 50px;
  width: 887px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: none;
  z-index: 100;
  background: #fff;
  border: solid 4px #273351;
  border-top: none;
}
/* for search */
#mm-top-nav > ul > li#mm-menu-search > ul {
  padding-top: 80px;
}

  #mm-top-nav > ul > li#mm-menu-search > ul > li#mm-menu-search-container {
    position: absolute;
    left: 100px;
    top: 25px;
  }

.ie7 #mm-top-nav ul li ul {
  left: 185px;
}

#mm-top-nav ul li.hover ul,
#mm-top-nav ul li.mm-item-open ul {
  display: block;
	box-sizing:content-box
}

#mm-top-nav ul li ul li {
  padding: 0px;
  width: 200px;
  margin-right: 15px;
}

  #mm-top-nav ul li ul li.newLine {
    clear: both;
  }

#mm-top-nav ul li:hover ul li,
#nav ul li ul li:hover {
  background: none;
}

#mm-top-nav ul li ul li a {
  color: #343434;
  font-weight: bold;
  padding: 0px;
  margin-bottom: 2px;
  height: 21px;
}
/* capitalize search results */
#mm-top-nav ul li#mm-menu-search ul li a:first-letter {
  text-transform: capitalize;
}
/* first headings inside down here 12px */
#mm-top-nav ul li.level1 ul li.level2 a {
  color: #ff3600;
  font-size: 0.857em;
  padding-top: 20px;
  margin-left: 0px;
  font-weight: bold;
}
/* after that, black and smaller 11px */
#mm-top-nav ul li.level1 ul li.level2 ul a {
  color: #343434;
  font-size: 0.786em;
  padding-top: 0px;
  margin-left: 0px;
  font-weight: normal;
}

#mm-top-nav ul li:hover ul li a,
#nav ul li ul li a:hover {
  background: none;
}

#mm-top-nav ul li ul li a:hover {
  text-decoration: underline;
}

#mm-top-nav ul li ul li ul {
  margin: 0px;
  padding: 0px;
  display: block !important;
  background: none;
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  border: none;
}

  #mm-top-nav ul li ul li ul li {
    clear: both;
    display: block;
    height: 21px;
  }

    #mm-top-nav ul li ul li ul li.selected {
      background: url("IMAGES/v11/megamenu/NavPointer.png") no-repeat top left;
      padding-left: 16px;
      opacity: 1;
      position: relative;
      left: -16px;
      font-weight: bold;
    }

      #mm-top-nav ul li ul li ul li.selected a {
        font-weight: bold;
      }

    #mm-top-nav ul li ul li ul li a {
      font-family: arial, sans-serif;
      color: #3f3f3f;
      font-weight: normal;
      font-size: 1em;
    }
/* Search in megamenu */
li#mm-menu-search {
  padding-left: 26px !important;
}

  li#mm-menu-search a img {
    display: block;
    margin-top: 10px;
  }

  li#mm-menu-search ul {
    border: solid 1px #333;
  }

    li#mm-menu-search ul li.heading {
      position: relative;
      margin-top: 15px;
    }

    li#mm-menu-search ul li#mm-menu-search-container {
      width: 735px;
    }

      li#mm-menu-search ul li#mm-menu-search-container .mm-search-fields-wrapper label {
        display: none;
      }

      li#mm-menu-search ul li#mm-menu-search-container .mm-search-fields-wrapper input {
        width: 300px;
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -o-transition: width 1s ease;
        -ms-transition: width 1s ease;
        transition: width 1s ease;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 6px 7px;
        border: solid 1px #dcdcdc;
        font-size: 13px;
      }

        li#mm-menu-search ul li#mm-menu-search-container .mm-search-fields-wrapper input:focus {
          width: 400px;
          outline: none;
        }

  li#mm-menu-search .menu-item-result-found {
    font-weight: bold;
    text-decoration: underline;
  }

  li#mm-menu-search .mm-search-category-name {
    font-size: 10px;
    text-transform: uppercase;
    color: #b51f24;
    position: absolute;
    top: -6px;
    left: 0px;
    display: none;
    cursor: default;
  }
/* heading items */
#mm-top-nav .selected {
  opacity: 1;
}

#mm-top-nav li.heading > a {
  color: #b51f24;
  font-weight: bold;
  font-size: 1.250em;
  border-bottom: solid 1px #ccc;
  min-width: 175px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

#mm-top-nav li.heading.childselected > a {
  border-bottom-color: #b51f24;
}

#mm-top-nav li.heading > a:hover {
  cursor: default;
  text-decoration: none;
}

#mm-top-nav li.heading > a.no-children {
  border-bottom: none;
  font-weight: normal;
}

#mm-top-nav li.heading.selected > a.no-children {
  background: url("IMAGES/v11/megamenu/NavPointer.png") no-repeat 0px 2px;
  padding-left: 16px;
  opacity: 1;
  font-weight: bold;
}

#mm-top-nav li.heading > a.no-children:hover {
  cursor: pointer;
  text-decoration: none;
}

#mm-top-nav li.heading.childselected > a .mm-triangle-before {
  display: none;
  position: absolute;
  top: 0px;
  left: -26px;
  border-left: solid 26px transparent;
  border-right: solid 26px transparent;
  border-bottom: solid 26px #fff;
  width: 0;
  height: 0;
}

#mm-top-nav li.heading.childselected > a .mm-triangle-after {
  display: none;
  position: absolute;
  top: 0px;
  left: 165px;
  border-left: solid 17px transparent;
  border-right: solid 26px transparent;
  border-top: solid 26px #fff;
  width: 0;
  height: 0;
}

.newLayout #footer_v11 {
  margin-left: 22px;
}

#footer_v11 {
  height: 50px;
  background: #273351;
  margin-top: 20px;
  min-width: 1113px;
  position: relative;
  width: 100%;
}

  #footer_v11 .text {
    color: #fff;
    margin-left: 24px;
    margin-top: 18px;
  }

  #footer_v11 .mm-shortcuts {
    float: left;
    margin: 0;
    padding: 0;
    height: 50px;
  }

    #footer_v11 .mm-shortcuts ul {
      margin: 0;
      padding: 0;
    }

      #footer_v11 .mm-shortcuts ul li {
        list-style: none;
        float: left;
        height: 50px;
        margin-right: 0px;
        display: block;
        padding-left: 36px;
        text-align: center;
        background: url("images/v11/navigation/MMtriangle50.png") no-repeat top left;
        background-image: url("IMAGES/v11/navigation/triangles/001_blueTrans50.png");
        background-image: url(IMAGES/v11/navigation/triangles/001_blueTrans30.png);
      }

        #footer_v11 .mm-shortcuts ul li a {
          color: #fff;
        }

          #footer_v11 .mm-shortcuts ul li a span {
            display: block;
            padding-top: 18px;
            margin-left: -8px;
          }

  #footer_v11 .mm-shortcut-wrapper {
    float: left;
    position: relative;
  }

    #footer_v11 .mm-shortcut-wrapper a.mm-shortcut-link {
      color: #fff;
      display: block;
      float: left;
      padding: 9px 0px 0px 21px;
      background: url(IMAGES/v11/shortcuts/shortcut_link_20.png) no-repeat top left;
      margin: 8px 0px 0px 10px;
    }

  #footer_v11 .mm-logo-wrapper {
    float: right;
    background: #fbfbfb;
    height: 40px;
    padding: 10px 10px 0px 10px;
    position: relative;
    width: 300px;
		box-sizing:content-box;
  }

    #footer_v11 .mm-logo-wrapper img {
      float: right;
      margin-right: 41px;
    }

    #footer_v11 .mm-logo-wrapper .mm-triangle-before {
      position: absolute;
      top: 0px;
      left: -37px;
      height: 0px;
      width: 0px;
      border-left: solid 37px transparent;
      border-left: 37px solid rgba(251, 251, 251, 0);
      border-right: solid 26px transparent;
      border-right: 26px solid rgba(251, 251, 251, 0);
      border-top: solid 50px #fbfbfb;
    }

.mm-sharp-layout .shortcuts_container {
  background: #fbfbfb;
}

.mm-blur-bg {
  position: fixed;
  top: 0px;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 0;
  filter: alpha(opacity=0);
}

  .mm-blur-bg.active {
    position: fixed;
    display: block;
    background-color: #000;
    left: 0;
    opacity: 0.3;
    filter: alpha(opacity=30);
  }
/*Bring to oldlayout*/
.new_breadcrumbs {
  margin: 5px 5px 0px 0px;
  font-weight: normal;
  display: block !important;
}

  .new_breadcrumbs ul {
    list-style: none;
    margin: 0;
  }

    .new_breadcrumbs ul li {
      float: left;
    }

      .new_breadcrumbs ul li.last {
        margin-right: 0px;
        padding-right: 0px;
        background: none;
        font-weight: bold;
        font-size: 13px;
        text-transform: uppercase;
        margin-top: 0px;
      }
/*
   *******************************************************************
   ************************ Global action menu ***********************
   *******************************************************************
*/
.global-actions-wrapper {
  float: right;
  margin-right: 10px;
}

nav.global-actions-container {
  float: right;
  margin-right: 6px;
  margin-top: 14px;
}

  nav.global-actions-container ul {
    margin: 0;
    padding: 0;
  }

    nav.global-actions-container ul li {
      float: left;
    }

.global-action-selection {
  float: right;
  margin: 12px 5px 0px 0px;
}
/*
   *******************************************************************
   ************************ base info table styling, right side ******
   *******************************************************************
*/
.mainmaninfo_grdview .list_header_text_order {
  color: #FFFFFF;
  background-image: none !important;
  background-color: #263350 !important;
}
/* *******************************************************************
   ************************ SUMMARY CHARTS ***************************
   ******************************************************************* */
/* SUMMARY CHART - ENVIRONMENT PROCESS*/
table.tbl-ros-chart {
  margin-left: 300px;
  border-collapse: collapse;
  border: 1px solid #BABBBC;
  font-weight: bold;
}

  table.tbl-ros-chart td {
    border: 1px solid #BABBBC;
    text-align: center;
  }

    table.tbl-ros-chart td.numbered {
      border: 1px solid black;
      width: 100px;
      height: 50px;
      position: relative;
    }

      table.tbl-ros-chart td.numbered a {
        display: block;
        width: 100%;
        height: 100%;
      }

        table.tbl-ros-chart td.numbered a span {
          position: relative;
          top: 20px;
        }

    table.tbl-ros-chart td.ros-yellow {
      background-color: yellow;
    }

    table.tbl-ros-chart td.ros-red {
      background-color: red;
    }

    table.tbl-ros-chart td.ros-green {
      background-color: green;
    }

    table.tbl-ros-chart td.description-left-panel {
      width: 70px;
      border-right: solid 1px #000;
      color: #15476C;
      font-size: 12px;
      font-weight: normal;
    }

    table.tbl-ros-chart td.description-bottom-panel {
      height: 40px;
      color: #15476C;
      font-size: 12px;
      font-weight: normal;
    }

  table.tbl-ros-chart .ros-vertical-description {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    font-size: 14px;
    text-transform: uppercase;
    color: #15476C;
  }

  table.tbl-ros-chart .ros-horizontal-description {
    font-size: 14px;
    height: 40px;
    text-transform: uppercase;
    color: #15476C;
  }
/* Charts Summary graphs with optional settings btn */
.graph-summary-container {
  float: left;
  position: relative;
}

  .graph-summary-container .popup-layout-options {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    width: 20px;
    display: block;
    background: url("IMAGES/Icons/Actions/settingsSprite20.png") no-repeat top left;
    text-indent: -9999px;
    font-size: 1px;
  }

    .graph-summary-container .popup-layout-options:hover {
      background-position-x: -20px;
    }

		.chart-fullscreen-btn {
    position: absolute;
    right: 10px;
    top: 20px;
    height: 20px;
    width: 20px;
    display: block;
    background: url("IMAGES/Icons/Actions/FullscreenSprite20.png") no-repeat top left;
    text-indent: -9999px;
    font-size: 1px;
  }

		.chart-fullscreen-btn:hover {
      background-position-x: -20px;
    }

  .graph-summary-container .chart-show-table {
    position: absolute;
    height: 20px;
    top: 10px;
    width: 20px;
    display: block;
    background: url("IMAGES/Icons/Actions/settingsSprite20.png") no-repeat top left;
    text-indent: -9999px;
    font-size: 1px;
  }

    .graph-summary-container .chart-show-table:hover, .chart-show-chart:hover {
      background-position-x: -20px;
    }

  .graph-summary-container .chart-show-chart {
    position: absolute;
    height: 16px;
    top: 8px;
    width: 16px;
    display: block;
    background: url("IMAGES/Icons/Actions/Chart.png") no-repeat top left;
    text-indent: -9999px;
    font-size: 1px;
  }


/* *******************************************************************
   ************************ BIM toolbar ****************************** 
   ******************************************************************* */
.mm-bim-toolbar {
  margin-top: 6px;
  zoom: 1;
  width: 520px;
  position: absolute;
  bottom: -76px;
  left: 200px;
  border: solid 1px #cccccc;
  background: #ffffff;
  padding: 10px;
}

  .mm-bim-toolbar:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  .mm-bim-toolbar.mm-bim-toolbar-fullscreen {
    left: 219px;
  }

  .mm-bim-toolbar.mm-bim-toolbar-process {
    left: 70px;
  }

  .mm-bim-toolbar .enable-panel {
    position: absolute;
    left: 0px;
    top: -42px;
    cursor: default;
    padding: 7px;
    border: solid 1px #cccccc;
    background: #ffffff;
  }

    .mm-bim-toolbar .enable-panel:hover {
      cursor: pointer;
    }

    .mm-bim-toolbar .enable-panel .mm-inner-area {
      width: 25px;
      height: 25px;
      background: url(IMAGES/v11/fullscreenlayout/toolbox/ToolBoxSpr25.png) -25px 0px no-repeat;
    }

  .mm-bim-toolbar.visible {
    bottom: 0px;
  }

    .mm-bim-toolbar.visible .enable-panel {
      background: #273351;
    }

      .mm-bim-toolbar.visible .enable-panel .mm-inner-area {
        background-position: 0px 0px;
      }

    .mm-bim-toolbar.visible .content {
      display: block;
    }

  .mm-bim-toolbar .bim-col {
    float: left;
    margin-left: 40px;
  }

    .mm-bim-toolbar .bim-col .bim-col-element {
      float: left;
      margin-right: 5px;
    }

      .mm-bim-toolbar .bim-col .bim-col-element:last-child {
        margin-right: 0px;
      }

      .mm-bim-toolbar .bim-col .bim-col-element.camera {
        position: relative;
        top: -3px;
      }

      .mm-bim-toolbar .bim-col .bim-col-element.eye {
        position: relative;
        top: -3px;
      }

    .mm-bim-toolbar .bim-col.select-data-type {
      margin-left: 0px;
      position: relative;
      top: -4px;
      left: 15px;
    }
/* *******************************************************************
   ************************ Fire safety report *********************** 
   ******************************************************************* */
ul.mm-report-table-cell {
  margin: 0px 0px 0px 4px;
  padding: 0px;
}

  ul.mm-report-table-cell li {
    list-style: none;
  }

    ul.mm-report-table-cell li.odd {
      background: #ecebeb;
    }

table.mm-firesafety-general-info {
  margin-top: 20px;
}
/* *******************************************************************
   ************************ DELETE propertybox *********************** 
   ******************************************************************* */
table.mm-delete-review-items {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  table-layout: fixed;
}

  table.mm-delete-review-items tr.simple_list_header th:nth-child(2) {
    width: 65px;
  }

  table.mm-delete-review-items tr.simple_list_header th:first-child + th {
    width: 65px;
  }

  table.mm-delete-review-items tr.simple_list_header th:nth-child(3) {
    width: 50px;
  }

  table.mm-delete-review-items tr.simple_list_header th:first-child + th + th {
    width: 50px;
  }

  table.mm-delete-review-items a {
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 2px;
    background: #fbfbfb;
    height: 16px;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
    filter: alpha(opacity=0.8);
  }

    table.mm-delete-review-items a:hover {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
    }
/************************************************************
 ******************** Interactive drawings ******************   
**************************************************************/
.no-drawing-panel {
  min-height: 400px;
}

.no-drawing-label {
  display: block;
  text-align: center;
  clear: both;
  padding-top: 10px;
}
/************************************************************
 *********** Incident Action Result message *****************  
*************************************************************/
.incident-msg-wrapper .msg-row {
  zoom: 1;
}

  .incident-msg-wrapper .msg-row:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  .incident-msg-wrapper .msg-row .ref-number {
    display: block;
    float: right;
    border: 1px dotted #ccc;
    color: #263350;
    font-size: 20px;
    padding: 10px;
  }

  .incident-msg-wrapper .msg-row .tick-col {
    float: left;
    padding-top: 10px;
  }

  .incident-msg-wrapper .msg-row .incident-msg {
    float: left;
    width: 270px;
    margin-left: 20px;
  }

    .incident-msg-wrapper .msg-row .incident-msg h1 {
      color: green;
      font-size: 18px;
    }

    .incident-msg-wrapper .msg-row .incident-msg p {
      color: #263350;
      position: relative;
    }

    .incident-msg-wrapper .msg-row .incident-msg .btn-add-incident {
      position: absolute;
      right: 5px;
      top: -10px;
    }

      .incident-msg-wrapper .msg-row .incident-msg .btn-add-incident img {
        opacity: 0.7;
        filter: alpha(opacity=70);
      }

        .incident-msg-wrapper .msg-row .incident-msg .btn-add-incident img:hover {
          opacity: 1;
          filter: alpha(opacity=100);
        }
/************************************************************************************
 *********** Lets bring consistency to style of HTML editor in forms ****************
*************************************************************************************/
#mm-propertybox-wrapper .Default.reWrapper,
#mm-propertybox-wrapper .Default.RadEditor {
  border: none;
}
/************************************************************************************
 ****************************  Notification icons ***********************************
*************************************************************************************/
.mm-notification-icon {
  float: left;
  cursor: pointer;
}
/* *******************************************************************
   ************************ mmFullScreen Layout **********************
   ******************************************************************* */
#full-screen-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

  #full-screen-wrapper .mm-graphical-menu {
    position: absolute;
    top: 1px;
    right: 250px;
  }

    #full-screen-wrapper .mm-graphical-menu ul {
      list-style: none;
      zoom: 1;
      margin: 0;
      padding: 0;
    }

      #full-screen-wrapper .mm-graphical-menu ul:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
      }

      #full-screen-wrapper .mm-graphical-menu ul li {
        float: left;
        padding: 10px;
        background: #ffffff;
        margin-right: 0px;
        border: solid 1px #cccccc;
        border-right: none;
        opacity: 1;
        fill: none;
      }

        #full-screen-wrapper .mm-graphical-menu ul li a {
          display: block;
          width: 25px;
          height: 25px;
          background-repeat: no-repeat;
          background-position: 0px 0px;
          text-indent: -9999px;
          font-size: 1px;
        }

        #full-screen-wrapper .mm-graphical-menu ul li.gis a {
          background-image: url("IMAGES/v11/fullscreenlayout/graphicalmenu/GisSpr25.png");
          background-position-x: -26px;
        }

        #full-screen-wrapper .mm-graphical-menu ul li.bim a {
          background-image: url("IMAGES/v11/fullscreenlayout/graphicalmenu/BIMSpr25.png");
          background-position-x: -27px;
        }

        #full-screen-wrapper .mm-graphical-menu ul li.svg a {
          background-image: url("IMAGES/v11/fullscreenlayout/graphicalmenu/Interactive-DrawingSpr25.png");
          background-position-x: -28px;
        }

        #full-screen-wrapper .mm-graphical-menu ul li:last-child {
          margin-right: 0px;
        }

        #full-screen-wrapper .mm-graphical-menu ul li.selected {
          background: #273351;
          color: #ffffff;
        }

          #full-screen-wrapper .mm-graphical-menu ul li.selected.gis a {
            background-position-x: 0px;
          }

          #full-screen-wrapper .mm-graphical-menu ul li.selected.bim a {
            background-position-x: 2px;
          }

          #full-screen-wrapper .mm-graphical-menu ul li.selected.svg a {
            background-position-x: 0px;
          }

        #full-screen-wrapper .mm-graphical-menu ul li:last-child {
          border-right: solid 1px #cccccc;
        }

  #full-screen-wrapper .mm-slider {
    height: 100%;
    width: 195px;
    background: #ffffff;
  }

    #full-screen-wrapper .mm-slider .mm-slider-inner {
      position: relative;
    }

      #full-screen-wrapper .mm-slider .mm-slider-inner .mm-slider-opener {
        position: absolute;
        top: 100px;
        width: 30px;
        height: 90px;
        background: #ffffff;
        border: solid 1px #cccccc;
        cursor: pointer;
      }

        #full-screen-wrapper .mm-slider .mm-slider-inner .mm-slider-opener .arrow {
          background: url("IMAGES/v11/filter/Arrows16LeftRight.png") top left no-repeat;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 18px;
          left: 10px;
        }

        #full-screen-wrapper .mm-slider .mm-slider-inner .mm-slider-opener .mm-filter-text {
          position: absolute;
          top: 52px;
          left: 1px;
          font-size: 13px;
        }

        #full-screen-wrapper .mm-slider .mm-slider-inner .mm-slider-opener:hover {
          background: #273351;
          color: #ffffff;
        }

      #full-screen-wrapper .mm-slider .mm-slider-inner #mm-slider-right-opener {
        left: -32px;
        border-right: none;
      }

        #full-screen-wrapper .mm-slider .mm-slider-inner #mm-slider-right-opener .arrow {
          background-position: -16px 0px;
          left: 7px;
        }

      #full-screen-wrapper .mm-slider .mm-slider-inner #mm-slider-left-opener {
        right: -32px;
        border-left: none;
      }

        #full-screen-wrapper .mm-slider .mm-slider-inner #mm-slider-left-opener .arrow {
          background-position: 0px 0px;
        }

      #full-screen-wrapper .mm-slider .mm-slider-inner .slider-content-wrapper {
        padding: 10px;
      }

    #full-screen-wrapper .mm-slider .mm-dragbar {
      width: 0px;
      height: 100%;
      cursor: col-resize;
      background: #cccccc;
    }

    #full-screen-wrapper .mm-slider.visible .mm-slider-opener {
      background: #273351;
      color: #ffffff;
    }

  #full-screen-wrapper #mm-slider-left {
    margin-left: -195px;
    float: left;
    border: solid 1px #cccccc;
    border-left: none;
  }

    #full-screen-wrapper #mm-slider-left .mm-dragbar {
      float: right;
    }

    #full-screen-wrapper #mm-slider-left.visible {
      margin-left: 0px;
    }

      #full-screen-wrapper #mm-slider-left.visible .arrow {
        background-position: -16px 0px !important;
        left: 7px !important;
      }

    #full-screen-wrapper #mm-slider-left .mm-filter-text {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
    }

  #full-screen-wrapper #mm-slider-right {
    margin-right: -220px;
    float: right;
    border: solid 1px #cccccc;
    border-right: none;
  }

    #full-screen-wrapper #mm-slider-right .mm-dragbar {
      float: left;
    }

    #full-screen-wrapper #mm-slider-right.visible {
      margin-right: 0px;
    }

      #full-screen-wrapper #mm-slider-right.visible .arrow {
        background-position: 0px 0px !important;
        left: 9px !important;
      }

    #full-screen-wrapper #mm-slider-right .filter_rounded_container {
      clear: none;
    }

    #full-screen-wrapper #mm-slider-right .mm-filter-text {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
    }

  #full-screen-wrapper #mm-full-screen-content {
    width: 100%;
    height: 100%;
  }

    #full-screen-wrapper #mm-full-screen-content .mm-frame-wrapper {
      padding: 10px;
    }

      #full-screen-wrapper #mm-full-screen-content .mm-frame-wrapper .mm-frame {
        overflow: hidden;
      }
/* *******************************************************************
   ************************ BIM VIEWER *******************************
   ******************************************************************* */
.mm-bim-viewer-container-abovelist {
  position: relative;
  overflow: hidden;
}

.mm-bim-viewer-container-process {
  position: relative;
  /*#BimViewer {min-height: 380px; height: auto !important;}*/
}

  .mm-bim-viewer-container-process #info-panel {
    left: 92px;
    top: 0px;
  }

    .mm-bim-viewer-container-process #info-panel .enable-panel {
      top: 0px;
      left: -41px;
    }

#dvLoading {
  background: url(images/ajax-loader.gif) no-repeat center center;
  height: 100px;
  width: 100px;
  position: relative;
  z-index: 1000;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
}
/* Color legend panel */
#color-legend-panel {
  position: absolute;
  top: 1px;
  left: 261px;
  background: #fff;
}

  #color-legend-panel .enable-panel {
    position: absolute;
    left: -41px;
    top: -1px;
    cursor: default;
    padding: 7px;
    border: solid 1px #cccccc;
    background: #ffffff;
  }

    #color-legend-panel .enable-panel:hover {
      /*background:#273351;*/
      cursor: pointer;
    }

      #color-legend-panel .enable-panel:hover .mm-inner-area {
        /*background-position:0px 0px;*/
      }

    #color-legend-panel .enable-panel .mm-inner-area, #toggleBIMLegendButton {
      width: 25px;
      height: 25px;
      background: url(IMAGES/v11/fullscreenlayout/infobar/colorLegSpr25.png) -25px 0px no-repeat;
    }

  #color-legend-panel .content {
    width: 310px;
    display: none;
  }

    #color-legend-panel .content ul {
      zoom: 1;
      list-style: none;
      margin: 0px;
      padding: 0px;
    }

      #color-legend-panel .content ul:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
      }

      #color-legend-panel .content ul li {
        zoom: 1;
        margin: 0px 5px 5px 0px;
        float: left;
        min-width: 150px;
      }

        #color-legend-panel .content ul li:after {
          content: ".";
          display: block;
          height: 0;
          font-size: 0;
          clear: both;
          visibility: hidden;
        }

        #color-legend-panel .content ul li .color {
          display: block;
          float: left;
          margin-right: 5px;
          width: 12px;
          height: 12px;
        }

        #color-legend-panel .content ul li .description {
          display: block;
          float: left;
        }

  #color-legend-panel.visible {
    border: solid 1px #cccccc;
    padding: 13px;
    min-height: 52px;
  }

    #color-legend-panel.visible .enable-panel {
      background: #273351;
    }

      #color-legend-panel.visible .enable-panel .mm-inner-area {
        background-position: 0px 0px;
      }

    #color-legend-panel.visible .content {
      display: block;
    }


#BIMLegend ul{
	list-style:none;
	padding:0;
	margin:10px;
}

#BIMLegend li{
	margin-top: 10px;
}

#BIMLegend .color{
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  margin-top: 2px;
	border: 1px solid gray;
}

#BIMLegend .description{
	font-weight: normal;
  font-style: normal;
}


/* Info Box */
#info-panel {
  position: absolute;
  top: 1px;
  left: 261px;
  background: #fff;
}

  #info-panel .enable-panel {
    position: absolute;
    left: -41px;
    top: 39px;
    cursor: default;
    padding: 7px;
    border: solid 1px #cccccc;
    background: #ffffff;
  }

    #info-panel .enable-panel:hover {
      cursor: pointer;
    }

    #info-panel .enable-panel .mm-inner-area {
      width: 25px;
      height: 25px;
      background: url(IMAGES/v11/fullscreenlayout/infobar/BIMinfoSpr25.png) -25px 0px no-repeat;
    }

  #info-panel .content {
    width: 310px;
    display: none;
  }

    #info-panel .content ul {
      zoom: 1;
      list-style: none;
      margin: 0px;
      padding: 0px;
    }

      #info-panel .content ul:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
      }

      #info-panel .content ul li {
        zoom: 1;
        margin: 0px 5px 5px 0px;
        float: left;
        min-width: 150px;
      }

        #info-panel .content ul li:after {
          content: ".";
          display: block;
          height: 0;
          font-size: 0;
          clear: both;
          visibility: hidden;
        }

        #info-panel .content ul li .color {
          display: block;
          float: left;
          margin-right: 5px;
          width: 12px;
          height: 12px;
        }

        #info-panel .content ul li .description {
          display: block;
          float: left;
        }

  #info-panel.visible {
    border: solid 1px #cccccc;
    padding: 13px;
    min-height: 52px;
  }

    #info-panel.visible .enable-panel {
      background: #273351;
    }

      #info-panel.visible .enable-panel .mm-inner-area {
        background-position: 0px 0px;
      }

    #info-panel.visible .content {
      display: block;
    }
/* *******************************************************************
   ************************ Sticky headers for lists *****************
   ******************************************************************* */
.sticky-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

  .sticky-wrap .sticky-thead,
  .sticky-wrap .sticky-col,
  .sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.125s ease-in-out;
    z-index: 50;
    width: auto;
    /* Prevent table from stretching to full size */
  }

  .sticky-wrap .sticky-thead {
    /*box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);*/
    z-index: 100;
    width: 100% /* Force stretch -  removed importent */ /* if importent is added the sticky header does not work in wide lists */;
  }

  .sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
  }

    .sticky-wrap .sticky-intersect th {
      background-color: #666;
      color: #eee;
    }

  .sticky-wrap td,
  .sticky-wrap th {
    box-sizing: border-box;
  }
/* Custom - Since we are not (yet) using normalize.css */
.sticky-thead {
  border-collapse: collapse;
  border-spacing: 0;
}
/* *******************************************************************
   ************************ Paging numbers for lists *****************
   ******************************************************************* */
.mmPagerWrapper select {
  height: 22px !important;
}

.mmPagerWrapper .mm-pager-arrow {
  margin-top: 5px;
}

.mmPagerWrapper .mmListRowSettings {
  margin-top: 0px;
  font-size: 9px;
  display: inline-block;
}

  .mmPagerWrapper .mmListRowSettings > span {
    display: block;
    margin-top: 6px !important;
    font-weight: normal !important;
  }

.mmPagerWrapper a.listpageritem .pager_button_wrap .pager_button_text {
  display: block;
  width: 20px;
  font-size: 12px;
  padding: 3px 0px 3px 0px;
}

  .mmPagerWrapper a.listpageritem .pager_button_wrap .pager_button_text.selected {
    font-weight: bold;
    fill: none;
    stroke: none;
    opacity: 1;
  }
/* *******************************************************************
   ************************ Selected rows in data tables *************
   ******************************************************************* */
tr.mm-row-selected {
  outline: solid 1px #ffffff;
  background: #f1ecd7 !important;
}
/* *******************************************************************
   ************************ Filtered items on indicators *************
   ******************************************************************* */
/*div.mm-filter-on .rcbInputCell INPUT.rcbInput { background-color:@mm-selected-row-color; }*/
div.mm-filter-on > input {
  background-color: #f1ecd7 !important;
}

div.mm-filter-on .rcbInputCell {
  background-color: #f1ecd7 !important;
}
/* *******************************************************************
   ************************ Filter in process layout *****************
   ******************************************************************* */
.newLayout .mm-process-filter-left {
  position: relative;
}

.newLayout .RadSplitter .rspSlideHeaderUndockIcon {
  display: block;
  width: 22px;
  height: 63px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #273351 !important;
  z-index: 100;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.newLayout .RadSplitter .rspSlideHeader .rspSlideTitle {
  text-align: center;
}
/* *******************************************************************
   ************************ open text box *****************
   ******************************************************************* */
.mm-open-textbox {
  border: 1px solid #ccc;
  font-size: 11px;
  color: #b6b6b8;
  float: left;
  padding: 3px;
  margin-right: 4px;
  /* color: #b6b6b8; border: 1px solid #ddd;*/
}
/* *******************************************************************
   ************************ task management *****************
   ******************************************************************* */
.mm-slider-container {
  float: right;
}

  .mm-slider-container .mm-slider-container2 {
    color: #15476c;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 15px;
    width: 268px;
  }

    .mm-slider-container .mm-slider-container2 a.mm-slider-container-left-arrow > img {
      float: left;
    }

    .mm-slider-container .mm-slider-container2 > span {
      display: block;
      float: left;
      padding-left: 10px;
      margin-top: 5px;
    }

    .mm-slider-container .mm-slider-container2 a.mm-slider-container-right-arrow > img {
      float: left;
      padding-left: 10px;
    }
/* *******************************************************************
   ************************ New RadList Styling *****************
   ******************************************************************* */
.rgHeaderWrapper .rgMasterTable th.rgHeader {
  border-left: solid 1px #ccc;
}
/*# sourceMappingURL=base.css.map */

.rieOverwriteFile{
	display: none;
}